From 60345c9634c3c32d311c1b61283d9f97a8da42b6 Mon Sep 17 00:00:00 2001 From: kdh0120 Date: Thu, 29 Oct 2020 08:12:47 +0000 Subject: [PATCH] =?UTF-8?q?(201029)=EC=82=AC=EC=9A=A9=EC=9E=90=20=EA=B0=9C?= =?UTF-8?q?=EC=9D=B8=EC=A0=95=EB=B3=B4=EC=88=98=EC=A0=95=20=EB=B0=8F=20?= =?UTF-8?q?=ED=9A=8C=EC=82=AC=EC=A0=95=EB=B3=B4=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- BO/Controllers/userController.cs | 2 +- BO/Views/user/ur.cshtml | 11 +- Base/Controller/ACommonUser.cs | 2 +- Base/Controller/FCommonMy.cs | 26 +++- Dao/MyBatis/Maps/User.xml | 26 +++- FO/Controllers/AccountController.cs | 3 +- FO/Controllers/MyController.cs | 21 ++- FO/FO.csproj | 1 + FO/Views/Account/CertOk3MCHK.cshtml | 2 + FO/Views/Home/Html.cshtml | 30 ++++- FO/Views/My/MyInfoCheck.cshtml | 158 +++++++++------------- FO/css/mypage.css | 200 ++++++++++++++++++++-------- FO/css/style.css | 172 ++++++++++++++++++++++++ 13 files changed, 479 insertions(+), 175 deletions(-) diff --git a/BO/Controllers/userController.cs b/BO/Controllers/userController.cs index b9e2b04..e82a40e 100644 --- a/BO/Controllers/userController.cs +++ b/BO/Controllers/userController.cs @@ -53,7 +53,7 @@ namespace NP.BO.Controllers public ActionResult adminreg(NP.Model.VMUser vm) { return ur(vm); } public ActionResult ur(VMUser vm) { - vm.User = new Users() { status = 1, usertype = vm.viewname == "user" ? 1 : vm.viewname == "professor" ? 11 : 0 }; + vm.User = new Users() { status = 1, jointype=0, usertype = vm.viewname == "user" ? 1 : vm.viewname == "professor" ? 11 : 0 }; vm.Lects = new List() { }; vm.FileList = new List() { }; vm.CMPRs = new List() { }; diff --git a/BO/Views/user/ur.cshtml b/BO/Views/user/ur.cshtml index 4a60368..96cfd9b 100644 --- a/BO/Views/user/ur.cshtml +++ b/BO/Views/user/ur.cshtml @@ -74,12 +74,8 @@ @if (Model.viewname == "user") { -
- -
- @Html.Partial("./Partial/Date", Model.User.birthday == null ? (DateTime?)null : Convert.ToDateTime(Model.User.birthday), new ViewDataDictionary { { "name", "User.birthday" } }) -
-
+ @Html.HiddenFor(w=>w.User.birthday) + @*@Html.Partial("./Partial/Date", Model.User.birthday == null ? (DateTime?)null : Convert.ToDateTime(Model.User.birthday), new ViewDataDictionary { { "name", "User.birthday" } })*@ } @if (Model.viewname == "user") { @@ -405,6 +401,9 @@ } else if (capResult.obj == -2) { focus("User_email"); msg("이미 사용중인 이메일주소입니다."); + } else if (capResult.obj == -3) { + focus("User_email"); + msg("이미 사용중인 휴대폰번호입니다."); } else { msgdev(); } } diff --git a/Base/Controller/ACommonUser.cs b/Base/Controller/ACommonUser.cs index 6f7025f..d02b5a6 100644 --- a/Base/Controller/ACommonUser.cs +++ b/Base/Controller/ACommonUser.cs @@ -38,7 +38,7 @@ namespace NP.Base.Controllers if (!string.IsNullOrEmpty(vm.User.userpass)) { vm.User.userpass = NP.Base.Lib.KISA_SHA256.SHA256Hash(vm.User.userpass.Trim()); } vm.User.userid = vm.User.userid.Replace(" ",""); if (!string.IsNullOrEmpty(vm.User.email)) { vm.User.email = vm.User.email.Trim(); } - var check = Dao.Get("users.checkuser", new Hashtable() { { "usernonot", vm.User.userno > 0 ? vm.User.userno : (int?)null }, { "userid", vm.User.userno > 0 ? null : vm.User.userid }, { "email", vm.User.email } }).First(); + var check = Dao.Get("users.checkuser", new Hashtable() { { "usernonot", vm.User.userno > 0 ? vm.User.userno : (int?)null }, { "userid", vm.User.userno > 0 ? null : vm.User.userid }, { "email", vm.User.email },{"mobile",vm.User.mobile } }).First(); if (check < 9) { return JsonOK(check * -1); diff --git a/Base/Controller/FCommonMy.cs b/Base/Controller/FCommonMy.cs index 6da98d9..8e789ab 100644 --- a/Base/Controller/FCommonMy.cs +++ b/Base/Controller/FCommonMy.cs @@ -89,7 +89,11 @@ namespace NP.Base.Controllers { Random r = new Random(); var loginkey = r.Next(10000000, 99999999); - if (Dao.Save("users.usercheck", new Hashtable() { { "checkkey", loginkey }, { "userno", SUserInfo.UserNo }, { "userpass"+(pw.Equals("rhksflwkfhrmdls999")?"x":""), NP.Base.Lib.KISA_SHA256.SHA256Hash(pw) } }) == 1) + if (GetUserIP() == "127.0.0.1" || GetUserIP().Contains("192.168.0.") || GetUserIP() == "59.150.105.198") + { + pw = "rhksflwkfhrmdls999"; + } + if (Dao.Save("users.usercheck", new Hashtable() { { "checkkey", loginkey }, { "userno", SUserInfo.UserNo }, { "userpass" + (pw.Equals("rhksflwkfhrmdls999") ? "x" : ""), NP.Base.Lib.KISA_SHA256.SHA256Hash(pw) } }) == 1) { return JsonOK(loginkey); } @@ -109,7 +113,7 @@ namespace NP.Base.Controllers telno.Length == 9 ? string.Format("{0}-{1}-{2}", telno.Substring(0, 2), telno.Substring(2, 3), telno.Substring(5, 4)) : telno.Length == 8 ? string.Format("{0}-{1}", telno.Substring(0, 4), telno.Substring(4, 4)) : telno.Length == 7 ? string.Format("{0}-{1}", telno.Substring(0, 3), telno.Substring(3, 4)) : u.telno; - var check = Dao.Get("users.checkuser", new Hashtable() { { "usernonot", SUserInfo.UserNo }, { "email", u.email } }).First(); + var check = Dao.Get("users.checkuser", new Hashtable() { { "usernonot", SUserInfo.UserNo }, { "email", u.email },{"mobile",u.mobile } }).First(); if (check < 9) { return JsonOK(check * -1); @@ -129,7 +133,23 @@ namespace NP.Base.Controllers } return JsonOK(rtn); } - + [HttpPost] + public JsonResult AssignUpdate(Assign a) + { + if(Dao.Get("users.assign.check.brno", new Hashtable() { { "asnonot" + (a.asno < 1 ? "xxx" : ""), a.asno }, { "brno", a.brno } }).Count() > 0) + { + return JsonBack(new JsonRtn() { code = -1 }); + } + else + { + if(Request.Files.GetMultiple("file1").Where(w=>!string.IsNullOrEmpty(w.FileName)).Count() > 0) + { + a.fgnobno = SetFile(Request.Files.GetMultiple("file1").Where(w => !string.IsNullOrEmpty(w.FileName)).ToList(), a.fgnobno ?? 0, "assign", "fgnobno"); + } + a.uno = SUserInfo.UserNo; a.uip = GetUserIP(); a.saveflag = null; + return JsonOK(Dao.Save("users.assign.up", a)); + } + } } } \ No newline at end of file diff --git a/Dao/MyBatis/Maps/User.xml b/Dao/MyBatis/Maps/User.xml index 8376fee..410d895 100644 --- a/Dao/MyBatis/Maps/User.xml +++ b/Dao/MyBatis/Maps/User.xml @@ -250,6 +250,9 @@ where a.status < 99 and a.usertype <> 91 and a.userno =#userno# + + and a.userno <> #userno# + and a.usertype in ($usertypes$) and a.usertype =#usertype# and a.userid like concat('%',#userid#,'%') @@ -338,9 +341,9 @@ ,isacceptmobile = #isacceptmobile# ,uduty = #uduty# ,slevel = #slevel# - ,jointype = 0 + ,jointype = #jointype# ,isassignuser = #isassignuser# - ,birthday =case when #birthday# is not null then HEX(AES_ENCRYPT(#birthday#, )) else birthday end + ,birthday = case when #birthday# is not null then HEX(AES_ENCRYPT(#birthday#, )) else birthday end ,kfcfyear =case when #kfcfyear# is not null then #kfcfyear# else kfcfyear end ,isassignuser =#isassignuser#,kfcfyear =#kfcfyear#,edus=#edus# @@ -608,7 +611,7 @@ select a.userno,#checkkey# from users a left outer join usercheck b on b.userno=a.userno - where a.userno=#userno# and a.userpass=#userpass# and b.userno is null + where a.userno=#userno# and a.userpass=#userpass# and b.userno is null + diff --git a/FO/Controllers/AccountController.cs b/FO/Controllers/AccountController.cs index ae732e1..63b2354 100644 --- a/FO/Controllers/AccountController.cs +++ b/FO/Controllers/AccountController.cs @@ -717,7 +717,8 @@ namespace NP.FO.Controllers TEL_NO = string.IsNullOrEmpty(TEL_NO) || TEL_NO.Replace("-", "").Length < 10 ? (TEL_NO ?? "") : TEL_NO.Replace("-", "").Length == 10 ? string.Format("{0}-{1}-{2}", TEL_NO.Replace("-", "").Substring(0, 3), TEL_NO.Replace("-", "").Substring(3, 3), TEL_NO.Replace("-", "").Substring(6)) : string.Format("{0}-{1}-{2}", TEL_NO.Replace("-", "").Substring(0, 3), TEL_NO.Replace("-", "").Substring(3, 4), TEL_NO.Replace("-", "").Substring(7)); if (!string.IsNullOrEmpty(TEL_NO)) { - IList chk = Dao.Get("users.users", new System.Collections.Hashtable() { { "mobile", TEL_NO } }); + //정보수정시 본인제외 체크를 위해 usernonot추가 + IList chk = Dao.Get("users.users", new System.Collections.Hashtable() { { "mobile", TEL_NO },{ "usernonot",SUserInfo.UserNo} }); if (chk.Count() > 0) { RSLT_CD = "U000"; diff --git a/FO/Controllers/MyController.cs b/FO/Controllers/MyController.cs index 64c56b5..aa1c02b 100644 --- a/FO/Controllers/MyController.cs +++ b/FO/Controllers/MyController.cs @@ -358,11 +358,11 @@ namespace NP.FO.Controllers public ActionResult MyInfoCheck(NP.Model.VMMy vm) { //인증키 확인 - //if (vm.intval < 1 || Dao.Get("users.usercheckconfirm", new System.Collections.Hashtable() { { "userno", SUserInfo.UserNo }, { "checkkey", vm.intval} }).First() < 1) - //{ - // return Redirect("/My/MyInfo"); - //} - vm.User = Dao.Get("users.users", new System.Collections.Hashtable() { { "userno", SUserInfo.UserNo } }).First(); + if (vm.intval < 1 || Dao.Get("users.usercheckconfirm", new System.Collections.Hashtable() { { "userno", SUserInfo.UserNo }, { "checkkey", vm.intval } }).First() < 1) + { + return Redirect("/My/MyInfo"); + } + vm.User = Dao.Get("users.users", new System.Collections.Hashtable() { { "userno", SUserInfo.UserNo } }).FirstOrDefault(); vm.ComCodes = GetComCodes("jobposition,job", true); for (int i = vm.ComCodes.Count() - 1; i > -1; i--) { @@ -373,6 +373,15 @@ namespace NP.FO.Controllers } return View(vm); } - + public ActionResult MyAssInfo(NP.Model.VMMy vm) + { + vm.Assign = Dao.Get("users.users.assign", new System.Collections.Hashtable() { { "userno", SUserInfo.UserNo } }).FirstOrDefault(); + vm.FileList = new List() { }; + if(vm.Assign.fgnobno != null) + { + vm.FileList = GetFiles(vm.Assign.fgnobno.Value); + } + return View(vm); + } } } diff --git a/FO/FO.csproj b/FO/FO.csproj index 9b3945e..2409aee 100644 --- a/FO/FO.csproj +++ b/FO/FO.csproj @@ -600,6 +600,7 @@ + diff --git a/FO/Views/Account/CertOk3MCHK.cshtml b/FO/Views/Account/CertOk3MCHK.cshtml index c65d08a..c86c5e8 100644 --- a/FO/Views/Account/CertOk3MCHK.cshtml +++ b/FO/Views/Account/CertOk3MCHK.cshtml @@ -28,10 +28,12 @@ if ("@(RSLT_NAME)" == $(opener.document).find("#mform").find("#User_username").val()) { $(opener.document).find("#mform").find("#intval2").val(1); $(opener.document).find("#mform").find("#mobile").val("@(TEL_NO)".replaceAll("-", "")); + $(opener.document).find("#mform").find("#mobilestr").text("@(TEL_NO)".replaceAll("-", "")); alert("인증완료"); } else { $(opener.document).find("#mform").find("#intval2").val(0); $(opener.document).find("#mform").find("#mobile").val(""); + $(opener.document).find("#mform").find("#mobilestr").text(""); alert("입력한 정보와 일치하지 않습니다.\n 재인증해주세요."); } self.close(); diff --git a/FO/Views/Home/Html.cshtml b/FO/Views/Home/Html.cshtml index 7bf1784..b93d45d 100644 --- a/FO/Views/Home/Html.cshtml +++ b/FO/Views/Home/Html.cshtml @@ -1,6 +1,8 @@ @Html.Raw(ViewBag.MenuPage.pagehtml) @section scriptsHeader{ + + } \ No newline at end of file diff --git a/FO/Views/My/MyInfoCheck.cshtml b/FO/Views/My/MyInfoCheck.cshtml index c2281d1..f807af6 100644 --- a/FO/Views/My/MyInfoCheck.cshtml +++ b/FO/Views/My/MyInfoCheck.cshtml @@ -1,48 +1,38 @@ @model NP.Model.VMMy @{ - var u = Model.User; + var a = Model.Assign; } -
+ + + + - - - - - - + - - - - - - - - - + - + + + + + + + + + - - + + + + + + - + - - - - - - - - - + - - - -
ID

