diff --git a/f_config/config.css b/f_config/config.css
index 8da89afd..b3a057f9 100644
--- a/f_config/config.css
+++ b/f_config/config.css
@@ -18,6 +18,25 @@ td      {
     text-align: center;
     font-family: '맑은 고딕'; line-height: 110%;
 }
+
+div     {
+    margin:0px;
+    padding: 0px;
+    word-break: break-all;
+    font-family: '맑은 고딕';
+}
+
+.with_border{
+    border: solid 1px;
+    border-spacing: 0px;
+    border-collapse: separate;
+    border-top-color: gray;
+    border-left-color: gray;
+    border-right-color: black;
+    border-bottom-color: black;
+}
+
+/*
 div     {
     width: 100px; height: 20px;
     border: solid 1px; border-spacing: 0px; border-collapse: separate; border-top-color: gray; border-left-color: gray; border-right-color: black; border-bottom-color: black;
@@ -27,7 +46,9 @@ div     {
     text-align: center;
     font-family: '맑은 고딕'; line-height: 110%;
 }
+*/
 font    { font-family: '맑은 고딕'; line-height: 110%; }
+/*
 input   {
     width: 100px; height: 18px;
     background-color: black; color: white;
@@ -35,6 +56,7 @@ input   {
     font-size: 13px;
     line-height: 110%;
 }
+*/
 select  {
     width: 100px; height: 18px;
     background-color: black; color: white;
diff --git a/i_login/Frame.php b/i_login/Frame.php
index 8b2da17c..99d69eb4 100644
--- a/i_login/Frame.php
+++ b/i_login/Frame.php
@@ -1,76 +1,8 @@
 <?php
 require_once('_common.php');
-require_once(ROOT.'/f_config/DB.php');
 
-$system = getRootDB()->queryFirstRow('SELECT `REG`, `LOGIN` FROM `SYSTEM` WHERE `NO`=1');
+
+
 ?>
 
-<?php include('findpw/Frame.php'); ?>
-<?php include('join/Frame.php'); ?>
 
-<div class="Login_TopButtons">
-    <input type="button" value="게시판메인" class="Login_TopBottomButton Login_Bbs">
-    <input type="button" value="삼모게시판" class="Login_TopBottomButton Login_Free">
-    <input type="button" value="삼국일보"   class="Login_TopBottomButton Login_News">
-    <input type="button" value="레퍼런스"   class="Login_TopBottomButton Login_Reference">
-    <input type="button" value="패치게시판" class="Login_TopBottomButton Login_Patch">
-    <input type="button" value="참여게시판" class="Login_TopBottomButton Login_Donation">
-    <input type="button" value="튜토리얼"   class="Login_TopBottomButton Login_Tutorial">
-    <input type="button" value="왕조일람"   class="Login_TopBottomButton Login_Emperior")>
-    <input type="button" value="접속량정보" class="Login_TopBottomButton Login_Traffic">
-</div>
-
-    
-        <div id="Login_000100" class="bg0">
-            <div id="Login_00010000" class="bg1">삼모전 HiD서버</div>
-            <div id="Login_00010001" class="bg1">통합관리</div>
-            <div id="Login_00010002">ID&nbsp;</div>
-            <input id="Login_00010003" type="text" maxlength="12">
-            <div id="Login_00010004">PW&nbsp;</div>
-            <input id="Login_00010005" type="password" maxlength="12">
-            <input id="global_salt" type="hidden" value="<?=getGlobalSalt()?>">
-            <input id="Login_00010008" type="button" value="비번&#13;찾기">
-<?php
-if($system['REG'] == 'Y') {
-    echo '
-            <input id="Login_00010009" type="button" value="회원&#13;가입">
-    ';
-} else {
-    echo '
-            <input id="Login_00010009" type="button" value="가입&#13;금지중" disabled>
-    ';
-}
-?>
-<?php
-if($system['LOGIN'] == 'Y') {
-    echo '
-            <input id="Login_00010010" type="button" value="로그인">
-    ';
-} else {
-    echo '
-            <input id="Login_00010010" type="button" value="로그인&#13;금지중">
-    ';
-}
-?>
-
-            
-            <div id="Login_00010012" class="bg0"><b>※체섭은 맑은고딕체를 권장합니다.</b></div>
-            <input id="Login_00010013" type="button" value="튜토리얼">
-            <input id="Login_00010014" type="button" value="스크린샷">
-        </div>
-        <div id="Login_000101" class="bg0">
-<b><pre>삼국지 모의전투 유기체서버
-제작자 : 유기체(jwh1807@gmail.com)</pre></b>
-        </div>
-    
-<div class="Login_BottomButtons">
-    <input type="button" value="게시판메인" class="Login_TopBottomButton Login_Bbs">
-    <input type="button" value="삼모게시판" class="Login_TopBottomButton Login_Free">
-    <input type="button" value="삼국일보"   class="Login_TopBottomButton Login_News">
-    <input type="button" value="레퍼런스"   class="Login_TopBottomButton Login_Reference">
-    <input type="button" value="패치게시판" class="Login_TopBottomButton Login_Patch">
-    <input type="button" value="참여게시판" class="Login_TopBottomButton Login_Donation">
-    <input type="button" value="튜토리얼"   class="Login_TopBottomButton Login_Tutorial">
-    <input type="button" value="왕조일람"   class="Login_TopBottomButton Login_Emperior")>
-    <input type="button" value="접속량정보" class="Login_TopBottomButton Login_Traffic">
-</div>
\ No newline at end of file
diff --git a/i_login/Style.css b/i_login/Style.css
index 9033c305..ae1ad88d 100644
--- a/i_login/Style.css
+++ b/i_login/Style.css
@@ -46,6 +46,25 @@ body{
     bottom:0;
 }
 
