<!--


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


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


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


-->


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


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

<!--

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

-->
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<link rel="manifest" href="/manifest.json">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="naver" content="nosublinks">
 <span itemscope="" itemtype="https://schema.org/Organization">
 <link itemprop="url" href="https://ohmygirl.cc">
 <a itemprop="sameAs" href="https://www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_ML"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_CF"></a>
 <a itemprop="sameAs" href="https://www.instagram.com/ohmygirl_ml"></a>
</span>
<meta name="Location" content="KR">
<meta name="title" content="OMGFAN 커뮤니티 소셜 로그인 지원 안내" />
<meta name="subject" content="OMGFAN 커뮤니티 소셜 로그인 지원 안내" />
<meta name="publisher" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="author" content="OMG" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="공지사항, 커뮤니티, 오마이걸, OHMYGIRL, OH MY GIRL, 오마이걸커뮤니티, 오마이걸 커뮤니티, OMGFAN, 옴커뮤, 오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="description" content="안녕하세요. OMGFAN 입니다.OMGFAN 커뮤니티 에서도 소셜 로그인 서비스를 지원하게 되었습니다.기존에 사용하시던 네이버 , 카카오톡 , 페이스북 , 트위터 , 구글+ 등 계정이 있다면 바로 가입이 완료 됩니다." />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="OMGFAN 커뮤니티 소셜 로그인 지원 안내" />
<meta property="og:site_name" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:author" content="OMG" />
<meta property="og:type" content="article" />
<meta property="og:image" content="https://ohmygirl.cc/data/editor/1704/cb6f5f2785d479b5b138f1ed3599654d_1493085430_6275.png" />
<meta property="og:description" content="안녕하세요. OMGFAN 입니다.OMGFAN 커뮤니티 에서도 소셜 로그인 서비스를 지원하게 되었습니다.기존에 사용하시던 네이버 , 카카오톡 , 페이스북 , 트위터 , 구글+ 등 계정이 있다면 바로 가입이 완료 됩니다." />
<meta property="og:url" content="https://ohmygirl.cc/bbs/board.php?bo_table=notice&wr_id=36" />
<link rel="image_src" href="https://ohmygirl.cc/data/editor/1704/cb6f5f2785d479b5b138f1ed3599654d_1493085430_6275.png" />
<link rel="canonical" href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&wr_id=36" />
<title>OMGFAN 커뮤니티 소셜 로그인 지원 안내</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/board/Basic-Board/style.css" >
<link rel="stylesheet" href="https://ohmygirl.cc/skin/board/Basic-Board/view/omgfan-notice/view.css" >
<link rel="stylesheet" href="https://ohmygirl.cc/skin/board/Basic-Board/list/basic-list-more/list.css" >
<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  = "notice";
var g5_sca       = "";
var g5_pim       = "";
var g5_editor    = "ckeditor4.12.0";
var g5_responsive    = "1";
var g5_cookie_domain = ".ohmygirl.cc";
var g5_purl = "https://ohmygirl.cc/bbs/board.php?bo_table=notice&wr_id=36";
</script>
<!-- var g5_wr_id   = "36";-->

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

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

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

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

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

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

<script src="https://ohmygirl.cc/plugin/apms/js/jquery.mobile.swipe.min.js?ver=180820"></script>
<script src="https://ohmygirl.cc/skin/board/Basic-Board/js/linkifyjs/linkify.min.js?ver=180820"></script>
<script src="https://ohmygirl.cc/skin/board/Basic-Board/js/linkifyjs/linkify-jquery.min.js?ver=180820"></script>
<script src="https://ohmygirl.cc/skin/board/Basic-Board/js/linkifyjs/config.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">
	OMGFAN 커뮤니티 소셜 로그인 지원 안내	</h1>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>
<script src="https://ohmygirl.cc/js/kakaolink.js"></script>
<script>Kakao.init("a614e8dcde398066b5de60920a6b4973");</script>
<style>
		.at-container {max-width:1200px;}
	.no-responsive .wrapper, .no-responsive .at-container-wide { min-width:1200px; }
	.no-responsive .boxed.wrapper, .no-responsive .at-container { width:1200px; }
	.at-menu .nav-height { height:28px; line-height:28px !important; }
	.pc-menu, .pc-menu .nav-full-back, .pc-menu .nav-full-height { height:28px; }
	.pc-menu .nav-top.nav-float .menu-a { padding:0px 25px; }
	.pc-menu .nav-top.nav-float .sub-1div::before { left: 25px; }
	.pc-menu .subm-w { width:173px; }
	@media all and (min-width:1200px) {
		.responsive .boxed.wrapper { max-width:1200px; }
	}
</style>

<script>
document.addEventListener('contextmenu', e => e.preventDefault());
document.addEventListener('selectstart', e => e.preventDefault());
document.addEventListener('dragstart', e => e.preventDefault());
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var style = document.createElement('style');
  style.innerHTML = '* { outline: none !important; }';
  document.head.appendChild(style);
});
</script>

<div id="omg-live-banner">
    <canvas id="omg-bg-canvas"></canvas>

    <div id="omg-banner-inner">
                <span id="omg-banner-icon">🎵</span>
        <span id="omg-banner-text">
            지금 <strong>오마이걸 효정</strong>의 <strong>볼륨을 높여요</strong> 방송중 입니다!
            &nbsp;
            <em>PM 20:00 ~ PM 21:55</em>
        </span>
        <button id="omg-banner-close" title="오늘 하루 닫기" onclick="event.stopPropagation()">✕</button>
    </div>
</div>

<style>
#omg-live-banner {
    position: relative;
    width: 100%;
    background: #f0f0f5;
    color: #2a2a3a;
    z-index: 99999;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,.12);
    animation: omgFadeIn .5s ease;
    cursor: pointer;
}


@keyframes omgFadeIn {
    from { opacity: 0; transform: translateY(-100%); }
    to   { opacity: 1; transform: translateY(0); }
}

#omg-bg-canvas {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    pointer-events: none;
}

#omg-banner-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 48px;
    gap: 8px;
    flex-wrap: wrap;
    pointer-events: none;   /* 내부 요소는 배너 클릭 통과 */
}

/* 닫기 버튼만 pointer-events 복구 */
#omg-banner-close {
    pointer-events: auto;
}

#omg-test-badge {
    background: #ff6b35;
    color: #fff;
    font-size: 0.72em;
    font-weight: bold;
    padding: 2px 8px;
    border-radius: 12px;
    letter-spacing: 0.04em;
    pointer-events: none;
}

#omg-banner-icon {
    font-size: 1.3em;
    animation: omgPulse 1.2s infinite;
}

@keyframes omgPulse {
    0%,100% { transform: scale(1); }
    50%      { transform: scale(1.25); }
}

