<!--


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">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="naver" content="nosublinks">
 <span itemscope="" itemtype="http://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/atrp_arin_schedule.php?device=pc" />
<link rel="image_src" href="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<link rel="canonical" href="https://ohmygirl.cc/atrp_arin_schedule.php?device=pc" />
<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/atrp_arin_schedule.php?device=pc";
</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": "http://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>
<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>
<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>
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://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:170px; }
	@media all and (min-width:1200px) {
		.responsive .boxed.wrapper { max-width:1200px; }
	}
</style>
<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'/>
<style>
	.blue img {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
	}
</style>
<script>
    $("document").ready(function(){
        $(window).scroll(function(){
            let pos = $(window).scrollTop();
            let outerHeight = $(document).outerHeight();
            let windowHeight = $(window).height();
            let current = (pos / (outerHeight - windowHeight)) * 100;
            $(".progressBar").width(current+"%")
    });
    })
</script>
<script>
  if(/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
    window.location = 'microsoft-edge:' + window.location;
    setTimeout(function() {
      window.location = 'https://go.microsoft.com/fwlink/?linkid=2135547';
    }, 1);
  }
</script>
  <script>
    if (localStorage.getItem('<blockquote>dark</blockquote>') === 'true') {
      document.documentElement.classList.add('dark-mode');
    }
  </script>
