<!--


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


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


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


-->


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


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

<!--

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

-->
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
 <meta name="naver" content="nosublinks">
 <span itemscope="" itemtype="http://schema.org/Organization">
 <link itemprop="url" href="https://ohmygirl.cc">
 <a itemprop="sameAs" href="https://www.youtube.com/channel/UCJfsPzVYod_sslxm2pRGvmA"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_ML"></a>
 <a itemprop="sameAs" href="https://twitter.com/OHMYGIRL_CF"></a>
 <a itemprop="sameAs" href="https://www.instagram.com/ohmygirl_ml"></a>
</span>
<meta name="Location" content="KR">
<meta name="title" content="오마이걸 커뮤니티 로그인 > 오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="publisher" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="author" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="robots" content="index,follow" />
<meta name="keywords" content="오마이걸, OHMYGIRL, OH MY GIRL, 오마이걸커뮤니티, 오마이걸 커뮤니티, OMGFAN, 옴커뮤, 오마이걸 커뮤니티(OH MY GIRL)" />
<meta name="description" content="걸그룹 오마이걸(OH MY GIRL) 커뮤니티 프로필, 갤러리, 영상, 사진, 스케줄, 자유게시판, 공지사항 제공" />
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:title" content="오마이걸 커뮤니티 로그인 > 오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:site_name" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:author" content="오마이걸 커뮤니티(OH MY GIRL)" />
<meta property="og:type" content="" />
<meta property="og:image" content="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<meta property="og:description" content="걸그룹 오마이걸(OH MY GIRL) 커뮤니티 프로필, 갤러리, 영상, 사진, 스케줄, 자유게시판, 공지사항 제공" />
<meta property="og:url" content="https://ohmygirl.cc/bbs/login.php" />
<link rel="image_src" href="https://ohmygirl.cc/data/apms/background/OMGFAN_logo_0430.jpg" />
<link rel="canonical" href="https://ohmygirl.cc/bbs/login.php" />
<title>오마이걸 커뮤니티 로그인 > 오마이걸 커뮤니티(OH MY GIRL)</title>
<link rel="stylesheet" href="https://ohmygirl.cc/css/default.css?ver=180820">
<link rel="stylesheet" href="https://ohmygirl.cc/css/apms.css?ver=180820">
<link rel="stylesheet" href="/style.css" >
<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/assets/bs3/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="https://ohmygirl.cc/thema/omgfan/colorset/Garden/colorset.css" type="text/css">
<link rel="stylesheet" href="https://ohmygirl.cc/skin/member/basic/style.css" >
<!--[if lte IE 8]>
<script src="https://ohmygirl.cc/js/html5.js"></script>
<![endif]-->
<script>
var g5_url       = "https://ohmygirl.cc";
var g5_bbs_url   = "https://ohmygirl.cc/bbs";
var g5_is_member = "";
var g5_is_admin  = "";
var g5_is_mobile = "";
var g5_bo_table  = "";
var g5_sca       = "";
var g5_pim       = "";
var g5_editor    = "";
var g5_responsive    = "1";
var g5_cookie_domain = ".ohmygirl.cc";
var g5_purl = "https://ohmygirl.cc/bbs/login.php";
</script>
<!-- -->

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

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

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

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

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

.blur-overlay.hidden {
  display: none;
}
</style>

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

<script>
(function() {
    let devtoolsOpen = false;
    const redirectURL = "/block_page.php";
    let checkInterval;
    
    function startDetection() {
        function detectDevTools() {
            try {
                const start = performance.now();
                debugger;
                const end = performance.now();
                if (end - start > 50) {
                    if (!devtoolsOpen) {
                        devtoolsOpen = true;
                        clearInterval(checkInterval);
                        blockKeys();
                        location.replace(redirectURL);
                    }
                }
            } catch(e) {}
        }
        
        checkInterval = setInterval(detectDevTools, 500);
    }
    
    function blockKeys() {
        try {
            document.addEventListener('keydown', function(e) {
                if (e.key === "Escape") e.preventDefault();
                if ((e.altKey && e.key === "ArrowLeft") || (e.altKey && e.key === "ArrowRight")) e.preventDefault();
                if (e.key === "Backspace") e.preventDefault();
            });
            history.pushState(null, "", location.href);
            window.onpopstate = function() {
                history.pushState(null, "", location.href);
            };
        } catch(e) {}
    }
    
    if (document.readyState === 'complete') {
        setTimeout(startDetection, 2000);
    } else {
        window.addEventListener('load', function() {
            setTimeout(startDetection, 2000);
        }, {once: true});
    }
    
    document.addEventListener("contextmenu", e => e.preventDefault(), {once: false});
    
    document.addEventListener("keydown", e => {
        try {
            if (
                e.key === "F12" ||
                (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === "i") ||
                (e.ctrlKey && e.shiftKey && e.key.toLowerCase() === "c") ||
                (e.ctrlKey && e.key.toLowerCase() === "u")
            ) {
                e.preventDefault();
            }
        } catch(e) {}
    }, {once: false});
})();
</script>

