/* login */
html{height:100%;box-sizing:border-box}
body{margin:0;padding:0;width:100%;min-height:100%;position:relative;min-width:1280px;min-height:700px;}
.login{background:#0e1a35 url('../images/login/login.jpg') no-repeat 50% 0;background-size:cover;right:0;left:0;top:0;bottom:0;position:absolute;}
.login_wrapper{position:relative;width:796px;height:353px;margin:0 auto;top:279px;background:url('../images/login/login_box.png') no-repeat 0 0}
.login_wrapper > span{position:absolute;top:75px;left:380px;font-size:11px;font-family:'돋움';color:#a7a7a7;vertical-align:bottom;letter-spacing:-1px}
.login_wrapper > span > input[type="checkbox"]{margin-bottom:2px}
.input_wrap{position:absolute; top:100px;left:380px}
.input_wrap input[type="text"], .input_wrap input[type="password"]{display:block;width:260px;height:43px;line-height:43px;background:none;border:none;padding-left:10px;color:#747e87;letter-spacing:-.5px;font-size:12px}
.input_wrap p:first-child{border-bottom:none}
.input_wrap .input{height:43px;width:265px;background:#fff;border:1px solid #cfcfcf}
.input_wrap input{position:relative;color:#444;font-family:Verdana}
.btn_login{position:absolute;display:inline-block;right:63px;top:100px}
.btn_login a{width:92px;height:87px;background: url('../images/login/btn_login.png') no-repeat 0 0;float:left;font-size:0}
.link_wrap{position:absolute;top:200px;left:380px;width:350px;height:30px}
.link_wrap > span{display:inline-block;font-size:11px;font-family:'돋움';letter-spacing:-.5px}
.link_wrap > span.idsrh > a{background: url('../images/login/ico_login_search.png') no-repeat left center;padding:5px 20px;color:#8e8e8e;line-height:22px;height:30px}
.link_wrap > span.idsrh > a:hover,.link_wrap > span.join > a:hover{color:#777}
.link_wrap > span.idsrh:after{content:"|";color:#cdcdcd;padding-right:20px}
.link_wrap > span.join > a{background:url('../images/login/ico_login_join.png') no-repeat left center;padding:5px 20px;color:#8e8e8e;line-height:22px;height:30px}
.copy{position:absolute;top:312px;left:40px;color:#808ba0;font-family:Verdana;font-size:10px;font-weight:bold;}
.text{position:absolute;top:45px;left:40px;color:#888;font-family:Malgun Gothic;font-size:18px;text-transform:uppercase;letter-spacing:0;line-height:1.5em;font-weight:bold}
.logo{position:absolute;top:309px;right:40px;background:url('../images/login/login_logo.png') no-repeat 0 0;width:150px;height:19px;font-size:0;}
.slogan{position:absolute;left:0;right:0;top:130px;text-align:center;color:#fff;font-size:24px;opacity:0.9;filter:alpha(opacity=90);line-height:1.5em;letter-spacing:0;}

.foot_wrapper{ list-style:none; position:relative;width:630px;height:80px;margin:0 auto;top:280px; border-bottom:1px solid rgba(255,255,255, .5); text-align:center; padding-top:50px;}
.foot_wrapper ul li {display: inline; font-size:12px; padding:0 20px;}
.foot_wrapper ul li a{color:#e0e0e0;}
.foot_wrapper ul li a:hover{color:#fff;text-decoration:none;}

/*약관*/
#rule{position:relative;width:100%;height:100%;margin:0 auto;}
#rule .rule_top {width:100%; height:55px; background:#2a2a2a;}
#rule .rule_cont {width:100%; height:auto;}
#rule .rule_text{width:960px; margin:0 auto;}