<!--


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 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/bstage/index.php?member=contents" />
<link rel="image_src" href="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<link rel="canonical" href="https://ohmygirl.cc/bstage/index.php?member=contents" />
<title>오마이걸 커뮤니티(OH MY GIRL)</title>
<link rel="stylesheet" href="https://ohmygirl.cc/css/default.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 = "";
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/bstage/index.php?member=contents";
</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-pc">
	<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:28px; line-height:28px !important; }
	.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:28px; }
	.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:173px; }
	@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;
    }

    *:focus, *:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }
</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">
<style>

	#ixrhmvgquojtwckbnafedpsl .item { background-size:cover; background-position:center center; background-repeat:no-repeat; }
	#ixrhmvgquojtwckbnafedpsl .img-wrap { padding-bottom:75px; }
	#ixrhmvgquojtwckbnafedpsl .tab-indicators { position:absolute; left:0; bottom:0; width:100%; }
	#ixrhmvgquojtwckbnafedpsl .nav a { background: rgba(255,255,255, 0.9); color:#000; border-radius: 0px; margin:0px; }
	#ixrhmvgquojtwckbnafedpsl .nav a:hover, #ixrhmvgquojtwckbnafedpsl .nav a:focus,
	#ixrhmvgquojtwckbnafedpsl .nav .active a { background: rgba(0,0,0, 0.6); color:#fff; }
											.laypopup {text-align:center; overflow:hidden; position:relative; width:100%;}
	.laypopup .bt { position:absolute; bottom:10px; right:30px; font-size:12px; line-height:20px}
	.laypopup .bt span:hover {text-decoration:underline}
	.laypopup .bt input {width:20px; height:20px; margin:0; cursor:pointer}
</style>
<div id="ixrhmvgquojtwckbnafedpsl" class="swipe-carousel laypopup carousel div-carousel" data-ride="carousel" data-interval="false">
	<div class="carousel-inner bg-black">
			</div>
	
	<!-- Indicators -->
		<form name="notice_form" class="bt">
		<input type="checkbox" name="chkbox" value="checkbox">오늘 이 창을 열지 않음  <a href="javascript:closeWin();"><B>[닫기]</B></a>  
	</form>
</div>
<script language="Javascript">
	cookiedata = document.cookie;    
	if( cookiedata.indexOf("maindiv=done") < 0 ){      
		document.all['ixrhmvgquojtwckbnafedpsl'].style.display = "block";
	}else{
		document.all['ixrhmvgquojtwckbnafedpsl'].style.display = "none"; 
	}
</script>
<!--
-->
<script language="Javascript">
	function setCookie( name, value, expiredays ) { 
		var todayDate = new Date(); 
		todayDate.setDate( todayDate.getDate() + expiredays ); 
		document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";" 
	}

	function closeWin() { 
		if ( document.notice_form.chkbox.checked ){ 
			setCookie( "maindiv", "done" , 1 ); 
		} 
		document.all['ixrhmvgquojtwckbnafedpsl'].style.display = "none";
	}