</head>
<body class="responsive is-pc">
	<h1 style="display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important">
	오마이걸 커뮤니티 로그인 > 오마이걸 커뮤니티(OH MY GIRL)	</h1>
<div class="ko"><script>
!function() {
  function detectDevTool(allow) {
    if(isNaN(+allow)) allow = 100;
    var start = performance.now(); 
    debugger;
    var end = performance.now(); 
    if(end - start > allow) {
      console.warn('DevTools detected!');
    }
  }

  function isAdmin() {
    return "";
  }

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

function togglePassword() {
    var passwordInput = document.getElementById("login_pw");
    var eyeIcon = document.getElementById("eye_icon");
    
    if (passwordInput.type === "password") {
        passwordInput.type = "text";
        eyeIcon.className = "fa fa-eye-slash password-toggle";
    } else {
        passwordInput.type = "password";
        eyeIcon.className = "fa fa-eye password-toggle";
    }
}

function generateDeviceId() {
    var navigatorInfo = navigator.userAgent + navigator.language + screen.width + screen.height;
    var hash = 0;
    for (var i = 0; i < navigatorInfo.length; i++) {
        var char = navigatorInfo.charCodeAt(i);
        hash = ((hash << 5) - hash) + char;
        hash = hash & hash;
    }
    var deviceId = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
        return v.toString(16);
    });
    return deviceId;
}

function getDeviceInfo() {
    var ua = navigator.userAgent;
    var os = 'Unknown';
    var browser = 'Unknown';
    
    if (ua.indexOf('Windows NT 10.0') !== -1) os = 'Windows';
    else if (ua.indexOf('Windows NT 6.3') !== -1) os = 'Windows';
    else if (ua.indexOf('Windows NT 6.2') !== -1) os = 'Windows';
    else if (ua.indexOf('Windows NT 6.1') !== -1) os = 'Windows';
    else if (ua.indexOf('Mac OS X') !== -1) os = 'macOS';
    else if (ua.indexOf('Android') !== -1) os = 'Android';
    else if (ua.indexOf('iPhone') !== -1 || ua.indexOf('iPad') !== -1) os = 'iOS';
    else if (ua.indexOf('Linux') !== -1) os = 'Linux';
    
    if (ua.indexOf('Chrome') !== -1 && ua.indexOf('Edg') === -1) browser = 'Chrome';
    else if (ua.indexOf('Safari') !== -1 && ua.indexOf('Chrome') === -1) browser = 'Safari';
    else if (ua.indexOf('Firefox') !== -1) browser = 'Firefox';
    else if (ua.indexOf('Edg') !== -1) browser = 'Edge';
    else if (ua.indexOf('MSIE') !== -1 || ua.indexOf('Trident') !== -1) browser = 'IE';
    
    return {
        os: os,
        browser: browser,
        model: os + ',none,' + browser
    };
}

function showLoginForm() {
    var currentUrl = window.location.href.split('?')[0];
    var deviceId = generateDeviceId();
    var deviceInfo = getDeviceInfo();
    var deviceModel = encodeURIComponent(deviceInfo.model);
    var deviceName = encodeURIComponent(navigator.userAgent);
    
    var params = 'login_type=id';
    params += '&deviceId=' + deviceId;
    params += '&deviceModel=' + deviceModel;
    params += '&deviceName=' + deviceName;
    params += '&loginPocType=WEB';
    
    var newUrl = currentUrl + '?' + params;
    window.history.pushState({loginType: 'id'}, '', newUrl);
    
    document.getElementById('social-login-screen').style.display = 'none';
    document.getElementById('id-login-screen').style.display = 'block';
}