+
+#login_form{
+    position:fixed;
+    width:350px; height:230px;
+    left:50%;
+    margin-left:-550px;
+    top:50%;
+    margin-top:-115px;
+}
+
+#login_form_title{
+    padding:2px;
+    text-align:center;
+}
+
+#login_button{
+    width:100%;
+}
+
 #Login_0000 {
     width: 52px; height: 52px;
     position: absolute; top: 30px; left: 10px;
@@ -55,6 +74,7 @@ body{
     width: 1024px; height: 768px;
 }
 
+
 #Login_000100 {
     position:fixed;
     width: 350px; height: 230px;
diff --git a/i_login/login.php b/i_login/login.php
index 87911064..c78ca530 100644
--- a/i_login/login.php
+++ b/i_login/login.php
@@ -1,19 +1,21 @@
 <?php
 require_once('_common.php');
 require_once(ROOT.'/f_func/class._Session.php');
-
+require_once(ROOT.'/f_config/DB.php');
+require_once(ROOT.'/tmp_kakao/conf.php');//TODO: kakao 가입 정식 적용하면 코드 변경
 $SESSION = new _Session();
 if($SESSION->IsLoggedIn()){
     header(ROOT.'/i_entrance/Frame.php');
     die();
 }
+$system = getRootDB()->queryFirstRow('SELECT `REG`, `LOGIN` FROM `SYSTEM` WHERE `NO`=1');
 ?>
 
 <!DOCTYPE html>
-<html>
-
+<html lang="ko">
     <head>
-        <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
         <title>로그인</title>
 
         <!-- 스타일 -->
