diff --git a/Dao/MyBatis/Maps/CM.xml b/Dao/MyBatis/Maps/CM.xml
index e0e1637..8107970 100644
--- a/Dao/MyBatis/Maps/CM.xml
+++ b/Dao/MyBatis/Maps/CM.xml
@@ -1701,5 +1701,13 @@
           <isNotNull property="cmno" prepend="and">cmno=#cmno#</isNotNull>
         </dynamic>
       </select>
+      <select id="cm.cgetc" parameterClass="hashtable" resultClass="cm">
+        select
+        b.cgno,b.pcgno,b.cgname,b.cgcode,b.isuse,b.iscover,b.isdel,b.cdt,b.cno,b.udt,b.uno,b.uip
+        from cg a
+        left outer join cg b on a.cgno = b.pcgno
+        where a.isdel=0
+        <isNotNull property="cgcode" prepend="and">a.cgcode=#cgcode#</isNotNull>
+      </select>
     </statements>
 </sqlMap>
\ No newline at end of file
diff --git a/FO/Controllers/HomeController.cs b/FO/Controllers/HomeController.cs
index e9980eb..f97ebf8 100644
--- a/FO/Controllers/HomeController.cs
+++ b/FO/Controllers/HomeController.cs
@@ -31,7 +31,8 @@ namespace NP.FO.Controllers
             ViewBag.POPUPXS = CookieGet("popup", "");
             ViewBag.IsMain = true;
             vm.Datas = Dao.Get<Data>("site.main", new System.Collections.Hashtable() { {"offcode", OffCode }, { "oncode", OnCode} });
-          
+            vm.CMs = Dao.Get<CM>("cm.cgetc", new System.Collections.Hashtable() { { "cgcode", "2" } });//cgcode = 기타교육 // 기타교육 cgcode 바뀌면 파라미터도 변경해야함
+
             ViewBag.OnCode1 = OnCode1;
             return View(vm);
         }
diff --git a/FO/Views/Home/Index.cshtml b/FO/Views/Home/Index.cshtml
index 2d8c37b..c03dc4d 100644
--- a/FO/Views/Home/Index.cshtml
+++ b/FO/Views/Home/Index.cshtml
@@ -2,7 +2,7 @@
 
 <head>
     <style>