#omg-banner-text {
    font-size: 0.97em;
    text-align: center;
    line-height: 1.5;
}

#omg-banner-text em {
    opacity: .75;
    font-size: .9em;
}

@media (max-width: 767px) {
    #omg-banner-text em { display: block; margin-top: 2px; }
}

#omg-banner-close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.2);
    color: #444;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    transition: background .2s;
}
#omg-banner-close:hover { background: rgba(0,0,0,.18); }

</style>

<script>
(function(){
    var banner  = document.getElementById('omg-live-banner');
    if (!banner) return;

    var linkUrl    = "\/kbsradio.php";
    var testMode   = false;
    var isSuperAdmin = false;

    banner.addEventListener('click', function(){
        if (linkUrl) window.location.href = linkUrl;
    });

    var today = new Date();
    var ymd = today.getFullYear()
        + String(today.getMonth()+1).padStart(2,'0')
        + String(today.getDate()).padStart(2,'0');
    var cookieName = 'omg_banner_closed_' + ymd;

    document.getElementById('omg-banner-close').addEventListener('click', function(e){
        e.stopPropagation();
        var midnight = new Date();
        midnight.setHours(23,59,59,999);
        document.cookie = cookieName + '=1; expires=' + midnight.toUTCString() + '; path=/';
        banner.style.transition = 'opacity .4s';
        banner.style.opacity = '0';
        setTimeout(function(){ banner.style.display = 'none'; }, 400);
    });

    if (!testMode) {
        var endHour = 21;
        var endMin  = 55;
        function autoHide(){
            var now = new Date();
            if (now.getHours()*60 + now.getMinutes() > endHour*60 + endMin){
                banner.style.transition = 'opacity .5s';
                banner.style.opacity = '0';
                setTimeout(function(){ banner.style.display='none'; }, 500);
            }
        }
        setInterval(autoHide, 30000);
    }
})();