@@ -36,8 +38,8 @@ if($SESSION->IsLoggedIn()){
 $(document).ready(Login);
 
 function Login() {
-    ImportView("body", "<?=ROOT;?>"+W+I+POPUP+W+FRAME);
-    ImportView("body", FRAME);
+    //ImportView("body", "<?=ROOT;?>"+W+I+POPUP+W+FRAME);
+    //ImportView("body", FRAME);
 
     Popup_Import();
     Popup_Init();
@@ -47,10 +49,113 @@ function Login() {
     Login_Init();
     Login_Update();
 }
+
+var rootStatus = <?=json_encode([
+    'reg'=>($system['REG']=='Y'),
+    'login'=>($system['LOGIN']=='Y')
+], JSON_UNESCAPED_UNICODE)?>;
+
         </script>
     </head>
 
     <body style="background-image:url('<?=IMAGES.'/back7.jpg'?>');">
+
+<?php include('findpw/Frame.php'); ?>
+<?php include('join/Frame.php'); ?>
+
+<div class="Login_TopButtons">
+    <input type="button" value="게시판메인" class="Login_TopBottomButton Login_Bbs">
+    <input type="button" value="삼모게시판" class="Login_TopBottomButton Login_Free">
+    <input type="button" value="삼국일보"   class="Login_TopBottomButton Login_News">
+    <input type="button" value="레퍼런스"   class="Login_TopBottomButton Login_Reference">
+    <input type="button" value="패치게시판" class="Login_TopBottomButton Login_Patch">
+    <input type="button" value="참여게시판" class="Login_TopBottomButton Login_Donation">
+    <input type="button" value="튜토리얼"   class="Login_TopBottomButton Login_Tutorial">
+    <input type="button" value="왕조일람"   class="Login_TopBottomButton Login_Emperior")>
+    <input type="button" value="접속량정보" class="Login_TopBottomButton Login_Traffic">
+</div>
+
+    <div id='login_form' class='bg0 with_border'>
+        
+        <div id="login_form_title" class="bg1 with_border">삼국지 모의전투 HiD서버</div>
+        <form>
+            <div>
+                <label for="id" style="width:30%;">ID</label>
+                <input type="text" name="id">
+            </div>
+            <div>
+                <label for="password" style="width:30%;">PW</label>
+                <input type="password" name="password">
+            </div>
+            <div>
+                <input id="login_button" type="submit" value="로그인">
+            </div>
+        </form>
+        <div>
+            <a href="https://kauth.kakao.com/oauth/authorize?client_id=<?=KakaoKey::REST_KEY?>&redirect_uri=<?=KakaoKey::REDIRECT_URI?>&response_type=code"><img src="../tmp_kakao/kakao_btn.png"></a>
+        </div>
+        <div>
+            <a href="../i_other/help.php" target="_blank"><button id="button_tutorial">튜토리얼</button></a>
+            <a href="../i_other/screenshot.php" target="_blank"><button id="button_screenshot">스크린샷</button></a>
+        </div>
+        
+    </div>
+        <div id="Login_000100" class="bg0">
+            <div id="Login_00010000" class="bg1">삼모전 HiD서버</div>
+            <div id="Login_00010001" class="bg1">통합관리</div>
+            <div id="Login_00010002">ID&nbsp;</div>
+            <input id="Login_00010003" type="text" maxlength="12">
+            <div id="Login_00010004">PW&nbsp;</div>
+            <input id="Login_00010005" type="password" maxlength="12">
+            <input id="global_salt" type="hidden" value="<?=getGlobalSalt()?>">
+            <input id="Login_00010008" type="button" value="비번&#13;찾기">
+            <input id="Login_00010009" type="button" value="회원&#13;가입">
+            <input id="Login_00010010" type="button" value="로그인">
+            
+            <div id="Login_00010012" class="bg0"><b>※체섭은 맑은고딕체를 권장합니다.</b></div>
+            <input id="Login_00010013" type="button" value="튜토리얼">
+            <input id="Login_00010014" type="button" value="스크린샷">
+        </div>
+        <div id="Login_000101" class="bg0">
+<b><pre>삼국지 모의전투 유기체서버
+제작자 : 유기체(jwh1807@gmail.com)</pre></b>
+        </div>
+    
+<div class="Login_BottomButtons">
+    <input type="button" value="게시판메인" class="Login_TopBottomButton Login_Bbs">
+    <input type="button" value="삼모게시판" class="Login_TopBottomButton Login_Free">
+    <input type="button" value="삼국일보"   class="Login_TopBottomButton Login_News">
+    <input type="button" value="레퍼런스"   class="Login_TopBottomButton Login_Reference">
+    <input type="button" value="패치게시판" class="Login_TopBottomButton Login_Patch">
+    <input type="button" value="참여게시판" class="Login_TopBottomButton Login_Donation">
+    <input type="button" value="튜토리얼"   class="Login_TopBottomButton Login_Tutorial">
+    <input type="button" value="왕조일람"   class="Login_TopBottomButton Login_Emperior")>
+    <input type="button" value="접속량정보" class="Login_TopBottomButton Login_Traffic">
+</div>
+
+<div id="Popup_00">
+</div>
+<div id="Popup_01">
+    <div id="Popup_0100" class="bg1">알 림</div>
+    <div id="Popup_0101" class="bg0"></div>
+    <input id="Popup_0102" type="button" value="확인">
+</div>
+
+<div id="Popup_02">
+    <div id="Popup_0200" class="bg1">선 택</div>
+    <div id="Popup_0201" class="bg0"></div>
+    <input id="Popup_0202" type="button" value="예">
+    <input id="Popup_0203" type="button" value="아니요">
+</div>
+
+<div id="Popup_03">
+    <div id="Popup_0300" class="bg1">처 리 중</div>
+    <div id="Popup_0301" class="bg0"></div>
+    <div id="Popup_0302">.</div>
+    <input id="Popup_0303" type="button" value="확인">
+</div>
+
+
     </body>
 
 </html>
diff --git a/tmp_kakao/join.css b/tmp_kakao/join.css
index c6a9338e..0110454a 100644
--- a/tmp_kakao/join.css
+++ b/tmp_kakao/join.css
@@ -72,4 +72,4 @@ input::-webkit-input-placeholder {
 
 .terms{
     max-height: 200px; overflow: auto;
-}
\ No newline at end of file
+}