@charset "utf-8";
@import url(/Content/css/reset.css);
/* CSS Document */



body { padding:0; margin:0; font-family:"LGSmHaR",dotum; font-size:12px; background:url(../images/bg.png) 0 0 repeat-x;  }

div, ul, li, p, label { padding:0; margin:0; }
img { border:0; }


#wapper { width:100%; min-height:900px; background:url(../images/login_bg.png) center 0 no-repeat; }
#wapper .top_logo { width:100%; height:81px; text-align:center; padding-top:32px; clear:both; }
#wapper .top_logo img { vertical-align:middle; }

#wapper .login_area { width:363px; height:391px; background:url(../images/login_form_bg.png) no-repeat; border:1px sosolid; padding-top:90px; position:absolute; margin-top:-170px;; margin-left:-181px; top:50%; left:50%; }
#wapper .login_area fieldset { border:0px; }
#wapper .login_area legend { display:none; }
#wapper .login_area label { width:75px; padding-right:10px; line-height:30px;display:inline-block;}
#wapper .login_area input { width:165px; height:15px; padding:14px 0 11px 10px; border-top:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:1px solid #fff; color:#777; }
#wapper .login_area .last_input { border-bottom:1px solid #e1e1e1; }
#wapper .login_area .check_area { padding:20px 0 20px 40px; color:#777; }
#wapper .login_area .check { width:18px; border:0; vertical-align:middle; padding:0; margin:0; }
#wapper .login_area .check_area span { padding-right:20px; }

#wapper .login_area ul { width:275px; margin:0 auto; padding-top:10px;  }
#wapper .login_area li { width:275px; list-style:none; vertical-align:middle; }
#wapper .login_area .icon01 { padding-right:11px; height:40px; vertical-align:bottom; }
#wapper .login_area .icon02 { padding-right:11px; height:40px; vertical-align:bottom; }
#wapper .login_area .icon03 { padding-right:11px; height:40px; vertical-align:bottom;  }
#wapper .login_area .login_btn { text-align:center; padding-top:10px; }

#wapper .bottom { width:100%; position:fixed; bottom:0; padding:25px 0 20px 0; background-color:#5a5d65; color:#b9babc; text-align:center; line-height:20px; }

/* 레이어 팝업 */
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#f6f8fb; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px; font-size:13px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;  cursor:pointer;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px; font-size:13px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;  cursor:pointer;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.call_txt {color: #ffde00;font-weight: 700;font-size: 14px;}