(function(){
    var canvas = document.getElementById('omg-bg-canvas');
    if (!canvas) return;

    var ctx = canvas.getContext('2d');

    var COLORS = [
        'rgba(180,150,220,0.45)',  // purple
        'rgba(100,180,230,0.45)',  // sky
        'rgba(240,180,200,0.45)',  // pink
        'rgba(180,220,180,0.40)',  // green
        'rgba(240,210,140,0.40)',  // yellow
    ];

    function getColors(){ return COLORS; }

    var COUNT = 16;
    var particles = [];

    function resize(){
        canvas.width  = canvas.offsetWidth;
        canvas.height = canvas.offsetHeight;
    }
    window.addEventListener('resize', function(){ resize(); initParticles(); });
    resize();

    function rand(min,max){ return Math.random()*(max-min)+min; }

    function createParticle(){
        var types  = ['circle','triangle','square','diamond'];
        var colors = getColors();
        return {
            x:     rand(0, canvas.width),
            y:     rand(0, canvas.height),
            size:  rand(5, 14),          // �
            vx:    rand(-0.18, 0.18),
            vy:    rand(-0.18, 0.18),
            angle: rand(0, Math.PI*2),
            vAngle: (Math.random()-.5)*0.008,
            type:  types[Math.floor(Math.random()*4)],
            color: colors[Math.floor(Math.random()*colors.length)]
        };
    }

    function initParticles(){
        particles = [];
        for (var i=0; i<COUNT; i++) particles.push(createParticle());
    }
    initParticles();

    function drawShape(p){
        ctx.save();
        ctx.translate(p.x, p.y);
        ctx.rotate(p.angle);
        ctx.strokeStyle = p.color;
        ctx.lineWidth   = 1;
        ctx.beginPath();

        var s = p.size;
        if (p.type === 'circle'){
            ctx.arc(0, 0, s, 0, Math.PI*2);
            ctx.globalAlpha = 0.55;
            ctx.fillStyle   = p.color;
            ctx.fill();
        } else if (p.type === 'square'){
            ctx.rect(-s, -s, s*2, s*2);
            ctx.stroke();
        } else if (p.type === 'diamond'){
            ctx.moveTo(0,-s*1.2);
            ctx.lineTo(s*1.2,0);
            ctx.lineTo(0,s*1.2);
            ctx.lineTo(-s*1.2,0);
            ctx.closePath();
            ctx.stroke();
        } else {
            // triangle
            ctx.moveTo(0,-s);
            ctx.lineTo(s,s);
            ctx.lineTo(-s,s);
            ctx.closePath();
            ctx.stroke();
        }

        ctx.restore();
        ctx.globalAlpha = 1;
    }

    function drawLines(){
        for (var i=0; i<particles.length; i++){
            for (var j=i+1; j<particles.length; j++){
                var dx   = particles[i].x - particles[j].x;
                var dy   = particles[i].y - particles[j].y;
                var dist = Math.sqrt(dx*dx + dy*dy);
                if (dist < 130){
                    ctx.beginPath();
                    ctx.moveTo(particles[i].x, particles[i].y);
                    ctx.lineTo(particles[j].x, particles[j].y);
                    var alpha = (0.12 - dist/1300) * 0.7;
                    ctx.strokeStyle = 'rgba(150,150,200,' + Math.max(0,alpha) + ')';
                    ctx.lineWidth   = 0.7;
                    ctx.stroke();
                }
            }
        }
    }

    function update(){
        ctx.clearRect(0,0,canvas.width,canvas.height);

        particles.forEach(function(p){
            p.x     += p.vx;
            p.y     += p.vy;
            p.angle += p.vAngle;
            if (p.x < -20 || p.x > canvas.width +20) p.vx *= -1;
            if (p.y < -20 || p.y > canvas.height+20) p.vy *= -1;
        });

        drawLines();
        particles.forEach(drawShape);
        requestAnimationFrame(update);
    }

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

      ga('create', 'UA-48053921-2', 'auto');
      ga('send', 'pageview');
    </script>
<script type="text/javascript" src="https://wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "11212632fae763c";
if(window.wcs) {
  wcs_do();
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>
    <script>
        $(document).ready(function(){
            var clipboard = new Clipboard('.btn');
            clipboard.on('success', function(e) {
                console.log("Success");
                var selection = window.getSelection();
                selection.removeAllRanges();
            });
            clipboard.on('error', function(e) {
                console.log("Fail");
            });
        });
    </script>
<div id="thema_wrapper" class="wrapper  ko">
<style>

	#jlmvoungwfrtshqipk .item { background-size:cover; background-position:center center; background-repeat:no-repeat; }
	#jlmvoungwfrtshqipk .img-wrap { padding-bottom:75px; }
	#jlmvoungwfrtshqipk .tab-indicators { position:absolute; left:0; bottom:0; width:100%; }
	#jlmvoungwfrtshqipk .nav a { background: rgba(255,255,255, 0.9); color:#000; border-radius: 0px; margin:0px; }
	#jlmvoungwfrtshqipk .nav a:hover, #jlmvoungwfrtshqipk .nav a:focus,
	#jlmvoungwfrtshqipk .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="jlmvoungwfrtshqipk" 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['jlmvoungwfrtshqipk'].style.display = "block";
	}else{
		document.all['jlmvoungwfrtshqipk'].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['jlmvoungwfrtshqipk'].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>05월 25일(<font color="#13a864">월</font>)</a></li>
														<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=45&no=1" target="_blank"><span class="hidden-xs">OHMYGIRL b.stage</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=8&no=1" target="_blank"><span class="hidden-xs">Daum Cafe</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=3&no=1" target="_blank"><span class="hidden-xs">X</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=4&no=1" target="_blank"><span class="hidden-xs">Instagram</span></a></li>
														<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=43&no=1" target="_blank"><span class="hidden-xs">Weverse ARIN</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=7&no=1" target="_blank"><span class="hidden-xs">Youtube</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=38&no=1" target="_blank"><span class="hidden-xs">Tiktok</span></a></li>
							<li><a href="/bbs/link.php?bo_table=favorites_board&wr_id=21&no=1" target="_blank"><span class="hidden-xs">MIRACLE</span></a></li>
							<li><a href="https://www.melon.com/artist/album.htm?artistId=857994" target="_blank"><span class="hidden-xs">MUSIC</span></a></li>
				</ul>
			</div>
			<!-- LNB Right -->
			<div class="pull-right">
				<ul>
																														</ul>
			</div>
			<div class="clearfix"></div>
		</div>
	</aside>
	<header class="pc-header">
		<div class="at-container">
			<div class="header-logo">
				<a href="https://ohmygirl.cc"> <!--<a href="javascript:void(0)" onclick="window.location.href='https://ohmygirl.cc'; return false;">-->
					<span class="blue"><img src="https://ohmygirl.cc/img/logo.gif" style="margin:0 auto; width:100%;" alt="오마이걸 커뮤니티"></span>
				</a>
			</div>
			<div class="clearfix"></div>
		</div>
		</header>
	<header class="m-header">
		<div class="at-container">
			<div class="header-wrap">
								<div class="header-icon">
								<!--<a href="https://ohmygirl.cc/bbs/register.php"><i class="fa fa-sign-in"></i></a>-->		</div>
						<div class="header-logo en">
					<a href="https://ohmygirl.cc">
						<i class="fa fa-home"></i> <b>OHMYGIRL</b> Community
					</a>
				</div>
								<div class="header-icon">
												</div>
			</div>
			<div class="clearfix"></div>
		</div>
	</header>
	<nav class="at-menu">
		<div class="pc-menu">
			<div class="at-container">
				<div class="nav-right nav-rw nav-height">
					<ul>
																		<li class="menu-all-icon admin"  data-original-title="<nobr>사이드메뉴 ON/OFF</nobr>" data-toggle="tooltip" data-placement="top" data-html="true">
							<a href="javascript:;" id="sidebar-toggle-btn">
								<i class="fa fa-lightbulb-o" id="sidebar-toggle-icon"></i>
							</a>
						</li>
												<li class="menu-all-icon" data-original-title="<nobr>전체메뉴</nobr>" data-toggle="tooltip" data-placement="top" data-html="true">
							<a href="javascript:;" data-toggle="collapse" data-target="#menu-all">
								<i class="fa fa-th"></i>
							</a>
						</li>
					</ul>
					<div class="clearfix"></div>
				</div>
			</div>
			

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

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

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

	<div class="m-sub">
		<div class="at-container">
			<div class="m-nav-sub en" id="mobile_nav_sub">
				<ul class="clearfix">
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice">
								공지사항															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice">
								오마이걸 공식자료																	<font color="#B9AAD1"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/yooa.php">
								유아 사람Ent b.stage <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board">
								오마이걸 자유게시판																	<font color="#B9AAD1"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=attendance2">
								 커뮤니티 출석부																	<font color="#B9AAD1"><i class="fa fa-spinner fa-spin"></i></font>
															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/album/index.php">
								오마이걸 앨범 목록 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_event">
								커뮤니티 이벤트															</a>
						</li>
										<li>
							<a href="https://ohmygirl.cc/bbs/board.php?bo_table=omg_naver_news">
								오마이걸 소식 뉴스 <i class='fa fa-spinner fa-spin' style='color:#ff6b6b;'></i>  															</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">
					<style>
.amina-header { line-height:22px; margin-bottom:15px; }
.amina-header .header-breadcrumb { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .amina-header .header-breadcrumb { display:none; }
}
</style>
<div class="amina-header">
	<span class="header-breadcrumb pull-right text-muted">
		<i class="fa fa-home"></i> 홈
		 > 커뮤니티		 > 공지사항			</span>
	<div class="div-title-underbar font-18">
		<span class="div-title-underbar-bold border-red">
			<b>공지사항</b>
		</span>
	</div>
</div>
	<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");
            });
            // 아래와 같이 button 태그만 가져오는 방법도 가능하다.
            /*
            var btns = document.querySelectorAll('button');
            var clipboard = new Clipboard(btns);
            */
        });
    </script>
<style>
	.view-wrap h1 .talker-photo i { color:rgb(51, 51, 51); }
</style>
<script src="https://ohmygirl.cc/js/viewimageresize.js"></script>

<div class="view-wrap">

	
<form name="f_scrap_popin" action="https://ohmygirl.cc/bbs/scrap_popin_update.php" method="post">
    <input type="hidden" name="bo_table" value="notice">
    <input type="hidden" name="wr_id" value="36">
    <input type="hidden" name="wr_content" value="">
</form>
<script type="text/javascript">
function scrap_submit() {
var param = $("form[name=f_scrap_popin]").serialize();
$.ajax({
    url: g5_bbs_url+"/scrap_popin_update.php",
    type: "POST",
    data: param,
    success:function(data){
        console.log(data);
        var a_comment = /<noscript>(([\s\S]+?[\s\S]))<\/p>/.exec(data);
            if (a_comment != null)
            {
                var content = String(a_comment[1].trim());
                content = content.substring(3,content.length);
                alert(content);
            }
    },
    error:function(data){
        alert("error");
    }
});
}
</script>
<script src="../js/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn-clipboard-subject', {
        text: function() {
            return 'https://ohmygirl.cc/notice/36';
        }
    });
  
    clipboard.on('success', function(e) {
        console.log(e);
    });
  
    clipboard.on('error', function(e) {
        console.log(e);
    });
