.login {background:#f3f3f3;}
#LoginForm {position:relative;width:100%;height:100%;}
#LoginForm * {
	box-sizing: border-box;
}
#LoginForm .joinCont {padding:10% 0;}
#LoginForm .joinCont > .InBox {max-width:1400px;min-width:1000px;width:calc(100% - 100px);margin:0 auto; overflow:hidden;}
#LoginForm .joinCont > .InBox > div {width:50%;float:left;}
#LoginForm .joinCont > .InBox .ttl {text-align:center;padding-top:110px;}
#LoginForm .joinCont > .InBox .ttl img { margin-bottom: 60px; } 
#LoginForm .joinCont > .InBox .ttl p { font-size:25px; line-height:1.7em; margin-bottom: 30px; } 
#LoginForm .joinCont > .InBox .ttl span { display: inline-block; font-size:18px; line-height: 2em; margin-bottom: 50px; } 

#LoginForm .joinCont > .InBox .cont { }
#LoginForm .joinCont > .InBox .cont form {width: 450px;margin:0 auto;}
#LoginForm .joinCont > .InBox .cont form .line {width:100%;overflow:hidden;}
#LoginForm .joinCont > .InBox .cont form .line div {float:left;border-top:1px solid #b2b2b2;margin-top:7px;}
#LoginForm .joinCont > .InBox .cont form .line div:nth-of-type(1) {width:calc(50% - 30px);}
#LoginForm .joinCont > .InBox .cont form .line div:nth-of-type(2) {width:calc(50% - 30px);}
#LoginForm .joinCont > .InBox .cont form .line span {float:left;width:60px;font-size:16px;display:block;color:#b2b2b2;text-align:center;}

#LoginForm .joinCont > .InBox .cont form .input {width:100%;margin-top:35px;}
#LoginForm .joinCont > .InBox .cont form .input h3 { text-align: center; margin-bottom: 50px; font-weight: bold; font-size: 17px; }
#LoginForm .joinCont > .InBox .cont form .input .InBox { margin-bottom: 30px; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input { width: 100%; display:block; border: none; border-bottom: 1px solid #000; color:#000; outline: none;}
#LoginForm .joinCont > .InBox .cont form .input .InBox input {padding:15px 0; font-size:15px; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input:nth-of-type(1) { margin-bottom: 30px; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input:nth-of-type(2) { margin-bottom: 20px; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input:focus { outline: none; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input::placeholder { opacity: 1; transition: 0.15s; color: #aaa; }
#LoginForm .joinCont > .InBox .cont form .input .InBox input:focus::placeholder { opacity: 0.5;}
#LoginForm .joinCont > .InBox .cont form .input .InBox input:nth-of-type(1) {margin-bottom:10px;}
#LoginForm .joinCont > .InBox .cont form .input .btns {}
#LoginForm .joinCont > .InBox .cont form .input .btns button {background:#121212;display:block;color:#fff;text-align:center;font-size:17px;font-weight:bold;}
#LoginForm .joinCont > .InBox .cont form .input .btns button {width:100%;padding:20px 0;}
#LoginForm .joinCont > .InBox .cont form .input .clear {width:100%;margin-bottom:20px;}
#LoginForm .joinCont > .InBox .cont form .input > a {float:right;display:inline-block;font-size:15px;margin-left:10px;}
#LoginForm .joinCont > .InBox .cont form .input > a {text-align:right;color:#777; position: relative; }
#LoginForm .joinCont > .InBox .cont form .input > a::after { content: ''; position: absolute; bottom: -3px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-color: #777; opacity: 0; transition: opacity 0.15s; }
#LoginForm .joinCont > .InBox .cont form .input > a:hover::after { opacity: 1; }
#LoginForm .joinCont .input { position: relative; }
.error-message-container { width: 450px; margin-bottom: 25px; }
#LoginForm .joinCont .error-message { color: red; line-height: 1.3em; font-size: 13.5px; }

#LoginForm .joinCont > .InBox .cont .sign_up {width:450px; margin: 0 auto; margin-top: 130px; }
#LoginForm .joinCont > .InBox .cont .sign_up h3 {font-size:17px;font-weight:bold;text-align:center; margin-bottom: 30px; }
#LoginForm .joinCont > .InBox .cont .sign_up ul {width:450px;overflow:hidden;margin:15px auto 25px;}
#LoginForm .joinCont > .InBox .cont .sign_up ul li {float:left;width:33.33%;}
#LoginForm .joinCont > .InBox .cont .sign_up ul li a {width:128px;margin:0 auto;display:block;}