<!--


HTTPS://OHMYGIRL.CC
홈페이지 관련 문의 또는 기타 문의는 홈페이지 고객센터 또는 이메일 webmaster@ohmygirl.cc


○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
○○○●●●●○○●●○○○○○●●○○●●●●●○○●●●●●●●○○○●●○○○○●●●○○○●●○
○○●●○○●●○●●●○○○●●●○●●○○●●●○●●●○○○○○○○●●●○○○●●●○○○●●○
○●●●○○●●●●●●○○○●●●●●●○○○●●○●●●○○○○○○●●●●○○○●●●●○○●●○
○●●○○○○●●●●●●○●●●●●●○○○○○○○●●●○○○○○○●●○●●○○●●●●●○●●○
○●●○○○○●●●●●●●●●●●●●○○●●●●○●●●●●●●○○●●○●●○○●●●●●○●●○
○●●○○○○●●●●○●●●○●●●●○○○○●●○●●●○○○○○●●●●●●●○●●●○●●●●○
○●●●○○●●●●●○○●●○●●●●●○○○●●○●●●○○○○○●●○○○●●○●●●○●●●●○
○○●●○○●●○●●○○○○○●●○●●●○●●●○●●●○○○○●●●○○○●●○●●●○○●●●○
○○○●●●●○○●●○○○○○●●○○●●●●●●○●●●○○○○●●○○○○●●●●●●○○○●●○
○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○
○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○○


HTTPS://OHMYGIRL.CC
홈페이지 관련 문의 또는 기타 문의는 홈페이지 고객센터 또는 이메일 webmaster@ohmygirl.cc


-->


    <!--
     **************************************************************************
     *               OMGFAN! You're a curious fan! 🥳                        *
     *																          *
     *           Welcome to the OMGFAN hidden world!                          *
     *       You’ve unlocked the secret fan code of OH MY GIRL!              *
     *																          *
     *  🎤 효정, 미미, 유아, 승희, 유빈, 아린이 당신을 환영합니다! 🎤        *
     *																          *
     *  💬 커뮤니티에 오신 걸 환영해요! 이곳에서 팬들과 함께 소통하세요. 💬  *
     *  🔍 오마이걸 커뮤니티 에서는 언제나 미라클 여러분을 기다립니다!!! 🔍  *
     *																          *
     **************************************************************************
    -->


<!------------------------------------------------------------>
<!--  HTTPS://OHMYGIRL.CC AWARDED                           -->
<!--  제작자 : 오마이걸 커뮤니티                            -->
<!--  홈페이지 : https://ohmygirl.cc (오마이걸 커뮤니티)    -->
<!--  문의메일 : webmaster@ohmygirl.cc                      -->
<!--  만든날짜 : 2016년 06월 18일                           -->
<!--  Copyright (c) 2016 OHMYGIRL.CC All rights reserved.   -->
<!--    오마이걸 커뮤니티 무단복제를 금합니다.              -->
<!--       오늘도 많이 좋아했고 내일도 많이 좋아합니다.     -->
<!------------------------------------------------------------>

<!--

오마이걸 커뮤니티 홈페이지 : https://ohmygirl.cc
문의 이메일 : webmaster@ohmygirl.cc

-->
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<link rel="manifest" href="/manifest.json">
<meta name="viewport" id="meta_viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10">
<meta name="HandheldFriendly" content="true">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="naver" content="nosublinks">
 <span itemscope="" itemtype="https://schema.org/Organization">
 <link itemprop="url" href="https://ohmygirl.cc">
 <a itemprop="sameAs" href="https://www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_ML"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_CF"></a>
 <a itemprop="sameAs" href="https://www.instagram.com/ohmygirl_ml"></a>
</span>
<meta name="Location" content="KR">
<meta name="title" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="publisher" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="author" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="오마이걸, OHMYGIRL, OH MY GIRL, 오마이걸커뮤니티, 오마이걸 커뮤니티, OMGFAN, 옴커뮤, 오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="description" content="걸그룹 오마이걸(OH MY GIRL) 커뮤니티 프로필, 갤러리, 영상, 사진, 스케줄, 자유게시판, 공지사항 제공" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:site_name" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:author" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:type" content="" />
<meta property="og:image" content="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<meta property="og:description" content="걸그룹 오마이걸(OH MY GIRL) 커뮤니티 프로필, 갤러리, 영상, 사진, 스케줄, 자유게시판, 공지사항 제공" />
<meta property="og:url" content="https://ohmygirl.cc/kbsradio.php?device=mobile" />
<link rel="image_src" href="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<link rel="canonical" href="https://ohmygirl.cc/kbsradio.php?device=mobile" />
<title>오마이걸 커뮤니티(OH MY GIRL)</title>
<link rel="stylesheet" href="https://ohmygirl.cc/css/mobile.css?ver=180820">
<link rel="stylesheet" href="https://ohmygirl.cc/css/apms.css?ver=180820">

<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/assets/bs3/css/bootstrap.min.css" type="text/css" class="thema-mode">
<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/colorset/Garden/colorset.css" type="text/css" class="thema-colorset">
<link rel="stylesheet" href="https://ohmygirl.cc/skin/addon/miso-sidebar-plus/widget.css" >
<!--[if lte IE 8]>
<script src="https://ohmygirl.cc/js/html5.js"></script>
<![endif]-->
<script>
var g5_url       = "https://ohmygirl.cc";
var g5_bbs_url   = "https://ohmygirl.cc/bbs";
var g5_is_member = "";
var g5_is_admin  = "";
var g5_is_mobile = "1";
var g5_bo_table  = "";
var g5_sca       = "";
var g5_pim       = "";
var g5_editor    = "";
var g5_responsive    = "1";
var g5_cookie_domain = ".ohmygirl.cc";
var g5_purl = "https://ohmygirl.cc/kbsradio.php?device=mobile";
</script>
<!-- -->

<link rel="stylesheet" href="https://ohmygirl.cc/js/font-awesome/css/font-awesome.min.css">
<script src="https://ohmygirl.cc/js/jquery-1.11.3.min.js"></script>
<script src="https://ohmygirl.cc/js/jquery-migrate-1.2.1.min.js"></script>
<script src="https://ohmygirl.cc/lang/korean/lang.js?ver=180820"></script>
<script src="https://ohmygirl.cc/js/common.js?ver=180820"></script>
<script src="https://ohmygirl.cc/js/wrest.js?ver=180820"></script>
<script src="https://ohmygirl.cc/js/placeholders.min.js"></script>
<script src="https://ohmygirl.cc/js/apms.js?ver=180820"></script>
 <script type="application/ld+json">
{
 "@context": "https://schema.org",
 "@type": "Person",
 "name": "오마이걸 커뮤니티",
 "url": "https://ohmygirl.cc",
 "sameAs": [
   "https://www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA",
   "https://twitter.com/OHMYGIRL_ML",
   "https://twitter.com/OHMYGIRL_CF",
   "https://www.instagram.com/ohmygirl_ml"
 ]
}
</script>

<style>
.blur-image-container {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.blur-image {
  filter: blur(10px);
  transition: filter 0.3s ease;
}

.blur-image.revealed {
  filter: blur(0);
}

.blur-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  font-weight: bold;
}

.blur-overlay.hidden {
  display: none;
}
</style>
<script>
if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/service-worker.js');
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  // 블러 이미지 컨테이너에 이벤트 리스너 추가
  const blurContainers = document.querySelectorAll('.blur-image-container');
  
  blurContainers.forEach(container => {
    container.addEventListener('click', function() {
      const image = this.querySelector('.blur-image');
      const overlay = this.querySelector('.blur-overlay');
      
      image.classList.add('revealed');
      overlay.classList.add('hidden');
    });
  });
});
</script>

<script src="https://ohmygirl.cc/plugin/apms/js/jquery.mobile.swipe.min.js?ver=180820"></script>
</head>
<body class="responsive is-mobile">
	<h1 style="display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important">
	오마이걸 커뮤니티(OH MY GIRL)	</h1>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script src="https://ohmygirl.cc/js/kakaolink.js"></script>
<script>Kakao.init("a614e8dcde398066b5de60920a6b4973");</script>
<style>
		.at-container {max-width:1200px;}
	.no-responsive .wrapper, .no-responsive .at-container-wide { min-width:1200px; }
	.no-responsive .boxed.wrapper, .no-responsive .at-container { width:1200px; }
	.at-menu .nav-height { height:30px; line-height:30px !important; }
	.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:30px; }
	.pc-menu .nav-top.nav-float .menu-a { padding:0px 25px; }
	.pc-menu .nav-top.nav-float .sub-1div::before { left: 25px; }
	.pc-menu .subm-w { width:170px; }
	@media all and (min-width:1200px) {
		.responsive .boxed.wrapper { max-width:1200px; }
	}
</style>

<script>
document.addEventListener('contextmenu', e => e.preventDefault());
document.addEventListener('selectstart', e => e.preventDefault());
document.addEventListener('dragstart', e => e.preventDefault());
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var style = document.createElement('style');
  style.innerHTML = '* { outline: none !important; }';
  document.head.appendChild(style);
});
</script>
<div class="progressBar" style="position:fixed; top:0; left:0; width:0; height:5px; background: linear-gradient(to right, #ffb3ba, #ffdfba, #ffffba, #baffc9, #bae1ff); z-index:10000"></div>
<link rel='stylesheet' type='text/css' href='https://ohmygirl.cc/css/emoji.css'/>
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#2d2d2d">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<style>
	.blue img {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
	}
</style>
<script>
    $("document").ready(function(){
        $(window).scroll(function(){
            let pos = $(window).scrollTop();
            let outerHeight = $(document).outerHeight();
            let windowHeight = $(window).height();
            let current = (pos / (outerHeight - windowHeight)) * 100;
            $(".progressBar").width(current+"%")
    });
    })
</script>
<script>
  if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
    window.location = 'microsoft-edge:' + window.location;
    setTimeout(function() {
      window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
    }, 1);
  }
</script>
  <script>
    if (localStorage.getItem('<blockquote>dark</blockquote>') === 'true') {
      document.documentElement.classList.add('dark-mode');
    }
  </script>
<script src="https://ohmygirl.cc/js/darkmode.js"></script>
<script disable-devtool-auto src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
<script disable-devtool-auto src="/js/disable-devtool.js"></script>
<script src="https://ohmygirl.cc/js/jquery.lazyload.min.js"></script>
<script src="https://ohmygirl.cc/js/click-spark.js"></script>
<script type="text/javascript" charset="utf-8">
	$(document).ready(function(){
		$("img#lazy").lazyload({
			threshold : 10,
			effect : "fadeIn",
		});
	});
</script>
<!-- Clarity tracking code for https://ohmygirl.cc/ --><script>    (function(c,l,a,r,i,t,y){        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);    })(window, document, "clarity", "script", "iat6i7g85q");</script>
<script type="text/javascript">
    (function(c,l,a,r,i,t,y){
        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
    })(window, document, "clarity", "script", "iat7l7rc59");
</script>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-48053921-2', 'auto');
      ga('send', 'pageview');
    </script>
