From b03b0a1b1a6a5a6d7a5741bc09672ca58b5015e8 Mon Sep 17 00:00:00 2001
From: thisgun <thisgun@naver.com>
Date: Mon, 6 Nov 2017 16:13:13 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B7=B8=EB=88=84=EB=B3=B4=EB=93=9C5=20?=
 =?UTF-8?q?=EB=A6=AC=EB=89=B4=EC=96=BC=20=EC=86=8C=EC=85=9C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 extend/social_login.extend.php                |   6 +-
 plugin/social/includes/functions.php          |  28 +-
 plugin/social/includes/g5_endpoint.php        |   4 +-
 plugin/social/index.php                       |   2 +
 plugin/social/register_member.php             |  10 +-
 plugin/social/register_member_update.php      |  14 +-
 skin/social/img/btn_p.jpg                     | Bin 0 -> 22909 bytes
 skin/social/img/login_id.jpg                  | Bin 0 -> 466 bytes
 skin/social/img/login_pw.jpg                  | Bin 0 -> 480 bytes
 skin/social/register_social_member.skin.php   | 201 ++---
 skin/social/remodal/remodal-default-theme.css | 242 ++++++
 skin/social/remodal/remodal.css               |  80 ++
 skin/social/remodal/remodal.js                | 776 ++++++++++++++++++
 skin/social/style.css                         |  41 +
 14 files changed, 1280 insertions(+), 124 deletions(-)
 create mode 100644 skin/social/img/btn_p.jpg
 create mode 100644 skin/social/img/login_id.jpg
 create mode 100644 skin/social/img/login_pw.jpg
 create mode 100644 skin/social/remodal/remodal-default-theme.css
 create mode 100644 skin/social/remodal/remodal.css
 create mode 100644 skin/social/remodal/remodal.js

diff --git a/extend/social_login.extend.php b/extend/social_login.extend.php
index 44a6a0154..0a21ec3c2 100644
--- a/extend/social_login.extend.php
+++ b/extend/social_login.extend.php
@@ -13,12 +13,12 @@ define('G5_SOCIAL_LOGIN_START_PARAM', 'hauth.start');
 // 소셜로그인 login_done 파라미터 이름입니다. 기본값은 hauth.done
 define('G5_SOCIAL_LOGIN_DONE_PARAM', 'hauth.done');
 
-// 소셜로그인 G5_SOCIAL_LOGIN_URL 값의 끝에 해당 문자열을 더합니다.
-define('G5_SOCIAL_LOGIN_ADD_URL', '/');
-
 define('G5_SOCIAL_LOGIN_PATH', G5_PLUGIN_PATH.'/'.G5_SOCIAL_LOGIN_DIR);
 define('G5_SOCIAL_LOGIN_URL', G5_PLUGIN_URL.'/'.G5_SOCIAL_LOGIN_DIR);
 
+// 소셜로그인 SOCIAL_LOGIN_BASE_URL 기본값은 G5_SOCIAL_LOGIN_URL.'/'
+define('SOCIAL_LOGIN_BASE_URL', G5_SOCIAL_LOGIN_URL.'/');
+
 if(G5_IS_MOBILE) {
     define('G5_SOCIAL_SKIN_PATH', G5_PATH.'/'.G5_MOBILE_DIR.'/'.G5_SKIN_DIR.'/'.G5_SOCIAL_LOGIN_DIR);
     define('G5_SOCIAL_SKIN_URL', G5_URL.'/'.G5_MOBILE_DIR.'/'.G5_SKIN_DIR.'/'.G5_SOCIAL_LOGIN_DIR);
diff --git a/plugin/social/includes/functions.php b/plugin/social/includes/functions.php
index 8672505a7..230474d78 100644
--- a/plugin/social/includes/functions.php
+++ b/plugin/social/includes/functions.php
@@ -84,7 +84,7 @@ function social_login_get_provider_adapter( $provider )
         return $g5['hybrid_auth']->authenticate($provider);
     }
     
