From 29f43279e8ec2de5bd5858bc74522c6f6bf4db86 Mon Sep 17 00:00:00 2001
From: kdh0120 <kdh0120  @example.com>
Date: Fri, 30 Oct 2020 09:04:47 +0000
Subject: [PATCH] =?UTF-8?q?(201030)=20gnb=EC=88=98=EC=A0=95=20,css?=
 =?UTF-8?q?=EA=B0=80=20=EB=82=9C=EB=A6=AC=EC=97=90=EC=9A=94=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=ED=95=B4=EC=95=BC=ED=95=A9=EB=8B=88=EB=8B=A4.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 FO/Controllers/FOBaseController.cs      |    5 +-
 FO/Views/Shared/Partial/Foot.cshtml     |   31 +-
 FO/Views/Shared/Partial/GNB.cshtml      |  113 +-
 FO/Views/Shared/Partial/SubTitle.cshtml |   10 +-
 FO/css/common.css                       |   43 +-
 FO/css/lecture.css                      |   73 +-
 FO/css/style.css                        | 4110 ++++++++++-------------
 7 files changed, 1876 insertions(+), 2509 deletions(-)

diff --git a/FO/Controllers/FOBaseController.cs b/FO/Controllers/FOBaseController.cs
index c91433b..f2bfd7e 100644
--- a/FO/Controllers/FOBaseController.cs
+++ b/FO/Controllers/FOBaseController.cs
@@ -302,10 +302,11 @@ namespace NP.FO.Controllers
                     }
                     sb2.Append("</ul></li>");
                     sb2auth.Append("</ul></li>");
-                    sbmauth.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><h5>{0}</h5><ul>", m.pagename, m.pno));
+                    sbmauth.Append("<li><a class=\"mlink\" href=\"/My/Index\">Home</a></li>");
+                    sbmauth.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><a>{0}</a><span></span><ul>", m.pagename, m.pno));
                     if (m.usertype == 0)
                     {
-                        sbm.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><h5>{0}</h5><ul>", m.pagename, m.pno));
+                        sbm.Append(string.Format("<li class=\"topmenu{1}" + (m.pno == 16 ? "style=\"display:none;\"" : string.Empty) + "\"><a>{0}</a><span></span><ul>", m.pagename, m.pno));
                     }
                     foreach (var m2 in GetMENUPAGES.Where(w => w.pdepth == 1 && w.isopen == 1 && w.ppno == m.pno && w.pagetype != 4))
                     {
diff --git a/FO/Views/Shared/Partial/Foot.cshtml b/FO/Views/Shared/Partial/Foot.cshtml
index 980d81c..ad3c2af 100644
--- a/FO/Views/Shared/Partial/Foot.cshtml
+++ b/FO/Views/Shared/Partial/Foot.cshtml
@@ -6,28 +6,27 @@
     var mainprivate = (menus.Where(w => w.refcode == "main.private").FirstOrDefault() ?? em);
     var mainagree = (menus.Where(w => w.refcode == "main.agree").FirstOrDefault() ?? em);
 }
-<div id="footer">
-    <div class="ftMenu">
-        <div class="container">
+<div id="footer" class="main">
+    <div class="container">
+        <div class="ftMenu">
             <ul>
-                <li><a href="#" onclick="gomenu(@(mainintroduce.pno), @(mainintroduce.pagetype), '@(mainintroduce.pageurl??"")', this);">교육원 소개</a></li>
-                <li><a href="#" onclick="gomenu(@(mainlocation.pno), @(mainlocation.pagetype), '@(mainlocation.pageurl??"")', this);">찾아오시는 길</a></li>
+                @*<li><a href="#" onclick="gomenu(@(mainintroduce.pno), @(mainintroduce.pagetype), '@(mainintroduce.pageurl??"")', this);">교육원 소개</a></li>
+                <li><a href="#" onclick="gomenu(@(mainlocation.pno), @(mainlocation.pagetype), '@(mainlocation.pageurl??"")', this);">찾아오시는 길</a></li>*@
                 <li><a href="#" onclick="viewlayer(@(mainprivate.pno), this, '개인정보처리방침');" style="color:#2c5ac7;">개인정보처리방침</a></li>
                 <li><a href="#" onclick="viewlayer(@(mainagree.pno), this, '이용약관');">이용약관</a></li>
             </ul>
-            <p>이러닝전문기관인증</p>
         </div>
-    </div>
-    <div class="ftAddr">
-        <div class="container">
-            <p><span>대표자 : ?</span><span>사업소재지 : 경북 영천시 고경면 호국로 791 영남건설기술교육원 <em>영남건설기술교육원</em></span></p>
-            <p><span><a href="/Content/영남건설기술교육원사업자등록증.pdf"  target="_blank" style="cursor: pointer">사업자등록번호 : 000-00-00000</a></span><span>통신판매신고번호 : 제?-?-?호</span></p>
-            <ul>
-                <li><span>1544-7660</span></li>
-                <li><span>054-336-8384</span></li>
-            </ul>
-            <p class="ftCopy">COPYRIGHT 영남건설기술교육원. ALL RIGHTS RESERVED. </p>
+        <div class="ftAddr">
+            <dl>
+                <dt>본원</dt>
+                <dd>경상북도 영천시 고경면 호국로 791 <span>(도암리 147번지) (우:38900)</span> <span>TEL : 1544-7660(1)</span> <span>FAX : 054-336-8384</span></dd>
+            </dl>
+            <dl>
+                <dt>분원</dt>
+                <dd>부산광역시 서구 충무대로 277 <span>에코팰리스 2차 3층 (우:49253)</span> <span>TEL : 1544-7660(2)</span> <span>FAX : 051-558-0662</span></dd>
+            </dl>
         </div>
+        <p class="ftCopy">Copyright© Young Nam Institue of <span>Technology Education All Right Reserved</span></p>
     </div>
 </div>
 <div id="moBotBtn">
diff --git a/FO/Views/Shared/Partial/GNB.cshtml b/FO/Views/Shared/Partial/GNB.cshtml
index 504cf74..9a8c157 100644
--- a/FO/Views/Shared/Partial/GNB.cshtml
+++ b/FO/Views/Shared/Partial/GNB.cshtml
@@ -1,69 +1,54 @@
-    <div id="gnbFix">
+<div id="gnb">
     <div class="container">
-
-        <h1 id="gnbLogo"><a href="/">영남건설기술교육원</a></h1>
-        <div id="gnbBtn">
-            <span class="slice1"></span>
-            <span class="slice2"></span>
-            <span class="slice3"></span>
+        <h1 class="gngLogo"><a href="/">영남건설기술교육원</a></h1>
+        <div class="gnbWrap">
+            <ul class="gnbRht">
+                @if (ViewBag.SSUserNo > 0)
+                {
+                    <li><a href="/My/MyInfo"><span><b>@ViewBag.SSUserName</b>님</span></a></li>
+                    <li><a href="/Account/Logout">로그아웃</a></li>
+                }
+                else
+                {
+                    <li><a href="/Account/Index">로그인</a></li>
+                    <li><a href="/Account/JoinTSel">회원가입</a></li>
+                }
+            </ul>
+            <ul class="gnbMenu">
+                @Html.Raw(ViewBag.TopMenuM)
+                <div id="gpBg"></div>
+            </ul>
         </div>
-@if (ViewBag.SSUserNo > 0)
-{
-        <a href="/My/Index" id="gnbMpg">마이페이지</a>
-}
-else
-{
-        <a href="/Account/Index?ru=/My/Index" id="gnbMpg">마이페이지</a>
-}
-        <div id="gnbPc">
-            <ul class="gpList">@Html.Raw(ViewBag.TopMenu)</ul>
-            <ul class="gpLgn">
-@if (ViewBag.SSUserNo > 0)
-{
-                <li><a href="/My/MyInfo"><span><b>@ViewBag.SSUserName</b>님</span></a></li>
-                <li><a href="/Account/Logout">로그아웃</a></li>
-}
-else
-{
-                <li><a href="/Account/Index">로그인</a></li>
-                <li><a href="/Account/JoinTSel">회원가입</a></li>
-}
-            </ul><!-- gpLgn -->
-            <div class="gpDrop">
-                <div class="gpdTop"><div class="container"><ul>@Html.Raw(ViewBag.TopMenu2)</ul></div></div>
-                <div class="gpdMenu"><div class="container"><ul class="gpdmList">@Html.Raw(ViewBag.TopMenu3)</ul></div></div>
-            </div>
-            <div id="gpBg"></div>
+        <div class="gnbMo">
+            <span></span>
+            <span></span>
+            <span></span>
         </div>
-        <div id="gnbM" class="@(ViewBag.SSUserNo > 0?"lgnOk":"")">
-            <span id="gmClose">닫기</span>
-@if (ViewBag.SSUserNo > 0)
-{
-            <div class="gmLgnOk">
-                <h5><a href="/My/MyInfo"><span>@ViewBag.SSUserName</span> 님 반갑습니다.</a></h5>
-                <ul>
-                    <li><a href="/My/Index"><span></span>마이페이지</a></li>
-                    <li><a href="/My/Memo"><span><em>@ViewBag.MainMemoNotCount</em></span>쪽지</a></li>
-                    <li><a href="/My/Alarm"><span><em>@ViewBag.Main3MAlarmCount</em></span>알림</a></li>
-                    <li><a href="/Account/Logout"><span></span>로그아웃</a></li>
-                </ul>
-            </div>
-}
-else
-{
-            <div class="gmLgn">
-                <ul>
-                    <li><a href="/Account/Index"><span>로그인</span></a></li>
-                    <li><a href="/Account/JoinTSel"><span>회원가입</span></a></li>
-                </ul>
-            </div>
-}
-            <div class="gmMenu">
-                <ul>
-                    <li><a href="/">Home</a></li>
-                    @Html.Raw(ViewBag.TopMenuM)
-                </ul>
-            </div>
+        <div class="gnbMpg">
+            <a href="/My/Index">마이페이지</a>
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+	//GNB
+	$('.gnbMo').click(function(){
+		if($(this).is('.on')) {
+			$('.gnbMo, .gnbMenu, .gnbWrap, html, body').removeClass('on');
+		}else {
+			$('.gnbMo, .gnbMenu, .gnbWrap, html, body').addClass('on');
+		}
+	});
+
+	$('.gnbMenu > li > span').click(function(){
+		if($(this).is('.on')) {
+			$(this).removeClass('on');
+			$('.gnbMenu > li > ul').slideUp();
+		}else {
+			$('.gnbMenu > li > ul').slideUp();
+			$('.gnbMenu > li > span').removeClass('on');
+			$(this).addClass('on');
+			$(this).next().slideDown();
+		}
+	});
+</script>
\ No newline at end of file
diff --git a/FO/Views/Shared/Partial/SubTitle.cshtml b/FO/Views/Shared/Partial/SubTitle.cshtml
index 8e2989b..a4a1060 100644
--- a/FO/Views/Shared/Partial/SubTitle.cshtml
+++ b/FO/Views/Shared/Partial/SubTitle.cshtml
@@ -1,5 +1,9 @@
 <div id="subTitle" class="@(ViewBag.MenuPage.topimagecode??"d")">
-    <div class="container">
-        <h2>공정거래법 <span>전문 교육기관</span></h2>
-    </div>
+	<div>
+		<div>		
+			<div class="container">
+				<h2><span>나에게 필요한 교육을 찾아드립니다.</span><b>YICTE</b> Smart Search</h2>
+			</div>
+		</div>
+	</div>
 </div>
\ No newline at end of file
diff --git a/FO/css/common.css b/FO/css/common.css
index 4ffd72b..54d8ad1 100644
--- a/FO/css/common.css
+++ b/FO/css/common.css
@@ -1,4 +1,4 @@
-@charset "utf-8";
+@charset "utf-8";
 @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Rajdhani:300,400,500,600,700&display=swap&subset=korean');
 
 
@@ -9,7 +9,7 @@
 * {margin:0; padding:0; box-sizing:border-box;}
 html {}
 body {margin:0;}
-html, body {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
+html, body {/* -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; */}
 article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
 audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
 audio:not([controls]) {display: none; height: 0;}
@@ -50,37 +50,46 @@ legend {border: 0; padding: 0; }
 textarea {overflow: auto; resize: vertical;}
 optgroup {font-weight: bold;}
 table {border-collapse: collapse; border-spacing: 0; table-layout: fixed; word-break: break-all; width:100%;}
-dd {display: block;}
-a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none;}
+a, a:link, a:hover, a:active, a:focus, button:focus {outline: 0; text-decoration: none; color: inherit;}
 body, input, textarea, button, select, label, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