<script src="https://ohmygirl.cc/js/darkmode.js"></script>
<!--<script src="https://ohmygirl.cc/css/darkmode.css"></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="//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>
!function() {
  function detectDevTool(allow) {
    if(isNaN(+allow)) allow = 100;
    var start = performance.now(); 
    debugger;
    var end = performance.now(); 
    if(end - start > allow) {
      console.warn('DevTools detected!');
    }
  }

  function isAdmin() {
    return "";
  }

  if(window.attachEvent) {
    if (document.readyState === "complete" || document.readyState === "interactive") {
      if (!isAdmin()) {
        detectDevTool();
      }
      window.attachEvent('onresize', function() { if (!isAdmin()) detectDevTool(); });
      window.attachEvent('onmousemove', function() { if (!isAdmin()) detectDevTool(); });
      window.attachEvent('onfocus', function() { if (!isAdmin()) detectDevTool(); });
      window.attachEvent('onblur', function() { if (!isAdmin()) detectDevTool(); });
    } else {
      setTimeout(arguments.callee, 0);
    }
  } else {
    window.addEventListener('load', function() { if (!isAdmin()) detectDevTool(); });
    window.addEventListener('resize', function() { if (!isAdmin()) detectDevTool(); });
    window.addEventListener('mousemove', function() { if (!isAdmin()) detectDevTool(); });
    window.addEventListener('focus', function() { if (!isAdmin()) detectDevTool(); });
    window.addEventListener('blur', function() { if (!isAdmin()) detectDevTool(); });
  }
}();
</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>

	#flepismkrqdcohgnujt .item { background-size:cover; background-position:center center; background-repeat:no-repeat; }
	#flepismkrqdcohgnujt .img-wrap { padding-bottom:75px; }
	#flepismkrqdcohgnujt .tab-indicators { position:absolute; left:0; bottom:0; width:100%; }
	#flepismkrqdcohgnujt .nav a { background: rgba(255,255,255, 0.9); color:#000; border-radius: 0px; margin:0px; }
	#flepismkrqdcohgnujt .nav a:hover, #flepismkrqdcohgnujt .nav a:focus,
	#flepismkrqdcohgnujt .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="flepismkrqdcohgnujt" 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['flepismkrqdcohgnujt'].style.display = "block";
	}else{
		document.all['flepismkrqdcohgnujt'].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['flepismkrqdcohgnujt'].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월 04일(<font color="#13a864">금</font>)</a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=10&no=1" target="_blank"><span class="hidden-xs">OHMYGIRL</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=35&no=1" target="_blank"><span class="hidden-xs">Weverse</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>
	<!--</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">
								<font color="#ff4500"><a href="https://ohmygirl.cc/bbs/login.php?url=%2Fatrp_arin_schedule.php%3Fdevice%3Dpc"><i class="fa fa-power-off"></i></font></a>				</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-ship'></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/bbs/board.php?bo_table=omg_event" class="sub-1da">
											<i class='fa fa-music'></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> 오마이걸 뉴스																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=gallery">
							<i class='fa fa-camera'></i> 갤러리															<i class="fa fa-spinner fa-spin"></i>
													</a>
													<div class="sub-slide sub-1div">
								<ul class="sub-1dul subm-w pull-left">
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery" class="sub-1da">
											<i class='fa fa-camera-retro'></i> 오마이걸 갤러리																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																</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> 오마이걸 크리에이터																							<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=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="https://ohmygirl.cc/bbs/board.php?bo_table=broadcastingcam" class="sub-1da">
											<i class='fa fa-youtube-square'></i> 오마이걸 방송국 영상																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="https://ohmygirl.cc/bbs/board.php?bo_table=fancam" class="sub-1da">
											<i class='fa fa-caret-square-o-right'></i> 오마이걸 직캠																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																</ul>
																<div class="clearfix"></div>
							</div>
											</li>
									<li class="menu-li off">
						<a class="menu-a nav-height" href="/bbs/board.php?bo_table=omg_schedule">
							<i class='fa fa-slideshare'></i> 스케줄															<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=omg_schedule" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i> 오마이걸 스케줄																							<i class="fa fa-spinner fa-spin"></i>
																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/omg_schedule.php" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄																					</a>
																			</li>
																	
									
									<li class="sub-1dli off">
										<a href="/atrp_arin_schedule.php" class="sub-1da">
											<i class='fa fa-calendar-check-o'></i> ATRP 아린 공식 스케줄																					</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_Timeline">
							<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																					</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=12&no=1" class="sub-1da" target="_blank">
											<i class='fa fa-get-pocket'></i> 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">
							<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-ship'></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/bbs/board.php?bo_table=omg_event" class="sub-1da">
												<i class='fa fa-music'></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> 오마이걸 뉴스																							</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>
																		</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> 오마이걸 크리에이터																									<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=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="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> 스케줄																	<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=omg_schedule" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i> 오마이걸 스케줄																									<i class="fa fa-spinner fa-spin"></i>
																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/omg_schedule.php" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄																							</a>
										</li>
									
										
										<li class="sub-1dli off">
											<a href="/atrp_arin_schedule.php" class="sub-1da">
												<i class='fa fa-calendar-check-o'></i> ATRP 아린 공식 스케줄																							</a>
										</li>
																		</ul>
								</div>
													</td>
											<td class="off">
							<a class="menu-a" href="/bbs/page.php?hid=Twitter_Timeline">
								<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																							</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=12&no=1" class="sub-1da" target="_blank">
												<i class='fa fa-get-pocket'></i> 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">
								<i class='fa fa-free-code-camp'></i> 프로필															</a>
													</td>
										</tr>
					</table>
					<div class="menu-all-btn">
						<div class="btn-group">
							<a class="btn btn-lightgray" href="https://ohmygirl.cc"><i class="fa fa-home"></i></a>
							<a href="javascript:;" class="btn btn-lightgray" data-toggle="collapse" data-target="#menu-all"><i class="fa fa-times"></i></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="m-menu">
			<div class="m-wrap">
	<div class="at-container">
		<div class="m-table en">
			<!--<div class="m-icon">
				<a href="javascript:;" onclick="sidebar_open('sidebar-menu');"><i class="fa fa-bars"></i></a>
			</div>-->
						<div class="m-list">
				<div class="m-nav" id="mobile_nav">
					<ul class="clearfix">
					<li>
						<a href="https://ohmygirl.cc">메인</a>
					</li>
											<li>
							<a href="/bbs/board.php?bo_table=free_board">
								커뮤니티																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=gallery">
								갤러리																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=video">
								영상																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/board.php?bo_table=omg_schedule">
								스케줄																	<font color="#11335F"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
											<li>
							<a href="/bbs/page.php?hid=Twitter_Timeline">
								오마이걸															</a>
						</li>
											<li>
							<a href="/plugin/ohmygirlprofile">
								프로필															</a>
						</li>
										</ul>
				</div>
			</div>
						<!---->
</div>

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

		</div>
	</nav>

	<div class="clearfix"></div>
	
	
	<div class="at-body">
					<div class="at-container">
							<div class="at-content">
					<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>오마이걸 아린 스케줄</title>
    <style>
*{margin:0;padding:0;box-sizing:border-box}

:root{
--bg-primary:#fff;
--bg-secondary:#f8fafc;
--text-primary:#1e293b;
--text-secondary:#64748b;
--border-color:#e2e8f0;
--shadow:0 1px 3px rgba(0,0,0,.1);
--hover-bg:#f1f5f9;
--header-gradient:linear-gradient(135deg,#888,#555);
--saturday-color:#93c5fd;
--sunday-color:#fecaca;
}

[data-theme="dark"]{
--bg-primary:#0f172a;
--bg-secondary:#1e293b;
--text-primary:#f1f5f9;
--text-secondary:#94a3b8;
--border-color:#334155;
--shadow:0 1px 3px rgba(0,0,0,.3);
--hover-bg:#334155;
--header-gradient:linear-gradient(135deg,#334155,#475569);
--saturday-color:#3b82f6;
--sunday-color:#ef4444;
}

body{
font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
background:var(--bg-primary);
color:var(--text-primary);
min-height:100vh;
}

.container{
max-width:1200px;
margin:0 auto;
padding:0px;
}

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

.title{
font-size:1rem;
font-weight:700;
background:linear-gradient(135deg,#ff6b9d,#c44569);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
background-clip:text;
}

[data-theme="dark"] .title {
background: linear-gradient(135deg, #fbbf24, #f59e0b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.title a {
background: linear-gradient(135deg, #11335f, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-decoration: none;
}

[data-theme="dark"] .title a {
background: linear-gradient(135deg, #11335f, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-decoration: none;
}

.controls{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}

.atrp-btn{
padding:0px 15px;
border:none;
border-radius:8px;
background:var(--bg-secondary);
color:var(--text-primary);
cursor:pointer;
font-size:14px;
border:1px solid var(--border-color);
}

.atrp-btn:hover{
background:var(--hover-bg);
color:var(--text-primary);
}

[data-theme="dark"] .atrp-btn:hover{
background:#475569;
color:#f1f5f9;
}

[data-theme="dark"] .atrp-btn {
background: var(--bg-secondary); 
color: #f1f5f9; 
border: 1px solid var(--border-color);
}

.theme-toggle{
width:50px;
height:26px;
background:var(--border-color);
border-radius:13px;
position:relative;
cursor:pointer;
}

.theme-toggle::after{
content:'';
position:absolute;
width:20px;
height:20px;
background:#fff;
border-radius:50%;
top:3px;
left:3px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
}

[data-theme="dark"] .theme-toggle{
background:#11335f;
}

[data-theme="dark"] .theme-toggle::after{
transform:translateX(24px);
}

.calendar-nav{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:10px;
background:var(--bg-secondary);
padding:15px 20px;
border-radius:12px;
box-shadow:var(--shadow);
}

.current-month{
font-size:2.0rem;
font-weight:600;
margin:0 30px;
}

.nav-btns{
display:flex;
gap:10px;
}

.calendar{
background:var(--bg-secondary);
border-radius:12px;
box-shadow:var(--shadow);
overflow:hidden;
}

.calendar-header{
display:grid;
grid-template-columns:repeat(7,1fr);
background:var(--header-gradient);
}

.calendar-header div{
padding:5px 5px;
text-align:center;
font-weight:600;
color:#fff;
font-size:1.5rem;
}

.calendar-header div:first-child{
color:var(--sunday-color);
}

.calendar-header div:last-child{
color:var(--saturday-color);
}

[data-theme="dark"] .calendar-header div:first-child{
color:#fecaca;
}

[data-theme="dark"] .calendar-header div:last-child{
color:#93c5fd;
}

.calendar-body{
display:grid;
grid-template-columns:repeat(7,1fr);
}

.calendar-day{
min-height:150px;
padding:5px;
border:1px solid var(--border-color);
background:var(--bg-primary);
position:relative;
cursor:pointer;
overflow-y: auto;
}

.calendar-day:hover{
background:var(--hover-bg);
}

.calendar-day.other-month{
opacity:.3;
}

.day-number{
font-weight:600;
margin-bottom:5px;
}

.event{
font-size:.1.2rem;
padding:2px 6px;
border-radius:4px;
margin-bottom:2px;
line-height:1.9;
cursor:pointer;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap; 
max-width: 100%;
}

.event-album{
background:#FFD6F6;
color:#8e24aa;
}

[data-theme="dark"] .event-album {
background: #6a1b9a;
color: #f8bbd9;
}

.event-fan-event{
background:#B2EAFF;
color:#1565c0;
}

.event-broadcast{
background:#FFE0DF;
color:#1e293b;
}

.event-perform{
background:#D4F0CB;
color:#1e293b;
}

.event-etc{
background:#DBDDFF;
color:#1e293b;
}

[data-theme="dark"] .event-fan-event {
background: #93c5fd;
color: #93c5fd;
}

[data-theme="dark"] .event-broadcast {
background: #ffe0df;
color: #000;
}

[data-theme="dark"] .event-perform {
background: #c2410c;
color: #fdba74;
}

[data-theme="dark"] .event-etc {
background: #7c2d12;
color: #d8b4fe;
}

.event-type-badge.ALBUM{
background:#f8bbd9;
color:#fff;
}

.modal{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
z-index:1000;
backdrop-filter:blur(5px);
overflow:auto;
}

.modal-content{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background:var(--bg-primary);
border-radius:12px;
box-shadow:0 20px 40px rgba(0,0,0,.15);
max-width:600px;
width:90%;
max-height:80vh;
overflow:hidden;
z-index:1001;
}

.modal-header{
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 24px;
border-bottom:1px solid var(--border-color);
background:var(--bg-secondary);
}

.modal-title{
font-size:1.2rem;
font-weight:600;
color:var(--text-primary);
}

.close-btn{
background:none;
border:none;
font-size:1.5rem;
cursor:pointer;
color:var(--text-secondary);
padding:5px;
border-radius:50%;
}

.modal-body{
padding:0;
overflow-y:auto;
max-height:60vh;
}

.event-details{
padding:24px;
background:var(--bg-primary);
}

.event-details-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:12px;
gap:16px;
}

.event-title{
font-size:1.9rem;
font-weight:700;
color:var(--text-primary);
line-height:1.4;
flex:1;
}

.event-type-badge{
padding:6px 12px;
border-radius:20px;
font-size:0.8rem;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.5px;
white-space:nowrap;
color:#fff;
}

.event-type-badge.FAN-EVENT{
background:#42a5f5;
color:#fff;
}

.event-type-badge.BROADCAST{
background:#FF635D;
color:#fff;
}

.event-type-badge.PERFORM{
background:#ff7043;
color:#fff;
}

.event-type-badge.ETC{
background:#ab47bc;
color:#fff;
}

.event-description{
color:var(--text-primary);
line-height:1.6;
font-size:1.6rem;
margin-top:20px;
}

.event-description p{
margin-bottom:12px;
}

.event-description p:last-child{
margin-bottom:0;
}

.event-link{
color:#4285f4;
text-decoration:none;
word-break:break-all;
display:inline-block;
margin-top:16px;
}

.event-link:hover{
color:#1a73e8;
text-decoration:underline;
}

.event-metadata{
margin-top:20px;
padding-top:16px;
border-top:1px solid var(--border-color);
font-size:0.8rem;
color:var(--text-secondary);
}

.event-date-info{
background:var(--bg-secondary);
padding:12px;
border-radius:8px;
margin-bottom:16px;
border-left:4px solid #667eea;
}

.event-date-info .date-value{
font-size:1.5rem;
font-weight:600;
color:var(--text-primary);
}

.loading{
text-align:center;
padding:40px 20px;
color:var(--text-secondary);
font-size:1.2rem;
}

.loading::after{
content:'';
display:inline-block;
width:20px;
height:20px;
border:2px solid var(--border-color);
border-radius:50%;
border-top-color:#667eea;
animation:spin 1s ease-in-out infinite;
margin-left:10px;
}

@keyframes spin{
to{transform:rotate(360deg)}
}

.nav-title-bar {
display: flex;
justify-content: space-between;
align-items: center;
font-family: '맑은 고딕', sans-serif;
font-size: 15px;
color: var(--text-primary);
}

.nav-title {
font-weight: bold;
border-bottom: 2px solid var(--text-primary);
padding-bottom: 3px;
color: var(--text-primary);
}

.nav-path {
font-size: 13px;
color: var(--text-secondary);
}

.nav-path a {
color: var(--text-secondary) !important;
text-decoration: none;
}

.nav-path a:hover {
color: var(--text-primary) !important;
}

[data-theme="dark"] .nav-title-bar {
color: #1e293b;
}

[data-theme="dark"] .nav-title {
color: #0f172a;
border-bottom-color: #475569;
}

[data-theme="dark"] .nav-path {
color: #64748b;
}

[data-theme="dark"] .nav-path a {
color: #64748b !important;
}

[data-theme="dark"] .nav-path a:hover {
color: #1e293b !important;
}

.nav-underline {
margin-top: -2px;
border: none;
border-bottom: 1px solid var(--border-color);
height: 1px;
background-color: var(--border-color);
margin: 0;
}

@media (max-width:768px){
.container{
padding:10px;
}

.title{
font-size:1.5rem;
}

.calendar-day{
min-height:100px;
padding:5px;
overflow-y: auto;
max-height: 100px;
}

.calendar-header div{
padding:10px 3px;
font-size:.8rem;
}

.event{
font-size:.7rem;
padding:1px 4px;
margin-bottom: 1px;
white-space: normal;
height: auto;
line-height: 1.1;
}

.day-number{
font-size:.9rem;
}

.modal-content{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
width:95%;
max-width:95%;
max-height:85vh;
}

.event-details{
padding:20px;
}

.event-details-header{
flex-direction:row;
align-items:flex-start;
justify-content:space-between;
gap:12px;
}

.event-title{
font-size:1.6rem;
}
}

@media (max-width:480px){
.calendar-day{
min-height:80px;
padding:3px;
overflow-y: auto;
max-height: 80px;
}

.event{
font-size:.65rem;
padding:1px 3px;
margin-bottom: 1px;
white-space: normal;
height: auto;
line-height: 1.0;
}

.day-number{
font-size:.8rem;
}

.modal-content{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
margin:0;
width:98%;
max-width:98%;
max-height:90vh;
}

.event-details{
padding:16px;
}
}

@media (max-width:768px) {
.calendar-day::-webkit-scrollbar {
width: 2px;
}

.calendar-day::-webkit-scrollbar-track {
background: transparent;
}

.calendar-day::-webkit-scrollbar-thumb {
background: var(--border-color);
border-radius: 1px;
}
}
    </style>
<script src="https://ohmygirl.cc/plugin/apms/js/jquery.mobile.swipe.min.js?ver=180820"></script>
</head>
<body>
<div class="nav-title-bar">
    <div class="nav-title">ATRP 공식 아린 스케줄</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=omg_schedule" style="text-decoration: none; color: inherit;">스케줄</a> &gt; <a href="/omg_schedule.php" style="text-decoration: none; color: inherit;">오마이걸</a> &gt; <a href="/atrp_arin_schedule.php" style="text-decoration: none; color: inherit;">ATRP</a>
    </div>
</div>
<div class="nav-underline"></div>
<link rel="stylesheet" href="https://cdnjs.com/libraries/font-awesome/4.7.0">
    <div class="container">
        <div class="header">
            <h1 class="title">ATRP ARIN SCHEDULE</h1>            <div class="controls">
                <button class="atrp-btn atrp-btn-primary" onclick="loadToday()">오늘</button>
                <div class="theme-toggle" onclick="toggleTheme()"></div>
            </div>
        </div>

        <!--<div class="calendar-nav">
            <div class="nav-btns">
                <button class="atrp-btn" onclick="previousMonth()">‹</button>
                <button class="atrp-btn" onclick="nextMonth()">›</button>
            </div>
            <div class="current-month" id="currentMonth"></div>
            <div class="nav-btns">
                <!--<button class="atrp-btn" onclick="previousYear()">‹‹</button>
                <button class="atrp-btn" onclick="nextYear()">››</button>--
            </div>
        </div>-->
		<div class="calendar-nav">
    <button class="atrp-btn" onclick="previousMonth()">‹</button>
    <div class="current-month" id="currentMonth"></div>
    <button class="atrp-btn" onclick="nextMonth()">›</button>
</div>

        <div class="calendar">
            <div class="calendar-header">
                <div>일</div>
                <div>월</div>
                <div>화</div>
                <div>수</div>
                <div>목</div>
                <div>금</div>
                <div>토</div>
            </div>
            <div class="calendar-body" id="calendarBody"></div>
        </div>
    </div>

    <div class="modal" id="eventModal">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title"><i class="fa fa-check"></i> 스케줄 정보</h2>
                <button class="close-btn" onclick="closeModal()"><i class="fa fa-window-close"></i></button>
            </div>
            <div class="modal-body">
                <div id="eventDetails"></div>
            </div>
        </div>
    </div>

    <script>
let currentDate = new Date();
let scheduleData = [];

function updateTodayButtonVisibility() {
    const todayButton = document.querySelector('.atrp-btn-primary');
    const today = new Date();
    const isCurrentMonth = currentDate.getFullYear() === today.getFullYear() && 
                      currentDate.getMonth() === today.getMonth();
    
    if (isCurrentMonth) {
        todayButton.style.display = 'none';
    } else {
        todayButton.style.display = 'inline-block';
    }
}

function initTheme() {
    const savedTheme = sessionStorage.getItem('theme') || 'light';
    document.documentElement.setAttribute('data-theme', savedTheme);
    
    const urlParams = new URLSearchParams(window.location.search);
    const year = urlParams.get('year');
    const month = urlParams.get('month');
    
    if (year && month) {
        currentDate = new Date(parseInt(year), parseInt(month) - 1, 1);
    }
}

function toggleTheme() {
    const currentTheme = document.documentElement.getAttribute('data-theme');
    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
    document.documentElement.setAttribute('data-theme', newTheme);
    sessionStorage.setItem('theme', newTheme);
}

async function loadEventDetails(eventId) {
    try {
        const response = await fetch(`atrp_arin_schedule1.php?event_id=${eventId}`);
        if (response.ok) {
            const data = await response.json();
            return data;
        }
    } catch (error) {
        console.error('Event details loading failed:', error);
    }
    return null;
}

function getEventTypeFromHTML(html) {
    if (!html) return 'ETC';
    
    const tempDiv = document.createElement('div');
    tempDiv.innerHTML = html;
    
    const eventTypeElement = tempDiv.querySelector('.event-type, .category, [class*="type"]');
    if (eventTypeElement) {
        const typeText = eventTypeElement.textContent.trim().toUpperCase();
        if (typeText.includes('BROADCAST')) return 'BROADCAST';
        if (typeText.includes('PERFORM')) return 'PERFORM';
        if (typeText.includes('ALBUM')) return 'ALBUM';
        if (typeText.includes('FAN')) return 'FAN EVENT';
    }
    
    const htmlText = html.toUpperCase();
    if (htmlText.includes('BROADCAST')) return 'BROADCAST';
    if (htmlText.includes('PERFORM')) return 'PERFORM';
    if (htmlText.includes('ALBUM')) return 'ALBUM';
    if (htmlText.includes('FAN')) return 'FAN EVENT';
    
    return 'ETC';
}

function getEventColorClass(eventType) {
    const colorMap = {
        'FAN EVENT': 'event-fan-event',
        'BROADCAST': 'event-broadcast', 
        'PERFORM': 'event-perform',
        'ALBUM': 'event-album',
        'ETC': 'event-etc'
    };
    return colorMap[eventType] || 'event-etc';
}

function getEventTypeBadgeClass(eventType) {
    return eventType.replace(/\s+/g, '-');
}

function formatEventDate(dateStr) {
    if (!dateStr) return 'No date information';
    
    try {
        const date = new Date(dateStr + 'T00:00:00');
        const year = date.getFullYear();
        const month = date.getMonth() + 1;
        const day = date.getDate();
        const weekdays = ['일', '월', '화', '수', '목', '금', '토'];
        const weekday = weekdays[date.getDay()];
        
        return `${year}년 ${month.toString().padStart(2, '0')}월 ${day.toString().padStart(2, '0')}일 (${weekday})`;
    } catch (error) {
        return dateStr;
    }
}

function extractLinks(htmlString) {
    if (!htmlString) return [];
    
    const links = [];
    const urlRegex = /https?:\/\/[^\s<>"']+/g;
    let match;
    
    while ((match = urlRegex.exec(htmlString)) !== null) {
        const url = match[0].replace(/[.,;:!?]+$/, '');
        if (!links.includes(url)) {
            links.push(url);
        }
    }
    
    return links;
}

function extractTextFromHTML(htmlString) {
    if (!htmlString) return '';
    
    try {
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = htmlString.replace(/\\u[\dA-F]{4}/gi, function (match) {
            return String.fromCharCode(parseInt(match.replace(/\\u/g, ''), 16));
        });
        
        const unwantedSelectors = ['script', 'style', 'i.btl', '.close_calendar', 'header', '.box_tit', '.calendar_tit'];
        unwantedSelectors.forEach(selector => {
            const elements = tempDiv.querySelectorAll(selector);
            elements.forEach(el => el.remove());
        });
        
        let extractedText = '';
        let locationInfo = '';
        
        const locationMatch = htmlString.match(/📍([^<\n]+)/);
        if (locationMatch) {
            locationInfo = '📍 ' + locationMatch[1].trim();
        }
        
        const contentElements = tempDiv.querySelectorAll('*');
        const processedTexts = new Set();
        
        contentElements.forEach(element => {
            const text = element.textContent || element.innerText || '';
            const cleanText = text.trim();
            
            if (cleanText && 
                cleanText.length > 3 && 
                !cleanText.includes('📍') && 
                !cleanText.match(/\d{4}[-년]\s*\d{1,2}[-월]\s*\d{1,2}[일]?/) &&
                !cleanText.includes('https://') &&
                !processedTexts.has(cleanText)) {
                
                processedTexts.add(cleanText);
                extractedText += cleanText + '\n';
            }
        });
        
        const result = (locationInfo + '\n' + extractedText).trim();
        return result.replace(/\n{3,}/g, '\n\n');
        
    } catch (error) {
        console.error('HTML text extraction error:', error);
        return htmlString.replace(/<[^>]*>/g, ' ').replace(/\s+/g, ' ').trim();
    }
}

function parseEventDetails(data) {
    if (!data || data.msg !== 'SUCCESS') {
        return {
            title: 'No title',
            description: 'Data could not be loaded.',
            date: '',
            eventType: 'ETC',
            links: []
        };
    }

    let details = {
        title: 'No title',
        description: '',
        date: data.start_time || '',
        fullTime: data.full_time === 'Y',
        eventType: 'ETC',
        links: []
    };

    if (data.html) {
        const tempDiv = document.createElement('div');
        tempDiv.innerHTML = data.html.replace(/\\u[\dA-F]{4}/gi, function (match) {
            return String.fromCharCode(parseInt(match.replace(/\\u/g, ''), 16));
        });
        
        const titleElement = tempDiv.querySelector('.box_tit');
        if (titleElement) {
            const titleText = titleElement.textContent || titleElement.innerText;
            if (titleText && titleText.trim()) {
                details.title = titleText.trim();
            }
        }
        
        const extractedText = extractTextFromHTML(data.html);
        details.description = extractedText || 'No detailed information provided.';
        details.links = extractLinks(data.html);
        
        details.eventType = getEventTypeFromHTML(data.html);
    }

    return details;
}

async function loadScheduleData(startDate, endDate) {
    try {
        const response = await fetch('atrp_arin_schedule1.php?' + new URLSearchParams({
            start: startDate,
            end: endDate
        }));

        if (response.ok) {
            const data = await response.json();
            if (Array.isArray(data)) {
                return data;
            }
        }
    } catch (error) {
        console.error('Schedule loading failed:', error);
    }

    return [];
}

function formatDate(date) {
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0');
    const day = String(date.getDate()).padStart(2, '0');
    return `${year}-${month}-${day}`;
}

function getDateRange() {
    const year = currentDate.getFullYear();
    const month = currentDate.getMonth();
    const start = new Date(year, month - 1, 1);
    const end = new Date(year, month + 2, 0);
    return {
        start: formatDate(start),
        end: formatDate(end)
    };
}

async function updateCalendar() {
    const range = getDateRange();
    scheduleData = await loadScheduleData(range.start, range.end);
    renderCalendar();
    updateCurrentMonthDisplay();
}

function updateCurrentMonthDisplay() {
    const monthNames = ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'];
    document.getElementById('currentMonth').textContent = 
        `${currentDate.getFullYear()}년 ${monthNames[currentDate.getMonth()]}`;
}

function renderCalendar() {
    const calendarBody = document.getElementById('calendarBody');
    const year = currentDate.getFullYear();
    const month = currentDate.getMonth();
    
    const firstDay = new Date(year, month, 1);
    const lastDay = new Date(year, month + 1, 0);
    const startDate = new Date(firstDay);
    startDate.setDate(startDate.getDate() - firstDay.getDay());
    
    const today = new Date();
    const todayStr = formatDate(today);
    
    let html = '';
    let currentWeekDate = new Date(startDate);
    
    for (let week = 0; week < 6; week++) {
        for (let day = 0; day < 7; day++) {
            const dateStr = formatDate(currentWeekDate);
            const isCurrentMonth = currentWeekDate.getMonth() === month;
            const isToday = dateStr === todayStr;
            
            let dayClass = 'calendar-day';
            if (!isCurrentMonth) dayClass += ' other-month';
            if (isToday) dayClass += ' today';
            
            const events = getEventsForDate(dateStr);
            let eventsHtml = '';
            
            events.forEach(event => {
    const eventType = event.eventType || 'ETC';
    const colorClass = getEventColorClass(eventType);
    const title = event.title.replace(/\\\//g, '/');
    eventsHtml += `<span class="event ${colorClass}" onclick="showSingleEventDetails('${event.id}', '${title.replace(/'/g, '\\\'')}')">${title}</span>`;
});
            
            html += `
                <div class="${dayClass}">
                    <div class="day-number">${currentWeekDate.getDate()}</div>
                    ${eventsHtml}
                </div>
            `;
            
            currentWeekDate.setDate(currentWeekDate.getDate() + 1);
        }
    }
    
    calendarBody.innerHTML = html;
}

function getEventsForDate(dateStr) {
    return scheduleData.filter(event => {
        const eventStart = new Date(event.start);
        const eventEnd = new Date(event.end);
        const checkDate = new Date(dateStr);
        
        return checkDate >= eventStart && checkDate < eventEnd;
    });
}

async function showSingleEventDetails(eventId, eventTitle) {
    const modal = document.getElementById('eventModal');
    const eventDetails = document.getElementById('eventDetails');
    
    eventDetails.innerHTML = '<div class="loading">상세 정보 불러오는 중...</div>';
    modal.style.display = 'block';
    
    try {
        const details = await loadEventDetails(eventId);
        const parsedDetails = parseEventDetails(details);
        
        let html = `
            <div class="event-details">
                <div class="event-details-header">
                    <h4 class="event-title">${parsedDetails.title}</h4>
                    <span class="event-type-badge ${getEventTypeBadgeClass(parsedDetails.eventType)}">${parsedDetails.eventType}</span>
                </div>
        `;
        
        if (parsedDetails.date) {
            html += `
                <div class="event-date-info">
                    <div class="date-value">${formatEventDate(parsedDetails.date)}</div>
                </div>
            `;
        }
        
        if (parsedDetails.description && parsedDetails.description.trim().length > 0) {
            const descriptionLines = parsedDetails.description.split('\n')
                .map(line => line.trim())
                .filter(line => line.length > 0 && !line.startsWith('http'));
            
            if (descriptionLines.length > 0) {
                html += '<div class="event-description">';
                const uniqueLines = [...new Set(descriptionLines)];
                uniqueLines.forEach(line => {
                    if (line.length > 0) {
                        html += `<p>${line}</p>`;
                    }
                });
                html += '</div>';
            }
        } else {
            html += '<div class="event-description"><p>추가 상세 정보가 없습니다.</p></div>';
        }
        
        if (parsedDetails.links && parsedDetails.links.length > 0) {
            html += '<div class="event-links">';
            parsedDetails.links.forEach(link => {
                html += `<a href="${link}" target="_blank" style="text-decoration: none; color: inherit;" class="event-link">🔗 ${link}</a><br>`;
            });
            html += '</div>';
        }
        
        html += '</div>';
        
        eventDetails.innerHTML = html;
        
    } catch (error) {
        console.error('Error loading event details:', error);
        
        let errorHtml = `
            <div class="event-details">
                <div class="event-details-header">
                    <h3 class="event-title">Error occurred</h3>
                    <span class="event-type-badge ETC">ERROR</span>
                </div>
                <div class="event-description">
                    <p>An error occurred while loading detailed information.</p>
                    <p>Please try again later.</p>
                </div>
            </div>
        `;
        
        eventDetails.innerHTML = errorHtml;
    }
}

function closeModal() {
    document.getElementById('eventModal').style.display = 'none';
}

function previousMonth() {
    currentDate.setMonth(currentDate.getMonth() - 1);
    updateURL();
    updateCalendar();
    updateTodayButtonVisibility();
}

function nextMonth() {
    currentDate.setMonth(currentDate.getMonth() + 1);
    updateURL();
    updateCalendar();
    updateTodayButtonVisibility();
}

function loadToday() {
    currentDate = new Date();
    updateURL();
    updateCalendar();
    updateTodayButtonVisibility();
}

function updateURL() {
    const year = currentDate.getFullYear();
    const month = currentDate.getMonth() + 1;
    const newURL = new URL(window.location);
    newURL.searchParams.set('year', year);
    newURL.searchParams.set('month', month);
    window.history.replaceState({}, '', newURL);
}

window.onclick = function(event) {
    const modal = document.getElementById('eventModal');
    if (event.target === modal) {
        closeModal();
    }
}

initTheme();
updateURL();
updateCalendar();
updateTodayButtonVisibility();
    </script>
</body>
<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><!-- .at-content -->
						</div><!-- .at-container -->
			</div><!-- .at-body -->

			<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/atrp_arin_schedule.php?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.2</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 type="text/javascript">//<![CDATA[
(function(){
	var cancel=function(e){
		if (window.event) {
			window.event.cancelBubble = true;
			window.event.returnValue = false;
		}
		if (e && e.stopPropagation && e.preventDefault) {
			e.stopPropagation();
			e.preventDefault();
		}
		return false;
	};
	var block=function(e){
		e = e || window.event;
		var t=e.srcElement || e.target;
		var tag=t.tagName;
		if (e && tag==='HTML' || tag==='INPUT' || tag==='TEXTAREA' || tag==='BUTTON' || tag==='SELECT' || tag==='OPTION' || tag==='EMBED' || tag==='OBJECT' || tag==='AUDIO' ) { return; }
		if (e.type==='keydown' || e.type=='keyup') {
			// keyboard event : only block ctrl-A, ctrl-a, ctrl-C, ctrl-c, meta-A, meta-a, meta-C, meta-c
			if ((e.ctrlKey || e.metaKey) && (e.keyCode == 65 || e.keyCode == 97 || e.keyCode == 67 || e.keyCode == 99 || e.keyCode == 86 || e.keyCode == 17)) { return cancel(e); }
		//} else if(e.type == "contextmenu"){
			//alert('무단복사를 막기 위해\n마우스 드래그 금지가 설정되어 있습니다');
			//return cancel(e);
		} else {
			return cancel(e);
		}
	}
	var addEvent = function(el, type, fn){
	    if (window.addEventListener) {
	        el.addEventListener(type, fn, false);
	    }
	    else if (window.attachEvent) {
	        el.attachEvent('on' + type, fn);
	    }
	    else {
	        el['on' + type] = fn;
	    }
	}
	var addBlockEvent = function(){
		addEvent(document.body,'keydown',block);
		addEvent(document.body,'keyup',block);
		addEvent(document.body,'mouseup',block);
		addEvent(document.body,'mousedown',block);
		addEvent(document.body,'dragstart',block);
		addEvent(document.body,'selectstart',block);
		addEvent(document.body,'copy',block);
		addEvent(document.body,'paste',block);
		addEvent(document.body,'contextmenu', block);
	}
		addEvent(window,'load',addBlockEvent);
	})();
//]]>
</script>
<script>
var sub_show = "show";
var sub_hide = "";
var menu_startAt = "0";
var menu_sub = "";
var menu_subAt = "0";
</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>


<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-ship'></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/bbs/board.php?bo_table=omg_event">
								<i class='fa fa-music'></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> 오마이걸 뉴스															</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>
										</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> 오마이걸 크리에이터								<i class="fa fa-spinner fa-spin red"></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="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> 스케줄						<i class="fa fa-spinner fa-spin red"></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/board.php?bo_table=omg_schedule">
								<i class='fa fa-calendar-check-o'></i> 오마이걸 스케줄								<i class="fa fa-spinner fa-spin red"></i>							</a>
						</li>
																	<li>
							<a href="/omg_schedule.php">
								<i class='fa fa-calendar-check-o'></i> 오마이걸 공식 스케줄															</a>
						</li>
																	<li>
							<a href="/atrp_arin_schedule.php">
								<i class='fa fa-calendar-check-o'></i> ATRP 아린 공식 스케줄															</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_Timeline');">&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															</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=12&no=1" target="_blank">
								<i class='fa fa-get-pocket'></i> 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" 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">8,700,355 명</span>전체 방문자</li>
	<li><i class="fa fa-circle-o orangered"></i> <span class="pull-right">216.73.217.2</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=2003" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.30			</span>
			<span class="rank-icon en bg-red">1</span>			[#OHMYAir] 'KBS Cool FM 오마이걸 효정의 볼륨을 높여요'에서 쩡디와 함께 할 미라클🙌 이번 주도 볼륨에서 효정이와 만나요🥰		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2002" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.26			</span>
			<span class="rank-icon en bg-red">2</span>			[📢] Wavve &lt;남주서치&gt; OST Part.1 ‘내일 만나면 좋아한다 말해줘’ 음원이 공개되었습니다💞		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2001" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.26			</span>
			<span class="rank-icon en bg-red">3</span>			Wavve ＜남주서치＞ OST Part.1 ‘내일 만나면 좋아한다 말해줘’ 음원 공개 안내 (효정)		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2000" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.25			</span>
			<span class="rank-icon en bg-red">4</span>			[오마이걸] 미미와 마리끌레르가 만난 '미미끌레르' 비하인드ʕ・ᵌ・ʔ		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=1999" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.23			</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=1998" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;06.20			</span>
			<span class="rank-icon en bg-red">6</span>			[📢] 창작가무극 〈천 개의 파랑〉 - 고양 티켓 오픈 안내 (효정)		</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=341" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.15			</span>
						OMGFAN 커뮤니티 점검 완료 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=337" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;03.27			</span>
						OMGFAN 커뮤니티 패치 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=336" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;03.17			</span>
						OMGFAN 커뮤니티 보안 패치 적용 안내		</a> 
	</li>
</ul>

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

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

	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://img.youtube.com/vi/hEmoEEQrw0o/hqdefault.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video&amp;wr_id=15896" class="ellipsis">
												250704 [남주서치 OST] 효정(오마이걸)HyoJung - 내일 만나면 좋아한다 말해줘 (Eve)			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">12:51</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq8HCUAlW5NRFqalo0OYTnuH4YSUiyUHHfI-Ciq7Xg1v3JxFtZRbeAb8RReO4DFWUXPbKUwFkeBHTjqdNJJYe_j67aRENznfY5aAuTvEEgu7JqPcCqVaosQa5_WpV5MJNC9Pvju8kfAhk_9JNicWezAAxNcpjCNNxf_NLdO0fYe6GMBL2UHjRpae_Enlk1/s2096/candyz_hyojung514980961_18073404970987528_4701646438323475633_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board&amp;wr_id=12353" class="ellipsis">
												250704 오마이걸 효정 인스타그램 스토리			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">12:14</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiN3oZUef8huRYgsBmpW3GmgNw0-vV-zvZbV5auID7oAu2rcPMMxquPSewgW9ALAKTgBs-Z22w1MRZ_lSvzDXKRQPrqlKGP7jHSb3R_uW5uJGAZUBCjuolLo_V4YX-7PsYWxxLKuI1j6U2BJZDEPXjpPW5K4tjAIDAive_V3DVnmyYPsTQOrj94YQmKw0lc/s1350/tvn_joy514975830_18520082068059447_8554228015022212733_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=23391" class="ellipsis">
												[11화 프리뷰] 어떤 지락이들이 잇엇슨 딱히 뭘 안 하진 않앗슨 이것저것 우당탕탕 햇슨 역시나 재미잇엇슨  &lt;뿅뿅 지구오락실3&gt; [금] 저녁 8:40 tvN  #tvN #뿅뿅지구오락실3 #이은지 #미미 #이영지 #안유진 #같이달려tvN #스트리밍은TVING			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">10:17</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpMEfIicbJHxpj1SH9QzzQ9H2NAGBGfndp3uDr0X-wubgixUseZAhrrecsjqepaqtZUmFBrwSPJzF7SJ4ZEcnAHCVt1UuNHwiSbYBdWC93hWY9IqhM2SC2CK9-EL_4xHGxgspEBas3Qk4jnt_7IdUuCD4UI48tqYzLIt1MdF1uGdjll-5pD4qO3Qs8OZQb/s2000/KBS_drama-1940915961466421601-Gu5PxWoXQAA633t.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board&amp;wr_id=12352" class="ellipsis">
												[#내여자친구는상남자] 두 번째 메인 포스터 공개 🎁			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">08:38</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://res.cloudinary.com/omgfan/image/upload/v1751548082/candyz_hyojungAQPFGqBm-30eCKvyVxrKgVxElg1ycp3aqgBUu6SZz_krQbgYJgfGCd1oBQu3Y-C_OXzZYW9fol8xo5eM0eCH9Rq3icjSsA7oyEsvcUs.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board&amp;wr_id=12351" class="ellipsis">
												250703 오마이걸 효정 인스타그램 스토리			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.03 22:09			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://res.cloudinary.com/omgfan/image/upload/v1751547884/volumeup_891AQMLR34b6bvMVug3FsgQmW8wudy8M9bG-svt-eTOhac2XHk8zj9kVDebSpa8m3CpdQt6AjHkisRJTAmXLGv2mlQjup5UXKInjZug-ps.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video&amp;wr_id=15895" class="ellipsis">
												𝙝𝙮𝙤 𝙟𝙪𝙣𝙜’𝙨 𝙫𝙤𝙡𝙪𝙢𝙚 𝙪𝙥 🌼🐰  무더위도 날려버리는  볼륨의 뽀송이 🫧 #윤지성 🩷💖  연애 사연은 늘 답답하고 🤬  화가 나지만 🥵  그래도 쩡디와 뽀송이 지성님 덕에  매번 빵빵 터지는 거 같아요 😂   테토녀 쩡디, 테겐남 지성님 다음주 목요일에도 만나요 🥰   #오마이걸효정 #오마이걸효정의볼륨을높여요 #hyojung #volume #볼륨을높여요 #라디오 #쩡디			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> 07.03 22:05			</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=%2Fatrp_arin_schedule.php%3Fdevice%3Dpc">
			<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 -->
		<div class="div-title-underline-thin en">
			<b><i class="fa fa-drupal"></i> MEMBER</b>
		</div>
		<ul class="sidebar-list list-links">
			<li><a href="https://ohmygirl.cc/bbs/login.php?url=%2Fatrp_arin_schedule.php%3Fdevice%3Dpc"><font color="red"><i class="fa fa-power-off"></font></i> 로그인</a></li>
			<li><a href="https://ohmygirl.cc/bbs/register.php"><i class="fa fa-sign-in"></i> 회원가입</a></li>
			<li><a href="https://ohmygirl.cc/bbs/password_lost.php"><i class="fa fa-search"></i> 회원정보 찾기</a></li>
			<!--<li><a href="https://ohmygirl.cc/bbs/password_lost.php" class="win_password_lost"><i class="fa fa-search"></i> 회원정보 찾기</a></li>-->
		</ul>
	</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="//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>
.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=gallery&wr_id=23388" id="popularBannerLink">
        📢 𝙝𝙮𝙤 𝙟𝙪𝙣𝙜’𝙨 𝙫𝙤𝙡𝙪𝙢𝙚 𝙪𝙥 🌼🐰  키스 더 라디오의 DJ 가 된 #한해 💙 한해의 절반이 지난 7월 첫째주 한해 씨와 #못참아 함께했습니다 🤣 다음주 월요일, 첫방을 앞둔 #한해의키스더라디오 💋🎆 #많관부 #한해문세윤 의 신곡 #그대로있어주면돼 #많듣부🎧  #오마이걸효정 #오마이걸효정의볼륨을높여요 #hyojung #volume #볼륨을높여요 #라디오 #쩡디    </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>