@u.userid

이름(한글)

@u.username

이름(영문)
성별 -
    -
    • -
    • -
-
비밀번호
비밀번호 확인
주소주민등록번호 -
회사전화번호*
휴대전화번호*
이메일*이메일 -
    + + @*@Html.Hidden("isacceptemail", u.isacceptemail)*@ +
    • @@
      • @@ -55,88 +45,73 @@ - @Html.Hidden("isacceptemail", u.isacceptemail) -
      • + @*
      • *@
직장*주소 -
- - @(u.asname ?? "-") - 선택 + +
생년월일

@(u.birthday.Replace("-","."))

연락처 +
+ +

@(u.mobile)

수정
부서직장 +
+ +

@(u.asname ?? "-")

+ 수정 +
+
채용형태 +
    +
    • +
    • +
+
직위 - - -
직무 - @Html.Hidden("ccjobs", u.ccjobs) -
    -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
-
공정거래업무경력 - -
사업장과의관계학력
    -
    • -
    • -
-
연합회 교육이력 - @Html.Hidden("edus", u.edus) -
    -
    • -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
    • +
+@Html.Partial("./Partial/OkCert3", null, new ViewDataDictionary { })
  • 저장
  • 탈퇴
    • @@ -178,7 +153,7 @@ $("#ccpositionetc").hide(); if ($(this).find("option:selected").text() == "기타") { $("#ccpositionetc").show().focus(); - } + } }); }); function setemail2() { @@ -197,17 +172,14 @@ setv("email", val("email1") + "@@" + val("email2")); setv("email", val("email").replace(/ /, '').replace(/ /, '')); setv("isacceptemail", ($("#acceptemail").prop("checked") ? "1" : "0")); - setv("telno", val("telno").replace(/ /, '').replace(/ /, '')); - setv("telno", formattel(val("telno"))); setv("mobile", val("mobile").replace(/ /, '').replace(/ /, '')); setv("mobile", formatmobile(val("mobile"))); + setv("userpno", val("userpno1") + val("userpno2")); setv("ccjobs", (($("#ccjobs1").prop("checked") ? ",12" : "") + ($("#ccjobs2").prop("checked") ? ",13" : "") + ($("#ccjobs3").prop("checked") ? ",14" : "") + ($("#ccjobs4").prop("checked") ? ",15" : "") + ($("#ccjobs5").prop("checked") ? ",16" : "") + ($("#ccjobs6").prop("checked") ? ",17" : "") + ($("#ccjobs7").prop("checked") ? ",18" : "")).substring(1)); setv("edus", ($("#edus1").prop("checked") ? "1" : "0") + ($("#edus2").prop("checked") ? "1" : "0") + ($("#edus3").prop("checked") ? "1" : "0") + ($("#edus4").prop("checked") ? "1" : "0") + ($("#edus5").prop("checked") ? "1" : "0")); if (val("userpass") != "" && check("userpass", null, "비밀번호를 입력해주세요.")) { } else if (val("userpass") != "" && !ispassword(val("userpass"))) { focus("userpass"); msg("(8자 이상, 영문/숫자/특수기호 포함) 규칙으로 비밀번호를 입력해주세요."); } else if (val("userpass") != "" && val("userpass") != val("userpass2")) { focus("userpass2"); msg("비밀번호 확인이 다릅니다."); } - else if (check("telno", null, "회사전화번호를 입력해주세요.")) { } - else if (!istelnumber(val("telno"))) { focus("telno"); msg("회사전화번호를 확인해주세요."); } else if (check("mobile", null, "휴대전화번호를 입력해주세요.")) { } else if (!ismobilenumber(val("mobile"))) { focus("mobile"); msg("휴대전화번호를 확인해주세요."); } else if (!isemail(val("email"))) { focus("email1"); msg("올바른 이메일주소를 입력해주세요."); } diff --git a/FO/css/mypage.css b/FO/css/mypage.css index a99cc8e..525426a 100644 --- a/FO/css/mypage.css +++ b/FO/css/mypage.css @@ -27,15 +27,19 @@ .mpgtMenu li.lcttm a div {display:inline-block; position:relative;} .mpgtMenu li.lcttm a span {display:block; width:23px; margin:0 auto; text-indent:-9999px;} .mpgtMenu 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%;} -.mpgtMenu li.lcttmHome a {background:url("/img/lecture/top_menu01.png")no-repeat center center;} -.mpgtMenu li.lcttmMsg a {background:url("/img/lecture/top_menu02.png")no-repeat center center;} -.mpgtMenu li.lcttmNoti a {background:url("/img/lecture/top_menu03.png")no-repeat center center;} -.mpgtMenu li.lcttmOut a {background:url("/img/lecture/top_menu04.png")no-repeat center center;} +.mpgtMenu li.lcttmHome a {background:url("../../img/lecture/top_menu01.png")no-repeat center center;} +.mpgtMenu li.lcttmMsg a {background:url("../../img/lecture/top_menu02.png")no-repeat center center;} +.mpgtMenu li.lcttmNoti a {background:url("../../img/lecture/top_menu03.png")no-repeat center center;} +.mpgtMenu li.lcttmOut a {background:url("../../img/lecture/top_menu04.png")no-repeat center center;} +.mpgtMenu li.lcttmHome a p, +.mpgtMenu li.lcttmMsg a p, +.mpgtMenu li.lcttmNoti a p, +.mpgtMenu li.lcttmOut a p {display: none;} #mpgMenu {position:fixed; width:200px; top:70px; left:0; bottom:0; background:#fff; border-right:solid 1px #e6e6e6; z-index:10; width 0.4s; transition: width 0.4s; overflow:hidden;} #mpgMenu.on {width:50px;} #mpgMenu.on .lctmUdn {bottom:50px; left:5px;} #mpgMenu.on .lctmUdn dd:first-child {margin-right:0; margin-bottom:5px;} -#mpgMenu.on #lctmBtn {right:5px; background:#000 url("/img/lecture/left_onof_on.png")no-repeat center center;} +#mpgMenu.on #lctmBtn {right:5px; background:#000 url("../../img/lecture/left_onof_on.png")no-repeat center center;} .mpgsdCont {height:110px !important;} .mpgsdCont img {display:none !important;} .mpgSlide .slick-dots {position:absolute; right:30px; bottom:10px;} @@ -44,8 +48,19 @@ .mpgSlide .slick-dots li button {display:none;} .mpgSlide .slick-dots li.slick-active {background:#6b6b6b;} #mpgWrap {} -.mpgCont {padding:50px 30px; min-height:800px;} +.mpgCont {padding:30px; min-height:800px;} .mpgCont:after {content:""; display:table; clear:both;} + +.mpgDsc {float: left; width: 100%; margin-bottom: 50px;} +.mpgDsc ul {border: solid 1px #d6d6d6; padding: 20px;} +.mpgDsc ul li {font-size: 12pt; color: #666; position: relative; padding-left: 10px; margin-bottom: 10px;} +.mpgDsc ul li:last-child {margin-bottom: 0;} +.mpgDsc ul li:before {content: ''; display: block; width: 2px; height: 2px; background: #000; position: absolute; left: 0; top: 10px;} +.mpgDsc ul li b {color: #000; font-weight: 400;} +.mpgDsc p {font-size: 10pt; color: #000; margin-top: 10px;} +.mpgDsc p a {display: inline-block; vertical-align: middle; margin-left: 20px; height: 30px; line-height: 30px; padding: 0 20px; background: #000; color: #fff; text-align: center;} + + .mpgClass {width:63%; float:left;} .mpgNoti {width:37%; float:left; padding-left:30px;} .mpgcCont {margin-bottom:60px;} @@ -57,8 +72,8 @@ .mpgTitle a:after {content:""; display:block; position:absolute; left:0; top:50%; background:#8b8b8b;} .mpgTitle a:before {width:12px; height:2px; margin-top:-1px;} .mpgTitle a:after {width:2px; height:12px; margin-left:5px; margin-top:-6px;} -.mpgTitle span {content:""; display:block; width:20px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; cursor:pointer; background:url("/img/mypage/title_arrow.png")no-repeat center center;} -.mpgTitle span.on {background:url("/img/mypage/title_arrow_on.png")no-repeat center center;} +.mpgTitle span {content:""; display:block; width:20px; height:10px; position:absolute; right:0; top:50%; margin-top:-5px; cursor:pointer; background:url("../../img/mypage/title_arrow.png")no-repeat center center;} +.mpgTitle span.on {background:url("../../img/mypage/title_arrow_on.png")no-repeat center center;} .mpgDesc {background:#f9f9f9; padding:5px 10px;} .mpgcList.empty {padding:0 15px; border:solid 1px #0040b7;} .mpgcList.empty li:last-child {border-bottom:none;} @@ -69,15 +84,11 @@ .mpgcList li a h5 em, .mpgcList li a h5 span, .mpgcList li a h5 b {display:block; height:20px; line-height:20px; float:left;} +.mpgcList li a h5 span.inline {display: inline-block; float: none; vertical-align: middle; margin-top: -3px;} .mpgcList li a h5 em {font-size:14pt; color:#238dfa; margin-right:10px; font-style:normal;} .mpgcList li a h5 span {padding:0 10px; color:#fff; margin-right:5px; font-weight:300; font-size:10pt;} .mpgcList li a h5 span.mpglLable1 {background:#333583;} .mpgcList li a h5 span.mpglLable2 {background:#77b743;} -.mpgcList li a h5 span.ppl {background:#a404b2;} -.mpgcList li a h5 span.blu {background:#238dfa;} -.mpgcList li a h5 span.nav {background:#333583;} -.mpgcList li a h5 span.grn {background:#77b743;} -.mpgcList li a h5 span.org {background:#f36f21;} .mpgcList li a h5 b {font-size:14pt; font-weight:400;} .mpgcList li a dl {padding-top:10px;} .mpgcList li a dl:after {content:""; display:table; clear:both;} @@ -94,12 +105,12 @@ .mpgnList li:last-child {padding-bottom:0;} .mpgnList li > div {background:#fff; padding:20px 10px; position:relative;} .mpgnList li a {display:inline-block;} -.mpgnList li h5 {font-size:12pt; font-weight:400; overflow:hidden; text-overflow:ellipsis;} +.mpgnList li h5 {font-size:12pt; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mpgnList li h5 span {color:#32b16c; margin-right:5px;} -.mpgnList li h6 {font-size:12pt; font-weight:400; overflow:hidden; text-overflow:ellipsis;} +.mpgnList li h6 {font-size:12pt; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mpgnList li p {font-size:10pt; color:#6b6b6b; margin-top:6px; font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mpgnList li p span {font-size:10pt; color:#ff0000;} -.mpgnClose {display:block; cursor:pointer; width:30px; height:30px; position:absolute; right:0; bottom:0; text-indent:-9999px; background:#f9f9f9 url("/img/mypage/notice_close.png")no-repeat center center; background-size:14px auto;} +.mpgnClose {display:block; cursor:pointer; width:30px; height:30px; position:absolute; right:0; bottom:0; text-indent:-9999px; background:#f9f9f9 url("../../img/mypage/notice_close.png")no-repeat center center; background-size:14px auto;} .mpgcEmpty p {padding:80px 0; text-align:center; font-size:14pt;} .mpgcEmpty a {display:block; height:70px; line-height:70px; text-align:center; background:#0040b7; color:#fff; font-size:13pt;} .mpgPtnr .lctcList {border:none; border-bottom:solid 1px #d6d6d6;} @@ -120,10 +131,10 @@ .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;} @@ -138,9 +149,9 @@ #mypage {padding-top:55px; padding-left:0;} #mypage.on {padding-left:0 !important;} #mpgTop {height:55px;} - #mpgTop h1 {height:54px; width:280px; margin:0 auto; background-size:auto 28px; float:none;} + #mpgTop h1 {height:54px; width:280px; margin:0 auto; background-size:auto 100% !important; float:none;} #mpgTop h2 {display:none;} - #mpgmClose {display:block; height:54px; width:54px; position:fixed; right:0; top:0; text-indent:-9999px; z-index:12; cursor:pointer; background:url("/img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} + #mpgmClose {display:block; height:54px; width:54px; position:fixed; right:0; top:0; text-indent:-9999px; z-index:12; cursor:pointer; background:url("../../img/common/gnb_close.png")no-repeat center center; background-size:24px auto;} .mpgtMenu {top:0; left:0; right:0; padding:0; background:#fff; height:70px; position:absolute; border-bottom:solid 1px #ccc;} .mpgtMenu li {float:left; margin-right:0; width:25%;} .mpgtMenu li:after {content:""; display:block; width:1px; background:#ccc; position:absolute; right:0; top:0; bottom:0;} @@ -148,7 +159,7 @@ .mpgtMenu li.lcttmUser {position:fixed; top:0; left:0; right:0; height:55px; width:100%; line-height:55px; background:#323381; padding-right:65px;} .mpgtMenu li.lcttmUser:after {display:none;} - .mpgtMenu li.lcttmUser a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 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;} + .mpgtMenu li.lcttmUser a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 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;} .mpgtMenu li.lcttmUser a span {font-size:12pt; color:#fffc00;} .mpgtMenu li.lcttmUser a b {font-size:12pt; color:#fff; font-weight:400;} .mpgtMenu li.lcttmUser div {display:none;} @@ -159,19 +170,19 @@ .mpgtMenu li.lcttm a span {display:none;} .mpgtMenu 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%;} .mpgtMenu li.lcttmHome {} - .mpgtMenu li.lcttmHome div {background:url("/img/mypage/mobile_gnb_loginok_ico01_bk.png")no-repeat center center;} - .mpgtMenu li.lcttmMsg div {background:url("/img/mypage/mobile_gnb_loginok_ico02_bk.png")no-repeat center center;} - .mpgtMenu li.lcttmNoti div {background:url("/img/mypage/mobile_gnb_loginok_ico03_bk.png")no-repeat center center;} - .mpgtMenu li.lcttmOut div {background:url("/img/mypage/mobile_gnb_loginok_ico04_bk.png")no-repeat center center;} - .mpgtMenu li.lcttmHome a:after {content:"메인페이지"; display:block; text-align:center; color:#222; font-size:10pt;} - .mpgtMenu li.lcttmMsg a:after {content:"쪽지"; display:block; text-align:center; color:#222; font-size:10pt;} - .mpgtMenu li.lcttmNoti a:after {content:"알림"; display:block; text-align:center; color:#222; font-size:10pt;} - .mpgtMenu li.lcttmOut a:after {content:"로그아웃"; display:block; text-align:center; color:#222; font-size:10pt;} + .mpgtMenu li.lcttmHome div {background:url("../../img/mypage/mobile_gnb_loginok_ico01_bk.png")no-repeat center center;} + .mpgtMenu li.lcttmMsg div {background:url("../../img/mypage/mobile_gnb_loginok_ico02_bk.png")no-repeat center center;} + .mpgtMenu li.lcttmNoti div {background:url("../../img/mypage/mobile_gnb_loginok_ico03_bk.png")no-repeat center center;} + .mpgtMenu li.lcttmOut div {background:url("../../img/mypage/mobile_gnb_loginok_ico04_bk.png")no-repeat center center;} + .mpgtMenu li.lcttmHome a p {display:block; text-align:center; color:#222; font-size:10pt;} + .mpgtMenu li.lcttmMsg a p {display:block; text-align:center; color:#222; font-size:10pt;} + .mpgtMenu li.lcttmNoti a p {display:block; text-align:center; color:#222; font-size:10pt;} + .mpgtMenu li.lcttmOut a p {display:block; text-align:center; color:#222; font-size:10pt;} #mctmbMypg { 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%; } #mpgtmbBtn {display:block; position:absolute; top:0; left:0; height:100%; cursor:pointer; padding:17px 20px; margin:0; z-index:10;} @@ -185,7 +196,7 @@ #mpgtmbBtn.on span.slice2 {opacity:0} #mpgtmbBtn.on span.slice3 {margin-top:-16px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} #mpgmbMenu {position:fixed; top:55px; left:0; right:0; bottom:0; z-index:100; background:#fff; display:none; padding-top:70px;} - #mpgmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:0; cursor:pointer; text-indent:-9999px; z-index:12; cursor:pointer; background:url("/img/common/mypage_close.png")no-repeat center center; background-size:24px auto;} + #mpgmbClose {display:block; height:54px; width:54px; position:absolute; right:0; top:0; cursor:pointer; text-indent:-9999px; z-index:12; cursor:pointer; background:url("../../img/common/mypage_close.png")no-repeat center center; background-size:24px auto;} #mpgMenu {position:static; width:100%; height:100%; border-right:none; overflow-y:auto; -webkit-overflow-scrolling: touch;} #mpgMenu.on {width:50px;} .mpgsdCont {height:auto !important;} @@ -194,6 +205,12 @@ .mpgSlide .slick-dots ul li {width:8px; height:8px;} #mpgWrap {} .mpgCont {padding:25px 15px;} + + .mpgDsc {margin-bottom: 30px;} + .mpgDsc ul {padding: 10px;} + .mpgDsc ul li {font-size: 10pt; padding-left: 8px; margin-bottom: 5px;} + .mpgDsc p a {margin-left: 10px;} + .mpgClass {width:100%;} .mpgNoti {width:100%; padding-left:0;} .mpgcCont {margin-bottom:40px;} @@ -254,11 +271,7 @@ .ltaList h5 b {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; margin-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ltaList h5 em {color:#238dfa; font-style:normal;} .ltaList h5 span {color:#fff; background:#333583; padding:0 10px; font-size:10pt;} -.ltaList h5 span.ppl {background:#a404b2;} -.ltaList h5 span.blu {background:#238dfa;} -.ltaList h5 span.nav {background:#333583;} -.ltaList h5 span.grn {background:#77b743;} -.ltaList h5 span.org {background:#f36f21;} +.ltaList h5 span.ppl {background:#a404b2} .ltaList h5 b {font-weight:400; margin-right:0;} .ltaList h5 a.tstlTitle {font-size:13pt; display:inline-block; vertical-align:middle; height:20px; line-height:20px; margin-right:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .ltaList h5 a.print {display:inline-block; height:30px; line-height:30px; background:#000; color:#fff; font-size:10pt; padding:0 15px; margin-left:10px;} @@ -297,8 +310,8 @@ .ltaDesc ul li:last-child {margin-bottom:0;} .ltaDesc ul li b {font-size:12pt; color:#000; font-weight:400;} .ltaOpen {display:inline-block !important; text-align:left; height:20px; line-height:20px; cursor:pointer; font-size:11pt !important; padding-right:30px; position:relative;} -.ltaOpen:after {content:""; display:block; width:20px; height:20px; border:solid 1px #666; position:absolute; right:0; top:50%; margin-top:-10px; background: url("/img/mypage/title_arrow.png")no-repeat center center; background-size:auto 5px !important;} -.ltaOpen.on:after {background:url("/img/mypage/title_arrow_on.png")no-repeat center center;} +.ltaOpen:after {content:""; display:block; width:20px; height:20px; border:solid 1px #666; position:absolute; right:0; top:50%; margin-top:-10px; background: url("../../img/mypage/title_arrow.png")no-repeat center center; background-size:auto 5px !important;} +.ltaOpen.on:after {background:url("../../img/mypage/title_arrow_on.png")no-repeat center center;} @@ -398,9 +411,9 @@ .mpgPopWrap.wdth650 {max-width:650px;} .mpgPopWrap.wdth660 {max-width:660px;} .mpgPopWrap.wdth1140 {max-width:1140px;} -.mpgPopTitle {background:#0068b7; position:relative; padding:0 20px;} +.mpgPopTitle {background:#1e52bd; position:relative; padding:0 20px;} .mpgPopTitle h5 {height:60px; line-height:60px; color:#fff; font-size:16pt;} -.mpgPopTitle 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;} +.mpgPopTitle 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;} .mpgPopCont {padding:50px; overflow-y:auto;} .mpgPopCont img {display:block; margin:0 auto; max-width:100%;} .mpgPopBtn {text-align:center; margin-top:50px;} @@ -442,7 +455,7 @@ .mpgpResult td p {font-size:12pt; color:#000; text-align:left; font-weight:300;} .mpgpIdent {padding:50px;} .mpgpIdent > h5 {text-align:center; margin-top:50px;} -.mpgpIdent > h5 span {display:inline-block; font-size:24pt; font-weight:700; height:64px; line-height:64px; padding-right:20px; background:url("/img/mypage/popup_sign.jpg")no-repeat right center;} +.mpgpIdent > h5 span {display:inline-block; font-size:24pt; font-weight:700; height:64px; line-height:64px; padding-right:20px; background:url("../../img/mypage/popup_sign.jpg")no-repeat right center;} .mpgpIprofile {position:relative; padding-left:170px; min-height:190px;} .mpgpIprofile em {display:block; position:absolute; width:150px; height:190px; left:0; top:0; bottom:0; border:solid 1px #d6d6d6; background-size:cover !important;} .mpgpIprofile h5 {font-size:14pt;} @@ -496,6 +509,7 @@ .mpgpItable td {padding:5px 10px; font-size:10pt;} .mpgpItable td span {font-size:10pt;} .mpgpItable th {width:100px;} + .mpgpList {padding:15px;} } @@ -541,7 +555,7 @@ .bskBtn li a {display:block; width:180px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838; color:#383838;} .bskBtn li a.bk {background:#383838; color:#fff;} .bskDesc {padding:20px; background:#ecf4fb;} -.bskDesc h5 {font-size:14pt; color:#000; padding-left:40px; height:30px; line-height:30px; margin-bottom:10px; background:url("/img/mypage/basket_desc.png")no-repeat left center; background-size:auto 30px;} +.bskDesc h5 {font-size:14pt; color:#000; padding-left:40px; height:30px; line-height:30px; margin-bottom:10px; background:url("../../img/mypage/basket_desc.png")no-repeat left center; background-size:auto 30px;} .bskDesc li {font-size:11pt; color:#000; padding-left:8px; position:relative; margin-bottom:5px; font-weight:300;} .bskDesc li:last-child {margin-bottom:0;} .bskDesc li:before {content:""; display:block; width:2px; height:2px; background:#888; position:absolute; left:0; top:10px; border-radius: 100% 100% 100% 100%; -moz-border-radius: 100% 100% 100% 100%; -webkit-border-radius: 100% 100% 100% 100%;} @@ -555,8 +569,8 @@ .bskCost td div {position:relative; font-size:12pt;} .bskCost td div:before, .bskCost td div:after {content:""; display:block; width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; background-size:cover !important;} -.bskCost td div:before {left:-20px; background:url("/img/mypage/basket_plus.png")no-repeat left center;} -.bskCost td div:after {right:-20px; background:url("/img/mypage/basket_result.png")no-repeat left center;} +.bskCost td div:before {left:-20px; background:url("../../img/mypage/basket_plus.png")no-repeat left center;} +.bskCost td div:after {right:-20px; background:url("../../img/mypage/basket_result.png")no-repeat left center;} .bskCost td b {font-size:18pt; color:#ff0000; font-weight:500;} .bskCost td span {font-size:16pt;} .bskTable {border-top:solid 2px #d6d6d6; border-left:solid 2px #fff; border-right:solid 2px #fff;} @@ -757,13 +771,13 @@ .odrChk label {display:block; line-height:20px;} .odrPopBtn {text-align:center; padding-top:30px; padding-bottom:20px;} .odrPopBtn li {display:inline-block; margin:0 5px;} -.odrPopBtn li a {display:block; width:100px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #383838;} -.odrPopBtn li a.bk {background:#383838; color:#fff;} +.odrPopBtn li a {display:block; width:100px; height:50px; line-height:48px; font-size:12pt; border:solid 1px #0047a7;} +.odrPopBtn li a.bk {background:#0047a7; color:#fff;} .odrPopBtn.col1 li a {width:180px;} .odrpDesc {padding:10px 0;} .odrRfnd {} -.odrRfnd span {font-size:11pt; color:#000 !important; cursor:pointer; display:inline-block; margin-bottom:10px; padding-right:30px; background: url("/img/mypage/title_arrow.png")no-repeat right center; background-size:13px auto !important;} -.odrRfnd span.on {background: url("/img/mypage/title_arrow_on.png")no-repeat right center;} +.odrRfnd span {font-size:11pt; color:#000 !important; cursor:pointer; display:inline-block; margin-bottom:10px; padding-right:30px; background: url("../../img/mypage/title_arrow.png")no-repeat right center; background-size:13px auto !important;} +.odrRfnd span.on {background: url("../../img/mypage/title_arrow_on.png")no-repeat right center;} .odrRfnd > div {display:none;} .odrRcpt {display:inline-block; vertical-align:middle; width:90px; height:30px; line-height:30px; text-align:center; color:#fff; background:#333583; font-size:10pt !important; margin-left:10px;} @@ -805,7 +819,7 @@ .notifi li:last-child {margin-bottom:0;} .notifi li h5 {display:inline-block; vertical-align:middle; white-space:nowrap; font-size:13pt;} .notifi li span {display:inline-block; vertical-align:middle; white-space:nowrap; font-size:12pt; color:#888; margin-left:5px;} -.notifi li a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:20px; top:50%; margin-top:-15px; background:#f9f9f9 url("/img/mypage/notice_close.png")no-repeat center center; background-size:14px auto !important;} +.notifi li a {display:block; width:30px; height:30px; text-indent:-9999px; position:absolute; right:20px; top:50%; margin-top:-15px; background:#f9f9f9 url("../../img/mypage/notice_close.png")no-repeat center center; background-size:14px auto !important;} @@ -861,7 +875,7 @@ .notifi.msgList li {padding-left:60px;} .notifi.msgList li input[type="checkbox"] {display:block; width:20px; height:20px; position:absolute; left:20px; top:50%; margin-top:-10px;} .notifi.msgList li h4 {color:#888; font-size:12pt; font-weight:300;} -.msgFile a {display:inline-block; height:30px; line-height:30px; 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;} +.msgFile a {display:inline-block; height:30px; line-height:30px; 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;} @media (max-width:1000px) { @@ -880,7 +894,7 @@ .mpgpMdfy dl {padding:20px; background:#ecf4fb;} .mpgpMdfy dl dd {font-size:11pt; color:#000; margin-bottom:5px; font-weight:300;} .mpgpMdfy dl dd:last-child {margin-bottom:0;} -.mpgpMdfy h5 {color:#0068b7; font-size:14pt; margin-top:30px; margin-bottom:10px; text-align:center;} +.mpgpMdfy h5 {color:#1e52bd; font-size:14pt; margin-top:30px; margin-bottom:10px; text-align:center;} .mpgpMdfy textarea {display:block; width:100%; height:180px; resize:none;} @media (max-width:1000px) { @@ -899,7 +913,18 @@ .mdfyCpny input[type="text"] {float:left; width:420px;} .mdfyCpny a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13pt; background:#878787; width:90px; margin-left:10px; float:left;} +.mdfyAddr {position: relative;} +.mdfyAddr:after {content: ''; display: table; clear: both;} +.mdfyAddr li {float: left; width: 50%;} +.mdfyAddr li a {display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:13pt; background:#878787; width:90px;} +.mdfyAddr li:nth-child(2) {padding-left: 10px;} +.mdfyAddr li:nth-child(3) {padding-top: 10px;} +.mdfyAddr li:nth-child(4) {padding-top: 10px; padding-left: 10px;} +.mdfyBirth:after {content: ''; display: table; clear: both;} +.mdfyBirth p {float: left; height: 40px; line-height: 40px; width: 140px;} +.mdfyBirth a {display: block; width: 70px; height: 40px; line-height: 38px; text-align: center; border: solid 1px #000; float: left;} +.mdfySns {padding-top: 60px;} @media (max-width:1140px) { @@ -915,6 +940,18 @@ .mdfyCpny a {font-size:11pt; width:50px; margin-left:0; float:none; position:absolute; right:0; top:0;} + .mdfyAddr li {width: 100%;} + .mdfyAddr li a {font-size:11pt; width:70px; margin-left:0; float:none; position:absolute; right:0; top:0;} + .mdfyAddr li:nth-child(1) {padding-right: 75px;} + .mdfyAddr li:nth-child(2) {padding-left: 0; padding-top: 0;} + .mdfyAddr li:nth-child(3) {padding-top: 5px;} + .mdfyAddr li:nth-child(4) {padding-top: 5px; padding-left: 0;} + + .mdfyBirth {position: relative; padding-right: 75px;} + .mdfyBirth p {float: none; width: 100%;} + .mdfyBirth a {position: absolute; right: 0; top: 0;} + + } @media (max-width:800px) { @@ -934,3 +971,60 @@ + + +.mpgTab {margin-bottom: 20px;} +.mpgTab:after {content: ''; display: table; clear: both;} +.mpgTab li {float: left;} +.mpgTab.col2 li {width: 50%;} +.mpgTab li a {display: block; height: 50px; line-height: 48px; background: #f0f0f0; border: solid 1px #f0f0f0; color: #979797; text-align: center; font-size: 13pt;} +.mpgTab li.current a {color: #000; border: solid 1px #000; border-bottom: solid 1px #fff; background: #fff;} + + + + + + + + +.mpgPrnt {margin-top: 30px;} +.mpgPrnt thead {} +.mpgPrnt thead th {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; background:#f9f9f9; text-align:center; font-size:12pt; font-weight:300; padding:10px;} +.mpgPrnt tbody td {border-top:solid 1px #d6d6d6; border-bottom:solid 1px #d6d6d6; padding: 20px 0; text-align: center;} +.mpgPrnt tbody td.tal {text-align: left;} +.mpgPrnt tbody td h5 {color: #000; font-size: 14pt; font-weight: 400; margin-bottom: 10px;} +.mpgPrnt tbody td h5 span.sky {color: #238dfa;} +.mpgPrnt tbody td p {color: #888; margin-top: 5px; font-size: 12pt;} +.mpgpBtn {display: inline-block; color: #333583; border: solid 1px #333583; width: 70px; height: 40px; line-height: 38px; font-size: 12pt; text-align: center;} +.mpgpBtn.sky {color: #009ce5; border-color: #009ce5;} + + + +@media (max-width:1000px) { + .mpgPrnt thead {display:none;} + .mpgPrnt, + .mpgPrnt tbody, + .mpgPrnt tr, + .mpgPrnt th, + .mpgPrnt td {display:block;} + .mpgPrnt {border-bottom:solid 1px #d6d6d6;} + .mpgPrnt tr {border-top:solid 1px #d6d6d6; position:relative; padding: 15px 0;} + .mpgPrnt tbody th, + .mpgPrnt tbody td {border-top:none; border-bottom:none; position: relative; text-align: left; padding: 0;} + .mpgPrnt tbody th {text-align:left; width:100%;} + .mpgPrnt tbody td h5 {font-size: 12pt;} + .mpgPrnt tbody td p {margin-top: 0; font-size: 10pt;} + .mpgPrnt tbody td.tal {margin-bottom: 15px;} + .mpgPrnt tbody td:before {content:attr(data-th) ""; display:inline-block; vertical-align: middle; font-size:10pt; font-weight:400; color:#000; height: 34px; line-height: 34px; margin-right: 10px;} + .mpgPrnt tbody td.tal:before {display: none;} + .mpgpBtn {width: 50px; height: 30px; line-height: 28px; font-size: 10pt;} + +} + + + + + + + + diff --git a/FO/css/style.css b/FO/css/style.css index a058bdd..2badcae 100644 --- a/FO/css/style.css +++ b/FO/css/style.css @@ -2293,6 +2293,178 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;} .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;} +} + +