.loginWrap {display:flex;height:auto;min-height:100%; justify-content:center;align-items:center;flex-direction: column;justify-content: space-between; ;}
.loginWrap #container {padding:20px 0 0; min-height: auto;}
.loginWrap .loginContent {border:1px solid #CCC;border-radius:8px;background:#fff; margin: 0 auto; display:grid;grid-template-columns:auto auto;width:auto;overflow:hidden;padding:0;}
.loginWrap .logoWrap {display:flex; justify-content:center; padding: 0 0 40px;}
.loginWrap .logoWrap .logo {justify-content: center; align-items: center;position:relative; display:block; width:349px; max-width:initial; height:78px;max-height:initial;font-size:32px; font-weight:700;}
.loginWrap .inputWrap + .inputWrap {margin-top:16px;}
.loginWrap .inputWrap input {height:56px;padding:0 60px 0 20px;border:1px solid #F4F4F4;border-radius:4px;color:#222;font-size:14px;background:#F4F4F4}
.loginWrap .inputWrap input::placeholder {color:#ccc}
.loginWrap .inputWrap input.error {border-color:#EE4B3C;}
.loginWrap .inputWrap > button {position:absolute;right:14px;top:50%;overflow:hidden;width:28px;height:28px;transform: translateY(-50%);background-size: cover;text-indent:-999px;}
.loginWrap .loginContent .btnLogin {width:100%;height:56px;border-radius:4px;color:#fff;background:#3750e6;font-size:16px;font-weight:800;text-align:center;line-height:56px; margin-top:20px;}
.loginWrap .loginContent .btnLogin:disabled {color:#ccc;background:#666;}
.loginWrap .loginContainer .pageMsg {padding-bottom:20px;}
.loginWrap .loginContainer > button {width:100%;height:56px;border-radius:4px;color:#fff;background:#245DE3;font-size:16px;font-weight:800;text-align:center;line-height:56px;}

.loginWrap .regibtnWrap {margin-top:40px; display:flex; justify-content: space-between; }
.loginWrap .regibtnWrap .btnRegister {width:48%;height:56px;  border-radius:4px;color:#3750e6;background:#fff; border: 1px solid #3750e6; font-size:16px;font-weight:800;text-align:center;line-height:56px;}

.loginWrap .loginInfoWrap {margin-top:20px; font-size:12px; background:#f8fbff; border-radius:4px; padding:14px 15px;}
.loginWrap .loginInfoWrap p {color:#707070; font-weight:100; font-size:12px; line-height: 1.3; padding-top: 4px;} 
.loginWrap .loginInfoWrap span {color:#222; font-weight:800; font-size:12px; } 
.loginWrap #footer {background-color: transparent; width: 100%;}
.loginWrap #footer .info {padding:79px 0 24px; color: rgba(255,255,255,0.8)}
.loginWrap #footer .info p {color: rgba(255,255,255,0.8)}
.loginWrap #footer .info p.engTxt {color: rgba(255,255,255,0.6)}
.loginWrap #footer .infoInner .helpdesk {border-left:1px solid rgba(255,255,255,0.4)}
.loginWrap #footer .info .number,
.loginWrap #footer .info .mail {color: rgba(255,255,255,0.8)}
.loginWrap #footer .info .number {background-image: url(../images/icon/ico_phone_w.svg);}
.loginWrap #footer .info .mail {background-image: url(../images/icon/ico_mail_w.svg);}

.loginWrap .loginContainer {width:500px;padding:70px 60px 91px;}

.loginWrap .advContainer {position:relative;background-color:#f5f5f5;padding:50px 50px;}
.loginWrap .advContainer:after {content:'';position:absolute;top:34px;right:42px;width:209px;height:206px;}
.loginWrap .advContainer h2 {height:80px;line-height:80px;font-size:54px;color:#222;font-weight:900;}
.loginWrap .advContainer p.label {display:inline-block;height:30px;line-height:30px;font-size:12px;color:#fff;font-weight:700;background-color:#3750e6;border-radius:15px;padding:0 16px;margin-top:6px;}
.loginWrap .advContainer .txtWrap {margin-top:40px;}
.loginWrap .advContainer .txtWrap .txtBlue {color:#3750e6;}
.loginWrap .advContainer .txtWrap .txtRed {color:#ee4b3c;}
.loginWrap .advContainer .txtWrap p {font-size:16px;color:#222;font-weight:500;letter-spacing:-.48px; line-height:32px;}
.loginWrap .advContainer .txtWrap p + p {margin-top:14px;}
.loginWrap .advContainer .txtWrap p.tit,
.loginWrap .advContainer .txtWrap p.tit span {font-size:22px;font-weight:800;letter-spacing:-.66px;}
.loginWrap .advContainer .cntWrap {margin-top:38px;}
.loginWrap .advContainer .cntWrap p.tit {line-height:29px;font-size:20px;color:#232323;font-weight:800;letter-spacing:-0.60px;}
.loginWrap .advContainer .cntWrap ul {display:grid;grid-template-columns:repeat(4, 136px);gap:10px;margin-top:12px;}
.loginWrap .advContainer .cntWrap li {position:relative;height:136px;background-color:#fff;border-radius:12px;padding:12px;}
.loginWrap .advContainer .cntWrap li p {color:#222;}
.loginWrap .advContainer .cntWrap li p.cnt {height:27px;line-height:27px;font-size:18px;font-weight:800;letter-spacing:-.54px;}
.loginWrap .advContainer .cntWrap li p.txt {line-height:17px;font-size:12px;font-weight:700;letter-spacing:-.36px;margin-top:8px;}
.loginWrap .advContainer .cntWrap li p.subTxt {font-size:10px;font-weight:700;letter-spacing:-.27px;margin-top:2px;}
.loginWrap .advContainer .cntWrap li i {position:absolute;bottom:12px;right:14px;background-size:contain;background-position:center;background-repeat:no-repeat;}
.loginWrap .advContainer .cntWrap li i.building {width:28px;height:27px;background-image:url(/images/login/icon_building.svg);}
.loginWrap .advContainer .cntWrap li i.target {width:30px;height:27px;background-image:url(/images/login/icon_target.svg);}
.loginWrap .advContainer .cntWrap li i.chart {width:39px;height:26px;background-image:url(/images/login/icon_chart.svg);}
.loginWrap .advContainer .cntWrap li i.people {width:29px;height:26px;background-image:url(/images/login/icon_people.svg);}