@charset "utf-8";

@import url('base.css');

body {
    position: relative;
    top: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
    display: table;
}

.login_bg {
    width: 100%;
    height: 100%;
    background: #e7eef0;
/*    background:-webkit-linear-gradient(145deg, #e7eef0, rgb(205, 207, 217));
    background:linear-gradient(145deg, #e7eef0, rgb(205, 207, 217));*/
}

#login_wrap {
    clear: both;
    position: absolute;
    top: 48%;
    left: 50%;
    width: 840px;
    height: 380px;
    margin: -220px 0 0 -420px;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05)
}

#login_wrap .login_left {
    float: left;
    position: relative;
    width: 420px;
    height: 380px;
    background: #005dba;
}

#login_wrap .login_right {
    float: right;
    position: relative;
    width: 420px;
    height: 380px;
    background: #fff
}

.login_left .login_logo {
    position: relative;
    top: 110px;
    left: 100px;
    width: 238px;
    height: 142px;
    background: url(../img/login_logo.png) no-repeat 0 0
}

.login_left .login_ci {
    position: relative;
    top: 155px;
    left: 120px;
    width: 168px;
    height: 47px;
    background: url(../img/login_ci.png) no-repeat 0 0
}

.login_right h3 {
    margin-top: 70px;
    font-family: arial, "맑은 고딕", Malgun Gothic;
    font-size: 35px;
    color: #004a89;
    text-align: center;
    letter-spacing: -0.5px
}

.login_right .login_box {
    width: 290px;
    padding-top: 35px;
    margin: 0 auto;
    text-align: center
}

.login_right .login_box li {
    height:37px;
}

.login_right .login_box .input {
    width: 290px;
    height: 32px;
    text-indent: 2px;
    border: 1px solid #ccc;
    border-color:#ccc;
    padding: 1px 2px 1px 2px;
    box-sizing: border-box;
    font-size: 13px;
    transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.login_right .login_box .input:focus{
    box-shadow: 0px 0px 0px 0.2rem rgba(0,123,255,0.25);border-color:#80bdff;outline:0;
}



.login_right .btn_login {
    width: 290px;
    height: 57px;
    margin-top: 5px;
    line-height: 50px;
    border-radius: 2px;
    background: #004a89;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.login_right .btn_login:focus {
    box-shadow: 0px 0px 0px 0.2rem rgba(0,123,255,0.25);border-color:#80bdff;outline:0;
}


.login_right .id_search {
    display: inline-block;
    margin-top: 6px;
    font-size: 12px;
    font-weight: normal;
    color: #606060;
    letter-spacing: -.5px
}

.id_search a {
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0 25px 3px 0;;
    vertical-align: middle;
    background: url(../img/common/icon_link.png) no-repeat right 1px
}

.login_right .line {
    border-right: 1px solid #ddd
}
.loginbtn_div{width:290px;margin:0 auto;}

.loginAddress{text-align:center; font-size:12px;}
.loginAddress span{display:inline-block;margin-top:20px;}

/* Chrome */ ::-webkit-input-placeholder{color:#8f8f8f;font-size:14px;line-height:42px;font-weight:lighter;position:relative;top:-2px;}
/* Firefox */ ::-moz-placeholder{color:#8f8f8f;font-size:14px;line-height:40px;font-weight:lighter;position:relative;top:-2px;}
/* IE */ :-ms-input-placeholder{color:#8f8f8f;font-size:15px;line-height:;font-weight:lighter;vertical-align:top !important;}

.login_inputlist{}
.login_inputlist li{box-sizing:border-box;border:1px solid #e9e9e9;line-height:1;vertical-align:middle;margin-bottom:15px;width:100%;overflow:hidden;}
.login_inputlist input[type=text]{border:none;float:right;width:87% !important;margin-top:7px;vertical-align:middle;line-height:1;}
.login_inputlist input[type=password]{border:none;float:right;width:87% !important;margin-top:7px;}
.comname_icon{background:url('../img/comname_icon.png')15px center no-repeat;display:inline-block;}
.labnum_icon{background:url('../img/labnum_icon.png')15px center no-repeat;display:inline-block;}
.pw_icon{background:url('../img/pw_icon.png')15px center no-repeat;display:inline-block;}