@charset "utf-8";

/*html,body{width:100%;height:100%;overflow: hidden; }*/
.loginWrap{width:100%; height:100%; }
.logInbg{background-color: #f4f4f4; }
.inner {position:relative; top:20%; padding: 150px 0px 0px 0px;}
.loginBox{width:1037px; height: 440px; margin: 0px auto; background: #fff;border-radius: 10px;overflow: hidden;border: 1px solid #64b7ec;box-sizing: border-box;-webkit-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.075);-moz-box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.075);box-shadow: 5px 5px 12px 0px rgba(0,0,0,0.075);width: 1037px;border-radius: 20px;} 

/* 로그인페이지 */
.loginBox .loginL{width: 580px;height: 100%;float: left;position: relative;padding: 62px 60px;box-sizing: border-box;background: #ffffff;text-align: center;background: linear-gradient(113deg, #ffffff 30%, #ffffff);}
.loginBox .loginL > .loginVisual {position: relative; width: 416px;height: 195px;background: url(../img/common/loginV.png) no-repeat 100% 0; display: inline-block;}
.loginBox .loginL > .loginVisual > * {position: absolute;}
.loginBox .loginL > .loginLogo {margin-top: 0px; text-align: left;}
.loginBox .loginL > p {margin-top: 40px;color: #2e2e2e;font-size: 15px;font-weight: 200;line-height: 25px;font-weight: 300; text-align: left;}
.loginBox .loginL > p.pointtxt {margin-top: 26px; color: #2e2e2e;font-size: 15px;font-weight: 200;line-height: 33px;font-weight: 300; text-align: left; background-color: #f4f4f4; border-radius: 10px; padding: 15px 35px 15px 35px;}
.loginBox .loginL > p > b {color: #2e2e2e; font-weight: 600; font-size: 18px;}
.loginBox .loginL > p > b.point1 {color: #063f9e; font-weight: 600; font-size: 18px;}

.loginBox .loginR{float: right;width: 445px;height: 100%;padding: 70px 62.5px 45px;box-sizing: border-box;text-align: center;position: relative;background: #fff;}
.loginBox .loginR  > div.loginTarea > ul.loginRarea{position: absolute; }
.loginBox .loginR  > div.loginTarea > ul.loginRarea > li.loginTleft{float: left; width: 331px;}
.loginBox .loginR  > div.loginTarea > ul.loginRarea li.loginTleft p {font-family: 'Nanum Gothic';font-weight: 800;font-size: 30px;line-height: 1;letter-spacing: 0.0025em;margin-top: 15px; text-align: left; }


.loginBox .loginR  > div.loginTarea > ul.loginRarea > li.loginTright{ display:inline-block; float: left; width: 331px; height: 45px; padding: 10px 0px 0px 0px; box-sizing: border-box;}
.btn_wraplogin{display:inline-block; float: left; width: 331px; height: 45px; padding: 20px 0px 0px 0px; margin: 0px 0px 0px -10px; box-sizing: border-box;}
.loginBox .loginR  > div.loginTarea > ul.loginRarea > li.loginTright div.btn_wraplogin button{  width: 155px; height: 25px; padding: 0px 0px 0px 0px; box-sizing: border-box;}

.loginBox .loginR  > p.codetxt {font-family: 'Nanum Gothic';font-weight: 600;font-size: 18px;line-height: 25px;letter-spacing: 0.0025em;margin-top: 0px; text-align: left; padding: 10px 0px 20px 90px; background: url(../img/common/codeIconbg.png) no-repeat; background-position: top left;}
.loginBox .loginR .loginForm{overflow: hidden;margin-top: 95px;}
.loginBox .loginR .loginForm > li {position: relative;margin-top: 13px;}
.loginBox .loginR .loginForm > li i {position: absolute;bottom: 14px;left: 3px;width: 38px;height: 20px;background: url(../img/common/loginIcon.png) no-repeat;}
.loginBox .loginR .loginForm > li i.ico_id {background-position: 10px 0;}
.loginBox .loginR .loginForm > li i.ico_pw {background-position: 50% 0;}
.loginBox .loginR .loginForm input[type="text"], 
.loginBox .loginR .loginForm input[type="password"]{width: 100%;height: 45px;line-height: 45px;margin-top: 12px;padding: 0 15px 0 53px;border-bottom: 1px solid #c2c2c2;border-width: 0 0 1px 0;border-radius: 0;font-size: 15px;color: #101010;outline: none; transition: border 300ms;}
.loginBox .loginR .loginForm input:focus{border-bottom-color: #64b6eb;}
.loginBox .loginR .loginForm input:focus+i.ico_id {background-position: 21% 0;}
.loginBox .loginR .loginForm input:focus+i.ico_pw {background-position: 79% 0;}
.loginBox .loginR .loginForm input::placeholder {color: #acacac;}
.loginBox .loginR .loginForm input:-ms-input-placeholder {color: #acacac;}


.loginBox .loginR .codeForm{overflow: hidden;margin-top: 50px;}
.loginBox .loginR .codeForm > li {position: relative; margin-top: 0px;}
/*.loginBox .loginR .codeForm > li i {position: absolute;bottom: 14px;left: 3px;width: 38px;height: 20px;background: url(../img/common/codeIcon.png) no-repeat;}
.loginBox .loginR .codeForm > li i.ico_id {background-position: 10px 0;}
.loginBox .loginR .codeForm > li i.ico_pw {background-position: 50% 0;}*/
.loginBox .loginR .codeForm input[type="text"] {width: 100%;height: 45px;line-height: 45px;margin-top: 22px;padding: 0 15px 0 2px;border-bottom: 1px solid #c2c2c2;border-width: 0 0 1px 0;border-radius: 0;font-size: 15px;color: #101010;outline: none; transition: border 300ms;}
.loginBox .loginR .codeForm input:focus{border-bottom-color: #64b6eb;}
.loginBox .loginR .codeForm input::placeholder {color: #acacac;}
.loginBox .loginR .codeForm input:-ms-input-placeholder {color: #acacac;}

.loginBox .loginR  .loginBtn, .codeBtn,
.loginBox .loginR  .joinBtn {width: 100%;height: 54px;display: block;border-radius: 10px;line-height: 54px;font-size: 16px;font-weight: 500;transition-duration: 0.4s;}
.loginBox .loginR  .loginBtn{margin-top: 25px;font-size: 15px;letter-spacing: 0.025em;background: #0649c4; color: #fff;background: #0649c4  linear-gradient(24deg, #0649c4, #64b6eb 90%);box-shadow: 0 5px 18px 0 rgba(0, 118, 254, 0.45);}
.loginBox .loginR  .loginBtn:hover {background: #0649c4;}

.loginBox .loginR  .codeBtn{margin-top: 45px;font-size: 15px;letter-spacing: 0.025em;background: #0649c4; color: #fff;background: #0649c4  linear-gradient(24deg, #0649c4, #64b6eb 90%);box-shadow: 0 5px 18px 0 rgba(0, 118, 254, 0.45);}
.loginBox .loginR  .codeBtn:hover {background: #0649c4;}

/*
.loginBox .loginR  .joinBtn {margin-top: 20px; font-size: 14px; font-weight: 400; color: #555; background: #eceff1;}
.loginBox .loginR  .joinBtn:hover {background: #b4d9ff;}
.loginBox .loginR  .joinBtn::before {content: "";display: inline-block;width: 38px;height: 20px;vertical-align: -4px;background: url(../img/common/loginIcon.png) no-repeat 106% 0;}
*/


.site {text-align: center;margin-top: 38px; padding-left: 50px;}
.site > li {display: inline-block;margin-right: 15px;}
.site > li > a {margin-right: 50px; opacity: .8; transition: opacity 150ms;}
.site > li:last-child > a {margin-right: 0;}
.site > li > a:hover {opacity: 1;}

/* 정보등록페이지 */
.logInfo .loginBox {padding: 51px 90px;}
.logInfo .loginBox .subtle {font-size: 13px;color: #8f9294;line-height: 1.3;letter-spacing: 0; text-align: center;}
.logInfo .loginBox .tle {font-family: 'Nanum Gothic'; font-size: 24px; font-weight: 800; letter-spacing: -1.2px;line-height: 1.7; text-align: center;}
.logInfo .loginBox .requiredDesc {margin-top: 33px;text-align: right;line-height: 1;}
.logInfo .logTbl {margin-top: 0;}
.logInfo .logTbl tr > * {padding: 15px 0; border-top: 1px solid #ececec;}
.logInfo .logTbl tr:first-child > * {border-top: 0;}
.logInfo .logTbl th {text-align: left; font-weight: 500;}
.logInfo .logform {height: 32px; margin: 0 3.5px; line-height: 32px;background-color: #f3f5f7; color: #555; border: 0; border-radius: 0;}
.logInfo .loginBox .btn_wrap {margin: 25px 0 0;}
.logInfo .loginBox .btn_wrap .btn {padding: 11px 20px;}
.logInfo .loginBox .btn_wrap .btn.btn_primary {background: #007ff7 linear-gradient(24deg, #0079ff, #0399fa 70%); color: #fff; box-shadow: 0 3px 10px 0 rgba(0, 118, 254, .35); border: 0; padding: 12px 20px;}
.logInfo .loginBox .btn_wrap .btn.btn_primary:hover {background: #0475e2;}