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", "돋움", Dotum, Shruti, Arial; }

#login_body {
    background: #f1f4f8;
}
#login_wrap { position: relative; }
.login_area { position: fixed; top: 50%; left: 50%; margin-left: -516px; margin-top: -305px; }
.login_area .login_area_content { width: 1024px; height: 400px; border: 1px solid #cacaca; overflow: hidden; }
.login_area .login_title_wrap { float: left; background: url('../../image/newIcon/login_bg.png') no-repeat; width: 462px; height: 398px; }
.login_area .login_title_area { margin: 68px 0 0 46px; color: #fff; width: 370px; }
.login_area .login_title_area .s_title { font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; font-size: 20px; line-height: 20px; margin-bottom: 12px; }
.login_area .login_title_area .title { font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; 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: 398px; overflow: hidden; background: #fbfbfb; }
.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 10px;
        background: #c9d2e2;
    }
.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: #8499bd;
            font-weight: bold;
            font-family: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial;
        }
            .login_area .login_reg_area .login_reg li input::placeholder {
                color: #8499bd;
            }
.login_area .login_reg_area .login_reg li input[name=loginId] { width: 288px; }
.login_area .login_reg_area .login_reg li input[name=password] { width: 288px; }
.login_area .login_reg_area .login_reg li input[name=otpCode] { width: 288px; }
.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: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; 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: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; 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: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; }
.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: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; 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: "맑은 고딕", "Malgun Gothic", "돋움", Dotum, Shruti, Arial; 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: 50% }
.login_area .login_reg_area .link_area li.second { width: 180px; }
    .login_area .login_reg_area .link_area li.third {
        width: 50%;
    }
.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; }

.txtAccent { 
    color:red;
}