function showSocialLogin() {
    var currentUrl = window.location.href;
    var newUrl = currentUrl.replace(/[?&]login_type=id/, '');
    
    window.history.pushState({loginType: 'social'}, '', newUrl);
    
    document.getElementById('id-login-screen').style.display = 'none';
    document.getElementById('social-login-screen').style.display = 'block';
}
</script>
<style>
.panel-body {padding:0px;}

.password-container {
    position: relative;
}

.password-toggle {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #888;
    z-index: 10;
}

.password-toggle:hover {
    color: #555;
}

.login-option-btn {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 60px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    transition: all 0.3s;
    text-align: left;
    text-decoration: none;
    color: #333;
    position: relative;
}

.login-option-btn:hover {
    background: #f5f5f5;
    border-color: #009FA8;
}

.login-option-btn .login-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.login-option-btn .login-text {
    display: block;
    text-align: center;
    width: 100%;
}

.login-option-btn.btn-id .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23009FA8"%3E%3Cpath d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/%3E%3C/svg%3E');
}

.login-option-btn.btn-naver .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%2303C75A" d="M16.273 12.845L7.376 0H0v24h7.727V11.155L16.624 24H24V0h-7.727v12.845z"/%3E%3C/svg%3E');
}

.login-option-btn.btn-kakao .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%23FEE500" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23000000" d="M12 6c-3.9 0-7 2.5-7 5.5 0 1.9 1.2 3.6 3 4.6l-.8 2.9c0 .1 0 .2.1.2.1 0 .1 0 .2-.1l3.4-2.3c.3 0 .7.1 1.1.1 3.9 0 7-2.5 7-5.5S15.9 6 12 6z"/%3E%3C/svg%3E');
}

.login-option-btn.btn-facebook .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%231877F2" d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/%3E%3C/svg%3E');
}

.login-option-btn.btn-google .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%234285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/%3E%3Cpath fill="%2334A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/%3E%3Cpath fill="%23FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/%3E%3Cpath fill="%23EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/%3E%3C/svg%3E');
}

.login-option-btn.btn-twitter .login-icon {
    background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="%231DA1F2" d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/%3E%3C/svg%3E');
}

@media only screen and (max-width: 768px) {
    #top_logo {
        margin-bottom: 40px !important;
    }
    
    .form-box {
        margin-top: 20px !important;
    }
    
    .form-header {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }
    
    .form-body {
        padding: 25px 20px !important;
    }
}
</style>
<div id="top_logo"><a href="https://ohmygirl.cc/"><img src="https://ohmygirl.cc/img/logo.gif" alt="오마이걸 커뮤니티"></a></div>
<div style="max-width:450px; margin:0 auto;">

	<div id="social-login-screen" class="form-box" style="display: block">
		<div class="form-header" style="text-align: center;">
			<h2><b>반가워요!<br>계정을 선택해주세요.</b></h2>
		</div>
		<div class="form-body">
			<button type="button" onclick="showLoginForm()" class="login-option-btn btn-id">
				<span class="login-icon"></span>
				<span class="login-text" style="font-size: 18px; font-weight: bold;">OMGFAN ID로 시작하기</span>
			</button>

											<a href="https://ohmygirl.cc/bbs/login.php?provider=naver&amp;url=%2Fbbs%2Flogin.php" class="login-option-btn btn-naver social_link">
					<span class="login-icon"></span>
					<span class="login-text" style="font-size: 18px; font-weight: bold;">네이버로 시작하기</span>
				</a>
								
								<a href="https://ohmygirl.cc/bbs/login.php?provider=kakao&amp;url=%2Fbbs%2Flogin.php" class="login-option-btn btn-kakao social_link">
					<span class="login-icon"></span>
					<span class="login-text" style="font-size: 18px; font-weight: bold;">카카오로 시작하기</span>
				</a>
								
								
								<a href="https://ohmygirl.cc/bbs/login.php?provider=google&amp;url=%2Fbbs%2Flogin.php" class="login-option-btn btn-google social_link">
					<span class="login-icon"></span>
					<span class="login-text" style="font-size: 18px; font-weight: bold;">구글로 시작하기</span>
				</a>
								
				
			<div style="text-align: center; margin-top: 20px;">
				<span>아이디를 잊으셨나요?</span>
				<a href="https://ohmygirl.cc/bbs/password_lost.php" style="color: #009FA8; font-weight: bold;">아이디 찾기</a>
			</div>
		</div>
	</div>

	<div id="id-login-screen" class="form-box" style="display: none">
		<div class="form-header">
			<h2><b>OMGFAN ID 로그인 <img src="https://ohmygirl.cc/img/omgfan.png" width="100" ,height="80" alt="오마이걸 커뮤니티 팬십 로그인"></b></h2>
		</div>
		<div class="form-body">
			<form class="form" role="form" name="flogin" action="https://ohmygirl.cc/bbs/login_check.php" onsubmit="return flogin_submit(this);" method="post">
			<input type="hidden" name="url" value=''>
										<div class="form-group has-feedback">
					<label for="login_id"><b>아이디</b></label>
					<input type="text" name="mb_id" id="login_id" required class="form-control input-sm" placeholder="아이디" size="20" maxLength="20" style="color:#009FA8">
					<span class="fa fa-user form-control-feedback"></span>
				</div>
				<div class="form-group has-feedback">
					<label for="login_pw"><b>비밀번호</b></label>
					<div class="password-container">
						<input type="password" name="mb_password" id="login_pw" required class="form-control input-sm" placeholder="비밀번호" size="20" maxLength="20" style="color:#FF9900">
						<span id="eye_icon" class="fa fa-eye password-toggle" onclick="togglePassword()"></span>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-6">
						<label class="checkbox-inline remember-me">
													<input type="checkbox" name="auto_login" id="login_auto_login"> 자동 로그인
						</label>
													</div>
					<div class="col-xs-6">
					<a href="https://ohmygirl.cc/bbs/password_lost.php" class="pull-right"><i class="fa fa-search"></i> 아이디·비밀번호 찾기</a>
					</div>
				</div>
				<button type="submit" class="btn btn-color" style="display: block; margin: 10px auto; outline: none; width: 300px; padding: 10px 10px;"><i class="fa fa-codiepie"></i> 로 그 인</button>
				<div id="sns_login" class="sns-wrap-over">
					<div class="sns-wrap">
							<script>
