@charset "utf-8";
/* .container { height: 100%; } */

/* ================ 로그인 폼 스타일 S ================ */
.login-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
/*	margin: 13vh 0;*/
/*	padding: 14vh 0;*/
/*	background-color: #f9f9f9; */
}

.login-form {
/*	background-color: #fff;*/
	padding: 40px;
/*	border-radius: 10px; */
/*	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
	width: 100%;
	max-width: 600px;
	text-align: center;
}

.login-title {
	margin-bottom: 20px;
	color: #333;
	font-size:40px;
}

/* tab 메뉴 S */
.member_tab {
    position: relative;
/*    width: 100%;*/
	width:60%;
    max-width: 470px;
    margin: 40px auto 20px;
    overflow: hidden;
/*    border-radius: 25px;*/
/*    background-color: #f6f6f6;*/
    display: flex;
    justify-content: center;
}

.member_tab ul {
    display: flex;
    flex-flow: wrap row;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    width: 100%;
}

.member_tab li {
    flex: 0 0 50%;
    align-self: flex-start;
    align-self: center;
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
/*    padding: 0 10px;*/
/*    background-color: #f6f6f6;*/
    text-align: center;
    color: #000;
    font-size: var(--font-size-sm);
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color .3s,border .3s ease;
/*	border-bottom: 1px solid #333;*/
}

.member_tab li:nth-child(1) {
/*    border-radius: 25px 0 0 25px / 25px 0 0 25px; */
}

.member_tab li:nth-child(2) {
    left: -1px;
/*    border-radius: 0 25px 25px 0 / 0 25px 25px 0; */
}

.member_tab li.on {
    z-index: 1;
/*    border-radius: 25px; */
/*    background-color: #333;*/
}

.member_tab li.on a {
    color: #fff;
}

.member_tab li a {
    display: block;
	color: #000;
}
/* tab 메뉴 E */

.login-form .hdp, .login-form .email { display: none; }
.login-form .hdp.on, .login-form .email.on { display: block; }

.login-form input[type="text"],
.login-form input[type="password"], .login-form input[type="number"], .login-form input[type="tel"] { 
	width: 100%;
	padding: 12px;
	margin: 16px 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 16px;
	box-sizing: border-box;
}

.login-form button {
	margin-top: 30px;
	width: 100%;
	padding: 12px;
	color: #fff;
	border: none;
/*	border-radius: 5px;*/
	border-radius:50px;
	font-size: 16px;
	cursor: pointer;
	transition: background-color 0.3s;
}

.login-form button.logbtn {
/*	background-color: #333;*/
	background-color: #187888;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	height:55px !important;
}



.login-form a {
	display: block;
/*	margin-top: 15px; */
	font-size: 14px;
/*	color: #007bff;	*/
	text-decoration: none;
}

.login-form a:hover {
	text-decoration: underline;
}

/* ================ 로그인 폼 스타일 E ================ */

/* ================ 회원가입 폼 스타일 S ================ */

#CompanyCheck { clear: both; display: none; }

.agree { margin-top: 40px; }
.agree strong {
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 600;
    float: left;
    margin-bottom: 14px;
}
.agree .chkbox {
    text-align: left;
    margin-bottom: 15px;
	margin-top:15px;
}

/*input[type="checkbox"], input[type="radio"] {*/
/*    display: none;*/
/*}*/

.chkbox label {
    font-size: 14px;
    color: #333;
    font-weight: bold;
}


.chkbox label span {
    display: inline-block;
    width: 25px;
    height: 25px;
    border: 1px solid #ddd;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
}


.chkbox label span::after {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 13px;
    background: #ddd;
}


.agree .textarea {
    height: 115px;
    border: 1px solid #ddd;
    padding: 18px;
    overflow-y: scroll;
    width: 100%;
	background-color: #fff;
}
input[type="checkbox"]:checked + label span::after { background: #ff0000; }
input[type="radio"]:checked + label span::after { background: #ff0000; }

.btn_area { margin: 40px 0; text-align: center; }

.btn_area button {
/*	margin:0 auto;*/
/*	padding: 12px;*/
/*	color: #fff;*/
/*	border: none;*/
/*	font-size: 16px;*/
/*	cursor: pointer;*/
/*	transition: background-color 0.3s;*/
    margin: 0 auto;
    color: #fff;
    border: none;
    cursor: pointer;
    height: 40px;
    padding: 0 10px;
    transition: background-color 0.3s;
/*	    width: 155px;*/
}

button.membtn { 
/*	background-color: #007bff; */
	background-color:#187888;
}

button.probtn { 
	background-color: #444; 
}

.btn_area1 { margin:0; }
.btn_area1 a { float: left; }

/*.btn_area button {*/
/*	margin:0 auto;*/
/*	padding: 12px;*/
/*	color: #fff;*/
/*	border: none;*/
/*	font-size: 16px;*/
/*	cursor: pointer;*/
/*	transition: background-color 0.3s;*/
/*}*/


/* ================ 회원가입 폼 스타일 S ================ */


/*====== 신청 페이지 S ======*/
.txt_info { font-size:15px;color:#666; padding:26px 30px; border:1px solid #ddd; border-radius:10px; box-shadow:0px 5px 13px 0px rgba(0,0,0,0.05); }
.txt_info .add_bm { margin-top:10px; }
.txt_info li .add_bm { margin-top:5px; }
.txt_info i { color:#9b3057; }
.txt_info .mid { margin:15px 0 5px 0; color: #000;}
.txt_info .tit { margin:15px 0 10px 0; color: #1d8800; font-size: 18px; font-weight: 600;}
/*====== 신청 페이지 E ======*/


/*서진인포텍 윤혜진 수정*/

.mombtn {
    color: #000 !important;
    margin-top: 10px !important;
    text-align: right;
    padding: 0px 20px 0 0 !important;
}

.login-wrap {
	background-color:#f2f2f2;
}

@media (max-width: 767px) {
		button.probtn {
		margin-bottom:10px;
	}
}