-    $base_url = G5_SOCIAL_LOGIN_URL.G5_SOCIAL_LOGIN_ADD_URL;
+    $base_url = SOCIAL_LOGIN_BASE_URL;
     $hauth_time = time();
 
     $connect_data = array(
@@ -870,6 +870,32 @@ function social_service_check($provider){
     return false;
 }
 
+function exist_mb_id_recursive($mb_id){
+    static $count = 0;
+
+    $mb_id = ($count > 0) ? $mb_id.(string)$count : $mb_id;
+
+    if( ! exist_mb_id($mb_id) ){
+        return $mb_id;
+    }
+    
+    $count++;
+    return exist_mb_id_recursive($mb_id);
+}
+
+function exist_mb_nick_recursive($mb_nick){
+    static $count = 0;
+
+    $mb_nick = ($count > 0) ? $mb_nick.(string)$count : $mb_nick;
+
+    if( ! exist_mb_nick($mb_nick, '') ){
+        return $mb_nick;
+    }
+    
+    $count++;
+    return exist_mb_nick_recursive($mb_nick);
+}
+
 function social_get_nonce($key=''){
     if( $key == 'd' ){  //nonce_duration
         return 7200;
diff --git a/plugin/social/includes/g5_endpoint.php b/plugin/social/includes/g5_endpoint.php
index c9df2435f..0eda8063a 100644
--- a/plugin/social/includes/g5_endpoint.php
+++ b/plugin/social/includes/g5_endpoint.php
@@ -11,11 +11,11 @@ class G5_Hybrid_Authentication {
         require_once( G5_SOCIAL_LOGIN_PATH.'/includes/g5_endpoint_class.php' );
 
         if( defined('G5_SOCIAL_LOGIN_START_PARAM') && G5_SOCIAL_LOGIN_START_PARAM !== 'hauth.start' && isset($_REQUEST[G5_SOCIAL_LOGIN_START_PARAM]) ){
-            $_REQUEST['hauth.start'] = preg_replace('/[^a-zA-Z0-9\-\._]/i', '', $_REQUEST[G5_SOCIAL_LOGIN_START_PARAM]);
+            $_REQUEST['hauth_start'] = preg_replace('/[^a-zA-Z0-9\-\._]/i', '', $_REQUEST[G5_SOCIAL_LOGIN_START_PARAM]);
         }
 
         if( defined('G5_SOCIAL_LOGIN_DONE_PARAM') && G5_SOCIAL_LOGIN_DONE_PARAM !== 'hauth.done' && isset($_REQUEST[G5_SOCIAL_LOGIN_DONE_PARAM]) ){
-            $_REQUEST['hauth.done'] = preg_replace('/[^a-zA-Z0-9\-\._]/i', '', $_REQUEST[G5_SOCIAL_LOGIN_DONE_PARAM]);
+            $_REQUEST['hauth_done'] = preg_replace('/[^a-zA-Z0-9\-\._]/i', '', $_REQUEST[G5_SOCIAL_LOGIN_DONE_PARAM]);
         }
 
         /*
diff --git a/plugin/social/index.php b/plugin/social/index.php
index e974ae9ee..4be5c9531 100644
--- a/plugin/social/index.php
+++ b/plugin/social/index.php
@@ -12,4 +12,6 @@
 include_once('_common.php');
 require_once( "includes/g5_endpoint.php" );
 
+error_reporting(0); // Turn off all error reporting
+
 G5_Hybrid_Authentication::hybridauth_endpoint();
\ No newline at end of file
diff --git a/plugin/social/register_member.php b/plugin/social/register_member.php
index 505ea0f86..feae3b3a6 100644
--- a/plugin/social/register_member.php
+++ b/plugin/social/register_member.php
@@ -16,7 +16,7 @@ if( $is_member ){
 $provider_name = social_get_request_provider();
 $user_profile = social_session_exists_check();
 if( ! $user_profile ){
-    alert( "소셜로그인 을 하신 분만 접근할 수 있습니다.", G5_URL);
+    alert( "소셜로그인을 하신 분만 접근할 수 있습니다.", G5_URL);
 }
 
 // 소셜 가입된 내역이 있는지 확인 상수 G5_SOCIAL_DELETE_DAY 관련
@@ -26,15 +26,17 @@ $user_nick = social_relace_nick($user_profile->displayName);
 $user_email = ($user_profile->emailVerified) ? $user_profile->emailVerified : $user_profile->email;
 $user_id = $user_profile->sid ? preg_replace("/[^0-9a-z_]+/i", "", $user_profile->sid) : get_social_convert_id($user_profile->identifier, $provider_name);
 
-$is_exists_id = exist_mb_id($user_id);
-$is_exists_name = exist_mb_nick($user_nick, '');
+//$is_exists_id = exist_mb_id($user_id);
+//$is_exists_name = exist_mb_nick($user_nick, '');
+$user_id = exist_mb_id_recursive($user_id);
+$user_nick = exist_mb_nick_recursive($user_nick, '');
 $is_exists_email = exist_mb_email($user_email, '');
 
 // 불법접근을 막도록 토큰생성
 $token = md5(uniqid(rand(), true));
 set_session("ss_token", $token);
 
-$g5['title'] = '소셜 회원 가입';
+$g5['title'] = '소셜 회원 가입 - '.social_get_provider_service_name($provider_name);
 
 include_once(G5_BBS_PATH.'/_head.php');
 
diff --git a/plugin/social/register_member_update.php b/plugin/social/register_member_update.php
index c93e73f0c..dc826fd96 100644
--- a/plugin/social/register_member_update.php
+++ b/plugin/social/register_member_update.php
@@ -41,10 +41,16 @@ if($tmp_mb_nick != $mb_nick) {
     alert('닉네임을 올바르게 입력해 주십시오.');
 }
 
-if ($w == '' && !$mb_password)
-    alert('비밀번호가 넘어오지 않았습니다.');
-if($w == '' && $mb_password != $mb_password_re)
-    alert('비밀번호가 일치하지 않습니다.');
+if( $mb_password ){
+
+    if ($w == '' && !$mb_password)
+        alert('비밀번호가 넘어오지 않았습니다.');
+    if($w == '' && $mb_password != $mb_password_re)
+        alert('비밀번호가 일치하지 않습니다.');
+
+} else {
+    $mb_password = '';
+}
 
 if ($msg = empty_mb_name($mb_name))       alert($msg, "", true, true);
 if ($msg = empty_mb_nick($mb_nick))     alert($msg, "", true, true);
diff --git a/skin/social/img/btn_p.jpg b/skin/social/img/btn_p.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..854640b55a994b52bd1fc088ca161df6ba232271
GIT binary patch
literal 22909
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
BsOkU!

literal 0
HcmV?d00001

diff --git a/skin/social/img/login_id.jpg b/skin/social/img/login_id.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..42b9ae47caa8545c0e739ba66de5b93ce91c4266
GIT binary patch
literal 466
zcmex=<NpH&0WUXCHwH!~28I+MWcdGvLC~c%IlGd9k%5JQfx!kS^p1hgF(p4Kl_BK-
zP=xXSZH5*GHWn5ZRu(o^RyIyHAm-*^W8>iF;o{=v;^GnD0RsUZK7IjyJ|1CV5fNcw
z8EI*08F@HhWM^mR<>8eO5Ri}(6%>_%OAyQWe}F-dgF&1@oS9LOfk}{&S&;Gn5r!lN
zMj!yX5)Ocl<UkbxNeM78F)=bTv9QC`GBOD=voI(MIkFlW35x_K7EUZuHWn3xNyCl%
ze~W>KnGt9qvmk>#!%MrjcjKm;1SB4x`zNW2moe_O{jXo!Tz)QHRKl55UY)b()m!_W
z*=g&}cXIjtXRu|w8G7sIw`+`MracV5<}zPPzWXnJJIAu~KKcS>6BnFabn|>y^Er;b
zeQYJX-*sF!D@1k|EsMBuO@ht3<X)PIz^~f((<S%StM%_W)-=aPq3K!n)Xg(vl-OCP
Nb{OyZxkdi}O#oqpa47%)

literal 0
HcmV?d00001

diff --git a/skin/social/img/login_pw.jpg b/skin/social/img/login_pw.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e686037d8023289c473c2b7cc1546af4db3d03e5
GIT binary patch
literal 480
zcmex=<NpH&0WUXCHwH!~28I+MWcdGvLC~c%IlGd9k%5JQfx!kS^p1hgF(p4Kl_BK-
zP=xXSZH5*GHWn5ZRu(o^RyIyHAm-*^W8>iF;o{=v;^GnD0RsUZK7IjyJ|1CV5fNcw
z8EI*08F@HhWM^mR<>8eO5Ri}(6%>_%OAyQWe}F-dgF&1@oS9LOfk}{&S&;Gn5r%XI
z1}0{pBN2dwm6?r$kr5#PVF@rWF)}kTvvR^@7@3#_g;*F^4IPCQ0~c--`H)!HsN|HS
zY^*8>Qvx^R|1Aa{W=5c`%z_N|4416;y;Slje30$+pTS)w`;H0sESahO>#wpN2v6n9
z=eooB;rV%oG`Y9NjwVJM^)DBT%y}g;E8M|Y{ns}S?Z~5!4;*Wmw;o>?({;i1<(ufJ
z^DF+TPfy(!#dV5Jt@~KZp9Ym58FKF`3eFns30A30ni6zCsP2Ak^%llovEN?jO@4gk
e&F2gL?XA6XHuv|bpQyOOWw5A;f1?%u|C<0LA9ZN}

literal 0
HcmV?d00001

diff --git a/skin/social/register_social_member.skin.php b/skin/social/register_social_member.skin.php
index 00d26dd0d..800cc8db4 100644
--- a/skin/social/register_social_member.skin.php
+++ b/skin/social/register_social_member.skin.php
@@ -6,29 +6,16 @@ if( ! $config['cf_social_login_use']) {     //소셜 로그인을 사용하지 
 }
 
 // add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
-add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css">', 10);
+add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/remodal/remodal.css">', 11);
+add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/remodal/remodal-default-theme.css">', 12);
+add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css">', 13);
+add_javascript('<script src="'.get_social_skin_url().'/remodal/remodal.js"></script>', 10);
+
+$email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : '';
 ?>
 
 <!-- 회원정보 입력/수정 시작 { -->
 <div class="mbskin">
-    
-    <div class="social_info_guide">
-        회원님은 소셜 계정을 통하여 로그인하셨습니다.<br>
-        회원님의 아이디, 패스워드, 이메일, 닉네임 정보를 입력하시면, 앞으로는 소셜계정으로도 로그인을 계속 하실 수 있으며, 또한 입력하신 회원 아이디와 패스워드로도 이 홈페이지에 로그인이 가능해집니다.<br>
-        또한 이 정보를 입력하신 후에 개인정보 수정페이지에서 메일수신여부, 쪽지수신여부 등을 계속하여 설정하실 수 있습니다.
-    </div>
-
-    <?php
-    if( $is_exists_id ){    //아이디 중복 메시지
-        echo '<p class="bg-warning bg-warning1">등록할 아이디가 중복되었습니다.다른 아이디를 입력해 주세요.</p>'.PHP_EOL;
-    }
-    if( $is_exists_email ){     //이메일 중복 메시지
-        echo '<p class="bg-warning bg-warning2">등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.</p>'.PHP_EOL;
-    }
-    if( $is_exists_name ){     //닉네임 중복 메시지
-        echo '<p class="bg-warning bg-warning3">등록할 닉네임이 중복되었습니다.다른 닉네임을 입력해 주세요.</p>'.PHP_EOL;
-    }
-    ?>
 
     <script src="<?php echo G5_JS_URL ?>/jquery.register_form.js"></script>
     
@@ -40,57 +27,43 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
     <input type="hidden" name="provider" value="<?php echo $provider_name;?>" >
     <input type="hidden" name="action" value="register">
 
-    <div class="tbl_frm01 tbl_wrap">
-        <table>
-        <caption>사이트 이용정보 입력</caption>
-        <tbody>
-        <tr>
-            <th scope="row"><label for="reg_mb_id">아이디<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <span class="frm_info">영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
-                <input type="text" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id" <?php echo $required; ?> <?php echo $readonly; ?> class="frm_input <?php echo $required; ?> <?php echo $readonly; ?>" minlength="3" maxlength="20">
-                <span id="msg_mb_id"></span>
-            </td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="reg_mb_password">비밀번호<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="mb_password" id="reg_mb_password" <?php echo $required; ?> class="frm_input <?php echo $required; ?>" minlength="3" maxlength="20"></td>
-        </tr>
-        <tr>
-            <th scope="row"><label for="reg_mb_password_re">비밀번호 확인<strong class="sound_only">필수</strong></label></th>
-            <td><input type="password" name="mb_password_re" id="reg_mb_password_re" <?php echo $required; ?> class="frm_input <?php echo $required; ?>" minlength="3" maxlength="20"></td>
-        </tr>
-        </tbody>
-        </table>
+    <input type="hidden" name="mb_id" value="<?php echo $user_id; ?>" id="reg_mb_id">
+    <input type="hidden" name="mb_nick_default" value="<?php echo isset($user_nick)?get_text($user_nick):''; ?>">
+    <input type="hidden" name="mb_nick" value="<?php echo isset($user_nick)?get_text($user_nick):''; ?>" id="reg_mb_nick">
+
+    <div class="toggle">
+        <div class="toggle-title">
+		<span class="right_i"><i></i> 자세히보기</span>
+		<span class="title-name"><input type="checkbox" name="agree" value="1" id="agree11"> <label for="agree11">회원가입약관</label></span>
+        </div>
+        <div class="toggle-inner">
+            <p><?php echo conv_content($config['cf_stipulation'], 0); ?></p>
+        </div>
+    </div>  <!-- END OF TOGGLE -->
+    <div class="toggle">
+        <div class="toggle-title">
+		<span class="right_i"><i></i> 자세히보기</span>
+		<span class="title-name"><input type="checkbox" name="agree2" value="1" id="agree21"> <label for="agree21">개인정보처리방침안내</label></span>
+        </div>
+        <div class="toggle-inner">
+            <p><?php echo conv_content($config['cf_privacy'], 0); ?></p>
+        </div>
+    </div>  <!-- END OF TOGGLE -->
+    <div class="toggle">
+        <div class="toggle-title">
+		<span class="title-name"><input type="checkbox" name="chk_all" value="1" id="chk_all"> <label for="chk_all"><strong>전체약관에 동의합니다.</strong></label></span>
+        </div>
     </div>
 
     <div class="tbl_frm01 tbl_wrap">
         <table>
         <caption>개인정보 입력</caption>
         <tbody>
-        <tr>
-            <th scope="row"><label for="reg_mb_nick">닉네임<strong class="sound_only">필수</strong></label></th>
-            <td>
-                <span class="frm_info">
-                    공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
-                    닉네임을 바꾸시면 앞으로 <?php echo (int)$config['cf_nick_modify'] ?>일 이내에는 변경 할 수 없습니다.
-                </span>
-                <input type="hidden" name="mb_nick_default" value="<?php echo isset($user_nick)?get_text($user_nick):''; ?>">
-                <input type="text" name="mb_nick" value="<?php echo isset($user_nick)?get_text($user_nick):''; ?>" id="reg_mb_nick" required class="frm_input required nospace" size="10" maxlength="20">
-                <span id="msg_mb_nick"></span>
-            </td>
-        </tr>
-
         <tr>
             <th scope="row"><label for="reg_mb_email">E-mail<strong class="sound_only">필수</strong></label></th>
             <td>
-                <?php if ($config['cf_use_email_certify']) {  ?>
-                <span class="frm_info">
-                    <?php if ($w=='') { echo "E-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; }  ?>
-                    <?php if ($w=='u') { echo "E-mail 주소를 변경하시면 다시 인증하셔야 합니다."; }  ?>
-                </span>
-                <?php } ?>
-                <input type="text" name="mb_email" value="<?php echo isset($user_email)?$user_email:''; ?>" id="reg_mb_email" required class="frm_input email required" size="70" maxlength="100">
+                <input type="text" name="mb_email" value="<?php echo isset($user_email)?$user_email:''; ?>" id="reg_mb_email" required class="frm_input email required" size="70" maxlength="100" placeholder="이메일을 입력해주세요." >
+                <p class="email_msg"><?php echo $email_msg; ?></p>
             </td>
         </tr>
 
@@ -99,28 +72,41 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
     </div>
 
     <div class="btn_confirm">
-        <input type="submit" value="<?php echo $w==''?'회원가입':'정보수정'; ?>" id="btn_submit" class="btn_submit" accesskey="s">
+        <input type="submit" value="회원가입" id="btn_submit" class="btn_submit" accesskey="s">
         <a href="<?php echo G5_URL ?>" class="btn_cancel">취소</a>
     </div>
     </form>
     <!-- 새로가입 끝 -->
 
-    <!-- 기존 계정 연결 시작 -->
-    <div id="sns-link-pnl">
+    <!-- 기존 계정 연결 -->
 
-        <div>
-            <form method="post" action="<?php echo $login_action_url; ?>" onsubmit="return social_obj.flogin_submit(this);">
-            <input type="hidden" name="url" value="<?php echo $login_url; ?>">
-            <input type="hidden" name="provider" value="<?php echo $provider_name; ?>">
-            <input type="hidden" name="action" value="link">
+    <div class="member_connect">
+        <p>혹시 기존 회원이신가요?</p>
+        <button type="button" class="mw-opener btn-txt" data-remodal-target="modal">
+            기존 계정에 연결하기
+            <i class="fa fa-angle-double-right"></i>
+        </button>
+    </div>
 
-            <div>기존 계정에 연결하기</div>
+    <div id="sns-link-pnl" class="remodal" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
+        <button type="button" class="mw-close" data-remodal-action="close">
+            <i class="fa fa-close"></i>
+            <span class="txt">닫기</span>
+        </button>
+        <div class="mw-fg">
+            <form method="post" action="<?php echo $login_action_url ?>" onsubmit="return social_obj.flogin_submit(this);">
+            <input type="hidden" id="url" name="url" value="<?php echo $login_url ?>">
+            <input type="hidden" id="provider" name="provider" value="<?php echo $provider_name ?>">
+            <input type="hidden" id="action" name="action" value="social_account_linking">
 
-            <div>
-                기존 아이디에 SNS 아이디를 연결합니다.
+            <div class="mw-title">기존 계정에 연결하기</div>
+
+            <div class="mw-desc">
+                기존 아이디에 SNS 아이디를 연결합니다.<br>
+                SNS 아이디로 로그인 하시면 기존 아이디로 로그인 됩니다.
             </div>
 
-            <div>
+            <div id="login_fs">
                 <label for="login_id" class="login_id">아이디<strong class="sound_only"> 필수</strong></label>
                 <span class="lg_id"><input type="text" name="mb_id" id="login_id" class="frm_input required" size="20" maxLength="20" ></span>
                 <label for="login_pw" class="login_pw">비밀번호<strong class="sound_only"> 필수</strong></label>
@@ -132,53 +118,23 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
             </form>
         </div>
     </div>
-    <!-- 기존 계정 연결 끝 -->
 
     <script>
 
     // submit 최종 폼체크
     function fregisterform_submit(f)
     {
-        // 회원아이디 검사
-        if (f.w.value == "") {
-            var msg = reg_mb_id_check();
-            if (msg) {
-                alert(msg);
-                f.mb_id.select();
-                return false;
-            }
-        }
 
-        if (f.w.value == "") {
-            if (f.mb_password.value.length < 3) {
-                alert("비밀번호를 3글자 이상 입력하십시오.");
-                f.mb_password.focus();
-                return false;
-            }
-        }
-
-        if (f.mb_password.value != f.mb_password_re.value) {
-            alert("비밀번호가 같지 않습니다.");
-            f.mb_password_re.focus();
+        if (!f.agree.checked) {
+            alert("회원가입약관의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
+            f.agree.focus();
             return false;
         }
 
-        if (f.mb_password.value.length > 0) {
-            if (f.mb_password_re.value.length < 3) {
-                alert("비밀번호를 3글자 이상 입력하십시오.");
-                f.mb_password_re.focus();
-                return false;
-            }
-        }
-
-        // 닉네임 검사
-        if ((f.w.value == "") || (f.w.value == "u" && f.mb_nick.defaultValue != f.mb_nick.value)) {
-            var msg = reg_mb_nick_check();
-            if (msg) {
-                alert(msg);
-                f.reg_mb_nick.select();
-                return false;
-            }
+        if (!f.agree2.checked) {
+            alert("개인정보처리방침안내의 내용에 동의하셔야 회원가입 하실 수 있습니다.");
+            f.agree2.focus();
+            return false;
         }
 
         // E-mail 검사
@@ -186,6 +142,7 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
             var msg = reg_mb_email_check();
             if (msg) {
                 alert(msg);
+                jQuery(".email_msg").html(msg);
                 f.reg_mb_email.select();
                 return false;
             }
@@ -207,6 +164,30 @@ add_stylesheet('<link rel="stylesheet" href="'.get_social_skin_url().'/style.css
 
         return true;
     }
+
+    jQuery(function($){
+        if( jQuery(".toggle .toggle-title").hasClass('active') ){
+            jQuery(".toggle .toggle-title.active").closest('.toggle').find('.toggle-inner').show();
+        }
+        jQuery(".toggle .toggle-title .right_i").click(function(){
+
+            var $parent = $(this).parent();
+            
+            if( $parent.hasClass('active') ){
+                $parent.removeClass("active").closest('.toggle').find('.toggle-inner').slideUp(200);
+            } else {
+                $parent.addClass("active").closest('.toggle').find('.toggle-inner').slideDown(200);
+            }
+        });
+        // 모두선택
+        $("input[name=chk_all]").click(function() {
+            if ($(this).prop('checked')) {
+                $("input[name^=agree]").prop('checked', true);
+            } else {
+                $("input[name^=agree]").prop("checked", false);
+            }
+        });
+    });
     </script>
 
 </div>
diff --git a/skin/social/remodal/remodal-default-theme.css b/skin/social/remodal/remodal-default-theme.css
new file mode 100644
index 000000000..886c3170d
--- /dev/null
+++ b/skin/social/remodal/remodal-default-theme.css
@@ -0,0 +1,242 @@
+/* ==========================================================================
+   Remodal's default mobile first theme
+   ========================================================================== */
+
+/* Default theme styles for the background */
+
+.remodal-bg.remodal-is-opening,
+.remodal-bg.remodal-is-opened {
+  filter: blur(3px);
+}
+
+/* Default theme styles of the overlay */
+
+.remodal-overlay {
+  background: rgba(43, 46, 56, 0.9);
+}
+
+.remodal-overlay.remodal-is-opening,
+.remodal-overlay.remodal-is-closing {
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+}
+
+.remodal-overlay.remodal-is-opening {
+  animation-name: remodal-overlay-opening-keyframes;
+}
+
+.remodal-overlay.remodal-is-closing {
+  animation-name: remodal-overlay-closing-keyframes;
+}
+
+/* Default theme styles of the wrapper */
+
+.remodal-wrapper {
+  padding: 10px 10px 0;
+}
+
+/* Default theme styles of the modal dialog */
+
+.remodal {
+  box-sizing: border-box;
+  width: 100%;
+  margin-bottom: 10px;
+  padding: 35px;
+
+  transform: translate3d(0, 0, 0);
+
+  color: #2b2e38;
+  background: #fff;
+}
+
+.remodal.remodal-is-opening,
+.remodal.remodal-is-closing {
+  animation-duration: 0.3s;
+  animation-fill-mode: forwards;
+}
+
+.remodal.remodal-is-opening {
+  animation-name: remodal-opening-keyframes;
+}
+
+.remodal.remodal-is-closing {
+  animation-name: remodal-closing-keyframes;
+}
+
+/* Vertical align of the modal dialog */
+
+.remodal,
+.remodal-wrapper:after {
+  vertical-align: middle;
+}
+
+/* Close button */
+
+.remodal-close {
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  display: block;
+  overflow: visible;
+
+  width: 35px;
+  height: 35px;
+  margin: 0;
+  padding: 0;
+
+  cursor: pointer;
+  transition: color 0.2s;
+  text-decoration: none;
+
+  color: #95979c;
+  border: 0;
+  outline: 0;
+  background: transparent;
+}
+
+.remodal-close:hover,
+.remodal-close:focus {
+  color: #2b2e38;
+}
+
+.remodal-close:before {
+  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
+  font-size: 25px;
+  line-height: 35px;
+
+  position: absolute;
+  top: 0;
+  left: 0;
+
+  display: block;
+
+  width: 35px;
+
+  content: "\00d7";
+  text-align: center;
+}
+
+/* Dialog buttons */
+
+.remodal-confirm,
+.remodal-cancel {
+  font: inherit;
+
+  display: inline-block;
+  overflow: visible;
+
+  min-width: 110px;
+  margin: 0;
+  padding: 12px 0;
+
+  cursor: pointer;
+  transition: background 0.2s;
+  text-align: center;
+  vertical-align: middle;
+  text-decoration: none;
+
+  border: 0;
+  outline: 0;
+}
+
+.remodal-confirm {
+  color: #fff;
+  background: #81c784;
+}
+
+.remodal-confirm:hover,
+.remodal-confirm:focus {
+  background: #66bb6a;
+}
+
+.remodal-cancel {
+  color: #fff;
+  background: #e57373;
+}
+
+.remodal-cancel:hover,
+.remodal-cancel:focus {
+  background: #ef5350;
+}
+
+/* Remove inner padding and border in Firefox 4+ for the button tag. */
+
+.remodal-confirm::-moz-focus-inner,
+.remodal-cancel::-moz-focus-inner,
+.remodal-close::-moz-focus-inner {
+  padding: 0;
+
+  border: 0;
+}
+
+/* Keyframes
+   ========================================================================== */
+
+@keyframes remodal-opening-keyframes {
+  from {
+    transform: scale(1.05);
+
+    opacity: 0;
+  }
+  to {
+    transform: none;
+
+    opacity: 1;
+
+    filter: blur(0);
+  }
+}
+
+@keyframes remodal-closing-keyframes {
+  from {
+    transform: scale(1);
+
+    opacity: 1;
+  }
+  to {
+    transform: scale(0.95);
+
+    opacity: 0;
+
+    filter: blur(0);
+  }
+}
+
+@keyframes remodal-overlay-opening-keyframes {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes remodal-overlay-closing-keyframes {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+/* Media queries
+   ========================================================================== */
+
+@media only screen and (min-width: 641px) {
+  .remodal {
+    max-width: 700px;
+  }
+}
+
+/* IE8
+   ========================================================================== */
+
+.lt-ie9 .remodal-overlay {
+  background: #2b2e38;
+}
+
+.lt-ie9 .remodal {
+  width: 700px;
+}
diff --git a/skin/social/remodal/remodal.css b/skin/social/remodal/remodal.css
new file mode 100644
index 000000000..a065fab8c
--- /dev/null
+++ b/skin/social/remodal/remodal.css
@@ -0,0 +1,80 @@
+/* ==========================================================================
+   Remodal's necessary styles
+   ========================================================================== */
+
+/* Hide scroll bar */
+
+html.remodal-is-locked {
+  overflow: hidden;
+
+  touch-action: none;
+}
+
+/* Anti FOUC */
+
+.remodal,
+[data-remodal-id] {
+  display: none;
+}
+
+/* Necessary styles of the overlay */
+
+.remodal-overlay {
+  position: fixed;
+  z-index: 9999;
+  top: -5000px;
+  right: -5000px;
+  bottom: -5000px;
+  left: -5000px;
+
+  display: none;
+}
+
+/* Necessary styles of the wrapper */
+
+.remodal-wrapper {
+  position: fixed;
+  z-index: 10000;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  display: none;
+  overflow: auto;
+
+  text-align: center;
+
+  -webkit-overflow-scrolling: touch;
+}
+
+.remodal-wrapper:after {
+  display: inline-block;
+
+  height: 100%;
+  margin-left: -0.05em;
+
+  content: "";
+}
+
+/* Fix iPad, iPhone glitches */
+
+.remodal-overlay,
+.remodal-wrapper {
+  backface-visibility: hidden;
+}
+
+/* Necessary styles of the modal dialog */
+
+.remodal {
+  position: relative;
+
+  outline: none;
+
+  text-size-adjust: 100%;
+}
+
+.remodal-is-initialized {
+  /* Disable Anti-FOUC */
+  display: inline-block;
+}
diff --git a/skin/social/remodal/remodal.js b/skin/social/remodal/remodal.js
new file mode 100644
index 000000000..2c731df12
--- /dev/null
+++ b/skin/social/remodal/remodal.js
@@ -0,0 +1,776 @@
+!(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define(['jquery'], function($) {
+      return factory(root, $);
+    });
+  } else if (typeof exports === 'object') {
+    factory(root, require('jquery'));
+  } else {
+    factory(root, root.jQuery || root.Zepto);
+  }
+})(this, function(global, $) {
+
+  'use strict';
+
+  /**
+   * Name of the plugin
+   * @private
+   * @const
+   * @type {String}
+   */
+  var PLUGIN_NAME = 'remodal';
+
+  /**
+   * Namespace for CSS and events
+   * @private
+   * @const
+   * @type {String}
+   */
+  var NAMESPACE = global.REMODAL_GLOBALS && global.REMODAL_GLOBALS.NAMESPACE || PLUGIN_NAME;
+
+  /**
+   * Animationstart event with vendor prefixes
+   * @private
+   * @const
+   * @type {String}
+   */
+  var ANIMATIONSTART_EVENTS = $.map(
+    ['animationstart', 'webkitAnimationStart', 'MSAnimationStart', 'oAnimationStart'],
+
+    function(eventName) {
+      return eventName + '.' + NAMESPACE;
+    }
+
+  ).join(' ');
+
+  /**
+   * Animationend event with vendor prefixes
+   * @private
+   * @const
+   * @type {String}
+   */
+  var ANIMATIONEND_EVENTS = $.map(
+    ['animationend', 'webkitAnimationEnd', 'MSAnimationEnd', 'oAnimationEnd'],
+
+    function(eventName) {
+      return eventName + '.' + NAMESPACE;
+    }
+
+  ).join(' ');
+
+  /**
+   * Default settings
+   * @private
+   * @const
+   * @type {Object}
+   */
+  var DEFAULTS = $.extend({
+    hashTracking: true,
+    closeOnConfirm: true,
+    closeOnCancel: true,
+    closeOnEscape: true,
+    closeOnOutsideClick: true,
+    modifier: '',
+    appendTo: null
+  }, global.REMODAL_GLOBALS && global.REMODAL_GLOBALS.DEFAULTS);
+
+  /**
+   * States of the Remodal
+   * @private
+   * @const
+   * @enum {String}
+   */
+  var STATES = {
+    CLOSING: 'closing',
+    CLOSED: 'closed',
+    OPENING: 'opening',
+    OPENED: 'opened'
+  };
+
+  /**
+   * Reasons of the state change.
+   * @private
+   * @const
+   * @enum {String}
+   */
+  var STATE_CHANGE_REASONS = {
+    CONFIRMATION: 'confirmation',
+    CANCELLATION: 'cancellation'
+  };
+
+  /**
+   * Is animation supported?
+   * @private
+   * @const
+   * @type {Boolean}
+   */
+  var IS_ANIMATION = (function() {
+    var style = document.createElement('div').style;
+
+    return style.animationName !== undefined ||
+      style.WebkitAnimationName !== undefined ||
+      style.MozAnimationName !== undefined ||
+      style.msAnimationName !== undefined ||
+      style.OAnimationName !== undefined;
+  })();
+
+  /**
+   * Is iOS?
+   * @private
+   * @const
+   * @type {Boolean}
+   */
+  var IS_IOS = /iPad|iPhone|iPod/.test(navigator.platform);
+
+  /**
+   * Current modal
+   * @private
+   * @type {Remodal}
+   */
+  var current;
+
+  /**
+   * Scrollbar position
+   * @private
+   * @type {Number}
+   */
+  var scrollTop;
+
+  /**
+   * Returns an animation duration
+   * @private
+   * @param {jQuery} $elem
+   * @returns {Number}
+   */
+  function getAnimationDuration($elem) {
+    if (
+      IS_ANIMATION &&
+      $elem.css('animation-name') === 'none' &&
+      $elem.css('-webkit-animation-name') === 'none' &&
+      $elem.css('-moz-animation-name') === 'none' &&
+      $elem.css('-o-animation-name') === 'none' &&
+      $elem.css('-ms-animation-name') === 'none'
+    ) {
+      return 0;
+    }
+
+    var duration = $elem.css('animation-duration') ||
+      $elem.css('-webkit-animation-duration') ||
+      $elem.css('-moz-animation-duration') ||
+      $elem.css('-o-animation-duration') ||
+      $elem.css('-ms-animation-duration') ||
+      '0s';
+
+    var delay = $elem.css('animation-delay') ||
+      $elem.css('-webkit-animation-delay') ||
+      $elem.css('-moz-animation-delay') ||
+      $elem.css('-o-animation-delay') ||
+      $elem.css('-ms-animation-delay') ||
+      '0s';
+
+    var iterationCount = $elem.css('animation-iteration-count') ||
+      $elem.css('-webkit-animation-iteration-count') ||
+      $elem.css('-moz-animation-iteration-count') ||
+      $elem.css('-o-animation-iteration-count') ||
+      $elem.css('-ms-animation-iteration-count') ||
+      '1';
+
+    var max;
+    var len;
+    var num;
+    var i;
+
+    duration = duration.split(', ');
+    delay = delay.split(', ');
+    iterationCount = iterationCount.split(', ');
+
+    // The 'duration' size is the same as the 'delay' size
+    for (i = 0, len = duration.length, max = Number.NEGATIVE_INFINITY; i < len; i++) {
+      num = parseFloat(duration[i]) * parseInt(iterationCount[i], 10) + parseFloat(delay[i]);
+
+      if (num > max) {
+        max = num;
+      }
+    }
+
+    return max;
+  }
+
+  /**
+   * Returns a scrollbar width
+   * @private
+   * @returns {Number}
+   */
+  function getScrollbarWidth() {
+    if ($(document).height() <= $(window).height()) {
+      return 0;
+    }
+
+    var outer = document.createElement('div');
+    var inner = document.createElement('div');
+    var widthNoScroll;
+    var widthWithScroll;
+
+    outer.style.visibility = 'hidden';
+    outer.style.width = '100px';
+    document.body.appendChild(outer);
+
+    widthNoScroll = outer.offsetWidth;
+
+    // Force scrollbars
+    outer.style.overflow = 'scroll';
+
+    // Add inner div
+    inner.style.width = '100%';
+    outer.appendChild(inner);
+
+    widthWithScroll = inner.offsetWidth;
+
+    // Remove divs
+    outer.parentNode.removeChild(outer);
+
+    return widthNoScroll - widthWithScroll;
+  }
+
+  /**
+   * Locks the screen
+   * @private
+   */
+  function lockScreen() {
+    if (IS_IOS) {
+      return;
+    }
+
+    var $html = $('html');
+    var lockedClass = namespacify('is-locked');
+    var paddingRight;
+    var $body;
+
+    if (!$html.hasClass(lockedClass)) {
+      $body = $(document.body);
+
+      // Zepto does not support '-=', '+=' in the `css` method
+      paddingRight = parseInt($body.css('padding-right'), 10) + getScrollbarWidth();
+
+      $body.css('padding-right', paddingRight + 'px');
+      $html.addClass(lockedClass);
+    }
+  }
+
+  /**
+   * Unlocks the screen
+   * @private
+   */
+  function unlockScreen() {
+    if (IS_IOS) {
+      return;
+    }
+
+    var $html = $('html');
+    var lockedClass = namespacify('is-locked');
+    var paddingRight;
+    var $body;
+
+    if ($html.hasClass(lockedClass)) {
+      $body = $(document.body);
+
+      // Zepto does not support '-=', '+=' in the `css` method
+      paddingRight = parseInt($body.css('padding-right'), 10) - getScrollbarWidth();
+
+      $body.css('padding-right', paddingRight + 'px');
+      $html.removeClass(lockedClass);
+    }
+  }
+
+  /**
+   * Sets a state for an instance
+   * @private
+   * @param {Remodal} instance
+   * @param {STATES} state
+   * @param {Boolean} isSilent If true, Remodal does not trigger events
+   * @param {String} Reason of a state change.
+   */
+  function setState(instance, state, isSilent, reason) {
+
+    var newState = namespacify('is', state);
+    var allStates = [namespacify('is', STATES.CLOSING),
+                     namespacify('is', STATES.OPENING),
+                     namespacify('is', STATES.CLOSED),
+                     namespacify('is', STATES.OPENED)].join(' ');
+
+    instance.$bg
+      .removeClass(allStates)
+      .addClass(newState);
+
+    instance.$overlay
+      .removeClass(allStates)
+      .addClass(newState);
+
+    instance.$wrapper
+      .removeClass(allStates)
+      .addClass(newState);
+
+    instance.$modal
+      .removeClass(allStates)
+      .addClass(newState);
+
+    instance.state = state;
+    !isSilent && instance.$modal.trigger({
+      type: state,
+      reason: reason
+    }, [{ reason: reason }]);
+  }
+
+  /**
+   * Synchronizes with the animation
+   * @param {Function} doBeforeAnimation
+   * @param {Function} doAfterAnimation
+   * @param {Remodal} instance
+   */
+  function syncWithAnimation(doBeforeAnimation, doAfterAnimation, instance) {
+    var runningAnimationsCount = 0;
+
+    var handleAnimationStart = function(e) {
+      if (e.target !== this) {
+        return;
+      }
+
+      runningAnimationsCount++;
+    };
+
+    var handleAnimationEnd = function(e) {
+      if (e.target !== this) {
+        return;
+      }
+
+      if (--runningAnimationsCount === 0) {
+
+        // Remove event listeners
+        $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
+          instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
+        });
+
+        doAfterAnimation();
+      }
+    };
+
+    $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
+      instance[elemName]
+        .on(ANIMATIONSTART_EVENTS, handleAnimationStart)
+        .on(ANIMATIONEND_EVENTS, handleAnimationEnd);
+    });
+
+    doBeforeAnimation();
+
+    // If the animation is not supported by a browser or its duration is 0
+    if (
+      getAnimationDuration(instance.$bg) === 0 &&
+      getAnimationDuration(instance.$overlay) === 0 &&
+      getAnimationDuration(instance.$wrapper) === 0 &&
+      getAnimationDuration(instance.$modal) === 0
+    ) {
+
+      // Remove event listeners
+      $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
+        instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
+      });
+
+      doAfterAnimation();
+    }
+  }
+
+  /**
+   * Closes immediately
+   * @private
+   * @param {Remodal} instance
+   */
+  function halt(instance) {
+    if (instance.state === STATES.CLOSED) {
+      return;
+    }
+
+    $.each(['$bg', '$overlay', '$wrapper', '$modal'], function(index, elemName) {
+      instance[elemName].off(ANIMATIONSTART_EVENTS + ' ' + ANIMATIONEND_EVENTS);
+    });
+
+    instance.$bg.removeClass(instance.settings.modifier);
+    instance.$overlay.removeClass(instance.settings.modifier).hide();
+    instance.$wrapper.hide();
+    unlockScreen();
+    setState(instance, STATES.CLOSED, true);
+  }
+
+  /**
+   * Parses a string with options
+   * @private
+   * @param str
+   * @returns {Object}
+   */
+  function parseOptions(str) {
+    var obj = {};
+    var arr;
+    var len;
+    var val;
+    var i;
+
+    // Remove spaces before and after delimiters
+    str = str.replace(/\s*:\s*/g, ':').replace(/\s*,\s*/g, ',');
+
+    // Parse a string
+    arr = str.split(',');
+    for (i = 0, len = arr.length; i < len; i++) {
+      arr[i] = arr[i].split(':');
+      val = arr[i][1];
+
+      // Convert a string value if it is like a boolean
+      if (typeof val === 'string' || val instanceof String) {
+        val = val === 'true' || (val === 'false' ? false : val);
+      }
+
+      // Convert a string value if it is like a number
+      if (typeof val === 'string' || val instanceof String) {
+        val = !isNaN(val) ? +val : val;
+      }
+
+      obj[arr[i][0]] = val;
+    }
+
+    return obj;
+  }
+
+  /**
+   * Generates a string separated by dashes and prefixed with NAMESPACE
+   * @private
+   * @param {...String}
+   * @returns {String}
+   */
+  function namespacify() {
+    var result = NAMESPACE;
+
+    for (var i = 0; i < arguments.length; ++i) {
+      result += '-' + arguments[i];
+    }
+
+    return result;
+  }
+
+  /**
+   * Handles the hashchange event
+   * @private
+   * @listens hashchange
+   */
+  function handleHashChangeEvent() {
+    var id = location.hash.replace('#', '');
+    var instance;
+    var $elem;
+
+    if (!id) {
+
+      // Check if we have currently opened modal and animation was completed
+      if (current && current.state === STATES.OPENED && current.settings.hashTracking) {
+        current.close();
+      }
+    } else {
+
+      // Catch syntax error if your hash is bad
+      try {
+        $elem = $(
+          '[data-' + PLUGIN_NAME + '-id="' + id + '"]'
+        );
+      } catch (err) {}
+
+      if ($elem && $elem.length) {
+        instance = $[PLUGIN_NAME].lookup[$elem.data(PLUGIN_NAME)];
+
+        if (instance && instance.settings.hashTracking) {
+          instance.open();
+        }
+      }
+
+    }
+  }
+
+  /**
+   * Remodal constructor
+   * @constructor
+   * @param {jQuery} $modal
+   * @param {Object} options
+   */
+  function Remodal($modal, options) {
+    var $body = $(document.body);
+    var $appendTo = $body;
+    var remodal = this;
+
+    remodal.settings = $.extend({}, DEFAULTS, options);
+    remodal.index = $[PLUGIN_NAME].lookup.push(remodal) - 1;
+    remodal.state = STATES.CLOSED;
+
+    remodal.$overlay = $('.' + namespacify('overlay'));
+
+    if (remodal.settings.appendTo !== null && remodal.settings.appendTo.length) {
+      $appendTo = $(remodal.settings.appendTo);
+    }
+
+    if (!remodal.$overlay.length) {
+      remodal.$overlay = $('<div>').addClass(namespacify('overlay') + ' ' + namespacify('is', STATES.CLOSED)).hide();
+      $appendTo.append(remodal.$overlay);
+    }
+
+    remodal.$bg = $('.' + namespacify('bg')).addClass(namespacify('is', STATES.CLOSED));
+
+    remodal.$modal = $modal
+      .addClass(
+        NAMESPACE + ' ' +
+        namespacify('is-initialized') + ' ' +
+        remodal.settings.modifier + ' ' +
+        namespacify('is', STATES.CLOSED))
+      .attr('tabindex', '-1');
+
+    remodal.$wrapper = $('<div>')
+      .addClass(
+        namespacify('wrapper') + ' ' +
+        remodal.settings.modifier + ' ' +
+        namespacify('is', STATES.CLOSED))
+      .hide()
+      .append(remodal.$modal);
+    $appendTo.append(remodal.$wrapper);
+
+    // Add the event listener for the close button
+    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="close"]', function(e) {
+      e.preventDefault();
+
+      remodal.close();
+    });
+
+    // Add the event listener for the cancel button
+    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="cancel"]', function(e) {
+      e.preventDefault();
+
+      remodal.$modal.trigger(STATE_CHANGE_REASONS.CANCELLATION);
+
+      if (remodal.settings.closeOnCancel) {
+        remodal.close(STATE_CHANGE_REASONS.CANCELLATION);
+      }
+    });
+
+    // Add the event listener for the confirm button
+    remodal.$wrapper.on('click.' + NAMESPACE, '[data-' + PLUGIN_NAME + '-action="confirm"]', function(e) {
+      e.preventDefault();
+
+      remodal.$modal.trigger(STATE_CHANGE_REASONS.CONFIRMATION);
+
+      if (remodal.settings.closeOnConfirm) {
+        remodal.close(STATE_CHANGE_REASONS.CONFIRMATION);
+      }
+    });
+
+    // Add the event listener for the overlay
+    remodal.$wrapper.on('click.' + NAMESPACE, function(e) {
+      var $target = $(e.target);
+
+      if (!$target.hasClass(namespacify('wrapper'))) {
+        return;
+      }
+
+      if (remodal.settings.closeOnOutsideClick) {
+        remodal.close();
+      }
+    });
+  }
+
+  /**
+   * Opens a modal window
+   * @public
+   */
+  Remodal.prototype.open = function() {
+    var remodal = this;
+    var id;
+
+    // Check if the animation was completed
+    if (remodal.state === STATES.OPENING || remodal.state === STATES.CLOSING) {
+      return;
+    }
+
+    id = remodal.$modal.attr('data-' + PLUGIN_NAME + '-id');
+
+    if (id && remodal.settings.hashTracking) {
+      scrollTop = $(window).scrollTop();
+      location.hash = id;
+    }
+
+    if (current && current !== remodal) {
+      halt(current);
+    }
+
+    current = remodal;
+    lockScreen();
+    remodal.$bg.addClass(remodal.settings.modifier);
+    remodal.$overlay.addClass(remodal.settings.modifier).show();
+    remodal.$wrapper.show().scrollTop(0);
+    remodal.$modal.focus();
+
+    syncWithAnimation(
+      function() {
+        setState(remodal, STATES.OPENING);
+      },
+
+      function() {
+        setState(remodal, STATES.OPENED);
+      },
+
+      remodal);
+  };
+
+  /**
+   * Closes a modal window
+   * @public
+   * @param {String} reason
+   */
+  Remodal.prototype.close = function(reason) {
+    var remodal = this;
+
+    // Check if the animation was completed
+    if (remodal.state === STATES.OPENING || remodal.state === STATES.CLOSING || remodal.state === STATES.CLOSED) {
+      return;
+    }
+
+    if (
+      remodal.settings.hashTracking &&
+      remodal.$modal.attr('data-' + PLUGIN_NAME + '-id') === location.hash.substr(1)
+    ) {
+      location.hash = '';
+      $(window).scrollTop(scrollTop);
+    }
+
+    syncWithAnimation(
+      function() {
+        setState(remodal, STATES.CLOSING, false, reason);
+      },
+
+      function() {
+        remodal.$bg.removeClass(remodal.settings.modifier);
+        remodal.$overlay.removeClass(remodal.settings.modifier).hide();
+        remodal.$wrapper.hide();
+        unlockScreen();
+
+        setState(remodal, STATES.CLOSED, false, reason);
+      },
+
+      remodal);
+  };
+
+  /**
+   * Returns a current state of a modal
+   * @public
+   * @returns {STATES}
+   */
+  Remodal.prototype.getState = function() {
+    return this.state;
+  };
+
+  /**
+   * Destroys a modal
+   * @public
+   */
+  Remodal.prototype.destroy = function() {
+    var lookup = $[PLUGIN_NAME].lookup;
+    var instanceCount;
+
+    halt(this);
+    this.$wrapper.remove();
+
+    delete lookup[this.index];
+    instanceCount = $.grep(lookup, function(instance) {
+      return !!instance;
+    }).length;
+
+    if (instanceCount === 0) {
+      this.$overlay.remove();
+      this.$bg.removeClass(
+        namespacify('is', STATES.CLOSING) + ' ' +
+        namespacify('is', STATES.OPENING) + ' ' +
+        namespacify('is', STATES.CLOSED) + ' ' +
+        namespacify('is', STATES.OPENED));
+    }
+  };
+
+  /**
+   * Special plugin object for instances
+   * @public
+   * @type {Object}
+   */
+  $[PLUGIN_NAME] = {
+    lookup: []
+  };
+
+  /**
+   * Plugin constructor
+   * @constructor
+   * @param {Object} options
+   * @returns {JQuery}
+   */
+  $.fn[PLUGIN_NAME] = function(opts) {
+    var instance;
+    var $elem;
+
+    this.each(function(index, elem) {
+      $elem = $(elem);
+
+      if ($elem.data(PLUGIN_NAME) == null) {
+        instance = new Remodal($elem, opts);
+        $elem.data(PLUGIN_NAME, instance.index);
+
+        if (
+          instance.settings.hashTracking &&
+          $elem.attr('data-' + PLUGIN_NAME + '-id') === location.hash.substr(1)
+        ) {
+          instance.open();
+        }
+      } else {
+        instance = $[PLUGIN_NAME].lookup[$elem.data(PLUGIN_NAME)];
+      }
+    });
+
+    return instance;
+  };
+
+  $(document).ready(function() {
+
+    // data-remodal-target opens a modal window with the special Id
+    $(document).on('click', '[data-' + PLUGIN_NAME + '-target]', function(e) {
+      e.preventDefault();
+
+      var elem = e.currentTarget;
+      var id = elem.getAttribute('data-' + PLUGIN_NAME + '-target');
+      var $target = $('[data-' + PLUGIN_NAME + '-id="' + id + '"]');
+
+      $[PLUGIN_NAME].lookup[$target.data(PLUGIN_NAME)].open();
+    });
+
+    // Auto initialization of modal windows
+    // They should have the 'remodal' class attribute
+    // Also you can write the `data-remodal-options` attribute to pass params into the modal
+    $(document).find('.' + NAMESPACE).each(function(i, container) {
+      var $container = $(container);
+      var options = $container.data(PLUGIN_NAME + '-options');
+
+      if (!options) {
+        options = {};
+      } else if (typeof options === 'string' || options instanceof String) {
+        options = parseOptions(options);
+      }
+
+      $container[PLUGIN_NAME](options);
+    });
+
+    // Handles the keydown event
+    $(document).on('keydown.' + NAMESPACE, function(e) {
+      if (current && current.settings.closeOnEscape && current.state === STATES.OPENED && e.keyCode === 27) {
+        current.close();
+      }
+    });
+
+    // Handles the hashchange event
+    $(window).on('hashchange.' + NAMESPACE, handleHashChangeEvent);
+  });
+});
diff --git a/skin/social/style.css b/skin/social/style.css
index 36ec3e1fe..ba50ed12b 100644
--- a/skin/social/style.css
+++ b/skin/social/style.css
@@ -56,4 +56,45 @@
 .social-login-loading{width:100%;height:auto;text-align:center}
 .social-login-loading p{display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}
 