</script>
<style>
button.btn-clipboard-subject {display:inline-block;margin:0;padding:5px 7px;line-height:12px;border:0px solid #ccc;background:#FFFFFF;color:#555;text-decoration:none}
button.btn-clipboard-subject:focus, button.btn-clipboard-subject:hover {color:#000}
</style>
<span style="white-space:pre;"></span>
 <script type="text/javascript" src="../js/clipboard.min.js" charset="utp-8"></script>
  <script>
    var clipboard = new Clipboard('.btn');
    clipboard.on('success', function(e) {
        //alert("이 글의 단축 주소가 복사 되었습니다.");
    });
     clipboard.on('error', function(e) {
       //alert("이 글의 단축 주소가 복사 실패 되었습니다.");
    });
 </script>
<h1>
	OMGFAN 커뮤니티 소셜 로그인 지원 안내</h1>
<div class="panel panel-default view-head no-attach">
	<div class="panel-heading">
		<div class="ellipsis text-muted font-12">
			<i class="fa fa-eye"></i>
			3173			<span class="sp"></span>
			<!--<button class="btn btn-sm btn-black" data-clipboard-text="https://ohmygirl.cc/notice/36"><i class="fa fa-chain-broken"></i> 주소복사</button>
				<span class="sp"></span>-->
										<span class="pull-right">
				<i class="fa fa-clock-o"></i>
				17.04.25 10:59				</span>
			<!--<span class="hidden-xs pull-right">
			<span class="pull-right">
				<i class="fa fa-clock-o"></i>
								17.04.25 10:59															</span>-->
			</div>
	</div>
	<div class="list-group-item break-word" style="padding:5px 0px; border-width:0px 0px 1px 0px;">
<button class="btn-clipboard-subject cursor at-tip" data-toggle="tooltip" data-trigger="click focus" data-placement="right" data-original-title="클릭하면 주소가 복사됩니다."><i class="fa fa-share-alt"></i> 주소복사 : https://ohmygirl.cc/notice/36</button></div>
   </div>

<div class="view-padding">
	
	<div class="view-img">
</div>
	
		<!-- Added by AutoSourcing Plugin -->
		<style type="text/css">
		div.autosourcing-stub { position:absolute; z-index:-9999; }
		div.autosourcing-stub-extra { position:absolute; opacity:0 }
		</style>
		<script type="text/javascript" src="https://ohmygirl.cc/plugin/autosourcing/autosourcing.open.compact.js"></script>
		<script type="text/javascript">
		AutoSourcing.setTemplate("<p style=\"margin:10px 0px; padding:0px;\"><cite><a href=\"{link}\" target=\"_blank\">[출처] {title} - {name}</a></cite></p>");
		window.onload = function(){ AutoSourcing.init("autosourcing_%id%") };
		</script>

	<script type="text/javascript">
	AutoSourcing.setString(1, "OMGFAN 커뮤니티 소셜 로그인 지원 안내", "오마이걸 커뮤니티(OH MY GIRL)", "https://ohmygirl.cc/bbs/board.php?bo_table=notice&wr_id=36");
	</script>
	<div id="autosourcing_1">
	<div class="view-content">
		<p>안녕하세요. OMGFAN 입니다.</p><p><br /></p><p>OMGFAN 커뮤니티 에서도 소셜 로그인 서비스를 지원하게 되었습니다.</p><p><br /></p><p><img itemprop="image" content="https://ohmygirl.cc/data/editor/1704/cb6f5f2785d479b5b138f1ed3599654d_1493085430_6275.png" src="https://ohmygirl.cc/data/editor/1704/cb6f5f2785d479b5b138f1ed3599654d_1493085430_6275.png" class="img-tag "/></p><p><br style="clear:both;" />기존에 사용하시던 네이버 , 카카오톡 , 페이스북 , 트위터 , 구글+ 등 계정이 있다면 바로 가입이 완료 됩니다.<br /></p>	</div>
	</div>
	</div>

	<script>
function open_profile(mb_id) {
    location.href = '/bbs/profile.php?mb_id=' + encodeURIComponent(mb_id);
}
</script>
	<div class="h40"></div>


		<div class="print-hide view-icon view-padding">
			<!--<a href="https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=facebook" onclick="apms_sns('facebook','https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=facebook'); return false;" target="_blank"><img src="https://ohmygirl.cc/img/sns/facebook.png" alt="Facebook"></a>
<a href="https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=twitter" onclick="apms_sns('twitter','https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=twitter'); return false;" target="_blank"><img src="https://ohmygirl.cc/img/sns/twitter.png" alt="Twitter"></a>
<a href="https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=kakaotalk" onclick="kakaolink_send('OMGFAN 커뮤니티 소셜 로그인 지원 안내','https://ohmygirl.cc/bbs/board.php?bo_table=notice&page=20&wr_id=36','https://ohmygirl.cc/data/editor/1704/cb6f5f2785d479b5b138f1ed3599654d_1493085430_6275.png'); return false;" target="_blank"><img src="https://ohmygirl.cc/img/sns/kakaotalk.png" alt="KakaoTalk"></a>
<a href="https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=naverband" onclick="apms_sns('naverband','https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=naverband'); return false;" target="_blank"><img src="https://ohmygirl.cc/img/sns/naverband.png" alt="NaverBand"></a>
<a href="https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=naver" onclick="apms_sns('naver','https://ohmygirl.cc/bbs/sns_send.php?longurl=https%3A%2F%2Fohmygirl.cc%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36&amp;title=OMGFAN+%EC%BB%A4%EB%AE%A4%EB%8B%88%ED%8B%B0+%EC%86%8C%EC%85%9C+%EB%A1%9C%EA%B7%B8%EC%9D%B8+%EC%A7%80%EC%9B%90+%EC%95%88%EB%82%B4&amp;sns=naver'); return false;" target="_blank"><img src="https://ohmygirl.cc/img/sns/naver.png" alt="Naver"></a>
-->
			<span class="pull-right">
															</span>
	<div class="clearfix"></div>
</div>
	<div class="view-author-none"></div>

	<script>
	// 글자수 제한
	var char_min = parseInt(10); // 최소
	var char_max = parseInt(0); // 최대
	</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");
            });
            // 아래와 같이 button 태그만 가져오는 방법도 가능하다.
            /*
            var btns = document.querySelectorAll('button');
            var clipboard = new Clipboard(btns);
            */
        });
    </script>
<div id="viewcomment">
	</div>

		<script src="https://ohmygirl.cc/js/md5.js"></script>

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

	<div class="view-btn text-right">
		<div class="btn-group" role="group">
								<button class="btn btn-black btn-sm" data-clipboard-text="https://ohmygirl.cc/notice/36"><i class="fa fa-share-alt"></i> 주소복사</button>
													<a role="button" href="./password.php?w=d&amp;bo_table=notice&amp;wr_id=36&amp;page=20&amp;page=20" class="btn btn-black btn-sm" title="삭제" onclick="del(this.href); return false;">
					<i class="fa fa-times"></i><span class="hidden-xs"> 삭제</span>
				</a>
										<a role="button" href="./password.php?w=u&amp;bo_table=notice&amp;wr_id=36&amp;page=20&amp;page=20" class="btn btn-black btn-sm" title="수정">
					<i class="fa fa-plus"></i><span class="hidden-xs"> 수정</span>
				</a>
														<a role="button" href="./board.php?bo_table=notice&amp;page=20" class="btn btn-black btn-sm">
					<i class="fa fa-bars"></i> 목록
				</a>
											</div>
		<div class="clearfix"></div>
	</div>
