diff --git a/Base/Controller/FOCommon.cs b/Base/Controller/FOCommon.cs index 45c8a80..c479f4f 100644 --- a/Base/Controller/FOCommon.cs +++ b/Base/Controller/FOCommon.cs @@ -158,10 +158,9 @@ namespace NP.Base.Controllers [HttpPost] public JsonResult Join(Users u) { - u.email = u.userid; u.uip = GetUserIP(); //이메일, 아이디 중복 체크 - var u129 = Dao.Get("users.checkuser", new Hashtable() { { "userid", u.userid }, { "email", u.email } }).First(); + var u129 = Dao.Get("users.checkuser", new Hashtable() { { "userid", u.userid }, { "email", u.email },{"mobile",u.mobile } }).First(); if (u129 != 9) { return JsonOK(u129 * -1); @@ -338,6 +337,17 @@ namespace NP.Base.Controllers } return JsonOK(0); } + [HttpPost] + public JsonResult idchk(String id) + { + //이메일, 아이디 중복 체크 + var u129 = Dao.Get("users.usersbyuserids", new Hashtable() { { "userids", "'"+id+"'" },{"usertype",1} }); + if (u129.Count() > 0) + { + return JsonOK(-1); + } + return JsonOK(1); + } } } \ No newline at end of file diff --git a/Dao/CommonDao.cs b/Dao/CommonDao.cs index dd278c2..a96c1c8 100644 --- a/Dao/CommonDao.cs +++ b/Dao/CommonDao.cs @@ -511,6 +511,7 @@ namespace NP.Dao } return 0; } + //private void logcompleted(IAsyncResult result) //{ // MySql.Data.MySqlClient.MySqlCommand command = (MySql.Data.MySqlClient.MySqlCommand)result.AsyncState; diff --git a/Dao/DB/DB1.Scheme.txt b/Dao/DB/DB1.Scheme.txt index 15b7de1..c59b474 100644 --- a/Dao/DB/DB1.Scheme.txt +++ b/Dao/DB/DB1.Scheme.txt @@ -1411,3 +1411,11 @@ create table authkey ( ,keytime datetime not null ,primary key(authtype,userno)); +create table kcblog ( + cdt datetime NOT NULL DEFAULT current_timestamp(), + cp_cd varchar(12) NOT NULL, + mobile varbinary(200) DEFAULT NULL, + vssn varchar(14) DEFAULT NULL, + logmsg mediumtext DEFAULT NULL +) ENGINE=InnoDB DEFAULT CHARSET=utf8; + diff --git a/Dao/MyBatis/Maps/System.xml b/Dao/MyBatis/Maps/System.xml index f8d313e..3aba8c9 100644 --- a/Dao/MyBatis/Maps/System.xml +++ b/Dao/MyBatis/Maps/System.xml @@ -1291,5 +1291,13 @@ delete from ncsd where ndno=#ncsno# + + insert into kcblog (cdt,cp_cd,mobile,vssn,logmsg) + values(now(),#cp_cd# + ,case when #mobile# is not null then HEX(AES_ENCRYPT(#mobile#, )) else null end + ,#vssn# + ,#logmsg# + ); + diff --git a/Dao/MyBatis/Maps/User.xml b/Dao/MyBatis/Maps/User.xml index 3110c52..517e32c 100644 --- a/Dao/MyBatis/Maps/User.xml +++ b/Dao/MyBatis/Maps/User.xml @@ -237,7 +237,7 @@ ,case when c.refcode='9' then a.ccpositionetc else c.cname end ccpositionname ,case when a.usertype=1 then '교육생' when d.authname is null then '-' else d.authname end usertypestr ,CAST(AES_DECRYPT(UNHEX(a.birthday), ) AS char) birthday - ,a.uduty,a.slevel,a.isacceptmobile + ,a.uduty,a.slevel,a.isacceptmobile,a.vssn ,row_number() over(order by $orderby$a.username) rno ,count(a.cdt) over() pagetotalcount from users a @@ -267,6 +267,7 @@ CAST(AES_DECRYPT(UNHEX(a.mobile), ) AS char) like concat('%',#mobile#,'%') a.usertype > #usertypeover# + a.vssn = #vssn# ) a order by a.rno @@ -285,9 +286,12 @@ where a.userno in ($usernos$) insert into users(usertype,userkind,userid,userpass,username,usernameeng @@ -295,13 +299,13 @@ ,asno,pasname,depart,ccposition,ccpositionetc,fgnoprofile,ccjobs ,userpno,bankname,bankno ,post,address1,address2,introhtml,status,logintime,send335time,pwcalltime,pwcallno,eastereggkey,eetime,kfcfyear,isassignuser,edus - ,isacceptmobile,uduty,slevel,jointype,birthday,) + ,isacceptmobile,uduty,slevel,jointype,birthday,snsid,rrnum,di,ci,vssn,) values (#usertype#,#userkind#,#userid#,#userpass#,#username#,#usernameeng# ,gender,HEX(AES_ENCRYPT(#email#, )),#isacceptemail#,HEX(AES_ENCRYPT(#mobile#, )),HEX(AES_ENCRYPT(#telno#, )) ,#asno#,#pasname#,#depart#,#ccposition#,#ccpositionetc#,#fgnoprofile#,#ccjobs# ,HEX(AES_ENCRYPT(#userpno#, )),#bankname#,HEX(AES_ENCRYPT(#bankno#, )) ,#post#,#address1#,#address2#,#introhtml#,#status#,,null,null,null,null,null,#kfcfyear#,#isassignuser#,#edus# - ,#isacceptmobile#,#uduty#,#slevel#,0,HEX(AES_ENCRYPT(#birthday#, )),); + ,#isacceptmobile#,#uduty#,#slevel#,#jointype#,HEX(AES_ENCRYPT(#birthday#, )),#snsid#,HEX(AES_ENCRYPT(#rrnum#, )),#di#,#ci#,#vssn#,); SELECT LAST_INSERT_ID() diff --git a/FO/Controllers/AccountController.cs b/FO/Controllers/AccountController.cs index 6cf5e50..ae732e1 100644 --- a/FO/Controllers/AccountController.cs +++ b/FO/Controllers/AccountController.cs @@ -8,6 +8,9 @@ using NP.Model; using System.Security.Claims; using System.Collections; using System.Text; +using Newtonsoft.Json.Linq; +using Newtonsoft.Json; +using OkCert3Com; namespace NP.FO.Controllers { @@ -59,7 +62,7 @@ namespace NP.FO.Controllers if (Url.IsLocalUrl(returnUrl)){return Redirect(returnUrl);} else {return RedirectToAction(nameof(HomeController.Index), "Home");} } - public ActionResult Join() + public ActionResult Join(VMUser vm) { //if ("Y".Equals(GetConfig("usessl")) && !Request.IsSecureConnection) //{ @@ -67,12 +70,16 @@ namespace NP.FO.Controllers //} //else //{ - ViewBag.JoinOK = false; - if (GetInt(Request["intval"]) == 1) - { - ViewBag.JoinOK = true; - } - return View(); + if(vm.User == null) + { + vm.User = new Users() { }; + } + ViewBag.JoinOK = false; + if (GetInt(Request["intval"]) == 1) + { + ViewBag.JoinOK = true; + } + return View(vm); //} } public ActionResult CallOrder(){return View();} @@ -435,5 +442,399 @@ namespace NP.FO.Controllers } return RedirectToAction("Index"); } + + public ActionResult JoinTSel() + { + return View(); + } + + public ActionResult JoinIdVeri() + { + return View(); + } + + /// + /// 본인인증 요청(mobile(가입이전,휴대폰인증),ipin) + /// + /// + /// + public ActionResult CertOk3Req(String sel) + { + String CP_CD = "V47690000000"; + String SITE_NAME = "YNICTE"; + String REQ_SITE_NM = "YNICTE"; + String REQ_URL = ""; + String RETURN_MSG = ""; + String SITE_URL = GetConfig("fronturl"); + String RQST_CAUS_CD = "00"; + String target = "PROD"; + String param = null; + String RSLT_CD = null; + String RSLT_MSG = null; + String MDL_TKN = null; + String TX_SEQ_No = null; + String RETURN_URL = ""; + String RTN_URL = ""; + String CHNL_CD = ""; + String license = ""; + String svcName = ""; + ViewBag.sel = sel; + ViewBag.tcUrl = ""; + ViewBag.PopupUrl = ""; + + //return url 설정 + RETURN_URL = GetConfig("fronturl") + "/Account/CertOk3" + sel; + RTN_URL = GetConfig("fronturl") + "/Account/CertOk3" + sel; + //모바일팝업 + if (sel == "MOBI" || sel == "MCHK") + { + license = "C:\\Windows\\SysWOW64\\" + CP_CD + "_IDS_01_" + target + "_AES_license.dat"; + svcName = "IDS_HS_POPUP_START"; + ViewBag.tcUrl = "kcb.oknm.online.safehscert.popup.cmd.P931_CertChoiceCmd"; + ViewBag.PopupUrl = "https://safe.ok-name.co.kr/CommonSvl"; + } + else if (sel == "IPIN") + { + license = "C:\\Windows\\SysWOW64\\" + CP_CD + "_TIS_01_" + target + "_AES_license.dat"; + svcName = "TIS_IPIN_POPUP_START"; + ViewBag.tcUrl = "kcb.tis.ti.cmd.LoginRPCert3Cmd"; + ViewBag.PopupUrl = "https://ipin.ok-name.co.kr/CommonSvl"; + } + + + JObject reqJson = new JObject(); + reqJson.Add("RETURN_URL", RETURN_URL); + reqJson.Add("REQ_SITE_NM", REQ_SITE_NM); + reqJson.Add("REQ_URL", REQ_URL); + reqJson.Add("RTN_URL", RTN_URL); + reqJson.Add("SITE_NAME", SITE_NAME); + reqJson.Add("SITE_URL", SITE_URL); + reqJson.Add("CHNL_CD", CHNL_CD); + reqJson.Add("RQST_CAUS_CD", RQST_CAUS_CD); + reqJson.Add("RETURN_MSG", RETURN_MSG); + + param = JsonConvert.SerializeObject(reqJson); + reqJson.RemoveAll(); + reqJson = null; + + //OkCert3 실행1 + OkCert3 myObject = new OkCert3Com.OkCert3() { }; + //객체생성실패 + if (myObject == null) + { + ViewBag.result = null; + } + else + { + //모듈호출, 결과 + dynamic ret = myObject.callOkCert3(target, CP_CD, svcName, param, license, out object mOut); + ViewBag.ret = ret; + + if (ret != 0) + { + ViewBag.result = null; + } + else + { + JObject outputobj = JObject.FromObject(JsonConvert.DeserializeObject(mOut.ToString())); + RSLT_CD = outputobj["RSLT_CD"].ToString(); + RSLT_MSG = outputobj["RSLT_MSG"].ToString(); + MDL_TKN = outputobj["MDL_TKN"].ToString(); + TX_SEQ_No = outputobj["TX_SEQ_NO"].ToString(); + } + } + ViewBag.result = CP_CD + ":" + RSLT_CD + ":" + RSLT_MSG + ":" + MDL_TKN + ":" + TX_SEQ_No; + return View(); + } + + /// + /// 휴대폰인증 결과 + /// + /// + public ActionResult CertOk3MOBI() + { + String MDL_TKN = Request["MDL_TKN"]; + String CP_CD = "V47690000000"; + String target = "PROD"; + String svcName = "IDS_HS_POPUP_RESULT"; + String license = "C:\\Windows\\SysWOW64\\" + CP_CD + "_IDS_01_" + target + "_AES_license.dat"; + String TX_SEQ_NO = null; + String RSLT_CD = null; + String RSLT_MSG = null; + + String RSLT_NAME = null; + String RSLT_BIRTHDAY = null; + String RSLT_SEX_CD = null; + String RSLT_NTV_FRNR_CD = null; + String DI = null; + String CI = null; + String CI_UPDATE = null; + String TEL_COM_CD = null; + String TEL_NO = null; + String RETURN_MSG = null; + + JObject reqJson = new JObject(); + JObject outputobj = new JObject(); + reqJson.Add("MDL_TKN", MDL_TKN); + + String param = JsonConvert.SerializeObject(reqJson); + reqJson.RemoveAll(); + reqJson = null; + + OkCert3 myObject = new OkCert3Com.OkCert3() { }; + if (myObject == null) + { + RETURN_MSG = null; + } + else + { + dynamic ret = myObject.callOkCert3(target, CP_CD, svcName, param, license, out object mOut); + ViewBag.ret = ret; + myObject = null; + + outputobj = JObject.FromObject(JsonConvert.DeserializeObject(mOut.ToString())); + TX_SEQ_NO = outputobj["TX_SEQ_NO"].ToString(); + RSLT_CD = outputobj["RSLT_CD"].ToString(); + RSLT_MSG = outputobj["RSLT_MSG"].ToString(); + RETURN_MSG = outputobj["RETURN_MSG"].ToString(); + + if (RSLT_CD == "B000") + { + RSLT_NAME = outputobj["RSLT_NAME"].ToString(); + RSLT_BIRTHDAY = outputobj["RSLT_BIRTHDAY"].ToString(); + RSLT_SEX_CD = outputobj["RSLT_SEX_CD"].ToString(); + RSLT_NTV_FRNR_CD = outputobj["RSLT_NTV_FRNR_CD"].ToString(); + DI = outputobj["DI"].ToString(); + CI = outputobj["CI"].ToString(); + CI_UPDATE = outputobj["CI_UPDATE"].ToString(); + TEL_COM_CD = outputobj["TEL_COM_CD"].ToString(); + TEL_NO = outputobj["TEL_NO"].ToString(); + //Users users = new Users() + //{ + // username = RSLT_NAME, + // birthday = RSLT_BIRTHDAY, + // di=DI, + // mobile = TEL_NO, + // jointype=0 + //}; + 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 } }); + if (chk.Count() > 0) + { + RSLT_CD = "U000"; + RSLT_MSG = "이미 해당 휴대폰번호로 등록된 회원이 존재합니다."; + } + } + else + { + RSLT_CD = "U001"; + RSLT_MSG = "휴대폰 번호 오류"; + } + } + outputobj = null; + mOut = null; + ViewBag.result = CP_CD + ":" + TX_SEQ_NO + ":" + RSLT_CD + ":" + RSLT_MSG + ":" + + RSLT_NAME + ":" + RSLT_BIRTHDAY + ":" + RSLT_SEX_CD + ":" + RSLT_NTV_FRNR_CD + ":" + + DI + ":" + CI + ":" + CI_UPDATE + ":" + TEL_COM_CD + ":" + + TEL_NO + ":" + RETURN_MSG; + Dao.Save("sys.kcblog.in", new System.Collections.Hashtable() { { "cp_cd", CP_CD }, { "mobile", TEL_NO }, { "logmsg", "RSLT_CD:" + RSLT_CD + "&RSLT_MSG:" + RSLT_MSG } }); + } + return View(); + } + + /// + /// 휴대폰인증 결과 + /// + /// + public ActionResult CertOk3MCHK() + { + String MDL_TKN = Request["MDL_TKN"]; + String CP_CD = "V47690000000"; + String target = "PROD"; + String svcName = "IDS_HS_POPUP_RESULT"; + String license = "C:\\Windows\\SysWOW64\\" + CP_CD + "_IDS_01_" + target + "_AES_license.dat"; + String TX_SEQ_NO = null; + String RSLT_CD = null; + String RSLT_MSG = null; + + String RSLT_NAME = null; + String RSLT_BIRTHDAY = null; + String RSLT_SEX_CD = null; + String RSLT_NTV_FRNR_CD = null; + String DI = null; + String CI = null; + String CI_UPDATE = null; + String TEL_COM_CD = null; + String TEL_NO = null; + String RETURN_MSG = null; + + JObject reqJson = new JObject(); + JObject outputobj = new JObject(); + reqJson.Add("MDL_TKN", MDL_TKN); + + String param = JsonConvert.SerializeObject(reqJson); + reqJson.RemoveAll(); + reqJson = null; + + OkCert3 myObject = new OkCert3Com.OkCert3() { }; + if (myObject == null) + { + RETURN_MSG = null; + } + else + { + dynamic ret = myObject.callOkCert3(target, CP_CD, svcName, param, license, out object mOut); + ViewBag.ret = ret; + myObject = null; + + outputobj = JObject.FromObject(JsonConvert.DeserializeObject(mOut.ToString())); + TX_SEQ_NO = outputobj["TX_SEQ_NO"].ToString(); + RSLT_CD = outputobj["RSLT_CD"].ToString(); + RSLT_MSG = outputobj["RSLT_MSG"].ToString(); + RETURN_MSG = outputobj["RETURN_MSG"].ToString(); + + if (RSLT_CD == "B000") + { + RSLT_NAME = outputobj["RSLT_NAME"].ToString(); + RSLT_BIRTHDAY = outputobj["RSLT_BIRTHDAY"].ToString(); + RSLT_SEX_CD = outputobj["RSLT_SEX_CD"].ToString(); + RSLT_NTV_FRNR_CD = outputobj["RSLT_NTV_FRNR_CD"].ToString(); + DI = outputobj["DI"].ToString(); + CI = outputobj["CI"].ToString(); + CI_UPDATE = outputobj["CI_UPDATE"].ToString(); + TEL_COM_CD = outputobj["TEL_COM_CD"].ToString(); + TEL_NO = outputobj["TEL_NO"].ToString(); + //Users users = new Users() + //{ + // username = RSLT_NAME, + // birthday = RSLT_BIRTHDAY, + // di=DI, + // mobile = TEL_NO, + // jointype=0 + //}; + 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 } }); + if (chk.Count() > 0) + { + RSLT_CD = "U000"; + RSLT_MSG = "이미 해당 휴대폰번호로 등록된 회원이 존재합니다."; + } + } + else + { + RSLT_CD = "U001"; + RSLT_MSG = "휴대폰 번호 오류"; + } + } + outputobj = null; + mOut = null; + ViewBag.result = CP_CD + ":" + TX_SEQ_NO + ":" + RSLT_CD + ":" + RSLT_MSG + ":" + + RSLT_NAME + ":" + RSLT_BIRTHDAY + ":" + RSLT_SEX_CD + ":" + RSLT_NTV_FRNR_CD + ":" + + DI + ":" + CI + ":" + CI_UPDATE + ":" + TEL_COM_CD + ":" + + TEL_NO + ":" + RETURN_MSG; + Dao.Save("sys.kcblog.in", new System.Collections.Hashtable() { { "cp_cd", CP_CD }, { "mobile", TEL_NO }, { "logmsg", "RSLT_CD:" + RSLT_CD + "&RSLT_MSG:" + RSLT_MSG } }); + } + return View(); + } + + /// + /// IPIN인증 결과 + /// + /// + public ActionResult CertOk3IPIN() + { + String MDL_TKN = Request["MDL_TKN"]; + String CP_CD = "V47690000000"; + String target = "PROD"; + String svcName = "TIS_IPIN_POPUP_RESULT"; + String license = "C:\\Windows\\SysWOW64\\" + CP_CD + "_TIS_01_" + target + "_AES_license.dat"; + String TX_SEQ_NO = null; + String RSLT_CD = null; + String RSLT_MSG = null; + + String RSLT_NAME = null; + String RSLT_BIRTHDAY = null; + String RSLT_SEX_CD = null; + String RSLT_NTV_FRNR_CD = null; + String DI = null; + String CI = null; + String CI_UPDATE = null; + String VSSN = null; + String RETURN_MSG = null; + + JObject reqJson = new JObject(); + JObject outputobj = new JObject(); + reqJson.Add("MDL_TKN", MDL_TKN); + + String param = JsonConvert.SerializeObject(reqJson); + reqJson.RemoveAll(); + reqJson = null; + + OkCert3 myObject = new OkCert3Com.OkCert3() { }; + if (myObject == null) + { + RETURN_MSG = null; + } + else + { + dynamic ret = myObject.callOkCert3(target, CP_CD, svcName, param, license, out object mOut); + ViewBag.ret = ret; + myObject = null; + + outputobj = JObject.FromObject(JsonConvert.DeserializeObject(mOut.ToString())); + TX_SEQ_NO = outputobj["TX_SEQ_NO"].ToString(); + RSLT_CD = outputobj["RSLT_CD"].ToString(); + RSLT_MSG = outputobj["RSLT_MSG"].ToString(); + RETURN_MSG = outputobj["RETURN_MSG"].ToString(); + + if (RSLT_CD == "T000") + { + RSLT_NAME = outputobj["RSLT_NAME"].ToString(); + RSLT_BIRTHDAY = outputobj["RSLT_BIRTHDAY"].ToString(); + RSLT_SEX_CD = outputobj["RSLT_SEX_CD"].ToString(); + RSLT_NTV_FRNR_CD = outputobj["RSLT_NTV_FRNR_CD"].ToString(); + DI = outputobj["DI"].ToString(); + CI = outputobj["CI"].ToString(); + CI_UPDATE = outputobj["CI_UPDATE"].ToString(); + VSSN = outputobj["VSSN"].ToString(); + //Users users = new Users() + //{ + // username = RSLT_NAME, + // birthday = RSLT_BIRTHDAY, + // di = DI, + // ci = CI, + // vssn = VSSN, + // jointype = 0 + //}; + if (!string.IsNullOrEmpty(VSSN)) + { + IList chk = Dao.Get("users.users", new System.Collections.Hashtable() { { "vssn", VSSN } }); + if (chk.Count() > 0) + { + RSLT_CD = "U000"; + RSLT_MSG = "이미 해당 ipin으로 등록된 회원이 존재합니다."; + } + } + else + { + RSLT_CD = "U001"; + RSLT_MSG = "ipin 번호 오류"; + } + } + outputobj = null; + mOut = null; + ViewBag.result = CP_CD + ":" + TX_SEQ_NO + ":" + RSLT_CD + ":" + RSLT_MSG + ":" + + RSLT_NAME + ":" + RSLT_BIRTHDAY + ":" + RSLT_SEX_CD + ":" + RSLT_NTV_FRNR_CD + ":" + + DI + ":" + CI + ":" + CI_UPDATE + ":" + VSSN + ":" + + RETURN_MSG; + //vm.stringval = "CP_CD:" + CP_CD + "&RSLT_CD:" + RSLT_CD + "&RSLT_MSG:" + RSLT_MSG; + Dao.Save("sys.kcblog.in", new System.Collections.Hashtable() { {"cp_cd",CP_CD },{"vssn", VSSN}, { "logmsg", "RSLT_CD:" + RSLT_CD + "&RSLT_MSG:" + RSLT_MSG } }); + } + return View(); + } } } \ No newline at end of file diff --git a/FO/Controllers/FOBaseController.cs b/FO/Controllers/FOBaseController.cs index 837d85b..c91433b 100644 --- a/FO/Controllers/FOBaseController.cs +++ b/FO/Controllers/FOBaseController.cs @@ -120,6 +120,7 @@ namespace NP.FO.Controllers else if (!Request.Url.AbsolutePath.ToUpper().StartsWith("/OPEN/") && !Request.Url.AbsolutePath.ToUpper().StartsWith("/HOME/POPUP") && !Request.Url.AbsolutePath.ToUpper().StartsWith("/ACCOUNT/ERROR") && + !Request.Url.AbsolutePath.ToUpper().StartsWith("/ACCOUNT/CERTOK3") && Request.Url.AbsolutePath.ToUpper() != "/ACCOUNT/ADMINEE") { filterContext.Result = new RedirectResult("/Account/Error"); diff --git a/FO/FO.csproj b/FO/FO.csproj index 97272e6..1016cd2 100644 --- a/FO/FO.csproj +++ b/FO/FO.csproj @@ -68,6 +68,10 @@ False ..\References\NPDao.dll + + ..\References\OkCert3ComLib.dll + True + ..\packages\Spring.Aop.2.0.1\lib\net45\Spring.Aop.dll @@ -588,6 +592,13 @@ + + + + + + + diff --git a/FO/Views/Account/CertOk3IPIN.cshtml b/FO/Views/Account/CertOk3IPIN.cshtml new file mode 100644 index 0000000..8003d2b --- /dev/null +++ b/FO/Views/Account/CertOk3IPIN.cshtml @@ -0,0 +1,44 @@ +@{ + Layout = null; + var CP_CD = (ViewBag.result ?? "").Split(':')[0]; + var TX_SEQ_NO = (ViewBag.result ?? "").Split(':')[1]; + var RSLT_CD = (ViewBag.result ?? "").Split(':')[2]; + var RSLT_MSG = (ViewBag.result ?? "").Split(':')[3]; + var RSLT_NAME = (ViewBag.result ?? "").Split(':')[4]; + var RSLT_BIRTHDAY = (ViewBag.result ?? "").Split(':')[5]; + var RSLT_SEX_CD = (ViewBag.result ?? "").Split(':')[6]; + var RSLT_NTV_FRNR_CD = (ViewBag.result ?? "").Split(':')[7]; + var DI = (ViewBag.result ?? "").Split(':')[8]; + var CI = (ViewBag.result ?? "").Split(':')[9]; + var CI_UPDATE = (ViewBag.result ?? "").Split(':')[10]; + var VSSN = (ViewBag.result ?? "").Split(':')[11]; + var RETURN_MSG = (ViewBag.result ?? "").Split(':')[12]; +} + + +
+
+ + \ No newline at end of file diff --git a/FO/Views/Account/CertOk3MCHK.cshtml b/FO/Views/Account/CertOk3MCHK.cshtml new file mode 100644 index 0000000..c65d08a --- /dev/null +++ b/FO/Views/Account/CertOk3MCHK.cshtml @@ -0,0 +1,47 @@ +@{ + Layout = null; + var CP_CD = (ViewBag.result ?? "").Split(':')[0]; + var TX_SEQ_NO = (ViewBag.result ?? "").Split(':')[1]; + var RSLT_CD = (ViewBag.result ?? "").Split(':')[2]; + var RSLT_MSG = (ViewBag.result ?? "").Split(':')[3]; + var RSLT_NAME = (ViewBag.result ?? "").Split(':')[4]; + var RSLT_BIRTHDAY = (ViewBag.result ?? "").Split(':')[5]; + var RSLT_SEX_CD = (ViewBag.result ?? "").Split(':')[6]; + var RSLT_NTV_FRNR_CD = (ViewBag.result ?? "").Split(':')[7]; + var DI = (ViewBag.result ?? "").Split(':')[8]; + var CI = (ViewBag.result ?? "").Split(':')[9]; + var CI_UPDATE = (ViewBag.result ?? "").Split(':')[10]; + var TEL_COM_CD = (ViewBag.result ?? "").Split(':')[11]; + var TEL_NO = (ViewBag.result ?? "").Split(':')[12]; + var RETURN_MSG = (ViewBag.result ?? "").Split(':')[13]; +} + + +
+
+ + \ No newline at end of file diff --git a/FO/Views/Account/CertOk3MOBI.cshtml b/FO/Views/Account/CertOk3MOBI.cshtml new file mode 100644 index 0000000..0b37080 --- /dev/null +++ b/FO/Views/Account/CertOk3MOBI.cshtml @@ -0,0 +1,46 @@ +@{ + Layout = null; + var CP_CD = (ViewBag.result ?? "").Split(':')[0]; + var TX_SEQ_NO = (ViewBag.result ?? "").Split(':')[1]; + var RSLT_CD = (ViewBag.result ?? "").Split(':')[2]; + var RSLT_MSG = (ViewBag.result ?? "").Split(':')[3]; + var RSLT_NAME = (ViewBag.result ?? "").Split(':')[4]; + var RSLT_BIRTHDAY = (ViewBag.result ?? "").Split(':')[5]; + var RSLT_SEX_CD = (ViewBag.result ?? "").Split(':')[6]; + var RSLT_NTV_FRNR_CD = (ViewBag.result ?? "").Split(':')[7]; + var DI = (ViewBag.result ?? "").Split(':')[8]; + var CI = (ViewBag.result ?? "").Split(':')[9]; + var CI_UPDATE = (ViewBag.result ?? "").Split(':')[10]; + var TEL_COM_CD = (ViewBag.result ?? "").Split(':')[11]; + var TEL_NO = (ViewBag.result ?? "").Split(':')[12]; + var RETURN_MSG = (ViewBag.result ?? "").Split(':')[13]; +} + + +
+
+ + \ No newline at end of file diff --git a/FO/Views/Account/CertOk3Req.cshtml b/FO/Views/Account/CertOk3Req.cshtml new file mode 100644 index 0000000..7d9c344 --- /dev/null +++ b/FO/Views/Account/CertOk3Req.cshtml @@ -0,0 +1,70 @@ +@{ + Layout = null; + var CP_CD = (ViewBag.result ?? "").Split(':')[0]; + var RSLT_CD = (ViewBag.result ?? "").Split(':')[1]; + var RSLT_MSG = (ViewBag.result ?? "").Split(':')[2]; + var MDL_TKN = (ViewBag.result ?? "").Split(':')[3]; + var TX_SEQ_NO = (ViewBag.result ?? "").Split(':')[4]; +} + +
+
+ + + @if (ViewBag.sel == "MOBI" || ViewBag.sel == "MCHK") + { + + + + + }else if(ViewBag.sel == "IPIN") + { + + + + } + + +
+
+ \ No newline at end of file diff --git a/FO/Views/Account/Join.cshtml b/FO/Views/Account/Join.cshtml index bc2f876..352887c 100644 --- a/FO/Views/Account/Join.cshtml +++ b/FO/Views/Account/Join.cshtml @@ -1,4 +1,5 @@ -@{ +@model NP.Model.VMUser +@{ var menus = (List)ViewBag.Menus; var em = new NP.Model.MenuPage(); var mainprivate = (menus.Where(w => w.refcode == "main.private").FirstOrDefault() ?? em); @@ -6,38 +7,115 @@ } @if (ViewBag.JoinOK) { +
    +
  • 1. 본인인증
    • +
  • 2. 신청서 작성
    • +
  • 3. 회원가입완료
    • +
+
-
영남건설기술교육원 가입해주셔서 감사합니다.
-

회원가입이 완료되었으며, 아래 버튼을 클릭해주셔서 로그인을 진행해주세요.

- 로그인 페이지로 이동 -
+
회원가입이 완료되었습니다.
+

아래 버튼을 클릭해주셔서 로그인을 진행해주세요.

+ 로그인 페이지로 이동 + SNS 계정 연동 + } else { +
    +
  • 1. 본인인증
    • +
  • 2. 신청서 작성
    • +
  • 3. 회원가입완료
    • +
+
+ @Html.HiddenFor(w => w.User.birthday) + @Html.HiddenFor(w => w.User.username) + @Html.HiddenFor(w => w.User.mobile) + @Html.HiddenFor(w => w.User.vssn) + @Html.HiddenFor(w => w.User.di) + @Html.HiddenFor(w => w.User.ci) + @*모바일인증*@ + @Html.HiddenFor(w => w.intval2) + @*가입유형 0:일반회원가입,1:google,2:naver,3:카카오*@ + @Html.HiddenFor(w => w.User.jointype) + @Html.HiddenFor(w => w.IsSaveOK) + + + + + +
    -
    • -
    • -
    • -
    • - @*
    • *@ -
    • +
    • +
    • +
  • + + 중복여부 체크 +
    • +
  • + + 영어, 숫자, 특수문자를 모두 포함하여 비밀번호를 설정해주세요. +
    • +
    • +
  • +
      +
      • +
    • -
      • +
      • +
    +
    • + @*인증완료상태여도 재인증 가능*@ +
  • + + 인증 +
    • +
  • + +
  • 검색
    • +
  • +
      +
      • +
      • +
    +
    • +
    • +
  • +
      +
      • +
      • +
      • +
      • +
      • +
    +
- - + +
동의 후 가입
- + @Html.Partial("./Partial/BoxAssign", null, new ViewDataDictionary { { "bindmethod", "bindassign" }, { "isjoin", 1 } }) + @Html.Partial("./Partial/OkCert3", null, new ViewDataDictionary { })
- @Html.Partial("./Partial/BoxAssign", null, new ViewDataDictionary { { "bindmethod", "bindassign" },{"isjoin",1 } }) + +} +@section scriptsHeader{ + @Html.Partial("./Partial/ScriptPost") } @section scripts{ diff --git a/FO/Views/Account/JoinIdVeri.cshtml b/FO/Views/Account/JoinIdVeri.cshtml new file mode 100644 index 0000000..1e38c4d --- /dev/null +++ b/FO/Views/Account/JoinIdVeri.cshtml @@ -0,0 +1,42 @@ +@model NP.Model.VMUser +
    +
  • 1. 본인인증
    • +
  • 2. 신청서 작성
    • +
  • 3. 회원가입완료
    • +
+ +
+
+ @Html.HiddenFor(w=>w.User.birthday) + @Html.HiddenFor(w=>w.User.username) + @Html.HiddenFor(w=>w.User.mobile) + @Html.HiddenFor(w=>w.User.vssn) + @Html.HiddenFor(w=>w.User.di) + @Html.HiddenFor(w=>w.User.ci) + @Html.HiddenFor(w=>w.intval2) + @Html.HiddenFor(w=>w.User.jointype) +
+
+
+ i-PIN 인증 +

i-PIN 인증

+ 인증하기 +
+
+
+
+ 휴대폰 본인인증 +

휴대폰 본인인증

+ 인증하기 +
+
+ @*
+
+ 카드인증 +

카드인증

+ 인증하기 +
+
*@ +
+@Html.Partial("./Partial/OkCert3", null, new ViewDataDictionary { }) +

본인 인증 시 제공되는 정보는 해당 인증기관에서 직접 수집하며, 인증 이외의 용도로 이용 또는 저장하지 않습니다.

\ No newline at end of file diff --git a/FO/Views/Account/JoinTSel.cshtml b/FO/Views/Account/JoinTSel.cshtml new file mode 100644 index 0000000..20e4f82 --- /dev/null +++ b/FO/Views/Account/JoinTSel.cshtml @@ -0,0 +1,11 @@ + +
+
+ 영남건설 기술 교육원 홈페이지 회원가입 + +
+
diff --git a/FO/Views/Shared/Partial/BoxAssign.cshtml b/FO/Views/Shared/Partial/BoxAssign.cshtml index a3ad131..4ec9510 100644 --- a/FO/Views/Shared/Partial/BoxAssign.cshtml +++ b/FO/Views/Shared/Partial/BoxAssign.cshtml @@ -3,7 +3,7 @@ var _method = ViewData["bindmethod"].ToString(); var _isjoin = "1".Equals((ViewData["isjoin"] ?? "0").ToString()); } -
+
diff --git a/FO/Views/Shared/Partial/GNB.cshtml b/FO/Views/Shared/Partial/GNB.cshtml index 184f395..504cf74 100644 --- a/FO/Views/Shared/Partial/GNB.cshtml +++ b/FO/Views/Shared/Partial/GNB.cshtml @@ -26,7 +26,7 @@ else else {
  • 로그인
    • -
  • 회원가입
    • +
  • 회원가입
    • }
    @@ -54,7 +54,7 @@ else
    } diff --git a/FO/Views/Shared/Partial/OkCert3.cshtml b/FO/Views/Shared/Partial/OkCert3.cshtml new file mode 100644 index 0000000..beb4cfb --- /dev/null +++ b/FO/Views/Shared/Partial/OkCert3.cshtml @@ -0,0 +1,24 @@ + +
    +
    + + + + + + + + + + +
    +
    + \ No newline at end of file diff --git a/FO/css/style.css b/FO/css/style.css index 8266bc7..ba8adc7 100644 --- a/FO/css/style.css +++ b/FO/css/style.css @@ -573,10 +573,9 @@ a.msBtn { #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:500; line-height:1.0em; letter-spacing:-0.075em; position:relative; padding-top:30px;} -#pageTitle > h3:before {content:""; display:block; width:40px; height:3px; background:#238dfa; position:absolute; top:0; left:50%; margin-left:-20px;} +#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;} @@ -689,312 +688,308 @@ a.msBtn { -/* --------------------------------------- */ -/* 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 {background:#77b743;} -.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 h5 span.grn {background:#77b743;} -.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:#31317f; 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:#31317f; border-bottom-color:#fff; position:relative;} -.fairTab li.current:after {content:""; display:block; width:1px; background:#31317f; position:absolute; right:-1px; top:-1px; bottom:-1px;} -.fairTab li.current a {color:#31317f;} -.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:#333583; 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:#31317f; font-weight:400; margin-bottom:5px; margin-top:60px; background:url("/img/online/title_ico.png")no-repeat left center; background-size:16px auto; position:relative;} -.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 span.blu {background:#238dfa;} -.clsList li h5 span.nav {background:#333583;} -.clsList li h5 span.grn {background:#77b743;} -.clsList li h5 span.org {background:#f36f21;} -.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:#31317f;} -.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:#383838; color:#fff;} -.clsBtn li:nth-child(2) a {border:solid 1px #31317f; color:#31317f; 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:#31317f; color:#fff;} -.clsBtn.society li:nth-child(2) a {line-height:60px; background:#31317f; color:#fff;} -.clsBtn.solo li a {width:140px; background:#31317f;} -.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:#31317f; position:relative; padding:0 20px;} -.clsPopTitle h5 {height:70px; line-height:70px; color:#fff; font-size:16pt;} -.clsPopTitle 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;} -.clsPopCont {padding:30px; overflow-y:auto;} - -.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:#878787; 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;} -.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:#31317f; color:#fff;} - -.clsAdd {display:block; width:150px; height:40px; line-height:39px; text-align:center; background:#31317f; 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 #31317f; text-align:center; color:#31317f;} -.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:#383838; color:#fff; font-size:13pt;} -.sctyNone {text-align:center; padding:60px 0; font-size:13pt;} -.sctyNone span {color:#31317f; 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, body.lock {width:100%; height:100%; overflow:hidden;} @@ -1007,158 +1002,162 @@ 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%;} +@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;} + +} - .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 > div > div {padding-left:15px; padding-right:15px;} - .clsPopTitle {padding:0 15px;} - .clsPopTitle h5 {height:50px; line-height:50px; font-size:14pt;} - .clsPopTitle a {height:50px; width:50px; background-size:20px auto;} - .clsPopCont {padding:20px;} - .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;} - -} @@ -1583,120 +1582,181 @@ body.lock {width:100%; height:100%; overflow:hidden;} -/* --------------------------------------- */ -/* Membership */ -/* --------------------------------------- */ - -.joinForm {width:100%; max-width:500px; margin:0 auto;} -.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:40px; border:solid 1px #cbcbcb; padding:0 20px;} -.joinCpny {position:relative; padding-right:100px;} -.joinCpny a {display:block; width:90px; height:40px; line-height:37px; text-align:center; border:solid 1px #31317f; color:#31317f; 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;} -.joinBtn {display:block; height:60px; line-height:60px; text-align:center; background:#31317f; color:#fff; font-size:14pt; font-weight:500;} - -.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:#31317f; 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:60px;} -.joinScss h5 span {font-size:20pt; color:#31317f; font-weight:400;} -.joinScss p {margin-top:10px;} -.joinScss p span {font-size:13pt; font-weight:300;} -.joinScss a {display:block; width:500px; max-width:100%; margin:0 auto; margin-top:130px; height:60px; line-height:60px; text-align:center; background:#31317f; color:#fff; font-size:14pt; font-weight:500;} - -.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:40px; 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:#31317f; color:#fff; 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:#31317f; border-color:#31317f;} - -.idpw {padding-top:30px;} -.idpw p {font-size:12pt; color:#000; padding-bottom:15px;} -.idpw p span {font-size:12pt; color:#f36f21;} -.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:#31317f; border:solid 1px #31317f; text-align:center;} -.idpwBtn li:first-child a {background:#31317f; color:#fff;} - - - - -@media (max-width:800px) { - .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;} - .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;} - - .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-top:60px; height:50px; line-height:50px; font-size:12pt;} - - .lgnForm li {margin-bottom:10px;} - .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:30px; padding:0;} - .idpwBtn li a {height:50px; line-height:48px; font-size:11pt;} +/* --------------------------------------- */ +/* 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;} @@ -2011,6 +2071,54 @@ html.lock, body.lock {display:block; width:100%; height:100%; overflow:hidden;} +/* ȸ */ +.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;} +} diff --git a/FO/js/site.js b/FO/js/site.js index 8900c7a..05d70d1 100644 --- a/FO/js/site.js +++ b/FO/js/site.js @@ -994,6 +994,15 @@ function submit(fid, t, remainpage) { function msgadmin(t) { setTimeout('msg("운영자에게 문의해주세요.")', t || 10); } +function isid(v) { + //영문숫자-_ , 나머지입력시 오류반환 + var regExp = /[a-zA-Z0-9\-_]/i; + var regExp2 = /[\,.=~!@#$%^&*()\[\]+|<>?:{}]/; + if (regExp.test(v) && !regExp2.test(v)) { + return true; + } + return false; +} function isemail(v) { //이메일 검사 var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; diff --git a/Model/Users.cs b/Model/Users.cs index aa1203c..0a95ddc 100644 --- a/Model/Users.cs +++ b/Model/Users.cs @@ -14,6 +14,14 @@ namespace NP.Model /// 회원유형 1: 교육생,11: 강사,81: 고객사관리자,91: 통합관리자, 92: 일반관리자 /// public int usertype { get; set; } + /// + /// 가입유형 0:일반회원가입,1:google,2:naver,3:kakao + /// + public int jointype { get; set; } + /// + /// sns아이디 + /// + public String snsid { get; set; } public String usertypestr { get; set; } public String usertypename { @@ -49,6 +57,10 @@ namespace NP.Model /// 50 영문이름 /// public String usernameeng { get; set; } + /// + /// 주민번호 + /// + public String rrnum { get; set; } public int? gender { get; set; } public String gender2 { get; set; } /// @@ -228,6 +240,9 @@ namespace NP.Model } } public String subdomain { get; set; } + public String di { get; set; } + public String ci { get; set; } + public String vssn { get; set; } } ///