diff --git a/FO/FO.csproj b/FO/FO.csproj
index 6424d1f..0f80d38 100644
--- a/FO/FO.csproj
+++ b/FO/FO.csproj
@@ -488,6 +488,8 @@
     <Content Include="js\examcommon.js" />
     <Content Include="js\exam.js" />
     <Content Include="js\jquery.mmenu.js" />
+    <Content Include="js\kakao.js" />
+    <Content Include="js\naveridlogin_js_sdk_2.0.0.js" />
     <Content Include="js\study.js" />
     <Content Include="js\jquery-1.8.3.min.js" />
     <Content Include="js\croom.js" />
diff --git a/FO/Views/Account/IndexBase.cshtml b/FO/Views/Account/IndexBase.cshtml
index 697a66f..cfdc9bc 100644
--- a/FO/Views/Account/IndexBase.cshtml
+++ b/FO/Views/Account/IndexBase.cshtml
@@ -1,28 +1,39 @@
 ﻿@model NP.Model.VMUser
-    <form id="mform" action="" method="post">
-        <div class="lgnWrap">
-            <ul class="lgnForm">
-                <li><input type="text" name="uid" id="uid" placeholder="아이디" value="@ViewBag.SavedId" /></li>
-                <li><input type="password" name="upw" id="upw" placeholder="비밀번호" /></li>
-            </ul>
-            <div class="lgnChk">
-                <input type="checkbox"  name="issaveid" id="issaveid" @(ViewBag.SavedId == "" ? "" : "checked")>
-                <label for="issaveid">아이디저장</label>
-            </div>
-            <a href="#" class="lgnBtn" onclick="login();">로그인</a>
-
-            <ul class="lgnFind">
-                <li><a href="/Account/FindMe">아이디/비밀번호찾기</a></li>
-                <li><a href="/Account/JoinTSel">회원가입</a></li>
-            </ul>
-
-            <ul class="lgnSns">
-                <li><a href="#">네이버 아이디로 로그인</a></li>
-                <li><a href="#">카카오톡 아이디로 로그인</a></li>
-                <li><a href="#">구글 아이디로 로그인</a></li>
-            </ul>
+<head>
+    <script type="text/javascript" src="/js/naveridlogin_js_sdk_2.0.0.js"></script>
+    <script type="text/javascript" src="/js/kakao.js"></script>
+</head>
+<form id="mform" action="" method="post">
+    <div class="lgnWrap">
+        <ul class="lgnForm">
+            <li><input type="text" name="uid" id="uid" placeholder="아이디" value="@ViewBag.SavedId" /></li>
+            <li><input type="password" name="upw" id="upw" placeholder="비밀번호" /></li>
+        </ul>
+        <div class="lgnChk">
+            <input type="checkbox" name="issaveid" id="issaveid" @(ViewBag.SavedId == "" ? "" : "checked")>
+            <label for="issaveid">아이디저장</label>
         </div>
-    </form>
+        <a href="#" class="lgnBtn" onclick="login();">로그인</a>
+
+        <ul class="lgnFind">
+            <li><a href="/Account/FindMe">아이디/비밀번호찾기</a></li>
+            <li><a href="/Account/JoinTSel">회원가입</a></li>
+        </ul>
+
+        <br />
+        <div id="naverIdLogin" style="display:none"></div>
+
+        <ul class="lgnSns">
+            <li>
+                <a href="javascript:loginWithNaver()">네이버 아이디로 로그인</a>
+            </li>
+            <li>
+                <a href="javascript:loginWithKakao()">카카오 아이디로 로그인</a>
+            </li>
+            <li><a href="#">구글 아이디로 로그인</a></li>
+        </ul>
+    </div>
+</form>
 
 <script>
     $(document).ready(function () {
@@ -61,6 +72,8 @@
                 }
             });
         }
+
+        snsInit();
     });
     function login() {
         if (val("uid") != "" && val("upw") != "") {
@@ -86,4 +99,38 @@
             }
         } else { msg("입력하신 아이디/비밀번호와 일치하는 계정이 없습니다. 다시 확인해주세요."); }
     }
+    var naverLogin = new naver.LoginWithNaverId(
+        {
+            clientId: "fvaj0CdI04awGMEhaICy", //개발자센터에 등록한 ClientID
+            callbackUrl: "http://www.ynicte.com/Account/Join",//개발자센터에 등록한 callback Url
+            isPopup: true, /* 팝업을 통한 연동처리 여부 */
+            loginButton: { color: "green", type: 3, height: 60 } /* 로그인 버튼의 타입을 지정 */
+        }
+    );
+
+    function loginWithKakao() {
+        Kakao.Auth.login({
+            success: function (authObj) {
+                alert(JSON.stringify(authObj))
+            },
+            fail: function (err) {
+                alert(JSON.stringify(err))
+            },
+        })
+    }
+
+    function loginWithNaver() {
+        $("#naverIdLogin_loginButton > img").trigger("click");
+    }
+   
+    function snsInit() {
+        // 카카오 SDK를 초기화 합니다. 사용할 앱의 JavaScript 키를 설정해 주세요.
+        Kakao.init('f30a121bf140bf3d3dbf72012b7d713c');
+        // SDK 초기화 여부를 판단합니다.
+        console.log(Kakao.isInitialized());
+
+        /* 네이버 설정정보를 초기화하고 연동을 준비 */
+        naverLogin.init();
+    }
+
 </script>
\ No newline at end of file