</div>
<script>
function board_move(href){
	window.open(href, "boardmove", "left=50, top=50, width=500, height=550, scrollbars=1");
}
$(function() {
	/*$(".view-content a").each(function () {
		$(this).attr("target", "_blank");
    }); */

	$("a.view_image").click(function() {
		window.open(this.href, "large_image", "location=yes,links=no,toolbar=no,top=10,left=10,width=10,height=10,resizable=yes,scrollbars=no,status=no");
		return false;
	});
	});
</script>
<div id="login-modal">
    <div class="modal-content">
        <span class="close-icon" onclick="closeModal()">×</span>
        <div class="profile-image">
            <img src="https://blog.kakaocdn.net/dn/bcm5mq/btsMQcf6S7M/9a8zIQ7pXVBrKOixOUuthK/img.gif" alt="오마이걸 커뮤니티">
        </div>
        <h2 class="username">오마이걸 커뮤니티 글 더 보기</h2>
        <p class="description">오마이걸 커뮤니티에서 사진, 동영상 등 다양한 콘텐츠를 확인해보세요.</p>
        <a href="/bbs/login.php" class="instagram-btn">가입하기</a>
        <a href="/bbs/login.php" class="login-btn">로그인하기</a>
        <p class="terms">계속하면 오마이걸 커뮤니티 이용 약관 및 개인정보처리방침에 동의하게 됩니다.</p>
    </div>
</div>

<style>
#login-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.modal-content {
    background: white;
    padding: 25px 20px;
    border-radius: 12px;
    text-align: center;
    width: 90%;
    max-width: 400px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    position: relative;
}

.close-icon {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    color: #888;
    cursor: pointer;
}

.profile-image {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 15px;
    overflow: hidden;
    background-color: #f5f5f5;
}

.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.username {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #262626;
    margin-bottom: 10px;
}

.description {
    font-size: 14px;
    color: #666;
    margin: 10px 0 20px;
    line-height: 1.4;
    padding: 0 10px;
}

.instagram-btn {
    display: block;
    background: #0095f6;
    color: white !important;
    padding: 12px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
}

.login-btn {
    display: block;
    width: 100%;
    background: #f5f5f5;
    color: #333;
    padding: 12px;
    border-radius: 5px;
    text-decoration: none;
    margin-bottom: 15px;
    border: none;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
}

.terms {
    font-size: 12px;
    color: #8e8e8e;
    margin: 5px 0;
    line-height: 1.4;
}
</style>

<script>
function closeModal() {
    document.getElementById('login-modal').style.display = 'none';
}

document.addEventListener('DOMContentLoaded', function () {
    const modal = document.getElementById('login-modal');
    const content = document.querySelector('.modal-content');

    modal.addEventListener('click', function (e) {
        if (!content.contains(e.target)) {
            closeModal();
        }
    });
});

document.addEventListener('keydown', function (e) {
    if (e.key === 'Escape') {
        closeModal();
    }
});

// 모달 표시 테스트용 (실제로는 PHP 코드에서 제어됨)
// setTimeout(function() {
//     document.getElementById('login-modal').style.display = 'flex';
// }, 500);
</script>
	<style>
		#moreMenu{display:none}
	</style>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>-->
<script> 
$(document).ready(function(){
    $("#flip").click(function(){
        $("#panel").slideToggle("slow");
    });
});
</script>
<style> 
#panel {
    display: none;
}
</style>
<script src="https://ohmygirl.cc/skin/board/Basic-Board/js/cute-alert.js"></script>
<link rel="stylesheet" href="https://ohmygirl.cc/skin/board/Basic-Board/css/style.css">
<script type="text/javascript">
  function go_popup() {
    $('#popup').bPopup();
  };
</script>
<style type="text/css">
.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: auto;
 border: 5px solid #fff;
 padding: 5px;
 background-color: #fff;
}

