@charset "utf-8";


/* Layout */
.body					{ margin-top:50px}
.container			{ height:100%; min-height:1000px; box-sizing:border-box; padding:110px 0 0; background-image: url('../img/common/loginBg.jpg'); }


/* Login */
.loginForm			{ box-sizing:border-box; width:862px; height:744px; margin:0 auto; padding:86px 140px; background-color:#fff; border-radius:20px; box-shadow:0 0 14px 3px #e4e4e4; }
.loginForm h2		{ margin-top:0; margin-bottom:33px; font-family:'NanumBarunGothicBold'; color:#0a294e; font-size:32px; letter-spacing:-0.07em;}
.loginForm h2 strong	{ font-family:'NanumGothicEx'; color:#0a294e; font-size:47px; letter-spacing:-0.05em;}
.loginForm .text	{ margin-bottom:33px; font-family:'NanumGothic'; color:#7d7d7d; font-size:17px; letter-spacing:-0.07em; line-height:1.5;}
.loginForm .textId	{ margin-bottom:17px; font-family:'NanumGothic'; color:#7d7d7d; font-size:17px; letter-spacing:-0.07em; line-height:1.5;}
.loginForm .logo	{ margin-bottom:33px;}

/* join */
.joinForm			{ box-sizing:border-box; width:700px; height:100%; margin:0px auto; padding: 20px 80px; background-color:#fff; border-radius:20px; box-shadow:0 0 14px 3px #e4e4e4; }
.useLoginForm			{     box-sizing: border-box;
    width: 862px;
    height: 744px;
    margin: 0 auto;
    padding: 86px 140px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 14px 3px #e4e4e4; }
.joinTitle          { text-align: center; padding: 15px;}
.joinInput{
    width: 100%;
    /* background-color: #fcfcfc; */
    /* border: 0; */
    padding: 10px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: 2%;
}
.joinButton{
    display: block;
    width: 100%;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    font-size: 15px;
    color: #333;
    margin-top: 30px;
    background-color: #f6f6f6;
}
.joinPost{
    width: 30%;
    padding: 10px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: 2%;
}
.joinBtn{
    display: inline-block;
    height: 30px;
    padding: 8px 15px;
    border: 1px solid #adadad;
    border-radius: 30px;
    color: #252525;
    margin-left: 1%;
    /* -webkit-box-sizing: border-box; */
    box-sizing: border-box;
}
.joinPassword{
    width: 100%;
    /* background-color: #fcfcfc; */
    /* border: 0; */
    padding: 10px;
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
    margin-bottom: 2%;
}


.rowInput			{ position:relative; width:390px; margin:0 auto}
.rowInput li			{ display:inline-block; height:55px; margin-bottom:11px; }
.rowInput label		{ position:absolute; display:inline-block; width:55px; height:55px; background-color:#b7c9e1; background-position:-280px -140px;}
.rowInput label img	{ box-shadow:2px 0px 6px 0px rgba(0,0,0,0.1) inset;}
.rowInput li input	{ box-sizing:border-box; width:390px; height:55px; padding:0 10px 0 75px; font-size:15px; border:none; background-color:#f8f8f8; box-shadow:0 -1px 3px 0px rgba(0,0,0,0.1) inset;  }
.login a.btn			{ display:inline-block; *display:inline; zoom:1; width:100%; height:55px; background:url('../img/login/btnLogin.png') no-repeat center; text-indent:-999em; }
.footer				{ margin-top:32px; font-family:'NanumGothic'; font-size:12px; color:#8d8d8d;}

.top_menu a			{ display:inline-block; *display:inline; zoom:1; width:120px; margin-left:10px; padding:8px 10px 6px; text-align:center; color:#fff !important; font-family:'NanumBarunGothicBold'; border-radius:8px; background:#0c4d9d }



/* Login */
.loginForm01		{ height:615px; padding-top:100px}
.loginForm01 h2	{ margin-bottom:28px;}
.loginForm01 h2 strong		{ font-size:32px; }
.loginForm01 .login a.btn	{ background:url('../img/login/btnHome.png') no-repeat center; }