-        .mainTop *{
+        .mainTop * {
             font-family: 'Noto Sans KR', sans-serif;
             font-size: 11pt;
             letter-spacing: -0.05em;
@@ -49,130 +49,204 @@
 
 </head>
 @section main{
-    <div id="main">
-        <div class="container">
-            <div class="mainTop">
-                <h2>YICTE Smart Search</h2>
-                <p>나에게 필요한 교육을 찾아드립니다.</p>
-            </div>
-            <form action="">
+    <form id="indexForm" method="post">
+        <div id="main">
+            <div class="container">
+                <div class="mainTop">
+                    <h2><span style="font:bold; font-size:50pt">YICTE</span> Smart Search</h2>
+                    <p style="margin-top:0px">나에게 필요한 교육을 찾아드립니다.</p>
+                </div>
                 <input type="hidden" id="sch1" value="" />
                 <input type="hidden" id="sch2" value="" />
                 <input type="hidden" id="sch3" value="" />
                 <input type="hidden" id="sch4" value="" />
                 <input type="hidden" id="sch5" value="" />
-                <ul class="mainSch">
-                    <li class="msCont">
-                        <em>SKILL</em>
-                        <div class="msSel active" id="msSel1">
-                            <span>교육유형</span>
-                            <div>
+
+                <input type="hidden" id="Edutype" name="Edutype" />
+                @if (Model.Edutype == 0 || Model.Edutype == null)
+                {
+                    <ul class="mainTab">
+                        <li class="current" id="liTab1"><a href="#">법정교육</a></li>
+                        <li id="liTab2"><a href="#">기타교육</a></li>
+                    </ul>
+
+                    <ul class="mainSch">
+                        <li class="msCont">
+                            <em>SKILL</em>
+                            <div class="msSel active" id="msSel1">
+                                <span>교육유형</span>
                                 <div>
-                                    <ul>
-                                        <li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
-                                        <li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
-                                    </ul>
+                                    <div>
+                                        <ul>
+                                            <li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
+                                            <li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </li>
-                    <li class="msCont">
-                        <em>JOB</em>
-                        <div class="msSel disable" id="msSel2">
-                            <span>직무분야</span>
-                            <div>
+                        </li>
+                        <li class="msCont">
+                            <em>JOB</em>
+                            <div class="msSel disable" id="msSel2">
+                                <span>기술인분류</span>
                                 <div>
-                                    <ul>
-                                        @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
-                                        {
-                                            <li><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</a></li>
-                                        }
-                                    </ul>
+                                    <div>
+                                        <ul>
+                                            @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeman"))
+                                            {
+                                                <li><a href="javascript:schIpt('2', '@t.ccode', '@t.cname');">@t.cname</a></li>
+                                            }
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </li>
-                    <li class="msCont">
-                        <em>OBJECT</em>
-                        <div class="msSel disable" id="msSel3">
-                            <span>교육목적</span>
-                            <div>
+                        </li>
+                        <li class="msCont">
+                            <em>OBJECT</em>
+                            <div class="msSel disable" id="msSel3">
+                                <span>교육목적</span>
                                 <div>
-                                    <ul>
-                                        @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
-                                        {
-                                            <li><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</a></li>
-                                        }
-                                    </ul>
+                                    <div>
+                                        <ul>
+                                            @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typeedu"))
+                                            {
+                                                <li><a href="javascript:schIpt('3', '@t.ccode', '@t.cname');">@t.cname</a></li>
+                                            }
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </li>
-                    <li class="msCont">
-                        <em>GRADE</em>
-                        <div class="msSel disable" id="msSel4">
-                            <span id="spnTypeGrade">등급</span>
-                            <div>
+                        </li>
+                        <li class="msCont">
+                            <em>GRADE</em>
+                            <div class="msSel disable" id="msSel4">
+                                <span>등급</span>
                                 <div>
-                                    <ul>
-                                        @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
-                                        {
-                                            <li id="liGrade@(t.ccode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</a></li>
-                                        }
-                                    </ul>
+                                    <div>
+                                        <ul>
+                                            @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typegrade"))
+                                            {
+                                                <li id="liGrade@(t.ccode)"><a href="javascript:schIpt('4', '@t.ccode', '@t.cname');">@t.cname</a></li>
+                                            }
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </li>
-                    <li class="msCont">
-                        <em>TYPE</em>
-                        <div class="msSel disable" id="msSel5">
-                            <span>직무분야</span>
-                            <div>
+                        </li>
+                        <li class="msCont">
+                            <em>TYPE</em>
+                            <div class="msSel disable" id="msSel5">
+                                <span>직무분야</span>
                                 <div>
-                                    <ul>
-                                        @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"))
-                                        {
-                                            <li><a href="javascript:schIpt('5', '@t.ccode', '@t.cname');">@t.cname</a></li>
-                                        }
-                                    </ul>
+                                    <div>
+                                        <ul>
+                                            @foreach (var t in Model.ComCodes.Where(w => w.cgroup.ToString() == "typejob"))
+                                            {
+                                                <li><a href="javascript:schIpt('5', '@t.ccode', '@t.cname');">@t.cname</a></li>
+                                            }
+                                        </ul>
+                                    </div>
                                 </div>
                             </div>
-                        </div>
-                    </li>
-                    <li><a href="#" class="msBtn">검색하기</a></li>
-                </ul>
-            </form>
+                        </li>
+                        <li><a href="#" class="msBtn">검색하기</a></li>
+                    </ul>
+                }
+                else if(Model.Edutype == 1)
+                {
+                    <ul class="mainTab">
+                        <li id="liTab1"><a href="#">법정교육</a></li>
+                        <li class="current" id="liTab2"><a href="#">기타교육</a></li>
+                    </ul>
+                    <ul class="mainSch">
+                        <li class="msCont">
+                            <em>SKILL</em>
+                            <div class="msSel active" id="msSel1">
+                                <span>교육유형</span>
+                                <div>
+                                    <div>
+                                        <ul>
+                                            <li><a href="javascript:schIpt('1', '1', '온라인교육');">온라인교육</a></li>
+                                            <li><a href="javascript:schIpt('1', '0', '교육장교육');">교육장교육</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="msCont">
+                            <em>JOB</em>
+                            <div class="msSel disable" id="msSel2">
+                                <span>교육선택</span>
+                                <div>
+                                    <div>
+                                        <ul>
+                                            @foreach (var t in Model.CMs)
+                                            {
+                                                <li><a href="javascript:schIpt('2', '@t.cgcode', '@t.cgname');">@t.cgname</a></li>
+                                            }
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="msCont">
+                            <em></em>
+                            <div class="msSel disable" id="msSel3">
+                            </div>
+                        </li>
+                        <li class="msCont">
+                            <em></em>
+                            <div class="msSel disable" id="msSel4">
+                            </div>
+                        </li>
+                        <li class="msCont">
+                            <em></em>
+                            <div class="msSel disable" id="msSel5">
+                            </div>
+                        </li>
+                        <li><a href="#" class="msBtn">검색하기</a></li>
+                    </ul>
+                }
+            </div>
         </div>
-    </div>
+    </form>
 }
 <script type="text/javascript">
     $(document).ready(function () {
-        $("#lblTypeGrade").text("등급");
-    });
+        $('#liTab1').click(function () {
+            $("#Edutype").val(0);
+            $("#indexForm").submit();
+        });
+        $('#liTab2').click(function () {
+            $("#Edutype").val(1);
+            $("#indexForm").submit();
+        });
 
-    $('.msSel span').click(function () {
-        if ($(this).parent().is('.active')) {
-            if ($(this).is('.on')) {
-                $(this).removeClass('on');
-                $(this).next().slideUp(300);
+        initSearch();
+
+        $('.msSel span').click(function () {
+            if ($(this).parent().is('.active')) {
+                if ($(this).is('.on')) {
+                    $(this).removeClass('on');
+                    $(this).next().slideUp(300);
+                } else {
+                    $('.msSel span').removeClass('on');
+                    $('.msSel > div').slideUp(300);
+                    $(this).addClass('on');
+                    $(this).next().slideDown(300);
+                }
             } else {
-                $('.msSel span').removeClass('on');
-                $('.msSel > div').slideUp(300);
-                $(this).addClass('on');
-                $(this).next().slideDown(300);
+                if ($(this).parent().attr('id') == 'msSel2') {
+                    alert('교육유형을 선택해주세요.');
+                } else if ($(this).parent().attr('id') == 'msSel3') {
+                    alert('직무분야를 선택해주세요.');
+                } else if ($(this).parent().attr('id') == 'msSel4') {
+                    alert('교육목적을 선택해주세요.');
+                } else if ($(this).parent().attr('id') == 'msSel5') {
+                    alert('등급을 선택해주세요.');
+                }
             }
-        } else {
-            if ($(this).parent().attr('id') == 'msSel2') {
-                alert('교육유형을 선택해주세요.');
-            } else if ($(this).parent().attr('id') == 'msSel3') {
-                alert('직무분야를 선택해주세요.');
-            } else if ($(this).parent().attr('id') == 'msSel4') {
-                alert('교육목적을 선택해주세요.');
-            } else if ($(this).parent().attr('id') == 'msSel5') {
-                alert('등급을 선택해주세요.');
-            }
-        }
+        });
     });
     function schIpt(num, code, name) {
         $('#sch' + num).val(code);
@@ -183,14 +257,31 @@
         $('#msSel' + (Number(num) + 1)).addClass('active');
         $('#msSel' + (Number(num) + 1) + ' > div').slideDown(300);
 
-        if (num == 3 && code == 58 && name == "승급교육") {
-            $("#spnTypeGrade").html("승급가능등급");
+        if (num == 3 && name == "승급교육") {
+            $('#msSel4 > span').text("승급가능등급");
             $("#liGrade59").hide();
         }
-        else {
-            $("#spnTypeGrade").html("등급");
+        else if (num == 3 && name != "승급교육") {
+            $('#msSel4 > span').text("등급");
             $("#liGrade59").show();
         }
-    };
+    }
+
+    function initSearch() {
+        if ($("#liTab1").hasClass("current"))
+        {
+            $('#msSel2 > span').text("기술인분류");
+            $('#msSel3 > span').text("교육목적");
+            $('#msSel4 > span').text("등급");
+            $('#msSel5 > span').text("직무분야");
+        }
+        else if ($("#liTab1").hasClass("current"))
+        {
+            $('#msSel2 > span').text("교육선택");
+            $('#msSel3 > span').text("");
+            $('#msSel4 > span').text("");
+            $('#msSel5 > span').text("");
+        }
+    }
 </script>
 
diff --git a/FO/css/style.css b/FO/css/style.css
index 084b016..70e076e 100644
--- a/FO/css/style.css
+++ b/FO/css/style.css
@@ -340,9 +340,56 @@ body {}
         font-weight: 300;
         margin-top: 20px;
     }
+.mainTab {
+    margin-top: 100px;
+}
+
+    .mainTab:after {
+        content: '';
+        display: table;
+        clear: both;
+    }
+
+    .mainTab li {
+        float: left;
+        position: relative;
+        padding-right: 16px;
+        margin-right: 15px;
+    }
+
+        .mainTab li:last-child {
+            margin-right: 0;
+            padding-right: 0;
+        }
+
+        .mainTab li:after {
+            content: '';
+            display: block;
+            width: 1px;
+            height: 14px;
+            background: #fff;
+            position: absolute;
+            right: 0;
+            top: 50%;
+            margin-top: -7px;
+        }
+
+        .mainTab li:last-child:after {
+            display: none;
+        }
+
+        .mainTab li a {
+            display: block;
+            font-size: 14pt;
+            color: rgba(255,255,255,0.5);
+        }
+
+        .mainTab li.current a {
+            color: #fff;
+        }
 
 .mainSch {
-    margin-top: 140px;
+    margin-top: 15px;
 }
 
     .mainSch:after {
diff --git a/FO/js/site.js b/FO/js/site.js
index 05d70d1..dd75ecc 100644
--- a/FO/js/site.js
+++ b/FO/js/site.js
@@ -1,8 +1,8 @@
 ﻿$(window).on("keydown", function (e) {
-    if (e.keyCode == 116 || e.keyCode == 123) {
-        prv(); return false;
-    }
-    else if (e.keyCode == 119 && typeof (save) == "function" && $("#layermessage:visible").length < 1) {
+    //if (e.keyCode == 116 || e.keyCode == 123) {
+    //    prv(); return false;
+    //}
+    if (e.keyCode == 119 && typeof (save) == "function" && $("#layermessage:visible").length < 1) {
         save();
     }
     else if (e.keyCode == 115 && typeof (del) == "function" && $("#layermessage:visible").length < 1) {
diff --git a/Model/VMHome.cs b/Model/VMHome.cs
index c6182fe..bae939b 100644
--- a/Model/VMHome.cs
+++ b/Model/VMHome.cs
@@ -15,5 +15,6 @@ namespace NP.Model
         public IList<CM> CMs { get; set; }
         public IList<Data> Datas { get; set; }
         public IList<CMInning> CMInnings { get; set; }
+        public int? Edutype { get; set; }
     }
 }