.b-close {
 position: absolute;
 right: 5px;
 top: 15px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
}
</style>
<section class="board-list"> 
	
		<div class="list-wrap">
		<form name="fboardlist" id="fboardlist" action="./board_list_update.php" onsubmit="return fboardlist_submit(this);" method="post" role="form" class="form">
			<input type="hidden" name="bo_table" value="notice">
			<input type="hidden" name="sfl" value="">
			<input type="hidden" name="stx" value="">
			<input type="hidden" name="spt" value="">
			<input type="hidden" name="sca" value="">
			<input type="hidden" name="sst" value="wr_num, wr_reply">
			<input type="hidden" name="sod" value="">
			<input type="hidden" name="page" value="20">
			<input type="hidden" name="sw" value="">
						<div class="list-board">
	<div class="list-head div-head border-color">
							<span class="wr-num hidden-xs">번호</span>
						<span class="wr-subject">제목</span>
							<span class="wr-date hidden-xs"><a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;page=20&amp;wr_id=36&amp;sop=and&amp;sst=wr_datetime&amp;sod=desc&amp;sfl=&amp;stx=&amp;sca=">날짜</a></span>
													</div>
	<ul id="list-body" class="list-body">
		<meta name="robots" content="noindex, nofollow">
	<li class="list-item bg-light">
							<div class="wr-num hidden-xs"><span class="wr-icon wr-notice"></span></div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=350&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<b class="wr-hidden"><font color="red">[*]</font></b>				<!--비밀글입니다.-->
				<b>오마이걸 커뮤니티 앱 설치 안내</b>							</a>
					</div>
							<div class="wr-date hidden-xs">
				2026.04.27			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item bg-light">
							<div class="wr-num hidden-xs"><span class="wr-icon wr-notice"></span></div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=318&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<b class="wr-hidden"><font color="red">[*]</font></b>				<!--비밀글입니다.-->
				<b>오마이걸 커뮤니티 X 계정 안내</b>							</a>
					</div>
							<div class="wr-date hidden-xs">
				2024.04.10			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item bg-light">
							<div class="wr-num hidden-xs"><span class="wr-icon wr-notice"></span></div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=77&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<b class="wr-hidden"><font color="red">[*]</font></b>				<!--<b>OMGFAN 커뮤니티 비밀번호 변경 주기 안내</b>-->
				<b>OMGFAN 커뮤니티 비밀번호 변경 주기 안내</b>							</a>
					</div>
							<div class="wr-date hidden-xs">
				2017.12.09			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">42</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=43&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 업데이트 적용-->
				OMGFAN 커뮤니티 업데이트 적용							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.07.07					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.07.07			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">41</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=41&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 회원정보 수정안내-->
				OMGFAN 커뮤니티 회원정보 수정안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.06.25					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.06.25			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">40</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=40&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 업데이트 적용-->
				OMGFAN 커뮤니티 업데이트 적용							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.06.19					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.06.19			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">39</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=39&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 업데이트 적용-->
				OMGFAN 커뮤니티 업데이트 적용							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.05.27					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.05.27			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">38</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=38&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 복구 완료 안내-->
				OMGFAN 커뮤니티 복구 완료 안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.05.18					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.05.18			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">37</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=37&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 글보내기 이미지 문제 수정완료-->
				OMGFAN 커뮤니티 글보내기 이미지 문제 수정완료							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.05.16					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.05.16			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item bg-light">
							<div class="wr-num hidden-xs"><span class="wr-text orangered">열람중</span></div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=36&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--<b class="red">OMGFAN 커뮤니티 소셜 로그인 지원 안내</b>-->
				<b class="red">OMGFAN 커뮤니티 소셜 로그인 지원 안내</b>							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.04.25					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.04.25			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">35</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=35&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 점검 완료-->
				OMGFAN 커뮤니티 점검 완료							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.04.21					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.04.21			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">34</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=34&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 서버 점검 완료-->
				OMGFAN 커뮤니티 서버 점검 완료							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.04.12					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.04.12			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">33</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=33&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 서버 점검안내-->
				OMGFAN 커뮤니티 서버 점검안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.04.01					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.04.01			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">32</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=32&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 접속주소 안내-->
				OMGFAN 커뮤니티 접속주소 안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.04.01					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.04.01			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">31</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=31&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 보안 로그인 안내-->
				OMGFAN 커뮤니티 보안 로그인 안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.03.30					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.03.30			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">30</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=30&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 업데이트 적용-->
				OMGFAN 커뮤니티 업데이트 적용							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.02.24					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.02.24			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">29</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=29&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 접속 지연 안내-->
				OMGFAN 접속 지연 안내							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.01.29					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.01.29			</div>
													</li>
	<meta name="robots" content="noindex, nofollow">
	<li class="list-item">
							<div class="wr-num hidden-xs">28</div>
						<div class="wr-subject">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;wr_id=28&amp;page=20" class="item-subject">
				<!-- -->
				<!--<b></b>-->
																<span class="wr-icon wr-hot"></span>				<!--OMGFAN 커뮤니티 업데이트 적용-->
				OMGFAN 커뮤니티 업데이트 적용							</a>
							<div class="item-details text-muted font-12 visible-xs ellipsis">
																																			<span>
						<i class="fa fa-clock-o"></i>
						2017.01.17					</span>
										<!--
					<i class="fa fa-user-o"></i>
										-->
				</div>
					</div>
							<div class="wr-date hidden-xs">
				2017.01.17			</div>
													</li>
	</ul>
	<div class="clearfix"></div>
		</div>
			<div class="list-btn">
				<div class="form-group pull-right">
					<div class="btn-group dropup" role="group">
						<ul class="dropdown-menu sort-drop" role="menu" aria-labelledby="sortLabel">
							<li>
								<a href="./board.php?bo_table=notice&amp;sca=">
									<i class="fa fa-power-off"></i> 초기화
								</a>
							</li>
							<li>
								<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;page=20&amp;wr_id=36&amp;sop=and&amp;sst=wr_datetime&amp;sod=desc&amp;sfl=&amp;stx=&amp;sca=">									<i class="fa fa-clock-o"></i> 날짜순
								</a>
							</li>
							<li>
								<a href="https://ohmygirl.cc/bbs/board.php?bo_table=notice&amp;page=20&amp;wr_id=36&amp;sop=and&amp;sst=wr_hit&amp;sod=desc&amp;sfl=&amp;stx=&amp;sca=">									<i class="fa fa-eye"></i> 조회순
								</a>
							</li>
																																																														</ul>
												<a id="sortLabel" role="button" data-target="#" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-black btn-sm">
							<i class="fa fa-sort"></i> 정렬						</a>
												<!---->
					</div>
				</div>
				<div class="form-group pull-left">
					<div class="btn-group" role="group">
													<a role="button" href="./rss.php?bo_table=notice" class="btn btn-color btn-sm"><i class="fa fa-rss"></i></a>
						<div id="flip" class="btn btn-black btn-sm" disabled><i class="fa fa-search"></i> 검색</div>
					</div>
				</div>
				<div class="form-group pull-left">
			
		</form>
				</div>
				<div class="clearfix"></div>
			</div>

								<div class="list-page text-center">
				<ul class="pagination en no-margin">
										<li><a href="./board.php?bo_table=notice&amp;page=1"><i class="fa fa-angle-double-left"></i></a></li><li><a href="./board.php?bo_table=notice&amp;page=10"><i class="fa fa-angle-left"></i></a></li><li><a href="./board.php?bo_table=notice&amp;page=11">11</a></li><li><a href="./board.php?bo_table=notice&amp;page=12">12</a></li><li><a href="./board.php?bo_table=notice&amp;page=13">13</a></li><li><a href="./board.php?bo_table=notice&amp;page=14">14</a></li><li><a href="./board.php?bo_table=notice&amp;page=15">15</a></li><li><a href="./board.php?bo_table=notice&amp;page=16">16</a></li><li><a href="./board.php?bo_table=notice&amp;page=17">17</a></li><li><a href="./board.php?bo_table=notice&amp;page=18">18</a></li><li><a href="./board.php?bo_table=notice&amp;page=19">19</a></li><li class="active"><a>20</a></li><li><a href="./board.php?bo_table=notice&amp;page=21"><i class="fa fa-angle-right"></i></a></li><li><a href="./board.php?bo_table=notice&amp;page=22"><i class="fa fa-angle-double-right"></i></a></li>									</ul>
			</div>

