@charset "utf-8";
/* CSS Document */

/*.page-wrapper .page-wrapper-bottom, .page-wrapper .page-wrapper-top{display:none}*/
.header-member                  {height:96px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.header-member h2{margin-top:10px;}
.login-container				{background-color:transparent;}
.login-content					{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height:100% ; }
.login-content .intro-txt       { display:none; text-align: center; font-size: 47px; color:#000; font-weight: 600; letter-spacing: -0.07em; line-height: 1.2em;}
.login-content .h_line			{ display:none;  background:#88abda; margin:30px auto ; width:52px; height:2px;}
.login-content .login_tit		{ color:#000; font-size:18px; margin:20px 0 10px; font-weight: 600}
.login-input-box {display:flex;flex-direction:column; justify-content:center; width:466px; height:533px;padding:30px 46px; background:url("../images/login-bg.png") no-repeat bottom;  box-shadow: 0 0 15px 0 #d1d1d1;}
.login-input-box input 	{width:100%; height:60px;border:none; border-bottom:#cbcdcf solid 1px; height:50px; font-size:20px; margin-top:10px; border-radius: 2px; color:#227eff; padding-left: 50px;box-sizing:border-box}
/*.login-input-box .input-id		{ background:#fff url(../images/i_id.png) no-repeat 15px;}*/
/*.login-input-box .input-id:focus{ background:#fff url(../images/i_id_on.png) no-repeat 15px; border:#5ca0ff solid 2px;}*/
/*.login-input-box .input-pw		{background:#fff url(../images/i_pw.png) no-repeat 15px;}*/
/*.login-input-box .input-pw:focus{background:#fff url(../images/i_pw_on.png) no-repeat 15px;}*/
.login-content .txt{ font-size:12px; color:#000000; margin-top: 18px; letter-spacing: -0.08em; line-height: 1.2em;}
.login-input-box .confirm .k-button{ height:60px; color:#fff; width:100%; font-size:20px; margin-top: 20px; background-color:#ed0f69 !important; border-color:#ed0f69 !important}
.login-input-box .confirm .k-button.qr-button{display:flex; background-color:#5a4b9d !important; border-color:#5a4b9d !important;}
.login-input-box span.k-widget.k-tooltip-validation{ position: relative; display: flex; align-items: center; margin-bottom:5px; color:#ff0000; background:none; box-shadow: none; flex-direction: row}
.login-input-box .k-tooltip-validation>.k-icon{margin-right:4px;}
.brand-logo {margin-bottom:30px;}
.brand-logo .logo-img{display:inline-block;vertical-align:middle; width:124px; height:49px; margin-right:13px; background:url("../images/osstem-bi.png") no-repeat}
.brand-logo .logo-txt{display:inline-block;vertical-align:middle; font-size:30px; color:#000}

.chk-area{ margin:13px 0 50px; text-align:right;}

.link-resister-wrap{ margin-top:10px; text-align: center}
.link-resister-wrap a{display: inline-block;  border-bottom: #cc solid 1px;}

.join-form-container *{ box-sizing: border-box !important;}
.join-form-container .form-control{width:90%}

.form-body{margin-bottom:30px;}

.k-tooltip.k-tooltip-validation{background-color:transparent; color:#ff3d00}

/*register*/
.register-form-container{ margin:0 !important; box-sizing:border-box !important}
.register-form-container .k-edit-label,.register-form-container .k-edit-field{margin-bottom:0}
.register-form-container h4{padding:15px 0 10px; color:#000}
.register-form-container .k-tooltip{text-align:left;}
.register-form-container .bottom-btn-wrap{margin:20px 0 15px}
.register-form-container .k-edit-field label{display:block; font-weight:300; font-size:12px; margin-top:10px;}
.name-input{ align-items:center}
.name-input label{margin:0 8px}
.row *{box-sizing:border-box !important;}

@media (max-width: 767px) {
	.container, .inner, .login-input-box{width:100%;}
	.header-member{height:50px;}
	.header-member h1{margin:0; padding:0 16px;}
	.header-member img{height:30px; width:auto;}
	.login-content .intro-txt{font-size:24px; padding:0 32px;}
	.footer{padding:0}
	.footer .footer-menu{ margin-bottom:0; padding:10px 16px; line-height:1.4}
	.footer .footer-logo{position:static; display:none;}
}