#pages_login {}

#pages_login h2 {font-size:20px;padding:0 0 10px 0;margin:0;border-bottom:#999999 solid 3px;}
#pages_login .msg {color:#1C5B8C;font-family:dotum;line-height:150%;padding:30px 0 30px 0;}
#pages_login .msg a {color:#999999;font-size:11px;font-family:dotum;}

#pages_login .tab {height:28px;}
#pages_login .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_login .tab li {float:left;width:125px;text-align:center;list-style-type:none;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:7px 7px 7px 7px;background:#efefef;cursor:pointer;color:#666666;}
#pages_login .tab .selected {background:#ffffff;color:#000000;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#ffffff solid 1px;}
#pages_login .tab .lside {border-left:#dfdfdf solid 1px;}

#pages_login .agreebox {border:#dfdfdf solid 1px;padding:30px 30px 30px 30px;}
#pages_login .agreebox .tblbox {padding:15px;background:#efefef;}
#pages_login .agreebox table {width:100%;}
#pages_login .agreebox .key {width:75px;padding:10px 10px 10px 0;color:#666666;letter-spacing:-1px;text-align:right;}
#pages_login .agreebox .xfont {color:#999999;}
#pages_login .agreebox .input {width:200px;}
#pages_login .agreebox .submitbox {padding:20px 0 0 108px;}
#pages_login .agreebox .submitbox .btngray {height:25px;}
#pages_login .agreebox .submitbox .btnblue {width:100px;height:25px;}


.login-wrap{
    position: relative;
    margin: 0 auto;
    padding: 30px 0;
    width: 500px;
    height: 300px;
    margin-bottom: 30px;
}
.login-wrap .title{
    float: left;
    width: 100%;
    padding-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    border-bottom: 5px solid #d80000;
}
.login-wrap .title b{
    color: #d80000;
}
.login-wrap .form-wrap{
    float: left;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 36px 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
}

.login-wrap .form-wrap table {float: left;width:calc(100% - 120px);border-spacing:0px;border-collapse:collapse;}
.login-wrap .form-wrap table caption {display:none;}
.login-wrap .form-wrap thead th {
    padding: 12px 0;
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f5f5f5;
    color: #333;
    font-size: 0.95em;
    text-align: center;
    letter-spacing: -0.1em;
}
.login-wrap .form-wrap tbody td {
    color: #313131;
    padding: 4px 0;
}
.login-wrap .form-wrap tbody td:first-child{
    width: 30%;
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
}
.login-wrap .form-wrap .input{
    padding: 8px 10px;
    width: calc(100% - 24px);
}

.login-wrap .form-wrap .btn{
    float: left;
    width: 160px;
    height: 36px;
    margin: 4px 0 0 14px;
    background: #d80000;
    border: 0;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.login-wrap .btn-wrap{
    float: left;
    width: 100%;
    padding: 0px 0;
    border: 1px solid #ccc;
    border-top: 1px dashed #ccc;
    box-sizing: border-box;
    text-align: center;
}
.login-wrap .btn-wrap a{
    margin: 0 10px;
    color: #696969;
}
.login-wrap .btn-wrap a:hover{
    color: #d80000;
}


@media (max-width: 850px){
    .login-wrap{width: 100%;padding: 10px;box-sizing: border-box;}
    .login-wrap .form-wrap table{width: calc(100% - 96px);}
    .login-wrap .form-wrap tbody td:first-child{width: 40%;}
    .login-wrap .form-wrap .btn{width: 126px;}

    .mobile-menu, .search-wrap{display: none!important;}


    .mobile-menu, .search-wrap{display: none!important;}

}