<script>
$(document).ready(function() {
    function initCheckAll() {
        $("#btn_chkall").off('click').on('click', function(){
            var clicked_checked = $(this);
            if(clicked_checked.hasClass('active')) {
                all_checked(false);
                clicked_checked.removeClass('active');
            } else {
                all_checked(true);
                clicked_checked.addClass('active');
            }
        });
    }
    
    function setupSearchButtonHandler() {
        $("#flip").off('click').on('click', function(){
            $("#panel").slideToggle("slow");
        });
    }
    
    function setupWindowLinks() {
        $('.win_memo, .win_point, .win_good, .win_nogood').off('click').on('click', function(e) {
            e.preventDefault();
            var url = $(this).attr('href');
            if (url) {
                window.open(url, 'win_memo', 'width=600,height=400,scrollbars=yes,resizable=yes');
            }
        });
    }
    
    function setupPaginationHandlers() {
        $('.pagination a').off('click').on('click', function(e) {
            e.preventDefault();
            
            var pageUrl = $(this).attr('href');
            if (!pageUrl) return;
            var boardContainer = $('.list-wrap').closest('section');
            boardContainer.append('<div id="ajax_loading" style="position:fixed;left:50%;top:50%;transform:translate(-50%, -50%);z-index:9999;text-align:center;padding:20px;background:rgba(255,255,255,0.8);border-radius:5px;"><i class="fa fa-spinner fa-spin fa-2x"></i></div>');
            $('.list-wrap').css('opacity', '0.5');
            setTimeout(function() {
                loadPage(pageUrl);
            }, 50);
        });
    }
    
    function loadPage(url) {
        var boardContainer = $('.list-wrap').closest('section');
        
        $.ajax({
            url: url,
            type: 'GET',
            dataType: 'html',
            cache: false,
            success: function(data) {
                var newContent = $(data).find('.list-wrap').html();
                var newPagination = $(data).find('.list-page').html();
                
                if (newContent) {
                    $('.list-wrap').html(newContent).css('opacity', '1');
                    $('.list-page').html(newPagination);
                    
                    if (window.history && window.history.pushState) {
                        window.history.pushState(null, null, url);
                    }
                    
                    initEventHandlers();
                    
                    $('html, body').animate({
                        scrollTop: boardContainer.offset().top - 20
                    }, 100);
                } else {
                    window.location.href = url;
                }
            },
            error: function() {
                window.location.href = url;
            },
            complete: function() {
                $('#ajax_loading').remove();
            }
        });
    }
    
    function all_checked(sw) {
        var f = document.fboardlist;
        if(typeof(f) != 'undefined') {
            for (var i=0; i<f.length; i++) {
                if (f.elements[i].name == "chk_wr_id[]")
                    f.elements[i].checked = sw;
            }
        }
    }
    
    function initEventHandlers() {
        setupPaginationHandlers();
        setupSearchButtonHandler();
        setupWindowLinks();
        initCheckAll();
        
        $("input[name='chk_wr_id[]']").on('change', function() {
            if ($("input[name='chk_wr_id[]']").length === $("input[name='chk_wr_id[]']:checked").length) {
                $("#btn_chkall").addClass('active');
            } else {
                $("#btn_chkall").removeClass('active');
            }
        });
    }
    
    initEventHandlers();
    $(document).on('ready', initEventHandlers);
});
</script>
			<div class="clearfix"></div>

		<div class="modal fade" id="searchModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog modal-sm">
				<div class="modal-content">
					<div class="modal-body">
						<div class="text-center">
							<h4 id="myModalLabel"><i class="fa fa-search fa-lg"></i> Search</h4>
						</div>
						<form name="fsearch" method="get" role="form" class="form" style="margin-top:20px;">
							<input type="hidden" name="bo_table" value="notice">
							<input type="hidden" name="sca" value="">
							<div class="row row-15">
								<div class="col-xs-6 col-15">
									<div class="form-group">
										<label for="sfl" class="sound_only">검색대상</label>
										<select name="sfl" id="sfl" class="form-control input-sm">
											<option value="wr_subject">제목</option>
											<option value="wr_content">내용</option>
											<option value="wr_subject||wr_content">제목+내용</option>
											<option value="as_tag">태그</option>
											<option value="mb_id,1">회원아이디</option>
											<option value="mb_id,0">회원아이디(코)</option>
											<option value="wr_name,1">글쓴이</option>
											<option value="wr_name,0">글쓴이(코)</option>
										</select>
									</div>
								</div>
								<div class="col-xs-6 col-15">
									<div class="form-group">
										<select name="sop" id="sop" class="form-control input-sm">
											<option value="or">또는</option>
											<option value="and" selected="selected">그리고</option>
										</select>	
									</div>
								</div>
							</div>
							<div class="form-group">
								<label for="stx" class="sound_only">검색어<strong class="sound_only"> 필수</strong></label>
								<input type="text" name="stx" value="" required id="stx" class="form-control input-sm" maxlength="50" placeholder="검색어">
							</div>
							<div class="row row-15">
								<div class="col-xs-6 col-15">
									<button type="submit" class="btn btn-color btn-sm btn-block"><i class="fa fa-check"></i> 검색</button>
								</div>
								<div class="col-xs-6 col-15">
									<button type="button" class="btn btn-black btn-sm btn-block" data-dismiss="modal"><i class="fa fa-times"></i> 닫기</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
<div id="panel">
<div class="clearfix"></div>
<div class="modal-dialog modal-sm" id="searchModal2" style="width:100%; margin:0">
<form name="fsearch" method="get" role="form" class="form">
<input type="hidden" name="bo_table" value="notice">
<input type="hidden" name="sca" value="">
<input type="hidden" name="sop" value="and">
<div class="form-group" style="float:left; width:23%; margin-right:1%;">
<label for="sfl" class="sound_only">검색대상</label>
<select name="sfl" id="sfl" class="form-control input-sm">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="as_tag">태그</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="wr_subject||wr_content||as_tag||wr_link1">제목+내용+태그</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
</div>
<div class="form-group" style="float:left; width:52%;">
<label for="stx" class="sound_only">오마이걸 검색어 입력<strong class="sound_only"> 필수</strong></label>
<input type="text" name="stx" value="" required id="stx" class="form-control input-sm" maxlength="80" placeholder="오마이걸 검색어 입력">
</div>
<div class="btn-group btn-group-justified" style="float:left; width:23%; margin-left:1%;">
<div class="btn-group">
</div>
</div>
</div>
<div style="clear:both;"></div>
</form></div>
	
</section>

<!-- } 게시판 목록 끝 -->	
<!--<div class="h20"></div>--><script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-84540123-1', 'auto');
  ga('send', 'pageview');

</script>									</div>
						</div>
			</div>

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

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

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

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

<!--
-->

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

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

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

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

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

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

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

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

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

		</div>

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

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

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

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

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