<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "11212632fae763c";
if(window.wcs) {
  wcs_do();
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
    <script>
        $(document).ready(function(){
            var clipboard = new Clipboard('.btn');
            clipboard.on('success', function(e) {
                console.log("Success");
                var selection = window.getSelection();
                selection.removeAllRanges();
            });
            clipboard.on('error', function(e) {
                console.log("Fail");
            });
        });
    </script>
<div id="thema_wrapper" class="wrapper  ko">
		<aside class="at-lnb">
		<div class="at-container">
			<div class="pull-left">
				<ul>
							<li>
							<a href="#" id="favorite" class="at-tip" data-original-title="<nobr>오마이걸 커뮤니티 즐겨찾기</nobr>" data-toggle="tooltip" data-placement="bottom" data-html="true"> <i class="fa fa-bookmark fa-lg darkgray"></i> <span class="sound_only">오마이걸 커뮤니티 즐겨찾기</span></a>
								</a>
							</li>
													
					<li><a>05월 01일(<font color="#13a864">금</font>)</a></li>
														<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=45&no=1" target="_blank"><span class="hidden-xs">OHMYGIRL b.stage</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=8&no=1" target="_blank"><span class="hidden-xs">Daum Cafe</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=3&no=1" target="_blank"><span class="hidden-xs">X</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=4&no=1" target="_blank"><span class="hidden-xs">Instagram</span></a></li>
														<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=43&no=1" target="_blank"><span class="hidden-xs">Weverse ARIN</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=7&no=1" target="_blank"><span class="hidden-xs">Youtube</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=38&no=1" target="_blank"><span class="hidden-xs">Tiktok</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=21&no=1" target="_blank"><span class="hidden-xs">MIRACLE</span></a></li>
							<li><a href="https://www.melon.com/artist/album.htm?artistId=857994" target="_blank"><span class="hidden-xs">MUSIC</span></a></li>
				</ul>
			</div>
			<!-- LNB Right -->
			<div class="pull-right">
				<ul>
																														</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</aside>
	<header class="pc-header">
		<div class="at-container">
			<div class="header-logo">
				<a href="https://ohmygirl.cc"> <!--<a href="javascript:void(0)" onclick="window.location.href='https://ohmygirl.cc'; return false;">-->
					<span class="blue"><img src="https://ohmygirl.cc/img/logo.gif" style="margin:0 auto; width:100%;" alt="오마이걸 커뮤니티"></span>
				</a>
			</div>
			<div class="clearfix"></div>
		</div>
		</header>
	<header class="m-header">
		<div class="at-container">
			<div class="header-wrap">
								<div class="header-icon">
								<!--<a href="https://ohmygirl.cc/bbs/register.php"><i class="fa fa-sign-in"></i></a>-->		</div>
						<div class="header-logo en">
					<a href="https://ohmygirl.cc">
						<i class="fa fa-home"></i> <b>OHMYGIRL</b> Community
					</a>
				</div>
								<div class="header-icon">
												</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</header>
	<nav class="at-menu">
		<div class="pc-menu">
			<div class="at-container">
				<div class="nav-right nav-rw nav-height">
					<ul>
																		<li class="menu-all-icon admin" >
							<a href="javascript:;" id="sidebar-toggle-btn">
								<i class="fa fa-lightbulb-o" id="sidebar-toggle-icon"></i>
							</a>
						</li>
												<li class="menu-all-icon">
							<a href="javascript:;" data-toggle="collapse" data-target="#menu-all">
								<i class="fa fa-th"></i>
							</a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
			

	<div class="nav-visible">
		<div class="at-container">
			<div class="nav-top nav-float nav-slide">
				<ul class="menu-ul">
				<li class="menu-li nav-home off">
					<a class="menu-a nav-height" href="https://ohmygirl.cc">
						<i class="fa fa-home"></i>
					</a>
				</li>
		<li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=free_board">
							<i class='fa fa-users'></i> 커뮤니티															<i class="fa fa-spinner fa-spin"></i>
													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice" class="sub-1da">
											<i class='fa fa-ravelry'></i> 공지사항																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice" class="sub-1da">
											<i class='fa fa-database'></i> 오마이걸 공식자료																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/yooa.php" class="sub-1da">
											<i class='fa fa-github-alt'></i> 유아 사람Ent b.stage <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board" class="sub-1da">
											<i class='fa fa-commenting-o'></i> 오마이걸 자유게시판																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=attendance2" class="sub-1da">
											<i class='fa fa-paw'></i> 커뮤니티 출석부																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/album/index.php" class="sub-1da">
											<i class='fa fa-music'></i> 오마이걸 앨범 목록 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_event" class="sub-1da">
											<i class='fa fa-gamepad'></i> 커뮤니티 이벤트																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_naver_news" class="sub-1da">
											<i class='fa fa-drivers-license-o'></i> 오마이걸 소식 뉴스 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>  																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=gallery">
							<i class='fa fa-camera'></i> 갤러리															<i class="fa fa-spinner fa-spin"></i>
													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery" class="sub-1da">
											<i class='fa fa-camera-retro'></i> 오마이걸 갤러리																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/bstage" class="sub-1da">
											<font color='#AB47BC'> <i class='fa fa-picture-o'></i></font> <b>OH MY GIRL b.stage</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=video">
							<i class='fa fa-file-video-o'></i> 영상															<i class="fa fa-spinner fa-spin"></i>
													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_video" class="sub-1da">
											<i class='fa fa-youtube-play'></i> 오마이걸 공식 영상																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_pd" class="sub-1da">
											<i class='fa fa-youtube-play'></i> 오마이걸 크리에이터																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/ohmygirl_sketchbook.php" class="sub-1da" target="_blank">
											<i class='fa fa-youtube-play'></i> 오마이걸 스케치북																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/ohmygirl_message.php" class="sub-1da" target="_blank">
											<i class='fa fa-youtube-play'></i> 오마이걸 메시지																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video" class="sub-1da">
											<i class='fa fa-television'></i> 오마이걸 영상																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/kbsradio.php" class="sub-1da">
											<font color='red'><i class='fa fa-volume-down'></i></font> <b>효정의 볼륨을 높여요</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=broadcastingcam" class="sub-1da">
											<i class='fa fa-youtube-square'></i> 오마이걸 방송국 영상																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam" class="sub-1da">
											<i class='fa fa-caret-square-o-right'></i> 오마이걸 직캠																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=omg_schedule">
							<i class='fa fa-slideshare'></i> 스케줄													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_schedule" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=yooa_schedule.php" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i> 사람엔터 통합 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=arin_schedule" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i>  ATRP 아린 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/page.php?hid=Twitter_notice">
							<i class='fa fa-heart'></i> 오마이걸													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_notice" class="sub-1da">
											<i class='fa fa-twitter-square'></i> Twitter Notice <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_Timeline" class="sub-1da">
											<i class='fa fa-twitter-square'></i> Twitter																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_twitter_jp" class="sub-1da">
											<i class='fa fa-twitter'></i> Twitter Japan																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/page.php?hid=weibo" class="sub-1da">
											<i class='fa fa-weibo'></i> Weibo																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=46&no=1" class="sub-1da" target="_blank">
											<i class='fa fa-get-pocket'></i> WMEnt Naver Blog																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://tv.naver.com/search?query=오마이걸" class="sub-1da" target="_blank">
											<i class='fa fa-vimeo'></i> Naver TV																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://charts.youtube.com/artist/%2Fg%2F11b7q02x0y?hl=ko" class="sub-1da" target="_blank">
											<i class='fa fa-youtube'></i> Youtube Charts																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=10&no=1" class="sub-1da" target="_blank">
											<i class='fa fa-heartbeat'></i> OHMYGIRL HOME																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=favorites_board" class="sub-1da">
											<i class='fa fa-align-center'></i> Favorites																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=profile">
							<i class='fa fa-free-code-camp'></i> 프로필													</a>
											</li>
								</ul>
			</div><!-- .nav-top -->
		</div>	<!-- .nav-container -->
	</div><!-- .nav-visible -->

			<div class="clearfix"></div>
			<div class="nav-back"></div>
		</div>
		<div class="pc-menu-all">
			<div id="menu-all" class="collapse">
				<div class="at-container table-responsive">
					<table class="table">
					<tr>
											<td class="off">
							<a class="menu-a" href="/bbs/board.php?bo_table=free_board">
								<i class='fa fa-users'></i> 커뮤니티																	<i class="fa fa-spinner fa-spin"></i>
															</a>
															<div class="sub-1div">
									<ul class="sub-1dul">
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice" class="sub-1da">
												<i class='fa fa-ravelry'></i> 공지사항																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice" class="sub-1da">
												<i class='fa fa-database'></i> 오마이걸 공식자료																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/yooa.php" class="sub-1da">
												<i class='fa fa-github-alt'></i> 유아 사람Ent b.stage <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board" class="sub-1da">
												<i class='fa fa-commenting-o'></i> 오마이걸 자유게시판																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=attendance2" class="sub-1da">
												<i class='fa fa-paw'></i> 커뮤니티 출석부																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/album/index.php" class="sub-1da">
												<i class='fa fa-music'></i> 오마이걸 앨범 목록 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_event" class="sub-1da">
												<i class='fa fa-gamepad'></i> 커뮤니티 이벤트																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_naver_news" class="sub-1da">
												<i class='fa fa-drivers-license-o'></i> 오마이걸 소식 뉴스 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>  																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/board.php?bo_table=gallery">
								<i class='fa fa-camera'></i> 갤러리																	<i class="fa fa-spinner fa-spin"></i>
															</a>
															<div class="sub-1div">
									<ul class="sub-1dul">
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery" class="sub-1da">
												<i class='fa fa-camera-retro'></i> 오마이걸 갤러리																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/bstage" class="sub-1da">
												<font color='#AB47BC'> <i class='fa fa-picture-o'></i></font> <b>OH MY GIRL b.stage</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/board.php?bo_table=video">
								<i class='fa fa-file-video-o'></i> 영상																	<i class="fa fa-spinner fa-spin"></i>
															</a>
															<div class="sub-1div">
									<ul class="sub-1dul">
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_video" class="sub-1da">
												<i class='fa fa-youtube-play'></i> 오마이걸 공식 영상																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_pd" class="sub-1da">
												<i class='fa fa-youtube-play'></i> 오마이걸 크리에이터																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/ohmygirl_sketchbook.php" class="sub-1da" target="_blank">
												<i class='fa fa-youtube-play'></i> 오마이걸 스케치북																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/ohmygirl_message.php" class="sub-1da" target="_blank">
												<i class='fa fa-youtube-play'></i> 오마이걸 메시지																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video" class="sub-1da">
												<i class='fa fa-television'></i> 오마이걸 영상																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/kbsradio.php" class="sub-1da">
												<font color='red'><i class='fa fa-volume-down'></i></font> <b>효정의 볼륨을 높여요</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=broadcastingcam" class="sub-1da">
												<i class='fa fa-youtube-square'></i> 오마이걸 방송국 영상																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam" class="sub-1da">
												<i class='fa fa-caret-square-o-right'></i> 오마이걸 직캠																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/board.php?bo_table=omg_schedule">
								<i class='fa fa-slideshare'></i> 스케줄															</a>
															<div class="sub-1div">
									<ul class="sub-1dul">
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_schedule" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=yooa_schedule.php" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i> 사람엔터 통합 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=arin_schedule" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i>  ATRP 아린 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/page.php?hid=Twitter_notice">
								<i class='fa fa-heart'></i> 오마이걸															</a>
															<div class="sub-1div">
									<ul class="sub-1dul">
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_notice" class="sub-1da">
												<i class='fa fa-twitter-square'></i> Twitter Notice <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_Timeline" class="sub-1da">
												<i class='fa fa-twitter-square'></i> Twitter																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_twitter_jp" class="sub-1da">
												<i class='fa fa-twitter'></i> Twitter Japan																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/page.php?hid=weibo" class="sub-1da">
												<i class='fa fa-weibo'></i> Weibo																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=46&no=1" class="sub-1da" target="_blank">
												<i class='fa fa-get-pocket'></i> WMEnt Naver Blog																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://tv.naver.com/search?query=오마이걸" class="sub-1da" target="_blank">
												<i class='fa fa-vimeo'></i> Naver TV																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://charts.youtube.com/artist/%2Fg%2F11b7q02x0y?hl=ko" class="sub-1da" target="_blank">
												<i class='fa fa-youtube'></i> Youtube Charts																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=10&no=1" class="sub-1da" target="_blank">
												<i class='fa fa-heartbeat'></i> OHMYGIRL HOME																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="https://ohmygirl.cc/bbs/board.php?bo_table=favorites_board" class="sub-1da">
												<i class='fa fa-align-center'></i> Favorites																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/board.php?bo_table=profile">
								<i class='fa fa-free-code-camp'></i> 프로필															</a>
													</td>
										</tr>
					</table>
					<div class="menu-all-btn">
						<div class="btn-group">
							<a class="btn btn-lightgray" href="https://ohmygirl.cc"><i class="fa fa-home"></i></a>
							<a href="javascript:;" class="btn btn-lightgray" data-toggle="collapse" data-target="#menu-all"><i class="fa fa-times"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="m-menu">
			<div class="m-wrap">
	<div class="at-container">
		<div class="m-table en">
			<!--<div class="m-icon">
				<a href="javascript:;" onclick="sidebar_open('sidebar-menu');"><i class="fa fa-bars"></i></a>
			</div>-->
						<div class="m-list">
				<div class="m-nav" id="mobile_nav">
					<ul class="clearfix">
					<li>
						<a href="https://ohmygirl.cc">메인</a>
					</li>
											<li>
							<a href="/bbs/board.php?bo_table=free_board">
								커뮤니티																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=gallery">
								갤러리																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=video">
								영상																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=omg_schedule">
								스케줄															</a>
						</li>
											<li>
							<a href="/bbs/page.php?hid=Twitter_notice">
								오마이걸															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=profile">
								프로필															</a>
						</li>
										</ul>
				</div>
			</div>
						<!---->
</div>

<div class="clearfix"></div>

		</div>
	</nav>

	<div class="clearfix"></div>
	
	
	<div class="at-body">
					<div class="at-container">
							<div class="at-content">
					<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>오마이걸 커뮤니티 KBS Cool FM 보이는라디오 Live</title>
    <meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
    <meta name="googlebot" content="noindex, nofollow">
    <meta name="bingbot" content="noindex, nofollow">
    <meta name="csrf-token" content="151cb16e4faee8815b0b9aee01af9ef0913cdf1a3fa3a783834a76a328573a6c">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Barlow+Condensed:wght@400;600;700&family=Oswald:wght@400;500;600&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/1.4.12/hls.min.js"></script>
    <script disable-devtool-auto src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
    <script disable-devtool-auto src="/js/disable-devtool.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dheereshagrwal/coloured-icons@1.9.4/src/app/ci.min.css" />
    <style>
        :root {
            --bg-deep:    #0a0c10;
            --bg-card:    #111318;
            --bg-panel:   #161921;
            --accent:     #e8415a;
            --accent-dim: rgba(232,65,90,0.15);
            --gold:       #f5c842;
            --text-pri:   #f0f0f0;
            --text-sec:   #9099a8;
            --text-muted: #5a6270;
            --border:     rgba(255,255,255,0.07);
            --radius:     10px;
            --transition: 0.22s ease;
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        body {
            font-family: 'Noto Sans KR', sans-serif;
            background: #fff;
            color: var(--text-pri);
        }

        .radio-header {
            background: var(--bg-card);
            border-bottom: 1px solid var(--border);
            padding: 14px 20px 12px;
            position: relative;
            overflow: hidden;
        }
        .radio-header::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--accent), var(--gold), var(--accent));
            background-size: 200% 100%;
            animation: shimmer 3s linear infinite;
        }
        @keyframes shimmer {
            0%   { background-position: -200% 0; }
            100% { background-position: 200% 0; }
        }

        .header-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            flex-wrap: wrap;
        }

        .station-badge {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .station-icon {
            width: 36px; height: 36px;
            border-radius: 50%;
            background: linear-gradient(135deg, var(--accent), #b02040);
            display: flex; align-items: center; justify-content: center;
            font-size: 16px;
            flex-shrink: 0;
        }
        .station-name {
            font-family: 'Oswald', sans-serif;
            font-size: 13px;
            font-weight: 500;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            color: var(--text-sec);
        }
        .station-sub {
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: var(--text-pri);
            line-height: 1.1;
        }

        .header-schedule {
            font-size: 12px;
            color: var(--text-muted);
            text-align: right;
            line-height: 1.7;
        }
        .header-schedule strong {
            color: var(--text-sec);
            font-weight: 500;
        }
        #now-song {
            margin-top: 4px;
            font-size: 11px;
            color: var(--accent);
            font-weight: 400;
            min-height: 0;
            line-height: 1.5;
        }
        #now-song-mobile {
            display: none;
            font-size: 12px;
            color: var(--accent);
            font-weight: 400;
            text-align: center;
            margin-top: 4px;
            line-height: 1.5;
        }

        .status-bar {
            margin-top: 12px;
            padding-top: 12px;
            border-top: 1px solid var(--border);
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row-reverse;
            gap: 10px;
            flex-wrap: wrap;
        }

        #countdown {
            display: none;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 17px;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: var(--gold);
            background: rgba(245,200,66,0.08);
            border: 1px solid rgba(245,200,66,0.2);
            border-radius: 6px;
            padding: 6px 14px;
        }

        #message {
            display: none;
            font-size: 13px;
            color: var(--text-sec);
            line-height: 1.6;
            padding: 6px 0;
        }

        .nav-buttons {
            display: flex;
            gap: 8px;
            flex-wrap: wrap;
            align-items: center;
        }

        .nav-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 14px;
            border-radius: 6px;
            font-size: 12px;
            font-family: 'Noto Sans KR', sans-serif;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.15);
            white-space: nowrap;
            letter-spacing: 0.2px;
            background: var(--bg-panel);
            color: #fff !important;
        }
        .nav-btn-accent {
            background: var(--accent);
            border-color: var(--accent);
        }
        .nav-btn i {
            font-size: 11px;
            opacity: 0.8;
        }

        #player-container {
            width: 100%;
            position: relative;
            background: #000;
            padding-top: 56.25%;
            overflow: hidden;
            z-index: 1;
        }
        #player-container > *:not(#ctrl-bar) {
            position: absolute;
            top: 0; left: 0;
            width: 100%; height: 100%;
        }
        #video-el {
            display: block;
            object-fit: contain;
            background: transparent;
            opacity: 0;
            transition: opacity 0.25s ease;
            z-index: 1;
        }
        #video-el.is-playing { opacity: 1; }

        #bg-poster {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            z-index: 2;
            transition: opacity 0.3s ease;
        }
        #bg-poster.hide {
            opacity: 0;
            pointer-events: none;
        }

        #bg-poster::after {
            content: '';
            position: absolute;
            inset: 0;
            pointer-events: none;
            transition: background 0.3s ease;
        }
        body.theme-dark #bg-poster::after {
            background: rgba(0, 0, 0, 0.55);
        }
        body.theme-green #bg-poster::after {
            background: rgba(20, 60, 30, 0.60);
        }
        body.theme-light #bg-poster::after {
            background: rgba(255, 255, 255, 0.10);
        }
        body.theme-beige #bg-poster::after {
            background: rgba(249, 240, 225, 0.08);
        }

        #big-play-btn {
            z-index: 3;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            background: transparent;
        }
        #big-play-btn.hide { display: none; }
        #big-play-btn .circle {
            width: 72px; height: 72px;
            border-radius: 50%;
            background: rgba(232,65,90,0.9);
            border: 2px solid rgba(255,255,255,0.3);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            color: #fff;
            transition: all 0.2s ease;
            pointer-events: none;
            user-select: none;
            box-shadow: 0 0 30px rgba(232,65,90,0.5);
        }
        #big-play-btn:hover .circle {
            background: rgba(232,65,90,1);
            transform: scale(1.08);
            box-shadow: 0 0 45px rgba(232,65,90,0.7);
        }

        body.theme-light #big-play-btn .circle {
            background: rgba(80,80,80,0.85);
            border-color: rgba(255,255,255,0.5);
            box-shadow: 0 0 30px rgba(0,0,0,0.3);
            color: #fff;
        }
        body.theme-light #big-play-btn:hover .circle {
            background: rgba(40,40,40,0.95);
            box-shadow: 0 0 45px rgba(0,0,0,0.5);
        }

        body.theme-beige #big-play-btn .circle {
            background: rgba(120,90,50,0.85);
            border-color: rgba(255,240,200,0.5);
            box-shadow: 0 0 30px rgba(100,70,30,0.4);
            color: #fff;
        }
        body.theme-beige #big-play-btn:hover .circle {
            background: rgba(90,60,25,0.95);
            box-shadow: 0 0 45px rgba(100,70,30,0.6);
        }

        body.theme-green #big-play-btn .circle {
            background: rgba(50,130,70,0.88);
            border-color: rgba(150,230,160,0.35);
            box-shadow: 0 0 30px rgba(40,120,60,0.5);
            color: #fff;
        }
        body.theme-green #big-play-btn:hover .circle {
            background: rgba(40,110,58,0.98);
            box-shadow: 0 0 45px rgba(40,120,60,0.7);
        }

        #loading {
            z-index: 5;
            display: none;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            color: #fff;
            font-size: 1rem;
            text-align: center;
            background: rgba(0,0,0,0.6);
        }
        .spinner {
            border: 2px solid rgba(255,255,255,0.15);
            border-radius: 50%;
            border-top: 2px solid var(--accent);
            width: 38px; height: 38px;
            animation: spin 0.9s linear infinite;
            margin: 0 auto 12px;
        }

        #ctrl-bar {
            position: absolute;
            bottom: 0; left: 0;
            width: 100%;
            height: 46px;
            background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.4));
            display: flex;
            align-items: center;
            padding: 0 12px;
            box-sizing: border-box;
            z-index: 6;
            gap: 8px;
            opacity: 0;
            transition: opacity 0.2s ease;
            pointer-events: none;
        }
        body.theme-light #ctrl-bar { background: linear-gradient(to top, rgba(220,220,220,0.95), rgba(200,200,200,0.5)); }
        body.theme-light .ctrl-btn,
        body.theme-light #live-badge { color: #1a1a1a; }
        body.theme-light #vol-slider { background: rgba(0,0,0,0.2) !important; }
        body.theme-light #vol-slider::-webkit-slider-thumb { background: #222; }
        body.theme-light #vol-slider::-moz-range-thumb { background: #222; }

        body.theme-beige #ctrl-bar { background: linear-gradient(to top, rgba(210,195,165,0.95), rgba(190,175,145,0.5)); }
        body.theme-beige .ctrl-btn,
        body.theme-beige #live-badge { color: #2c2010; }
        body.theme-beige #vol-slider { background: rgba(0,0,0,0.18) !important; }
        body.theme-beige #vol-slider::-webkit-slider-thumb { background: #3a2810; }
        body.theme-beige #vol-slider::-moz-range-thumb { background: #3a2810; }

        body.theme-green #ctrl-bar { background: linear-gradient(to top, rgba(12,22,14,0.95), rgba(28,41,32,0.5)); }
        #player-container.ctrl-visible #ctrl-bar {
            opacity: 1;
            pointer-events: auto;
        }
        .ctrl-btn {
            background: none;
            border: none;
            color: #fff;
            font-size: 15px;
            cursor: pointer;
            padding: 5px 8px;
            border-radius: 5px;
            line-height: 1;
            outline: none !important;
            box-shadow: none !important;
            -webkit-tap-highlight-color: transparent;
            user-select: none;
            transition: background var(--transition);
        }
        .ctrl-btn:focus,
        .ctrl-btn:focus-visible,
        .ctrl-btn:active {
            outline: none !important;
            box-shadow: none !important;
        }
        .ctrl-btn:hover { background: rgba(255,255,255,0.12); }

        #live-badge {
            color: #fff;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 13px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 7px;
            letter-spacing: 1px;
            background: none;
            padding: 2px 4px;
        }
        #live-dot {
            width: 8px; height: 8px;
            border-radius: 50%;
            background: var(--accent);
            animation: pulse 1.5s infinite;
        }
        #vol-slider {
            -webkit-appearance: none;
            appearance: none;
            width: 70px; height: 3px;
            border-radius: 2px;
            background: rgba(255,255,255,0.4) !important;
            outline: none;
            cursor: pointer;
        }
        #vol-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
        }
        #vol-slider::-moz-range-thumb {
            width: 12px; height: 12px;
            border-radius: 50%;
            background: #fff;
            cursor: pointer;
            border: none;
        }
        #ctrl-spacer { flex: 1; }

        #liveIndicator {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 5px;
            font-family: 'Barlow Condensed', sans-serif;
            font-size: 14px;
            font-weight: 600;
            color: var(--accent);
            letter-spacing: 1px;
            margin-left: 4px;
        }
        .liveDot {
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--accent);
            animation: pulse 1.5s infinite;
            display: inline-block;
        }

        @keyframes spin {
            0%   { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        @keyframes pulse {
            0%   { transform: scale(1);   opacity: 1; }
            50%  { transform: scale(1.5); opacity: 0.5; }
            100% { transform: scale(1);   opacity: 1; }
        }

        .text-desktop, .text-mobile { display: none; }
        @media (min-width: 768px) { .text-desktop { display: inline; } }
        @media (max-width: 767px) { .text-mobile  { display: inline; } }

        @media (max-width: 640px) {
            .radio-header { padding: 12px 14px 10px; }
            .header-schedule { display: none; }
            .status-bar {
                flex-direction: column;
                align-items: stretch;
                gap: 6px;
            }
            .nav-buttons {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 6px;
                width: 100%;
                order: 1;
            }
            .color-mode-wrapper {
                grid-column: 1 / -1;
            }
            .color-mode-btn {
                width: 100%;
                justify-content: center;
            }
            #color-layer {
                left: 0;
                right: auto;
            }
            .nav-btn {
                padding: 7px 10px;
                font-size: 11px;
                justify-content: center;
                width: 100%;
            }
            .status-left {
                width: 100%;
                text-align: center;
                order: 2;
            }
            #countdown { text-align: center; width: 100%; }
            #message   { text-align: center; }
            #now-song-mobile { display: block; }
            body { overflow-x: hidden; }
            .nav-buttons.today-visible .color-mode-wrapper {
                grid-column: auto;
            }
        }
        @media (max-width: 400px) {
            #vol-slider { width: 50px; }
        }

        body.theme-light {
            --bg-deep:    #fff;
            --bg-card:    #f2f2f2;
            --bg-panel:   #e8e8e8;
            --text-pri:   #1a1a1a;
            --text-sec:   #555;
            --text-muted: #888;
            --border:     rgba(0,0,0,0.10);
            background: #fff;
            color: var(--text-pri);
        }
        body.theme-light .radio-header { background: var(--bg-card); }
        body.theme-light .nav-btn { background: var(--bg-panel); color: var(--text-pri) !important; border-color: rgba(0,0,0,0.15); }
        body.theme-light .station-name { color: var(--text-sec); }
        body.theme-light .station-sub  { color: var(--text-pri); }
        body.theme-light #countdown { color: #7a5c00; background: rgba(120,90,0,0.08); border-color: rgba(120,90,0,0.2); }
        body.theme-light #message   { color: var(--text-sec); }

        body.theme-dark {
            --bg-deep:    #242424;
            --bg-card:    #2e2e2e;
            --bg-panel:   #383838;
            --text-pri:   #f0f0f0;
            --text-sec:   #aaa;
            --text-muted: #777;
            --border:     rgba(255,255,255,0.08);
            background: #242424;
            color: var(--text-pri);
        }
        body.theme-dark .radio-header { background: var(--bg-card); }
        body.theme-dark .nav-btn { background: var(--bg-panel); color: var(--text-pri) !important; border-color: rgba(255,255,255,0.12); }

        body.theme-beige {
            --bg-deep:    #F9F0E1;
            --bg-card:    #ede4d2;
            --bg-panel:   #e2d8c6;
            --text-pri:   #2c2010;
            --text-sec:   #6b5d45;
            --text-muted: #9b8e78;
            --border:     rgba(0,0,0,0.10);
            background: #F9F0E1;
            color: var(--text-pri);
        }
        body.theme-beige .radio-header { background: var(--bg-card); }
        body.theme-beige .nav-btn { background: var(--bg-panel); color: var(--text-pri) !important; border-color: rgba(0,0,0,0.14); }
        body.theme-beige .station-name { color: var(--text-sec); }
        body.theme-beige .station-sub  { color: var(--text-pri); }
        body.theme-beige #countdown { color: #7a5c00; background: rgba(120,90,0,0.08); border-color: rgba(120,90,0,0.2); }
        body.theme-beige #message   { color: var(--text-sec); }

        body.theme-green {
            --bg-deep:    #1C2920;
            --bg-card:    #243320;
            --bg-panel:   #2c3e28;
            --text-pri:   #d0e8d0;
            --text-sec:   #85b888;
            --text-muted: #587858;
            --border:     rgba(100,200,100,0.10);
            background: #1C2920;
            color: var(--text-pri);
        }
        body.theme-green .radio-header { background: var(--bg-card); }
        body.theme-green .nav-btn { background: var(--bg-panel); color: var(--text-pri) !important; border-color: rgba(100,200,100,0.18); }
        body.theme-green .station-name { color: var(--text-sec); }
        body.theme-green .station-sub  { color: var(--text-pri); }
        body.theme-green #countdown { color: #7edd9a; background: rgba(80,180,100,0.10); border-color: rgba(80,180,100,0.22); }
        body.theme-green #message   { color: var(--text-sec); }

        .color-mode-btn {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 14px;
            border-radius: 6px;
            font-size: 12px;
            font-family: 'Noto Sans KR', sans-serif;
            font-weight: 500;
            cursor: pointer;
            border: 1px solid rgba(255,255,255,0.15);
            white-space: nowrap;
            letter-spacing: 0.2px;
            background: var(--bg-panel);
            color: #fff;
            position: relative;
        }
        body.theme-light .color-mode-btn { color: var(--text-pri); border-color: rgba(0,0,0,0.15); }
        body.theme-beige .color-mode-btn { color: var(--text-pri); border-color: rgba(0,0,0,0.15); }
        body.theme-green  .color-mode-btn { color: var(--text-pri); border-color: rgba(100,200,100,0.22); }

        #color-layer {
            display: none;
            position: fixed;
            background: #2e2e2e;
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 10px;
            padding: 14px 16px 12px;
            z-index: 99999;
            min-width: 240px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.5);
        }
        body.theme-light #color-layer { background: #f2f2f2; border-color: rgba(0,0,0,0.12); box-shadow: 0 8px 32px rgba(0,0,0,0.15); }
        body.theme-beige #color-layer { background: #ede4d2; border-color: rgba(0,0,0,0.12); box-shadow: 0 8px 32px rgba(0,0,0,0.15); }
        body.theme-green  #color-layer { background: #243320; border-color: rgba(100,200,100,0.15); box-shadow: 0 8px 32px rgba(0,0,0,0.5); }

        #color-layer.open { display: block; }

        .color-layer-title {
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 0.8px;
            color: var(--text-muted);
            margin-bottom: 10px;
            text-transform: uppercase;
        }
        body.theme-light .color-layer-title { color: #888; }
        body.theme-beige .color-layer-title { color: #9b8e78; }
        body.theme-green  .color-layer-title { color: #587858; }

        .color-close {
            position: absolute;
            top: 10px; right: 12px;
            background: none;
            border: none;
            color: var(--text-muted);
            font-size: 16px;
            cursor: pointer;
            line-height: 1;
            padding: 0;
        }
        body.theme-light .color-close { color: #888; }
        body.theme-beige .color-close { color: #9b8e78; }
        body.theme-green  .color-close { color: #587858; }

        .color-swatches {
            display: flex;
            gap: 12px;
            align-items: flex-start;
        }
        .color-swatch {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 5px;
            cursor: pointer;
        }
        .color-swatch-circle {
            width: 34px; height: 34px;
            border-radius: 50%;
            border: 2px solid transparent;
            transition: border-color 0.18s, transform 0.18s;
            display: flex; align-items: center; justify-content: center;
        }
        .color-swatch:hover .color-swatch-circle { transform: scale(1.08); }
        .color-swatch.active .color-swatch-circle { border-color: var(--accent); }
        .color-swatch-label {
            font-size: 10px;
            color: var(--text-muted);
            font-weight: 500;
        }
        body.theme-light .color-swatch-label { color: #888; }
        body.theme-beige .color-swatch-label { color: #9b8e78; }
        body.theme-green  .color-swatch-label { color: #587858; }
        .color-swatch.active .color-swatch-label { color: var(--text-sec); font-weight: 700; }

        .swatch-light { background: #fff; border: 2px solid #ccc; }
        .swatch-dark  { background: #242424; border: 2px solid #555; }
        .swatch-beige { background: #F9F0E1; border: 2px solid #c8b898; }
        .swatch-green { background: #1C2920; border: 2px solid #3a5c40; }

        .color-mode-wrapper {
            position: relative;
        }

    </style>
    <script>
(function(){
    var t = document.cookie.match(/(?:^|;\s*)site_theme=([^;]*)/);
    var theme = t ? decodeURIComponent(t[1]) : 'dark';
    if(theme !== 'light' && theme !== 'dark' && theme !== 'beige' && theme !== 'green') theme = 'dark';
    document.documentElement.classList.add('theme-' + theme);
    document.addEventListener('DOMContentLoaded', function(){
        document.documentElement.classList.remove('theme-light','theme-dark','theme-beige','theme-green');
        document.body.classList.add('theme-' + theme);
    });
})();
    </script>
<script src="https://ohmygirl.cc/plugin/apms/js/jquery.mobile.swipe.min.js?ver=180820"></script>
</head>
<body>

<header class="radio-header">
    <div class="header-top">
        <div class="station-badge">
            <div class="station-icon"><i class="fa fa-podcast"></i></div>
            <div>
                <div class="station-name">KBS Cool FM · 보이는라디오</div>
                <div class="station-sub">오마이걸 효정의 볼륨을 높여요</div>
            </div>
        </div>
        <div class="header-schedule">
            <strong>매일 PM 08:00 — 10:00</strong><br>KBS Cool FM
            <div id="now-song"></div>
        </div>
    </div>

    <div class="status-bar">
        <nav class="nav-buttons">
            <div class="color-mode-wrapper">
                <button class="color-mode-btn" id="colorModeBtn" onclick="toggleColorLayer(event)" aria-label="컬러 모드 설정">
                    <i class="fa fa-circle"></i> 컬러 모드
                </button>
            </div>
            <a href="/kbsvol.php" target="_blank" class="nav-btn nav-btn-ghost">
                <i class="fa fa-microphone"></i> 사연신청 · 다시듣기
            </a>
            <a href="/radio/kbs_radio_index.php" target="_blank" class="nav-btn nav-btn-ghost">
                <i class="fa fa-list"></i> 선곡표 · 당첨자
            </a>
            <span role="button" onclick="openMusicList(getYesterdayDate())" class="nav-btn nav-btn-ghost">
                <i class="fa fa-music"></i>
                <span class="text-desktop">어제 선곡표</span>
                <span class="text-mobile">어제 선곡표</span>
            </span>
            <span role="button" onclick="openMusicList(getTodayDate())" class="nav-btn nav-btn-accent" id="todayMusicList" style="display:none; color:#fff;">
                <i class="fa fa-music"></i> 오늘 선곡표
            </span>
                            <a href="/bbs/board.php?bo_table=free_board&wr_id=13663"
                   onclick="window.open(this.href,'notice','width=420,height=600'); return false;"
                   class="nav-btn nav-btn-gold">
                    <i class="fa fa-calendar"></i> 게스트 일정
                </a>
                    </nav>
        <div class="status-left">
            <div id="countdown"></div>
            <div id="message"></div>
            <div id="now-song-mobile"></div>
        </div>
    </div>
</header>

<section id="player-container">
    <video id="video-el" playsinline webkit-playsinline preload="none"></video>
    <div id="bg-poster"></div>
    <div id="big-play-btn" onclick="handleBigPlay()">
        <div class="circle"><i class="fa fa-play" id="big-play-icon"></i></div>
    </div>
    <div id="loading">
        <div class="spinner"></div>
        <div>방송을 불러오는 중...</div>
    </div>
    <div id="ctrl-bar">
        <button class="ctrl-btn" onclick="togglePlay()" tabindex="-1">
            <i class="fa fa-play" id="play-icon"></i>
        </button>
        <button class="ctrl-btn" onclick="toggleMute()" tabindex="-1">
            <i class="fa fa-volume-up" id="mute-icon"></i>
        </button>
        <input type="range" id="vol-slider" min="0" max="1" step="0.05" value="1"
               oninput="setVolume(this.value)" onchange="setVolume(this.value)" tabindex="-1" />
        <div id="live-badge">
            <span id="live-dot"></span>LIVE
        </div>
        <div id="ctrl-spacer"></div>
        <button class="ctrl-btn" onclick="toggleFullscreen()" tabindex="-1">
            <i class="fa fa-expand" id="fs-icon"></i>
        </button>
    </div>
</section>

<script>
(function() {
    var POSTER = {
        off   : "https://blog.kakaocdn.net/dn/SZksF/btsLQmW8B5X/aiE6J75tHpqvWbiWST2EuK/omgfan_off.png?attach=1&knm=img.png",
        offOn : "https://blog.kakaocdn.net/dn/bJyf04/btsLQRqhnS5/wtVsbhKo3U4WUNDuWNk8T1/omgfan_off_on.png?attach=1&knm=img.png",
        on    : "https://blog.kakaocdn.net/dn/cPDUBa/btsLPkzijRg/hUAJBKieP7VbKHjT2N2t3K/omgfan_on.png?attach=1&knm=img.png"
    };
    var THEME_BG = {
        light : '#f0ece6',
        dark  : '#0d0d0d',
        beige : '#F9F0E1',
        green : '#0e1f12'
    };
    var h     = new Date().getHours();
    var url   = (h >= 22) ? POSTER.off : (h >= 20) ? POSTER.on : POSTER.offOn;
    var t     = document.cookie.match(/(?:^|;\s*)site_theme=([^;]*)/);
    var theme = t ? decodeURIComponent(t[1]) : 'dark';
    if (!THEME_BG[theme]) theme = 'dark';
    var el = document.getElementById('bg-poster');
    el.style.backgroundImage = 'url(' + url + ')';
    el.style.backgroundColor = THEME_BG[theme];
})();
</script>

<script>
    var POSTER = {
        off   : "https://blog.kakaocdn.net/dn/SZksF/btsLQmW8B5X/aiE6J75tHpqvWbiWST2EuK/omgfan_off.png?attach=1&knm=img.png",
        offOn : "https://blog.kakaocdn.net/dn/bJyf04/btsLQRqhnS5/wtVsbhKo3U4WUNDuWNk8T1/omgfan_off_on.png?attach=1&knm=img.png",
        on    : "https://blog.kakaocdn.net/dn/cPDUBa/btsLPkzijRg/hUAJBKieP7VbKHjT2N2t3K/omgfan_on.png?attach=1&knm=img.png"
    };

    function getPosterUrl() {
        var h = new Date().getHours();
        if (h >= 22) return POSTER.off;
        if (h >= 20) return POSTER.on;
        return POSTER.offOn;
    }

    var currentUrl  = null;
    var hlsInstance = null;
    var hlsReady    = false;

    (function fetchStreamUrl() {
        var csrf = (document.querySelector('meta[name="csrf-token"]') || {}).getAttribute('content') || '';
        fetch('/kbsradio-stream.php', {
            method      : 'GET',
            credentials : 'same-origin',
            headers     : {
                'X-Requested-With' : 'XMLHttpRequest',
                'X-CSRF-Token'     : csrf
            }
        })
        .then(function(res) {
            if (res.status === 429) { throw new Error('ratelimit'); }
            if (!res.ok)            { throw new Error('error'); }
            return res.json();
        })
        .then(function(data) {
            currentUrl = data.url;
        })
        .catch(function(err) {});
    })();

    var videoEl     = document.getElementById('video-el');
    var bgPoster    = document.getElementById('bg-poster');
    var bigPlayBtn  = document.getElementById('big-play-btn');
    var bigPlayIcon = document.getElementById('big-play-icon');
    var playIcon    = document.getElementById('play-icon');
    var muteIcon    = document.getElementById('mute-icon');
    var volSlider   = document.getElementById('vol-slider');
    var fsIcon      = document.getElementById('fs-icon');
    var loadingEl   = document.getElementById('loading');

    var POSTER_THEME_BG = {
        light : '#f0ece6',
        dark  : '#0d0d0d',
        beige : '#F9F0E1',
        green : '#0e1f12'
    };

    function updatePoster() {
        var url = 'url(' + getPosterUrl() + ')';
        if (bgPoster.style.backgroundImage !== url) {
            bgPoster.style.backgroundImage = url;
        }
        var theme = getTheme();
        bgPoster.style.backgroundColor = POSTER_THEME_BG[theme] || '#0d0d0d';
    }

    function initializePlayer(streamUrl) {
        if (!streamUrl || hlsReady) return;
        hlsReady = true;

        if (Hls.isSupported()) {
            hlsInstance = new Hls({
                enableWorker    : false,
                lowLatencyMode  : true,
                backBufferLength: 90
            });
            hlsInstance.loadSource(streamUrl);
            hlsInstance.attachMedia(videoEl);

            hlsInstance.on(Hls.Events.ERROR, function(e, data) {
                if (data.fatal) {
                    hlsReady = false;
                    hlsInstance.destroy();
                    hlsInstance = null;
                    loadingEl.style.display = 'none';
                    showBigPlay();
                }
            });

        } else if (videoEl.canPlayType('application/vnd.apple.mpegurl')) {
            videoEl.src = streamUrl;
        }
    }

    function startStream() {
        if (!currentUrl) {
            var csrf = (document.querySelector('meta[name="csrf-token"]') || {}).getAttribute('content') || '';
            loadingEl.style.display = 'flex';
            bigPlayBtn.classList.add('hide');
            fetch('/kbsradio-stream.php', {
                method      : 'GET',
                credentials : 'same-origin',
                headers     : {
                    'X-Requested-With' : 'XMLHttpRequest',
                    'X-CSRF-Token'     : csrf
                }
            })
            .then(function(res) { return res.json(); })
            .then(function(data) {
                currentUrl = data.url;
                _doStartStream();
            })
            .catch(function() {
                loadingEl.style.display = 'none';
                showBigPlay();
            });
            return;
        }
        _doStartStream();
    }

    function _doStartStream() {
        loadingEl.style.display = 'flex';
        bigPlayBtn.classList.add('hide');

        var savedVol   = parseFloat(volSlider.value);
        var savedMuted = videoEl.muted;

        initializePlayer(currentUrl);

        if (hlsInstance) {
            hlsInstance.once(Hls.Events.MANIFEST_PARSED, function() {
                videoEl.volume = savedVol;
                videoEl.muted  = savedMuted;
                videoEl.play().catch(function() {
                    loadingEl.style.display = 'none';
                    showBigPlay();
                });
            });
        } else {
            videoEl.volume = savedVol;
            videoEl.muted  = savedMuted;
            videoEl.play().catch(function() {
                loadingEl.style.display = 'none';
                showBigPlay();
            });
        }
    }

    function pauseStream() {
        if (hlsInstance) { hlsInstance.stopLoad(); }
        videoEl.pause();
    }

    function resumeStream() {
        if (hlsInstance) {
            hlsInstance.startLoad();
            videoEl.play().catch(function() {});
        } else if (hlsReady && videoEl.src) {
            videoEl.play().catch(function() {});
        } else {
            startStream();
        }
    }

    var _ctrlContainer = document.getElementById('player-container');
    var _ctrlBar       = document.getElementById('ctrl-bar');
    var _hideTimer;
    var _lastTouch     = 0;
    var _isMobile      = ('ontouchstart' in window || navigator.maxTouchPoints > 0);
    var _hasEverPlayed = false;

    function showBigPlay() {
        if (_isMobile && _hasEverPlayed) return;
        bigPlayBtn.classList.remove('hide');
        bigPlayIcon.className = 'fa fa-play';
    }

    function uiPaused() {
        showBigPlay();
        playIcon.className = 'fa fa-play';
    }

    function uiPlaying() {
        bigPlayBtn.classList.add('hide');
        bigPlayIcon.className = 'fa fa-pause';
        playIcon.className    = 'fa fa-pause';
    }

    function showCtrl() {
        _ctrlContainer.classList.add('ctrl-visible');
        clearTimeout(_hideTimer);
        _hideTimer = setTimeout(function() {
            _ctrlContainer.classList.remove('ctrl-visible');
        }, 2000);
    }

    function hideCtrl() {
        clearTimeout(_hideTimer);
        _ctrlContainer.classList.remove('ctrl-visible');
    }

    _ctrlContainer.addEventListener('mousemove', showCtrl);
    _ctrlContainer.addEventListener('mouseleave', hideCtrl);

    _ctrlContainer.addEventListener('touchend', function(e) {
        _lastTouch = Date.now();
        if (_ctrlBar.contains(e.target)) return;
        if (_hasEverPlayed) {
            showCtrl();
        }
    }, { passive: true });

    _ctrlContainer.addEventListener('click', function(e) {
        if (_ctrlBar.contains(e.target)) return;
        if (Date.now() - _lastTouch < 500) return;
        if (!_isMobile) {
            if (!videoEl.paused && videoEl.readyState >= 2) {
                pauseStream();
            } else {
                resumeStream();
            }
        }
    });

    videoEl.addEventListener('play', function() { _hasEverPlayed = true; });

    function handleBigPlay() { startStream(); }

    function togglePlay() {
        if (!videoEl.paused && videoEl.readyState >= 2) {
            pauseStream();
        } else {
            resumeStream();
        }
    }

    function toggleMute() {
        videoEl.muted = !videoEl.muted;
        if (videoEl.muted) {
            muteIcon.className = 'fa fa-volume-off';
            volSlider.value    = 0;
        } else {
            muteIcon.className = 'fa fa-volume-up';
            if (parseFloat(volSlider.value) === 0) {
                videoEl.volume  = 1;
                volSlider.value = 1;
            }
        }
    }

    function setVolume(val) {
        var v          = parseFloat(val);
        videoEl.volume = v;
        videoEl.muted  = (v === 0);
        muteIcon.className = (v === 0) ? 'fa fa-volume-off' : 'fa fa-volume-up';
    }

    function toggleFullscreen() {
        var c = document.getElementById('player-container');

        if (videoEl.webkitEnterFullscreen && !document.fullscreenElement && !document.webkitFullscreenElement) {
            if (!videoEl.paused) {
                c._savedScrollY = window.scrollY;
                videoEl.webkitEnterFullscreen();
                return;
            }
        }

        if (!document.fullscreenElement && !document.webkitFullscreenElement) {
            c._savedScrollY = window.scrollY;
            if      (c.requestFullscreen)       c.requestFullscreen();
            else if (c.webkitRequestFullscreen) c.webkitRequestFullscreen();
            fsIcon.className = 'fa fa-compress';
        } else {
            if      (document.exitFullscreen)       document.exitFullscreen();
            else if (document.webkitExitFullscreen) document.webkitExitFullscreen();
            fsIcon.className = 'fa fa-expand';
        }
    }

    document.addEventListener('fullscreenchange', function() {
        if (document.fullscreenElement) {
            fsIcon.className = 'fa fa-compress';
        } else {
            fsIcon.className = 'fa fa-expand';
            var c = document.getElementById('player-container');
            if (c && c._savedScrollY !== undefined) {
                var sy = c._savedScrollY;
                requestAnimationFrame(function() {
                    window.scrollTo({ top: sy, behavior: 'instant' });
                });
                c._savedScrollY = undefined;
            }
        }
    });

    document.addEventListener('webkitfullscreenchange', function() {
        if (document.webkitFullscreenElement) {
            fsIcon.className = 'fa fa-compress';
        } else {
            fsIcon.className = 'fa fa-expand';
            var c = document.getElementById('player-container');
            if (c && c._savedScrollY !== undefined) {
                var sy = c._savedScrollY;
                requestAnimationFrame(function() {
                    window.scrollTo({ top: sy, behavior: 'instant' });
                });
                c._savedScrollY = undefined;
            }
        }
    });

    videoEl.addEventListener('playing', function() {
        loadingEl.style.display = 'none';
        bgPoster.classList.add('hide');
        videoEl.classList.add('is-playing');
        uiPlaying();
        showCtrl();
    });

    videoEl.addEventListener('pause',   function() { uiPaused(); });
    videoEl.addEventListener('waiting', function() { loadingEl.style.display = 'flex'; });
    videoEl.addEventListener('canplay', function() { loadingEl.style.display = 'none'; });

    function getYesterdayDate() {
        var d = new Date();
        d.setDate(d.getDate() - 1);
        return String(d.getFullYear()) + String(d.getMonth()+1).padStart(2,'0') + String(d.getDate()).padStart(2,'0');
    }

    function getTodayDate() {
        var d = new Date();
        return String(d.getFullYear()) + String(d.getMonth()+1).padStart(2,'0') + String(d.getDate()).padStart(2,'0');
    }

    function openMusicList(date) {
        window.open('kbsmusiclist.php?date=' + encodeURIComponent(date), '_blank', 'width=750,height=600,noopener,noreferrer');
    }

    function getFormattedDate() {
        var d = new Date();
        return String(d.getFullYear()).slice(2) + String(d.getMonth()+1).padStart(2,'0') + String(d.getDate()).padStart(2,'0');
    }

    function getEpisodeNumber() {
        var diff = new Date() - new Date("2024-11-25");
        return String(Math.floor(diff / (1000*3600*24)) + 1).padStart(2,'0');
    }

    function updateMessage() {
        var h             = new Date().getHours();
        var messageDiv    = document.getElementById("message");
        var countdownDiv  = document.getElementById("countdown");
        var todayMusicDiv = document.getElementById("todayMusicList");

        var navButtons = document.querySelector(".nav-buttons");

        if (h >= 20 && h < 22) {
            todayMusicDiv.style.display = "inline-flex";
            if (navButtons) navButtons.classList.add("today-visible");
            messageDiv.innerHTML = getFormattedDate() + " EP." + getEpisodeNumber() +
                " — 지금 <span id='liveIndicator'><span class='liveDot'></span>LIVE</span> 방송 중입니다";
            messageDiv.style.display  = "block";
            countdownDiv.style.display = "none";

        } else if (h >= 22) {
            todayMusicDiv.style.display = "none";
            if (navButtons) navButtons.classList.remove("today-visible");
            messageDiv.innerHTML        = "오늘 방송이 종료되었습니다. 내일 다시 만나요!";
            messageDiv.style.display    = "block";
            countdownDiv.style.display  = "none";

        } else {
            todayMusicDiv.style.display = "none";
            if (navButtons) navButtons.classList.remove("today-visible");
            messageDiv.style.display    = "none";
            countdownDiv.style.display  = "block";

            var next    = new Date();
            next.setHours(20, 0, 0, 0);
            var diff    = next - new Date();
            var hours   = Math.floor(diff / (1000*60*60));
            var minutes = Math.floor((diff % (1000*60*60)) / (1000*60));
            var seconds = Math.floor((diff % (1000*60)) / 1000);
            countdownDiv.innerHTML = "방송 시작까지 " + hours + "시간 " + minutes + "분 " + seconds + "초";
        }
    }

    (function(){
        var t = document.cookie.match(/(?:^|;\s*)site_theme=([^;]*)/);
        var saved = t ? decodeURIComponent(t[1]) : 'dark';
        if(saved !== 'light' && saved !== 'dark' && saved !== 'beige' && saved !== 'green') saved = 'dark';
        document.body.classList.remove('theme-light','theme-dark','theme-beige','theme-green');
        document.body.classList.add('theme-' + saved);
        markActiveSwatch(saved);
    })();

    function getTheme(){
        var t = document.cookie.match(/(?:^|;\s*)site_theme=([^;]*)/);
        return (t ? decodeURIComponent(t[1]) : 'dark');
    }

    function setTheme(theme){
        document.body.classList.remove('theme-light','theme-dark','theme-beige','theme-green');
        document.body.classList.add('theme-' + theme);
        var exp = new Date();
        exp.setFullYear(exp.getFullYear() + 1);
        document.cookie = 'site_theme=' + encodeURIComponent(theme) + '; expires=' + exp.toUTCString() + '; path=/; SameSite=Lax';
        markActiveSwatch(theme);
        var bgEl = document.getElementById('bg-poster');
        if (bgEl) {
            var THEME_BG = { light:'#f0ece6', dark:'#0d0d0d', beige:'#F9F0E1', green:'#0e1f12' };
            bgEl.style.backgroundColor = THEME_BG[theme] || '#0d0d0d';
        }
    }

    function markActiveSwatch(theme){
        document.querySelectorAll('.color-swatch').forEach(function(el){
            el.classList.toggle('active', el.getAttribute('data-theme') === theme);
        });
    }

    function toggleColorLayer(e){
        e.stopPropagation();
        var layer = document.getElementById('color-layer');
        var btn   = document.getElementById('colorModeBtn');
        layer.classList.toggle('open');
        if(layer.classList.contains('open')){
            markActiveSwatch(getTheme());
            var rect = btn.getBoundingClientRect();
            var top  = rect.bottom + 6;
            var left = rect.left;
            if(left + 240 > window.innerWidth) left = window.innerWidth - 248;
            layer.style.top  = top  + 'px';
            layer.style.left = left + 'px';
        }
    }

    function closeColorLayer(){
        document.getElementById('color-layer').classList.remove('open');
    }

    document.addEventListener('click', function(e){
        var wrapper = document.querySelector('.color-mode-wrapper');
        var layer   = document.getElementById('color-layer');
        if(layer && layer.contains(e.target)) return;
        if(wrapper && !wrapper.contains(e.target)){
            closeColorLayer();
        }
    });

    window.addEventListener('scroll', function(){
        closeColorLayer();
    }, { passive: true });

    window.onload = function() {
        setInterval(updatePoster,  5000);
        updateMessage();
        setInterval(updateMessage, 1000);

        function fetchNowSong() {
            fetch('/radio/kbs_coolfm_nowplaying.php', {
                headers: { 'X-Requested-With': 'XMLHttpRequest' }
            })
            .then(function(r) { return r.json(); })
            .then(function(d) {
                var el = document.getElementById('now-song');
                var elM = document.getElementById('now-song-mobile');
                var text = (d.song && d.song.trim()) ? '\u266a ' + d.song : '';
                if (el) el.textContent = text;
                if (elM) elM.textContent = text;
            })
            .catch(function() {});
        }
        fetchNowSong();
        setInterval(fetchNowSong, 10000);
    };

    window.addEventListener('beforeunload', function() {
        if (hlsInstance) {
            try { hlsInstance.destroy(); } catch(e) {}
        }
    });
</script>

<script>
(function(){
    var cancel = function(e){
        if (window.event) {
            window.event.cancelBubble = true;
            window.event.returnValue  = false;
        }
        if (e && e.stopPropagation && e.preventDefault) {
            e.stopPropagation();
            e.preventDefault();
        }
        return false;
    };

    var block = function(e){
        e = e || window.event;
        var t   = e.srcElement || e.target;
        var tag = t.tagName;

        if (tag === 'HTML' || tag === 'INPUT' || tag === 'TEXTAREA' ||
            tag === 'BUTTON' || tag === 'SELECT' || tag === 'OPTION' ||
            tag === 'EMBED'  || tag === 'OBJECT' || tag === 'AUDIO'  || tag === 'VIDEO') {
            return;
        }

        if (e.type === 'keydown' || e.type === 'keyup') {
            if ((e.ctrlKey || e.metaKey) &&
                (e.keyCode == 65 || e.keyCode == 97 ||
                 e.keyCode == 67 || e.keyCode == 99 ||
                 e.keyCode == 86 || e.keyCode == 118 || e.keyCode == 17)) {
                return cancel(e);
            }
        } else {
            return cancel(e);
        }
    };

    var addEvent = function(el, type, fn){
        if (window.addEventListener) {
            el.addEventListener(type, fn, false);
        } else if (window.attachEvent) {
            el.attachEvent('on' + type, fn);
        } else {
            el['on' + type] = fn;
        }
    };

    addEvent(document.body, 'keydown',     block);
    addEvent(document.body, 'keyup',       block);
    addEvent(document.body, 'mouseup',     block);
    addEvent(document.body, 'mousedown',   block);
    addEvent(document.body, 'dragstart',   block);
    addEvent(document.body, 'selectstart', block);
    addEvent(document.body, 'copy',        block);
    addEvent(document.body, 'paste',       block);
    addEvent(document.body, 'contextmenu', block);
})();

document.addEventListener('contextmenu', function(e) { e.preventDefault(); });

document.addEventListener('keydown', function(e) {
    if ((e.key === 'F12') || (e.ctrlKey && (e.key === 'I' || e.key === 'J'))) {
        e.preventDefault();
    }
});
</script>
<div id="color-layer" role="dialog" aria-label="컬러 모드 설정">
    <div class="color-layer-title">컬러 모드 설정</div>
    <button class="color-close" onclick="closeColorLayer()" aria-label="닫기">×</button>
    <div class="color-swatches">
        <div class="color-swatch" data-theme="light" onclick="setTheme('light')" title="라이트">
            <div class="color-swatch-circle swatch-light"></div>
            <span class="color-swatch-label">라이트</span>
        </div>
        <div class="color-swatch" data-theme="dark" onclick="setTheme('dark')" title="다크">
            <div class="color-swatch-circle swatch-dark"></div>
            <span class="color-swatch-label">다크</span>
        </div>
        <div class="color-swatch" data-theme="beige" onclick="setTheme('beige')" title="베이지">
            <div class="color-swatch-circle swatch-beige"></div>
            <span class="color-swatch-label">베이지</span>
        </div>
        <div class="color-swatch" data-theme="green" onclick="setTheme('green')" title="그린">
            <div class="color-swatch-circle swatch-green"></div>
            <span class="color-swatch-label">그린</span>
        </div>
    </div>
</div>
</body>
</html>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-84540123-1', 'auto');
  ga('send', 'pageview');

</script>									</div>
						</div>
			</div>

			<footer class="at-footer">
			<nav class="at-links" style="border-color:#ddd; background:#f5f5f5;">
				<div class="at-container">
					<ul class="pull-left">
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=intro"><font color="green"><i class="fa fa-ils"></i></font> OMGFAN 소개</a></li> 
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=provision"><i class="fa fa-check-circle"></i> 이용약관</a></li> 
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=privacy"><i class="fa fa-plus-circle"></i> 개인정보처리방침</a></li>
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=noemail"><i class="fa fa-ban"></i> 이메일 무단수집거부</a></li>
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=disclaimer"><i class="fa fa-minus-circle"></i> 책임의 한계와 법적고지</a></li>
						<li><a href="https://ohmygirl.cc/bbs/page.php?hid=guide"><i class="fa fa-info-circle"></i> 이용안내</a></li>
						<li><a href="https://ohmygirl.cc/bbs/faq.php"><i class="fa fa-support"></i> FAQ</a></li>
					</ul>
					<ul class="pull-right">
										<li><a href="https://ohmygirl.cc/bbs/page.php?hid=intro"><font color="green"><i class="fa fa-ils"></i></font> OMGFAN 소개</a></li>
					<li><a href="https://ohmygirl.cc/bbs/faq.php"><i class="fa fa-support"></i> FAQ</a></li>
																	<li><a href="https://ohmygirl.cc/bbs/board.php?bo_table=anonymity_board"><font color="#ff4500"><i class="fa fa-envelope"></i></font> 고객지원</a></li>						<li><a href="https://ohmygirl.cc/kbsradio.php?device=pc"><font color="orange"><i class="fa fa-tablet"></i></font> PC버전</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</nav>
			<!---->
			<div class="at-infos">
				<div class="at-container">
											<div class="at-copyright">
							<i class="fa fa-ils"></i>
							<strong>오마이걸 커뮤니티(OH MY GIRL)</strong> 
							<span class="hidden-xs"><i class="fa fa-copyright"></i> Copyright (C) 2016 All rights reserved. All information on this site is copyrighted by ohmygirl.cc
							<span class="hidden-xs">216.73.216.37</span>
							</div>
						</div>
									</div>
			</div>
		</footer>
	</div><!-- .wrapper -->
<!--
<div class="at-go">
	<div id="go-btn" class="go-btn">
		<span class="go-top cursor"><i class="fa fa-chevron-up"></i></span>
		<span class="go-bottom cursor"><i class="fa fa-chevron-down"></i></span>
	</div>
</div>
-->
<!--[if lt IE 9]>
<script type="text/javascript" src="https://ohmygirl.cc/thema/omgfan/assets/js/respond.js"></script>
<![endif]-->

<!-- JavaScript -->
<script>
var sub_show = "show";
var sub_hide = "";
var menu_startAt = "0";
var menu_sub = "";
var menu_subAt = "0";
</script>
<script src="/js/disable-devtool.js"></script>
<script>
  DisableDevtool({
    ondevtoolopen: function() {
      window.location.replace('https://ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=45&no=1');
    }
  });
</script>
<script src="https://ohmygirl.cc/thema/omgfan/assets/bs3/js/bootstrap.min.js"></script>
<script src="https://ohmygirl.cc/thema/omgfan/assets/js/sly.min.js"></script>
<script src="https://ohmygirl.cc/thema/omgfan/assets/js/custom.js"></script>
<script src="https://ohmygirl.cc/thema/omgfan/assets/js/sticky.js"></script>
<link rel="stylesheet" href="https://ohmygirl.cc/css/animate.min.css">
<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm/widget.css">
<script>
var memo_alarm_url = "https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm";
</script>
<script src="https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm/widget.js"></script>
<script type="text/javascript">
    $(function() {
        setInterval(function() {
            check_alarm();
        }, 60000);
        check_alarm();
    });
</script>

<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm-ii/widget-ii.css">
<script>
var memo_alarm_url = "https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm-ii";
</script>
<script src="https://ohmygirl.cc/thema/omgfan/widget/basic-memo-alarm-ii/widget-ii.js"></script>
<script type="text/javascript">
    $(function() {
        // 주기적 알림 체크
        setInterval(function() {
            check_alarm_scroll();
        }, 60000);

        // 최초 실행
        check_alarm_scroll();
    });
</script>


<div id="miso-sidebar-plus" class="miso-sidebar collapse">
    <div class="sidebar-content">
        <p><script>
var sidebar_url = "https://ohmygirl.cc/skin/addon/miso-sidebar-plus";
var sidebar_time = "10";
</script>
<script src="https://ohmygirl.cc/skin/addon/miso-sidebar-plus/sidebar.js"></script>

<!-- sidebar Box -->
<aside id="sidebar-box" class="ko">

	<!-- Head Line -->
	<div class="sidebar-head bg-red"></div>

	<!-- sidebar Wing -->
	<div class="sidebar-wing">
		<!-- sidebar Wing Close -->
		<div class="sidebar-wing-close sidebar-close en" title="닫기">
			<!--<i class="fa fa-chevron-right"></i>-->
			<i class="fa fa fa-times"></i>
		</div>

		<!-- sidebar Wing Icon -->
		<div class="sidebar-wing-icon en">
			<a href="javascript:;" onclick="sidebar_open('sidebar-menu');" title="메뉴">
				<span class="sidebar-wing-btn bg-red">
					<i class="fa fa-bars"></i>
				</span>
			</a>
			<a href="javascript:;" onclick="sidebar_open('sidebar-user');" title="사용자">
				<span class="sidebar-wing-btn bg-red">
					<i class="fa fa-user"></i>
				</span>
			</a>
						<a href="javascript:;" class="sidebar-scrollup" title="위로">
				<span class="sidebar-wing-btn bg-red">
					<i class="fa fa-arrow-up"></i>
				</span>
			</a>
			<a href="javascript:;" class="sidebar-scrollmid" title="가운데">
				<span class="sidebar-wing-btn bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-dot-circle-o"></i>
					</span>
				</span>
			</a>
			<a href="javascript:;" class="sidebar-scrolldown" title="아래로">
				<span class="sidebar-wing-btn bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-arrow-down"></i>
					</span>
				</span>
			</a>
		</div>
	</div>

	<!-- sidebar Content -->
	<div id="sidebar-content" class="sidebar-content">

		<div class="h30"></div>

		<!-- Common -->
		<div class="sidebar-common">

			<!-- Login -->
						<div class="btn-group btn-group-justified" role="group">
									<!--<a href="#" onclick="sidebar_open('sidebar-user'); return false;" class="btn btn-red btn-sm"><i class="fa fa-power-off"></i> 로그인</a>-->
					<!--<a href="#" onclick="sidebar_open('sidebar-user'); return false;" class="btn btn-navy btn-sm"><i class="fa fa-folder-open"></i> 메뉴</a>
					<a href="https://ohmygirl.cc/bbs/register.php" class="btn btn-red btn-sm"><i class="fa fa-sign-in"></i> 회원가입</a>
					<a href="https://ohmygirl.cc/bbs/password_lost.php" class="btn btn-red btn-sm"><i class="fa fa-search"></i> 정보찾기</a>-->
					<!--<a href="https://ohmygirl.cc/bbs/password_lost.php" class="win_password_lost btn btn-red btn-sm"><i class="fa fa-search"></i> 정보찾기</a>-->
						</div>
			<div class="h15"></div>

		</div>

		<!-- Menu -->
		<div id="sidebar-menu" class="sidebar-item">
			
<!-- Categroy -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-folder-open"></i> CATEGORY</b>
</div>

<div class="sidebar-icon-tbl">
	<div class="sidebar-icon-cell">
 		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice">
			<i class="fa fa-th-large circle light-circle normal" style="color: #FFB3BA;"></i>
			<span>공식 자료</span>
		</a>
	</div>
		<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_video">
			<i class="fa fa-youtube-play circle light-circle normal" style="color: #A7C7E7;"></i>
			<span>공식 영상</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_pd">
			<i class="fa fa-youtube circle light-circle normal" style="color: #B0E0A8;"></i>
			<span>OMG PD</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
 		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_schedule">
			<i class="fa fa-calendar-check-o circle light-circle normal" style="color: #c4c4f3;"></i>
			<span>스케줄</span>
		</a>
	</div>
</div>

<div class="sidebar-menu panel-group" id="sidebar_menu" role="tablist" aria-multiselectable="true">
<div class="panel">
    <div class="ca-head" role="tab">
        <a href="https://ohmygirl.cc" class="no-sub">
            <i class="fa fa-home red"></i> 메인화면
        </a>
    </div>
    <div class="ca-head" role="tab">
         <a href="javascript:void(0);" class="no-sub darkmode_object">
        <i class="fa fa-moon-o"></i> 다크모드 (Beta)
    </a>
    </div>
    <!--<div class="ca-head" role="tab">
         <a href="/radio/" target="_blank" class="no-sub">
        <i class="fa fa-podcast"></i> 실시간 라디오
    </a>
    </div>-->
    <div class="ca-head" role="tab">
         <a href="/insta/" target="_blank" class="no-sub">
        <i class="fa fa-pie-chart"></i> 멤버 인스타 차트
    </a>
    </div>
</div>	    <div class="ca-head" role="tab">
        <a href="/bbs/link.php?bo_table=favorites_board&wr_id=21&no=1" target="_blank" class="no-sub">
            <i class="fa fa-ravelry red"></i> MIRACLE
        </a>
    </div>
							<div class="panel">
				<div class="ca-head" role="tab" id="sidebar_menu_c1">
					<a href="#sidebar_menu_s1" data-toggle="collapse" data-parent="#sidebar_menu" aria-expanded="true" aria-controls="sidebar_menu_s1" class="is-sub">
						<span class="ca-href pull-right" onclick="sidebar_href('/bbs/board.php?bo_table=free_board');">&nbsp;</span>
						<i class='fa fa-users'></i> 커뮤니티						<i class="fa fa-spinner fa-spin red"></i>					</a>
				</div>
				<div id="sidebar_menu_s1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sidebar_menu_c1">
					<ul class="ca-sub">
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice">
								<i class='fa fa-ravelry'></i> 공지사항															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice">
								<i class='fa fa-database'></i> 오마이걸 공식자료								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/yooa.php">
								<i class='fa fa-github-alt'></i> 유아 사람Ent b.stage <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board">
								<i class='fa fa-commenting-o'></i> 오마이걸 자유게시판								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=attendance2">
								<i class='fa fa-paw'></i> 커뮤니티 출석부								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/album/index.php">
								<i class='fa fa-music'></i> 오마이걸 앨범 목록 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_event">
								<i class='fa fa-gamepad'></i> 커뮤니티 이벤트															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_naver_news">
								<i class='fa fa-drivers-license-o'></i> 오마이걸 소식 뉴스 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>  															</a>
						</li>
										</ul>
				</div>
			</div>
								<div class="panel">
				<div class="ca-head" role="tab" id="sidebar_menu_c2">
					<a href="#sidebar_menu_s2" data-toggle="collapse" data-parent="#sidebar_menu" aria-expanded="true" aria-controls="sidebar_menu_s2" class="is-sub">
						<span class="ca-href pull-right" onclick="sidebar_href('/bbs/board.php?bo_table=gallery');">&nbsp;</span>
						<i class='fa fa-camera'></i> 갤러리						<i class="fa fa-spinner fa-spin red"></i>					</a>
				</div>
				<div id="sidebar_menu_s2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sidebar_menu_c2">
					<ul class="ca-sub">
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery">
								<i class='fa fa-camera-retro'></i> 오마이걸 갤러리								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="/bstage">
								<font color='#AB47BC'> <i class='fa fa-picture-o'></i></font> <b>OH MY GIRL b.stage</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>															</a>
						</li>
										</ul>
				</div>
			</div>
								<div class="panel">
				<div class="ca-head" role="tab" id="sidebar_menu_c3">
					<a href="#sidebar_menu_s3" data-toggle="collapse" data-parent="#sidebar_menu" aria-expanded="true" aria-controls="sidebar_menu_s3" class="is-sub">
						<span class="ca-href pull-right" onclick="sidebar_href('/bbs/board.php?bo_table=video');">&nbsp;</span>
						<i class='fa fa-file-video-o'></i> 영상						<i class="fa fa-spinner fa-spin red"></i>					</a>
				</div>
				<div id="sidebar_menu_s3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sidebar_menu_c3">
					<ul class="ca-sub">
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_video">
								<i class='fa fa-youtube-play'></i> 오마이걸 공식 영상								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_pd">
								<i class='fa fa-youtube-play'></i> 오마이걸 크리에이터															</a>
						</li>
																	<li>
							<a href="/ohmygirl_sketchbook.php" target="_blank">
								<i class='fa fa-youtube-play'></i> 오마이걸 스케치북															</a>
						</li>
																	<li>
							<a href="/ohmygirl_message.php" target="_blank">
								<i class='fa fa-youtube-play'></i> 오마이걸 메시지															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video">
								<i class='fa fa-television'></i> 오마이걸 영상								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="/kbsradio.php">
								<font color='red'><i class='fa fa-volume-down'></i></font> <b>효정의 볼륨을 높여요</b> <i class='fa fa-spinner fa-spin' style='background:linear-gradient(45deg,#ff6b6b,#ffa94d,#51cf66,#339af0,#845ef7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=broadcastingcam">
								<i class='fa fa-youtube-square'></i> 오마이걸 방송국 영상								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam">
								<i class='fa fa-caret-square-o-right'></i> 오마이걸 직캠								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
										</ul>
				</div>
			</div>
								<div class="panel">
				<div class="ca-head" role="tab" id="sidebar_menu_c4">
					<a href="#sidebar_menu_s4" data-toggle="collapse" data-parent="#sidebar_menu" aria-expanded="true" aria-controls="sidebar_menu_s4" class="is-sub">
						<span class="ca-href pull-right" onclick="sidebar_href('/bbs/board.php?bo_table=omg_schedule');">&nbsp;</span>
						<i class='fa fa-slideshare'></i> 스케줄											</a>
				</div>
				<div id="sidebar_menu_s4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sidebar_menu_c4">
					<ul class="ca-sub">
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_schedule">
								<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=yooa_schedule.php">
								<i class='fa fa-calendar-check-o'></i> 사람엔터 통합 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=arin_schedule">
								<i class='fa fa-calendar-check-o'></i>  ATRP 아린 공식 스케줄 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
										</ul>
				</div>
			</div>
								<div class="panel">
				<div class="ca-head" role="tab" id="sidebar_menu_c5">
					<a href="#sidebar_menu_s5" data-toggle="collapse" data-parent="#sidebar_menu" aria-expanded="true" aria-controls="sidebar_menu_s5" class="is-sub">
						<span class="ca-href pull-right" onclick="sidebar_href('/bbs/page.php?hid=Twitter_notice');">&nbsp;</span>
						<i class='fa fa-heart'></i> 오마이걸											</a>
				</div>
				<div id="sidebar_menu_s5" class="panel-collapse collapse" role="tabpanel" aria-labelledby="sidebar_menu_c5">
					<ul class="ca-sub">
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_notice">
								<i class='fa fa-twitter-square'></i> Twitter Notice <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=Twitter_Timeline">
								<i class='fa fa-twitter-square'></i> Twitter															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=omg_twitter_jp">
								<i class='fa fa-twitter'></i> Twitter Japan															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/page.php?hid=weibo">
								<i class='fa fa-weibo'></i> Weibo															</a>
						</li>
																	<li>
							<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=46&no=1" target="_blank">
								<i class='fa fa-get-pocket'></i> WMEnt Naver Blog															</a>
						</li>
																	<li>
							<a href="https://tv.naver.com/search?query=오마이걸" target="_blank">
								<i class='fa fa-vimeo'></i> Naver TV															</a>
						</li>
																	<li>
							<a href="https://charts.youtube.com/artist/%2Fg%2F11b7q02x0y?hl=ko" target="_blank">
								<i class='fa fa-youtube'></i> Youtube Charts															</a>
						</li>
																	<li>
							<a href="//ohmygirl.cc/bbs/link.php?bo_table=favorites_board&wr_id=10&no=1" target="_blank">
								<i class='fa fa-heartbeat'></i> OHMYGIRL HOME															</a>
						</li>
																	<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=favorites_board">
								<i class='fa fa-align-center'></i> Favorites															</a>
						</li>
										</ul>
				</div>
			</div>
								<div class="panel">
				<div class="ca-head" role="tab">
					<a href="/bbs/board.php?bo_table=profile" class="no-sub">
						<i class='fa fa-free-code-camp'></i> 프로필											</a>
				</div>
			</div>
			</div>

<div class="h20"></div>

	<div class="sidebar-icon-tbl">
		<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board">
			<i class="fa fa-commenting circle light-circle normal" style="color: #d3878e;"></i>
			<span>자유게시판</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery">
			<i class="fa fa-file-photo-o circle light-circle normal" style="color: #fbb059;"></i>
			<span>갤러리</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video">
			<i class="fa fa-file-video-o circle light-circle normal" style="color: #70b1e3;"></i>
			<span>OMG 영상</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_naver_news">
			<i class="fa fa-newspaper-o circle light-circle normal" style="color: #ba7deb;"></i>
			<span>OMG News</span>
		</a>
	</div>
</div>
<div class="h20"></div>
<!--
	<div class="sidebar-icon-tbl">
	   <div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/page.php?hid=kbsradio">
			<i class="fa fa-play-circle-o circle light-circle normal" style="color: #d463e7cc;"></i>
			<span>볼륨라디오 I</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="/kbsradiopc.php" target="_blank">
			<i class="fa fa-volume-up circle light-circle normal" style="color: #978d5bbd;"></i>
			<span>볼륨라디오 II</span>
		</a>
	</div>
</div>
<!-- Stats -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-pie-chart red"></i> STATS</b>
</div>

<ul style="padding:0px 15px; margin:0; list-style:none;">
		<li><i class="fa fa-circle-o green"></i> <span class="pull-right">10,572,613 명</span>전체 방문자</li>
	<li><i class="fa fa-circle-o orangered"></i> <span class="pull-right">216.73.216.37</span> 접속중</li>
	</ul>
		</div>

		<!-- Post -->
		<div id="sidebar-post" class="sidebar-item">
			
<!-- Notice -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-desktop"></i> OHMYGIRL NOTICE</b>
</div>

<ul class="sidebar-list">
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2189" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;<span class="orange">00:03</span>			</span>
			<span class="rank-icon en bg-red">1</span>			🎂#해피미미데이 🎂 5월 1일 미미의 생일을 축하합니다🥳		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2188" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;04.27			</span>
			<span class="rank-icon en bg-red">2</span>			[#OHMYAir] 잠시 후 8시, ‘KBS Cool FM 오마이걸 효정의 볼륨을 높여요’에 #효정 이 출연합니다🤍		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2187" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;04.24			</span>
			<span class="rank-icon en bg-red">3</span>			[📸] OMG_ You're my Miracle #2		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2186" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;04.21			</span>
			<span class="rank-icon en bg-red">4</span>			[📝] 4월의 어느 하루✨		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2185" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;04.21			</span>
			<span class="rank-icon en bg-red">5</span>			오마이걸 Diary 158Page Special Story #OMG_11years_Anniversary		</a> 
	</li>
</ul>

<div class="h20"></div>

<!-- OMGFAN Notice -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-desktop"></i> OMGFAN NOTICE</b>
</div>

<ul class="sidebar-list">
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=350" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;04.27			</span>
						오마이걸 커뮤니티 앱 설치 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=349" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;03.17			</span>
						OMGFAN 커뮤니티 보안 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=348" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;02.22			</span>
						OMGFAN 커뮤니티 Gmail 메일 안내 [완료]		</a> 
	</li>
</ul>

<div class="h20"></div>

<!-- New Post -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-circle-o-notch fa-spin"></i> NEW POST</b>
</div>

	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://img.youtube.com/vi/jBXg1Ivh53Q/hqdefault.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam&amp;wr_id=38826" class="ellipsis">
												260429 &#038;#39;비밀정원(Secret Garden)&#038;#39; 오마이걸 유빈(OHMYGIRL YUBIN) 직캠 4k fancam @경일대학교 축제			</a>
			<div class="media-info ellipsis">
				옴튜브				<i class="fa fa-clock-o"></i> <span class="orange">00:55</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://img.youtube.com/vi/JI1pufGzubM/hqdefault.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam&amp;wr_id=38825" class="ellipsis">
												260429 &#038;#39;던던댄스(Dun Dun Dance)&#038;#39; 오마이걸 유빈(OHMYGIRL YUBIN) 직캠 4k fancam @경일대학교 축제			</a>
			<div class="media-info ellipsis">
				옴튜브				<i class="fa fa-clock-o"></i> <span class="orange">00:48</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizZ1G2Jz_Vq6FaNUrJ-cokArrVZwVsoWo9CGvnmyZKekglwl3pDQqIXS7Hod8aiyFoQnHg6Z_0ZRwNfcqNnAKon3HjTHgvMqgx2llGEEKr0Q4CIBUQEpCXYBAsShbZEO7dNjhyFfiUsxlPd3AfplM3p6oW0ClSRe7ml4ogS0-Cw3lTrHbL5KH04Jeor9GR/s2810/8_OHMYGIRL-3737955853-2049866371794944268-HHD3hL1bkAExXAT.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2189" class="ellipsis">
												🎂#해피미미데이 🎂 5월 1일 미미의 생일을 축하합니다🥳			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">00:03</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyBW6m85ASLyArKflGqDXxlJjme6mZ0rhHUpo1naMaW90lISKJPECMPdybmTtF27Cr2UYTYZE5bRkcAt2YCZErwzUV74qkFCmWhRr8H1N-XthWKFTgx3L4AnswAzF7qKOBGT_YX4dGADKth0lnRd2T1cl8ASpvOTapeJ_qaddvHGoyRa5v-z644rmI1aEo/s3072/volumeup_891_683652659_17996453039949481_3517184224031797549_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25001" class="ellipsis">
												𝙝𝙮𝙤 𝙟𝙪𝙣𝙜’𝙨 𝙫𝙤𝙡𝙪𝙢𝙚 𝙪𝙥 🌼🐰  오늘도 불타올랐던 #연애전혀모르겠어요 💓 중학생들의 순수한 사랑사연부터 바람인지, 아닌지, 매콤한 사연과 ㅅㄹㅎ …. 어리둥절한 사연까지😍 여러분의 사연덕에 이 코너가 유지됩니다!! 💓 사연 많이 많이 보내주세요 💌  #오마이걸효정의볼륨을높여요 #오마이걸효정			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 04.30 22:04			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtX4PQCxxyQ9SK5QQ50ybBsrtGKPgr-JDdJ44q-ahtOH_sNCEQc_ZOl7GNuuE5oF710VPW4mEHM-Su8t5NNZDBQZkqB80PMvO58L_TjB_seStycw80BbOqfv31bURXRHX3DHZ-20Pc5RJjFvgIbQNaG6gN1I2ju1DjM_Jrg5cfsr82v0q0kjN25neGV_7X/s1914/260430%20%EC%98%A4%EB%A7%88%EC%9D%B4%EA%B1%B8%20%ED%9A%A8%EC%A0%95%EC%9D%98%20%EB%B3%BC%EB%A5%A8%EC%9D%84%20%EB%86%92%EC%97%AC%EC%9A%94%20EP.522.by.ohmygirl.cc.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_cloud&amp;wr_id=26501" class="ellipsis">
												260430 오마이걸 효정의 볼륨을 높여요 EP.522 (720p)			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 04.30 22:01			</div>
		</div>
	</div>
		</div>

				<!-- User -->
		<div id="sidebar-user" class="sidebar-item">
			<div class="sidebar-login">
			<div class="div-title-underline-thin en">
			<b><i class="fa fa-folder-open-o"></i> CATEGORY</b>
		</div>
<div class="sidebar-icon-tbl">
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc/bbs/login.php?url=%2Fkbsradio.php%3Fdevice%3Dmobile">
			<i class="fa fa-power-off circle light-circle normal" style="color: #BAFFC9;"></i>
			<span>로그인</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc">
			<i class="fa fa-home circle light-circle normal"  style="color: #FFDFBA;"></i>
			<span>처음으로</span>
		</a>
	</div>
</div>
		<div class="h10"></div>

				<!-- Member -->
				</ul>
	</div>
<div class="div-title-underline-thin en"><b><i class="fa fa-bar-chart"></i> POLL</b></div><p class="poll-widget-subject" style="font-size:13px;font-weight:bold;margin:6px 0 8px;line-height:1.4;">오마이걸 신곡앨범 발표 예상 시기는?</p><div id="resp_poll_wrap_47">
    
                
        <div id="resp_poll_result_47"></div>
        <script>
        (function(){
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'https://ohmygirl.cc/bbs/poll_resultll.php?po_id=47&skin_dir=basic-poll&inline=1', true);
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    document.getElementById('resp_poll_result_47').innerHTML = xhr.responseText;
                }
            };
            xhr.send();
        })();
        </script>
    </div>
<div class="h20"></div>

<!-- Service -->
<div class="div-title-underline-thin en">
	<b><i class="fa fa-circle-o-notch fa-spin"></i> SERVICE</b>
</div>

<ul class="sidebar-list list-links">
		<li><a href="//x.com/OHMYGIRL_ML" target="_blank"><i class="fa fa-twitter"></i> X</a></li>
	<li><a href="//x.com/OHMYGIRL_CF" target="_blank"><i class="fa fa-twitter-square"></i> X</a></li>
	<li><a href="//www.instagram.com/ohmygirl_ml" target="_blank"><font color="#c84797"><i class="fa fa-instagram"></i></font> Instagram</a></li>
	<li><a href="//www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA?sub_confirmation=1" target="_blank"><font color="#FF0133"><i class="fa fa-youtube-play"></i></font> Youtube</a></li>
	<li><a href="//ohmygirl.cc/wment.php" target="_blank"><font color="#426eff"><i class="fa fa-link"></i></font> Family Link</a></li>
		<li><a href="https://ohmygirl.cc/bbs/page.php?hid=intro"><font color="green"><i class="fa fa-ils"></i></font> OMGFAN 소개</a></li> 
	<li><a href="https://ohmygirl.cc/bbs/page.php?hid=provision"><i class="fa fa-check-circle"></i> 이용약관</a></li> 
	<li><a href="https://ohmygirl.cc/bbs/page.php?hid=privacy"><i class="fa fa-plus-circle"></i> 개인정보처리방침</a></li>
	<li><a href="https://ohmygirl.cc/bbs/page.php?hid=noemail"><i class="fa fa-ban"></i> 이메일 무단수집거부</a></li>
	<li><a href="https://ohmygirl.cc/bbs/page.php?hid=disclaimer"><i class="fa fa-minus-circle"></i> 책임의 한계와 법적고지</a></li>
		<li><a href="https://ohmygirl.cc/bbs/page.php?hid=guide"><font color="violet"><i class="fa fa-info-circle"></i></font> 이용안내</a></li>
	<li><a href="https://ohmygirl.cc/bbs/faq.php"><i class="fa fa-exclamation-circle"></i> 자주하시는 질문(FAQ)</a></li>
		<li><a href="https://ohmygirl.cc/bbs/board.php?bo_table=anonymity_board"><font color="#ff4500"><i class="fa fa-exclamation-triangle"></i></font> 고객지원</a></li>	</ul>		</div>
				
		<div class="h30"></div>
	</div>

</aside>

<div id="sidebar-box-mask" class="sidebar-close"></div>

<!-- sidebar Button -->
<aside id="sidebar-btn">
	<ul>
		<li>
			<a href="javascript:;" onclick="sidebar_open('sidebar-menu');" title="메뉴">
				<span class="sidebar-btn-box bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-bars"></i>
					</span>
				</span>
			</a>
		</li>
		<li>
			<a href="javascript:;" onclick="sidebar_open('sidebar-user');" title="유저">
				<span class="sidebar-btn-box bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-user"></i>
					</span>
				</span>
			</a>
		</li>
						<li>
			<a href="javascript:;" class="sidebar-scrollup" title="위로">
				<span class="sidebar-btn-box bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-arrow-up"></i>
					</span>
				</span>
			</a>
		</li>
			</ul>
</aside>
</p>
    </div>
</div>
<style>
.shingo-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 350px;
    max-width: 450px;
    background: white;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    animation: slideIn 0.4s ease-out;
    overflow: hidden;
    font-family: 'Noto Sans KR', sans-serif;
}

@keyframes slideIn {
    from {
        transform: translateX(500px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideOut {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(500px);
        opacity: 0;
    }
}

.shingo-toast.hiding {
    animation: slideOut 0.4s ease-out;
}

.shingo-toast-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.shingo-toast-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.shingo-toast-close {
    background: none;
    border: none;
    color: white;
    font-size: 24px;
    cursor: pointer;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.3s;
}

.shingo-toast-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

.shingo-toast-body {
    padding: 20px;
}

.shingo-toast-body p {
    margin: 8px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
}

.shingo-toast-body p strong {
    color: #667eea;
    font-weight: 600;
}

.shingo-toast-footer {
    padding: 0;
    display: flex;
    border-top: 1px solid #e0e0e0;
}

.shingo-toast-btn {
    flex: 1;
    padding: 15px;
    border: none;
    background: white;
    color: #667eea;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s;
    text-decoration: none;
    text-align: center;
    display: block;
}

.shingo-toast-btn:first-child {
    border-right: 1px solid #e0e0e0;
}

.shingo-toast-btn:hover {
    background: #f8f9fa;
}

.shingo-badge {
    display: inline-block;
    background: #ff4d4d;
    color: white;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 11px;
    margin-left: 8px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .shingo-toast {
        top: 10px;
        right: 10px;
        left: 10px;
        min-width: auto;
        max-width: none;
    }
}
</style>

<script>
</script>
<style>
.miso-sidebar {
    display: none;
}

.miso-sidebar.show {
    display: block;
}

/* 추가: 모바일 환경에서 사이드바가 기본적으로 보이도록 처리 */
@media (max-width: 768px) {
    .miso-sidebar {
        display: block; /* 필요 시 'inline-block' 또는 다른 display 값을 사용할 수 있습니다 */
    }
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
    var sidebarElement = document.getElementById('miso-sidebar-plus');
    var sidebarIcon = document.getElementById('sidebar-toggle-icon');
    var sidebarBtn = document.getElementById('sidebar-toggle-btn');
    
    // 기본값을 'expanded'로 변경
    var sidebarState = localStorage.getItem('sidebarState') || 'expanded';
    
    function setSidebarState(state) {
        if (state === 'collapsed') {
            sidebarElement.classList.remove('show');
            sidebarElement.classList.add('collapsed');
        } else {
            sidebarElement.classList.add('show');
            sidebarElement.classList.remove('collapsed');
        }
    }
    
    // 초기 상태 설정
    setSidebarState(sidebarState);
    
    // 버튼 이벤트 리스너 추가
    if (sidebarBtn) {
        sidebarBtn.addEventListener('click', function() {
            if (sidebarElement.classList.contains('show')) {
                setSidebarState('collapsed');
                localStorage.setItem('sidebarState', 'collapsed');
            } else {
                setSidebarState('expanded');
                localStorage.setItem('sidebarState', 'expanded');
            }
        });
    }
});
</script>

<div id="popularBanner" class="popular-banner">
    <a href="https://ohmygirl.cc/bbs/board.php?bo_table=broadcastingcam&wr_id=46137" id="popularBannerLink">
        📢 떡하니 나온 금붙이와 돈다발 #진실의눈 | KBS 260429 방송    </a>
    <button id="closeBanner">✖</button>
</div>

<style>
.popular-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    transition: opacity 0.5s ease, transform 0.5s ease;
    opacity: 0;
    transform: translateY(50px);
    z-index: 9999;
    max-width: 300px;
}
.popular-banner a {
    color: #FFD700;
    text-decoration: none;
    font-weight: bold;
}
.popular-banner a:hover {
    text-decoration: none; /* 마우스 오버 시 밑줄 제거 */
}
.popular-banner.show {
    opacity: 1;
    transform: translateY(0);
}
.popular-banner button {
    background: none;
    border: none;
    color: white;
    font-size: 16px;
    margin-left: 10px;
    cursor: pointer;
}

@media screen and (max-width: 768px) {
    .popular-banner {
        bottom: 60px; /* 10px에서 60px로 변경하여 위로 올림 */
        right: 10px;
        font-size: 12px;
        padding: 8px 12px;
        max-width: 200px;
    }
    .popular-banner button {
        font-size: 14px;
        margin-left: 5px;
    }
}
</style>

<script>
document.addEventListener("DOMContentLoaded", function () {
    setTimeout(() => {
        document.getElementById("popularBanner").classList.add("show");
    }, 1000);

    document.getElementById("closeBanner").addEventListener("click", function (e) {
        e.preventDefault();
        document.getElementById("popularBanner").classList.remove("show");
        document.getElementById("popularBanner").style.opacity = "0";

        setTimeout(() => {
            document.getElementById("popularBanner").style.display = "none";
        }, 500);

        // 48시간 동안 배너 숨김 처리
        let date = new Date();
        date.setTime(date.getTime() + (48 * 60 * 60 * 1000));
        document.cookie = "hide_popular_banner=true; expires=" + date.toUTCString() + "; path=/";
    });

    document.getElementById("popularBannerLink").addEventListener("click", function () {
        document.getElementById("popularBanner").classList.remove("show");
        document.getElementById("popularBanner").style.opacity = "0";
        
        setTimeout(() => {
            document.getElementById("popularBanner").style.display = "none";
        }, 500);
    });

    let bannerElement = document.getElementById("popularBanner");
    let hideTimer;

    bannerElement.addEventListener("mouseenter", function() {
        clearTimeout(hideTimer);
    });

    bannerElement.addEventListener("mouseleave", function() {
        hideTimer = setTimeout(() => {
            bannerElement.classList.remove("show");
        }, 2000);
    });

    hideTimer = setTimeout(() => {
        document.getElementById("popularBanner").classList.remove("show");
    }, 8000);
});
</script>

</body>
</html>