@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html, body {
    margin: 0;
    padding: 0;
    font-family: "맑은고딕","Margunothic", sans-serif;
    font-size: 12px;
    color: #eee;
    background: url("/Images/Login_New_Images/bg.jpg");
    repeat-x;
    width: 100%;
}

input { margin-bottom:10px; padding-left:7px; line-height:30px; vertical-align:middle; }

a { color:#5a5c5b; }
a:hover { color:#547db8; }

h2{ font-size:1.5em; color:#4e5d70; letter-spacing:1.5px;}


/**** form ****/

.bg_bar {
    background: url("/Images/Login_New_Images/bg.jpg");
    repeat-x;
    width: 100%;
    margin: 0 auto;
    position:relative;
}
.bg_main {
    background: url("/Images/Login_New_Images/main.jpg") no-repeat;
    width: 1200px;
    height: 800px;
    margin: 0 auto;
    position: relative;
}

.div_login     { position:absolute; top:515px; left:895px; width:400px; }
.div_login_top { position: absolute; top: 585px; left: 1022px;}

.wrap      { width:400px;}

.input_wrap { width:170px;}

.btn_wrap   { float:left;}

/*인풋 아이디/비번 배경*/

.id_blur {
    border: #fff 1px solid;
    background: transparent url(/Images/Login_New_Images/txt_id.png) no-repeat;
    background-position: 10px 4px;
    width: 200px;
    height: 20px;
    background-color: #fff;
}
.id_focus { border:#36d9f7 1px solid; background-color:#ebeff2; width:200px; height:20px; font-size:16px; }
.pw_blur {
    border: #fff 1px solid;
    background: transparent url(/Images/Login_New_Images/txt_pw.png) no-repeat;
    background-position: 10px 3px;
    width: 200px;
    height: 20px;
    background-color: #fff;
}
.pw_focus { border:#36d9f7 1px solid; background-color:#ebeff2; width:200px; height:20px; font-size:16px; }