-* {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#222; line-height:1.6em;}
+body {font-family: 'Noto Sans KR', sans-serif; font-size:11pt; letter-spacing:-0.05em; font-weight:400; color:#222; line-height:1.6em;}
 
 
 
 
-select {height:40px; font-family:inherit; font-size:11pt; margin:0; color:#333; padding-left:10px; vertical-align:middle; min-width:130px;
-	box-sizing:border-box; border:1px solid #cbcbcb;
+select {height:40px; font-family:inherit; font-size:11pt; margin:0; padding-left:10px; vertical-align:middle; min-width:130px;
+	box-sizing:border-box; border:1px solid #cbcbcb; cursor:pointer;
 	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
 	-webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative;
-	background:#fff url("/img/common/select_arrow.png")no-repeat right center; background-size:auto 75%;
+	background:#fff url("../../img/common/select_arrow.png")no-repeat right center; background-size:auto 75%;
 }
-select:focus {outline: 0; border-color:#31317f;}
+select:focus {outline: 0; border-color:#0d4a99;}
+select:focus {outline: 0;}
 
 input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'] , input[type='email'] {
-height:40px; font-family:inherit; font-size:10pt; margin:0; color:#333; background:#fff; padding-left:10px; vertical-align:middle; box-sizing:border-box; border:1px solid #cbcbcb; 
+height:40px; font-family:inherit; font-size:12pt; margin:0; background:#fff; padding-left:10px; vertical-align:middle; box-sizing:border-box; border:1px solid #cbcbcb; 
 border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
 -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; max-width:100%;
 }
 
 input[type='text']:focus, input[type='password']:focus, input[type='name']:focus, input[type='tel']:focus, input[type='search']:focus, input[type='email']:focus {
-outline: 0; background:#fff; border-color:#31317f; color:#31317f;
+outline: 0; background:#fff; border-color:#0d4a99; color:#c71019;
 }
-
-
-
-
-
-
+input[type='text']:read-only {background:#f5f5f5; color: #999;}
+input[type='text']:read-only:focus {color:#999;}
+
+input[type='checkbox'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; margin-top:-1px; margin-top:2px 0/IE8+9;}
+input[type='checkbox']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;}
+input[type='checkbox']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px;}
+input[type='checkbox']:focus {outline:0; border-color:#0d4a99;}
+input[type='checkbox'] + label {height:18px; line-height:18px;}
+
+
+input[type='radio'] {background:#fff; border:solid 1px #707070; height:18px; width:18px; position:relative; cursor:pointer; vertical-align:middle; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
+input[type='radio']:checked {background:#fff; border:solid 1px #707070; border:0 \0/IE8+9;}
+input[type='radio']:checked:after {content:""; display:block; background:#666; position:absolute; top:4px; left:4px; right:4px; bottom:4px; -webkit-appearance:none; padding:0; border:0 0/IE8+9; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
+input[type='radio']:focus {outline:0; border-color:#0d4a99;}
+input[type='radio'] + label {height:18px; line-height:18px;}
 
 
 
diff --git a/FO/css/lecture.css b/FO/css/lecture.css
index 3661c3a..465e416 100644
--- a/FO/css/lecture.css
+++ b/FO/css/lecture.css
@@ -30,10 +30,10 @@
 .lcttMenu li.lcttm a div {display:inline-block; position:relative;}
 .lcttMenu li.lcttm a span {display:block; width:23px; margin:0 auto; text-indent:-9999px;}
 .lcttMenu li.lcttm em {font-style:normal; display:block; height:16px; line-height:16px; background:#ff0000; color:#fff; font-size:8pt; padding:0 5px; position:absolute; left:100%; margin-left:-10px; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.lcttMenu li.lcttmHome a {background:url("/img/lecture/top_menu01.png")no-repeat center center;}
-.lcttMenu li.lcttmMsg a {background:url("/img/lecture/top_menu02.png")no-repeat center center;}
-.lcttMenu li.lcttmNoti a {background:url("/img/lecture/top_menu03.png")no-repeat center center;}
-.lcttMenu li.lcttmOut a {background:url("/img/lecture/top_menu04.png")no-repeat center center;}
+.lcttMenu li.lcttmHome a {background:url("../../img/lecture/top_menu01.png")no-repeat center center;}
+.lcttMenu li.lcttmMsg a {background:url("../../img/lecture/top_menu02.png")no-repeat center center;}
+.lcttMenu li.lcttmNoti a {background:url("../../img/lecture/top_menu03.png")no-repeat center center;}
+.lcttMenu li.lcttmOut a {background:url("../../img/lecture/top_menu04.png")no-repeat center center;}
 #lctInfo {position:fixed; top:70px; left:0; right:0; height:80px; padding:20px 30px; background:#0040b7; z-index:10;}
 #lctInfo:after {content:""; display:table; clear:both;}
 #lctInfo h3 {height:40px; line-height:40px; color:#fff; font-size:15pt; font-weight:400; float:left; white-space:nowrap;}
@@ -55,14 +55,14 @@
 .lctmUdn dd a {display:block; width:39px; height:30px; text-indent:-9999px; border:solid 1px #b6b6b6;}
 .lctmUdn dd:first-child {margin-right:6px;}
 #lctMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;}
-.lctmUdn dd:first-child a {background:url("/img/lecture/left_udn_up.png")no-repeat center center;}
-.lctmUdn dd:last-child a {background:url("/img/lecture/left_udn_down.png")no-repeat center center;}
-#lctmBtn {display:block; text-indent:-9999px; width:40px; height:40px; position:absolute; right:0; bottom:0; margin-right:-1px; cursor:pointer; background:#000 url("/img/lecture/left_onof_off.png")no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}
-#lctMenu.on #lctmBtn {right:5px; background:#000 url("/img/lecture/left_onof_on.png")no-repeat center center;}
+.lctmUdn dd:first-child a {background:url("../../img/lecture/left_udn_up.png")no-repeat center center;}
+.lctmUdn dd:last-child a {background:url("../../img/lecture/left_udn_down.png")no-repeat center center;}
+#lctmBtn {display:block; text-indent:-9999px; width:40px; height:40px; position:absolute; right:0; bottom:0; margin-right:-1px; cursor:pointer; background:#000 url("../../img/lecture/left_onof_off.png")no-repeat center center; -webkit-transition: all 0.3s; transition: all 0.3s;}
+#lctMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;}
 #lctWrap {height:100%; overflow-y:auto;}
 #lctWrap:after {content:""; display:table;}
-#lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7; position: relative;}
-.lctCont {padding-left:30px;padding-right:30px;padding-bottom: 20px;}
+#lctFooter {height:80px; line-height:80px; text-align:center; color:#aaa; font-size:11pt; font-weight:300; background:#f7f7f7;}
+.lctCont {padding-left:30px; padding-right:30px; padding-bottom:60px;}
 .lctcScore {padding:30px 0; background:#f9f9f9;}
 .lctcScore h5 {font-size:15pt; padding-bottom:15px; line-height:1.0em;}
 .lctcScore table {border-left:solid 2px #f9f9f9; border-right:solid 2px #f9f9f9;}
@@ -115,8 +115,8 @@
 .lctcWeek td ul:after {content:""; display:table; clear:both;}
 .lctcWeek td ul li {text-align:center; display:inline-block; vertical-align:middle; width:49%;}
 .lctcWeek td ul li a {display:block; padding-top:40px; font-size:11pt;}
-.lctcWeek td ul li a.lctcStdy {background:url("/img/lecture/week_btn01.png")no-repeat center top;}
-.lctcWeek td ul li a.lctcBook {background:url("/img/lecture/week_btn02.png")no-repeat center top;}
+.lctcWeek td ul li a.lctcStdy {background:url("../../img/lecture/week_btn01.png")no-repeat center top;}
+.lctcWeek td ul li a.lctcBook {background:url("../../img/lecture/week_btn02.png")no-repeat center top;}
 
 
 @media (max-width:1000px) {
@@ -131,7 +131,7 @@
 	.lcttMenu {display:none;}
 	#lctMypg {
 		display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px;
-		background:#fff url("/img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381;
+		background:#fff url("../../img/common/gnb_lecture.png")no-repeat center center; background-size:14px auto; border:solid 2px #323381;
 		border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;
 	}
 	#lctmbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
@@ -150,7 +150,7 @@
 	#lctInfo h3 span {font-size:11pt; color:#333; font-weight:400; line-height:54px;}
 	#lctInfo h3 > a {display:block; font-size:11pt; color:#333; font-weight:400; line-height:54px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 	#lctInfo > a {display:none;}
-	#lctmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:50%; margin-top:-27px; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
+	#lctmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:50%; margin-top:-27px; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
 	#lctMenu {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;}
 	#lctMenu.on {width:50px;}
 	.lctmList li {border-bottom:solid 1px #e5e5e5;}
@@ -275,7 +275,7 @@
 .lctPopWrap.wdth1140 {max-width:1140px;}
 .lctPopTitle {background:#0068b7; position:relative; padding:0 20px;}
 .lctPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
-.lctPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
+.lctPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
 .lctPopCont {padding:30px 30px 50px; overflow-y:auto;}
 .lctPop.lctPopFull > div {display:block; width:100%;}
 .lctPop.lctPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
@@ -304,8 +304,8 @@
 .atdDown td {border:none; background:#f9f9f9; padding:5px 0;}
 .atdDown {display:none;}
 .atdIp {display:block; color:#888;}
-.atdOpen {display:inline-block; padding-right:17px; color:#238dfa; cursor:pointer; background:url("/img/lecture/attend_arrow.png")no-repeat right center;}
-.atdOpen.on {background:url("/img/lecture/attend_arrow_on.png")no-repeat right center;}
+.atdOpen {display:inline-block; padding-right:17px; color:#238dfa; cursor:pointer; background:url("../../img/lecture/attend_arrow.png")no-repeat right center;}
+.atdOpen.on {background:url("../../img/lecture/attend_arrow_on.png")no-repeat right center;}
 .atdDate {padding:10px 20px; background:#f9f9f9;}
 .atdDate:after {content:""; display:table; clear:both;}
 .atdDate input[type="text"] {float:left; width:110px; border:solid 1px #000; text-align:center; padding-left:0;}
@@ -348,10 +348,10 @@
 .evaList th p {font-size:12pt; color:#888; font-weight:300;}
 .evaList td {width:120px; text-align:center;}
 .evaList td a {display:inline-block; padding-top:34px; font-size:12pt; background-size:auto 30px !important;}
-.evaList td a.evaType01 {background:url("/img/lecture/evalution_type01.png")no-repeat center top;}
-.evaList td a.evaType02 {background:url("/img/lecture/evalution_type02.png")no-repeat center top; color:#238dfa;}
-.evaList td a.evaType03 {background:url("/img/lecture/evalution_type03.png")no-repeat center top;}
-.evaList td a.evaType04 {background:url("/img/lecture/evalution_type04.png")no-repeat center top;}
+.evaList td a.evaType01 {background:url("../../img/lecture/evalution_type01.png")no-repeat center top;}
+.evaList td a.evaType02 {background:url("../../img/lecture/evalution_type02.png")no-repeat center top; color:#238dfa;}
+.evaList td a.evaType03 {background:url("../../img/lecture/evalution_type03.png")no-repeat center top;}
+.evaList td a.evaType04 {background:url("../../img/lecture/evalution_type04.png")no-repeat center top;}
 .evaInfo {background:#ecf4fb; padding:20px; font-size:12pt; margin-bottom:30px;}
 .evaTable {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-bottom:30px;}
 .evaTable th,
@@ -434,8 +434,8 @@
 .teskTxt textarea {display:block; width:100%; height:200px; resize:none; padding:15px !important;}
 .teskFile {}
 .teskFile a {display:inline-block; vertical-align:middle; height:30px; line-height:30px;}
-.teskFile a.tskfBtn {padding-left:40px; font-size:12pt; font-weight:300; background:url("/img/mypage/msg_file.png")no-repeat left center; background-size:30px auto !important;}
-.teskFile a.tskfDel {width:30px; height:30px; margin-left:10px; background:#f9f9f9 url("/img/lecture/file_del.png")no-repeat center center; background-size:14px auto; text-indent:-9999px;}
+.teskFile a.tskfBtn {padding-left:40px; font-size:12pt; font-weight:300; background:url("../../img/mypage/msg_file.png")no-repeat left center; background-size:30px auto !important;}
+.teskFile a.tskfDel {width:30px; height:30px; margin-left:10px; background:#f9f9f9 url("../../img/lecture/file_del.png")no-repeat center center; background-size:14px auto; text-indent:-9999px;}
 .teskFile a.tskfSel {width:40px; height:40px; line-height:40px; margin-left:10px; width:100px; background:#878787; color:#fff; font-size:11pt; text-align:center;}
 
 
@@ -497,7 +497,7 @@
 .svyPopWrap {width:100%; max-width:510px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
 .svyPopTitle {background:#0068b7; position:relative; padding:0 20px;}
 .svyPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;}
-.svyPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
+.svyPopTitle a {display:block; height:60px; width:60px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
 .svyPopCont {padding:30px 30px 50px; overflow-y:auto;}
 .svyPopCont img {display:block; margin:0 auto; max-width:100%;}
 .svyPopBtn {text-align:center; margin-top:30px;}
@@ -537,7 +537,7 @@
 #player {width:100%; height:100%; overflow:hidden; padding-top:120px; position:relative;}
 .plyTop {position:fixed; top:0; left:0; right:0; height:60px; background:#0068b7; padding-right:70px; z-index:10;}
 .plyTop h1 {height:60px; line-height:60px; padding-left:30px; color:#fff; font-size:16pt; font-weight:400;}
-.plyTop a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:30px; top:50%; margin-top:-15px; background:url("/img/player/player_close.png")no-repeat center center; background-size:30px auto;}
+.plyTop a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:30px; top:50%; margin-top:-15px; background:url("../../img/player/player_close.png")no-repeat center center; background-size:30px auto;}
 .plyTitle {position:fixed; top:60px; left:0; right:0; height:60px; background:#0040b7; padding-left:90px; z-index:10;}
 .plyTitle h3 {color:#fff; font-size:16pt; font-weight:400; height:60px; line-height:60px;}
 .plyTitle a {display:block; width:110px; height:40px; line-height:40px; background:#fff; color:#333483; font-size:13pt; position:absolute; right:30px; top:50%; margin-top:-20px; text-align:center;}
@@ -549,11 +549,11 @@
 #plyHbg:before {content:""; margin-bottom:5px;}
 #plyHbg:after {content:"";}
 .plyCont {/* height:100%;  */position:relative;}
-.plyMenu {position:fixed; left:-200px; top:120px; bottom:0; width:200px; border-right:solid 1px #e6e6e6; z-index:10; background:#fff;overflow-y:auto; }
+.plyMenu {position:fixed; left:-200px; top:120px; bottom:0; width:200px; border-right:solid 1px #e6e6e6; z-index:10; background:#fff;}
 .plyMenu h5 {height:50px; background:#f1f1f1; padding-left:30px; line-height:50px;}
-.plyMenu span {display:block; width:20px; height:20px; position:absolute; right:10px; top:15px; cursor:pointer; background:url("/img/player/player_menu_close.png")no-repeat center center; background-size:20px auto; text-indent:-9999px;}
-.plyMenu ul {padding:0 30px;-webkit-overflow-scrolling: touch;}
-.plyMenu ul li {padding:5px 0;}
+.plyMenu span {display:block; width:20px; height:20px; position:absolute; right:10px; top:15px; cursor:pointer; background:url("../../img/player/player_menu_close.png")no-repeat center center; background-size:20px auto; text-indent:-9999px;}
+.plyMenu ul {padding:0 30px;}
+.plyMenu ul li {padding:10px 0;}
 .plyMenu ul li a {display:block;}
 .plyMenu ul li a.current {color:#0068b7;}
 .plyWrap {padding:30px;}
@@ -562,9 +562,9 @@
 .plyNav li {display:inline-block; padding:0 5px;}
 .plyNav li a {display:block; width:90px; height:50px; border:solid 1px #000; text-align:center;}
 .plyNav li a span {display:inline-block; height:48px; line-height:48px; background-size:7px auto !important;}
-.plyNav li a.prev span {padding-left:15px; background:url("/img/player/player_nav_prev.png")no-repeat left center;}
-.plyNav li a.next span {padding-right:15px; background:url("/img/player/player_nav_next.png")no-repeat right center;}
-.plyFooter {background:#f7f7f7; position:relative; z-index:9;}
+.plyNav li a.prev span {padding-left:15px; background:url("../../img/player/player_nav_prev.png")no-repeat left center;}
+.plyNav li a.next span {padding-right:15px; background:url("../../img/player/player_nav_next.png")no-repeat right center;}
+.plyFooter {background:#f7f7f7; position:relative; z-index:11;}
 .plyFooter p {color:#aaa; font-size:11pt; height:80px; line-height:80px; text-align:center;}
 html.player,
 body.player {display:block; height:100%;}
@@ -607,3 +607,12 @@ body.player {display:block; height:100%;}
 
 
 
+#moBotBtn {display:none;}
+#moBotBtn a,
+#moBotBtn span {display:block; position:fixed; bottom:10px; width:40px; height:40px; border:solid 1px #aaa; text-indent:-9999px; background-size:cover !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
+#mbbBack {left:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_back.png")no-repeat center center;}
+#mbbTop {right:10px; background:rgba(255,255,255,0.7) url("../../img/common/mobile_top.png")no-repeat center center; display:none; cursor:pointer;}
+
+@media (max-width:800px) {
+	#moBotBtn {display:block;}
+}
diff --git a/FO/css/style.css b/FO/css/style.css
index ef15b96..b8b395e 100644
--- a/FO/css/style.css
+++ b/FO/css/style.css
@@ -1,753 +1,287 @@
 /* common */
 body {}
-#wrap {width:100%; position:relative; padding-top:90px;}
-.container {width:100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative; }
-.container:after {content:""; display:table; clear:both; overflow: hidden}
+#wrap {width:100%; position:relative; padding-top:100px;}
+.container {width: 100%; max-width:1200px; margin-left:auto; margin-right:auto; position:relative;}
+.container:after {content:""; display:table; clear:both;}
 
-@media (max-width:1260px) {
-	.container {padding-left:15px; padding-right:15px;}
+@media (max-width:1220px) {	
+	#wrap {padding-top: 61px;}
+	.container {padding-left: 15px; padding-right: 15px;}
 }
 
-@media (max-width:800px) {
-	#wrap {padding-top:54px;}	
-}
 
-.mt3 {margin-top:3px;}
+
+.wht500 {font-weight:500;}
+.txtLeft {text-align:left !important;}
+.mt0 {margin-top:0;}
+.mb0 {margin-bottom:0 !important;}
+.mt5 {margin-top:5px;}
+.mt10 {margin-top:10px;}
+.mt20 {margin-top:20px;}
+.mt30 {margin-top:30px;}
+.mt60 {margin-top:60px;}
+.pt0 {padding-top:0 !important;}
+.mt0 {margin-top:0 !important;}
+
 
 /* GNB */
-#gnbFix {position:fixed; top:0; left:0; right:0; background:#fff; height:90px; z-index:100;}
-.gpList > li {float:left; padding:35px 20px;}
-.gpLgn {float:left; margin-left:70px;}
-.gpList > li > a {display:block; height:20px; line-height:20px; font-size:15pt; font-weight:500;}
-
-@media (max-width:1200px) {
-	.gpList > li {padding:35px 15px;}
-	.gpLgn {margin-left:40px;}
-	.gpList > li > a {font-size:13pt;}
+@media (min-width:1221px) {	
+	#gnb {position: fixed; z-index:100; top: 0; left: 0; right: 0; height: 100px; background: #fff;}
+	.gngLogo {height: 100px; position: absolute; top: 0; left: 0; z-index: 1;}
+	.gngLogo a {display:block; height:100%; width:187px; text-indent:-9999px; background:url('../../img/common/gnb_logo.jpg')no-repeat center center; background-size: 100% auto;}
+	.gnbWrap:after {content: ''; display: table; clear: both;}
+	.gnbRht {float: right;}
+	.gnbRht:after {content: ''; display: table; clear: both;}
+	.gnbRht li {float: left; padding: 40px 0; margin-right: 20px;}
+	.gnbRht li:last-child {margin-right: 0;}
+	.gnbRht li a {display:block; height:20px; line-height:20px; font-size:11pt; color:#888;}
+	.gnbMo {display:none;}
+	.gnbMpg {display: none;}
+	.gnbMenu {position:relative; padding-left:75px; color: #666; float: right; margin-right: 10px;}
+	.gnbMenu:after {content:""; display:table; clear:both;}
+	.gnbMenu > li {float:left; position: relative; padding: 35px 30px;}
+	.gnbMenu > li > a {display:block; text-align:center; height:30px; line-height:30px; font-size:15pt; font-weight: 500; color: #000;}
+	.gnbMenu > li > a.mlink {display: none;}
+	.gnbMenu > li > a > span {display:none;}
+	.gnbMenu > li > ul {position:absolute; left:0; right:0; top:100%; height:0px; overflow:hidden; z-index:1; -webkit-transition: all 0.3s; transition: all 0.3s;}
+	.gnbMenu > li > ul > li {padding:8px 0; text-align: center;}
+	.gnbMenu > li > ul > li:first-child {padding-top:20px;}
+	.gnbMenu > li > ul > li > a {display:inline-block; text-align:center; font-size:11pt; letter-spacing: -0.075em; color: #666; line-height:1.4em; -webkit-transition: all 0.3s; transition: all 0.3s;}
+	.gnbMenu > li > ul > li > a:hover {color: #387de6;}
+	.gnbBg {position:absolute; top:100%; left:-800px; right:-500px; height:0px; background: #fff; overflow:hidden; -webkit-transition: all 0.3s; transition: all 0.3s;}
+	.gnbBg:before,
+	.gnbBg:after {content:""; position:absolute; display:block; height:1px; left:0; right:0; background:#dadada;}
+	.gnbBg:before {top:0;}
+	.gnbBg:after {bottom:0;}
+	.gnbMenu:hover > li > ul,
+	.gnbMenu:hover > .gnbBg {height:260px;}
 }
 
-@media (max-width:1000px) {
-	.gpList > li {padding:35px 5px;}
-	.gpLgn {margin-left:20px;}
-	.gpList > li > a {font-size:11pt;}
-}
-
-@media (min-width:801px) {
-	#gnbLogo {float:left; height:90px; width:221px; background:url("/img/common/gnb_logo.gif")no-repeat center center;}
-	#gnbLogo a {display:block; height:100%; text-indent:-9999px;}
-	#gnbBtn {display:none;}
-	#gnbMpg {display:none;}
-	#gnbPc {float:right;}
-	#gnbPc:after {content:""; display:table; clear:both;}
-	.gpList {float:left;}
-	.gpList:after {content:""; display:table; clear:both;}		
-	.gpList > li:first-child {padding-left:0;}
-	.gpList > li:last-child {padding-right:0;}	
-	.gpLgn:after {content:""; display:table; clear:both;}
-	.gpLgn > li {float:left; padding-top:35px; padding-bottom:35px;}
-	.gpLgn > li:first-child {position:relative; padding-right:10px; margin-right:10px;}
-	.gpLgn > li:first-child:after {content:""; display:block; width:1px; height:12px; background:#d9d9d9; position:absolute; right:0; top:50%; margin-top:-6px;}
-	.gpLgn > li > a,
-	.gpLgn > li > span {display:block; font-size:11pt; color:#555; height:20px; line-height:20px;}
-	.gpLgn > li > span > b {display:inline-block; font-weight:500; height:20px; line-height:20px;}
-	.gpDrop {position:fixed; top:90px; left:0; right:0; background:#fff; z-index:100; display:none;}
-	.gpdTop {border-top:solid 1px #dbdbdb; border-bottom:solid 1px #dbdbdb;}
-	.gpdTop ul {}
-	.gpdTop ul:after {content:""; display:table; clear:both;}
-	.gpdTop ul li {float:left; width:16.6666%;}
-	.gpdTop ul li h5 {height:58px; line-height:58px; text-align:center; font-size:10pt; color:#000; font-weight:500;}
-	.gpdMenu {}
-	.gpdmList {padding-top:10px;}
-	.gpdmList:after {content:""; display:table; clear:both;}
-	.gpdmList > li {float:left; width:16.6666%; text-align:center;}
-	.gpdmList > li > ul {display:inline-block; text-align:left;}
-	.gpdmList > li > ul > li {padding:5px 0; padding-left:10px; position:relative;}
-	.gpdmList > li > ul > li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-	.gpdmList > li > ul > li > a {display:block; font-size:10pt; color:#606060;}
-	.gpdmList > li > ul > li.current:before {background:#333583; width:3px; height:3px;}
-	.gpdmList > li > ul > li.current > a {color:#333583; font-weight:700;}
-	#gpBg {position:fixed; top:90px; left:0; right:0; background:#fff; height:340px; z-index:99; display:none;}
-	#gnbM {display:none !important;}
-}
-
-
-@media (max-width:800px) {
-	#gnbFix {height:54px;}
-	#gnbPc {display:none !important;}
-	#gnbLogo {height:54px; width:280px; margin:0 auto; background:url("/img/common/gnb_logo.png")no-repeat center center; background-size:auto 28px;}
-	#gnbLogo a {display:block; height:100%; text-indent:-9999px;}
-	#gnbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;}
-	#gnbBtn span {display:block; width:28px; height:2px; margin-bottom:6px; background:#002c5d; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
-	#gnbBtn span.slice1 {}
-	#gnbBtn span.slice2 {}
-	#gnbBtn span.slice3 {margin-bottom:0;}
-	#gnbBtn.on {position:absolute; right:0; top:0;}
-	#gnbBtn.on span {width:28px;}
-	#gnbBtn.on span.slice1 {margin-top:10px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
-	#gnbBtn.on span.slice2 {opacity:0}
-	#gnbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
-	html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
-	#gnbMpg {
-		display:block; width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; text-indent:-9999px;
-		background:#2e2d76 url("/img/common/gnb_mypage.png")no-repeat center center; background-size:14px auto;
+@media (max-width:1220px) {	
+	#gnb {z-index:100; position: fixed; left: 0; right: 0; top: 0; border: solid 1px #ddd; height: 61px; background: #fff;}
+	#gnbTop {height:61px; border-bottom: solid 1px #e0e0e0; background: #fff; z-index: 103; position: relative;}
+	.gngLogo {z-index:105; left: 60px; right: 60px; position: absolute;}
+	.gngLogo a {display:block; height:60px; text-indent:-9999px; background:url('../../img/common/gnb_logo.jpg')no-repeat center center; background-size: auto 30px !important; -webkit-transition: all 0.3s; transition: all 0.3s;}
+	.gnbMo {display:block; width:60px; height:60px; position:fixed; z-index:105; padding:23px 25px 23px 15px; left:0; top:0; cursor:pointer;}
+	.gnbMo span {display:block; height:1px; background:#000; margin-bottom:5px; position:relative; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
+	.gnbMo span:last-child {margin-bottom:0;}
+	.gnbMo.on span:nth-child(1) {opacity:0;}
+	.gnbMo.on span:nth-child(2) {margin-bottom:6px; margin-left:-4px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
+	.gnbMo.on span:nth-child(3) {margin-top:-7px; margin-left:-4px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
+	.gnbMpg {position:absolute; right: 0; top: 0; width: 60px; height: 60px; padding: 15px; z-index: 105;}
+	.gnbMpg a {
+		display:block; width:30px; height:30px; text-indent:-9999px;
+		background:#387de6 url("../../img/common/gnb_mypage.png")no-repeat center center; background-size:14px auto;
 		border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;
 	}
-	#gnbM {position:fixed; top:0; left:0; right:0; bottom:0; z-index:101; background:#323381; padding-top:54px; display:none;}
-	#gnbM.lgnOk {padding-top:124px;}
-	#gmClose {display:block; height:54px; width:54px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:2; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
-	.gmLgnOk {height:124px; position:absolute; left:0; right:0; top:0;}
-	.gmLgnOk h5 {height:54px; line-height:54px; padding:0 15px; font-size:12pt; color:#fff; padding-left:33px; position:relative; z-index:1; background:url("/img/common/mobile_gnb_loginok.png")no-repeat 15px center; background-size:13px auto;}
-	.gmLgnOk h5 a {font-size:12pt; color:#fff;}
-	.gmLgnOk h5 span {color:#fffc00; font-size:12pt;}
-	.gmLgnOk ul {background:#fff; height:70px; border-bottom:solid 1px #ccc; position:relative; z-index:1;}
-	.gmLgnOk ul:after {content:""; display:table; clear:both;}
-	.gmLgnOk ul li {float:left; width:25%; border-right:solid 1px #ccc;}
-	.gmLgnOk ul li:last-child {border-right:none;}
-	.gmLgnOk ul li a {display:block; height:70px; text-align:center; color:#323381; font-size:12pt; font-size:10pt; padding-top:12px;}
-	.gmLgnOk ul li a span {display:block; position:relative; width:28px; height:28px; margin:0 auto; background-size:cover !important; margin-bottom:2px;}
-	.gmLgnOk ul li:nth-child(1) a span {background:url("/img/common/mobile_gnb_loginok_ico01.png")no-repeat center center;}
-	.gmLgnOk ul li:nth-child(2) a span {background:url("/img/common/mobile_gnb_loginok_ico02.png")no-repeat center center;}
-	.gmLgnOk ul li:nth-child(3) a span {background:url("/img/common/mobile_gnb_loginok_ico03.png")no-repeat center center;}
-	.gmLgnOk ul li:nth-child(4) a span {background:url("/img/common/mobile_gnb_loginok_ico04.png")no-repeat center center;}
-	.gmLgnOk ul li a span em {
-		display:block; height:18px; line-height:18px; min-width:17px; background:#ff0000; color:#fff; font-size:8pt;
-		position:absolute; left:65%; top:-5px; font-style:normal; padding:0 5px;
-		border-radius: 9px 9px 9px 9px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px;
-	}
-	.gmLgn {height:54px; position:absolute; left:0; right:0; top:0;}
-	.gmLgn:after {content:""; display:table; clear:both;}
-	.gmLgn li {float:left; border-right:solid 1px #6869a2;}
-	.gmLgn li a {display:block; padding:0 20px;}
-	.gmLgn li a span {display:block; height:54px; line-height:54px; color:#fff; font-size:12pt;}
-	.gmLgn li:first-child a span {background:url("/img/common/gnb_login.png")no-repeat left center; background-size:11px auto; padding-left:18px;}
-	.gmLgn li:last-child a span {background:url("/img/common/gnb_join.png")no-repeat left center; background-size:13px auto; padding-left:20px;}
-	.gmMenu {background:#fff; height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
-	.gmMenu > ul {}
-	.gmMenu > ul > li {}
-	.gmMenu > ul > li > a,
-	.gmMenu > ul > li > h5 {display:block; cursor:pointer; font-size:12pt; color:#323381; height:55px; line-height:54px; position:relative; padding:0 15px; border-bottom:solid 1px #e1e1e1;}
-	.gmMenu > ul > li > a:after {content:""; display:block; width:9px; height:16px; position:absolute; right:16px; top:50%; margin-top:-8px; background:url("/img/common/gnb_arrow.png")no-repeat center center; background-size:auto 100% !important;}
-	.gmMenu > ul > li > h5:after {content:""; display:block; width:16px; height:9px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("/img/common/gnb_updown_m.png")no-repeat center bottom; background-size:100% auto !important;}
-	.gmMenu > ul > li > h5.on:after {background-position:center top !important;}
-	.gmMenu > ul > li > ul {border-bottom:solid 1px #e1e1e1; padding:0 15px; display:none;}
-	.gmMenu > ul > li > ul > li {padding-left:10px; background:url("/img/common/gnb_list_arrow.png")no-repeat left center; background-size:auto 6px;}
-	.gmMenu > ul > li > ul > li > a {display:block; height:38px; line-height:38px;}
 
+
+	.gnbWrap {position:fixed; z-index:102; top:0; left:0; right: 0; width: 100%; height: 0px; padding-top: 61px; overflow:hidden; transition:all .3s ease-in-out; -webkit-transition:all .3s ease-in-out;}
+	.gnbWrap.on {height: 100%;}
+	.gnbWrap .container {padding-left: 0; padding-right: 0; height: 100%;}
+	html.on,
+	body.on {display:block; height:100%; overflow:hidden;}
+	.gnbRht {background: #387de6;}
+	.gnbRht:after {content: ''; display: table; clear: both;}
+	.gnbRht li {padding: 0; width: 50%; margin-right: 0; float: left; width: 50%;}
+	.gnbRht li:first-child {border-right: solid 1px rgba(255,255,255,0.2);}
+	.gnbRht li a {display: block; height:50px; line-height:50px; text-align: center; color: #fff; font-size: 12pt;}
+	.gnbMenu {height: 100%; overflow-y:scroll; -webkit-overflow-scrolling: touch; background: #fff;}
+	.gnbMenu > li {position:relative; text-align:left; z-index:1; border-bottom:solid 1px #ddd;}
+	.gnbMenu > li > a {display:block; height:60px; line-height:60px; font-size:13pt; padding:0 15px; font-weight:500;}
+	.gnbMenu > li > a:after {content: ''; display: table; clear: both;}
+	.gnbMenu > li > a.mlink:after {content: ''; display: block; width: 8px; height: 14px; position: absolute; right: 15px; top: 50%; margin-top: -7px; background:url('../../img/common/mobile_link.png')no-repeat center bottom; background-size:100% auto;}
+	.gnbMenu > li > span {display:block; position:absolute; left:0; right:0; top:0; height:60px; cursor:pointer;}
+	.gnbMenu > li > span:after {content:""; display:block; width:14px; height:8px; position:absolute; right:15px; top:50%; margin-top:-4px; background:url('../../img/common/mobile_updown.png')no-repeat center bottom; background-size:100% auto;}
+	.gnbMenu > li > span.on:after {background-position:center top !important;}
+	.gnbMenu > li > ul {display:none; background:#fafafa; border-top:solid 1px #ddd; padding: 15px;}
+	.gnbMenu > li > ul > li {padding-left: 20px;}
+	.gnbMenu > li > ul > li > a {display:block; height:40px; line-height:40px; font-size:11pt; position: relative; padding-left: 15px; background:url('../../img/common/mobile_arrow.png')no-repeat right center; background-size:7px auto;}
+	.gnbMenu > li > ul > li > a br {display: none;}
+	.gnbMenu > li > ul > li > a:before {content: ''; display: block; width: 7px; height: 9px; position: absolute; left: 0; top: 50%; margin-top: -4px; background:url('../../img/common/gnb_mobile_dot.png')no-repeat right center; background-size:100% auto;}
+	.gnbMenu > li.gbbBg {display:none;}
 }
 
 
+
 /* Footer */
-#footer {margin-top:100px;}
-.ftMenu {border-top:solid 1px #eaeaea;}
-.ftMenu ul {float:left;}
-.ftMenu ul:after {content:""; display:table; clear:both;}
-.ftMenu ul li {padding:30px 15px; float:left;}
-.ftMenu ul li a {display:block; height:19px; line-height:19px; white-space:nowrap; font-size:12pt;}
-.ftMenu p {float:right; width:55px; height:60px; margin-top:10px; text-indent:-9999px; background:url("/img/common/footer_cer.png")no-repeat center center;}
-.ftAddr {background:#f7f7f7; padding:30px 0;}
-.ftAddr p:after {content:""; display:table; clear:both;}
-.ftAddr p span {font-size:10pt; font-weight:300; display:block; float:left; margin-right:10px; padding-right:10px; white-space:nowrap; position:relative;}
-.ftAddr p span a {font-size:10pt; font-weight:300; display:block;}
-.ftAddr p span:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
-.ftAddr p span:last-child:after {display:none;}
-.ftAddr p span em {font-style:normal; font-size:10pt; font-weight:300;}
-.ftAddr ul {padding:15px 0;}
-.ftAddr ul:after {content:""; display:table; clear:both;}
-.ftAddr ul li {float:left; margin-right:40px;}
-.ftAddr ul li:last-child {margin-right:0;}
-.ftAddr ul li:before {content:""; display:inline-block; vertical-align:middle; width:30px; height:30px; background-size:18px auto !important; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.ftAddr ul li span {display:inline-block; vertical-align:middle; white-space:nowrap; margin-left:10px; font-weight:300;}
-.ftAddr ul li:nth-child(1):before {background:#808080 url("/img/common/footer_ico01.png")no-repeat center center;}
-.ftAddr ul li:nth-child(2):before {background:#808080 url("/img/common/footer_ico02.png")no-repeat center center}
-.ftAddr ul li:nth-child(3):before {background:#808080 url("/img/common/footer_ico03.png")no-repeat center center}
-.ftCopy {font-size:11pt; color:#aaa; font-weight:300; letter-spacing:0em;}
+#footer {background: #232323; padding-top: 35px; padding-bottom: 45px; margin-top: 120px;}
+#footer.main {margin-top: 0;}
+.ftMenu {}
+.ftMenu:after {content: ''; display: table; clear: both;}
+.ftMenu li {float: left; position: relative; padding-right: 20px; margin-right: 20px;}
+.ftMenu li:last-child {padding-right: 0; margin-right: 0;}
+.ftMenu li:after {content: ''; display: block; width: 2px; height: 2px; background: #5e5e5e; position: absolute; right: -1px; top: 50%; margin-top: -1px;}
+.ftMenu li:last-child:after {display: none;}
+.ftMenu li a {color: #fff; font-size: 12pt;}
+.ftAddr {margin-top: 15px;}
+.ftAddr:after {content: ''; display: table; clear: both;}
+.ftAddr dl {float: left; font-size: 10pt; margin-right: 20px;}
+.ftAddr dl:last-child {margin-right: 0;}
+.ftAddr dl:after {content: ''; display: table; clear: both;}
+.ftAddr dl dt {float: left; color: #5f5f5f; margin-right: 10px;}
+.ftAddr dl dd {float: left; color: #767676;}
+.ftAddr dl dd span {margin-left: 5px;}
+.ftCopy {color: #414141; font-size: 9pt; font-weight: 500;}
 
-@media (max-width:800px) {
-	#footer {margin-top:60px;}
-	.ftMenu .container {padding:0; padding-top:80px;}
-	.ftMenu ul {float:right; width:100%; border-bottom:solid 1px #eaeaea;}
-	.ftMenu ul li {padding:10px 10px; width:50%; border-top:solid 1px #eaeaea;}
-	.ftMenu ul li:nth-child(2n-1) {border-right:solid 1px #eaeaea;}
-	.ftMenu ul li a {height:auto; line-height:1.5; font-size:11pt; text-align:center;}
-	.ftMenu p {float:none; width:100%; position:absolute; left:0; right:0; top:0; height:80px; margin-top:0; background-size:auto 40px;}
-	.ftAddr p span {display:block; float:none; margin-right:0; padding-right:0; white-space:normal; text-align:center;}
-	.ftAddr p span:after {display:none;}
-	.ftAddr p span em {display:block;}
-	.ftAddr ul {padding:20px 0;}
-	.ftAddr ul li {float:none; margin-right:0; text-align:center; margin-bottom:10px;}
-	.ftAddr ul li:last-child {margin-bottom:0;}
-	.ftAddr ul li span {font-size:10pt;}
-	.ftCopy {font-size:10pt; text-align:center; padding:0 30px;}
+@media (max-width:750px) {
+	#footer {padding-top: 30px; padding-bottom: 30px; text-align: center; margin-top: 60px;}
+	.ftMenu li {float: none; display: inline-block; padding-right: 15px; margin-right: 15px;}
+	.ftMenu li a {font-size: 11pt;}
+	.ftAddr {margin-top: 20px;}
+	.ftAddr dl {float: none; margin-right: 0; margin-bottom: 15px;}
+	.ftAddr dl:last-child {margin-bottom: 0;}
+	.ftAddr dl dt {float: none; margin-right: 0; font-size: 12pt;}
+	.ftAddr dl dd {float: none;}
+	.ftAddr dl dd span {margin-left: 0; display: block;}
+	.ftCopy {margin-top: 15px;}
+	.ftCopy span {display: block;}
 }
 
 
 
+
+
+
+
 /* Main */
-/*#mainTop {height:400px; background:url("/img/main/main_top_bg.jpg")no-repeat center center;}
-#mainTop ul {position:absolute; right:0; top:40px; width:320px;}
-#mainTop ul li {margin-bottom:10px;}
-#mainTop ul li:last-child {margin-bottom:0;}
-#mainTop ul li a {display:block; padding:0 40px; background:#313180;}
-#mainTop ul li a span {display:block; height:100px; line-height:100px; color:#fff; font-size:14pt; padding-left:85px; background-size:60px auto !important;}
-#mainTop ul li:nth-child(1) span {background:url("/img/main/main_top_ico01.png")no-repeat left center;}
-#mainTop ul li:nth-child(2) span {background:url("/img/main/main_top_ico02.png")no-repeat left center;}
-#mainTop ul li:nth-child(3) span {background:url("/img/main/main_top_ico03.png")no-repeat left center;}
-.mainTitle {margin-top:50px; text-align:center; font-weight:100; font-size:25pt; padding-top:10px;}
-.mainTitle:before {content:""; display:block; width:40px; height:3px; background:#238dfa; position:absolute; top:0; left:50%; margin-left:-20px;}
-.mainTitle span {font-weight:500; font-size:25pt;}
-.mainEdu {padding:40px 0;}
-.meTitle {padding-bottom:15px;}
-.meTitle:after {content:""; display:table; clear:both;}
-.meTitle h3 {float:left; font-size:18pt; font-weight:700;}
-.meTitle a {display:block; float:right; font-size:10pt; font-weight:300; padding-left:18px; position:relative;}
-.meTitle a:before,
-.meTitle a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#2764ed;}
-.meTitle a:before {width:12px; height:2px; margin-top:-1px;}
-.meTitle a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;}
-.meList {margin:0 -10px;}
-.meList:after {content:""; display:table; clear:both;}
-.meList li {float:left; width:25%; padding:0 10px;}
-.meList li a {display:block; border:solid 1px #ddd;}
-.melThumb {position:relative; height:140px; background-size:cover !important;}
-.melThumb > div {position:absolute; left:0; right:0; top:0; bottom:0;}
-.melThumb > div > div {display:table; width:100%; height:100%;}
-.melThumb > div > div > div {display:table-cell; width:100%; vertical-align:middle;}
-.melThumb > div > div > div h5 {text-align:center; padding:0 15px; width:100%; line-height:1.2em; position:relative; padding-top:10px; font-size:15pt; font-weight:300;}
-.melThumb > div > div > div h5:before {content:""; display:block; width:20px; height:2px; background:#222; position:absolute; left:50%; top:0; margin-left:-10px;}
-.melThumb span {display:block; width:130px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.5); color:#fff; font-size:9pt; position:absolute; left:0; bottom:0; letter-spacing:0em;}
-.melCont {padding:20px; background:#fff;}
-.melCont h6 {
-	display:inline-block; padding:0 15px; height:30px; line-height:28px; text-align:center; color:#2374ff; font-size:11pt; border:solid 1px #2374ff;
-	border-radius: 15px 15px 15px 15px; -moz-border-radius: 15px 15px 15px 15px; -webkit-border-radius: 15px 15px 15px 15px;
+#main {max-height: 880px; padding-top: 170px; padding-bottom: 300px; background: url('../../img/main/main_bg.jpg')no-repeat center center; background-size: cover;}
+.mainTop {text-align: center; color: #fff;}
+.mainTop h2 {line-height: 1.0em; font-size: 52pt; font-weight: 400;}
+.mainTop h2 span {font-weight: 700;}
+.mainTop p {font-size: 14pt; font-weight: 300; margin-top: 20px;}
+.mainSch {margin-top: 140px;}
+.mainSch:after {content: ''; display: table; clear: both;}
+.mainSch > li {background: #fff; float: left; width: 16.6666%; border-right: solid 1px #e8e8e8; height: 130px;}
+.mainSch > li:first-child {border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px;}
+.mainSch > li:last-child {border-right: none; background: #387de6; border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px;}
+.msCont {}
+.msCont em {display: block; color: #aaa; font-size: 11pt; height: 50px; padding: 30px 20px 0; font-style: normal;}
+.msCont select {height: 80px; width: 100%; border: none; padding: 0 30px;}
+a.msBtn {display: block; height: 130px; line-height: 130px; text-align: center; font-size: 16pt; color: #fff;}
+.msBtn:after {content: ''; display: inline-block; width: 32px; height: 17px; margin-left: 20px; background: url('../../img/main/main_search_btn.png')no-repeat center center; background-size: cover;}
+.msSel {position: relative;}
+.msSel span {display: block; height: 80px; line-height: 80px; padding-left: 20px; padding-right: 40px; font-size: 15pt; font-weight: 500; color: #222; cursor: pointer; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
+.msSel.disable span {color: #ccc;}
+.msSel span:after {content: ''; display: block; width: 11px; height: 6px; position: absolute; right: 20px; top: 50%; margin-top: -3px; background: url('../../img/main/select_arrow.png')no-repeat center bottom; background-size: 100% auto;}
+.msSel span.on:after {background-position: center top !important;}
+.msSel.disable span:after {opacity: 0.4;}
+.msSel > div {position: absolute; left: 0; right: 0; top: 100%; z-index: 10; display: none;}
+.msSel > div:before {
+	content: ''; display: block; box-sizing: border-box; width: 0; height: 0;
+	border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid; border-bottom-color: #fff; margin-left: 30px; transition: margin-left .3s ease-out;
 }
-.melCont h6.red {color: red;    border: solid 1px red;}
-.melCont h5 {font-size:14pt; margin:5px 0; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height:1.3em; height: 2.6em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
-.melCont dl {border-top:solid 1px #eeeeee; padding-top:10px;}
-.melCont dd {font-size:10pt; color:#888; padding-left:8px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
-.melCont dd b {font-size:10pt; font-weight:500; color:#222; margin-right:10px;}
-.melCont dd:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:50%; margin-top:-1px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.mainLine {height:1px; background:#eaeaea;}
-#mainBot {padding-top:30px; border-top:solid 2px #888;}
-#mainBot:after {content:""; display:table; clear:both;}
-#mainBot .mbNotice {border-left:solid 1px #ddd; border-right:solid 1px #ddd;}
-.mbCont {float:left; width:35%; padding:0 30px;}
-.mbCont .meTitle h3 {line-height:1.0em; font-size:15pt; font-weight:500;}
-.mbList {padding-top:10px;}
-.mbList li {margin-bottom:10px;}
-.mbList li:last-child {margin-bottom:0;}
-.mbList li a {font-size:12pt; color:#888; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
-.mbCs {float:left; width:30%; padding:0 30px;}
-.mbCs > div {padding-left:90px; background:url("/img/main/main_cs_call.png")no-repeat left top; background-size:60px auto;}
-.mbCs p {color:#000; font-size:15pt; font-weight:500; line-height:1.0em;}
-.mbCs h5 a {color:#5e85e8; font-size:16pt; font-weight:800; line-height:1.2em; letter-spacing:0em; font-family: 'Rajdhani', sans-serif;}
-.mbCs ul li {padding-left:10px; font-size:10pt; color:#888; background:url("/img/main/main_cs_arrow.png")no-repeat left center; background-size:4px auto;}
+.msSel > div > div {overflow: hidden; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
+.msSel ul {padding: 5px 10px; overflow-y: auto; max-height: 15em;}
+.msSel ul li {border-bottom: solid 1px #e5e5e5;}
+.msSel ul li:last-child {border-bottom: none;}
+.msSel ul li a {font-size: 11pt; display: block; padding: 10px;}
 
-@media (max-width:1260px) {
-	#mainTop {height:320px; background-size:auto 100% !important;}
-	#mainTop ul {right:15px; top:30px; width:260px;}
-	#mainTop ul li a {padding:0 20px;}
-	#mainTop ul li a span {height:80px; line-height:80px; font-size:12pt; padding-left:70px; background-size:50px auto !important;}
-	.mbCs {width:40%;}
-	.mbCont {width:30%;}
+
+	
+
+
+@media (max-width:1000px) {	
+	#main {max-height: auto; padding-top: 60px; padding-bottom: 60px; background-size: cover;}
+	.mainTop h2 {font-size: 22pt;}
+	.mainTop p {font-size: 12pt; margin-top: 10px;}
+	.mainSch {margin-top: 30px; padding: 0 30px;}
+	.mainSch > li {float: none; width: 100%; height: auto; border-right: none; margin-bottom: 10px; border-radius: 5px !important; -moz-border-radius: 5px !important; -webkit-border-radius: 5px !important;}
+	.mainSch > li:last-child {margin-bottom: 0; margin-top: 30px;}
+	.msCont em {display: none;}
+	a.msBtn {height: 50px; line-height: 50px; font-size: 14pt;}
+	.msBtn:after {width: 22px; height: 12px; margin-left: 10px;}
+
+
+	.msSel span {height: 50px; line-height: 50px; padding-left: 10px; padding-right: 30px; font-size: 12pt; font-weight: 500;}
+	.msSel span:after {right: 10px;}
+
+	.msSel > div {left: -10px; right: -10px; padding: 0 10px 10px;}
+	.msSel > div > div {overflow: visible; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);}
+	.msSel ul {overflow-y: visible; max-height: 100%;}
+	.msSel ul li {border-bottom: solid 1px #e5e5e5;}
+	.msSel ul li:last-child {border-bottom: none;}
+	.msSel ul li a {font-size: 11pt; display: block; padding: 10px;}
 }
 
-@media (max-width:1000px) {
-	#mainTop {height:260px;}
-	#mainTop ul {right:15px; top:15px; width:240px;}
-	#mainTop ul li a {padding:0 15px;}
-	#mainTop ul li a span {height:70px; line-height:70px; font-size:12pt; padding-left:70px; background-size:50px auto !important;}
+@media (max-width:320px) {	
+
 }
 
+
+
+
+
+
+
+/* pageCommon */
+#subTitle {height: 200px; padding-bottom: 60px; background: url('../../img/common/subTitle_bg.jpg')no-repeat center center; background-size: cover;}
+#subTitle > div {display: table; width: 100%; height: 100%;}
+#subTitle > div > div {display: table-cell; width: 100%; vertical-align: middle;}
+#subTitle h2 {line-height:1.2em; font-weight:400; color:#fff; font-size:26pt; text-align: center; line-height: 1.0em;}
+#subTitle h2 span {display: block; font-size: 14pt; font-weight: 300;}
+#subTitle h2 b {font-weight: 700;}
+
+
+#breadcrumb {background: rgba(0,0,0,0.7); margin-top: -60px;}
+#breadcrumb dl {}
+#breadcrumb dl:after {content:""; display:table; clear:both;}
+#breadcrumb dl > dd {float:left; position:relative; border-right:solid 1px rgba(255,255,255,0.2); margin-left:-1px;}
+#breadcrumb dl > dd:first-child {border-right: none;}
+#breadcrumb dl > dd > a,
+#breadcrumb dl > dd > span {display:block; height:60px; line-height:60px; position:relative; color: #fff;}
+#breadcrumb dl > dd > span:after {content:""; display:block; width:16px; height:10px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url("../../img/common/breadcrumb_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
+#breadcrumb dl > dd > span.on:after {background-position:center top !important;}
+#breadcrumb dl > dd > a {width:60px; text-indent:-9999px; background: #0047a7 url("../../img/common/breadcrumb_home.png")no-repeat center center; background-size:14px auto;}
+#breadcrumb dl > dd > span {width:260px; padding-left:20px; cursor:pointer;}
+#breadcrumb dl > dd:last-child > span {width:350px;}
+#breadcrumb dl > dd > ul {position:absolute; left:0; right:-1px; top:100%; background:#fff; padding:10px 0; border:solid 1px #e5e7ea; display:none; z-index:10;}
+#breadcrumb dl > dd > ul > li {padding:5px 20px;}
+#breadcrumb dl > dd > ul > li > a {display:block;}
+#breadcrumb dl > dd > ul > li.current > a {color:#238dfa; font-weight:500;}
+#subPage {padding-bottom:260px;}
+#pageTitle {margin:60px 0;}
+#pageTitle.lgn {padding-top:120px; background: url("../../img/common/gnb_logo.png")no-repeat center top;}
+#pageTitle > h3 {text-align:center; font-size:30pt; color:#333; letter-spacing:-0.025em; font-weight:700; line-height:1.0em; letter-spacing:-0.075em; position:relative;}
+#pageTitle > p {text-align:center; font-size:12pt; color:#6b6b6b; letter-spacing:0em; font-weight:300; margin-top:40px; line-height:1.8em;}
+
+.subTab {}
+.subTab:after {content: ''; display: table; clear: both;}
+.subTab li {float: left; color: #949494; font-size: 14pt; border: solid 1px #d3d3d3; border-left: solid 1px #fff; background: #f9f9f9;}
+.subTab li:first-child {border-left: solid 1px #d3d3d3;}
+.subTab.col2 li {width: 50%;}
+.subTab.col3 li {width: 33.3333%;}
+.subTab.col4 li {width: 25%;}
+.subTab.col5 li {width: 20%;}
+.subTab li a {display: block; height: 58px; line-height: 58px; text-align: center;}
+.subTab li.current {border-color: #1e52bd !important; color: #1e52bd; border-bottom: solid 1px #fff !important; background: #fff;}
+
 @media (max-width:800px) {
-	#mainTop {height:auto; background:none;}
-	#mainTop:before {content:""; display:block; background:url("/img/main/main_top_bg_m.jpg")no-repeat center center; background-size:cover; width:100%; padding-bottom:54.6666%;}
-	#mainTop ul {position:static; width:100%; padding-top:15px;}
-	#mainTop ul li {margin-bottom:5px;}
-	#mainTop ul li a {padding:0; text-align:center;}
-	#mainTop ul li a span {display:inline-block; text-align:left; height:60px; line-height:60px; font-size:12pt; white-space:nowrap; padding-left:45px; background-size:35px auto !important;}
-	.mainTitle {font-size:18pt; margin-top:40px;}
-	.mainTitle:before {width:30px; margin-left:-15px;}
-	.mainTitle span {font-size:18pt;}
-	.mainEdu {padding:30px 0;}
-	.meTitle {padding-bottom:10px;}
-	.meTitle h3 {font-size:14pt;}
-	.meList {margin:0;}
-	.meList li {width:100%; padding:0; margin-bottom:15px; -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);}
-	.meList li:last-child {margin-bottom:0;}
-	.melThumb {height:170px;}
-	.melThumb > div > div > div h5 {padding-top:5px; font-size:14pt;}
-	.melThumb > div > div > div h5:before {width:14px; margin-left:-7px;}
-	.melThumb span {width:90px; height:26px; line-height:26px;}
-	.melCont {padding:15px 10px;}
-	.melCont h6 {padding:0 12px; height:24px; line-height:22px; font-size:10pt;}
-	.melCont h5 {font-size:12pt;}
-	.melCont dl {padding-top:10px;}
-	#mainBot {margin-top:30px; padding-top:0;}
-	#mainBot .mbNotice {border-left:none; border-right:none; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd;}
-	.mbCont {width:100%; padding:30px 0;}
-	.mbCont .meTitle h3 {font-size:13pt;}
-	.mbList li {margin-bottom:0;}
-	.mbList li a {font-size:11pt;}
-	.mbCs {width:100%; padding:30px 20px;}
-	.mbCs > div {padding-left:80px}
+	#subTitle {height: 160px; background-size: cover !important; padding-bottom: 40px;}
+	#subTitle h2 {font-size:18pt; line-height: 1.0em;}
+	#subTitle h2 span { font-size:10pt;}
+	#breadcrumb {margin-top: -40px;}
+	#breadcrumb .container {padding-left:0; padding-right:0;}
+	#breadcrumb dl {position:relative; padding-left:40px;}
+	#breadcrumb dl > dd {float:left; width:50%; margin-left:0; border-right:none;}
+	#breadcrumb dl > dd:first-child {position:absolute; left:0; top:0; bottom:0; width:40px; border-right:none; border-left:none;}
+	#breadcrumb dl > dd > a,
+	#breadcrumb dl > dd > span {height:40px; line-height:40px;}
+	#breadcrumb dl > dd > a {width:40px; background-size:15px auto !important;}
+	#breadcrumb dl > dd > span {width:100% !important; padding-left:10px; font-size:10pt; padding-right:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
+	#breadcrumb dl > dd > span:after {right:10px; width: 8px; height: 5px; background-size: cover !important; margin-top: -3px;}
+	#breadcrumb dl > dd > ul > li {padding:5px 10px;}
+	#breadcrumb dl > dd > ul > li > a {font-size:10pt;}
+	#subPage {padding-bottom:70px;}
+	#pageTitle {margin:40px 0;}
+	#pageTitle.lgn {padding-top:0; background:none;}
+	#pageTitle > h3 {font-size:18pt;}
+	#pageTitle > h3:before {width:24px; height:2px; margin-left:-12px;}
+
+	.subTab li {font-size: 10pt;}
+	.subTab li a {height: 42px; line-height: 42px;}
 }
 
-@media (max-width:320px) {
-	.mbCs {padding:30px 0;}
-	.mbCs > div {padding-left:60px; background-size:45px auto;}
-	.mbCs p {font-size:11pt; font-weight:400;}
-	.mbCs h5 a {font-size:26pt;}
-}
-
-
-#moBotBtn {display:none;}
-#moBotBtn a,
-#moBotBtn span {display:block; position:fixed; bottom:10px; width:40px; height:40px; border:solid 1px #aaa; text-indent:-9999px; background-size:cover !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;}
-#mbbBack {left:10px; background:rgba(255,255,255,0.7) url("/img/common/mobile_back.png")no-repeat center center;}
-#mbbTop {right:10px; background:rgba(255,255,255,0.7) url("/img/common/mobile_top.png")no-repeat center center; display:none; cursor:pointer;}
-
-@media (max-width:800px) {
-	#moBotBtn {display:block;}
-}
-*/
-
-
-/* Main */
-#main {
-    max-height: 880px;
-    padding-top: 170px;
-    padding-bottom: 300px;
-    background: url('../../img/main/main_bg.jpg')no-repeat center center;
-    background-size: cover;
-}
-
-.mainTop {
-    text-align: center;
-    color: #fff;
-}
-
-    .mainTop h2 {
-        line-height: 1.0em;
-        font-size: 52pt;
-        font-weight: 400;
-    }
-
-        .mainTop h2 span {
-            font-weight: 700;
-        }
-
-    .mainTop p {
-        font-size: 14pt;
-        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: 15px;
-}
-
-    .mainSch:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-
-    .mainSch > li {
-        background: #fff;
-        float: left;
-        width: 16.6666%;
-        border-right: solid 1px #e8e8e8;
-        height: 130px;
-    }
-
-        .mainSch > li:first-child {
-            border-radius: 5px 0px 0px 5px;
-            -moz-border-radius: 5px 0px 0px 5px;
-            -webkit-border-radius: 5px 0px 0px 5px;
-        }
-
-        .mainSch > li:last-child {
-            border-right: none;
-            background: #387de6;
-            border-radius: 0px 5px 5px 0px;
-            -moz-border-radius: 0px 5px 5px 0px;
-            -webkit-border-radius: 0px 5px 5px 0px;
-        }
-
-.msCont {
-}
-
-    .msCont em {
-        display: block;
-        color: #aaa;
-        font-size: 11pt;
-        height: 50px;
-        padding: 30px 20px 0;
-        font-style: normal;
-    }
-
-    .msCont select {
-        height: 80px;
-        width: 100%;
-        border: none;
-        padding: 0 30px;
-    }
-
-a.msBtn {
-    display: block;
-    height: 130px;
-    line-height: 130px;
-    text-align: center;
-    font-size: 16pt;
-    color: #fff;
-}
-
-.msBtn:after {
-    content: '';
-    display: inline-block;
-    width: 32px;
-    height: 17px;
-    margin-left: 20px;
-    background: url('../../img/main/main_search_btn.png')no-repeat center center;
-    background-size: cover;
-}
-
-.msSel {
-    position: relative;
-}
-
-    .msSel span {
-        display: block;
-        height: 80px;
-        line-height: 80px;
-        padding-left: 20px;
-        padding-right: 40px;
-        font-size: 15pt;
-        font-weight: 500;
-        color: #222;
-        cursor: pointer;
-        position: relative;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .msSel.disable span {
-        color: #ccc;
-    }
-
-    .msSel span:after {
-        content: '';
-        display: block;
-        width: 11px;
-        height: 6px;
-        position: absolute;
-        right: 20px;
-        top: 50%;
-        margin-top: -3px;
-        background: url('../../img/main/select_arrow.png')no-repeat center bottom;
-        background-size: 100% auto;
-    }
-
-    .msSel span.on:after {
-        background-position: center top !important;
-    }
-
-    .msSel.disable span:after {
-        opacity: 0.4;
-    }
-
-    .msSel > div {
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 100%;
-        z-index: 10;
-        display: none;
-    }
-
-        .msSel > div:before {
-            content: '';
-            display: block;
-            box-sizing: border-box;
-            width: 0;
-            height: 0;
-            border-left: 10px solid transparent;
-            border-right: 10px solid transparent;
-            border-bottom: 10px solid;
-            border-bottom-color: #fff;
-            margin-left: 30px;
-            transition: margin-left .3s ease-out;
-        }
-
-        .msSel > div > div {
-            overflow: hidden;
-            background: #fff;
-            border-radius: 5px;
-            -moz-border-radius: 5px;
-            -webkit-border-radius: 5px;
-        }
-
-    .msSel ul {
-        padding: 5px 10px;
-        overflow-y: auto;
-        max-height: 15em;
-    }
-
-        .msSel ul li {
-            border-bottom: solid 1px #e5e5e5;
-        }
-
-            .msSel ul li:last-child {
-                border-bottom: none;
-            }
-
-            .msSel ul li a {
-                font-size: 11pt;
-                display: block;
-                padding: 10px;
-            }
-
-
-
-
-
-@media (max-width:1000px) {
-    #main {
-        max-height: auto;
-        padding-top: 60px;
-        padding-bottom: 60px;
-        background-size: cover;
-    }
-
-    .mainTop h2 {
-        font-size: 22pt;
-    }
-
-    .mainTop p {
-        font-size: 12pt;
-        margin-top: 10px;
-    }
-
-    .mainTab {
-        margin-top: 60px;
-        text-align: center;
-    }
-
-        .mainTab li {
-            float: none;
-            display: inline-block;
-            margin-right: 12px;
-        }
-
-            .mainTab li a {
-                font-size: 12pt;
-            }
-
-    .mainSch {
-        margin-top: 20px;
-        padding: 0 30px;
-    }
-
-        .mainSch > li {
-            float: none;
-            width: 100%;
-            height: auto;
-            border-right: none;
-            margin-bottom: 10px;
-            border-radius: 5px !important;
-            -moz-border-radius: 5px !important;
-            -webkit-border-radius: 5px !important;
-        }
-
-            .mainSch > li:last-child {
-                margin-bottom: 0;
-                margin-top: 30px;
-            }
-
-    .msCont em {
-        display: none;
-    }
-
-    a.msBtn {
-        height: 50px;
-        line-height: 50px;
-        font-size: 14pt;
-    }
-
-    .msBtn:after {
-        width: 22px;
-        height: 12px;
-        margin-left: 10px;
-    }
-
-
-    .msSel span {
-        height: 50px;
-        line-height: 50px;
-        padding-left: 10px;
-        padding-right: 30px;
-        font-size: 12pt;
-        font-weight: 500;
-    }
-
-        .msSel span:after {
-            right: 10px;
-        }
-
-    .msSel > div {
-        left: -10px;
-        right: -10px;
-        padding: 0 10px 10px;
-    }
-
-        .msSel > div > div {
-            overflow: visible;
-            -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
-            -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
-            box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
-        }
-
-    .msSel ul {
-        overflow-y: visible;
-        max-height: 100%;
-    }
-
-        .msSel ul li {
-            border-bottom: solid 1px #e5e5e5;
-        }
-
-            .msSel ul li:last-child {
-                border-bottom: none;
-            }
-
-            .msSel ul li a {
-                font-size: 11pt;
-                display: block;
-                padding: 10px;
-            }
-}
-
-@media (max-width:320px) {
-}
-
-
-
-/* pageCommon */
-#subTitle {height: 200px; padding-bottom: 60px; background: url('../../img/common/subTitle_bg.jpg')no-repeat center center; background-size: cover;}
-#subTitle > div {display: table; width: 100%; height: 100%;}
-#subTitle > div > div {display: table-cell; width: 100%; vertical-align: middle;}
-#subTitle h2 {line-height:1.2em; font-weight:400; color:#fff; font-size:26pt; text-align: center; line-height: 1.0em;}
-#subTitle h2 span {display: block; font-size: 14pt; font-weight: 300;}
-#subTitle h2 b {font-weight: 700;}
-
-
-#breadcrumb {background: rgba(0,0,0,0.7); margin-top: -60px;}
-#breadcrumb dl {}
-#breadcrumb dl:after {content:""; display:table; clear:both;}
-#breadcrumb dl > dd {float:left; position:relative; border-right:solid 1px rgba(255,255,255,0.2); margin-left:-1px;}
-#breadcrumb dl > dd:first-child {border-right: none;}
-#breadcrumb dl > dd > a,
-#breadcrumb dl > dd > span {display:block; height:60px; line-height:60px; position:relative; color: #fff;}
-#breadcrumb dl > dd > span:after {content:""; display:block; width:16px; height:10px; position:absolute; right:20px; top:50%; margin-top:-5px; background:url("../../img/common/breadcrumb_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
-#breadcrumb dl > dd > span.on:after {background-position:center top !important;}
-#breadcrumb dl > dd > a {width:60px; text-indent:-9999px; background: #0047a7 url("../../img/common/breadcrumb_home.png")no-repeat center center; background-size:14px auto;}
-#breadcrumb dl > dd > span {width:260px; padding-left:20px; cursor:pointer;}
-#breadcrumb dl > dd:last-child > span {width:350px;}
-#breadcrumb dl > dd > ul {position:absolute; left:0; right:-1px; top:100%; background:#fff; padding:10px 0; border:solid 1px #e5e7ea; display:none; z-index:10;}
-#breadcrumb dl > dd > ul > li {padding:5px 20px;}
-#breadcrumb dl > dd > ul > li > a {display:block;}
-#breadcrumb dl > dd > ul > li.current > a {color:#238dfa; font-weight:500;}
-#subPage {padding-bottom:260px;}
-#pageTitle {margin:60px 0;}
-#pageTitle.lgn {padding-top:120px; background: url("../../img/common/gnb_logo.png")no-repeat center top;}
-#pageTitle > h3 {text-align:center; font-size:30pt; color:#333; letter-spacing:-0.025em; font-weight:700; line-height:1.0em; letter-spacing:-0.075em; position:relative;}
-#pageTitle > p {text-align:center; font-size:12pt; color:#6b6b6b; letter-spacing:0em; font-weight:300; margin-top:40px; line-height:1.8em;}
-
-.subTab {}
-.subTab:after {content: ''; display: table; clear: both;}
-.subTab li {float: left; color: #949494; font-size: 14pt; border: solid 1px #d3d3d3; border-left: solid 1px #fff; background: #f9f9f9;}
-.subTab li:first-child {border-left: solid 1px #d3d3d3;}
-.subTab.col2 li {width: 50%;}
-.subTab.col3 li {width: 33.3333%;}
-.subTab.col4 li {width: 25%;}
-.subTab.col5 li {width: 20%;}
-.subTab li a {display: block; height: 58px; line-height: 58px; text-align: center;}
-.subTab li.current {border-color: #1e52bd !important; color: #1e52bd; border-bottom: solid 1px #fff !important; background: #fff;}
-
-@media (max-width:800px) {
-	#subTitle {height: 160px; background-size: cover !important; padding-bottom: 40px;}
-	#subTitle h2 {font-size:18pt; line-height: 1.0em;}
-	#subTitle h2 span { font-size:10pt;}
-	#breadcrumb {margin-top: -40px;}
-	#breadcrumb .container {padding-left:0; padding-right:0;}
-	#breadcrumb dl {position:relative; padding-left:40px;}
-	#breadcrumb dl > dd {float:left; width:50%; margin-left:0; border-right:none;}
-	#breadcrumb dl > dd:first-child {position:absolute; left:0; top:0; bottom:0; width:40px; border-right:none; border-left:none;}
-	#breadcrumb dl > dd > a,
-	#breadcrumb dl > dd > span {height:40px; line-height:40px;}
-	#breadcrumb dl > dd > a {width:40px; background-size:15px auto !important;}
-	#breadcrumb dl > dd > span {width:100% !important; padding-left:10px; font-size:10pt; padding-right:25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
-	#breadcrumb dl > dd > span:after {right:10px; width: 8px; height: 5px; background-size: cover !important; margin-top: -3px;}
-	#breadcrumb dl > dd > ul > li {padding:5px 10px;}
-	#breadcrumb dl > dd > ul > li > a {font-size:10pt;}
-	#subPage {padding-bottom:70px;}
-	#pageTitle {margin:40px 0;}
-	#pageTitle.lgn {padding-top:0; background:none;}
-	#pageTitle > h3 {font-size:18pt;}
-	#pageTitle > h3:before {width:24px; height:2px; margin-left:-12px;}
-
-	.subTab li {font-size: 10pt;}
-	.subTab li a {height: 42px; line-height: 42px;}
-}
 
 
 
@@ -761,49 +295,56 @@ a.msBtn {
 
 
 @media (min-width:801px) {
-	.offTab{padding-top : 20px}
+	.offTab {padding-top:50px;}
 	.offtName {display:none;}
 	.offtList {display:block !important;}
 	.offtList:after {content:""; display:table; clear:both;}
-	.offtList li {float:left; width:14.2857%; border:solid 1px #dfdfdf; border-right:none; position:relative;}
+	.offtList li {float:left; width:33.3333%; border:solid 1px #dfdfdf; border-right:none; position:relative;}
 	.offtList li:last-child {border-right:solid 1px #dfdfdf;}
 	.offtList li a {display:block; text-align:center; height:38px; line-height:38px; color:#898989; background:#f9f9f9;}
-	.offtList li.current {border-color:#333583;border-bottom-color: #fff;}
-	.offtList li.current:after {content:""; display:block; width:1px; background:#333583; position:absolute; top:-1px; bottom:-1px; right:-1px; z-index:1;}
+	.offtList li.current {border-color:#0047a7;}
+	.offtList li.current:after {content:""; display:block; width:1px; background:#0047a7; position:absolute; top:-1px; bottom:-1px; right:-1px; z-index:1;}
 	.offtList li:last-child.current:after {display:none;}
-	.offtList li.current a {background:#fff; color:#333583;}
-	.offMonth {margin:0 -5px;padding-top: 15px;}
+	.offtList li.current a {background:#fff; color:#0047a7;}
+	.offMonth {margin:0 -5px; padding-top:30px;}
 	.offMonth ul {transform: translateZ(0px) translateX(0px) !important; width: auto !important;}
-	.offMonth ul li {width:8.3333%;/* padding:0 5px; */}
+	.offMonth ul li {width:8.3333%; padding:0 5px;}
 	.offMonth ul li a {height:40px; line-height:40px;}
 }
 
 @media (max-width:800px) {
 	.offTab {padding-top:15px; position:relative;}
-	.offtName {display:block; background:#f8f8f8; border:solid 1px #e1e1e1; height:40px; line-height:40px; position:relative; padding:0 15px; color:#333583; cursor:pointer;}
-	.offtName:after {content:""; display:block; width:17px; height:10px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("/img/offline/tab_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
+	.offtName {display:block; background:#f8f8f8; border:solid 1px #e1e1e1; height:40px; line-height:40px; position:relative; padding:0 15px; color:#0047a7; cursor:pointer;}
+	.offtName:after {content:""; display:block; width:17px; height:10px; position:absolute; right:15px; top:50%; margin-top:-5px; background:url("../../img/offline/tab_arrow.png")no-repeat center bottom; background-size:100% auto !important;}
 	.offtName.on:after {background-position:center top !important;}
 	.offtList {display:none; position:absolute; left:0; right:0; top:100%; background:#fff; border-left:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; z-index:1;}
 	.offtList li {border-bottom:solid 1px #e1e1e1;}
 	.offtList li a {display:block; padding:0 15px; height:38px; line-height:38px; color:#898989;}
-	.offtList li.current a {color:#333583;}
-	.offMonth {margin:0 -5px;padding-top: 15px;}
-	.offMonth ul li {width:60px;/* padding:0 3px; */}
+	.offtList li.current a {color:#0047a7;}
+	.offMonth {margin:0 -3px; padding-top:15px;}
+	.offMonth ul li {width:60px; padding:0 3px;}
 	.offMonth ul li a {height:34px; line-height:34px; font-size:10pt;}
 }
 
 .offMonth ul:after {content:""; display:table; clear:both;}
 .offMonth ul li {float:left;}
-.offMonth ul li a {display:block; text-align:center; background:#f0f2f8;}
-.offMonth ul li.active a {background:#333583; color:#fff;}
-.offDesc {padding-top: 20px; padding-bottom: 10px;}
+.offMonth ul li a {display:block; text-align:center; background:#f0f2f8; color: #0047a7;}
+.offMonth ul li.active a {background:#0047a7; color:#fff;}
+.offDesc {padding-top:50px; padding-bottom:10px;}
 .offDesc:after {content:""; display:table; clear:both;}
 .offDesc p {float:left; white-space:nowrap; height:50px; line-height:50px;}
-.offDesc a {float:right; display:block; width:150px; height:50px; line-height:50px; text-align:center; background:#333583; color:#fff;}
-.offDesc a.current {background: #eaeaea;color:#222;cursor:default;}
-.offList {margin-bottom:50px;}
-.offList h5 {display:block; height:50px; line-height:50px; text-align:center; font-weight:400; font-size:14pt; background:#f4f4f4; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;}
-.offList.current h5 {color:#fff;background-color: #00b1ed;}
+.offDesc > a {float:right; display:block; width:150px; height:50px; line-height:50px; text-align:center; background:#0047a7; color:#fff;}
+.offDesc ul {float: left; padding-top: 15px;}
+.offDesc ul:after {content: ''; display: table; clear: both;}
+.offDesc ul li {float: left; position: relative; padding-right: 15px; margin-right: 15px;}
+.offDesc ul li:last-child {padding-right: 0; margin-right: 0;}
+.offDesc ul li:after {content: ''; display: block; width: 1px; height: 14px; background: #e0e0e0; position: absolute; right: 0; top: 50%; margin-top: -7px;}
+.offDesc ul li:last-child:after {display: none;}
+.offDesc ul li a {display: block; font-size: 12pt; height: 20px; line-height: 20px;}
+.offDesc ul li.current a {color: #0047a7;}
+/* .offList {margin-bottom:50px;} */
+.offList > h5 {display:block; height:50px; line-height:50px; text-align:center; font-weight:400; font-size:14pt; background:#f4f4f4; border-radius: 25px 25px 25px 25px; -moz-border-radius: 25px 25px 25px 25px; -webkit-border-radius: 25px 25px 25px 25px;}
+.offList.current > h5 {background:#dadde7;}
 .offList tr th,
 .offList tr td {padding:20px; border-bottom:solid 1px #eaeaea;}
 .offList tr th {width:100px; text-align:center; font-weight:400;}
@@ -811,8 +352,7 @@ a.msBtn {
 .offList tr th,
 .offList tr td p,
 .offList tr td span {font-size:12pt;}
-.offList tr td span {color:#333583;}
-.offList tr td a p span.grn {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt; background:#77b743;}
+.offList tr td span {color:#0047a7;}
 .offList tr.disable th,
 .offList tr.disable td p,
 .offList tr.disable td span {color:#888;}
@@ -820,7 +360,11 @@ a.msBtn {
 @media (max-width:800px) {
 	.offDesc {padding-top:30px; padding-bottom:15px;}
 	.offDesc p {float:none; white-space:normal; height:auto; line-height:1.6em;}
-	.offDesc a {float:none; margin:0 auto; width:120px; height:40px; line-height:40px; margin-top:15px;}
+	.offDesc ul {float: none; padding-top: 0; text-align: center;}
+	.offDesc ul li {float: none; display: inline-block; padding-right: 10px; margin-right: 10px;}
+	.offDesc ul li:after {height: 10px; margin-top: -5px;}
+	.offDesc ul li a {font-size: 11pt;}
+	.offDesc > a {float:none; margin:0 auto; width:120px; height:40px; line-height:40px; margin-top:15px;}
 	.offList {margin-bottom:30px;}
 	.offList h5 {height:40px; line-height:40px; font-size:12pt;}
 	.offList tr th,
@@ -829,312 +373,311 @@ a.msBtn {
 	.offList tr th,
 	.offList tr td p,
 	.offList tr td span {font-size:11pt;}
-    .offMonth {margin:0 -3px; padding-top:15px;}
 }
 
 
 
-/* --------------------------------------- */
-/* Online */
-/* --------------------------------------- */
-
-.brdSch {padding:10px 20px; background:#f3f3f3;}
-.brdSch div {position:relative; padding-right:50px;}
-.brdSch input[type="text"] {display:block; width:100%; height:50px; border:none; padding:0 15px; font-size:14pt; font-weight:300;}
-.brdSch input[type="submit"] {display:block; width:50px; height:50px; position:absolute; right:0; top:0; border:none; text-indent:-9999px; background:#3a3a3a url("../../img/online/search_ico.png")no-repeat center center; background-size:50px auto;}
-.brdSch.slct div {padding-left:250px;} 
-.brdSch.slct select {display:block; position:absolute; left:0; top:0; width:240px; height:50px; border:none;}
-.fairList {padding-top:50px;}
-.fairList > li {border:solid 1px #d6d6d6; margin-bottom:30px;}
-.fairList > li:last-child {margin-bottom:0;}
-.fairLec {}
-.fairLec th {padding:20px; width:270px; vertical-align:middle;}
-.fairLec th img {display:block; max-width:100%;}
-.fairLec td {vertical-align:middle;}
-.fairList.off .fairLec td {padding:30px 20px;}
-.fairLec td h5 {font-size:14pt; font-weight:400; line-height:20px;}
-.fairLec td h5 span {display:inline-block; vertical-align:middle; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:5px;}
-.fairLec td h5 span.grn {color: #259e41;}
-.fairLec td dl {margin-top:20px;}
-.fairLec td dl:after {content:""; display:table; clear:both;}
-.fairLec td dt {float:left; width:100%; font-size:12pt; margin-bottom:5px;}
-.fairLec td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
-.fairLec td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
-.fairLec td dd:last-child:after {display:none;} 
-.fairLec td dd span {font-size:11pt; color:#238dfa;}
-.fairBook {border-top:solid 1px #d6d6d6; padding:20px 30px;}
-.fairBook p {font-size:12pt; margin-bottom:10px;}
-.fairBook input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
-.fairBook label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
-.fairBook label b {font-size:12pt; color:#ff0000;}
-.fairBook label span {font-size:12pt; color:#000;}
-.fairCost {background:#f9f9f9; padding:10px 20px 10px 30px;}
-.fairCost:after {content:""; display:table; clear:both;}
-.fairCost p { font-size:12pt; color:#888; float:left; line-height:40px;}
-.fairCost p b {font-size:12pt; color:#ff0000;}
-.fairCost p span {font-size:12pt; color:#000;}
-.fairCost dl {float:right;}
-.fairCost dl:after {content:""; display:table; clear:both;}
-.fairCost dl dt {float:left; margin-right:10px;}
-.fairCost dl dd {float:left;}
-.fairCost a {display:block; width:100px; height:40px; line-height:38px; border:solid 1px #2e2d76; font-size:12pt; text-align:center;}
-.fairCost dl dt a {color:#2e2d76; background:#fff;}
-.fairCost dl dd a {color:#fff; background:#2e2d76;}
-.fairInfo {border:solid 1px #d6d6d6; margin-top:50px;}
-.fairInfo h5 {background:#f1f8ff; font-size:16pt; font-weight:400; line-height:20px; padding:30px 20px;}
-.fairInfo h5:after {content:""; display:table; clear:both;}
-.fairInfo h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:10px;}
-.fairInfo table {}
-.fairInfo table th {padding:20px; width:270px; vertical-align:top;}
-.fairInfo table th img {display:block; max-width:100%;}
-.fairInfo table td {vertical-align:top; padding:20px; padding-left:0;}
-.fairInfo.thumbNo table td {padding-left:20px;}
-.fairInfo table td ul li {padding-left:8px; position:relative; margin-bottom:10px; font-size:12pt;}
-.fairInfo table td ul li:last-child {margin-bottom:0;}
-.fairInfo table td ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.fairInfo table td ul li dl {}
-.fairInfo table td ul li dl:after {content:""; display:table; clear:both;}
-.fairInfo table td ul li dl dd {float:left; font-size:12pt; white-space:nowrap; margin-right:30px; padding-left:8px; position:relative;}
-.fairInfo table td ul li dl dd:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.fairInfo table td ul li dl dd:first-child {padding-left:0;}
-.fairInfo table td ul li dl dd:first-child:before {display:none;}
-.fairInfo table td ul li dl dd span {font-size:12pt; color:#238dfa;}
-.fairInfo table td ul li > span {font-size:12pt; color:#ff6600;}
-.fairRadio {padding:5px 0;}
-.fairRadio div {margin:2px 0;}
-.fairRadio div input[type="radio"] {display:inline; vertical-align:middle; margin-right:5px;}
-.fairRadio label {font-size:12pt; display:inline; vertical-align:middle;}
-.fairCover {}
-.fairCover h4 {padding-left:25px; font-size:16pt; color:#0047a7; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:16px auto;}
-.fairCover > div {border:solid 1px #d6d6d6;}
-.fairCover th {width:160px; padding:20px;}
-.fairCover th em {display:block; padding-bottom:125%; border:solid 1px #e8e8e8; background-size:cover !important;}
-.fairCover td {padding:20px; padding-left:0;}
-.fairCover td h5 {font-size:14pt; font-weight:400; line-height:20px;}
-.fairCover td h5:after {content:""; display:table; clear:both;}
-.fairCover td h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#00aeea; margin-right:5px;}
-.fairCover td dl {margin-top:10px;}
-.fairCover td dl:after {content:""; display:table; clear:both;}
-.fairCover td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
-.fairCover td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
-.fairCover td dd:last-child:after {display:none;} 
-.fairCover td dd span {font-size:11pt; color:#000;}
-.fairCover td p {padding-top:10px;}
-.fairCover td p:after {content:""; display:table; clear:both;}
-.fairCover td p span {display:block; float:left; height:20px; line-height:18px; border:solid 1px #000; text-align:center; font-size:10pt; margin-right:10px; padding:0 15px;}
-.fairCover td p b {font-size:12pt; color:#ff0011; line-height:20px;}
-.fairCover td p em {font-style:normal; font-size:12pt; color:#000; line-height:20px;}
-.fairCover td > div {padding-top:25px;}
-.fairCover td > div input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
-.fairCover td > div label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
-.fairTab {margin-top:60px;}
-.fairTab:after {content:""; display:table; clear:both;}
-.fairTab li {float:left; width:33.3333%; background:#f9f9f9; border:solid 1px #dfdfdf; border-right:none;}
-.fairTab.col2 li {width:50%;}
-.fairTab li:last-child {border-right:solid 1px #dfdfdf;}
-.fairTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#898989;}
-.fairTab li.current {background:#fff; border-color:#0047a7; border-bottom-color:#fff; position:relative;}
-.fairTab li.current:after {content:""; display:block; width:1px; background:#0047a7; position:absolute; right:-1px; top:-1px; bottom:-1px;}
-.fairTab li.current a {color:#0047a7;}
-.fairIntro {padding:30px 20px;}
-.fairIntro dt {position:relative; padding-left:22px; font-size:13pt;}
-.fairIntro dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.fairIntro dd {padding:0 20px; margin-top:15px;}
-.fairIntro dd ul {}
-.fairIntro dd ul li {margin-bottom:10px; font-size:12pt;}
-.fairIntro dd ul li:last-child {margin-bottom:0;}
-.fairTch th {width:120px; vertical-align:middle;}
-.fairTch th em {display:block; padding-bottom:116%; border:solid 1px #e8e8e8; background-size:cover !important;}
-.fairTch td {padding-left:20px; vertical-align:middle;}
-.fairTch td h5 {font-size:13pt;}
-.fairTch td p {font-size:11pt; color:#888; margin-top:15px;}
-.fairStand {border-left:solid 2px #fff; border-right:solid 2px #fff;}
-.fairStand th,
-.fairStand td {text-align:center; border:solid 1px #d6d6d6;}
-.fairStand th {background:#f9f9f9; font-size:11pt; padding:10px; font-weight:300;}
-.fairStand td {font-size:12pt; padding:15px 10px;}
-.fairMock {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-top:30px;}
-.fairMock th,
-.fairMock td {padding:20px; border:solid 1px #d6d6d6;  font-size:12pt;}
-.fairMock th {background:#f9f9f9; width:90px; font-weight:400;}
-.fairMock td p {line-height:20px;}
-.fairMock td p:after {content:""; display:table; clear:both;}
-.fairMock td p span {display:block; float:left; height:20px; line-height:20px; background:#0047a7; color:#fff; text-align:center; font-size:10pt; margin-right:10px; padding:0 10px;}
-.fairRcmd {padding:30px 20px;}
-.fairRcmd > h5 {position:relative; padding-left:22px; font-size:13pt;}
-.fairRcmd > h5:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.fairRcmd .fairList {padding-top:15px;}
-.clsTitle {padding-left:25px; font-size:16pt; color:#000; font-weight:700; margin-bottom:15px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:20px auto; position:relative;}
-.clsTitle span {font-weight: 300;}
-.clsList {border-top:solid 1px #d6d6d6;}
-.clsList li {padding:30px 20px; border:solid 1px #d6d6d6; border-top:none;}
-.clsList li h5 {line-height:20px; font-size:13pt;}
-.clsList li h5:after {content:""; display:table; clear:both;}
-.clsList li h5 span {display:block; float:left; height:20px; line-height:20px; background:#383838; color:#fff; text-align:center; font-size:9pt; margin-right:5px; padding:0 5px;}
-.clsList li h5 span.ppl {background:#a404b2}
-.clsList li h5 em {font-style:normal; color:#238dfa; font-size:13pt;}
-.clsList p {font-size:11pt; color:#888; margin-top:5px; font-weight:300;}
-.clsChk th,
-.clsChk td {border-bottom:solid 1px #d6d6d6; padding:20px;}
-.clsChk th {width:150px; background:#f9f9f9; text-align:center; font-weight:400; font-size:12pt;}
-.clsChk ul:after {content:""; display:table; clear:both;}
-.clsChk ul li {float:left; margin-right:20px;}
-.clsChk ul li:last-child {margin-right:0;}
-.clsChk ul li input[type="radio"] {display:inline-block; vertical-align:middle;}
-.clsChk ul li label {display:inline-block; vertical-align:middle; font-size:12pt;}
-.clsTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;}
-.clsTable th,
-.clsTable td {padding:10px 20px; font-size:12pt; font-weight:300; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
-.clsTable th {width:190px; background:#fafafa;}
-.clsTable th span {font-size:12pt; color:#ff0000;}
-.clsTable th em {font-style:normal; font-size:12pt; font-weight:300;}
-.clsTable td {}
-.clsTable td select {}
-.clsTable td input[type="text"],
-.clsTable td input[type="tel"] {}
-.clsTable td ul {}
-.clsTable td ul:after {content:""; display:table; clear:both;}
-.clsTable td ul li {float:left;}
-.clsTable td ul li select,
-.clsTable td ul li input[type="text"],
-.clsTable td ul li input[type="tel"] {display:block; width:100%; min-width:100%;}
-.clsTable td p {line-height:40px;}
-.clsMail li:nth-child(1) {width:200px;}
-.clsMail li:nth-child(2) {width:40px; height:40px; line-height:40px; text-align:center;}
-.clsMail li:nth-child(3) {width:200px; margin-right:10px;}
-.clsMail li:nth-child(4) {width:200px;}
-.clsPhone li:nth-child(1) {width:130px;}
-.clsPhone li:nth-child(2),
-.clsPhone li:nth-child(4) {width:20px; height:40px; line-height:40px; text-align:center;}
-.clsPhone li:nth-child(3) {width:160px; margin-right:10px;}
-.clsPhone li:nth-child(5) {width:160px;}
-.clsDate:after {content:""; display:table; clear:both;}
-.clsDate li {float:left;}
-.clsDate li:nth-child(even) {width:15px; text-align:center; line-height:40px;}
-.clsDate li:nth-child(odd) {width:80px;}
-.clsDate li:first-child {width:120px;}
-.clsCpny {}
-.clsCpny span {vertical-align:middle;}
-.clsCpny a {display:inline-block; vertical-align:middle; width:90px; height:40px; line-height:38px; text-align:center; border:solid 1px #000; margin-left:30px;}
-.clsFile {position:relative; padding-right:170px;}
-.clsFile a {display:block; width:150px; height:40px; line-height:40px; text-align:center; font-size:11pt; color:#fff; position:absolute; right:0; top:50%; margin-top:-20px; background:#0047a7;}
-.clsPrivacy {padding:20px; font-size:11pt; font-weight:300; background:#fafafa; line-height:1.8em;}
-.clsAgree {margin-top:10px;}
-.clsAgree:after {content:""; display:table; clear:both;}
-.clsAgree input[type="checkbox"] {width:20px; height:20px; float:left; margin-right:5px; display:inline-block; vertical-align:top;}
-.clsAgree label {font-size:12pt; font-weight:500; line-height:20px; display:inline; vertical-align:top;}
-.clsBtn {text-align:center; margin-top:30px;}
-.clsBtn li {display:inline-block; padding:0 5px;}
-.clsBtn li a {display:block; width:220px; height:60px; font-size:13pt;}
-.clsBtn li:nth-child(1) a {line-height:60px; background:#0047a7; color:#fff;}
-.clsBtn li:nth-child(2) a {border:solid 1px #0047a7; color:#0047a7; line-height:58px;}
-.clsBtn li:nth-child(2) a span {font-size:13pt; line-height:58px;}
-.clsBtn li:nth-child(3) a {line-height:60px; background:#0047a7; color:#fff;}
-.clsBtn.society li:nth-child(2) a {}
-.clsBtn.solo li a {width:140px; background:#0047a7;}
-.clsPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
-.clsPop > div {display:table; width:100%; height:100%;}
-.clsPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
-.clsPopWrap {width:100%; max-width:620px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
-.clsPopTitle {background:#0047a7; position:relative; padding:0 20px;}
-.clsPopTitle h5 {height:50px; line-height:50px; color:#fff; font-size:16pt;}
-.clsPopTitle a {display:block; height:50px; width:50px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
-.clsPopCont {padding:30px; overflow-y:auto; background: #fff;}
-
-.clsPop.clsPopFull > div {display:block; width:100%;}
-.clsPop.clsPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
-.clsPop.clsPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;}
-.clsPop.clsPopFull .clsPopWrap {position:relative; padding-top:50px; height:100%; -webkit-overflow-scrolling: touch;}
-.clsPop.clsPopFull .clsPopTitle {position:absolute; left:0; right:0; top:0;}
-.clsPop.clsPopFull .clsPopCont {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
-.clsPopScroll {position:absolute; left:0; right:0; top:50px; bottom:0;}
-
-
-.clspSch {padding:20px; background:#fafafa; padding-right:100px; position:relative;}
-.clspSch.slct {padding-left:170px;} 
-.clspSch.slct select {display:block; position:absolute; left:20px; top:20px; width:140px;}
-.clspSch input[type="text"] {display:block; width:100%;}
-.clspSch input[type="submit"] {
-	display:block; position:absolute; right:20px; top:20px; width:70px; height:40px; background:#666; color:#fff; font-size:11pt;
-	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
-	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
-}
-
-.clspCpny {margin-top:20px;}
-.clspCpny th,
-.clspCpny td {padding:10px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
-.clspCpny th {text-align:left;}
-.clspCpny th p {position:relative; padding-left:8px; font-size:12pt; font-weight: 400; color: #0047a7;}
-.clspCpny th p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
-.clspCpny td {width:70px;}
-.clspCpny td a {display:block; width:100%; height:30px; line-height:28px; text-align:center; border:solid 1px #000; font-size:11pt;}
-.clspNon {text-align:center; padding:60px 0; font-size:12pt; line-height:1.8em;}
-.clspInput {padding-bottom:50px; text-align:center;}
-.clspInput input[type="text"] {display:inline-block; vertical-align:middle; width:70%; margin-right:10px;}
-.clspInput input[type="submit"] {
-	vertical-align:middle; display:inline-block; width:70px; height:40px; background:#353535; color:#fff; font-size:12pt;
-	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
-	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
-}
-.paging {text-align:center; padding-top:30px;}
-.paging a {display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:38px; border:solid 1px #d6d6d6;}
-.paging > a {text-indent:-9999px; background-size:auto 10px !important;}
-.paging a.first {background:url("../../img/common/paging_first.png")no-repeat center center;}
-.paging a.prev {background:url("../../img/common/paging_prev.png")no-repeat center center;}
-.paging a.next {background:url("../../img/common/paging_next.png")no-repeat center center;}
-.paging a.last {background:url("../../img/common/paging_last.png")no-repeat center center;}
-.paging ul {display:inline-block; vertical-align:middle; margin:0 10px;}
-.paging ul li {display:inline-block; vertical-align:middle;}
-.paging ul li.on a {border:solid 1px #353535; background:#353535; color:#fff;}
-.trstDesc {background:#fafafa; padding:20px; margin-bottom:30px;}
-.trstDesc p {position:relative; padding-left:8px; font-size:11pt;}
-.trstDesc p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
-.trstList:after {content:""; display:table; clear:both;}
-.trstList li {float:left; margin-right:30px;}
-.trstList li input[type="radio"] {display:inline-block; vertical-align:middle;}
-.trstList li label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:11pt;}
-.trstBtn {padding-top:30px; text-align:center;}
-.trstBtn a {display:inline-block; width:220px; height:60px; font-size:13pt; line-height:60px; background:#0047a7; color:#fff;}
-
-.clsAdd {display:block; width:150px; height:40px; line-height:39px; text-align:center; background:#0047a7; color:#fff; font-size:11pt; position:absolute; right:0; bottom:5px;}
-
-.clsSociety {border-top:solid 1px #d6d6d6;}
-.clsSociety li {padding:25px 0; border-bottom:solid 1px #d6d6d6;}
-.clsSociety li h5 {}
-.clsSociety li h5:after {content:""; display:table; clear:both;}
-.clsSociety li h5 span {float:left; display:block; height:30px; line-height:30px; margin-right:15px; white-space:nowrap; font-size:12pt; font-weight:500;}
-.clsSociety li h5 a {float:left; display:block; width:60px; height:30px; line-height:28px; border:solid 1px #0047a7; text-align:center; color:#0047a7;}
-.clsSociety dl {margin-top:15px;}
-.clsSociety dl dd {margin-bottom:5px; position:relative; padding-left:8px; font-size:12pt;}
-.clsSociety dl dd:last-child {margin-bottom:0;}
-.clsSociety dl dd:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
-
-.sctyTable {}
-.clsTable.sctyTable th {width:170px;}
-.sctyTable .clsMail li:nth-child(1) {width:45%;}
-.sctyTable .clsMail li:nth-child(2) {width:10%;}
-.sctyTable .clsMail li:nth-child(3) {width:45%; margin-right:0;}
-.sctyTable .clsMail li:nth-child(4) {width:100%; margin-top:10px;}
-.sctyTable .clsPhone li:nth-child(1) {width:30%;}
-.sctyTable .clsPhone li:nth-child(2),
-.sctyTable .clsPhone li:nth-child(4) {width:5%;}
-.sctyTable .clsPhone li:nth-child(3) {width:30%; margin-right:0;}
-.sctyTable .clsPhone li:nth-child(5) {width:30%;}
-
-.sctyRadio {}
-.sctyRadio:after {content:""; display:table; clear:both;}
-.sctyRadio li {float:left; margin-right:20px;}
-.sctyRadio li:last-child {margin-right:0;}
-.sctyRadio li input[type="radio"] {display:inline-block; vertical-align:middle;}
-.sctyRadio li label {display:inline-block; vertical-align:middle; font-size:12pt;}
-.sctyChk {}
-.sctyChk:after {content:""; display:table; clear:both;}
-.sctyChk li {float:left; width:50%;}
-.sctyChk li input[type="checkbox"] {display:inline-block; vertical-align:middle;}
-.sctyChk li label {display:inline-block; vertical-align:middle; font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
-.sctyBtn {padding:30px 0; text-align:center;}
-.sctyBtn a {display:inline-block; width:160px; height:60px; line-height:60px; background:#0047a7; color:#fff; font-size:13pt;}
-.sctyNone {text-align:center; padding:60px 0; font-size:13pt;}
+/* --------------------------------------- */
+/* Online */
+/* --------------------------------------- */
+
+.brdSch {padding:10px 20px; background:#f3f3f3;}
+.brdSch div {position:relative; padding-right:50px;}
+.brdSch input[type="text"] {display:block; width:100%; height:50px; border:none; padding:0 15px; font-size:14pt; font-weight:300;}
+.brdSch input[type="submit"] {display:block; width:50px; height:50px; position:absolute; right:0; top:0; border:none; text-indent:-9999px; background:#3a3a3a url("../../img/online/search_ico.png")no-repeat center center; background-size:50px auto;}
+.brdSch.slct div {padding-left:250px;} 
+.brdSch.slct select {display:block; position:absolute; left:0; top:0; width:240px; height:50px; border:none;}
+.fairList {padding-top:50px;}
+.fairList > li {border:solid 1px #d6d6d6; margin-bottom:30px;}
+.fairList > li:last-child {margin-bottom:0;}
+.fairLec {}
+.fairLec th {padding:20px; width:270px; vertical-align:middle;}
+.fairLec th img {display:block; max-width:100%;}
+.fairLec td {vertical-align:middle;}
+.fairList.off .fairLec td {padding:30px 20px;}
+.fairLec td h5 {font-size:14pt; font-weight:400; line-height:20px;}
+.fairLec td h5 span {display:inline-block; vertical-align:middle; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:5px;}
+.fairLec td h5 span.grn {color: #259e41;}
+.fairLec td dl {margin-top:20px;}
+.fairLec td dl:after {content:""; display:table; clear:both;}
+.fairLec td dt {float:left; width:100%; font-size:12pt; margin-bottom:5px;}
+.fairLec td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
+.fairLec td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
+.fairLec td dd:last-child:after {display:none;} 
+.fairLec td dd span {font-size:11pt; color:#238dfa;}
+.fairBook {border-top:solid 1px #d6d6d6; padding:20px 30px;}
+.fairBook p {font-size:12pt; margin-bottom:10px;}
+.fairBook input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
+.fairBook label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
+.fairBook label b {font-size:12pt; color:#ff0000;}
+.fairBook label span {font-size:12pt; color:#000;}
+.fairCost {background:#f9f9f9; padding:10px 20px 10px 30px;}
+.fairCost:after {content:""; display:table; clear:both;}
+.fairCost p { font-size:12pt; color:#888; float:left; line-height:40px;}
+.fairCost p b {font-size:12pt; color:#ff0000;}
+.fairCost p span {font-size:12pt; color:#000;}
+.fairCost dl {float:right;}
+.fairCost dl:after {content:""; display:table; clear:both;}
+.fairCost dl dt {float:left; margin-right:10px;}
+.fairCost dl dd {float:left;}
+.fairCost a {display:block; width:100px; height:40px; line-height:38px; border:solid 1px #2e2d76; font-size:12pt; text-align:center;}
+.fairCost dl dt a {color:#2e2d76; background:#fff;}
+.fairCost dl dd a {color:#fff; background:#2e2d76;}
+.fairInfo {border:solid 1px #d6d6d6; margin-top:50px;}
+.fairInfo h5 {background:#f1f8ff; font-size:16pt; font-weight:400; line-height:20px; padding:30px 20px;}
+.fairInfo h5:after {content:""; display:table; clear:both;}
+.fairInfo h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#ff6600; margin-right:10px;}
+.fairInfo table {}
+.fairInfo table th {padding:20px; width:270px; vertical-align:top;}
+.fairInfo table th img {display:block; max-width:100%;}
+.fairInfo table td {vertical-align:top; padding:20px; padding-left:0;}
+.fairInfo.thumbNo table td {padding-left:20px;}
+.fairInfo table td ul li {padding-left:8px; position:relative; margin-bottom:10px; font-size:12pt;}
+.fairInfo table td ul li:last-child {margin-bottom:0;}
+.fairInfo table td ul li:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
+.fairInfo table td ul li dl {}
+.fairInfo table td ul li dl:after {content:""; display:table; clear:both;}
+.fairInfo table td ul li dl dd {float:left; font-size:12pt; white-space:nowrap; margin-right:30px; padding-left:8px; position:relative;}
+.fairInfo table td ul li dl dd:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
+.fairInfo table td ul li dl dd:first-child {padding-left:0;}
+.fairInfo table td ul li dl dd:first-child:before {display:none;}
+.fairInfo table td ul li dl dd span {font-size:12pt; color:#238dfa;}
+.fairInfo table td ul li > span {font-size:12pt; color:#ff6600;}
+.fairRadio {padding:5px 0;}
+.fairRadio div {margin:2px 0;}
+.fairRadio div input[type="radio"] {display:inline; vertical-align:middle; margin-right:5px;}
+.fairRadio label {font-size:12pt; display:inline; vertical-align:middle;}
+.fairCover {}
+.fairCover h4 {padding-left:25px; font-size:16pt; color:#0047a7; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:16px auto;}
+.fairCover > div {border:solid 1px #d6d6d6;}
+.fairCover th {width:160px; padding:20px;}
+.fairCover th em {display:block; padding-bottom:125%; border:solid 1px #e8e8e8; background-size:cover !important;}
+.fairCover td {padding:20px; padding-left:0;}
+.fairCover td h5 {font-size:14pt; font-weight:400; line-height:20px;}
+.fairCover td h5:after {content:""; display:table; clear:both;}
+.fairCover td h5 span {display:block; float:left; width:40px; height:20px; line-height:20px; text-align:center; font-size:10pt; color:#fff; background:#00aeea; margin-right:5px;}
+.fairCover td dl {margin-top:10px;}
+.fairCover td dl:after {content:""; display:table; clear:both;}
+.fairCover td dd {float:left; position:relative; padding-right:15px; margin-right:15px; font-size:11pt; color:#888; white-space:nowrap;}
+.fairCover td dd:after {content:""; display:block; width:1px; height:14px; background:#d6d6d6; position:absolute; right:0; top:50%; margin-top:-7px;}
+.fairCover td dd:last-child:after {display:none;} 
+.fairCover td dd span {font-size:11pt; color:#000;}
+.fairCover td p {padding-top:10px;}
+.fairCover td p:after {content:""; display:table; clear:both;}
+.fairCover td p span {display:block; float:left; height:20px; line-height:18px; border:solid 1px #000; text-align:center; font-size:10pt; margin-right:10px; padding:0 15px;}
+.fairCover td p b {font-size:12pt; color:#ff0011; line-height:20px;}
+.fairCover td p em {font-style:normal; font-size:12pt; color:#000; line-height:20px;}
+.fairCover td > div {padding-top:25px;}
+.fairCover td > div input[type="checkbox"] {display:inline-block; vertical-align:middle; width:20px; height:20px;}
+.fairCover td > div label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:12pt; color:#888;}
+.fairTab {margin-top:60px;}
+.fairTab:after {content:""; display:table; clear:both;}
+.fairTab li {float:left; width:33.3333%; background:#f9f9f9; border:solid 1px #dfdfdf; border-right:none;}
+.fairTab.col2 li {width:50%;}
+.fairTab li:last-child {border-right:solid 1px #dfdfdf;}
+.fairTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#898989;}
+.fairTab li.current {background:#fff; border-color:#0047a7; border-bottom-color:#fff; position:relative;}
+.fairTab li.current:after {content:""; display:block; width:1px; background:#0047a7; position:absolute; right:-1px; top:-1px; bottom:-1px;}
+.fairTab li.current a {color:#0047a7;}
+.fairIntro {padding:30px 20px;}
+.fairIntro dt {position:relative; padding-left:22px; font-size:13pt;}
+.fairIntro dt:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
+.fairIntro dd {padding:0 20px; margin-top:15px;}
+.fairIntro dd ul {}
+.fairIntro dd ul li {margin-bottom:10px; font-size:12pt;}
+.fairIntro dd ul li:last-child {margin-bottom:0;}
+.fairTch th {width:120px; vertical-align:middle;}
+.fairTch th em {display:block; padding-bottom:116%; border:solid 1px #e8e8e8; background-size:cover !important;}
+.fairTch td {padding-left:20px; vertical-align:middle;}
+.fairTch td h5 {font-size:13pt;}
+.fairTch td p {font-size:11pt; color:#888; margin-top:15px;}
+.fairStand {border-left:solid 2px #fff; border-right:solid 2px #fff;}
+.fairStand th,
+.fairStand td {text-align:center; border:solid 1px #d6d6d6;}
+.fairStand th {background:#f9f9f9; font-size:11pt; padding:10px; font-weight:300;}
+.fairStand td {font-size:12pt; padding:15px 10px;}
+.fairMock {border-left:solid 2px #fff; border-right:solid 2px #fff; margin-top:30px;}
+.fairMock th,
+.fairMock td {padding:20px; border:solid 1px #d6d6d6;  font-size:12pt;}
+.fairMock th {background:#f9f9f9; width:90px; font-weight:400;}
+.fairMock td p {line-height:20px;}
+.fairMock td p:after {content:""; display:table; clear:both;}
+.fairMock td p span {display:block; float:left; height:20px; line-height:20px; background:#0047a7; color:#fff; text-align:center; font-size:10pt; margin-right:10px; padding:0 10px;}
+.fairRcmd {padding:30px 20px;}
+.fairRcmd > h5 {position:relative; padding-left:22px; font-size:13pt;}
+.fairRcmd > h5:before {content:""; display:block; width:16px; height:16px; border:solid 4px #000; box-sizing:border-box; position:absolute; left:0; top:50%; margin-top:-8px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
+.fairRcmd .fairList {padding-top:15px;}
+.clsTitle {padding-left:25px; font-size:16pt; color:#000; font-weight:700; margin-bottom:15px; margin-top:60px; background:url("../../img/online/title_ico.png")no-repeat left center; background-size:20px auto; position:relative;}
+.clsTitle span {font-weight: 300;}
+.clsList {border-top:solid 1px #d6d6d6;}
+.clsList li {padding:30px 20px; border:solid 1px #d6d6d6; border-top:none;}
+.clsList li h5 {line-height:20px; font-size:13pt;}
+.clsList li h5:after {content:""; display:table; clear:both;}
+.clsList li h5 span {display:block; float:left; height:20px; line-height:20px; background:#383838; color:#fff; text-align:center; font-size:9pt; margin-right:5px; padding:0 5px;}
+.clsList li h5 span.ppl {background:#a404b2}
+.clsList li h5 em {font-style:normal; color:#238dfa; font-size:13pt;}
+.clsList p {font-size:11pt; color:#888; margin-top:5px; font-weight:300;}
+.clsChk th,
+.clsChk td {border-bottom:solid 1px #d6d6d6; padding:20px;}
+.clsChk th {width:150px; background:#f9f9f9; text-align:center; font-weight:400; font-size:12pt;}
+.clsChk ul:after {content:""; display:table; clear:both;}
+.clsChk ul li {float:left; margin-right:20px;}
+.clsChk ul li:last-child {margin-right:0;}
+.clsChk ul li input[type="radio"] {display:inline-block; vertical-align:middle;}
+.clsChk ul li label {display:inline-block; vertical-align:middle; font-size:12pt;}
+.clsTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;}
+.clsTable th,
+.clsTable td {padding:10px 20px; font-size:12pt; font-weight:300; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
+.clsTable th {width:190px; background:#fafafa;}
+.clsTable th span {font-size:12pt; color:#ff0000;}
+.clsTable th em {font-style:normal; font-size:12pt; font-weight:300;}
+.clsTable td {}
+.clsTable td select {}
+.clsTable td input[type="text"],
+.clsTable td input[type="tel"] {}
+.clsTable td ul {}
+.clsTable td ul:after {content:""; display:table; clear:both;}
+.clsTable td ul li {float:left;}
+.clsTable td ul li select,
+.clsTable td ul li input[type="text"],
+.clsTable td ul li input[type="tel"] {display:block; width:100%; min-width:100%;}
+.clsTable td p {line-height:40px;}
+.clsMail li:nth-child(1) {width:200px;}
+.clsMail li:nth-child(2) {width:40px; height:40px; line-height:40px; text-align:center;}
+.clsMail li:nth-child(3) {width:200px; margin-right:10px;}
+.clsMail li:nth-child(4) {width:200px;}
+.clsPhone li:nth-child(1) {width:130px;}
+.clsPhone li:nth-child(2),
+.clsPhone li:nth-child(4) {width:20px; height:40px; line-height:40px; text-align:center;}
+.clsPhone li:nth-child(3) {width:160px; margin-right:10px;}
+.clsPhone li:nth-child(5) {width:160px;}
+.clsDate:after {content:""; display:table; clear:both;}
+.clsDate li {float:left;}
+.clsDate li:nth-child(even) {width:15px; text-align:center; line-height:40px;}
+.clsDate li:nth-child(odd) {width:80px;}
+.clsDate li:first-child {width:120px;}
+.clsCpny {}
+.clsCpny span {vertical-align:middle;}
+.clsCpny a {display:inline-block; vertical-align:middle; width:90px; height:40px; line-height:38px; text-align:center; border:solid 1px #000; margin-left:30px;}
+.clsFile {position:relative; padding-right:170px;}
+.clsFile a {display:block; width:150px; height:40px; line-height:40px; text-align:center; font-size:11pt; color:#fff; position:absolute; right:0; top:50%; margin-top:-20px; background:#0047a7;}
+.clsPrivacy {padding:20px; font-size:11pt; font-weight:300; background:#fafafa; line-height:1.8em;}
+.clsAgree {margin-top:10px;}
+.clsAgree:after {content:""; display:table; clear:both;}
+.clsAgree input[type="checkbox"] {width:20px; height:20px; float:left; margin-right:5px; display:inline-block; vertical-align:top;}
+.clsAgree label {font-size:12pt; font-weight:500; line-height:20px; display:inline; vertical-align:top;}
+.clsBtn {text-align:center; margin-top:30px;}
+.clsBtn li {display:inline-block; padding:0 5px;}
+.clsBtn li a {display:block; width:220px; height:60px; font-size:13pt;}
+.clsBtn li:nth-child(1) a {line-height:60px; background:#0047a7; color:#fff;}
+.clsBtn li:nth-child(2) a {border:solid 1px #0047a7; color:#0047a7; line-height:58px;}
+.clsBtn li:nth-child(2) a span {font-size:13pt; line-height:58px;}
+.clsBtn li:nth-child(3) a {line-height:60px; background:#0047a7; color:#fff;}
+.clsBtn.society li:nth-child(2) a {}
+.clsBtn.solo li a {width:140px; background:#0047a7;}
+.clsPop {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); z-index:100;}
+.clsPop > div {display:table; width:100%; height:100%;}
+.clsPop > div > div {display:table-cell; width:100%; vertical-align:middle;}
+.clsPopWrap {width:100%; max-width:620px; max-height:100%; margin:0 auto; background:#fff; position:relative;}
+.clsPopTitle {background:#0047a7; position:relative; padding:0 20px;}
+.clsPopTitle h5 {height:50px; line-height:50px; color:#fff; font-size:16pt;}
+.clsPopTitle a {display:block; height:50px; width:50px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
+.clsPopCont {padding:30px; overflow-y:auto; background: #fff;}
+
+.clsPop.clsPopFull > div {display:block; width:100%;}
+.clsPop.clsPopFull > div > div {display:block; height:100%; vertical-align:middle; overflow:hidden;}
+.clsPop.clsPopFull > div {display:block; height:100%; padding-top:30px; padding-bottom:30px;}
+.clsPop.clsPopFull .clsPopWrap {position:relative; padding-top:50px; height:100%; -webkit-overflow-scrolling: touch;}
+.clsPop.clsPopFull .clsPopTitle {position:absolute; left:0; right:0; top:0;}
+.clsPop.clsPopFull .clsPopCont {height:100%; overflow-y:auto; -webkit-overflow-scrolling: touch;}
+.clsPopScroll {position:absolute; left:0; right:0; top:50px; bottom:0;}
+
+
+.clspSch {padding:20px; background:#fafafa; padding-right:100px; position:relative;}
+.clspSch.slct {padding-left:170px;} 
+.clspSch.slct select {display:block; position:absolute; left:20px; top:20px; width:140px;}
+.clspSch input[type="text"] {display:block; width:100%;}
+.clspSch input[type="submit"] {
+	display:block; position:absolute; right:20px; top:20px; width:70px; height:40px; background:#666; color:#fff; font-size:11pt;
+	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
+	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
+}
+
+.clspCpny {margin-top:20px;}
+.clspCpny th,
+.clspCpny td {padding:10px 0; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
+.clspCpny th {text-align:left;}
+.clspCpny th p {position:relative; padding-left:8px; font-size:12pt; font-weight: 400; color: #0047a7;}
+.clspCpny th p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
+.clspCpny td {width:70px;}
+.clspCpny td a {display:block; width:100%; height:30px; line-height:28px; text-align:center; border:solid 1px #000; font-size:11pt;}
+.clspNon {text-align:center; padding:60px 0; font-size:12pt; line-height:1.8em;}
+.clspInput {padding-bottom:50px; text-align:center;}
+.clspInput input[type="text"] {display:inline-block; vertical-align:middle; width:70%; margin-right:10px;}
+.clspInput input[type="submit"] {
+	vertical-align:middle; display:inline-block; width:70px; height:40px; background:#353535; color:#fff; font-size:12pt;
+	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
+	border:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;
+}
+.paging {text-align:center; padding-top:30px;}
+.paging a {display:inline-block; vertical-align:middle; width:40px; height:40px; line-height:38px; border:solid 1px #d6d6d6;}
+.paging > a {text-indent:-9999px; background-size:auto 10px !important;}
+.paging a.first {background:url("../../img/common/paging_first.png")no-repeat center center;}
+.paging a.prev {background:url("../../img/common/paging_prev.png")no-repeat center center;}
+.paging a.next {background:url("../../img/common/paging_next.png")no-repeat center center;}
+.paging a.last {background:url("../../img/common/paging_last.png")no-repeat center center;}
+.paging ul {display:inline-block; vertical-align:middle; margin:0 10px;}
+.paging ul li {display:inline-block; vertical-align:middle;}
+.paging ul li.on a {border:solid 1px #353535; background:#353535; color:#fff;}
+.trstDesc {background:#fafafa; padding:20px; margin-bottom:30px;}
+.trstDesc p {position:relative; padding-left:8px; font-size:11pt;}
+.trstDesc p:before {content:""; display:block; width:2px; height:2px; background:#000; position:absolute; left:0; top:50%; margin-top:-1px;}
+.trstList:after {content:""; display:table; clear:both;}
+.trstList li {float:left; margin-right:30px;}
+.trstList li input[type="radio"] {display:inline-block; vertical-align:middle;}
+.trstList li label {display:inline-block; vertical-align:middle; margin-left:5px; font-size:11pt;}
+.trstBtn {padding-top:30px; text-align:center;}
+.trstBtn a {display:inline-block; width:220px; height:60px; font-size:13pt; line-height:60px; background:#0047a7; color:#fff;}
+
+.clsAdd {display:block; width:150px; height:40px; line-height:39px; text-align:center; background:#0047a7; color:#fff; font-size:11pt; position:absolute; right:0; bottom:5px;}
+
+.clsSociety {border-top:solid 1px #d6d6d6;}
+.clsSociety li {padding:25px 0; border-bottom:solid 1px #d6d6d6;}
+.clsSociety li h5 {}
+.clsSociety li h5:after {content:""; display:table; clear:both;}
+.clsSociety li h5 span {float:left; display:block; height:30px; line-height:30px; margin-right:15px; white-space:nowrap; font-size:12pt; font-weight:500;}
+.clsSociety li h5 a {float:left; display:block; width:60px; height:30px; line-height:28px; border:solid 1px #0047a7; text-align:center; color:#0047a7;}
+.clsSociety dl {margin-top:15px;}
+.clsSociety dl dd {margin-bottom:5px; position:relative; padding-left:8px; font-size:12pt;}
+.clsSociety dl dd:last-child {margin-bottom:0;}
+.clsSociety dl dd:before {content:""; display:block; width:2px; height:2px; background:#333; position:absolute; left:0; top:50%; margin-top:-1px;}
+
+.sctyTable {}
+.clsTable.sctyTable th {width:170px;}
+.sctyTable .clsMail li:nth-child(1) {width:45%;}
+.sctyTable .clsMail li:nth-child(2) {width:10%;}
+.sctyTable .clsMail li:nth-child(3) {width:45%; margin-right:0;}
+.sctyTable .clsMail li:nth-child(4) {width:100%; margin-top:10px;}
+.sctyTable .clsPhone li:nth-child(1) {width:30%;}
+.sctyTable .clsPhone li:nth-child(2),
+.sctyTable .clsPhone li:nth-child(4) {width:5%;}
+.sctyTable .clsPhone li:nth-child(3) {width:30%; margin-right:0;}
+.sctyTable .clsPhone li:nth-child(5) {width:30%;}
+
+.sctyRadio {}
+.sctyRadio:after {content:""; display:table; clear:both;}
+.sctyRadio li {float:left; margin-right:20px;}
+.sctyRadio li:last-child {margin-right:0;}
+.sctyRadio li input[type="radio"] {display:inline-block; vertical-align:middle;}
+.sctyRadio li label {display:inline-block; vertical-align:middle; font-size:12pt;}
+.sctyChk {}
+.sctyChk:after {content:""; display:table; clear:both;}
+.sctyChk li {float:left; width:50%;}
+.sctyChk li input[type="checkbox"] {display:inline-block; vertical-align:middle;}
+.sctyChk li label {display:inline-block; vertical-align:middle; font-size:12pt; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
+.sctyBtn {padding:30px 0; text-align:center;}
+.sctyBtn a {display:inline-block; width:160px; height:60px; line-height:60px; background:#0047a7; color:#fff; font-size:13pt;}
+.sctyNone {text-align:center; padding:60px 0; font-size:13pt;}
 .sctyNone span {color:#0047a7; font-size:13pt;}
 
 html.lock,
@@ -1148,165 +691,167 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 	.clsMail li:nth-child(4) {width:100%; margin-top:10px;}
 }
 
-@media (max-width:800px) {
-	.brdSch {padding:5px 10px;}
-	.brdSch div {padding-right:40px;}
-	.brdSch input[type="text"] {height:40px; padding:0 10px; font-size:11pt;}
-	.brdSch input[type="submit"] {width:40px; height:40px; background-size:40px auto;}
-	.brdSch.slct div {padding-left:105px;}
-	.brdSch.slct select {width:100px; min-width:100px; height:40px; border:none; font-size:10pt;}
-	.fairList {padding-top:20px;}
-	.fairList > li {margin-bottom:15px;}
-	.fairLec th {padding:10px; width:150px; vertical-align:top;}
-	.fairLec td {padding:10px 10px 10px 0; vertical-align:top;}
-	.fairList.off .fairLec td {padding:15px 10px;}
-	.fairLec td h5 {font-size:12pt;}
-	.fairLec td h5 span {width:30px; font-size:9pt; margin-right:5px; float:left;}
-	.fairLec td dl {margin-top:5px;}
-	.fairLec td dt {float:none; font-size:10pt; margin-top:10px; margin-bottom:5px;}
-	.fairLec td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
-	.fairLec td dd:after {display:none;}
-	.fairLec td dd span {font-size:10pt;}
-	.fairBook {padding:10px;}
-	.fairBook p {margin-bottom:5px;}
-	.fairBook label b {font-weight:400;}
-	.fairCost {padding:5px 10px;}
-	.fairCost p { font-size:11pt; line-height:34px;}
-	.fairCost p b {font-size:11pt; font-weight:400;}
-	.fairCost p span {font-size:11pt;}
-	.fairCost dl dt {margin-right:5px;}
-	.fairCost a {width:80px; height:34px; line-height:32px; border:solid 1px #2e2d76; font-size:11pt; text-align:center;}
-	.fairInfo {margin-top:20px;}
-	.fairInfo h5 {font-size:12pt; padding:15px 10px;}
-	.fairInfo table,
-	.fairInfo table tbody,
-	.fairInfo table tr,
-	.fairInfo table th,
-	.fairInfo table td {display:block; width:100%;}
-	.fairInfo table th {padding:10px; width:100%; vertical-align:middle;}
-	.fairInfo table th img {width:100%;}
-	.fairInfo table td {padding:10px; vertical-align:middle;}
-	.fairInfo.thumbNo table td {padding-left:10px;}
-	.fairInfo table td ul li {padding-left:6px; margin-bottom:5px; font-size:11pt;}
-	.fairInfo table td ul li:before {top:10px;}
-	.fairInfo table td ul li dl dd {float:none; font-size:11pt; white-space:normal; margin-right:0; padding-left:0;}
-	.fairInfo table td ul li dl dd:before {top:10px; left:-6px;}
-	.fairInfo table td ul li dl dd span {font-size:11pt;}
-	.fairInfo table td ul li > span {font-size:11pt;}
-	.fairRadio div {position:relative; padding-left:20px;}
-	.fairRadio div input[type="radio"] {position:absolute; left:0; top:7px;}
-	.fairRadio label {font-size:11pt; margin-left:0;}
-	.fairCover h4 {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto;}
-	.fairCover th {width:110px; padding:10px;}
-	.fairCover td {padding:20px 10px;}
-	.fairCover td h5 {font-size:12pt; line-height:18px;}
-	.fairCover td h5 span {width:30px; height:18px; line-height:18px; font-size:9pt;}
-	.fairCover td dl {margin-top:10px;}
-	.fairCover td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
-	.fairCover td dd:after {display:none;} 
-	.fairCover td dd span {font-size:10pt;}
-	.fairCover td p span {font-size:9pt; padding:0 10px;}
-	.fairCover td > div {padding-top:10px;}
-	.fairCover td > div label {font-size:11pt;}
-	.fairTab {margin-top:30px;}
-	.fairTab li a {height:38px; line-height:38px; font-size:11pt;}
-	.fairIntro {padding:20px 0;}
-	.fairIntro dt {padding-left:16px; font-size:12pt;}
-	.fairIntro dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
-	.fairIntro dd {padding:0; margin-top:10px;}
-	.fairIntro dd ul li {margin-bottom:5px; font-size:11pt;}
-	.fairTch th {width:80px; }
-	.fairTch td {padding-left:10px; vertical-align:middle;}
-	.fairTch td h5 {font-size:12pt;}
-	.fairTch td p {font-size:10pt; margin-top:5px;}
-	.fairStand th {font-size:10pt; padding:5px;}
-	.fairStand td {font-size:10pt; padding:5px;}
-	.fairMock th,
-	.fairMock td {padding:10px; font-size:11pt;}
-	.fairMock th {width:60px;}
-	.fairMock td p span {font-size:9pt; margin-right:5px;}
-	.fairRcmd {padding:20px 0;}
-	.fairRcmd > h5 {padding-left:16px; font-size:12pt;}
-	.fairRcmd > h5:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
-	.fairRcmd .fairList {padding-top:5px;}
-	.clsTitle  {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto;}
-	.clsList li {padding:15px 10px;}
-	.clsList li h5 {font-size:12pt;}
-	.clsList li h5 em {font-size:12pt;}
-	.clsList p {font-size:10pt;}
-	.clsChk th,
-	.clsChk td {padding:10px;}
-	.clsChk th {padding:10px 0;}
-	.clsChk th {width:100px; font-size:10pt;}
-	.clsChk ul li {float:left; margin-right:10px;}
-	.clsChk ul li label {font-size:11pt;}
-	.clsTable th,
-	.clsTable td {padding:10px; font-size:11pt;}
-	.clsTable th {width:90px; font-size:10pt; font-weight:400;}
-	.clsTable th span {font-size:10pt;}
-	.clsTable th em {font-size:10pt; display:block;}
-	.clsTable td select {width:100%;}
-
-	.clsPhone li:nth-child(1) {width:30%;}
-	.clsPhone li:nth-child(2),
-	.clsPhone li:nth-child(4) {width:5%;}
-	.clsPhone li:nth-child(3) {width:30%; margin-right:0;}
-	.clsPhone li:nth-child(5) {width:30%;}
-	.clsDate li {width:100%;}
-	.clsDate li:nth-child(even) {width:5%;}
-	.clsDate li:nth-child(odd) {width:30%;}
-	.clsDate li:first-child {width:30%;}
-	.clsCpny a {margin-left:20px;}
-	.clsFile {padding-right:0;}
-	.clsFile a {width:120px; height:34px; line-height:34px; font-size:11pt; position:static; margin-top:5px;}
-	.clsPrivacy {padding:10px; font-size:10pt;}
-	.clsAgree label {font-size:11pt;}
-	.clsBtn {margin-left:-5px; margin-right:-5px;}
-	.clsBtn:after {content:""; display:table; clear:both;}
-	.clsBtn li {display:block; float:left; width:33.3333%;}
-	.clsBtn li a {width:100%; height:50px; font-size:12pt;}
-	.clsBtn li:nth-child(1) a {line-height:50px;}
-	.clsBtn li:nth-child(2) a {line-height:1.2em; font-size:11pt; letter-spacing:-0.075em; padding-top:5px;}
-	.clsBtn li:nth-child(2) a span {font-size:11pt; display:block; line-height:1.2em; letter-spacing:-0.075em;}
-	.clsBtn li:nth-child(3) a {line-height:50px;}
-	.clsBtn.society {text-align:center;}
-	.clsBtn.society li {display:inline-block; float:none; vertical-align:middle;}
-	.clsBtn.society li:nth-child(2) a {line-height:50px; padding-top:0;}
-	.clsBtn.solo {text-align:center;}
-	.clsBtn.solo li {display:inline-block; float:none; vertical-align:middle;}
-	.clsPop {}
-	.clsPop > div {display: block;}
-	.clsPop > div > div {display: block; height: 100%; padding-left:15px; padding-right:15px; padding-top: 15px; padding-bottom: 15px;}
-	.clsPopWrap {height: 100%; position: relative; padding-top: 50px;}
-	.clsPopTitle {padding:0 15px; position: absolute; left: 0; right: 0; top: 0;}
-	.clsPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
-	.clsPopTitle a {height:50px; width:50px; background-size:20px auto;}
-	.clsPopCont {padding:20px; height: 100%; overflow-y: auto;}
-	.clspSch {padding:10px; padding-right:80px; position:relative;}
-	.clspSch input[type="submit"] {right:10px; top:10px; width:60px; font-size:11pt;}
-	.clspSch.slct {padding-left:130px;} 
-	.clspSch.slct select {left:10px; top:10px; min-width:110px; width:110px;}
-	.clspCpny th p {font-size:11pt;}
-	.clspNon {padding:40px 0; font-size:11pt; line-height:1.5em;}
-	.clspInput {padding-bottom:30px;}
-	.clspInput input[type="text"] {width:60%;}
-	.clspInput input[type="submit"] {width:60px; height:40px; font-size:11pt;}
-	.paging {padding-top:20px;}
-	.paging a {width:28px; height:28px; line-height:26px;}
-	.paging ul {margin:0 2px;}
-	.trstDesc {padding:10px; margin-bottom:30px;}
-	.trstList li {margin-right:20px;}
-	.trstBtn a {width:160px; height:50px; font-size:12pt; line-height:50px;}
-
-	.clsTable.sctyTable th {width:100px;}
-	.sctyChk li {float:left; width:100%;}
-	.sctyNone {padding:30px 0;}
-
-}
-
-
+@media (max-width:800px) {
+	.brdSch {padding:5px 10px;}
+	.brdSch div {padding-right:40px;}
+	.brdSch input[type="text"] {height:40px; padding:0 10px; font-size:11pt;}
+	.brdSch input[type="submit"] {width:40px; height:40px; background-size:40px auto;}
+	.brdSch.slct div {padding-left:105px;}
+	.brdSch.slct select {width:100px; min-width:100px; height:40px; border:none; font-size:10pt;}
+	.fairList {padding-top:20px;}
+	.fairList > li {margin-bottom:15px;}
+	.fairLec th {padding:10px; width:150px; vertical-align:top;}
+	.fairLec td {padding:10px 10px 10px 0; vertical-align:top;}
+	.fairList.off .fairLec td {padding:15px 10px;}
+	.fairLec td h5 {font-size:12pt;}
+	.fairLec td h5 span {width:30px; font-size:9pt; margin-right:5px; float:left;}
+	.fairLec td dl {margin-top:5px;}
+	.fairLec td dt {float:none; font-size:10pt; margin-top:10px; margin-bottom:5px;}
+	.fairLec td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
+	.fairLec td dd:after {display:none;}
+	.fairLec td dd span {font-size:10pt;}
+	.fairBook {padding:10px;}
+	.fairBook p {margin-bottom:5px;}
+	.fairBook label b {font-weight:400;}
+	.fairCost {padding:5px 10px;}
+	.fairCost p { font-size:11pt; line-height:34px;}
+	.fairCost p b {font-size:11pt; font-weight:400;}
+	.fairCost p span {font-size:11pt;}
+	.fairCost dl dt {margin-right:5px;}
+	.fairCost a {width:80px; height:34px; line-height:32px; border:solid 1px #2e2d76; font-size:11pt; text-align:center;}
+	.fairInfo {margin-top:20px;}
+	.fairInfo h5 {font-size:12pt; padding:15px 10px;}
+	.fairInfo table,
+	.fairInfo table tbody,
+	.fairInfo table tr,
+	.fairInfo table th,
+	.fairInfo table td {display:block; width:100%;}
+	.fairInfo table th {padding:10px; width:100%; vertical-align:middle;}
+	.fairInfo table th img {width:100%;}
+	.fairInfo table td {padding:10px; vertical-align:middle;}
+	.fairInfo.thumbNo table td {padding-left:10px;}
+	.fairInfo table td ul li {padding-left:6px; margin-bottom:5px; font-size:11pt;}
+	.fairInfo table td ul li:before {top:10px;}
+	.fairInfo table td ul li dl dd {float:none; font-size:11pt; white-space:normal; margin-right:0; padding-left:0;}
+	.fairInfo table td ul li dl dd:before {top:10px; left:-6px;}
+	.fairInfo table td ul li dl dd span {font-size:11pt;}
+	.fairInfo table td ul li > span {font-size:11pt;}
+	.fairRadio div {position:relative; padding-left:20px;}
+	.fairRadio div input[type="radio"] {position:absolute; left:0; top:7px;}
+	.fairRadio label {font-size:11pt; margin-left:0;}
+	.fairCover h4 {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto;}
+	.fairCover th {width:110px; padding:10px;}
+	.fairCover td {padding:20px 10px;}
+	.fairCover td h5 {font-size:12pt; line-height:18px;}
+	.fairCover td h5 span {width:30px; height:18px; line-height:18px; font-size:9pt;}
+	.fairCover td dl {margin-top:10px;}
+	.fairCover td dd {float:none; padding-right:0; margin-right:0; font-size:10pt; white-space:normal;}
+	.fairCover td dd:after {display:none;} 
+	.fairCover td dd span {font-size:10pt;}
+	.fairCover td p span {font-size:9pt; padding:0 10px;}
+	.fairCover td > div {padding-top:10px;}
+	.fairCover td > div label {font-size:11pt;}
+	.fairTab {margin-top:30px;}
+	.fairTab li a {height:38px; line-height:38px; font-size:11pt;}
+	.fairIntro {padding:20px 0;}
+	.fairIntro dt {padding-left:16px; font-size:12pt;}
+	.fairIntro dt:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
+	.fairIntro dd {padding:0; margin-top:10px;}
+	.fairIntro dd ul li {margin-bottom:5px; font-size:11pt;}
+	.fairTch th {width:80px; }
+	.fairTch td {padding-left:10px; vertical-align:middle;}
+	.fairTch td h5 {font-size:12pt;}
+	.fairTch td p {font-size:10pt; margin-top:5px;}
+	.fairStand th {font-size:10pt; padding:5px;}
+	.fairStand td {font-size:10pt; padding:5px;}
+	.fairMock th,
+	.fairMock td {padding:10px; font-size:11pt;}
+	.fairMock th {width:60px;}
+	.fairMock td p span {font-size:9pt; margin-right:5px;}
+	.fairRcmd {padding:20px 0;}
+	.fairRcmd > h5 {padding-left:16px; font-size:12pt;}
+	.fairRcmd > h5:before {width:10px; height:10px; border:solid 3px #000; margin-top:-5px;}
+	.fairRcmd .fairList {padding-top:5px;}
+	.clsTitle  {padding-left:15px; font-size:13pt; margin-top:30px; background-size:11px auto; margin-bottom: 5px;}
+	.clsList li {padding:15px 10px;}
+	.clsList li h5 {font-size:12pt;}
+	.clsList li h5 em {font-size:12pt;}
+	.clsList p {font-size:10pt;}
+	.clsChk th,
+	.clsChk td {padding:10px;}
+	.clsChk th {padding:10px 0;}
+	.clsChk th {width:100px; font-size:10pt;}
+	.clsChk ul li {float:left; margin-right:10px;}
+	.clsChk ul li label {font-size:11pt;}
+	.clsTable th,
+	.clsTable td {padding:10px; font-size:11pt;}
+	.clsTable th {width:90px; font-size:10pt; font-weight:400;}
+	.clsTable th span {font-size:10pt;}
+	.clsTable th em {font-size:10pt; display:block;}
+	.clsTable td select {width:100%;}
+
+	.clsPhone li:nth-child(1) {width:30%;}
+	.clsPhone li:nth-child(2),
+	.clsPhone li:nth-child(4) {width:5%;}
+	.clsPhone li:nth-child(3) {width:30%; margin-right:0;}
+	.clsPhone li:nth-child(5) {width:30%;}
+	.clsDate li {width:100%;}
+	.clsDate li:nth-child(even) {width:5%;}
+	.clsDate li:nth-child(odd) {width:30%;}
+	.clsDate li:first-child {width:30%;}
+	.clsCpny a {margin-left:20px;}
+	.clsFile {padding-right:0;}
+	.clsFile a {width:120px; height:34px; line-height:34px; font-size:11pt; position:static; margin-top:5px;}
+	.clsPrivacy {padding:10px; font-size:10pt;}
+	.clsAgree label {font-size:11pt;}
+	.clsBtn {margin-left:-5px; margin-right:-5px;}
+	.clsBtn:after {content:""; display:table; clear:both;}
+	.clsBtn li {display:block; float:left; width:33.3333%;}
+	.clsBtn li a {width:100%; height:50px; font-size:12pt;}
+	.clsBtn li:nth-child(1) a {line-height:50px;}
+	.clsBtn li:nth-child(2) a {line-height:1.2em; font-size:11pt; letter-spacing:-0.075em; padding-top:5px;}
+	.clsBtn li:nth-child(2) a span {font-size:11pt; display:block; line-height:1.2em; letter-spacing:-0.075em;}
+	.clsBtn li:nth-child(3) a {line-height:50px;}
+	.clsBtn.solo li a {width: 100%;}
+	.clsBtn.society {text-align:center;}
+	.clsBtn.society li {display:inline-block; float:none; vertical-align:middle;}
+	.clsBtn.society li:nth-child(2) a {line-height:50px; padding-top:0;}
+	.clsBtn.solo {text-align:center;}
+	.clsBtn.solo li {display:inline-block; float:none; vertical-align:middle;}
+	.clsPop {}
+	.clsPop > div {display: block;}
+	.clsPop > div > div {display: block; height: 100%; padding-left:15px; padding-right:15px; padding-top: 15px; padding-bottom: 15px;}
+	.clsPopWrap {height: 100%; position: relative; padding-top: 50px;}
+	.clsPopTitle {padding:0 15px; position: absolute; left: 0; right: 0; top: 0;}
+	.clsPopTitle h5 {height:50px; line-height:50px; font-size:14pt;}
+	.clsPopTitle a {height:50px; width:50px; background-size:20px auto;}
+	.clsPopCont {padding:20px; height: 100%; overflow-y: auto;}
+	.clspSch {padding:10px; padding-right:80px; position:relative;}
+	.clspSch input[type="submit"] {right:10px; top:10px; width:60px; font-size:11pt;}
+	.clspSch.slct {padding-left:130px;} 
+	.clspSch.slct select {left:10px; top:10px; min-width:110px; width:110px;}
+	.clspCpny th p {font-size:11pt;}
+	.clspNon {padding:40px 0; font-size:11pt; line-height:1.5em;}
+	.clspInput {padding-bottom:30px;}
+	.clspInput input[type="text"] {width:60%;}
+	.clspInput input[type="submit"] {width:60px; height:40px; font-size:11pt;}
+	.paging {padding-top:20px;}
+	.paging a {width:28px; height:28px; line-height:26px;}
+	.paging ul {margin:0 2px;}
+	.trstDesc {padding:10px; margin-bottom:30px;}
+	.trstList li {margin-right:20px;}
+	.trstBtn a {width:160px; height:50px; font-size:12pt; line-height:50px;}
+
+	.clsTable.sctyTable th {width:100px;}
+	.sctyChk li {float:left; width:100%;}
+	.sctyNone {padding:30px 0;}
+
+}
 
 
+@media (max-width:320px) {
+	.clsBtn li a {font-size: 10pt; letter-spacing: -0.1em; white-space: nowrap;}
+}
 
 
 
@@ -1381,10 +926,10 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .bookList td ul li {padding:5px 0;}
 .bookList td ul li a {display:block; text-align:center; padding:10px 0;}
 .bookList td ul li:nth-child(1) a {background:#383838;}
-.bookList td ul li:nth-child(2) a {background:#31317f;}
+.bookList td ul li:nth-child(2) a {background:#0047a7;}
 .bookList td ul li a span {display:inline-block; height:20px; line-height:20px; background-size:20px auto !important; color:#fff; padding-left:25px;}
-.bookList td ul li:nth-child(1) a span {background:url("/img/book/book_list_btn01.png")no-repeat left center;}
-.bookList td ul li:nth-child(2) a span {background:url("/img/book/book_list_btn02.png")no-repeat left center;}
+.bookList td ul li:nth-child(1) a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
+.bookList td ul li:nth-child(2) a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}
 
 
 .bookInfo {border:solid 1px #d6d6d6; margin-top:50px;}
@@ -1416,15 +961,15 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .bookCost dl dd {float:left;}
 .bookCost dl a {display:block; text-align:center; padding:10px 0; width:110px;}
 .bookCost dl dt a {background:#383838;}
-.bookCost dl dd a {background:#31317f;}
+.bookCost dl dd a {background:#0047a7;}
 .bookCost dl a span {display:inline-block; height:20px; line-height:20px; background-size:20px auto !important; color:#fff; padding-left:25px;}
-.bookCost dl dt a span {background:url("/img/book/book_list_btn01.png")no-repeat left center;}
-.bookCost dl dd a span {background:url("/img/book/book_list_btn02.png")no-repeat left center;}
+.bookCost dl dt a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
+.bookCost dl dd a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}
 
 .bkSlider {padding:0 30px;}
 .bkSlider .slick-arrow {display:block; width:16px; height:30px; position:absolute; top:50%; margin-top:-15px; text-indent:-9999px;}
-.bkSlider .slick-prev {left:0; background:url("/img/book/thumb_arrow_prev.png")no-repeat left center;}
-.bkSlider .slick-next {right:0; background:url("/img/book/thumb_arrow_next.png")no-repeat left center;}
+.bkSlider .slick-prev {left:0; background:url("../../img/book/thumb_arrow_prev.png")no-repeat left center;}
+.bkSlider .slick-next {right:0; background:url("../../img/book/thumb_arrow_next.png")no-repeat left center;}
 .bkThumb {height:150px !important; border:solid 1px #e8e8e8; background-size:cover !important;}
 
 
@@ -1455,8 +1000,8 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 	.bookList td ul li {padding:0 5px; display:inline-block;}
 	.bookList td ul li a {padding:7px 20px;}
 	.bookList td ul li a span {display:inline-block; height:20px; line-height:20px; font-size:11pt; background-size:15px auto !important; padding-left:20px;}
-	.bookList td ul li:nth-child(1) a span {background:url("/img/book/book_list_btn01.png")no-repeat left center;}
-	.bookList td ul li:nth-child(2) a span {background:url("/img/book/book_list_btn02.png")no-repeat left center;}
+	.bookList td ul li:nth-child(1) a span {background:url("../../img/book/book_list_btn01.png")no-repeat left center;}
+	.bookList td ul li:nth-child(2) a span {background:url("../../img/book/book_list_btn02.png")no-repeat left center;}
 
 	.bookInfo {margin-top:20px;}
 	.bookInfo > h5 {font-size:12pt; padding:15px 10px;}
@@ -1495,13 +1040,13 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .faqTab li {float:left; width:12.5%; background:#f9f9f9; border:solid 1px #dfdfdf; border-right:none;}
 .faqTab li:last-child {border-right:solid 1px #dfdfdf;}
 .faqTab li a {display:block; height:48px; line-height:48px; text-align:center; font-size:12pt; color:#898989;}
-.faqTab li.current {background:#fff; border-color:#31317f; border-bottom-color:#fff; position:relative;}
-.faqTab li.current:after {content:""; display:block; width:1px; background:#31317f; position:absolute; right:-1px; top:-1px; bottom:-1px;}
-.faqTab li.current a {color:#31317f;}
+.faqTab li.current {background:#fff; border-color:#0047a7; border-bottom-color:#fff; position:relative;}
+.faqTab li.current:after {content:""; display:block; width:1px; background:#0047a7; position:absolute; right:-1px; top:-1px; bottom:-1px;}
+.faqTab li.current a {color:#0047a7;}
 .faqList {border-top:solid 1px #d6d6d6; margin-top:30px;}
 .faqList dt {border-bottom:solid 1px #d6d6d6; cursor:pointer; position:relative; padding-right:140px;}
-.faqList dt:after {content:""; display:block; width:100px; height:40px; border:solid 1px #2e2d76; position:absolute; right:20px; top:50%; margin-top:-20px; background:url("/img/customer/faq_btn01.png")no-repeat center center;}
-.faqList dt.on:after {background:url("/img/customer/faq_btn02.png")no-repeat center center;}
+.faqList dt:after {content:""; display:block; width:100px; height:40px; border:solid 1px #2e2d76; position:absolute; right:20px; top:50%; margin-top:-20px; background:url("../../img/customer/faq_btn01.png")no-repeat center center;}
+.faqList dt.on:after {background:url("../../img/customer/faq_btn02.png")no-repeat center center;}
 .faqList dd {border-bottom:solid 1px #d6d6d6;}
 .faqList dd {display:none;}
 .faqList dt.on {background:#f9f9f9;}
@@ -1515,11 +1060,11 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .notiList td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding:30px 20px;}
 .notiList th {text-align:left;}
 .notiList th a {display:block;}
-.notiList th h5 {font-size:14pt;}
+.notiList th h5 {font-size:14pt; font-weight: 500;}
 .notiList th h5 span {font-size:14pt; color:#238dfa;}
 .notiList th h5 em {font-size:14pt; font-style:normal; color:#f36f21;}
 .notiList th h5 img {display:inline-block; vertical-align:middle; margin-top:-4px; margin-left:5px;}
-.notiList th p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12pt; margin-top:15px;}
+.notiList th p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12pt; margin-top:15px; font-weight: 300;}
 .notiList td {width:220px; text-align:right;}
 .notiList td dl {display:inline-block;}
 .notiList td dl:after {content:""; display:table; clear:both;}
@@ -1527,11 +1072,11 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .notiList td dl dd:after {content:""; display:block; width:1px; height:10px; background:#8f8f8f; position:absolute; right:0; top:50%; margin-top:-5px;}
 .notiList td dl dd:last-child {margin-right:0; padding-right:0;}
 .notiList td dl dd:last-child:after {display:none;}
-.notiList tr.reply th a {padding-left:30px; background:url("/img/customer/notice_reply.png")no-repeat left top;}
+.notiList tr.reply th a {padding-left:30px; background:url("../../img/customer/notice_reply.png")no-repeat left top;}
 .notiList tr.visit {background:#f7f7f7;}
 .notiBtn.top {text-align:right; padding-top:30px; padding-bottom:10px;}
 .notiBtn.bot {text-align:center; padding:30px 0;}
-.notiBtn a {display:inline-block; width:220px; height:60px; line-height:60px; text-align:center; color:#fff; background:#31317f; font-size:13pt;}
+.notiBtn a {display:inline-block; width:220px; height:60px; line-height:60px; text-align:center; color:#fff; background:#0047a7; font-size:13pt;}
 .notiView {border-top:solid 2px #d6d6d6;}
 .notiView td {padding:20px; border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6;}
 .ntvTitle {}
@@ -1547,14 +1092,13 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .ntvFile ul:after {content:""; display:table; clear:both;}
 .ntvFile ul li {float:left; margin-right:50px;}
 .ntvFile ul li:last-child {margin-right:0;}
-.ntvFile ul li a {display:block; font-size:12pt; color:#8f8f8f; padding-right:30px; background:url("/img/customer/notice_file.png")no-repeat 99% center;}
+.ntvFile ul li a {display:block; font-size:12pt; color:#8f8f8f; padding-right:30px; background:url("../../img/customer/notice_file.png")no-repeat 99% center;}
 .ntvBtn {text-align:center; padding-top:30px; padding-bottom:100px;}
 .ntvBtn li {display:inline-block; padding:0 5px;}
-.ntvBtn li a {display:block; width:140px; height:60px; line-height:58px; color:#fff; background:#383838; border:solid 1px #383838; font-size:13pt;}
-.ntvBtn li:first-child a {background:#31317f; border:solid 1px #31317f;}
-.ntvBtn li:last-child a {border:solid 1px #31317f; background:none; color:#31317f;}
+.ntvBtn li a {display:block; width:140px; height:60px; line-height:58px; color:#0047a7; border:solid 1px #0047a7; font-size:13pt;}
+.ntvBtn li:first-child a {background:#0047a7; border:solid 1px #0047a7; color: #fff;}
 .ntvReply {}
-.ntvReply h5 {font-size:14pt; color:#31317f; padding-bottom:5px;}
+.ntvReply h5 {font-size:14pt; padding-bottom:5px; font-weight: 400;}
 .ntvReply div {position:relative; background:#fafafa; padding:30px; padding-right:160px;}
 .ntvReply input[type="text"] {display:block; width:100%; height:40px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
 .ntvReply input[type="submit"] {display:block; width:120px; height:40px; position:absolute; right:30px; top:30px; border:none; color:#fff; background:#3a3a3a;}
@@ -1565,7 +1109,7 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .ntvrList li h5 span {display:inline-block; vertical-align:middle; font-size:12pt; color:#8f8f8f; font-weight:300; padding-right:10px; margin-right:10px; position:relative;}
 .ntvrList li h5 span:after {content:""; display:block; width:1px; height:10px; background:#aaa; position:absolute; right:0; top:50%; margin-top:-5px;}
 .ntvrList li h5 em {display:inline-block; vertical-align:middle; font-size:12pt; color:#8f8f8f; font-weight:300; font-style:normal;}
-.ntvrList li h5 a {display:inline-block; vertical-align:middle; width:70px; height:30px; line-height:27px; font-size:11pt; color:#383838; border:solid 1px #383838; margin-left:15px; text-align:center;}
+.ntvrList li h5 a {display:inline-block; vertical-align:middle; width:70px; height:30px; line-height:27px; font-size:11pt; color:#383838; border:solid 1px #383838; margin-left:15px; text-align:center; font-weight: 400;}
 .ntvrList li p {margin-top:10px;}
 .ntvrWrite {position:relative; padding-right:160px; margin-top:10px;}
 .ntvrWrite input[type="text"] {display:block; width:100%; height:40px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
@@ -1591,9 +1135,9 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 .qnawTitle label {display:inline-block; vertical-align:middle;}
 .qnawBtn {text-align:center; padding:40px 0;}
 .qnawBtn li {display:inline-block; padding:0 5px;}
-.qnawBtn li a {display:block; width:140px; height:60px; line-height:58px; border:solid 1px #31317f; font-size:13pt;}
-.qnawBtn li:first-child a {background:#31317f; color:#fff;}
-.qnawBtn li:last-child a {color:#31317f;}
+.qnawBtn li a {display:block; width:140px; height:60px; line-height:58px; border:solid 1px #0047a7; font-size:13pt;}
+.qnawBtn li:first-child a {background:#0047a7; color:#fff;}
+.qnawBtn li:last-child a {color:#0047a7;}
 .rfndTxt {padding-top:10px;}
 .rfndTxt p {font-size:12pt; line-height:1.6em; font-weight:300;}
 .rfndTxt ul {margin-top:10px;}
@@ -1637,10 +1181,10 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 	.csTable th {width:100%; padding:10px;}
 	.csTable td {padding:10px 0 20px 0;}
 	.faqTab {border-bottom:solid 1px #dfdfdf;}
-	.faqTab li {width:25%; border-bottom:none;}
+	.faqTab li {border-bottom:none; width: 25%;}
 	.faqTab li:nth-child(4n) {border-right:solid 1px #dfdfdf;}
-	.faqTab li.current:before {content:""; display:block; height:1px; background:#31317f; position:absolute; right:-1px; left:-1px; bottom:-1px;}
-	.faqTab li a {height:38px; line-height:38px; font-size:11pt;}
+	.faqTab li.current:before {content:""; display:block; height:1px; background:#0047a7; position:absolute; right:-1px; left:-1px; bottom:-1px;}
+	.faqTab li a {height:38px; line-height:38px; font-size:10pt;}
 	.faqList {margin-top:20px;}
 	.faqList dt {padding-right:100px;}
 	.faqList dt:after {width:60px; height:30px; right:10px; margin-top:-15px; background-size:auto 100% !important;}
@@ -1680,7 +1224,7 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 	.ntvBtn li {display:block; float:left; width:25%;}
 	.ntvBtn li a {width:100%; height:40px; line-height:38px; font-size:11pt;}
 	.ntvReply h5 {font-size:12pt;}
-	.ntvReply div {/*padding:10px; padding-right:100px;*/}
+	.ntvReply div {padding:10px; padding-right:100px;}
 	.ntvReply input[type="text"] {height:36px; border:none; padding:0 15px; border:solid 1px #cbcbcb;}
 	.ntvReply input[type="submit"] {width:80px; height:36px; right:10px; top:10px;;}
 	.ntvrList {margin-top:30px;}
@@ -1728,209 +1272,210 @@ body.lock {width:100%; height:100%; overflow:hidden;}
 
 
 
-/* --------------------------------------- */
-/* Membership */
-/* --------------------------------------- */
-
-.joinForm {width:100%; max-width:500px; margin:0 auto; padding-top: 60px;}
-.joinForm > ul > li {margin-bottom:20px;}
-.joinForm > ul > li input[type="text"],
-.joinForm > ul > li input[type="password"],
-.joinForm > ul > li input[type="tel"] {display:block; width:100%; height:50px; border:solid 1px #cbcbcb; padding:0 20px;}
-.joinForm > ul > li span.red {color: #f36f21; display: block; margin-top: 5px;}
-.joinId {position:relative; padding-right:130px;}
-.joinId a {display:block; width:120px; height:50px; line-height:47px; text-align:center; border:solid 1px #000; color:#000; font-size:11pt; position:absolute; right:0; top:0;}
-.joinCpny {position:relative; padding-right:100px;}
-.joinCpny a {display:block; width:90px; height:50px; line-height:50px; text-align:center; color:#fff; background: #666; font-size:11pt; position:absolute; right:0; top:0;}
-.joinAgree {margin-bottom:50px; padding-left:23px; position:relative;}
-.joinAgree input[type="checkbox"] {width:20px; height:20px; position:absolute; left:0; top:2px;}
-.joinAgree label {display:block; font-size:11pt; color:#000;}
-.joinAgree label a {color:#f36f21; font-size:11pt;}
-.jnType {}
-.jnType:after {content: ''; display: table; clear: both;}
-.jnType li {float: left; margin-right: 30px;}
-.jnType li:last-child {margin-right: 0;}
-.jnType li input[type="radio"] {float: left;}
-.jnType li label {display: block; float: left; height: 18px; line-height: 18px;}
-.joinBtn {display:block; height:60px; line-height:60px; text-align:center; background:#0047a7; color:#fff !important; font-size:14pt; font-weight:500;}
-.jnNum:after {content: ''; display: table; clear: both;}
-.jnNum li {float: left; width: 47%;}
-.jnNum li:nth-child(2) {width: 6%; text-align: center; height: 50px; line-height: 50px;}
-
-
-.jnAddr {position: relative;}
-.jnAddr:after {content: ''; display: table; clear: both;}
-.jnAddr li {float: left;}
-.jnAddr li:nth-child(1) {width: 70%;}
-.jnAddr li:nth-child(2) {width: 30%; padding-left: 10px;}
-.jnAddr li:nth-child(3) {width: 100%; padding-top: 10px;}
-.jnAddr li:nth-child(2) a {display: block; height: 50px; line-height: 50px; text-align: center; background: #666; color: #fff;}
-
-
-.popWrap {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); padding:30px 15px; z-index:100; display:none;}
-.popWrap > div {width:100%; max-width:1200px; margin:0 auto; height:100%; position:relative; padding-top:80px;}
-.popWrap.popSmall > div {display:table; width:100%; height:100%; padding-top:0;}
-.popWrap.popSmall > div > div {display:table-cell; width:100%; vertical-align:middle;}
-.popWrap.popSmall > div > div > div {width:400px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
-.popWrap.popMiddle > div > div > div {width:800px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
-.popTitle {background:#0047a7; padding:0 30px; position:absolute; left:0; right:0; top:0;}
-.popTitle h5 {font-size:22pt; color:#fff; font-weight:400; height:80px; line-height:80px;}
-.popTitle span {display:block; width:80px; height:80px; position:absolute; right:0; top:0; text-indent:-9999px; cursor:pointer; background:url("../../img/common/pop_close.png")no-repeat center center;}
-.popCont {background:#fff; overflow-y:auto; height:100%; padding:0 30px; padding-bottom:40px; -webkit-overflow-scrolling: touch;}
-.popCont h3 {font-size:15pt; padding-top:40px; font-weight:500;}
-.popCont h4 {font-size:13pt; padding-top:30px; font-weight:500; padding-bottom:5px;}
-.popCont h5 {font-size:11pt; padding-top:40px; font-weight:500;}
-.popCont p {font-size:11pt;}
-html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
-
-.joinScss {text-align:center; padding-top:120px;}
-.joinScss h5 {font-size: 20pt; font-weight: 500;}
-.joinScss p {margin-top:10px; font-size: 13pt; margin-bottom: 60px;}
-.joinScss p span {font-size:13pt; font-weight:300;}
-.joinScss a {display:block; width:500px; max-width:100%; margin:0 auto; margin-bottom: 20px; height:60px; line-height:56px; text-align:center; border: solid 2px #0047a7; color:#0047a7; font-size:14pt; font-weight:500;}
-.joinScss a.blu {background:#0047a7; color: #fff;}
-
-.lgnWrap {width:100%; max-width:500px; margin:0 auto;}
-.lgnForm {}
-.lgnForm li {margin-bottom:20px;}
-.lgnForm li:last-child {margin-bottom:0;}
-.lgnForm li input {height:60px; border:solid 1px #cbcbcb; display:block; width:100%;}
-.lgnChk {margin-bottom:50px; margin-top:10px;}
-.lgnChk input[type="checkbox"] {display:inline-block; vertical-align:middle;}
-.lgnChk label {display:inline-block; vertical-align:middle;}
-.lgnBtn {display:block; text-align:center; height:60px; line-height:60px; background:#0047a7; color:#fff !important; font-size:14pt;}
-.lgnMenu {margin-top:50px;}
-.lgnMenu dl:first-child {margin-bottom:10px;}
-.lgnMenu dl:after {content:""; display:table; clear:both;}
-.lgnMenu dt {float:left; white-space:nowrap; height:50px; line-height:50px; font-size:12pt; font-weight:300;}
-.lgnMenu dd {float:right;}
-.lgnMenu dd a {display:block; height:50px; line-height:48px; text-align:center; width:190px; border:solid 1px #ccc; color:#515151; font-size:12pt;}
-.lgnMenu dl:first-child dd a {color:#0047a7; border-color:#0047a7;}
-
-.idpw {padding-top:30px; text-align: center;}
-.idpw p {font-size:12pt; color:#000; padding-bottom:15px;}
-.idpw p span {font-size:14pt; color:#0047a7;}
-.idpwBtn {margin-top:60px; padding:0 25px;}
-.idpwBtn:after {content:""; display:table; clear:both;}
-.idpwBtn li {float:left; width:50%; padding:0 5px;}
-.idpwBtn li a {display:block; height:60px; line-height:58px; font-size:13pt; color:#0047a7; border:solid 1px #0047a7; text-align:center;}
-.idpwBtn li:first-child a {background:#0047a7; color:#fff;}
-.lgnFind {text-align: center; margin-top: 30px;}
-.lgnFind li {display: inline; padding: 0 15px; position: relative;}
-.lgnFind li:after {content: ''; display: block; width: 1px; height: 14px; background: #e0e0e0; position: absolute; right: 0; top: 50%; margin-top: -7px;}
-.lgnFind li:last-child:after {display: none;}
-.lgnFind li a {font-size: 12pt;}
-.lgnSns {border: solid 1px #d6d6d6; margin-top: 90px;}
-.lgnSns li {border-bottom: solid 1px #d6d6d6;}
-.lgnSns li:last-child {border-bottom: none;}
-.lgnSns li a {display: block; height: 80px; line-height: 80px; padding: 0 20px; font-size: 13pt;}
-.lgnSns li a:before {content: ''; display: inline-block; width: 38px; height: 38px; vertical-align: middle; margin-right: 20px;}
-.lgnSns li:nth-child(1) a:before {background: url('../../img/common/login_sns01.png')no-repeat center center;}
-.lgnSns li:nth-child(2) a:before {background: url('../../img/common/login_sns02.png')no-repeat center center;}
-.lgnSns li:nth-child(3) a:before {background: url('../../img/common/login_sns03.png')no-repeat center center;}
-.fndScs {text-align: center;}
-.fndScs p {}
-.fndScs h6 {color: #0047a7; background: #eee; padding: 20px 0; margin-top: 10px; font-size: 13pt; font-weight: 400;}
-
-.jnSns {}
-.jnSns h5 {text-align: center; font-size: 14pt;}
-.jnSns > a {display: block; width: 500px; margin: 0 auto; text-align: center; margin-bottom: -80px; border: solid 1px #d6d6d6; border-bottom: none; line-height: 80px; font-size: 13pt; color: #0047a7;}
-.jnSns ul {width: 100%; max-width: 500px; margin: 0 auto; margin-top: 80px;}
-.jnSns > em {display: block; margin: 0 auto; width: 140px; height: 140px; background: #fafafa; background-size: cover !important; font-style: normal; margin-bottom: 20px; border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; -webkit-border-radius:100px 100px 100px 100px;}
-.jnSns > em > span {display: table; width: 100%; height: 100%;}
-.jnSns > em > span > span {display: table-cell; width: 100%; vertical-align: middle; text-align: center; font-size: 16pt; color: 000px; font-weight: 500;}
-
-
-@media (max-width:800px) {
-	.joinForm {padding-top: 30px;}
-	.joinForm > ul > li {margin-bottom:10px;}
-	.joinForm > ul > li input[type="text"],
-	.joinForm > ul > li input[type="password"],
-	.joinForm > ul > li input[type="tel"] {height:36px; padding:0 10px;}
-	.joinId {padding-right:100px;}
-	.joinId a {width:90px; height:36px; line-height:34px; font-size:10pt;}
-	.joinCpny {padding-right:80px;}
-	.joinCpny a {width:70px; height:36px; line-height:33px;}
-	.joinAgree {margin-bottom:20px;}
-	.joinBtn {height:50px; line-height:50px; font-size:12pt;}
-	.jnType li {margin-right: 15px;}
-	.popWrap > div {padding-top:50px;}
-	.popWrap.popSmall > div > div {}
-	.popWrap.popSmall > div > div > div {width:100%; padding-top:50px;}
-	.popTitle {padding:0 15px}
-	.popTitle h5 {font-size:16pt; height:50px; line-height:50px;}
-	.popTitle span {width:50px; height:50px; background-size:25px auto;}
-	.popCont {padding:0 15px; padding-bottom:30px;}
-	.popCont h3 {font-size:13pt; padding-top:30px;}
-	.popCont h4 {font-size:12pt; padding-top:20px}
-	.popCont h4 {font-size:10pt; padding-top:30px}
-	.popCont p {font-size:10pt;}
-
-	.joinScss {padding-top:60px;}
-	.joinScss h5 span {font-size:16pt; display:block; line-height:1.3em;}
-	.joinScss p {margin-top:10px;}
-	.joinScss p span {font-size:11pt; display:block;}
-	.joinScss a {margin-bottom: 10px; height:50px; line-height:46px; font-size:12pt;}
-
-	.lgnForm li {margin-bottom:10px;}
-	.lgnForm li input {height:40px;}
-	.lgnChk {margin-bottom:40px;}
-	.lgnBtn {height:50px; line-height:50px; font-size:12pt;}
-	.lgnMenu {margin-top:30px;}
-	.lgnMenu dl:first-child {margin-bottom:20px;}
-	.lgnMenu dt {float:none; text-align:center; height:auto; line-height:1.5em;; font-size:11pt;}
-	.lgnMenu dd {float:none; padding-top:10px;}
-	.lgnMenu dd a {margin:0 auto;height:40px; line-height:38px; width:160px; font-size:11pt;}
-
-	.idpw {padding-top:0;}
-	.idpw p {font-size:10pt;;}
-	.idpwBtn {margin:0 -5px; margin-top:20px; padding:0;}
-	.idpwBtn li a {height:50px; line-height:48px; font-size:11pt;}
-	
-	.lgnFind {margin-top: 20px;}
-	.lgnFind li {padding: 0 10px;}
-	.lgnFind li:after {height: 10px; margin-top: -5px;}
-	.lgnFind li a {font-size: 11pt;}
-	.lgnSns {margin-top: 30px;}
-	.lgnSns li a {height: 60px; line-height: 60px; font-size: 11pt;}
-	.lgnSns li a:before {margin-right: 10px;}
-
-	.jnSns {}
-	.jnSns > a {margin-bottom: -30px; width: 100%; line-height: 60px; font-size: 11pt;}
-	.jnSns h5 {text-align: center; font-size: 12pt;}
-	.jnSns ul {margin-top: 30px;}
+/* --------------------------------------- */
+/* Membership */
+/* --------------------------------------- */
+
+.joinForm {width:100%; max-width:500px; margin:0 auto; padding-top: 60px;}
+.joinForm > ul > li {margin-bottom:20px;}
+.joinForm > ul > li input[type="text"],
+.joinForm > ul > li input[type="password"],
+.joinForm > ul > li input[type="tel"] {display:block; width:100%; height:50px; border:solid 1px #cbcbcb; padding:0 20px;}
+.joinForm > ul > li span.red {color: #f36f21; display: block; margin-top: 5px;}
+.joinId {position:relative; padding-right:130px;}
+.joinId a {display:block; width:120px; height:50px; line-height:47px; text-align:center; border:solid 1px #000; color:#000; font-size:11pt; position:absolute; right:0; top:0;}
+.joinCpny {position:relative; padding-right:100px;}
+.joinCpny a {display:block; width:90px; height:50px; line-height:50px; text-align:center; color:#fff; background: #666; font-size:11pt; position:absolute; right:0; top:0;}
+.joinAgree {margin-bottom:50px; padding-left:23px; position:relative;}
+.joinAgree input[type="checkbox"] {width:20px; height:20px; position:absolute; left:0; top:2px;}
+.joinAgree label {display:block; font-size:11pt; color:#000;}
+.joinAgree label a {color:#f36f21; font-size:11pt;}
+.jnType {}
+.jnType:after {content: ''; display: table; clear: both;}
+.jnType li {float: left; margin-right: 30px;}
+.jnType li:last-child {margin-right: 0;}
+.jnType li input[type="radio"] {float: left;}
+.jnType li label {display: block; float: left; height: 18px; line-height: 18px;}
+.joinBtn {display:block; height:60px; line-height:60px; text-align:center; background:#0047a7; color:#fff !important; font-size:14pt; font-weight:500;}
+.jnNum:after {content: ''; display: table; clear: both;}
+.jnNum li {float: left; width: 47%;}
+.jnNum li:nth-child(2) {width: 6%; text-align: center; height: 50px; line-height: 50px;}
+
+
+.jnAddr {position: relative;}
+.jnAddr:after {content: ''; display: table; clear: both;}
+.jnAddr li {float: left;}
+.jnAddr li:nth-child(1) {width: 70%;}
+.jnAddr li:nth-child(2) {width: 30%; padding-left: 10px;}
+.jnAddr li:nth-child(3) {width: 100%; padding-top: 10px;}
+.jnAddr li:nth-child(2) a {display: block; height: 50px; line-height: 50px; text-align: center; background: #666; color: #fff;}
+
+
+.popWrap {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); padding:30px 15px; z-index:100; display:none;}
+.popWrap > div {width:100%; max-width:1200px; margin:0 auto; height:100%; position:relative; padding-top:80px;}
+.popWrap.popSmall > div {display:table; width:100%; height:100%; padding-top:0;}
+.popWrap.popSmall > div > div {display:table-cell; width:100%; vertical-align:middle;}
+.popWrap.popSmall > div > div > div {width:400px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
+.popWrap.popMiddle > div > div > div {width:800px; margin:0 auto; position:relative; padding-top:80px; background:#fff;}
+.popTitle {background:#0047a7; padding:0 30px; position:absolute; left:0; right:0; top:0;}
+.popTitle h5 {font-size:22pt; color:#fff; font-weight:400; height:80px; line-height:80px;}
+.popTitle span {display:block; width:80px; height:80px; position:absolute; right:0; top:0; text-indent:-9999px; cursor:pointer; background:url("../../img/common/pop_close.png")no-repeat center center;}
+.popCont {background:#fff; overflow-y:auto; height:100%; padding:0 30px; padding-bottom:40px; -webkit-overflow-scrolling: touch;}
+.popCont h3 {font-size:15pt; padding-top:40px; font-weight:500;}
+.popCont h4 {font-size:13pt; padding-top:30px; font-weight:500; padding-bottom:5px;}
+.popCont h5 {font-size:11pt; padding-top:40px; font-weight:500;}
+.popCont p {font-size:11pt;}
+html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
+
+.joinScss {text-align:center; padding-top:120px;}
+.joinScss h5 {font-size: 20pt; font-weight: 500;}
+.joinScss p {margin-top:10px; font-size: 13pt; margin-bottom: 60px;}
+.joinScss p span {font-size:13pt; font-weight:300;}
+.joinScss a {display:block; width:500px; max-width:100%; margin:0 auto; margin-bottom: 20px; height:60px; line-height:56px; text-align:center; border: solid 2px #0047a7; color:#0047a7; font-size:14pt; font-weight:500;}
+.joinScss a.blu {background:#0047a7; color: #fff;}
+
+.lgnWrap {width:100%; max-width:500px; margin:0 auto;}
+.lgnForm {}
+.lgnForm li {margin-bottom:20px;}
+.lgnForm li:last-child {margin-bottom:0;}
+.lgnForm li input {height:60px; border:solid 1px #cbcbcb; display:block; width:100%;}
+.lgnChk {margin-bottom:50px; margin-top:10px;}
+.lgnChk input[type="checkbox"] {display:inline-block; vertical-align:middle;}
+.lgnChk label {display:inline-block; vertical-align:middle;}
+.lgnBtn {display:block; text-align:center; height:60px; line-height:60px; background:#0047a7; color:#fff !important; font-size:14pt;}
+.lgnMenu {margin-top:50px;}
+.lgnMenu dl:first-child {margin-bottom:10px;}
+.lgnMenu dl:after {content:""; display:table; clear:both;}
+.lgnMenu dt {float:left; white-space:nowrap; height:50px; line-height:50px; font-size:12pt; font-weight:300;}
+.lgnMenu dd {float:right;}
+.lgnMenu dd a {display:block; height:50px; line-height:48px; text-align:center; width:190px; border:solid 1px #ccc; color:#515151; font-size:12pt;}
+.lgnMenu dl:first-child dd a {color:#0047a7; border-color:#0047a7;}
+
+.idpw {padding-top:30px; text-align: center;}
+.idpw p {font-size:12pt; color:#000; padding-bottom:15px;}
+.idpw p span {font-size:14pt; color:#0047a7;}
+.idpwBtn {margin-top:60px; padding:0 25px;}
+.idpwBtn:after {content:""; display:table; clear:both;}
+.idpwBtn li {float:left; width:50%; padding:0 5px;}
+.idpwBtn li a {display:block; height:60px; line-height:58px; font-size:13pt; color:#0047a7; border:solid 1px #0047a7; text-align:center;}
+.idpwBtn li:first-child a {background:#0047a7; color:#fff;}
+.lgnFind {text-align: center; margin-top: 30px;}
+.lgnFind li {display: inline; padding: 0 15px; position: relative;}
+.lgnFind li:after {content: ''; display: block; width: 1px; height: 14px; background: #e0e0e0; position: absolute; right: 0; top: 50%; margin-top: -7px;}
+.lgnFind li:last-child:after {display: none;}
+.lgnFind li a {font-size: 12pt;}
+.lgnSns {border: solid 1px #d6d6d6; margin-top: 90px;}
+.lgnSns li {border-bottom: solid 1px #d6d6d6;}
+.lgnSns li:last-child {border-bottom: none;}
+.lgnSns li a {display: block; height: 80px; line-height: 80px; padding: 0 20px; font-size: 13pt;}
+.lgnSns li a:before {content: ''; display: inline-block; width: 38px; height: 38px; vertical-align: middle; margin-right: 20px;}
+.lgnSns li:nth-child(1) a:before {background: url('../../img/common/login_sns01.png')no-repeat center center;}
+.lgnSns li:nth-child(2) a:before {background: url('../../img/common/login_sns02.png')no-repeat center center;}
+.lgnSns li:nth-child(3) a:before {background: url('../../img/common/login_sns03.png')no-repeat center center;}
+.fndScs {text-align: center;}
+.fndScs p {}
+.fndScs h6 {color: #0047a7; background: #eee; padding: 20px 0; margin-top: 10px; font-size: 13pt; font-weight: 400;}
+
+.jnSns {}
+.jnSns h5 {text-align: center; font-size: 14pt;}
+.jnSns > a {display: block; width: 500px; margin: 0 auto; text-align: center; margin-bottom: -80px; border: solid 1px #d6d6d6; border-bottom: none; line-height: 80px; font-size: 13pt; color: #0047a7;}
+.jnSns ul {width: 100%; max-width: 500px; margin: 0 auto; margin-top: 80px;}
+.jnSns > em {display: block; margin: 0 auto; width: 140px; height: 140px; background: #fafafa; background-size: cover !important; font-style: normal; margin-bottom: 20px; border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; -webkit-border-radius:100px 100px 100px 100px;}
+.jnSns > em > span {display: table; width: 100%; height: 100%;}
+.jnSns > em > span > span {display: table-cell; width: 100%; vertical-align: middle; text-align: center; font-size: 16pt; color: 000px; font-weight: 500;}
+
+
+@media (max-width:800px) {
+	.joinForm {padding-top: 30px;}
+	.joinForm > ul > li {margin-bottom:10px;}
+	.joinForm > ul > li input[type="text"],
+	.joinForm > ul > li input[type="password"],
+	.joinForm > ul > li input[type="tel"] {height:36px; padding:0 10px;}
+	.joinId {padding-right:100px;}
+	.joinId a {width:90px; height:36px; line-height:34px; font-size:10pt;}
+	.joinCpny {padding-right:80px;}
+	.joinCpny a {width:70px; height:36px; line-height:33px;}
+	.joinAgree {margin-bottom:20px;}
+	.joinBtn {height:50px; line-height:50px; font-size:12pt;}
+	.jnType li {margin-right: 15px;}
+	.popWrap > div {padding-top:50px;}
+	.popWrap.popSmall > div > div {}
+	.popWrap.popSmall > div > div > div {width:100%; padding-top:50px;}
+	.popTitle {padding:0 15px}
+	.popTitle h5 {font-size:16pt; height:50px; line-height:50px;}
+	.popTitle span {width:50px; height:50px; background-size:25px auto;}
+	.popCont {padding:0 15px; padding-bottom:30px;}
+	.popCont h3 {font-size:13pt; padding-top:30px;}
+	.popCont h4 {font-size:12pt; padding-top:20px}
+	.popCont h4 {font-size:10pt; padding-top:30px}
+	.popCont p {font-size:10pt;}
+
+	.joinScss {padding-top:60px;}
+	.joinScss h5 span {font-size:16pt; display:block; line-height:1.3em;}
+	.joinScss p {margin-top:10px;}
+	.joinScss p span {font-size:11pt; display:block;}
+	.joinScss a {margin-bottom: 10px; height:50px; line-height:46px; font-size:12pt;}
+
+	.lgnForm li {margin-bottom:10px;}
+	.lgnForm li input {height:40px;}
+	.lgnChk {margin-bottom:40px;}
+	.lgnBtn {height:50px; line-height:50px; font-size:12pt;}
+	.lgnMenu {margin-top:30px;}
+	.lgnMenu dl:first-child {margin-bottom:20px;}
+	.lgnMenu dt {float:none; text-align:center; height:auto; line-height:1.5em;; font-size:11pt;}
+	.lgnMenu dd {float:none; padding-top:10px;}
+	.lgnMenu dd a {margin:0 auto;height:40px; line-height:38px; width:160px; font-size:11pt;}
+
+	.idpw {padding-top:0;}
+	.idpw p {font-size:10pt;;}
+	.idpwBtn {margin:0 -5px; margin-top:20px; padding:0;}
+	.idpwBtn li a {height:50px; line-height:48px; font-size:11pt;}
+	
+	.lgnFind {margin-top: 20px;}
+	.lgnFind li {padding: 0 10px;}
+	.lgnFind li:after {height: 10px; margin-top: -5px;}
+	.lgnFind li a {font-size: 11pt;}
+	.lgnSns {margin-top: 30px;}
+	.lgnSns li a {height: 60px; line-height: 60px; font-size: 11pt;}
+	.lgnSns li a:before {margin-right: 10px;}
+
+	.jnSns {}
+	.jnSns > a {margin-bottom: -30px; width: 100%; line-height: 60px; font-size: 11pt;}
+	.jnSns h5 {text-align: center; font-size: 12pt;}
+	.jnSns ul {margin-top: 30px;}
 }
 
 
 
-/* ��Ź���� */
+
+/* 위탁교육 */
 .csgTitle {text-align:center; padding-bottom:30px;}
-.csgTitle h4 {font-weight:400; color:#333583; font-size:28pt; line-height:1.0em;}
+.csgTitle h4 {font-weight:400; color:#0047a7; font-size:28pt; line-height:1.0em;}
 .csgTitle p {font-size:18pt; margin-top:20px;}
 .csgPoint {margin:0 -30px;}
 .csgPoint:after {content:""; display:table; clear:both;}
 .csgPoint dd {float:left; width:50%; padding:0 30px;}
 .csgPoint dd > div {background:#e4f6ff; text-align:center; padding:25px 0; position:relative; border-radius:100px 100px 100px 100px; -moz-border-radius:100px 100px 100px 100px; -webkit-border-radius:100px 100px 100px 100px;}
 .csgPoint ul {display:inline-block; text-align:left; padding-left:100px; min-height:105px; background-size:80px auto !important; position:relative;}
-.csgPoint dd:first-child ul {background:url("/img/offline/consign_list_ico01.png")no-repeat left center;}
-.csgPoint dd:last-child ul {background:url("/img/offline/consign_list_ico02.png")no-repeat left center;}
-.csgPoint dd:last-child div:before {content:""; display:block; width:130px; height:105px; position:absolute; bottom:100%; right:50%; background:url("/img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
+.csgPoint dd:first-child ul {background:url("../../img/offline/consign_list_ico01.png")no-repeat left center;}
+.csgPoint dd:last-child ul {background:url("../../img/offline/consign_list_ico02.png")no-repeat left center;}
+.csgPoint dd:last-child div:before {content:""; display:block; width:130px; height:105px; position:absolute; bottom:100%; right:50%; background:url("../../img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
 .csgPoint ul li {white-space:nowrap; margin-bottom:15px; font-size:12pt; line-height:25px; position:relative; padding-left:22px;}
-.csgPoint ul li:before {content:""; display:block; width:14px; height:11px; position:absolute; left:0; top:6px; background:url("/img/offline/consign_list_dot.png")no-repeat center center;}
+.csgPoint ul li:before {content:""; display:block; width:14px; height:11px; position:absolute; left:0; top:6px; background:url("../../img/offline/consign_list_dot.png")no-repeat center center;}
 .csgPoint ul li:last-child {margin-bottom:0;}
 .csgTxt {padding:50px 0; text-align:center; font-size:13pt;}
 .csgList {margin:0 -30px;}
 .csgList:after {content:""; display:table; clear:both;}
 .csgList dd {width:50%; float:left; padding:25px 30px;}
 .csgList dd:last-child {margin-left:25%;}
-.csgList dd h5 {width:60%; margin:0 auto; height:160px; line-height:60px; background:#31317f; color:#fff;  font-size:14pt; text-align:center; position:relative; border-radius:100% 100% 0 0; -moz-border-radius:100% 100% 0 0; -webkit-border-radius:100% 100% 0 0;}
+.csgList dd h5 {width:60%; margin:0 auto; height:160px; line-height:60px; background:#0047a7; color:#fff;  font-size:14pt; text-align:center; position:relative; border-radius:100% 100% 0 0; -moz-border-radius:100% 100% 0 0; -webkit-border-radius:100% 100% 0 0;}
 .csgList dd h5:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:100px; background:#fff;}
 .csgList ul {background:#f9f9f9; padding:20px 30px; margin-top:-100px; position:relative; min-height:100px;}
 .csgList ul li {font-size:12pt; padding-left:8px; position:relative; margin-bottom:5px;}
 .csgList ul li:last-child {margin-bottom:0;}
 .csgList ul li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:50%; margin-top:-1px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
 .csgList ul li:last-child {margin-bottom:0;}
-.csgSub {font-size:15pt; color:#31317f; font-weight:400; position:relative; margin-top:60px; margin-bottom:10px;}
+.csgSub {font-size:15pt; color:#0047a7; font-weight:400; position:relative; margin-top:60px; margin-bottom:10px;}
 .csgTable {position:relative;}
 .csgTable table {border-left:solid 2px #fff; border-right:solid 2px #fff;}
 .csgTable th,
@@ -1942,9 +1487,9 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 .csgCall dd {display:inline-block; vertical-align:middle; font-size:12pt; font-weight:300; margin-right:25px; padding-left:40px; position:relative;}
 .csgCall dd:last-child {margin-right:0;}
 .csgCall dd:before {content:""; display:block; width:30px; height:30px; background-size:18px auto !important; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.csgCall dd:nth-child(2):before {background:#d5d5d5 url("/img/common/footer_ico01.png")no-repeat center center;}
-.csgCall dd:nth-child(3):before {background:#d5d5d5 url("/img/common/footer_ico02.png")no-repeat center center}
-.csgCall dd:nth-child(4):before {background:#d5d5d5 url("/img/common/footer_ico03.png")no-repeat center center}
+.csgCall dd:nth-child(2):before {background:#d5d5d5 url("../../img/common/footer_ico01.png")no-repeat center center;}
+.csgCall dd:nth-child(3):before {background:#d5d5d5 url("../../img/common/footer_ico02.png")no-repeat center center}
+.csgCall dd:nth-child(4):before {background:#d5d5d5 url("../../img/common/footer_ico03.png")no-repeat center center}
 
 
 
@@ -1966,7 +1511,7 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 
 @media (max-width:800px) {
 	.csgTitle {text-align:left; padding-bottom:20px; position:relative;}
-	.csgTitle:after {content:""; display:block; width:65px; height:53px; bottom:0; right:50px; position:absolute; background:url("/img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
+	.csgTitle:after {content:""; display:block; width:65px; height:53px; bottom:0; right:50px; position:absolute; background:url("../../img/offline/consign_list_man.png")no-repeat left center; background-size:cover;}
 	.csgTitle h4 {font-size:18pt;}
 	.csgTitle p {font-size:12pt; margin-top:10px;}
 	.csgPoint dd {width:100%;}
@@ -1995,13 +1540,13 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 
 
 /* ISO */
-.isoTitle {height:252px; background:url("/img/offline/iso_img.png")no-repeat right center; background-size:auto 252px;}
+.isoTitle {height:252px; background:url("../../img/offline/iso_img.png")no-repeat right center; background-size:auto 252px;}
 .isoTitle > div {display:table; height:100%; width:100%;}
 .isoTitle > div > div {display:table-cell; width:100%; vertical-align:middle;}
 .isoTitle h4 {font-size:22pt;}
-.isoTitle p {color:#333583; font-size:36pt; line-height:1.2em;}
+.isoTitle p {color:#0047a7; font-size:36pt; line-height:1.2em;}
 .isoCont {margin-top:50px;}
-.isoCont dt {height:20px; line-height:20px; padding-left:25px; color:#31317f; font-size:14pt; font-weight:400; letter-spacing:0em; background:url("/img/offline/iso_dot.png")no-repeat left center; background-size:16px auto !important;}
+.isoCont dt {height:20px; line-height:20px; padding-left:25px; color:#0047a7; font-size:14pt; font-weight:400; letter-spacing:0em; background:url("../../img/offline/iso_dot.png")no-repeat left center; background-size:16px auto !important;}
 .isoCont dd {padding-left:25px;}
 .isoCont dd h5 {font-size:12pt; font-weight:500; margin-top:25px;}
 .isoCont dd ul {margin-top:15px;}
@@ -2010,9 +1555,9 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 .isoTel {background:#f7f7f7; padding:20px; margin-top:60px;}
 .isoTel span {display:inline-block; white-space:nowrap; font-size:12pt; margin-right:25px; padding-left:40px; height:30px; line-height:30px; position:relative;}
 .isoTel span:before {content:""; display:block; width:30px; height:30px; background-size:18px auto !important; position:absolute; left:0; top:50%; margin-top:-15px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
-.isoTel span:nth-child(1):before {background:#d5d5d5 url("/img/offline/iso_ico01.png")no-repeat center center;}
-.isoTel span:nth-child(2):before {background:#d5d5d5 url("/img/offline/iso_ico02.png")no-repeat center center}
-.isoTel span:nth-child(3):before {background:#d5d5d5 url("/img/offline/iso_ico03.png")no-repeat center center}
+.isoTel span:nth-child(1):before {background:#d5d5d5 url("../../img/offline/iso_ico01.png")no-repeat center center;}
+.isoTel span:nth-child(2):before {background:#d5d5d5 url("../../img/offline/iso_ico02.png")no-repeat center center}
+.isoTel span:nth-child(3):before {background:#d5d5d5 url("../../img/offline/iso_ico03.png")no-repeat center center}
 
 
 @media (max-width:1200px) {
@@ -2043,14 +1588,14 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 
 
 
-/* 190811 CSS�߰� */
+/* 190811 CSS추가 */
 .fairTab.col4 li {width:25%;}
 .meList.recList {margin-top:20px;}
 .meList.recList li {padding:10px;}
 .csgList.lawList {margin:0;}
 .lawTitle {text-align:center;}
 .lawTitle h4 {font-size:30pt; margin-bottom:40px;}
-.lawTitle h5 {display:inline-block; white-space:nowrap; text-align:left; font-size:30pt; color:#333583; padding-left:120px; position:relative;}
+.lawTitle h5 {display:inline-block; white-space:nowrap; text-align:left; font-size:30pt; color:#0047a7; padding-left:120px; position:relative;}
 .lawTitle h5:before {content:""; display:block; width:95px; height:120px; position:absolute; left:0; top:50%; margin-top:-60px; background:url("../../img/offline/law_title_img.png")no-repeat center center;}
 .lawTitle h5 span {display:block; font-size:16pt; color:#000;}
 .lawTxt {margin-top:100px; margin-bottom:40px;}
@@ -2068,13 +1613,11 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 .lawList li:last-child {margin-bottom:0;}
 .lawList li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:12px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;}
 .lawList li:last-child {margin-bottom:0;}
-#subTitle.subBg06 {background: rgb(78,163,97); background: -moz-linear-gradient(left,  rgba(78,163,97,1) 0%, rgba(117,175,160,1) 100%); background: -webkit-linear-gradient(left,  rgba(78,163,97,1) 0%,rgba(117,175,160,1) 100%); background: linear-gradient(to right,  rgba(78,163,97,1) 0%,rgba(117,175,160,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea361', endColorstr='#75afa0',GradientType=1 );}
-#subTitle.subBg06 .container:before {content:""; display:block; width:200px; position:absolute; right:0; top:0; bottom:0; background:url("../../img/common/subTitle_ico06.png")no-repeat right center; background-size:auto 90% !important;}
 .hstyList {display:table; width:100%; margin:0 -40px;}
 .hstyList > div {display:table-row; width:100%;}
 .hstyList dl {display:table-cell; width:50%; vertical-align:top; padding:20px 40px;}
 .hstyList dl:after {content:""; display:table; clear:both;}
-.hstyList dl dt {float:left; width:130px; height:50px; line-height:50px; text-align:center; color:#fff; background:#333583; font-size:22pt;}
+.hstyList dl dt {float:left; width:130px; height:50px; line-height:50px; text-align:center; color:#fff; background:#0047a7; font-size:22pt;}
 .hstyList dl dd {float:left; width:100%;}
 .hstyList dl dd ul {border-top:solid 1px #c9c9c9;}
 .hstyList dl dd ul li {border-bottom:solid 1px #c9c9c9; padding:15px;  font-size:12pt; position:relative;}
@@ -2128,7 +1671,7 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 
 /* certificate */
 .cerWrap {width:1200px; margin:0 auto; background:#fff;}
-.cerTitle {background:#31317f; position:relative; padding:0 20px;}
+.cerTitle {background:#0047a7; position:relative; padding:0 20px;}
 .cerTitle h5 {height:70px; line-height:70px; color:#fff; font-size:16pt;}
 .cerTitle a {display:block; height:70px; width:70px; position:absolute; right:0; top:0; text-indent:-9999px; z-index:1; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;}
 .cerCont {background:#fff;}
@@ -2199,988 +1742,801 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;}
 .cer05 h5 {height:117px; margin-top:30px; background:url("../../img/certificate/cer04_img06.png")no-repeat right center;}
 .cer05 p {height:82px; margin-top:30px; background:url("../../img/certificate/cer04_img07.png")no-repeat right center;}
 
-.cerCont.print {padding:70px 50px;}
-.cerCont.print h3 {text-align:center; font-size:30pt; font-weight:400; margin-bottom:80px;}
-.crprtTitle {padding-bottom:30px; font-size:14pt;}
-.crprtList {margin:0 -40px; padding-bottom:100px;}
-.crprtList:after {content:""; display:table; clear:both;}
-.crprtList li {float:left; width:50%; padding:0 40px;}
-.crprtList li dl {}
-.crprtList li dl dt {height:60px; background:#ecf4fb; text-align:center; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
-.crprtList li dl dt span {display:inline-block; height:60px; line-height:60px; padding-left:50px; color:#31317f; font-size:14pt;}
-.crprtList li dl dd {padding-top:20px;}
-.crprtList li dl dd img {display:block; margin:0 auto; max-width:100%;}
-.crprtList li dl dd h6 {font-size:11pt; margin-top:30px; margin-bottom:10px;}
-.crprtList li dl dd p {font-size:11pt;}
+.cerCont.print {padding:70px 50px;}
+.cerCont.print h3 {text-align:center; font-size:30pt; font-weight:400; margin-bottom:80px;}
+.crprtTitle {padding-bottom:30px; font-size:14pt;}
+.crprtList {margin:0 -40px; padding-bottom:100px;}
+.crprtList:after {content:""; display:table; clear:both;}
+.crprtList li {float:left; width:50%; padding:0 40px;}
+.crprtList li dl {}
+.crprtList li dl dt {height:60px; background:#ecf4fb; text-align:center; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
+.crprtList li dl dt span {display:inline-block; height:60px; line-height:60px; padding-left:50px; color:#0047a7; font-size:14pt;}
+.crprtList li dl dd {padding-top:20px;}
+.crprtList li dl dd img {display:block; margin:0 auto; max-width:100%;}
+.crprtList li dl dd h6 {font-size:11pt; margin-top:30px; margin-bottom:10px;}
+.crprtList li dl dd p {font-size:11pt;}
 .crprtList li dl dd p span {color:#ff0000;}
-/* 190811 CSS�߰� */
 
 
 
-/* ȸ������ */
-.jnStep {margin: 0 -8px;}
-.jnStep:after {content: ''; display: table; clear: both;}
-.jnStep li {float: left; width: 33.3333%; padding: 0 8px;}
-.jnStep li > div {
-	height: 60px; padding: 2px;
-	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
-	background: #0047a7;
-	background: -moz-linear-gradient(45deg,  #0047a7 21%, #e8b800 54%);
-	background: -webkit-linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
-	background: linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 );
-}
-.jnStep li > div > div {background: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
-.jnStep li span {display: block; height: 56px; line-height: 56px; text-align: center; color: #0047a7; font-size: 13pt;}
-.jnStep li.current > div {background: #0047a7;}
-.jnStep li.current > div > div {background: #0047a7;}
-.jnStep li.current span {color: #fff;}
-.jnStep li span:before {content: ''; display: inline-block; width: 28px; height: 33px; background-size: cover !important; vertical-align: middle; margin-right: 10px; margin-top: -5px;}
-.jnStep li:nth-child(1) span:before {background: url('../../img/common/join_step01.png')no-repeat center center;}
-.jnStep li:nth-child(2) span:before {background: url('../../img/common/join_step02.png')no-repeat center center;}
-.jnStep li:nth-child(3) span:before {background: url('../../img/common/join_step03.png')no-repeat center center;}
-.jnStep li:nth-child(1).current span:before {background: url('../../img/common/join_step01_on.png')no-repeat center center;}
-.jnStep li:nth-child(2).current span:before {background: url('../../img/common/join_step02_on.png')no-repeat center center;}
-.jnStep li:nth-child(3).current span:before {background: url('../../img/common/join_step03_on.png')no-repeat center center;}
-.jnSel {margin: 0 -30px; padding-top: 50px; text-align:center;}
-.jnSel:after {content: ''; display: table; clear: both;}
-.jnSel > div {/*float: left;*/ width: 33.3333%; padding: 0 30px; display:inline-block;}
-.jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;}
-.jnsCont img {}
-.jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;}
-.jnsCont a {display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; background: #484848; font-size: 12pt;}
-.rstNon {text-align: center; padding: 30px 0;}
-.rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;}
-.rstNon p {color: #666; margin-top: 5px;}
-
-@media (max-width:900px) {	
-	.jnStep {margin: 0 -3px;}
-	.jnStep li {padding: 0 3px;}
-	.jnStep li > div {height: 40px; padding: 2px;}
-	.jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;}
-	.jnStep li span:before {display: none;}
-	.jnSel {margin: 0; padding-top: 30px;}
-	.jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
-	.jnSel > div:last-child {margin-bottom: 0;}
-	.jnsCont {padding: 30px 0;}
-	.jnsCont p {font-size: 12pt; margin: 15px 0;}
-}
-
-
-
-
-
-/* �λ縻 */
-.subTxt {font-size: 13pt; color: #666; line-height: 1.8em;}
-.subTxt.red {color: #f00;}
-.itrRut {margin: -20px;}
-.itrRut:after {content: ''; display: table; clear: both;}
-.itrRut > li {padding: 20px; float: left; width: 50%;}
-.itrRut > li div {}
-.itrRut > li h5 {height: 80px; line-height: 50px; padding: 0 20px; color: #fff; font-size: 13pt; font-weight: 400; text-transform: uppercase; border-radius: 0px 15px 0px 0px; -moz-border-radius: 0px 15px 0px 0px; -webkit-border-radius: 0px 15px 0px 0px;}
-.itrRut > li:nth-child(1) h5 {background: #539cff;}
-.itrRut > li:nth-child(2) h5 {background: #044eb2;}
-.itrRut > li:nth-child(3) h5 {background: #5853ff;}
-.itrRut > li:nth-child(4) h5 {background: #04aab2;}
-.itrRut > li > div > ul {background: #f7f7f7; position: relative; margin-top: -30px; padding: 30px 20px; height: 10em; border-radius: 15px 15px 0px 15px; -moz-border-radius: 15px 15px 0px 15px; -webkit-border-radius: 15px 15px 0px 15px;}
-.itrRut > li > div > ul > li {position: relative; padding-left: 8px; font-size: 12pt; margin-bottom: 6px;}
-.itrRut > li > div > ul > li:last-child {margin-bottom: 0;}
-.itrRut > li > div > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
-
-@media (max-width:900px) {
-	.subTxt {font-size: 11pt; line-height: 1.5em;}
-	.itrRut {margin: 0;}
-	.itrRut > li {padding: 0; float: none; width: 100%; margin-bottom: 20px;}
-	.itrRut > li:last-child {margin-bottom: 0;}
-	.itrRut > li h5 {line-height: 40px; padding: 0 15px; font-size: 12pt;}
-	.itrRut > li > div > ul {margin-top: -40px; padding: 20px 15px; height: auto;}
-	.itrRut > li > div > ul > li {font-size: 11pt; margin-bottom: 5px;}
-}
-
-
-/* ���� */
-.hsty {color: #666; font-size: 12pt; padding-left: 30px; position: relative; line-height: 1.8em;}
-.hsty:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 5px; background-size: 20px auto !important;}
-.hsty01:before {background: url('../../img/common/history_ico01.png')no-repeat center center;}
-.hsty02:before {background: url('../../img/common/history_ico02.png')no-repeat center center;}
-.hsty03:before {background: url('../../img/common/history_ico03.png')no-repeat center center;}
-.hsty04:before {background: url('../../img/common/history_ico04.png')no-repeat center center;}
-.hsty05:before {background: url('../../img/common/history_ico05.png')no-repeat center center;}
-.hsty span {padding-right: 10px; margin-right: 5px; position: relative;}
-.hsty span:after {content: ''; display: block; width: 1px; height: 14px; background: #c6c6c6; position: absolute; right: 0; top: 50%; margin-top: -7px;}
-
-
-
-
-/* ������ */
-.eduCost {border: solid 1px #d6d6d6;}
-.eduCost li {padding: 20px; border-bottom: solid 1px #d6d6d6;}
-.eduCost li:after {content: ''; display: table; clear: both;}
-.eduCost li:last-child {border-bottom: none;}
-.edcLeft {float: left;}
-.edcLeft h4 {color: #238dfa; font-size: 12pt; font-weight: 400;}
-.edcLeft h5 {font-size: 14pt; font-weight: 400;}
-.edcLeft p {font-size: 11pt; color: #888; margin-top: 15px;}
-.edcRht {float: right; text-align: right;}
-.edcRht span.red {color: #f00;}
-.edcTgt {margin-top: 20px; font-size: 12pt;}
-.edcTgt dt {color: #0047a7; font-weight: 500;}
-.edcTgt dd {margin-top: 5px; color: #666;}
-.edcTgt dd span.bk {color: #000;}
-
-@media (max-width:900px) {
-	.eduCost {}
-	.eduCost li {padding: 15px;}
-	.edcLeft {float: none;}
-	.edcLeft h4 {font-size: 11pt;}
-	.edcLeft h5 {font-size: 12pt;}
-	.edcLeft p {font-size: 10pt; margin-top: 5px;}
-	.edcRht {float: none; font-size: 10pt;}
-	.edcTgt {font-size: 11pt;}
-}
-
-
-
-
-.rfnd {padding-left: 80px; position: relative; margin-top: 30px;}
-.rfnd:before {content: ''; display: block; width: 60px; height: 60px; position: absolute; left: 0; top: 0; background-size: 28px auto !important; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
-.rfnd.card:before {background: #0070d5 url('../../img/common/refund_ico01.png')no-repeat center center;}
-.rfnd.bank:before {background: #0070d5 url('../../img/common/refund_ico02.png')no-repeat center center;}
-.rfnd h5 {color: #0047a7; font-size: 12pt; font-weight: 500;}
-.rfnd ul {margin-top: 10px;}
-.rfnd ul li {padding-left: 8px; color: #666; margin-bottom: 5px; position: relative; font-size: 11pt;}
-.rfnd ul li:last-child {margin-bottom: 0;}
-.rfnd ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 10px;}
-
-@media (max-width:900px) {
-	.rfnd {padding-left: 50px;}
-	.rfnd:before {width: 40px; height: 40px; background-size: 20px auto !important;}
-}
-
-
-
-
-.rfndFlw {margin: 0 -10px;}
-.rfndFlw:after {content: ''; display: table; clear: both;}
-.rfndFlw > li {float: left; width: 16.6666%; padding: 0 10px;}
-.rfndFlw > li > div {border: solid 1px #0047a7; overflow: hidden; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px;}
-.rfndFlw > li > div h5 {height: 60px; line-height: 60px; text-align: center; background: #0047a7; color: #fff; font-size: 12pt; font-weight: 500;}
-.rfndFlw > li > div > div {text-align: center; padding: 40px 0;}
-.rfndFlw > li > div h6 {font-size: 13pt; font-weight: 400;}
-.rfndFlw > li > div > div ul {margin-top: 15px; height: 5.0em;}
-.rfndFlw > li > div > div ul li {color: #666; font-size: 11pt;}
-.dotList {}
-.dotList li {margin-bottom: 5px; color: #666; font-size: 12pt; padding-left: 8px; position: relative;}
-.dotList li:last-child {margin-bottom: 0;}
-.dotList li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
-.rfndType {margin: 0 -30px;}
-.rfndType:after {content: ''; display: table; clear: both;}
-.rfndType li {padding: 0 30px; float: left; width: 33.3333%;}
-.rfndType li div {border: solid 2px #e0e0e0; overflow: hidden; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
-.rfndType li h5 {height: 60px; line-height: 60px; background: #f9f9f9; font-size: 13pt; font-weight: 400;}
-.rfndType li p {color: #666; font-size: 12pt; padding: 30px;}
-.dwnBtn {margin: 20px 0;}
-.dwnBtn a {display: inline-block; height: 40px; line-height: 40px; background: #515151; color: #fff; padding-left: 20px; padding-right: 65px; position: relative;}
-.dwnBtn a:after {content: ''; display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; border-left: solid 1px #747474; background: url('../../img/common/ico_down.png')no-repeat center center;}
-.scrTb {}
-.subTable {}
-.subTable th,
-.subTable td {border: solid 1px #d6d6d6; padding: 10px; color: #666; font-size: 11pt; text-align: center;}
-.subTable th {background: #f7f7f7; color: #000; font-weight: 400;}
-
-@media (max-width:900px) {
-	.rfndFlw {margin: 0; padding-top: 5px;}
-	.rfndFlw > li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
-	.rfndFlw > li:last-child {margin-bottom: 0;}
-	.rfndFlw > li > div {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
-	.rfndFlw > li > div h5 {height: 40px; line-height: 40px;  font-size: 11pt;}
-	.rfndFlw > li > div > div {text-align: left; padding: 15px;}
-	.rfndFlw > li > div h6 {font-size: 12pt; font-weight: 500;}
-	.rfndFlw > li > div > div ul {margin-top: 5px; height: auto;}
-	.rfndFlw > li > div > div ul li {font-size: 11pt;}
-	.dotList li {font-size: 11pt;}
-	.rfndType {margin: 0; padding-top: 5px;}
-	.rfndType li {padding: 0; float: none; width: 100%; margin-bottom: 15px;}
-	.rfndType li:last-child {margin-bottom: 0;}
-	.rfndType li h5 {height: 40px; line-height: 40px; font-size: 12pt; }
-	.rfndType li p {font-size: 11pt; padding: 15px;}
-	.dwnBtn a {display: block; font-size: 11pt;}
-	.scrTb {overflow-x: auto;}
-	.scrTb table {width: 1000px;}
-	.subTable th,
-	.subTable td {padding: 5px; font-size: 10pt;}
-}
-
-
-
-
-
-
-/* �����Ұ� */
-.tchCont {margin-top: 30px;}
-.tchCont h4 {height: 60px; line-height: 58px; text-align: center; border: solid 1px #d6d6d6; font-size: 16pt; font-weight: 500;}
-.tchCont h4 span {font-weight: 300; font-size: 13pt;}
-.tchCont > ul:after {content: ''; display: table; clear: both;}
-.tchCont > ul > li {margin-top: 30px; float: left; width: 50%; position: relative; padding-left: 170px;}
-.tchCont > ul > li > h5 {width: 150px; height: 50px; line-height: 50px; text-align: center; background: #f9f9f9; font-size: 12pt; font-weight: 500; position: absolute; left: 0; top: 0;}
-.tchCont > ul > li > ul {min-height: 50px;}
-.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
-.tchCont > ul > li > ul > li:last-child {margin-bottom: 0;}
-.tchCont > ul > li > ul > li:after {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
-
-@media (max-width:900px) {
-	.tchCont {margin-top: 30px;}
-	.tchCont h4 {height: auto; line-height: 1.5em; padding: 10px 0; font-size: 14pt;}
-	.tchCont h4 span {display: block; font-size: 11pt;}
-	.tchCont > ul > li {margin-top: 15px; float: none; width: 100%; padding-left: 0;}
-	.tchCont > ul > li > h5 {width: 100%; height: 30px; line-height: 30px; font-size: 11pt; position: static; margin-bottom: 15px;}
-	.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
-	.tchCont > ul > li > ul > li:last-child {margin-bottom: 0;}
-	.tchCont > ul > li > ul > li:after {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
-}
+/* 190811 CSS추가 */
 
 
 
 
-/* ����Ʈ�˻� */
-.pt0 {
-    padding-top: 0;
+/* 200829 css추가 */
+.apyList {margin-top: 30px;}
+.apyList li {border: solid 1px #d6d6d6; border-bottom: none; padding: 19px;}
+.apyList li:last-child {border-bottom: solid 1px #d6d6d6;}
+.apyWrap {display: table; width: 100%;}
+.apyThumb {display: table-cell; width: 280px; vertical-align: top; position: relative;}
+.apyThumb em {display: block; padding-bottom: 64%; background-size: cover !important;}
+.apyThumb span {position: absolute; left: 0; top: 0; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 10pt;}
+.apyThumb span.blu {background: #1e52bd;}
+.apyThumb span.grn {background: #008b5b;}
+.apyCont {display: table-cell; vertical-align: top; position: relative; padding-right: 200px; padding-left: 30px;}
+.apyCont h6 {display: inline-block; border: solid 1px #4082cc; color: #2b74c7; height: 30px; line-height: 28px; padding: 0 20px; font-size: 11pt; font-weight: 400; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
+.apyCont h5 {color: #222; font-size: 13pt; font-weight: 500; margin-top: 10px;}
+.apyCont dl {margin-top: 15px; color: #474747;}
+.apyCont dl dd {font-size: 11pt; margin-bottom: 3px; position: relative; padding-left: 8px; line-height: 1.4em;}
+.apyCont dl dd:last-child {margin-bottom: 0;}
+.apyCont dl dd:before {content: ''; display: block; width: 2px; height: 2px; background: #474747; position: absolute; left: 0; top: 9px;}
+.apyCont dl dd em {font-weight: 300; font-style: normal;}
+.apyCont dl dd span.red {color: #f00;}
+a.apyBtn {display: block; width: 180px; height: 80px; line-height: 80px; text-align: center; color: #fff; background: #0047a7; position: absolute; right: 0; top: 50%; margin-top: -40px; font-size: 14pt;}
+a.apyMore {display: block; width: 240px; height: 60px; border: solid 1px #d0d0d0; text-align: center; margin: 0 auto; margin-top: 30px;}
+a.apyMore span {display: inline-block; height: 58px; line-height: 58px; padding-right: 30px; color: #666; font-size: 12pt; font-weight: 500; background:url("../../img/common/apply_more.png")no-repeat right center; background-size: 13px auto;}
+
+.apyInfo {border: solid 1px #d6d6d6; background: #fff;}
+.apyiTop {background: #f1f8ff; padding: 25px 20px;}
+.apyiTop:after {content: ''; display: table; clear: both;}
+.apyiTop span {display: inline-block; vertical-align: middle; width: 80px; height: 30px; line-height: 30px; margin-right: 10px; text-align: center; color: #fff; font-size: 11pt;}
+.apyiTop span.blu {background: #1e52bd;}
+.apyiTop span.grn {background: #008b5b;}
+.apyiTop h5 {display: inline; vertical-align: middle; font-size: 14pt; font-weight: 500;}
+.apyiMid {display: table; width: 100%; padding: 25px 20px;}
+.apyiThumb {display: table-cell; vertical-align: middle; width: 230px;}
+.apyiThumb em {display: block; padding-bottom: 64%; background-size: cover !important;}
+.apyiTxt {display: table-cell; vertical-align: middle; padding-left: 20px;}
+.apyiTxt dl {}
+.apyiTxt dl dd {font-size: 12pt; position: relative; padding-left: 8px; line-height: 1.4em; margin-bottom: 10px;}
+.apyiTxt dl dd:last-child {margin-bottom: 0;}
+.apyiTxt dl dd:before {content: ''; display: block; width: 2px; height: 2px; background: #474747; position: absolute; left: 0; top: 9px;}
+.apyiTxt dl dd span.blu {color: #2b74c7;}
+.apyiTxt dl dd span.red {color: #f00;}
+.apyiTxt dl dd em {display: inline-block; width: 1px; height: 14px; background: #dadada; margin: 0 10px;}
+.apyiBot {background: #f9f9f9; padding: 10px 0;}
+.apyiBot a {display: block; width: 100px; height: 40px; line-height: 40px; margin: 0 auto; background: #0047a7; color: #fff; text-align: center;}
+.apydTitle {position: relative; padding-left: 20px; color: #000; font-size: 13pt; font-weight: 400; margin-top: 60px;}
+.apydTitle:before {content: ''; display: block; width: 16px; height: 16px; border: solid 4px #000; position: absolute; left: 0; top: 50%; margin-top: -8px; box-sizing: border-box; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
+.apydTxt {padding-left: 20px; margin-top: 10px; color: #666; font-weight: 300; font-size: 12pt; line-height: 1.6em;}
+.apydTable {border-left: solid 2px #fff; border-right: solid 2px #fff; margin-top: 20px;}
+.apydTable th,
+.apydTable td {border: solid 1px #d6d6d6; padding: 20px;}
+.apydTable th {background: #f9f9f9; font-weight: 400; width: 80px;}
+.apydTable td span {display: inline-block; width: 40px; height: 20px; line-height: 20px; color: #fff; background: #0047a7; margin-right: 10px; text-align: center;}
+.apypTitle {margin-bottom: 10px; font-size: 13pt; font-weight: 400;}
+.apypScr {border: solid 1px #d6d6d6; padding: 30px; height: 400px; overflow-y: auto;}
+.apypScr h5 {font-size: 13pt; font-weight: 500; line-height: 1.8em;}
+.apypScr h6 {font-size: 12pt; font-weight: 500; line-height: 1.8em;}
+.apypScr p {font-size: 11pt; color: #666; line-height: 1.8em;}
+.apydTable.scss th,
+.apydTable.scss td span {height: 30px; line-height: 30px; width: auto; padding: 0 20px;}
+.apydTable.scss td span.blu {background: #1e52bd;}
+.apydTable.scss td span.grn {background: #008b5b;}
+.apydTable.scss th {width: 200px;}
+.apydTable.scss td em {display: inline-block; width: 1px; height: 14px; background: #bbb; margin: 0 10px;}
+.apyDesc {margin-top: 20px; color: #474747; line-height: 1.8em;}
+.apyLnk {text-align: center; margin-top: 30px;}
+.apyLnk a {display: inline-block; width: 200px; height: 60px; line-height: 60px; color: #fff; background: #0047a7; font-size: 13pt; font-weight: 500;}
+.schrChk {margin-top: 30px; margin-bottom: -10px;}
+.schrChk:after {content: ''; display: table; clear: both;}
+.schrChk li {float: left; margin-right: 25px;}
+.schrChk li:last-child {margin-right: 0px;}
+.rcmTop {position: relative; padding-right: 110px; padding-left: 190px;}
+.rcmTop h5 {width: 170px; height: 60px; line-height: 60px; background: #303030; color: #fff; position: absolute; left: 0; top: 50%; margin-top: -30px; text-align: center; font-size: 12pt; font-weight: 300; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;}
+.rcmTop p {color: #666; font-size: 12pt; padding: 25px 0;}
+.rcmTop a {display: block; width: 110px; height: 50px; line-height: 48px; border: solid 1px #303030; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -25px;}
+
+@media (max-width:900px) {	
+	.apyList {margin-top: 30px;}
+	.apyList li {border: solid 1px #d6d6d6; border-bottom: solid 1px #d6d6d6; margin-bottom: 15px; padding: 10px;}
+	.apyWrap {display: block;}
+	.apyThumb {display: block; width: 100%;}
+	.apyCont {display: block; width: 100%; padding-right: 0; padding-left: 0; padding-top: 15px;}
+	.apyCont h6 {padding: 0 15px; font-size: 10pt;}
+	.apyCont h5 {font-size: 12pt;}
+	.apyCont dl {margin-top: 10px;}
+	.apyCont dl dd {font-size: 10pt;}
+	a.apyBtn {width: 100%; height: 50px; line-height: 50px; position: static; margin-top: 15px; font-size: 12pt;}
+	a.apyMore {width: 180px; height: 50px;}
+	a.apyMore span {height: 48px; line-height: 48px; padding-right: 24px; font-size: 11pt;}
+	.apyiTop {padding: 10px;}
+	.apyiTop span {width: 60px; height: 26px; line-height: 26px; margin-right: 5px; font-size: 10pt;}
+	.apyiTop h5 {font-size: 12pt;}
+	.apyiMid {display: block; width: 100%; padding: 10px;}
+	.apyiThumb {display: block; width: 100%;}
+	.apyiTxt {display: block; padding-left: 0;}
+	.apyiTxt dl {margin-top: 15px;}
+	.apyiTxt dl dd {font-size: 11pt; margin-bottom: 5px;}
+	.apyiTxt dl dd em {margin: 0 5px;}
+	.apydTitle {font-size: 12pt; margin-top: 30px;}
+	.apydTitle:before {width: 14px; height: 14px; border: solid 3px #000; margin-top: -7px;}
+	.apydTxt {margin-top: 5px; font-size: 11pt;}
+	.apydTable {margin-top: 10px;}
+	.apydTable th,
+	.apydTable td {padding: 10px; font-size: 10pt;}
+	.apydTable th {width: 40px;}
+	.apydTable td span {width: 30px; margin-right: 5px; font-size: 9pt;}
+	.apypTitle {font-size: 12pt;}
+	.apypScr {padding: 15px; height: 240px;}
+	.apypScr h5 {font-size: 12pt;}
+	.apypScr h6 {font-size: 11pt;}
+	.apypScr p {font-size: 10pt;}
+	.apydTable.scss th,
+	.apydTable.scss td span {height: 24px; line-height: 24px; padding: 0 10px;}
+	.apydTable.scss th {width: 80px;}
+	.apyDesc {margin-top: 10px; font-size: 11pt; line-height: 1.6em;}
+	.apyLnk a {width: 160px; height: 50px; line-height: 50px; font-size: 12pt;}
+	.schrChk {margin-top: 20px; margin-bottom: -20px;}
+	.schrChk li {float: left; margin-right: 15px;}
+	.rcmTop {padding-right: 0; padding-left: 0;}
+	.rcmTop h5 {width: 100px; height: 30px; line-height: 30px; position: static; margin-top: 0; font-size: 11pt; font-weight: 300;}
+	.rcmTop p {font-size: 11pt; padding: 0; margin-top: 10px;}
+	.rcmTop a {width: 80px; height: 40px; line-height: 38px; top: 0; margin-top: 0;}
 }
 
-.mt15 {
-    margin-top: 15px;
+
+.txtDot {}
+.txtDot li {margin-bottom: 5px; font-size: 11pt; color: #6b6b6b; position: relative; padding-left: 8px;}
+.txtDot li:last-child {margin-bottom: 0;}
+.txtDot li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 9px;}
+.edTable {margin-top: 20px; border-right: solid 2px #fff; border-left: solid 2px #fff; border-top: solid 2px #d6d6d6;}
+.edTable th,
+.edTable td {border: solid 1px #d6d6d6; padding: 20px; font-size: 12pt; font-weight: 400;}
+.edTable th {background: #fafafa;}
+.edOln {padding-top: 40px;}
+.edOln img {display: block; max-width: 100%; margin: 0 auto;}
+
+@media (max-width:900px) {	
+	.txtDot.mt20 {margin-top: 0;}
+	.edTable {margin-top: 20px; border-right: solid 2px #fff; border-left: solid 2px #fff; border-top: solid 2px #d6d6d6;}
+	.edTable th,
+	.edTable td {padding: 10px; font-size: 11pt;}
+	.edTable td .txtDot li {font-size: 11pt;}
+	.edOln {padding-top: 20px;}
+	.edOln img {display: block; max-width: 100%; margin: 0 auto;}
 }
 
-.mt20 {
-    margin-top: 20px;
+
+
+.jnItro {padding-left: 420px; position: relative; padding-top: 80px; margin-bottom: 200px;}
+.jnItro:before {content: ''; display: block; width: 380px; height: 430px; position: absolute; left: 0; top: 50%; margin-top: -215px; background: url('../../img/mypage/join_intro.png')no-repeat center center;}
+.jnItro h5 {color: #0047a7; font-size: 26pt; letter-spacing: -0.075em; font-weight: 500; line-height: 1.2em;}
+.jnItro p {color: #666; font-size: 12pt; line-height: 1.8em; margin-top: 30px;}
+.jnItro a {display: block; width: 500px; height: 60px; line-height: 60px; text-align: center; color: #fff; background: #0047a7; font-size: 13pt; margin-top: 60px;}
+.privacy h4 {font-size: 12pt; font-weight: 500; color: #000;}
+.privacy h5 {font-size: 12pt; font-weight: 500; color: #0047a7; margin-top: 30px;}
+.privacy p {color: #666; font-size: 11pt; margin-top: 10px; line-height: 1.8em;}
+.privacy p a {color: #0047a7; font-weight: 500;}
+
+
+
+
+@media (max-width:900px) {	
+	.jnItro {padding-left: 0; position: relative; padding-top: 0; margin-bottom: 0;}
+	.jnItro:before {width: 100%; height: auto; padding-bottom: 65%; position: static; margin-top: 0; background-size: 50% auto;}
+	.jnItro h5 {font-size: 16pt; text-align: center; margin-top: 20px;}
+	.jnItro p {font-size: 11pt;  margin-top: 15px;}
+	.jnItro a {width: 100%; height: 50px; line-height: 50px; font-size: 12pt; margin-top: 30px;}
+	.privacy h4 {font-size: 11pt;}
+	.privacy h5 {font-size: 11pt;}
+	.privacy p {font-size: 10pt;}
+
 }
 
-.mb20 {
-    margin-bottom: 20px;
+
+.schCont li {    float: left; width: 20%;padding-right: 10px;}
+
+/* 스마트검색 */
+.pt0 {padding-top: 0;}
+.mt15 {margin-top: 15px;}
+.mt20 {margin-top: 20px;}
+.mb20 {margin-bottom: 20px;}	
+.schBox {background: #f3f3f3; padding: 30px 20px;}
+.schTab {text-align: center;}
+.schTab:after {content: ''; display: table; clear: both;}
+.schTab li {display: inline-block; margin: 0 35px; position: relative; padding-bottom: 10px;}
+.schTab li a {font-size: 12pt;}
+.schTab li.current a {color: #0047a7;}
+.schTab li.current:after {content: ''; display: block; height: 2px; position: absolute; left: 0; right: 0; bottom: 0; background: #0047a7;}
+.schCont {position: relative; padding-right: 50px; margin-top: 20px;}
+.schCont:after {content: ''; display: table; clear: both;}
+.schCont li {float: left; width: 25%; padding-right: 10px;}
+.schCont li select {display: block; width: 100%;}
+.schCont li:last-child {width: 50px; position: absolute; right: 0; top: 0; padding-right: 0;}
+.schCont li:last-child a,
+.schCont li:last-child button,
+.schCont li:last-child input[type="submit"] {display:block; width:50px; height:50px; position:absolute; right:0; top:0; border:none; text-indent:-9999px; background:#3a3a3a url("../../img/online/search_ico.png")no-repeat center center; background-size:50px auto;}
+.subDsc {font-size: 11pt; color: #666;}
+.subDsc.bk {color: #000;}
+span.lg {font-size: 14pt;}
+span.org {color: #ff5a00;}
+.smtLnk {margin-top: 20px;}
+.smtLnk:after {content: ''; display: table; clear: both;}
+.smtLnk li {float: left; margin-right: 10px;}
+.smtLnk li:last-child {margin-right: 0;}
+.smtLnk li a {display: block; height: 40px; line-height: 38px; border: solid 1px #232323; padding: 0 25px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+.smtLnk li a:after {content: ''; display: inline-block; margin-left: 15px;  width: 6px; height: 11px; background: url('../../img/common/link_arrow.png')no-repeat center center; background-size: 6px auto;}
+.smtList {margin-top: 50px;}
+.smtList.pop {margin-top: 0;}
+.smtList > li {border: solid 1px #d6d6d6; margin-bottom: 20px;}
+.smtList > li:last-child {margin-bottom: 0;}
+.smtlCont {position: relative; padding: 30px 20px; padding-right: 240px;}
+.smtList.pop .smtlCont {padding-right: 20px;}
+.smtlCont h5 {font-size: 13pt; font-weight: 400;}
+.smtlCont h5 em {display: inline-block; vertical-align: middle; padding: 0 5px; width: 50px; height: 20px; line-height: 20px; color: #fff; font-size: 9pt; text-align: center; margin-right: 5px; font-style: normal;}
+.smtlCont h5 em.org {background: #f60;}
+.smtlCont h5 em.grn {background: #259e41;}
+.smtlCont h5 span {vertical-align: middle;}
+.smtlCont p {margin-top: 10px; color: #888; position: relative; padding-left: 8px;}
+.smtlCont p:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 10px;}
+.smtlCont p span.sky {color: #238dfa;}
+.smtlCont .gry {background: #f9f9f9; padding: 20px 20px; margin: 20px -20px -30px;}
+.smtlCont .gry p {margin-top: 5px;}
+.smtlBtn {position: absolute; right: 20px; top: 50%; margin-top: -25px;}
+.smtlBtn:after {content: ''; display: table; clear: both;}
+.smtlBtn li {float: left; margin-right: 10px;}
+.smtlBtn li:last-child {margin-right: 0;}
+.smtlBtn li a {display: block; height: 50px; line-height: 48px; text-align: center; font-weight: 500; width: 100px;}
+.smtlBtn li a.smtlBtn01 {border: solid 1px #0047a7; color: #0047a7;}
+.smtlBtn li a.smtlBtn02 {border: solid 1px #383838; background: #383838; color: #fff;}
+.smtlTab {background: #f9f9f9; padding: 30px 20px;}
+.smtlTab:after {content: ''; display: table; clear: both;}
+.smtlTab li {float: left; position: relative; margin-right: 15px; padding-right: 15px;}
+.smtlTab li:last-child {padding-right: 0; margin-right: 0;}
+.smtlTab li:after {content: ''; display: block; width: 1px; height: 14px; background: #e0e0e0; position: absolute; right: 0; top: 50%; margin-top: -7px;}
+.smtlTab li:last-child:after {display: none;}
+.smtlTab li a {display: block;}
+.smtlTab li.current a {color: #0047a7;}
+.smtlChk {padding:  0 20px;}
+.smtlChk > li {padding: 30px 0; border-bottom: solid 1px #eaeaea; position: relative; padding-left: 30px; padding-right: 140px;}
+.smtlChk > li:last-child {border-bottom: none;}
+.smtlChk > li input[type="checkbox"] {position: absolute; left: 0; top: 50%; margin-top: -9px;}
+.smtlChk > li > p {}
+.smtlChk > li > p span {}
+.smtlChk > li > p span.blu {color: #0047a7;}
+.smtlChk > li > p span.gry {color: #666;}
+.smtlChk > li > p span.red {color: #f00;}
+.smtlChkBtn {display: block; width: 120px; height: 50px; line-height: 48px; text-align: center; position: absolute; right: 0; top: 50%; margin-top: -25px;}
+.smtlChkBtn.smtlChk01 {border: solid 1px #0047a7; color: #0047a7;}
+.smtlChkBtn.smtlChk02 {border: solid 1px #383838; color: #383838;}
+.smtlChkBtn.smtlChk03 {border: solid 1px #0047a7; background: #0047a7; color: #fff;}
+.smtlChkBtn.smtlChk04 {border: solid 1px #f4f4f4; background: #f4f4f4; color: #929292;}
+
+
+@media (max-width:900px) {	
+	.schBox {padding: 10px;}
+	.schTab {margin-top: -5px; margin-bottom: -5px;}
+	.schTab li {margin: 5px 15px; padding-bottom: 5px;}
+	.schTab li a {font-size: 10pt;}
+	.schCont {padding-right: 0; margin-top: 10px;}
+	.schCont li {float: none; width: 100%; padding-right: 0; margin-bottom: 5px;}
+	.schCont li select {height: 40px;}
+	.schCont li:last-child {width: 100%; position: static; margin-bottom: 0;}
+	.schCont li:last-child a,
+	.schCont li:last-child button,
+	.schCont li:last-child input[type="submit"] {width:100%; height:40px; line-height:40px; position:static; text-indent: 0; color: #fff; text-align: center; background: #3a3a3a;}
+	.subDsc {font-size: 10pt;}
+	.smtLnk {margin-top: 20px;}
+	.smtLnk li {float: none; margin-right: 0; text-align: center; margin-bottom: 5px;}
+	.smtLnk li:last-child {margin-bottom: 0;}
+	.smtList {margin-top: 30px;}
+	.smtList > li {margin-bottom: 10px;}
+	.smtlCont {padding: 20px 10px; padding-right: 10px;}
+	.smtList.pop .smtlCont {padding-right: 10px;}
+	.smtlCont .gry {padding: 10px 10px; margin: 10px -10px -20px;}
+	.smtlBtn {position: static; right: 0; top: 0; margin-top: 10px; margin-left: -5px; margin-right: -5px; width: auto;}
+	.smtlBtn li {float: left; width: 50%; margin-right: 0; padding: 0 5px;}
+	.smtlBtn li a {height: 40px; line-height: 38px; width: 100%;}
+	.smtlTab {padding: 20px 10px; text-align: center;}
+	.smtlTab li {margin-right: 10px; padding-right: 10px; display: inline-block; float: none;}
+	.smtlTab li:after {height: 10px; margin-top: -5px;}
+	.smtlTab li a {font-size: 10pt;}
+	.smtlChk {padding:  0 10px;}
+	.smtlChk > li {padding: 20px 0; padding-right: 0;}
+	.smtlChk > li input[type="checkbox"] {position: absolute; left: 0; top: 20px; margin-top: 3px;}
+	.smtlChk > li > p {padding-left: 30px;}
+	.smtlChkBtn {width: 100%; height: 40px; line-height: 38px; text-align: center; position: static; margin-top: 10px;}
 }
 
-.schBox {
-    background: #f3f3f3;
-    padding: 30px 20px;
+
+
+
+/* 교육비결제 */
+.apyBox {border: solid 1px #d6d6d6;}
+.apyBox dt {padding: 20px;}
+.apyBox dt h5 {color: #111; font-size: 12pt; font-weight: 500;}
+.apyBox dt h5 span.blu {color: #0047a7;}
+.apyBox dt p {color: #666; font-size: 11pt; margin-top: 15px;}
+.apyBox dd {padding: 20px; background: #f9f9f9; font-size: 13pt;}
+.apyBox dd span.red {color: #f00; font-weight: 500;}
+.apyBox dd span.bk {color: #000; font-weight: 500;}
+.apyRdo {border: solid 1px #d6d6d6; padding: 20px;}
+.apyRdo:after {content: ''; display: table; clear: both;}
+.apyRdo > li {display: inline-block; vertical-align: middle; margin-right: 40px;}
+.apyRdo > li:last-child {margin-right: 0;}
+.apyPh {display: inline-block; vertical-align: middle; width: 370px;}
+.apyPh:after {content: ''; display: table; clear: both;}
+.apyPh li {float: left;}
+.apyPh li:nth-child(even) {width: 5%; height: 40px; line-height: 40px; text-align: center;}
+.apyPh li:nth-child(odd) {width: 30%;}
+.apyPh select,
+.apyPh input {display: block; width: 100%; height: 40px; min-width:100%;}
+.apyScs {text-align: center; padding: 60px 0;}
+.apyScs h5 {font-size: 24pt; font-weight: 500; line-height: 1.2em;}
+.apyScs h6 {font-size: 20pt; font-weight: 500; line-height: 2.0em; margin-bottom: 40px;}
+.apyScs h6 span {color: #0047a7;}
+.apyScs p {font-size: 12pt; color: #666; margin-top: 5px;}
+.apyCost {background: #f9f9f9; padding: 20px; font-size: 12pt;}
+.apyCost span.red {color: #f00; font-size: 14pt; font-weight: 500;}
+.apyIpt {height: 40px; width: 420px;}
+.apyAddr {margin: -5px; width: 680px; position: relative; padding-right: 125px;}
+.apyAddr:after {content: ''; display: table; clear: both;}
+.apyAddr li {float: left; padding: 5px;}
+.apyAddr li:nth-child(1) {width: 30%; padding-bottom: 10px;}
+.apyAddr li:nth-child(2) {width: 70%; padding-bottom: 10px;}
+.apyAddr li:nth-child(3) {float: none; margin-right: -130px;}
+.apyAddr li:nth-child(4) {padding: 0;}
+.apyAddr li:nth-child(4) a {display: block; height: 40px; line-height: 40px; text-align: center; background: #878787; color: #fff; width: 120px; position: absolute; right: 0; top: 5px;}
+.usrNum {width: 420px;}
+.usrNum:after {content: ''; display: table; clear: both;}
+.usrNum li {float: left; width: 48%;}
+.usrNum li input[tyep="tel"] {display: block; width: 100%;}
+.usrNum li:nth-child(2) {width: 4%; text-align: center; height: 40px; line-height: 40px;}
+.usrPhn {width: 420px;}
+.usrPhn:after {content: ''; display: table; clear: both;}
+.usrPhn li {float: left;}
+.usrPhn li:nth-child(odd) {width: 30%;}
+.usrPhn li:nth-child(even) {width: 5%; text-align: center; height: 40px; line-height: 40px;}
+.usrPhn li select,
+.usrPhn li input[tyep="tel"] {display: block; width: 100%;}
+
+@media (max-width:900px) {	
+	.apyBox dt {padding: 15px;}
+	.apyBox dt p {font-size: 10pt; margin-top: 10px;}
+	.apyBox dd {padding: 15px; font-size: 11pt;}
+	.apyBox dd span.red {font-size: 12pt;}
+	.apyRdo {padding: 15px;}
+	.apyRdo > li {margin-right: 20px;}
+	.apyPh {width: 80%;margin-top: 5px;}
+	.apyPh:after {content: ''; display: table; clear: both;}
+	.apyPh li {float: left;}
+	.apyPh li:nth-child(even) {width: 5%; height: 40px; line-height: 40px; text-align: center;}
+	.apyPh li:nth-child(odd) {width: 30%;}
+	.apyPh select,
+	.apyPh input {display: block; width: 100%; height: 40px; min-width:100%;}
+	.apyScs {padding-top: 60px; padding-bottom: 20px;}
+	.apyScs h5 {font-size: 16pt;}
+	.apyScs h6 {font-size: 18pt; margin-bottom: 20px;}
+	.apyScs p {font-size: 11pt;}
+	.apyIpt {width: 100%;}
+	.apyAddr {margin: 0; width: auto; padding-right: 0;}
+	.apyAddr li {float: none; padding: 0;}
+	.apyAddr li:nth-child(1) {width: 100%; padding-bottom: 5px; padding-right: 95px;}
+	.apyAddr li:nth-child(2) {width: 100%; padding-bottom: 5px;}
+	.apyAddr li:nth-child(3) {width: 100%; padding-bottom: 0; margin-right: 0;}
+	.apyAddr li:nth-child(4) {padding: 0;}
+	.apyAddr li:nth-child(4) a {width: 90px; font-size: 10pt; top: 0;}
+	.usrNum {width: 100%;}
+	.usrPhn {width: 100%;}
 }
 
-.schTab {
-    text-align: center;
+
+
+
+/* 교육일정 */
+.schList {}
+.schList li {padding: 20px 0; border-bottom: solid 1px #eaeaea; position: relative; display: table; width: 100%;}
+.schList li:last-child {border-bottom: none;}
+.schList li h4 {display: table-cell; vertical-align: middle; width: 120px; text-align: center; font-weight: 400; font-size: 12pt;}
+.schList li > div {display: table-cell; vertical-align: middle;}
+.schList li h6 {font-size: 12pt; font-weight: 400;}
+.schList li h6 span.blu {color: #0047a7;}
+.schList li p {color: #666; font-size: 11pt; margin-top: 5px;}
+.schList.dim li h4 {color: #888;}
+.schList.dim li h6 {color: #888;}
+.schList.dim li h6 span.blu {color: #888;}
+.schList.dim li p {color: #888;}
+
+@media (max-width:900px) {	
+	.schList {}
+	.schList li {display: block; padding: 20px 0;}
+	.schList li h4 {display: block; width: 100%; font-size: 13pt; font-weight: 400;}
+	.schList li > div {display: block; margin-top: 15px;}
+	.schList li h6 {font-size: 12pt; font-weight: 500;}
+	.schList li p {font-size: 11pt; margin-top: 5px;}
 }
 
-    .schTab:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
 
-    .schTab li {
-        display: inline-block;
-        margin: 0 35px;
-        position: relative;
-        padding-bottom: 10px;
-    }
 
-        .schTab li a {
-            font-size: 12pt;
-        }
 
-        .schTab li.current a {
-            color: #0047a7;
-        }
+/* 회원가입 */
+.jnStep {margin: 0 -8px;}
+.jnStep:after {content: ''; display: table; clear: both;}
+.jnStep li {float: left; width: 33.3333%; padding: 0 8px;}
+.jnStep li > div {
+	height: 60px; padding: 2px;
+	border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;
+	background: #0047a7;
+	background: -moz-linear-gradient(45deg,  #0047a7 21%, #e8b800 54%);
+	background: -webkit-linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
+	background: linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 );
+}
+.jnStep li > div > div {background: #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
+.jnStep li span {display: block; height: 56px; line-height: 56px; text-align: center; color: #0047a7; font-size: 13pt;}
+.jnStep li.current > div {background: #0047a7;}
+.jnStep li.current > div > div {background: #0047a7;}
+.jnStep li.current span {color: #fff;}
+.jnStep li span:before {content: ''; display: inline-block; width: 28px; height: 33px; background-size: cover !important; vertical-align: middle; margin-right: 10px; margin-top: -5px;}
+.jnStep li:nth-child(1) span:before {background: url('../../img/common/join_step01.png')no-repeat center center;}
+.jnStep li:nth-child(2) span:before {background: url('../../img/common/join_step02.png')no-repeat center center;}
+.jnStep li:nth-child(3) span:before {background: url('../../img/common/join_step03.png')no-repeat center center;}
+.jnStep li:nth-child(1).current span:before {background: url('../../img/common/join_step01_on.png')no-repeat center center;}
+.jnStep li:nth-child(2).current span:before {background: url('../../img/common/join_step02_on.png')no-repeat center center;}
+.jnStep li:nth-child(3).current span:before {background: url('../../img/common/join_step03_on.png')no-repeat center center;}
+.jnSel {margin: 0 -30px; padding-top: 50px;}
+.jnSel:after {content: ''; display: table; clear: both;}
+.jnSel > div {float: left; width: 33.3333%; padding: 0 30px;}
+.jnsCont {background: #f8f8f8; border: solid 1px #e1e1e1; text-align: center; padding: 50px 0;}
+.jnsCont img {}
+.jnsCont p {font-size: 14pt; font-weight: 500; margin: 20px 0;}
+.jnsCont a {display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #fff; background: #484848; font-size: 12pt;}
+.rstNon {text-align: center; padding: 30px 0;}
+.rstNon h6 {color: #0047a7; font-size: 13pt; font-weight: 400;}
+.rstNon p {color: #666; margin-top: 5px;}
 
-        .schTab li.current:after {
-            content: '';
-            display: block;
-            height: 2px;
-            position: absolute;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: #0047a7;
-        }
-
-.schCont {
-    position: relative;
-    padding-right: 50px;
-    margin-top: 20px;
+@media (max-width:900px) {	
+	.jnStep {margin: 0 -3px;}
+	.jnStep li {padding: 0 3px;}
+	.jnStep li > div {height: 40px; padding: 2px;}
+	.jnStep li span {height: 36px; line-height: 36px; font-size: 10pt;}
+	.jnStep li span:before {display: none;}
+	.jnSel {margin: 0; padding-top: 30px;}
+	.jnSel > div {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
+	.jnSel > div:last-child {margin-bottom: 0;}
+	.jnsCont {padding: 30px 0;}
+	.jnsCont p {font-size: 12pt; margin: 15px 0;}
 }
 
-    .schCont:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
 
-    .schCont li {
-        float: left;
-        width: 20%;
-        padding-right: 10px;
-    }
 
-        .schCont li select {
-            display: block;
-            width: 100%;
-        }
 
-        .schCont li:last-child {
-            width: 50px;
-            position: absolute;
-            right: 0;
-            top: 0;
-            padding-right: 0;
-        }
-
-            .schCont li:last-child a,
-            .schCont li:last-child button,
-            .schCont li:last-child input[type="submit"] {
-                display: block;
-                width: 50px;
-                height: 50px;
-                position: absolute;
-                right: 0;
-                top: 0;
-                border: none;
-                text-indent: -9999px;
-                background: #3a3a3a url("../../img/online/search_ico.png")no-repeat center center;
-                background-size: 50px auto;
-            }
-
-.subDsc {
-    font-size: 11pt;
-    color: #666;
-}
-
-    .subDsc.bk {
-        color: #000;
-    }
-
-span.lg {
-    font-size: 14pt;
-}
-
-span.org {
-    color: #ff5a00;
-}
-
-.smtLnk {
-    margin-top: 20px;
-}
-
-    .smtLnk:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-
-    .smtLnk li {
-        float: left;
-        margin-right: 10px;
-    }
-
-        .smtLnk li:last-child {
-            margin-right: 0;
-        }
-
-        .smtLnk li a {
-            display: block;
-            height: 40px;
-            line-height: 38px;
-            border: solid 1px #232323;
-            padding: 0 25px;
-            border-radius: 20px;
-            -moz-border-radius: 20px;
-            -webkit-border-radius: 20px;
-        }
-
-            .smtLnk li a:after {
-                content: '';
-                display: inline-block;
-                margin-left: 15px;
-                width: 6px;
-                height: 11px;
-                background: url('../../img/common/link_arrow.png')no-repeat center center;
-                background-size: 6px auto;
-            }
-
-.smtList {
-    margin-top: 50px;
-}
-
-    .smtList.pop {
-        margin-top: 0;
-    }
-
-    .smtList > li {
-        border: solid 1px #d6d6d6;
-        margin-bottom: 20px;
-    }
-
-        .smtList > li:last-child {
-            margin-bottom: 0;
-        }
-
-.smtlCont {
-    position: relative;
-    padding: 30px 20px;
-    padding-right: 240px;
-}
-
-.smtList.pop .smtlCont {
-    padding-right: 20px;
-}
-
-.smtlCont h5 {
-    font-size: 13pt;
-    font-weight: 400;
-}
-
-    .smtlCont h5 em {
-        display: inline-block;
-        vertical-align: middle;
-        padding: 0 5px;
-        width: 50px;
-        height: 20px;
-        line-height: 20px;
-        color: #fff;
-        font-size: 9pt;
-        text-align: center;
-        margin-right: 5px;
-        font-style: normal;
-    }
-
-        .smtlCont h5 em.org {
-            background: #f60;
-        }
-
-        .smtlCont h5 em.grn {
-            background: #259e41;
-        }
-
-    .smtlCont h5 span {
-        vertical-align: middle;
-    }
-
-.smtlCont p {
-    margin-top: 10px;
-    color: #888;
-    position: relative;
-    padding-left: 8px;
-}
-
-    .smtlCont p:before {
-        content: '';
-        display: block;
-        width: 2px;
-        height: 2px;
-        background: #888;
-        position: absolute;
-        left: 0;
-        top: 10px;
-    }
-
-    .smtlCont p span.sky {
-        color: #238dfa;
-    }
-
-.smtlCont .gry {
-    background: #f9f9f9;
-    padding: 20px 20px;
-    margin: 20px -20px -30px;
-}
-
-    .smtlCont .gry p {
-        margin-top: 5px;
-    }
-
-.smtlBtn {
-    position: absolute;
-    right: 20px;
-    top: 50%;
-    margin-top: -25px;
-}
-
-    .smtlBtn:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-
-    .smtlBtn li {
-        float: left;
-        margin-right: 10px;
-    }
-
-        .smtlBtn li:last-child {
-            margin-right: 0;
-        }
-
-        .smtlBtn li a {
-            display: block;
-            height: 50px;
-            line-height: 48px;
-            text-align: center;
-            font-weight: 500;
-            width: 100px;
-        }
-
-            .smtlBtn li a.smtlBtn01 {
-                border: solid 1px #0047a7;
-                color: #0047a7;
-            }
-
-            .smtlBtn li a.smtlBtn02 {
-                border: solid 1px #383838;
-                background: #383838;
-                color: #fff;
-            }
-
-.smtlTab {
-    background: #f9f9f9;
-    padding: 30px 20px;
-}
-
-    .smtlTab:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-
-    .smtlTab li {
-        float: left;
-        position: relative;
-        margin-right: 15px;
-        padding-right: 15px;
-    }
-
-        .smtlTab li:last-child {
-            padding-right: 0;
-            margin-right: 0;
-        }
-
-        .smtlTab li:after {
-            content: '';
-            display: block;
-            width: 1px;
-            height: 14px;
-            background: #e0e0e0;
-            position: absolute;
-            right: 0;
-            top: 50%;
-            margin-top: -7px;
-        }
-
-        .smtlTab li:last-child:after {
-            display: none;
-        }
-
-        .smtlTab li a {
-            display: block;
-        }
-
-        .smtlTab li.current a {
-            color: #0047a7;
-        }
-
-.smtlChk {
-    padding: 0 20px;
-}
-
-    .smtlChk > li {
-        padding: 30px 0;
-        border-bottom: solid 1px #eaeaea;
-        position: relative;
-        padding-left: 30px;
-        padding-right: 140px;
-    }
-
-        .smtlChk > li:last-child {
-            border-bottom: none;
-        }
-
-        .smtlChk > li input[type="checkbox"] {
-            position: absolute;
-            left: 0;
-            top: 50%;
-            margin-top: -9px;
-        }
-
-        .smtlChk > li > p {
-        }
-
-            .smtlChk > li > p span {
-            }
-
-                .smtlChk > li > p span.blu {
-                    color: #0047a7;
-                }
-
-                .smtlChk > li > p span.gry {
-                    color: #666;
-                }
-
-                .smtlChk > li > p span.red {
-                    color: #f00;
-                }
-
-.smtlChkBtn {
-    display: block;
-    width: 120px;
-    height: 50px;
-    line-height: 48px;
-    text-align: center;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    margin-top: -25px;
-}
-
-    .smtlChkBtn.smtlChk01 {
-        border: solid 1px #0047a7;
-        color: #0047a7;
-    }
-
-    .smtlChkBtn.smtlChk02 {
-        border: solid 1px #383838;
-        color: #383838;
-    }
-
-    .smtlChkBtn.smtlChk03 {
-        border: solid 1px #0047a7;
-        background: #0047a7;
-        color: #fff;
-    }
-
-    .smtlChkBtn.smtlChk04 {
-        border: solid 1px #f4f4f4;
-        background: #f4f4f4;
-        color: #929292;
-    }
 
+/* 인사말 */
+.subTxt {font-size: 13pt; color: #666; line-height: 1.8em;}
+.subTxt.red {color: #f00;}
+.itrRut {margin: -20px;}
+.itrRut:after {content: ''; display: table; clear: both;}
+.itrRut > li {padding: 20px; float: left; width: 50%;}
+.itrRut > li div {}
+.itrRut > li h5 {height: 80px; line-height: 50px; padding: 0 20px; color: #fff; font-size: 13pt; font-weight: 400; text-transform: uppercase; border-radius: 0px 15px 0px 0px; -moz-border-radius: 0px 15px 0px 0px; -webkit-border-radius: 0px 15px 0px 0px;}
+.itrRut > li:nth-child(1) h5 {background: #539cff;}
+.itrRut > li:nth-child(2) h5 {background: #044eb2;}
+.itrRut > li:nth-child(3) h5 {background: #5853ff;}
+.itrRut > li:nth-child(4) h5 {background: #04aab2;}
+.itrRut > li > div > ul {background: #f7f7f7; position: relative; margin-top: -30px; padding: 30px 20px; height: 10em; border-radius: 15px 15px 0px 15px; -moz-border-radius: 15px 15px 0px 15px; -webkit-border-radius: 15px 15px 0px 15px;}
+.itrRut > li > div > ul > li {position: relative; padding-left: 8px; font-size: 12pt; margin-bottom: 6px;}
+.itrRut > li > div > ul > li:last-child {margin-bottom: 0;}
+.itrRut > li > div > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
 
 @media (max-width:900px) {
-    .schBox {
-        padding: 10px;
-    }
-
-    .schTab {
-        margin-top: -5px;
-        margin-bottom: -5px;
-    }
-
-        .schTab li {
-            margin: 5px 15px;
-            padding-bottom: 5px;
-        }
-
-            .schTab li a {
-                font-size: 10pt;
-            }
-
-    .schCont {
-        padding-right: 0;
-        margin-top: 10px;
-    }
-
-        .schCont li {
-            float: none;
-            width: 100%;
-            padding-right: 0;
-            margin-bottom: 5px;
-        }
-
-            .schCont li select {
-                height: 40px;
-            }
-
-            .schCont li:last-child {
-                width: 100%;
-                position: static;
-                margin-bottom: 0;
-            }
-
-                .schCont li:last-child a,
-                .schCont li:last-child button,
-                .schCont li:last-child input[type="submit"] {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    position: static;
-                    text-indent: 0;
-                    color: #fff;
-                    text-align: center;
-                    background: #3a3a3a;
-                }
-
-    .subDsc {
-        font-size: 10pt;
-    }
-
-    .smtLnk {
-        margin-top: 20px;
-    }
-
-        .smtLnk li {
-            float: none;
-            margin-right: 0;
-            text-align: center;
-            margin-bottom: 5px;
-        }
-
-            .smtLnk li:last-child {
-                margin-bottom: 0;
-            }
-
-    .smtList {
-        margin-top: 30px;
-    }
-
-        .smtList > li {
-            margin-bottom: 10px;
-        }
-
-    .smtlCont {
-        padding: 20px 10px;
-        padding-right: 10px;
-    }
-
-    .smtList.pop .smtlCont {
-        padding-right: 10px;
-    }
-
-    .smtlCont .gry {
-        padding: 10px 10px;
-        margin: 10px -10px -20px;
-    }
-
-    .smtlBtn {
-        position: static;
-        right: 0;
-        top: 0;
-        margin-top: 10px;
-        margin-left: -5px;
-        margin-right: -5px;
-        width: auto;
-    }
-
-        .smtlBtn li {
-            float: left;
-            width: 50%;
-            margin-right: 0;
-            padding: 0 5px;
-        }
-
-            .smtlBtn li a {
-                height: 40px;
-                line-height: 38px;
-                width: 100%;
-            }
-
-    .smtlTab {
-        padding: 20px 10px;
-        text-align: center;
-    }
-
-        .smtlTab li {
-            margin-right: 10px;
-            padding-right: 10px;
-            display: inline-block;
-            float: none;
-        }
-
-            .smtlTab li:after {
-                height: 10px;
-                margin-top: -5px;
-            }
-
-            .smtlTab li a {
-                font-size: 10pt;
-            }
-
-    .smtlChk {
-        padding: 0 10px;
-    }
-
-        .smtlChk > li {
-            padding: 20px 0;
-            padding-right: 0;
-        }
-
-            .smtlChk > li input[type="checkbox"] {
-                position: absolute;
-                left: 0;
-                top: 20px;
-                margin-top: 3px;
-            }
-
-            .smtlChk > li > p {
-                padding-left: 30px;
-            }
-
-    .smtlChkBtn {
-        width: 100%;
-        height: 40px;
-        line-height: 38px;
-        text-align: center;
-        position: static;
-        margin-top: 10px;
-    }
+	.subTxt {font-size: 11pt; line-height: 1.5em;}
+	.itrRut {margin: 0;}
+	.itrRut > li {padding: 0; float: none; width: 100%; margin-bottom: 20px;}
+	.itrRut > li:last-child {margin-bottom: 0;}
+	.itrRut > li h5 {line-height: 40px; padding: 0 15px; font-size: 12pt;}
+	.itrRut > li > div > ul {margin-top: -40px; padding: 20px 15px; height: auto;}
+	.itrRut > li > div > ul > li {font-size: 11pt; margin-bottom: 5px;}
 }
 
-/* �������� */
-.plcStep {}
-
-
-
-.plcStep {margin: 0 -6px;}
-.plcStep:after {content: ''; display: table; clear: both;}
-.plcStep li {float: left; width: 16.6666%; padding: 0 6px;}
-.plcStep li > div {
-	height: 80px; padding: 2px;
-	border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;
-	background: #0047a7;
-	background: -moz-linear-gradient(45deg,  #0047a7 21%, #e8b800 54%);
-	background: -webkit-linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
-	background: linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
-	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 );
-}
-.plcStep li > div > div {height: 76px; background: #fff; color: #0047a7; text-align: center; padding: 15px 0; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
-.plcStep li h6 {font-size: 13pt; font-weight: 500;}
-.plcStep li span {display: block;  font-size: 11pt;}
-.plcStep li.current > div {background: #0047a7;}
-.plcStep li.current > div > div {background: #0047a7; color: #fff;}
-.plcInfo {margin-top: 50px; border-top: solid 1px #d6d6d6;}
-.plcInfo dl {display: table; width: 100%; padding: 20px 0; border-bottom: solid 1px #d6d6d6;}
-.plcInfo dl dt {display: table-cell; width: 200px;}
-.plcInfo dl dd {display: table-cell;}
-.plcUrl {margin-top: 30px;}
-.plcUrl dl {display: table; width: 100%; margin-bottom: 10px;}
-.plcUrl dl:last-child {margin-bottom: 0;}
-.plcUrl dl dt {display: table-cell; width: 190px; vertical-align: middle; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #0070d5; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
-.plcUrl dl dd {display: table-cell; vertical-align: middle; padding-left: 20px; text-transform: uppercase; font-size: 12pt;}
-.plcWrap {margin: -20px;}
-.plcWrap:after {content: ''; display: table; clear: both;}
-.plcWrap > li {padding: 20px; width: 50%; float: left;}
-.plcCont {padding-left: 210px; position: relative; padding-top: 10px;}
-.plcTitle {position: absolute; left: 0; top: 0; width: 190px; height: 70px; border: solid 1px #d1d1d1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
-.plcTitle > div {display: table; width: 100%; height: 100%;}
-.plcTitle > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #0047a7; font-size: 12pt; font-weight: 500;}
-.gryBox {background: #f9f9f9; padding: 30px; margin-top: 30px;}
-.gryBox dl {margin-top: 30px;}
-.gryBox dl:first-child {margin-top: 0;}
-.gryBox dt {font-size: 12pt; color: #000; font-weight: 400;}
-.gryBox dd {margin-top: 10px;}
-
-.cclCont {margin: 0 -30px;}
-.cclCont:after {content: ''; display: table; clear: both;}
-.cclCont li {float: left; width: 50%; padding: 0 30px;}
-.cclCont li div {background: #fafafa; overflow: hidden; padding: 0px 100px 30px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
-.cclCont li h5 {height: 100px; padding-top: 50px; line-height: 50px; background: #3a3a3b; color: #fff; margin-top: -50px; text-align: center; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
-.cclCont li p {margin: 0 -70px; padding-top: 30px;}
-
-.inGds {}
-.inGds li {display: table; width: 100%; margin-bottom: 10px;}
-.inGds li:last-child {margin-bottom: 0;}
-.inGds li em {display: table-cell; vertical-align: middle; width: 90px;}
-.inGds li em span {display: block; height: 90px; border: solid 1px #0047a7; background-size: 56px auto !important;}
-.inGds li div {display: table-cell; vertical-align: middle; padding-left: 20px;}
-.inGds li div h5 {font-size: 13pt; color: #0047a7; font-weight: 500;}
-.inGds li div p {color: #666; margin-top: 5px;}
-
-.inTgt {margin: 0 -30px;}
-.inTgt:after {content: ''; display: table; clear: both;}
-.inTgt li {float: left; width: 50%; padding: 0 30px;}
-.inTgt li > div {border: solid 2px #e0e0e0; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
-.inTgt li h5 {color: #000; text-align: center; background: #f9f9f9; padding: 15px; font-size: 15pt; font-weight: 500;}
-.inTgt li h5 span {display: block; color: #666; font-size: 11pt; font-weight: 400; margin-top: 5px;}
-.inTgtCnt {color: #666; display: table; width: 100%; height: 150px; text-align: center;}
-.inTgtCnt > div {display: table-cell; vertical-align: middle; line-height: 1.8em;}
-.inTgtCnt span.blu {color: #0047a7;}
-
-.inScd {margin-top: 20px;}
-.inScd dl {display: table; margin-bottom: 10px;}
-.inScd dl:last-child {margin-bottom: 0;}
-.inScd dl dt {display: table-cell; vertical-align: middle; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #555; color: #fff; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
-.inScd dl dd {display: table-cell; vertical-align: middle; padding-left: 15px;}
-
-.inRul {margin: -15px -10px;}
-.inRul:after {content: ''; display: table; clear: both;}
-.inRul li {float: left; width: 50%; padding: 15px 10px;}
-.inRul li > div {border: solid 1px #0047a7; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
-.inRul li h5 {color: #fff; background: #0047a7; padding: 15px; font-size: 13pt; font-weight: 500;}
-.inRul li h5 span {font-size: 18pt; font-weight: 700; margin-right: 10px;}
-.inRulCnt {color: #666; display: table; width: 100%; height: 100px;}
-.inRulCnt > div {display: table-cell; vertical-align: middle; line-height: 1.8em; padding-left: 15px; padding-right: 15px;}
-
-.tal {text-align: left !important;}
-.db {display: block;}
-
-
-@media (max-width:900px) {	
-	.plcStep {margin: -3px;}
-	.plcStep li {padding: 3px; width: 33.3333%;}
-	.plcStep li > div {height: auto; padding: 2px;}
-	.plcStep li > div > div {padding: 5px 0; height: auto;}
-	.plcStep li h6 {font-size: 10pt;}
-	.plcStep li span {height: auto; line-height: 1.5em; font-size: 9pt; white-space: nowrap;}
-	.plcInfo {margin-top: 30px;}
-	.plcInfo dl {display: block; padding: 15px 0;}
-	.plcInfo dl dt {display: block; width: 100%; font-size: 12pt;}
-	.plcInfo dl dd {display: block; margin-top: 10px; font-size: 11pt;}
-	.plcUrl dl {display: block; margin-bottom: 20px;}
-	.plcUrl dl dt {display: block; width: auto;}
-	.plcUrl dl dd {display: block; padding-left: 0;font-size: 11pt; text-align: center; margin-top: 5px;}
-	.plcWrap {margin: 0;}
-	.plcWrap > li {padding: 0; width: 100%; float: none;}
-	.plcCont {padding-left: 0; padding-top: 0; margin-top: 10px;}
-	.plcTitle {position: static; width: 100%; height: auto; padding: 5px; margin-bottom: 10px;}
-	.plcTitle > div > div {font-size: 11pt;}
-	.gryBox {padding: 15px;}
-	.gryBox dl {margin-top: 15px;}
-	.gryBox dt {font-size: 11pt;}
-
-	.cclCont {margin: 0;}
-	.cclCont li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
-	.cclCont li:last-child {margin-bottom: 0;}
-	.cclCont li div {padding: 0px 15px 15px;}
-	.cclCont li h5 {height: 100px; padding-top: 60px; line-height: 40px; margin-top: -60px; font-size: 11pt;}
-	.cclCont li p {margin: 0; padding-top: 15px;}
-
-	.inGds {margin-top: 10px;}
-	.inGds li em {width: 50px; vertical-align: top;}
-	.inGds li em span {height: 50px; background-size: 28px auto !important;}
-	.inGds li div {padding-left: 15px; vertical-align: top;}
-	.inGds li div h5 {font-size: 11pt;}
-
-	.inTgt {margin: 0; padding-top: 10px;}
-	.inTgt li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
-	.inTgt li:last-child {margin-bottom: 0;}
-	.inTgt li h5 {padding: 10px; font-size: 12pt;}
-	.inTgt li h5 span {font-size: 10pt; margin-top: 0;}
-	.inTgtCnt {display: block; height: auto;}
-	.inTgtCnt > div {display: block; padding: 15px; font-size: 11pt; line-height: 1.8em;}
-
-	.inScd {margin-top: 20px;}
-	.inScd dl {display: table; margin-bottom: 10px;}
-	.inScd dl:last-child {margin-bottom: 0;}
-	.inScd dl dt {display: table-cell; vertical-align: middle; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #555; color: #fff; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
-	.inScd dl dd {display: table-cell; vertical-align: middle; padding-left: 15px;}
-
-	.inRul {margin: 0; padding-top: 10px;}
-	.inRul li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
-	.inRul li:last-child {margin-bottom: 0;}
-	.inRul li h5 {padding: 10px; font-size: 11pt;}
-	.inRul li h5 span {font-size: 14pt;}
-	.inRulCnt {display: block; height: auto;}
-	.inRulCnt > div {display: block; padding: 10px;}
-
-	
-}
-
-
-
-@media (max-width:1200px) {	
-	.root_daum_roughmap {width: 100% !important;}
+
+/* 연혁 */
+.hsty {color: #666; font-size: 12pt; padding-left: 30px; position: relative; line-height: 1.8em;}
+.hsty:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 5px; background-size: 20px auto !important;}
+.hsty01:before {background: url('../../img/common/history_ico01.png')no-repeat center center;}
+.hsty02:before {background: url('../../img/common/history_ico02.png')no-repeat center center;}
+.hsty03:before {background: url('../../img/common/history_ico03.png')no-repeat center center;}
+.hsty04:before {background: url('../../img/common/history_ico04.png')no-repeat center center;}
+.hsty05:before {background: url('../../img/common/history_ico05.png')no-repeat center center;}
+.hsty span {padding-right: 10px; margin-right: 5px; position: relative;}
+.hsty span:after {content: ''; display: block; width: 1px; height: 14px; background: #c6c6c6; position: absolute; right: 0; top: 50%; margin-top: -7px;}
+
+
+
+
+/* 교육비 */
+.eduCost {border: solid 1px #d6d6d6;}
+.eduCost li {padding: 20px; border-bottom: solid 1px #d6d6d6;}
+.eduCost li:after {content: ''; display: table; clear: both;}
+.eduCost li:last-child {border-bottom: none;}
+.edcLeft {float: left;}
+.edcLeft h4 {color: #238dfa; font-size: 12pt; font-weight: 400;}
+.edcLeft h5 {font-size: 14pt; font-weight: 400;}
+.edcLeft p {font-size: 11pt; color: #888; margin-top: 15px;}
+.edcRht {float: right; text-align: right;}
+.edcRht span.red {color: #f00;}
+.edcTgt {margin-top: 20px; font-size: 12pt;}
+.edcTgt dt {color: #0047a7; font-weight: 500;}
+.edcTgt dd {margin-top: 5px; color: #666;}
+.edcTgt dd span.bk {color: #000;}
+
+@media (max-width:900px) {
+	.eduCost {}
+	.eduCost li {padding: 15px;}
+	.edcLeft {float: none;}
+	.edcLeft h4 {font-size: 11pt;}
+	.edcLeft h5 {font-size: 12pt;}
+	.edcLeft p {font-size: 10pt; margin-top: 5px;}
+	.edcRht {float: none; font-size: 10pt;}
+	.edcTgt {font-size: 11pt;}
+}
+
+
+
+
+.rfnd {padding-left: 80px; position: relative; margin-top: 30px;}
+.rfnd:before {content: ''; display: block; width: 60px; height: 60px; position: absolute; left: 0; top: 0; background-size: 28px auto !important; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}
+.rfnd.card:before {background: #0070d5 url('../../img/common/refund_ico01.png')no-repeat center center;}
+.rfnd.bank:before {background: #0070d5 url('../../img/common/refund_ico02.png')no-repeat center center;}
+.rfnd h5 {color: #0047a7; font-size: 12pt; font-weight: 500;}
+.rfnd ul {margin-top: 10px;}
+.rfnd ul li {padding-left: 8px; color: #666; margin-bottom: 5px; position: relative; font-size: 11pt;}
+.rfnd ul li:last-child {margin-bottom: 0;}
+.rfnd ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #888; position: absolute; left: 0; top: 10px;}
+
+@media (max-width:900px) {
+	.rfnd {padding-left: 50px;}
+	.rfnd:before {width: 40px; height: 40px; background-size: 20px auto !important;}
+}
+
+
+
+
+.rfndFlw {margin: 0 -10px;}
+.rfndFlw:after {content: ''; display: table; clear: both;}
+.rfndFlw > li {float: left; width: 16.6666%; padding: 0 10px;}
+.rfndFlw > li > div {border: solid 1px #0047a7; overflow: hidden; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px;}
+.rfndFlw > li > div h5 {height: 60px; line-height: 60px; text-align: center; background: #0047a7; color: #fff; font-size: 12pt; font-weight: 500;}
+.rfndFlw > li > div > div {text-align: center; padding: 40px 0;}
+.rfndFlw > li > div h6 {font-size: 13pt; font-weight: 400;}
+.rfndFlw > li > div > div ul {margin-top: 15px; height: 5.0em;}
+.rfndFlw > li > div > div ul li {color: #666; font-size: 11pt;}
+.dotList {}
+.dotList li {margin-bottom: 5px; color: #666; font-size: 12pt; padding-left: 8px; position: relative;}
+.dotList li:last-child {margin-bottom: 0;}
+.dotList li:before {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
+.rfndType {margin: 0 -30px;}
+.rfndType:after {content: ''; display: table; clear: both;}
+.rfndType li {padding: 0 30px; float: left; width: 33.3333%;}
+.rfndType li div {border: solid 2px #e0e0e0; overflow: hidden; text-align: center; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+.rfndType li h5 {height: 60px; line-height: 60px; background: #f9f9f9; font-size: 13pt; font-weight: 400;}
+.rfndType li p {color: #666; font-size: 12pt; padding: 30px;}
+.dwnBtn {margin: 20px 0;}
+.dwnBtn a {display: inline-block; height: 40px; line-height: 40px; background: #515151; color: #fff; padding-left: 20px; padding-right: 65px; position: relative;}
+.dwnBtn a:after {content: ''; display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; border-left: solid 1px #747474; background: url('../../img/common/ico_down.png')no-repeat center center;}
+.scrTb {}
+.subTable {}
+.subTable th,
+.subTable td {border: solid 1px #d6d6d6; padding: 10px; color: #666; font-size: 11pt; text-align: center;}
+.subTable th {background: #f7f7f7; color: #000; font-weight: 400;}
+
+@media (max-width:900px) {
+	.rfndFlw {margin: 0; padding-top: 5px;}
+	.rfndFlw > li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
+	.rfndFlw > li:last-child {margin-bottom: 0;}
+	.rfndFlw > li > div {border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+	.rfndFlw > li > div h5 {height: 40px; line-height: 40px;  font-size: 11pt;}
+	.rfndFlw > li > div > div {text-align: left; padding: 15px;}
+	.rfndFlw > li > div h6 {font-size: 12pt; font-weight: 500;}
+	.rfndFlw > li > div > div ul {margin-top: 5px; height: auto;}
+	.rfndFlw > li > div > div ul li {font-size: 11pt;}
+	.dotList li {font-size: 11pt;}
+	.rfndType {margin: 0; padding-top: 5px;}
+	.rfndType li {padding: 0; float: none; width: 100%; margin-bottom: 15px;}
+	.rfndType li:last-child {margin-bottom: 0;}
+	.rfndType li h5 {height: 40px; line-height: 40px; font-size: 12pt; }
+	.rfndType li p {font-size: 11pt; padding: 15px;}
+	.dwnBtn a {display: block; font-size: 11pt;}
+	.scrTb {overflow-x: auto;}
+	.scrTb table {width: 1000px;}
+	.subTable th,
+	.subTable td {padding: 5px; font-size: 10pt;}
+}
+
+
+
+
+/* 교수소개 */
+.tchCont {margin-top: 30px;}
+.tchCont h4 {height: 60px; line-height: 58px; text-align: center; border: solid 1px #d6d6d6; font-size: 16pt; font-weight: 500;}
+.tchCont h4 span {font-weight: 300; font-size: 13pt;}
+.tchCont > ul:after {content: ''; display: table; clear: both;}
+.tchCont > ul > li {margin-top: 30px; float: left; width: 50%; position: relative; padding-left: 170px;}
+.tchCont > ul > li > h5 {width: 150px; height: 50px; line-height: 50px; text-align: center; background: #f9f9f9; font-size: 12pt; font-weight: 500; position: absolute; left: 0; top: 0;}
+.tchCont > ul > li > ul {min-height: 50px;}
+.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
+.tchCont > ul > li > ul > li:last-child {margin-bottom: 0;}
+.tchCont > ul > li > ul > li:after {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
+
+@media (max-width:900px) {
+	.tchCont {margin-top: 30px;}
+	.tchCont h4 {height: auto; line-height: 1.5em; padding: 10px 0; font-size: 14pt;}
+	.tchCont h4 span {display: block; font-size: 11pt;}
+	.tchCont > ul > li {margin-top: 15px; float: none; width: 100%; padding-left: 0;}
+	.tchCont > ul > li > h5 {width: 100%; height: 30px; line-height: 30px; font-size: 11pt; position: static; margin-bottom: 15px;}
+	.tchCont > ul > li > ul > li {position: relative; padding-left: 8px; font-size: 11pt; color: #666; margin-bottom: 5px;}
+	.tchCont > ul > li > ul > li:last-child {margin-bottom: 0;}
+	.tchCont > ul > li > ul > li:after {content: ''; display: block; width: 2px; height: 2px; background: #666; position: absolute; left: 0; top: 10px;}
+}
+
+
+
+/* 진행절차 */
+.plcStep {}
+
+
+
+.plcStep {margin: 0 -6px;}
+.plcStep:after {content: ''; display: table; clear: both;}
+.plcStep li {float: left; width: 16.6666%; padding: 0 6px;}
+.plcStep li > div {
+	height: 80px; padding: 2px;
+	border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;
+	background: #0047a7;
+	background: -moz-linear-gradient(45deg,  #0047a7 21%, #e8b800 54%);
+	background: -webkit-linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
+	background: linear-gradient(45deg,  #0047a7 21%,#e8b800 54%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047a7', endColorstr='#e8b800',GradientType=1 );
+}
+.plcStep li > div > div {height: 76px; background: #fff; color: #0047a7; text-align: center; padding: 15px 0; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
+.plcStep li h6 {font-size: 13pt; font-weight: 500;}
+.plcStep li span {display: block;  font-size: 11pt;}
+.plcStep li.current > div {background: #0047a7;}
+.plcStep li.current > div > div {background: #0047a7; color: #fff;}
+.plcInfo {margin-top: 50px; border-top: solid 1px #d6d6d6;}
+.plcInfo dl {display: table; width: 100%; padding: 20px 0; border-bottom: solid 1px #d6d6d6;}
+.plcInfo dl dt {display: table-cell; width: 200px;}
+.plcInfo dl dd {display: table-cell;}
+.plcUrl {margin-top: 30px;}
+.plcUrl dl {display: table; width: 100%; margin-bottom: 10px;}
+.plcUrl dl:last-child {margin-bottom: 0;}
+.plcUrl dl dt {display: table-cell; width: 190px; vertical-align: middle; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #0070d5; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
+.plcUrl dl dd {display: table-cell; vertical-align: middle; padding-left: 20px; text-transform: uppercase; font-size: 12pt;}
+.plcWrap {margin: -20px;}
+.plcWrap:after {content: ''; display: table; clear: both;}
+.plcWrap > li {padding: 20px; width: 50%; float: left;}
+.plcCont {padding-left: 210px; position: relative; padding-top: 10px;}
+.plcTitle {position: absolute; left: 0; top: 0; width: 190px; height: 70px; border: solid 1px #d1d1d1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
+.plcTitle > div {display: table; width: 100%; height: 100%;}
+.plcTitle > div > div {display: table-cell; width: 100%; vertical-align: middle; text-align: center; color: #0047a7; font-size: 12pt; font-weight: 500;}
+.gryBox {background: #f9f9f9; padding: 30px; margin-top: 30px;}
+.gryBox dl {margin-top: 30px;}
+.gryBox dl:first-child {margin-top: 0;}
+.gryBox dt {font-size: 12pt; color: #000; font-weight: 400;}
+.gryBox dd {margin-top: 10px;}
+
+.cclCont {margin: 0 -30px;}
+.cclCont:after {content: ''; display: table; clear: both;}
+.cclCont li {float: left; width: 50%; padding: 0 30px;}
+.cclCont li div {background: #fafafa; overflow: hidden; padding: 0px 100px 30px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+.cclCont li h5 {height: 100px; padding-top: 50px; line-height: 50px; background: #3a3a3b; color: #fff; margin-top: -50px; text-align: center; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
+.cclCont li p {margin: 0 -70px; padding-top: 30px;}
+
+.inGds {}
+.inGds li {display: table; width: 100%; margin-bottom: 10px;}
+.inGds li:last-child {margin-bottom: 0;}
+.inGds li em {display: table-cell; vertical-align: middle; width: 90px;}
+.inGds li em span {display: block; height: 90px; border: solid 1px #0047a7; background-size: 56px auto !important;}
+.inGds li div {display: table-cell; vertical-align: middle; padding-left: 20px;}
+.inGds li div h5 {font-size: 13pt; color: #0047a7; font-weight: 500;}
+.inGds li div p {color: #666; margin-top: 5px;}
+
+.inTgt {margin: 0 -30px;}
+.inTgt:after {content: ''; display: table; clear: both;}
+.inTgt li {float: left; width: 50%; padding: 0 30px;}
+.inTgt li > div {border: solid 2px #e0e0e0; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+.inTgt li h5 {color: #000; text-align: center; background: #f9f9f9; padding: 15px; font-size: 15pt; font-weight: 500;}
+.inTgt li h5 span {display: block; color: #666; font-size: 11pt; font-weight: 400; margin-top: 5px;}
+.inTgtCnt {color: #666; display: table; width: 100%; height: 150px; text-align: center;}
+.inTgtCnt > div {display: table-cell; vertical-align: middle; line-height: 1.8em;}
+.inTgtCnt span.blu {color: #0047a7;}
+
+.inScd {margin-top: 20px;}
+.inScd dl {display: table; margin-bottom: 10px;}
+.inScd dl:last-child {margin-bottom: 0;}
+.inScd dl dt {display: table-cell; vertical-align: middle; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #555; color: #fff; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
+.inScd dl dd {display: table-cell; vertical-align: middle; padding-left: 15px;}
+
+.inRul {margin: -15px -10px;}
+.inRul:after {content: ''; display: table; clear: both;}
+.inRul li {float: left; width: 50%; padding: 15px 10px;}
+.inRul li > div {border: solid 1px #0047a7; overflow: hidden; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
+.inRul li h5 {color: #fff; background: #0047a7; padding: 15px; font-size: 13pt; font-weight: 500;}
+.inRul li h5 span {font-size: 18pt; font-weight: 700; margin-right: 10px;}
+.inRulCnt {color: #666; display: table; width: 100%; height: 100px;}
+.inRulCnt > div {display: table-cell; vertical-align: middle; line-height: 1.8em; padding-left: 15px; padding-right: 15px;}
+
+.tal {text-align: left !important;}
+.db {display: block;}
+
+
+@media (max-width:900px) {	
+	.plcStep {margin: -3px;}
+	.plcStep li {padding: 3px; width: 33.3333%;}
+	.plcStep li > div {height: auto; padding: 2px;}
+	.plcStep li > div > div {padding: 5px 0; height: auto;}
+	.plcStep li h6 {font-size: 10pt;}
+	.plcStep li span {height: auto; line-height: 1.5em; font-size: 9pt; white-space: nowrap;}
+	.plcInfo {margin-top: 30px;}
+	.plcInfo dl {display: block; padding: 15px 0;}
+	.plcInfo dl dt {display: block; width: 100%; font-size: 12pt;}
+	.plcInfo dl dd {display: block; margin-top: 10px; font-size: 11pt;}
+	.plcUrl dl {display: block; margin-bottom: 20px;}
+	.plcUrl dl dt {display: block; width: auto;}
+	.plcUrl dl dd {display: block; padding-left: 0;font-size: 11pt; text-align: center; margin-top: 5px;}
+	.plcWrap {margin: 0;}
+	.plcWrap > li {padding: 0; width: 100%; float: none;}
+	.plcCont {padding-left: 0; padding-top: 0; margin-top: 10px;}
+	.plcTitle {position: static; width: 100%; height: auto; padding: 5px; margin-bottom: 10px;}
+	.plcTitle > div > div {font-size: 11pt;}
+	.gryBox {padding: 15px;}
+	.gryBox dl {margin-top: 15px;}
+	.gryBox dt {font-size: 11pt;}
+
+	.cclCont {margin: 0;}
+	.cclCont li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
+	.cclCont li:last-child {margin-bottom: 0;}
+	.cclCont li div {padding: 0px 15px 15px;}
+	.cclCont li h5 {height: 100px; padding-top: 60px; line-height: 40px; margin-top: -60px; font-size: 11pt;}
+	.cclCont li p {margin: 0; padding-top: 15px;}
+
+	.inGds {margin-top: 10px;}
+	.inGds li em {width: 50px; vertical-align: top;}
+	.inGds li em span {height: 50px; background-size: 28px auto !important;}
+	.inGds li div {padding-left: 15px; vertical-align: top;}
+	.inGds li div h5 {font-size: 11pt;}
+
+	.inTgt {margin: 0; padding-top: 10px;}
+	.inTgt li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
+	.inTgt li:last-child {margin-bottom: 0;}
+	.inTgt li h5 {padding: 10px; font-size: 12pt;}
+	.inTgt li h5 span {font-size: 10pt; margin-top: 0;}
+	.inTgtCnt {display: block; height: auto;}
+	.inTgtCnt > div {display: block; padding: 15px; font-size: 11pt; line-height: 1.8em;}
+
+	.inScd {margin-top: 20px;}
+	.inScd dl {display: table; margin-bottom: 10px;}
+	.inScd dl:last-child {margin-bottom: 0;}
+	.inScd dl dt {display: table-cell; vertical-align: middle; width: 80px; height: 40px; line-height: 40px; text-align: center; background: #555; color: #fff; font-size: 12pt; font-weight: 500; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px;}
+	.inScd dl dd {display: table-cell; vertical-align: middle; padding-left: 15px;}
+
+	.inRul {margin: 0; padding-top: 10px;}
+	.inRul li {float: none; width: 100%; padding: 0; margin-bottom: 15px;}
+	.inRul li:last-child {margin-bottom: 0;}
+	.inRul li h5 {padding: 10px; font-size: 11pt;}
+	.inRul li h5 span {font-size: 14pt;}
+	.inRulCnt {display: block; height: auto;}
+	.inRulCnt > div {display: block; padding: 10px;}
+
+	
+}
+
+
+
+@media (max-width:1200px) {	
+	.root_daum_roughmap {width: 100% !important;}
 }
 
 
@@ -3188,3 +2544,7 @@ span.org {
 
 
 
+
+
+
+