@charset "utf-8";

html, body {height: 100%; }
.wrap {width: 100%; margin:0 auto;  height: 100%; position: relative; min-width:870px; overflow: hidden; min-height: 600px;}

.login_wrap {position:absolute;left:50%;top:50%;width:870px;height:424px;margin-left:-435px;margin-top:-212px}
.login_wrap h2 {height:54px;margin-left: 105px;}
.login_wrap h2 img {max-height:54px}
.login_wrap .login_box_wrap {position:relative;width:870px;height:350px;margin-top:20px;background:url(../img/etc/login_bg.png) no-repeat 105px 0}
.login_wrap .login_box_wrap h3 {position: absolute; left: 153px; top: 45px; color: #585858; font-size: 16px; letter-spacing: -1px; font-weight: 600;} 
.login_wrap .login_box_wrap h3 >font{color: #4a8be7; font-weight: bold;} 
.login_wrap .login_box_wrap form>input {width:156px; height: 21px}
.login_wrap .login_box_wrap .login_id {position: absolute; left: 225px; top: 102px;}
.login_wrap .login_box_wrap .login_pw {position: absolute; left: 225px; top: 146px;}
.login_wrap .login_box_wrap form>button { position: absolute; left: 400px; top: 104px; width: 105px; height: 66px; background: #54a4ff;border:0 none; border-radius: 10px;}
.login_wrap .login_box_wrap .menu_tab {font-size: 16px; margin-left: -14px;}
.login_wrap .login_box_wrap .menu_tab li {width:120px;height:45px;margin-top:5px;border-radius:15px 0 0 15px;background:#ececec;font-size:14px;text-align: center; line-height: 45px;}
.login_wrap .login_box_wrap .menu_tab li a {display: block;color: #aaa;cursor:pointer}
.login_wrap .login_box_wrap .menu_tab li .line {padding-top:6px;line-height:1.2}
.login_wrap .login_box_wrap .menu_tab li.on {width:130px;margin-left:-9px;background: #54a4ff;font-size:16px}
.login_wrap .login_box_wrap .menu_tab li.on a {color: #fff}
.login_wrap .login_box_wrap .menu_tab li.on .line {padding-top:4px}

#info_agree,
#info_charge {display:none;position:absolute;left:50%;top:50%;width:760px;height:340px;padding:2px;margin-left:-330px;margin-top:-140px;background:#fff url(../img/bg/bg_info.png) no-repeat}

#info_agree h3 {font-size: 22px; margin-top: 20px; margin-left: 30px; font-weight: bold;}
#info_agree>p {font-size: 16px; margin-top: 8px; margin-left: 30px;}
#info_agree .info_box {padding-top: 10px; margin:20px auto 0; background: #f7f7f7; width: 705px; height: 210px; border-radius: 10px; }
#info_agree .info_box>p { margin-left: 20px; font-size: 14px; line-height: 20px;}
#info_agree .info_box .line_box {background: #fff; margin: 10px auto 0; width: 680px; border-radius: 10px; height: 110px; padding-top: 10px;}
#info_agree .info_box .line_box>p {font-size: 14px; margin-top: 5px; margin-left: 20px;}
#info_agree .info_box .line_box .agree_notice {font-weight: bold;  margin-top: 15px; }
#info_agree .info_box .radio_box {margin-top: 10px; margin-left: 20px; font-size: 14px;}
#info_agree .info_box .radio_box>input {vertical-align: -2px; margin: 0 3px; margin-left: 15px;}

#info_charge h3 {font-size: 22px; margin: 40px auto 0; text-align: center; font-weight: bold;}
#info_charge .notice_box {background: #f7f7f7; border-radius: 10px; width: 600px; height: 80px; margin: 30px auto 0; padding:20px 30px;}
#info_charge .notice_box>p {font-size: 15px; text-align: center; line-height: 40px;}
#info_charge .notice_box>p>strong {font-weight: bold; color: #ff0000;}
#info_charge>p {font-size: 16px; text-align: center; margin-top: 20px;}
#info_charge .choice_box {margin: 20px auto 0; font-size: 14px; text-align: center;}
#info_charge .choice_box>input {vertical-align: -2px; margin: 0 5px; margin-left: 15px;}
#info_charge .login_war {font-size: 14px; color: #ff0000;}