</script>		<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>07월 14일(<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"  data-original-title="<nobr>사이드메뉴 ON/OFF</nobr>" data-toggle="tooltip" data-placement="top" data-html="true">
							<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" data-original-title="<nobr>전체메뉴</nobr>" data-toggle="tooltip" data-placement="top" data-html="true">
							<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-exclamation-circle'></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> 오마이걸 공식자료																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</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> 오마이걸 자유게시판																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</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>  커뮤니티 출석부																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</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> 오마이걸 갤러리																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/bstage" class="sub-1da">
											<i class='fa fa-picture-o'></i> OH MY GIRL b.stage <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> 오마이걸 공식 영상																					</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> 오마이걸 영상																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/kbsradio.php" class="sub-1da">
											<i class='fa fa-volume-down'></i> 효정의 볼륨을 높여요 <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> 오마이걸 방송국 영상																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</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> 오마이걸 직캠																							<font color="#a97eed"><i class="fa fa-spinner fa-spin"></i></font>
																					</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="/plugin/ohmygirlprofile/index.php">
							<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-exclamation-circle'></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">
												<i class='fa fa-picture-o'></i> OH MY GIRL b.stage <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> 오마이걸 공식 영상																							</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">
												<i class='fa fa-volume-down'></i> 효정의 볼륨을 높여요 <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="/plugin/ohmygirlprofile/index.php">
								<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="#B9AAD1"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=gallery">
								갤러리																	<font color="#B9AAD1"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=video">
								영상																	<font color="#B9AAD1"><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="/plugin/ohmygirlprofile/index.php">
								프로필															</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">
					<script>
(function(){
  if(localStorage.getItem('omgDarkMode')!=='true') return;
  var s=document.createElement('style');
  s.textContent='.omg-wrapper{--bg:#1e1e2e!important;--card:#2a2a3e!important;--text:#d0d0e0!important;--shadow:rgba(0,0,0,.35)!important;background:#1e1e2e!important}body{background:#1e1e2e!important}';
  document.head.appendChild(s);
  document.addEventListener('DOMContentLoaded',function(){
    var w=document.getElementById('omgWrapper');
    if(w) w.classList.add('dark');
  });
})();
</script>
<style>
.omg-wrapper{margin:0px 0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}
.omg-wrapper img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}
.omg-wrapper.dark{--bg:#1e1e2e;--card:#2a2a3e;--text:#d0d0e0;--shadow:rgba(0,0,0,.35)}
.omg-wrapper{--bg:#fafafa;--card:#fff;--text:#222;--shadow:rgba(0,0,0,.08)}
.omg-container{display:flex;min-height:calc(100vh - 200px);position:relative;background:var(--bg)}
.omg-sidebar{width:200px;background:var(--card);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 0 5px var(--shadow);transition:transform .3s;flex-shrink:0}
.omg-sidebar h1{font-size:18px;text-align:center;margin:0 0 20px 0;color:var(--text)}
.omg-nav a{display:block;padding:8px 12px;border-radius:8px;margin-bottom:8px;text-decoration:none;color:var(--text);background:var(--bg);text-align:center;transition:.2s;border:1px solid #ccc}
.omg-wrapper.dark .omg-nav a{border-color:#555}
.omg-nav a:hover{opacity:.8}
.omg-nav a.active{background:#007aff;color:#fff;border-color:#007aff}
.omg-theme-toggle{background:none;border:none;font-size:22px;cursor:pointer;color:var(--text);align-self:center;margin-top:20px;padding:8px}
.omg-content{flex:1;background:var(--bg);padding:20px;overflow:auto}
.omg-feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.omg-feed-card{background:var(--card);border-radius:12px;box-shadow:0 2px 5px var(--shadow);overflow:hidden;transition:.2s;cursor:pointer;position:relative;display:flex;flex-direction:column}
.omg-feed-card-thumb{width:100%;height:200px;object-fit:cover;display:block;flex-shrink:0}
.omg-feed-content{padding:10px 12px;flex:1;display:flex;flex-direction:column}
.omg-feed-title{font-weight:600;font-size:14.5px;margin-bottom:6px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;min-height:0}
.omg-feed-preview{font-size:12px;color:#666;margin-bottom:6px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omg-wrapper.dark .omg-feed-preview{color:#999}
.omg-feed-date-stats{font-size:11.5px;color:#888;margin-bottom:4px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.omg-wrapper.dark .omg-feed-date-stats{color:#aaa}
.omg-feed-date-stats .date-hover{cursor:help;position:relative}
.omg-feed-date-stats .date-hover:hover::after{content:attr(data-fulldate);position:absolute;bottom:100%;left:0;background:rgba(0,0,0,0.85);color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;white-space:nowrap;margin-bottom:4px;z-index:10}
.omg-wrapper.dark .omg-feed-date-stats .date-hover:hover::after{background:rgba(50,50,50,0.95)}
.omg-feed-author{font-size:12px;color:#555;margin-bottom:4px;display:flex;align-items:center;gap:4px}
.omg-wrapper.dark .omg-feed-author{color:#aaa}
.omg-feed-author img{width:15px;height:15px;flex-shrink:0}
.omg-feed-comment{font-size:12px;color:#777;margin-top:4px;border-top:1px solid #eee;padding-top:4px;display:flex;align-items:center;gap:5px;overflow:hidden}
.omg-wrapper.dark .omg-feed-comment{color:#999;border-top-color:#333}
.omg-star-avatar{width:20px!important;height:20px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;display:inline-block!important}
.omg-comment-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.omg-feed-reactions{font-size:12px;color:#444;margin-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.omg-wrapper.dark .omg-feed-reactions{color:#bbb}
.omg-feed-reactions img{width:16px;height:16px;vertical-align:middle}
.omg-menu-toggle{display:none;position:fixed;top:145px;left:15px;background:var(--card);border:none;font-size:24px;width:40px;height:40px;border-radius:8px;cursor:pointer;color:var(--text);box-shadow:0 2px 8px var(--shadow);z-index:200}
.omg-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:90}
.video-badge{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.7);color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:4px}
.video-badge svg{width:14px;height:14px}
.view-toggle-bar{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;margin-bottom:4px}
.view-toggle-btn{background:var(--bg);border:1px solid #ddd;color:var(--text);padding:7px 10px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500;display:flex;align-items:center;transition:.2s;flex:1;justify-content:center}
.omg-wrapper.dark .view-toggle-btn{border-color:#444}
.view-toggle-btn.active{background:#007aff;color:#fff;border-color:#007aff}
.view-toggle-btn svg{width:16px;height:16px}
.omg-feed-list{display:flex;flex-direction:column;gap:0}
.omg-list-item{display:flex;align-items:center;gap:12px;padding:10px 8px;border-bottom:1px solid #eee;cursor:pointer;transition:background .15s;background:var(--card)}
.omg-wrapper.dark .omg-list-item{border-bottom-color:#2a2a2a}
.omg-list-item:hover{background:#f0f5ff}
.omg-wrapper.dark .omg-list-item:hover{background:#1a2a3a}
.omg-list-thumb{width:52px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#ddd}
.omg-list-thumb-placeholder{width:52px;height:52px;border-radius:6px;flex-shrink:0;background:#eee;display:flex;align-items:center;justify-content:center;font-size:20px}
.omg-wrapper.dark .omg-list-thumb-placeholder{background:#2a2a2a}
.omg-list-body{flex:1;min-width:0}
.omg-list-title{font-size:14px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}
.omg-list-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#888;flex-wrap:wrap}
.omg-wrapper.dark .omg-list-meta{color:#aaa}
.omg-list-author{font-size:12px;color:#555;display:flex;align-items:center;gap:3px}
.omg-wrapper.dark .omg-list-author{color:#bbb}
.omg-list-author img{width:13px;height:13px}
.omg-list-comment{font-size:11.5px;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;max-width:100%}
.omg-wrapper.dark .omg-list-comment{color:#aaa}
.omg-list-comment-nick{color:#007aff;font-weight:600;margin-right:3px}
.omg-pagination{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:24px;flex-wrap:wrap}
.omg-page-btn{padding:7px 13px;border:1px solid #ddd;border-radius:7px;background:var(--card);color:var(--text);cursor:pointer;font-size:13px;transition:.2s;text-decoration:none}
.omg-wrapper.dark .omg-page-btn{border-color:#888;color:#eaeaea}
.omg-page-btn:hover{background:#007aff;color:#fff;border-color:#007aff}
.omg-page-btn.active{background:#007aff;color:#fff;border-color:#007aff;font-weight:700}
.omg-page-btn.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}
.omg-mobile-bottom-nav{display:none;position:fixed;bottom:40px;left:0;right:0;background:var(--card);border-top:1px solid #ddd;border-bottom:1px solid #ddd;z-index:300;height:44px;align-items:stretch}
.omg-wrapper.dark .omg-mobile-bottom-nav{border-top-color:#444;border-bottom-color:#444}
.omg-mobile-nav-btn{flex:1;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#888;cursor:pointer;transition:.2s;text-decoration:none}
.omg-wrapper.dark .omg-mobile-nav-btn{color:#aaa}
.omg-mobile-nav-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8}
.omg-mobile-nav-btn.active{color:#007aff}
.omg-wrapper.dark .omg-mobile-nav-btn.active{color:#4da6ff}
.omg-mobile-nav-btn.has-new{position:relative}
.omg-mobile-nav-btn.has-new svg{filter:drop-shadow(0 0 4px rgba(255,59,48,0.9));animation:mobNavGlow 2s ease-in-out infinite}
.omg-mobile-nav-btn.has-new.active svg{filter:drop-shadow(0 0 4px rgba(0,122,255,0.9));animation:mobNavGlowBlue 2s ease-in-out infinite}
@keyframes mobNavGlow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,59,48,0.4))}50%{filter:drop-shadow(0 0 7px rgba(255,59,48,1))}}
@keyframes mobNavGlowBlue{0%,100%{filter:drop-shadow(0 0 2px rgba(0,122,255,0.4))}50%{filter:drop-shadow(0 0 7px rgba(0,122,255,1))}}
.omg-mobile-nav-btn .mob-nav-label{font-size:10px;font-weight:500}
.omg-mobile-story-header{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 6px;gap:14px;align-items:flex-start;border-bottom:1px solid #eee;background:var(--card);position:sticky;top:0;z-index:50;scrollbar-width:none}
.omg-mobile-story-header::-webkit-scrollbar{display:none}
.omg-wrapper.dark .omg-mobile-story-header{border-bottom-color:#333}
.omg-mobile-member-btn{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;min-width:56px}
.omg-mobile-member-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2.5px solid #ddd;transition:.2s}
.omg-mobile-member-avatar.active{border-color:#007aff}
.omg-mobile-member-avatar.has-new{border-color:#ff3b30;animation:avatarGlow 2s ease-in-out infinite}
@keyframes avatarGlow{0%,100%{box-shadow:0 0 3px rgba(255,59,48,0.4)}50%{box-shadow:0 0 10px rgba(255,59,48,0.9)}}
.omg-mobile-member-name{font-size:11px;color:var(--text);font-weight:500;white-space:nowrap;position:relative}
.omg-mobile-member-name .mob-new{display:inline-block;width:7px;height:7px;background:#ff3b30;border-radius:50%;position:absolute;top:-2px;right:-10px}
.omg-mobile-top-bar{display:none;align-items:center;justify-content:space-between;padding:8px 10px 4px;background:var(--bg)}
.omg-mobile-top-title{font-size:15px;font-weight:700;color:var(--text)}
.omg-mobile-view-toggle{display:flex;gap:5px;align-items:center}
.omg-mobile-view-btn{background:var(--bg);border:1px solid #ddd;color:var(--text);padding:5px 8px;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:.2s}
.omg-wrapper.dark .omg-mobile-view-btn{border-color:#444}
.omg-mobile-view-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.omg-mobile-view-btn.active{background:#007aff;color:#fff;border-color:#007aff}
@media(min-width:769px){
  .omg-mobile-bottom-nav,.omg-mobile-story-header,.omg-mobile-top-bar{display:none!important}
}
@media(max-width:768px){
  .omg-sidebar{display:none!important}
  .omg-menu-toggle{display:none!important}
  .omg-overlay{display:none!important}
  .omg-content{padding:10px 10px 20px 10px}
  .omg-feed-grid{grid-template-columns:1fr!important}
  .omg-mobile-bottom-nav{display:flex!important}
  .omg-mobile-story-header.show{display:flex!important}
  .omg-mobile-top-bar{display:flex!important}
  .omg-list-item{flex-direction:row-reverse;gap:10px}
  .omg-list-thumb{flex-shrink:0}
  .omg-list-thumb-placeholder{flex-shrink:0}
  .list-viewcount{display:none}
}
.nav-title-bar{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:#003366;margin-bottom:20px}
.nav-page-title{font-weight:bold;border-bottom:2px solid #003366;padding-bottom:3px}
.nav-path{font-size:13px;color:#888}
.manager-label{display:inline-block;background:#f0f0f0;color:#555;font-size:10px;padding:0px 4px;border-radius:6px;margin-left:2px;vertical-align:middle}
.omg-wrapper.dark .manager-label{background:#333;color:#ddd}
.new-badge{display:inline-block;background:#ff3b30;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:5px;vertical-align:middle;letter-spacing:0.5px;line-height:1.6;animation:newBadgePulse 2s infinite}
@keyframes newBadgePulse{0%,100%{opacity:1}50%{opacity:0.6}}
.omg-nav a.active .new-badge{background:rgba(255,255,255,0.9);color:#ff3b30}
.card-new-badge{position:absolute;top:8px;left:8px;background:#ff3b30;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:0.5px;z-index:5;box-shadow:0 1px 4px rgba(0,0,0,0.3)}
.list-new-badge{display:inline-block;background:#ff3b30;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;margin-left:4px;vertical-align:middle;letter-spacing:0.5px}
.inline-new-badge{display:inline-block;background:#ff3b30;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;margin-right:5px;vertical-align:middle;letter-spacing:0.5px}
.omg-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:4px 0}
.omg-shop-card{background:var(--card);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px var(--shadow);cursor:pointer;position:relative}
.omg-shop-thumb-wrap{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#f0f0f0}
.omg-wrapper.dark .omg-shop-thumb-wrap{background:#2a2a2a}
.omg-shop-thumb-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}
.omg-shop-thumb-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px}
.omg-shop-membership-badge{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,#f5a623,#e8850a);color:#fff;font-size:10px;font-weight:700;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.omg-shop-membership-badge svg{width:14px;height:14px;fill:#fff}
.omg-shop-info{padding:10px 12px 12px}
.omg-shop-membership-label{font-size:11px;font-weight:700;color:#e8850a;margin-bottom:3px}
.omg-shop-title{font-size:13.5px;font-weight:600;color:var(--text);line-height:1.35;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.omg-shop-price{font-size:15px;font-weight:700;color:var(--text)}
.omg-shop-sold-out{display:inline-block;background:#e0e0e0;color:#888;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;margin-top:2px}
.omg-wrapper.dark .omg-shop-sold-out{background:#333;color:#888}
.omg-shop-free{color:#007aff}
@media(max-width:768px){.omg-shop-grid{grid-template-columns:1fr 1fr;gap:12px}}
</style>
<script disable-devtool-auto src="https://cdn.jsdelivr.net/npm/disable-devtool@latest"></script>
<script disable-devtool-auto src="/js/disable-devtool.js"></script>
<div class="nav-title-bar">
    <div class="nav-page-title">OH MY GIRL b.stage</div>
    <div class="nav-path">
        <a href="https://ohmygirl.cc/" style="text-decoration:none;color:inherit"><i class="fa fa-home"></i></a> &gt;
        <a href="/bbs/board.php?bo_table=gallery" style="text-decoration:none;color:inherit">갤러리</a> &gt;
        <a href="/ssam.php" style="text-decoration:none;color:inherit">비하인드컷</a> &gt;
        <a href="/bstage/" style="text-decoration:none;color:inherit">b.stage</a>
    </div>
</div>
<div class="omg-wrapper" id="omgWrapper">
<button class="omg-menu-toggle" id="omgMenuToggle">☰</button>
<div class="omg-overlay" id="omgOverlay"></div>

<div class="omg-mobile-story-header" id="omgMobileStoryHeader">
<button class="omg-mobile-member-btn" data-member="%EB%AF%B8%EB%AF%B8" onclick="mobileSelectMember(this)">
  <img class="omg-mobile-member-avatar has-new" src="https://cdn.static.bstage.in/static/avatars/avatar-default-5.png" alt="미미">
  <span class="omg-mobile-member-name">미미<span class="mob-new"></span></span>
</button>
<button class="omg-mobile-member-btn" data-member="%ED%9A%A8%EC%A0%95" onclick="mobileSelectMember(this)">
  <img class="omg-mobile-member-avatar" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/profile/90ebdbd8-1b21-492c-8c82-e5a666cbe506/66a142a9-5982-4bd5-84e2-ebc65cae5d38/ori.jpeg" alt="효정">
  <span class="omg-mobile-member-name">효정</span>
</button>
<button class="omg-mobile-member-btn" data-member="%EC%9C%A0%EB%B9%88" onclick="mobileSelectMember(this)">
  <img class="omg-mobile-member-avatar" src="https://cdn.static.bstage.in/static/avatars/avatar-default-3.png" alt="유빈">
  <span class="omg-mobile-member-name">유빈</span>
</button>
<button class="omg-mobile-member-btn" data-member="%EC%8A%B9%ED%9D%AC" onclick="mobileSelectMember(this)">
  <img class="omg-mobile-member-avatar" src="https://cdn.static.bstage.in/static/avatars/avatar-default-2.png" alt="승희">
  <span class="omg-mobile-member-name">승희</span>
</button>
</div>

<div class="omg-mobile-top-bar" id="omgMobileTopBar">
  <span class="omg-mobile-top-title" id="omgMobileTopTitle">
    CONTENTS - NOTICE  </span>
  <div class="omg-mobile-view-toggle">
        <button class="omg-mobile-view-btn" id="mbBtnCard" title="카드형">
      <svg viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
    </button>
    <button class="omg-mobile-view-btn" id="mbBtnList" title="목록형">
      <svg viewBox="0 0 24 24"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
    </button>
        <button class="omg-theme-toggle" id="omgThemeToggle" style="margin:0;padding:4px 6px;font-size:18px">🌙</button>
  </div>
</div>

<div class="omg-container">
<div class="omg-sidebar" id="omgSidebar">
<div>
<h1>OH MY GIRL Story</h1>
<div class="omg-nav">
<a href="#" class=" omg-nav-link" data-member="%EB%AF%B8%EB%AF%B8">
  미미  <span class="new-badge">NEW</span></a>
<a href="#" class=" omg-nav-link" data-member="%ED%9A%A8%EC%A0%95">
  효정  </a>
<a href="#" class=" omg-nav-link" data-member="%EC%9C%A0%EB%B9%88">
  유빈  </a>
<a href="#" class=" omg-nav-link" data-member="%EC%8A%B9%ED%9D%AC">
  승희  </a>
<h1>Contents</h1>
<a href="?member=contents" class="active omg-nav-link">
  NOTICE
  </a>
<a href="?member=membership" class=" omg-nav-link">
  MEMBERSHIP
  </a>
<h1>Community</h1>
<a href="?member=from" class=" omg-nav-link">
  FROM. OH MY GIRL
  </a>
<a href="?member=notice" class=" omg-nav-link">
  NOTICE
  </a>
<h1>Shop</h1>
<a href="?member=shop" class="">
  Shop
</a>
<div class="view-toggle-bar">
  <button class="view-toggle-btn" id="btnCard" title="카드형">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
  </button>
  <button class="view-toggle-btn" id="btnList" title="목록형">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
  </button>
</div>
</div>
</div>
<button class="omg-theme-toggle" id="omgThemeTogglePc">🌙</button>
</div>

<div class="omg-content">


<div id="viewCard" style="display:none">
<div class="omg-feed-grid">
<div class="omg-feed-card" onclick="location.href='post.php?id=6a3891195a5138355511ba1e&member=contents'">
<div style="width:100%;height:200px;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
  <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:72px;height:72px;object-fit:contain;opacity:0.9">
</div>
<div class="omg-feed-content">
<div class="omg-feed-title">
오마이걸(OH MY GIRL) 향후 활동 및 멤버십 운영 안내</div>
<div class="omg-feed-preview">안녕하세요. WM엔터테인먼트입니다. 먼저, 오마이걸의 활동을 기다려 주시고 응원해 주신 팬 여러분께 깊은 감사의 말씀을 드립니다. 당사는 기존에...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-06-22 10:34:17">📅 22일 전</span>
<span>❤️ 187</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 44<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 41<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 6<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 7<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 41<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 11<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 7</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=6a26582cbadf5f00ae2597bf&member=contents'">
<div style="width:100%;height:200px;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
  <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:72px;height:72px;object-fit:contain;opacity:0.9">
</div>
<div class="omg-feed-content">
<div class="omg-feed-title">
오마이걸(OH MY GIRL) 효정 라디오 스케줄 관련 팬 에티켓 안내</div>
<div class="omg-feed-preview">안녕하세요. 오마이걸 담당자입니다. ‘오마이걸 효정의 볼륨을 높여요’ 라디오 스케줄 관련 팬 에티켓에 대해 공지 드립니다. 최근 라디오 스케줄 ...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-06-08 14:50:36">📅 1개월 전</span>
<span>❤️ 152</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 54<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 40<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 6<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 17<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 6<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 6<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 5<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 7<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 5<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 6</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=6a0ecb07f17bde48f661bfd1&member=contents'">
<img class="omg-feed-card-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/e9506603-53d1-45d9-b3a7-47038e5e7ac7/789aa4c1-41be-4344-9ca6-dcc4ba7cafd1/ori.jpg" alt="효정(HYOJUNG) 1st Single Album 'Purple Note' 발매 안내">
<div class="omg-feed-content">
<div class="omg-feed-title">
효정(HYOJUNG) 1st Single Album 'Purple Note' 발매 안내</div>
<div class="omg-feed-preview">안녕하세요. 오마이걸 담당자입니다. 2026년 05월 21일 PM 18:00, 효정의 1st Single Album [Purple Note]가 ...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-05-21 18:06:15">📅 1개월 전</span>
<span>❤️ 263</span>
</div>
<div class="omg-feed-comment">
  💬   <span class="omg-comment-text">티리엘 : 많이 많이 듣고 다운로드 해서 소장하세요~~
❤️❤️🥰❤️❤️
</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 43<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 92<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 18<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 16<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 15<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 14<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 14<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 21<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 17<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 13</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=69c1fe34a444e944e8c8e2c2&member=contents'">
<div style="width:100%;height:200px;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
  <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:72px;height:72px;object-fit:contain;opacity:0.9">
</div>
<div class="omg-feed-content">
<div class="omg-feed-title">
오마이걸(OH MY GIRL) 팬레터 주소 관련 안내(260310 ver.)</div>
<div class="omg-feed-preview">안녕하세요. 오마이걸 담당자입니다. 항상 오마이걸(OH MY GIRL)에게 보내주시는 많은 사랑과 응원에 감사드립니다. 오마이걸(OH MY GI...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-03-24 12:00:04">📅 3개월 전</span>
<span>❤️ 186</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 44<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 42<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 13<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 14<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 13<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 12</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=69bb90e5d6f7dd6bd97f0a53&member=contents'">
<img class="omg-feed-card-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/bc6db38e-f259-4e77-a20e-7173c021e834/d3ef658c-27d2-41d3-b207-7d784c935cb2/ori.jpg" alt="OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP KIT 오픈 안내">
<div class="omg-feed-content">
<div class="omg-feed-title">
OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP KIT 오픈 안내</div>
<div class="omg-feed-preview">안녕하세요. WM엔터테인먼트입니다. 오마이걸(OH MY GIRL) GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERS...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-03-19 15:00:05">📅 3개월 전</span>
<span>❤️ 150</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 33<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 33<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 15<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 8<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 8<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 11<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 13<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 8<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 9</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=69b104e4539392436b62a552&member=contents'">
<img class="omg-feed-card-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/10c24eee-ac40-412c-bfe4-c91c18821f45/09a4a29f-ed44-4ac9-973b-72ade517fc2d/ori.jpg" alt="OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP 오픈 안내">
<div class="omg-feed-content">
<div class="omg-feed-title">
OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP 오픈 안내</div>
<div class="omg-feed-preview">안녕하세요. WM엔터테인먼트입니다. 오마이걸(OH MY GIRL) GLOBAL OFFICIAL FANCLUB Miracle 6기 MEMBERSH...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-03-11 15:00:04">📅 4개월 전</span>
<span>❤️ 132</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 20<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 42<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 8<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 14<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 7<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 7<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 7</div>
</div>
</div>
<div class="omg-feed-card" onclick="location.href='post.php?id=69b0dab5044cbd46e380e7c5&member=contents'">
<div style="width:100%;height:200px;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
  <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:72px;height:72px;object-fit:contain;opacity:0.9">
</div>
<div class="omg-feed-content">
<div class="omg-feed-title">
오마이걸(OH MY GIRL) 촬영 현장 관련 협조 요청 안내</div>
<div class="omg-feed-preview">안녕하세요. 오마이걸 담당자입니다. 최근 방송 및 콘텐츠 촬영 현장에서 일부 출연진을 통해 멤버들의 사인을 요청하는 상황이 지속적으로 발생하고 ...</div>
<div class="omg-feed-date-stats">
<span class="date-hover" data-fulldate="2026-03-11 12:00:05">📅 4개월 전</span>
<span>❤️ 166</span>
</div>
<div class="omg-feed-reactions">
<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_wow.webp" alt="WOW"> 52<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_like.webp" alt="LIKE"> 29<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_fire.webp" alt="FIRE"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_hug.webp" alt="HUG"> 14<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_congrats.webp" alt="CONGRATS"> 11<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_haha.webp" alt="HAHA"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_sad.webp" alt="SAD"> 12<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_love.webp" alt="LOVE"> 9<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nervous.webp" alt="NERVOUS"> 11<img src="https://ohmygirl.bstage.in/assets/emoticon/emoji_sticker_nice.webp" alt="NICE"> 10</div>
</div>
</div>
</div>
</div>

<div id="viewList" style="display:none">
<div class="omg-feed-list">
<div class="omg-list-item" onclick="location.href='post.php?id=6a3891195a5138355511ba1e&member=contents'">
    <div style="width:52px;height:52px;border-radius:6px;flex-shrink:0;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
    <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:30px;height:30px;object-fit:contain;opacity:0.9">
  </div>
    <div class="omg-list-body">
    <div class="omg-list-title">
            오마이걸(OH MY GIRL) 향후 활동 및 멤버십 운영 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-06-22 10:34:17" style="cursor:help;position:relative">📅 22일 전</span>
                  <span>❤️ 187</span>
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=6a26582cbadf5f00ae2597bf&member=contents'">
    <div style="width:52px;height:52px;border-radius:6px;flex-shrink:0;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
    <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:30px;height:30px;object-fit:contain;opacity:0.9">
  </div>
    <div class="omg-list-body">
    <div class="omg-list-title">
            오마이걸(OH MY GIRL) 효정 라디오 스케줄 관련 팬 에티켓 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-06-08 14:50:36" style="cursor:help;position:relative">📅 1개월 전</span>
                  <span>❤️ 152</span>
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=6a0ecb07f17bde48f661bfd1&member=contents'">
    <img class="omg-list-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/e9506603-53d1-45d9-b3a7-47038e5e7ac7/789aa4c1-41be-4344-9ca6-dcc4ba7cafd1/ori.jpg" alt="">
    <div class="omg-list-body">
    <div class="omg-list-title">
            효정(HYOJUNG) 1st Single Album 'Purple Note' 발매 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-05-21 18:06:15" style="cursor:help;position:relative">📅 1개월 전</span>
                  <span>❤️ 263</span>
    </div>
        <div class="omg-list-comment">
      <span class="omg-list-comment-nick">티리엘</span>      많이 많이 듣고 다운로드 해서 소장하세요~~
❤️❤️🥰❤️❤️
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=69c1fe34a444e944e8c8e2c2&member=contents'">
    <div style="width:52px;height:52px;border-radius:6px;flex-shrink:0;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
    <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:30px;height:30px;object-fit:contain;opacity:0.9">
  </div>
    <div class="omg-list-body">
    <div class="omg-list-title">
            오마이걸(OH MY GIRL) 팬레터 주소 관련 안내(260310 ver.)                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-03-24 12:00:04" style="cursor:help;position:relative">📅 3개월 전</span>
                  <span>❤️ 186</span>
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=69bb90e5d6f7dd6bd97f0a53&member=contents'">
    <img class="omg-list-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/bc6db38e-f259-4e77-a20e-7173c021e834/d3ef658c-27d2-41d3-b207-7d784c935cb2/ori.jpg" alt="">
    <div class="omg-list-body">
    <div class="omg-list-title">
            OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP KIT 오픈 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-03-19 15:00:05" style="cursor:help;position:relative">📅 3개월 전</span>
                  <span>❤️ 150</span>
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=69b104e4539392436b62a552&member=contents'">
    <img class="omg-list-thumb" src="https://image.static.bstage.in/cdn-cgi/image/metadata=none/ohmygirl/10c24eee-ac40-412c-bfe4-c91c18821f45/09a4a29f-ed44-4ac9-973b-72ade517fc2d/ori.jpg" alt="">
    <div class="omg-list-body">
    <div class="omg-list-title">
            OH MY GIRL GLOBAL OFFICIAL FANCLUB Miracle 6TH MEMBERSHIP 오픈 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-03-11 15:00:04" style="cursor:help;position:relative">📅 4개월 전</span>
                  <span>❤️ 132</span>
    </div>
      </div>
</div>
<div class="omg-list-item" onclick="location.href='post.php?id=69b0dab5044cbd46e380e7c5&member=contents'">
    <div style="width:52px;height:52px;border-radius:6px;flex-shrink:0;background:#aa89f5cc;display:flex;align-items:center;justify-content:center">
    <img src="https://ohmygirl.bstage.in/assets/images/contents/img_post.png" alt="" style="width:30px;height:30px;object-fit:contain;opacity:0.9">
  </div>
    <div class="omg-list-body">
    <div class="omg-list-title">
            오마이걸(OH MY GIRL) 촬영 현장 관련 협조 요청 안내                </div>
    <div class="omg-list-meta">
            <span class="date-hover" data-fulldate="2026-03-11 12:00:05" style="cursor:help;position:relative">📅 4개월 전</span>
                  <span>❤️ 166</span>
    </div>
      </div>
</div>
</div>
</div>


</div>
</div>

<nav class="omg-mobile-bottom-nav" id="omgMobileBottomNav">
  <a class="omg-mobile-nav-btn has-new" id="mobNavStory" href="?">
    <svg viewBox="0 0 24 24"><path d="M3 9.5L12 3l9 6.5V20a1 1 0 01-1 1H5a1 1 0 01-1-1V9.5z"/><polyline points="9 21 9 12 15 12 15 21"/></svg>
  </a>
  <a class="omg-mobile-nav-btn" id="mobNavContents" href="?member=contents">
    <svg viewBox="0 0 24 24"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M9 9h6M9 13h6M9 17h4"/></svg>
  </a>
  <a class="omg-mobile-nav-btn" id="mobNavMembership" href="?member=membership">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>
  </a>
  <a class="omg-mobile-nav-btn" id="mobNavFrom" href="?member=from">
    <svg viewBox="0 0 24 24"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
  </a>
  <a class="omg-mobile-nav-btn" id="mobNavNotice" href="?member=notice">
    <svg viewBox="0 0 24 24"><path d="M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9"/><path d="M13.73 21a2 2 0 01-3.46 0"/></svg>
  </a>
  <a class="omg-mobile-nav-btn" id="mobNavShop" href="?member=shop">
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8"><path d="M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4z"/><line x1="3" y1="6" x2="21" y2="6"/><path d="M16 10a4 4 0 01-8 0"/></svg>
  </a>
</nav>

</div>
<script>
(function(){
const wrapper   = document.getElementById('omgWrapper');
const btnCard   = document.getElementById('btnCard');
const btnList   = document.getElementById('btnList');
const viewCard  = document.getElementById('viewCard');
const viewList  = document.getElementById('viewList');
const themeTogglePc = document.getElementById('omgThemeTogglePc');
const themeToggleMob = document.getElementById('omgThemeToggle');
const menuToggle = document.getElementById('omgMenuToggle');
const sidebar   = document.getElementById('omgSidebar');
const overlay   = document.getElementById('omgOverlay');
const isMobile  = () => window.innerWidth <= 768;

document.addEventListener('contextmenu', e => { if(e.target.closest('.omg-wrapper')) e.preventDefault(); });
document.addEventListener('dragstart',   e => { if(e.target.closest('.omg-wrapper')) e.preventDefault(); });
document.addEventListener('selectstart', e => { if(e.target.closest('.omg-wrapper')) e.preventDefault(); });
document.addEventListener('keydown', e => {
  if(e.keyCode===123||(e.ctrlKey&&e.shiftKey&&e.keyCode===73)||(e.ctrlKey&&e.shiftKey&&e.keyCode===74)||(e.ctrlKey&&e.keyCode===85)||(e.ctrlKey&&e.shiftKey&&e.keyCode===67)){
    e.preventDefault(); return false;
  }
});

function applyTheme(isDark) {
  wrapper.classList.toggle('dark', isDark);
  const icon = isDark ? '☀️' : '🌙';
  if (themeTogglePc) themeTogglePc.textContent = icon;
  if (themeToggleMob) themeToggleMob.textContent = icon;
}
if (themeTogglePc) themeTogglePc.onclick = () => {
  const isDark = !wrapper.classList.contains('dark');
  applyTheme(isDark);
  localStorage.setItem('omgDarkMode', isDark);
};
if (themeToggleMob) themeToggleMob.onclick = () => {
  const isDark = !wrapper.classList.contains('dark');
  applyTheme(isDark);
  localStorage.setItem('omgDarkMode', isDark);
};
if (localStorage.getItem('omgDarkMode') === 'true') applyTheme(true);

if (menuToggle && sidebar) {
  menuToggle.onclick = () => {
    const isOpen = sidebar.classList.toggle('open');
    overlay.classList.toggle('show', isOpen);
    menuToggle.classList.toggle('hide', isOpen);
    localStorage.setItem('omgMenuOpen', isOpen);
  };
  overlay.onclick = () => {
    sidebar.classList.remove('open');
    overlay.classList.remove('show');
    menuToggle.classList.remove('hide');
    localStorage.setItem('omgMenuOpen', 'false');
  };
}

function switchView(mode) {
  if (!viewCard || !viewList) return;
  if (mode === 'list') {
    viewCard.style.display = 'none'; viewList.style.display = '';
    btnCard && btnCard.classList.remove('active'); btnList && btnList.classList.add('active');
    const mbCard = document.getElementById('mbBtnCard'); const mbList = document.getElementById('mbBtnList');
    if (mbCard) mbCard.classList.remove('active'); if (mbList) mbList.classList.add('active');
  } else {
    viewList.style.display = 'none'; viewCard.style.display = '';
    btnList && btnList.classList.remove('active'); btnCard && btnCard.classList.add('active');
    const mbCard = document.getElementById('mbBtnCard'); const mbList = document.getElementById('mbBtnList');
    if (mbList) mbList.classList.remove('active'); if (mbCard) mbCard.classList.add('active');
  }
  localStorage.setItem('omgViewMode', mode);
}
switchView(localStorage.getItem('omgViewMode') || 'card');
if (btnCard) btnCard.addEventListener('click', () => switchView('card'));
if (btnList) btnList.addEventListener('click', () => switchView('list'));
const mbBtnCard = document.getElementById('mbBtnCard');
const mbBtnList = document.getElementById('mbBtnList');
if (mbBtnCard) mbBtnCard.addEventListener('click', () => switchView('card'));
if (mbBtnList) mbBtnList.addEventListener('click', () => switchView('list'));

document.querySelectorAll('.omg-nav-link[data-member]').forEach(link => {
  link.addEventListener('click', e => {
    e.preventDefault();
    const member = link.getAttribute('data-member');
    const current = new URLSearchParams(window.location.search).get('member');
    window.location.href = current === decodeURIComponent(member) ? '?' : '?member=' + member;
  });
});

const currentMember = new URLSearchParams(window.location.search).get('member');
const mobNavStory = document.getElementById('mobNavStory');
const mobNavContents = document.getElementById('mobNavContents');
const mobNavMembership = document.getElementById('mobNavMembership');
const mobNavNotice = document.getElementById('mobNavNotice');
const mobNavFrom = document.getElementById('mobNavFrom');
const storyMembers = ["\ud6a8\uc815","\ubbf8\ubbf8","\uc2b9\ud76c","\uc720\ube48"];

function updateMobileNavActive() {
  const mobNavShop = document.getElementById('mobNavShop');
  [mobNavStory, mobNavContents, mobNavMembership, mobNavNotice, mobNavFrom, mobNavShop].forEach(b => b && b.classList.remove('active'));
  if (currentMember === 'shop') {
    mobNavShop && mobNavShop.classList.add('active');
  } else if (!currentMember || currentMember === '' || storyMembers.includes(decodeURIComponent(currentMember))) {
    mobNavStory && mobNavStory.classList.add('active');
  } else if (currentMember === 'contents') {
    mobNavContents && mobNavContents.classList.add('active');
  } else if (currentMember === 'membership') {
    mobNavMembership && mobNavMembership.classList.add('active');
  } else if (currentMember === 'notice') {
    mobNavNotice && mobNavNotice.classList.add('active');
  } else if (currentMember === 'from') {
    mobNavFrom && mobNavFrom.classList.add('active');
  }
  const storyHeader = document.getElementById('omgMobileStoryHeader');
  const topBar = document.getElementById('omgMobileTopBar');
  if (storyHeader) {
    const isStory = !currentMember || storyMembers.includes(decodeURIComponent(currentMember || ''));
    storyHeader.classList.toggle('show', isStory);
  }
  if (topBar) topBar.style.display = isMobile() ? 'flex' : 'none';
}
updateMobileNavActive();
})();

function mobileSelectMember(btn) {
  const member = btn.getAttribute('data-member');
  const current = new URLSearchParams(window.location.search).get('member');
  window.location.href = current === decodeURIComponent(member) ? '?' : '?member=' + member;
}
</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-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/board.php?bo_table=anonymity_board"><font color="#ff4500"><i class="fa fa-envelope"></i></font> 고객지원</a></li>						<li><a href="https://ohmygirl.cc/bstage/index.php?member=contents&amp;device=mobile"><font color="orange"><i class="fa fa-tablet"></i></font> 모바일버전</a></li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</nav>
			<!--			<nav class="at-links" style="border-color:#ddd; background:#f5f5f5;">
				<div class="at-container">
					<ul class="pull-left">
						<li><a href="#"><i class="fa fa-leaf"></i> TEST</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.217.51</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="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-exclamation-circle'></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">
								<i class='fa fa-picture-o'></i> OH MY GIRL b.stage <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> 오마이걸 공식 영상															</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">
								<i class='fa fa-volume-down'></i> 효정의 볼륨을 높여요 <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="/plugin/ohmygirlprofile/index.php" 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">12,352,884 명</span>전체 방문자</li>
	<li><i class="fa fa-circle-o orangered"></i> <span class="pull-right">216.73.217.51</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=2264" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;07.13			</span>
			<span class="rank-icon en bg-red">1</span>			[#OHMYAir] 잠시 후 8시, ‘KBS Cool FM 오마이걸 효정의 볼륨을 높여요’에 #효정 이 출연합니다🎙️		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2261" class="ellipsis">
			<span class="pull-right gray font-12">
									<span class="count orangered">
						&nbsp;+1					</span>
								&nbsp;07.09			</span>
			<span class="rank-icon en bg-red">2</span>			[📸] PHOTOISM		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2260" class="ellipsis">
			<span class="pull-right gray font-12">
									<span class="count orangered">
						&nbsp;+1					</span>
								&nbsp;07.08			</span>
			<span class="rank-icon en bg-red">3</span>			[📢] PHOTOISM X 아린		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2259" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;07.07			</span>
			<span class="rank-icon en bg-red">4</span>			[📣] 오마이걸X모모이 'CLOSER TO YOU' 팝업 기념 '취향 기록 키트' 판매 및 팬사인회 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2258" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;07.06			</span>
			<span class="rank-icon en bg-red">5</span>			[#OHMYAir] 잠시 후 8시, ‘KBS Cool FM 오마이걸 효정의 볼륨을 높여요’에 #효정 이 출연합니다🎧		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2257" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;07.03			</span>
			<span class="rank-icon en bg-red">6</span>			[📝] LUCKY CHARM🍀		</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=352" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.11			</span>
						OMGFAN 커뮤니티 접속 장애 및 복구 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=351" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.05			</span>
						OMGFAN 커뮤니티 오마이걸 공식 스케줄 업데이트 및 캐시 삭제 안내		</a> 
	</li>
	<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>
</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSmhSGbhy1WAw05xARpyhcqnRWK-vUOE63ZaHPKqnwBjYiUUEUL8z-3pFvUhprV3xXHHyMUQ22IbHpmqH9XKJ9Os93itUPn33h3dMdOQIKuoJJ2Ox0Yuk7QNVt1xMhD5ecAYjYFqhYh5DwEKJArxQmkhUmVCC0ntoRf-DRmEiFTRGtDW3Y3vhgnhvcYcNu/s2825/volumeup_891_748133845_18006838661949481_2883979071705422220_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25278" class="ellipsis">
									<span class="pull-right count orangered">
						&nbsp;+1					</span>
												𝙝𝙮𝙤 𝙟𝙪𝙣𝙜’𝙨 𝙫𝙤𝙡𝙪𝙢𝙚 𝙪𝙥🌼🐰  쩡디와 자카🐶🩶  #오마이걸효정의볼륨을높여요 #볼륨을높여요			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.13 23:40			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEaLdmB_BeEv6uwLbpZmAlvFwPqDM3AL2Oc10c0_2mqYzscSzwkqVJQDLxEUF3OOXkHK6XmV2kxqohQSQVNCpZAfNpeKDklo1fsPG0f-MLybNVijYSF1WBhjQPAKaikGc_tmRSpD_9d3bMCH6nrcvsZ2GITpCQUBZnU1PJWMkeMjDJBI3TYaed0YWVAkAr/s4096/volumeup_891_747029687_18006838433949481_2218142998816075440_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25277" class="ellipsis">
												𝙝𝙮𝙤 𝙟𝙪𝙣𝙜’𝙨 𝙫𝙤𝙡𝙪𝙢𝙚 𝙪𝙥🌼🐰  코미디언 겸 배우 #이창호 개스트 #이자카 와 함께한 #최효정의비밀정원 🌳✨ 〈T랑 F가 볼륨을 높여요〉 코너 정권 찌르기 1일차 시작👊 8월 15일 쥐라프 창호 님의 올라프 데뷔를 응원합니다🤍 뮤지컬 [겨울왕국] 많관부〰️☃️  #오마이걸효정의볼륨을높여요 #볼륨을높여요			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.13 23:39			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://img.youtube.com/vi/2_HHDHl6CdI/hqdefault.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam&amp;wr_id=39643" class="ellipsis">
												2026.01.10 아린시그팬싸			</a>
			<div class="media-info ellipsis">
				옴튜브				<i class="fa fa-clock-o"></i> 07.13 23:18			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://video-phinf.pstatic.net/20260713_5/17839486910334ae7B_JPEG/kPToxCm60X_03.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video&amp;wr_id=17294" class="ellipsis">
									<span class="pull-right count orangered">
						&nbsp;+1					</span>
												260713 🥱			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.13 22:24			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibHqZOrQMIVcHqPEpLlJtS48uH255tHccxXXpq85wTjj-qgYSBZtwvhH9P5fEpKTldP6U08u8q6bfVb_ZG8tBMlxsH2IrIAHmzDzj9pxUp9V8V-PDtf2y2ycfXIKRMx712DraPhJpNHIfF2pRz2-O4-KsvpTojKtZB56Gsoj2azkq87mLFknA8s-kEWrab/s1280/355.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video&amp;wr_id=17293" class="ellipsis">
												260713 오마이걸 효정의 볼륨을 높여요 EP.596 최효정의 비밀정원 with 이창호			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.13 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/AVvXsEiohFrKwcIQ2ldcVvlKYDQHlfpfToxILi9LbGG3_eYMxmnvYAnOf6_cbJW1O3sgY5i7mlLx9nPUOu_yqlKo_mcKOi2cBohzTL0XhuA2cAOf7E3oRn4HR6GNdyFvUvSVO4cZ6SOB_qTjH17_EE8Ch0UjtpxqOBaVJNCQMricPb3zM2XotWpyfCHOGkf-e2e5/s3077/238aa183-4508-4ba3-9609-a568c7fb81c7.jpeg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25276" class="ellipsis">
									<span class="pull-right count orangered">
						&nbsp;+1					</span>
												한번 더 올려보께			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.13 20:07			</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=%2Fbstage%2Findex.php%3Fmember%3Dcontents">
			<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;">8월 오마이걸 미미 신곡 앨범 장르는?</p><div id="resp_poll_wrap_49">
    
                
        <ul class="poll-list" id="resp_poll_list_49">
                            <li class="poll-item-row"
                    onclick="respPollVote(this, '49', 1, 'basic-poll');">
                    <span class="poll-item-icon"><i class="fa fa-circle-o"></i></span>
                    <label>Dance</label>
                    <span class="poll-item-check"><i class="fa fa-check"></i></span>
                </li>
                            <li class="poll-item-row"
                    onclick="respPollVote(this, '49', 2, 'basic-poll');">
                    <span class="poll-item-icon"><i class="fa fa-circle-o"></i></span>
                    <label>Rap</label>
                    <span class="poll-item-check"><i class="fa fa-check"></i></span>
                </li>
                            <li class="poll-item-row"
                    onclick="respPollVote(this, '49', 3, 'basic-poll');">
                    <span class="poll-item-icon"><i class="fa fa-circle-o"></i></span>
                    <label>Hip Hop</label>
                    <span class="poll-item-check"><i class="fa fa-check"></i></span>
                </li>
                            <li class="poll-item-row"
                    onclick="respPollVote(this, '49', 4, 'basic-poll');">
                    <span class="poll-item-icon"><i class="fa fa-circle-o"></i></span>
                    <label>Ballad</label>
                    <span class="poll-item-check"><i class="fa fa-check"></i></span>
                </li>
                            <li class="poll-item-row"
                    onclick="respPollVote(this, '49', 5, 'basic-poll');">
                    <span class="poll-item-icon"><i class="fa fa-circle-o"></i></span>
                    <label>Etc</label>
                    <span class="poll-item-check"><i class="fa fa-check"></i></span>
                </li>
                    </ul>
        <div id="resp_poll_result_49" style="display:none;"></div>
        <script>
        function respPollVote(row, po_id, num, skin_dir) {
            var listEl = document.getElementById('resp_poll_list_' + po_id);
            listEl.querySelectorAll('li').forEach(function(el) {
                el.classList.remove('selected');
                el.style.pointerEvents = 'none';
                el.style.opacity = '0.7';
            });
            row.classList.add('selected');
            var xhr = new XMLHttpRequest();
            xhr.open('POST', 'https://ohmygirl.cc/bbs/poll_update.php', true);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4) {
                    var xr2 = new XMLHttpRequest();
                    xr2.open('GET', 'https://ohmygirl.cc/bbs/poll_resultll.php?po_id=' + encodeURIComponent(po_id)
                        + '&skin_dir=' + encodeURIComponent(skin_dir) + '&inline=1', true);
                    xr2.onreadystatechange = function() {
                        if (xr2.readyState === 4 && xr2.status === 200) {
                            var resultEl = document.getElementById('resp_poll_result_' + po_id);
                            resultEl.innerHTML     = xr2.responseText;
                            listEl.style.display   = 'none';
                            resultEl.style.display = 'block';
                        }
                    };
                    xr2.send();
                }
            };
            xhr.send('po_id=' + encodeURIComponent(po_id)
                   + '&gb_poll=' + encodeURIComponent(num)
                   + '&skin_dir=' + encodeURIComponent(skin_dir));
        }
        </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=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>
				<li>
			<a href="javascript:;" class="sidebar-scrollmid" title="가운데">
				<span class="sidebar-btn-box bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-dot-circle-o"></i>
					</span>
				</span>
			</a>
		</li>
		<li>
			<a href="javascript:;" class="sidebar-scrolldown" title="아래로">
				<span class="sidebar-btn-box bg-red">
					<span class="sidebar-btn">
						<i class="fa fa-arrow-down"></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=free_board&wr_id=13971" id="popularBannerLink">
        📢 ABEMAが2026年上半期韓国ドラマ視聴ランキングTOP10を発表『アイドルアイ』『S Line ～見えてはいけない関係～』が上位に    </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>