@charset "utf-8";
/************************************************
converse
Author : 전혜정 (2015-01-09)
*************************************************/

/***************** 로그인 *****************/
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
body {    background: #fff;
    font-family:"돋음", dotum,"맑은 고딕",MalgunGothic, AppleGothic, Arial, sans-serif; color:#555; font-size:12px;}
.login_wrap>header {
    background-color:#f6f6f6;
    height:81px;
    width: 100%;
    overflow: hidden;
	border-bottom: 2px solid #68707d;
}
.login_wrap>header img{
	height:80px;
    float: left;
    margin-top:0px;
    margin-left: 20px;
}
.login_wrap>header h1 {
    background: url(../images/vans_logo.png) no-repeat;
    margin: 19px 32px 0;
    padding-bottom: 12px;
    height: 30px;
    background-size: 100px;
    /* width: 179px; */
    /* height: 20px; */
    /* background-position: -1px; */
}
.login_wrap>header h2 {
float: left;
height:24px;
line-height:24px;
text-align:center;
font-weight:bold;
font-size:14px;
width:150px;
color:#fff;
background-color: #4386fb;
    margin-top:26px;
    margin-left: 12px;
}
.login_wrap form {width:555px; height:346px; border: 1px solid #dbdbdb; margin: 58px auto;}
.login h3 {
    font-size: 16px;
    color: #222;
    border-bottom: 1px solid #dbdbdb;
    margin: 26px 32px 0;
    padding-bottom: 12px;
    font-family: "나눔고딕", NanumGothic, "맑은 고딕", MalgunGothic, AppleGothic, Arial, sans-serif;
    font-weight: bold;
}
.login ul {margin: 32px auto 0;width:300px;}
.inputclick {width:276px; height:31px; border: 1px soild #dbdbdb; padding-left: 20px;margin-bottom: 9px; font-size:13px; color:#333;
font-family:"돋음", dotum,"맑은 고딕",MalgunGothic, AppleGothic, Arial, sans-serif;}
.btn_login {width:300px; height:35px; font-size: 14px; font-weight: bold; text-align: center; margin: 10px auto;}
.btn_login a {display:inline-block; width:300px; height:35px;  background-color: #3065ab;  color:#fff; }
.btn_login a:hover {background-color: #a1a8b2;  color:#fff; }
.btn_login a span {display: inline-block; height: 35px; line-height: 35px;}

.checkid { width:300px; margin: 10px auto 0;}
.checkid span {display:inline-block;height:30px; width:300px; position:relative;}
.checkid input {opacity:0; cursor:pointer; position:absolute; top:0; left:0; width:35px; height:34px; -webkit-background-size:35px 30px;}
/* .checkid .i_check {font-size:12px; color:#888; cursor:pointer; display:inline-block; padding:0 0 0 38px; background:url("../images/checkboxs_out.png") no-repeat; */
.checkid .i_check {
    font-size: 12px;
    color: #888;
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 38px;
    background: url(../images/checkboxs_out.png) no-repeat;
    font-weight: normal;
    border: none;
    line-height: 34px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 25px;
    background-position: 5px 4px;
} 

 
.checkid span input:checked + label {
    background: url(../images/checkboxs_over.png) no-repeat;
    background-size: 25px;
    background-position: 5px 4px;
}

/***************** footer *****************/
footer .copyright {text-align:center; margin:0 auto;}
.copyright {height:11px;}
.copyright strong {margin-right:5px; font-weight: bold; color:#222; letter-spacing: 0.03em; font-family:Arial, sans-serif; }
.helpdesk {color:#888;text-align:center; margin:5px auto;}