/*-- 로그인 --*/
div.loginTit {text-align:center;}
div.loginTit h3 {font-size:30px}
div.loginInner {
	margin:40px 0;
}
div.loginInner > input {
	margin-bottom:10px;
	padding-left:20px;
	width:100%;
	height:55px;
	background-color:#e5e5e5;
	border:none;
	font-size:20px;
	color:#666;
	box-sizing:border-box;
	border-radius:0;
}
div.loginInner label {
	font-size:17px;
}
div.checkBox label input {
	position:relative;
	top:-1px;
	margin-right:8px;
	width:17px;
	height:17px;
}
/*-- END 로그인 --*/


/*-- 회원가입 --*/
.check {
	padding:20px;
	width:100%;
	border:1px solid #ccc;
	box-sizing:border-box;
}
.check input[type="checkbox"], .check input[type="radio"] {
	display:none;
}
.check input[type="checkbox"] + label, .check input[type="radio"] + label {
	padding-left:45px;
	display:inline-block;
	height:30px;
	background:url('../img/checkbox.png') no-repeat;
	background-position: 0 0;
	font-size:24px;
	line-height:30px;
	color:#666;
}
.check input[type="checkbox"]:checked + label, .check input[type="radio"]:checked + label {
	background-position: 0 -30px;
}

ul.agreeBox {
	margin-top:20px;
	border-top:1px solid #ddd;
}
ul.agreeBox li.check {
	position:relative;
	border-top:none;
}
ul.agreeBox li a.agreeLink {
	position:absolute;
	top:15px;
	right:20px;
	padding:10px 15px;
	border:1px solid #2e7ac0;
	font-size:22px;
	color:#2e7ac0;
}
ul.agreeBox li.scrollBox {
	padding:10px;
	width:100%;
	height:150px;
	overflow-y:scroll;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-top:none;
	background:#eee;
}
ul.agreeBox li.scrollBox table {
	width:100%;
	background:#fff;
}
ul.agreeBox li.scrollBox table td {
	padding:10px 0;
	border:1px solid #ddd;
	text-align:center;
	font-size:15px;
	line-height:24px;
}
ul.agreeBox li.scrollBox table td span {
	margin:0 auto;
	display:block;
	text-align:left;
	width:70px;
}
ul.agreeBox li.scrollBox table td span input[type="radio"] {
	margin-top:-1px;
	margin-left:2px;
	width:14px;
	height:14px;
}
ul.agreeBox li.scrollBox p.joinTxt {
	margin-top:10px;
	font-size:15px;
	color:#666;
	line-height:24px;
}

a.joinBtn {
	margin-top:20px;
	display:block;
	padding:20px 0;
	width:100%;
	font-size:24px;
	text-align:center;
	color:#fff;
	background:#4da733;
}

/*- 정보입력 -*/
table.joinTbl tr {
	border:1px solid #eee;
}
table.joinTbl tr th {
	text-align:left;
}
table.joinTbl tr td {
	padding:0;
	text-align:left;
	height:65px;
}
table.joinTbl tr td.check input[type="radio"] + label {
	padding-left:40px;
	margin:0 5px 0 15px;
	font-size:22px;
}
table.joinTbl tr td.tdBtn > a {
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:65px;
	background-color:#4da733;
	font-size:20px;
	color:#fff;
}
table.joinTbl tr td.joinTxt02 {
	text-align:center;
	font-size:15px;
	color:#85c450;
}
table.joinTbl tr td p {
    float:left;
	padding-left:15px;
    line-height:65px
}
table.joinTbl tr td input[type="text"],table.joinTbl tr td input[type="password"] {
	padding-left:15px;
	width:100%;
	height:65px;
	font-size:22px;
	border:none;
	box-sizing:border-box;
}
table.joinTbl tr td select {
	padding-left:15px;
	width:100%;
	height:65px;
	border:none;
	font-size:22px;
	box-sizing:border-box;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
table.joinTbl tr td select.selectMini {
    float:left;
    width:20%;
}
table.joinTbl tr td select::-ms-expand {display:none;} /*IE에서*/


/*
table.joinTbl tr td div.birthBtn {
	margin:0 auto;
	text-align:center;
	width:100%;
	height:65px;
	font-size:20px;
	font-family: 'Noto Sans Medium';
	line-height:55px;
	border:5px solid #ccc;
	box-sizing:border-box;
	color:#ccc;
}
table.joinTbl tr td div.birthAct {
	border:5px solid #4589b3;
	color:#4589b3;
}
*/
.birthCheck {
	box-sizing:border-box;
    vertical-align:bottom;
}
.birthCheck input[type="radio"] {
	display:none;
}
.birthCheck input[type="radio"] + label {
	display:inline-block;
    width:100%;
    height:100%;
	background:url('../img/checkbox02.png') no-repeat;
	background-position: 0 0;
	font-size:0;
    text-indent:-9999px;
}
.birthCheck02 input[type="radio"] + label {
	background:url('../img/checkbox03.png') no-repeat;
}
.birthCheck input[type="radio"]:checked + label {
	background-position: 0 -65px;
}



p.joinTxt03 {
	margin-top:30px;
	text-align:center;
	font-size:19px;
	color:#454545;
	
}
/*-- END 회원가입 --*/


/*-- 아이디 비밀번호찾기 --*/
div.idpwBox {
	margin:20px 0;
	padding:75px 0;
	width:100%;
	border:1px solid #ddd;
	text-align:center;
	font-size:18px;
	color:#666;
	line-height:32px;
}
div.idpwBox > span.id {
	padding:0 10px;
	font-size:32px;
}
div.idpwBox > span {
	border-bottom:1px solid #333;
	color:#000;
}
/*-- END 아이디 비밀번호찾기 --*/