﻿body,div,ul,li,table,th,td,h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding:0;
	list-style:none;
	border-collapse:collapse;
	font-family:'Malgun Gothic', '맑은고딕', Arial, Helvetica, sans-serif;
    
}



#login_body{background:#eaeaea;}
#login_wrap{position:relative;}
.login_area{position:fixed; top:50%; left:50%; margin-left:-516px; margin-top:-305px; width:1032px;}
.login_area .login_area_content {width:1032px; height: 400px; border:1px solid #cacaca; overflow:hidden; }
.login_area .login_title_wrap {float:left; background:#425563 url('../../image/new/login_bg.png') no-repeat; width:462px; height:400px;}
.login_area .login_title_area {margin:68px 0 0 60px ; color:#fff; width:205px;}
.login_area .login_title_area .s_title{font-family:NanumSquareB; font-size:20px; line-height:20px; margin-bottom:12px;}
.login_area .login_title_area .title{font-family:NanumSquareB; font-size:48px; line-height:48px; margin-bottom:20px; background:url('../../image/loing_img_ico.png') no-repeat right 0;}
.login_area .login_title_area .c_text{font-size:13px; line-height:42px; border-top:2px solid #cccccc; border-bottom:2px solid #cccccc; padding-left:8px; color:#f1f1f1;}

.login_area .login_reg_area {/*width:568px;*/ height:400px; overflow:hidden; background:#fbfbfb; margin-bottom:22px;}
.login_area .login_reg_area .login_reg {width:448px; margin:0 auto; padding:58px 0 50px 0;}
.login_area .login_reg_area .login_reg ul {float:left;}
.login_area .login_reg_area .login_reg li {margin-bottom:15px; padding:8px 0 8px 10px; background:#c8c6c6;}
.login_area .login_reg_area .login_reg li.last {margin-bottom:0; }
.login_area .login_reg_area .login_reg li input {border:none; background:transparent; font-size:15px; color:#fff; font-family:NanumBarunGothicBold;}
.login_area .login_reg_area .login_reg .login_btn_area {float:right;}
.login_area .login_reg_area .login_reg .login_btn_area input {display:block; cursor:pointer; margin:0 auto; padding:0; text-align:center; background:#3a3a3a; width:128px; height:103px; color:#ffffff; font-size:15px; font-family:NanumBarunGothicBold; border:none;  }
.login_area .login_reg_area .login_reg .otp_btn_area input { display: block; cursor: pointer; margin: 0 auto; padding: 0; text-align: center; background: #3a3a3a; width: 128px; height: 45px; color: #ffffff; font-size: 15px; font-family: NanumBarunGothicBold; border: none; }
.login_area .login_reg_area .otp_reg { width: 448px; margin: 0 auto; padding: 99px 0 20px 0; }
.login_area .login_reg_area .otp_reg ul { float: left; }
.login_area .login_reg_area .otp_reg li { margin-bottom: 15px; padding: 8px 0 8px 10px; background: #c8c6c6; }
.login_area .login_reg_area .otp_reg li.last { margin-bottom: 0; }
.login_area .login_reg_area .otp_reg li input { border: none; background: transparent; font-size: 15px; color: #fff; font-family: NanumBarunGothicBold; }
.login_area .login_reg_area .otp_reg .login_btn_area { float: right; }
.login_area .login_reg_area .otp_reg .login_btn_area input { display: block; cursor: pointer; margin: 0 auto; padding: 0; text-align: center; background: #3a3a3a; width: 128px; height: 103px; color: #ffffff; font-size: 15px; font-family: NanumBarunGothicBold; border: none; }
.login_area .login_reg_area .otp_reg .otp_btn_area input { display: block; cursor: pointer; margin: 0 auto; padding: 0; text-align: center; background: #3a3a3a; width: 128px; height: 45px; color: #ffffff; font-size: 15px; font-family: NanumBarunGothicBold; border: none; }
.login_area .login_reg_area .login_reg02 {clear:both; padding-top:25px; overflow:hidden; color:#555555; font-size:13px;}
.login_area .login_reg_area .login_reg02 p {display:inline-block;}
.login_area .login_reg_area .link_area {width:448px; height:90px; background:#fff; border:1px solid #d4d4d4; margin:0 auto; }
.login_area .login_reg_area .link_area ul {height:90px;}
.login_area .login_reg_area .link_area li {float:left; font-size:13px; color:#555555; border-right:1px solid #e3e3e3; height:100%; text-align:center; padding-top:20px; }
.login_area .login_reg_area .link_area li.first {width:138px;}
.login_area .login_reg_area .link_area li.second {width:180px;}
.login_area .login_reg_area .link_area li.third {width:120px;}
.login_area .login_reg_area .link_area li.last {border:none;}
.login_area .login_reg_area .link_area li a {display:block;}
.login_area .login_reg_area .link_area li span.ico01 {display:block; width:22px; height:22px; background:url('../../image/login_link_img01.png') no-repeat; margin:0 auto; margin-bottom:7px;}
.login_area .login_reg_area .link_area li span.ico02 {display:block; width:25px; height:25px; background:url('../../image/login_link_img02.png') no-repeat; margin:0 auto; margin-bottom:7px;}
.login_area .login_reg_area .link_area li span.ico03 {display:block; width:22px; height:22px; background:url('../../image/login_link_img03.png') no-repeat; margin:0 auto; margin-bottom:7px;}
.login_area .info {text-align:center; margin-top:21px;}
.login_area .info p {display:inline-block; padding-left:20px; background:url('../../image/login_info_ico.png') no-repeat; font-size:13px; color:#555555; }