+/*기존 계정에 연결하기*/
 
+/* Styles for Accordion */
+.mbskin .toggle:last-child{border-bottom:1px solid #ddd}
+.mbskin .toggle .toggle-title{position:relative;display:block;border-top:1px solid #ddd;margin-bottom:6px}
+.mbskin .toggle .toggle-title h3{font-size:20px;margin:0;line-height:1;cursor:pointer;font-weight:200}
+.mbskin .toggle .toggle-inner{padding:7px 25px 10px 25px;display:none;margin:-7px 0 6px}
+.mbskin .toggle .toggle-inner div{max-width:100%}
+.mbskin .toggle .toggle-title .title-name{display:block;padding:25px 25px 14px}
+.mbskin .right_i{position:absolute;margin:20px;right:0}
+.mbskin .toggle .toggle-title .right_i i{background:url("http://arielbeninca.com/Storage/plus_minus.png") 0 -24px no-repeat;width:24px;height:24px;display:inline-block;vertical-align:middle}
+.mbskin .toggle .toggle-title.active .right_i i{background:url("http://arielbeninca.com/Storage/plus_minus.png") 0 0 no-repeat}
+
+
+#fregisterform .btn_confirm{text-align:left}
+#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em}
+#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
+
+#sns-link-pnl.remodal{border-radius:5px}
+#sns-link-pnl .mw-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:1px solid #dcdcdc;border-radius:30px;background:transparent;color:#383838;cursor:pointer}
+#sns-link-pnl .mw-close:hover {border-color:#ff5191;background:#f7f7f7;color:#ff5191}
+#sns-link-pnl .mw-close .fa {margin:0 0 0 1px}
+#sns-link-pnl .mw-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}
+
+#sns-link-pnl #login_fs{margin:0 auto;width:100%;text-align:left}
+#sns-link-pnl #login_fs label{display:block;display: block;font-size: 0.93em;color: #7a7a7a;margin: 5px 0;}
+#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw{width:100%;margin-bottom:5px;}
+#sns-link-pnl #login_id,#sns-link-pnl #login_pw{margin-left: 45px;border: none;font-size: 1.167em;height: 36px;line-height: 36px;border: transparent;outline: none;width:212px;background:none}
+#sns-link-pnl #login_fs .login_submit{background: url('./img/btn_p.jpg') 50% 50% no-repeat;width: 260px;height: 44px;border: none;color: #fff;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block;}
+#sns-link-pnl .mw-fg {height:320px;text-align:left}
+#sns-link-pnl .login_fs {margin:0 auto;width:260px}
+#sns-link-pnl .mw-fg .mw-desc {margin:0 0 10px;padding:15px;border:1px solid #ededed;background:#f7f7f7}
+#sns-link-pnl .lg_id{background:#fff;border:1px solid #e6e6e6;width:258px;height:36px;background:url('./img/login_id.jpg') 10px 50% no-repeat #fff !important;display:inline-block}
+#sns-link-pnl .lg_pw{background:#fff;border:1px solid #e6e6e6;width:258px;height:36px;background:url('./img/login_pw.jpg') 10px 50% no-repeat #fff !important;display:inline-block}
+#sns-link-pnl .mw-fg .mw-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:normal;text-align:center}
+
+.member_connect{margin-top:1em}
+
+html.remodal-is-locked {overflow-y:scroll !important}
+@media only screen and (min-width: 641px) {
+    #sns-link-pnl.remodal{max-width:400px}
+}
\ No newline at end of file