$(document).ready(function(){
       $(".g-recaptcha").css({
        'transform':'scale(1.4)',
        'transform-origin':'0 0',
    })
    setTimeout(function() {
         $(".g-recaptcha").css({
              'width':$('.g-recaptcha')[0].getBoundingClientRect().width+'px',
              'height':$('.g-recaptcha')[0].getBoundingClientRect().height+'px'
         })
    }, 100);
})
</script>
<fieldset id="captcha" class="captcha recaptcha"><script src="https://www.google.com/recaptcha/api.js?hl=ko"></script><script src="https://ohmygirl.cc/plugin/recaptcha/recaptcha.js"></script><div class="g-recaptcha" data-sitekey="6LdiSAgoAAAAAMYtYn0zQLs2bE2Yh3C1cToZUvVL"></div></fieldset>				</div>
				</div>
			</form>
			
			<div style="text-align: center; margin-top: 20px;">
				<button type="button" onclick="showSocialLogin()" style="background: none; border: none; color: #009FA8; cursor: pointer; font-size: 14px;">
					← 다른 방법으로 로그인
				</button>
			</div>
		</div>
	</div>

	<div class="text-center" style="margin:30px 0px;">|
		 <a href="//ohmygirl.cc/bbs/page.php?hid=provision">이용약관</a> | <span class="sp"></span> <a href="//ohmygirl.cc/bbs/page.php?hid=privacy">개인정보처리방침</a> | <span class="sp"></span><a href="//ohmygirl.cc/bbs/page.php?hid=noemail">이메일 무단수집거부</a> | <br> | <span class="sp"></span> <a href="//ohmygirl.cc/bbs/page.php?hid=guide">이용안내</a> | <span class="sp"></span> <a href="//ohmygirl.cc/bbs/board.php?bo_table=anonymity_board">고객센터</a> |
	</div>
</div>
<script>
$(function(){
    $("#login_auto_login").click(function(){
        if (this.checked) {
            this.checked = confirm("로그인 유지 하기 선택 하였습니다\n개인정보 보호를 위해, 개인 PC에서만 사용해 주세요.");
        }
    });
});

function flogin_submit(f) {
	if (!chk_captcha()) return false;
    return true;
}
</script>
</div>

<!--[if lt IE 9]>
<script type="text/javascript" src="https://ohmygirl.cc/thema/omgfan/assets/js/respond.js"></script>
<![endif]-->

<!-- JavaScript -->
<script type="text/javascript" src="https://ohmygirl.cc/thema/omgfan/assets/bs3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://ohmygirl.cc/thema/omgfan/assets/js/custom.sub.js"></script>

</body>
</html>