﻿.RealwebLogin {margin:60px 0;background-color:#f5f5f5}
.RealwebLogin .Login {font-size:14px;font-family:Malgun Gothic;width:830px;margin:0 auto}
.RealwebLogin .Title{margin:10px 0}
.RealwebLogin .Title .text{display:inline-block;}
.RealwebLogin .Title .text span{display:block;font-size:12px;color:#999}
.RealwebLogin .Title .text span:first-child{font-size:16px;font-weight:bold;color:#333}
.RealwebLogin .Title .name{color:#004fa0;font-family:verdana;font-size:38px;font-weight:bold;display:inline-block;margin-right:6px}
.RealwebLogin .Logo {margin:4px 0;background:url('../images/login1/logo.png') no-repeat;height:30px;padding-left:84px;padding-top:3px}
.RealwebLogin .Logo span{color:#999;font-size:11px;padding:0 16px}

.input-group{display:block;clear:both;}
.margin-bottom-20{clear:both;margin-bottom:20px}
.input-group{margin-bottom:10px}
.input-group-addon{border:1px solid #ccc;border-right:0;width:32px;height:32px;display:inline-block;vertical-align:top;}
.form-control {display:inline-block;vertical-align:top;height: 34px;width:270px;padding: 6px 12px;font-size: 14px;font-family:Malgun Gothic;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;}
.form-control:focus {outline: 0; border-color: #bbb;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);   
    box-shadow: 0 0 2px #c9c9c9;}
.i-user{background:url('../images/login1/i-user.png') no-repeat 50% 50%;}
.i-password{background:url('../images/login1/i-pw.png') no-repeat 50% 50%;}
.RealwebLogin .InputArea .LoginButton {width:100%;height:38px;padding-bottom:4px;color: #fff;cursor: pointer; font-weight: 600; background: #2169c2;white-space: nowrap;display: inline-block;text-decoration: none;border:solid 1px #2169c2;-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;font-size:16px;font-family:Malgun Gothic;margin-top:10px}
.hidden{display:none}


.contents{border:1px solid #e2e2e2;background:#fff url('../images/login1/bg-img01.png') no-repeat 110% -6px;width:780px;height:384px;border-radius:9px;}
.InputArea{margin-top:50px;margin-left:50px;display:inline-block;}
.radioBox{font-size:0.9em;margin-bottom:16px}
.radioBox .sp{margin-left:-4px;margin-right:14px;letter-spacing:-0.05em}

.buttonArea {padding:10px 20px 0;border-top:1px solid #e0e0e0;font-size:12px;margin-top:30px;text-align:center;}
.buttonArea .findInfo {margin:10px auto;overflow:hidden;}
.buttonArea .findInfo .btn{display:inline-block;}
.buttonArea .findInfo .btn:before{content:"|";width:1px;display:inline-block;color:#e0e0e0;margin:0 16px}
.buttonArea .findInfo .btn:first-child:before{display:none}
.buttonArea .findInfo .btn a{text-decoration:none;font-size:12px;color:#555;line-height:24px;display:inline-block;}
.buttonArea .findInfo .btn a:hover{text-decoration:underline;color:#0074b2}
.buttonArea .manual .btn {border:1px solid #ccc;line-height:24px;display:inline-block;background-color:#f0f0f0}
.buttonArea .manual .btn a{text-decoration:none;font-size:12px;color:#555;line-height:26px;display:inline-block;}
.buttonArea .manual .btn.business a{width:140px}
.buttonArea .manual .btn.pm a{width:100px}
.support{margin-left:40px;text-align:right;padding-top:24px;font-size:12px}
.support span{padding-left:24px;padding-right:20px;display:inline-block;line-height:20px}
.support .phone{background:url('../images/login1/ico_support.png') no-repeat 0 0;}
.support .mail{background:url('../images/login1/ico_support.png') no-repeat 0 -20px;}