<ul style="padding:0px 15px; margin:0; list-style:none;">
		<li><i class="fa fa-circle-o green"></i> <span class="pull-right">10,815,688 명</span>전체 방문자</li>
	<li><i class="fa fa-circle-o orangered"></i> <span class="pull-right">216.73.216.109</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=2213" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;<span class="orange">19:30</span>			</span>
			<span class="rank-icon en bg-red">1</span>			[#OHMYAir] 잠시 후 8시, ‘KBS Cool FM 오마이걸 효정의 볼륨을 높여요’에 #효정 이 출연합니다🔈✨		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2212" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.22			</span>
			<span class="rank-icon en bg-red">2</span>			[📣] HYOJUNG 1st Single Album [Purple Note] 키트 앨범 발매 기념 팬사인회 안내 [KiTbetter]		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2211" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.22			</span>
			<span class="rank-icon en bg-red">3</span>			[📣] HYOJUNG 1st Single Album [Purple Note] 예약 판매 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2210" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.21			</span>
			<span class="rank-icon en bg-red">4</span>			[📣] HYOJUNG 1ST SINGLE ALBUM [Purple Note] MV 스트리밍 이벤트 안내		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2209" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.21			</span>
			<span class="rank-icon en bg-red">5</span>			[📢] HYOJUNG 1ST SINGLE ALBUM 'Purple Note' 음원이 공개되었습니다.		</a> 
	</li>
	<li>
		<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2208" class="ellipsis">
			<span class="pull-right gray font-12">
								&nbsp;05.21			</span>
			<span class="rank-icon en bg-red">6</span>			효정(HYOJUNG) 1st Single Album 'Purple Note' 발매 안내		</a> 
	</li>
</ul>

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

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

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

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

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

	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggnkoGlW0N_RPW9aS1or8Mp4DVLZm9MIagegk7wrvvwyoM563uJX6FaubUd5Fw2n_LliQ7mM3b59cXOH1f9WCzyOnQE5UCNHd8fbmkYxqg-5_MniNYYLjjonYjwerYF67uGx85xQurU8YiWTHmVslGHafHxdKB0LRqlfBqr5rNNbZuCU0HbFP8DpdjSNHH/s2346/volumeup_891_706065524_17999762042949481_7959837257198801184_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25102" class="ellipsis">
												260525 오마이걸 효정의 볼륨을 높여요 인스타그램 스토리			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">20:00</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://ohmygirl.cc/data/member_image/ad/admin.gif" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_notice&amp;wr_id=2213" class="ellipsis">
												[#OHMYAir] 잠시 후 8시, ‘KBS Cool FM 오마이걸 효정의 볼륨을 높여요’에 #효정 이 출연합니다🔈✨			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">19:30</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ_3ZEOnRSdakPXyLieQx4aYLDIATs74Bw9AcDh3WXOKQmhjhJzHV42ThpUqarw3Km0vPf2avfYDBte3G5SOWLVJgabXJRqH1wXURwUOmMmxEtYeqxeXFSuSes7diPRIzT6fQ0jXBGibWgEyC09fMFwHhF2gva_nHFjVemMm78AuRi_FE6_pZSOdHHHHU0/s2160/yehun222_705428883_18459716761128265_1883956966535327816_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=gallery&amp;wr_id=25101" class="ellipsis">
												@candyz_hyojung ‘나의 작은 청춘에게’  뮤직비디오에서 기타를 담당하고 왔습니다🎸  #오마이걸 #효정			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">19:23</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1XbjTbUkRvEDfPCNe78bA5JkxEpnsV5wehcw751RTqNsE8E2zumz8T2wV6oNIJHtyJEALw3svl2gY5bOsrUfDzUZy_teUXKJht2gTxl5wMfRmazJ8zsZWvtcKUfuZn-aHUJJJa9t6ohU7uykqRNaUyaohcw5918DS-X8uLQeauBN9hi0kru7cVAG8bVkG/s2096/candyz_hyojung_707030554_18106192882987528_4019581675462010852_n.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board&amp;wr_id=13767" class="ellipsis">
												260525 오마이걸 효정 인스타그램 스토리			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">18:53</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://ohmygirl.cc/data/member_image/ad/admin.gif" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=video&amp;wr_id=17085" class="ellipsis">
								<span class="sr-secret"></span>				260525 만학도 지씨 EP.10 아침에 아이스크림 VS 밤에 커피, 웰에이징의 모든 것			</a>
			<div class="media-info ellipsis">
				OMG				<i class="fa fa-clock-o"></i> <span class="orange">17:07</span>			</div>
		</div>
	</div>
	<div class="sidebar-media media">
		<div class="media-photo pull-left">
			<img src="https://img.youtube.com/vi/yaojRpVGKDA/hqdefault.jpg" alt="">		</div>
		<div class="media-body">
			<a href="https://ohmygirl.cc/bbs/board.php?bo_table=ohmygirl_video&amp;wr_id=1174" class="ellipsis">
												찬란한 지금의 시작을 📣(&#038;#39;ᴗ&#038;#39; )و			</a>
			<div class="media-info ellipsis">
				OH_MY_GIRL				<i class="fa fa-clock-o"></i> <span class="orange">17:00</span>			</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=%2Fbbs%2Fboard.php%3Fbo_table%3Dnotice%26page%3D20%26wr_id%3D36">
			<i class="fa fa-power-off circle light-circle normal" style="color: #BAFFC9;"></i>
			<span>로그인</span>
		</a>
	</div>
	<div class="sidebar-icon-cell">
		<a href="https://ohmygirl.cc">
			<i class="fa fa-home circle light-circle normal"  style="color: #FFDFBA;"></i>
			<span>처음으로</span>
		</a>
	</div>
</div>
		<div class="h10"></div>

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

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

<ul class="sidebar-list list-links">
		<li><a href="//x.com/OHMYGIRL_ML" target="_blank"><i class="fa fa-twitter"></i> X</a></li>
	<li><a href="//x.com/OHMYGIRL_CF" target="_blank"><i class="fa fa-twitter-square"></i> X</a></li>
	<li><a href="//www.instagram.com/ohmygirl_ml" target="_blank"><font color="#c84797"><i class="fa fa-instagram"></i></font> Instagram</a></li>
	<li><a href="//www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA?sub_confirmation=1" target="_blank"><font color="#FF0133"><i class="fa fa-youtube-play"></i></font> Youtube</a></li>
	<li><a href="//ohmygirl.cc/wment.php" target="_blank"><font color="#426eff"><i class="fa fa-link"></i></font> Family Link</a></li>
		<li><a href="https://ohmygirl.cc/bbs/page.php?hid=guide"><font color="violet"><i class="fa fa-info-circle"></i></font> 이용안내</a></li>
	<li><a href="https://ohmygirl.cc/bbs/faq.php"><i class="fa fa-exclamation-circle"></i> 자주하시는 질문(FAQ)</a></li>
		<li><a href="https://ohmygirl.cc/bbs/board.php?bo_table=anonymity_board"><font color="#ff4500"><i class="fa fa-exclamation-triangle"></i></font> 고객지원</a></li>	</ul>		</div>
				
		<div class="h30"></div>
	</div>

</aside>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<div id="popularBanner" class="popular-banner">
    <a href="https://ohmygirl.cc/bbs/board.php?bo_table=free_board&wr_id=13762" id="popularBannerLink">
        📢 260524 오마이걸 효정 인스타그램 스토리    </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>