/*-- 로그인 --*/
h1.loginLogo {
    margin-top:20px;
    margin-bottom:40px;
    text-align:center;
}
h1.loginLogo a {
    display:inline-block;
    width:180px;
    height:171px;
    background:url('../img/loginLogo.png') no-repeat;
    font-size:0;
    text-indent:-9999px;
    color:transparent;
}
div.inputBox {
    margin-bottom:40px;
}
div.inputBox input {
    margin-bottom:20px;
    padding-left:30px;
    width:100%;
    height:70px;
    border:1px solid #d2d2d2;
    border-radius:5px;
    box-sizing:border-box;
    font-size:24px;
    color:#454545;
}
div.inputBox input::-ms-input-placeholder {color: #c0c0c0;}
div.inputBox input::-webkit-input-placeholder {color:#c0c0c0;} 
div.inputBox input::-moz-placeholder {color:#c0c0c0;}

div.saveCheck input[type="checkBox"] {
    display:none;
}
div.saveCheck input[type="checkBox"] + label {
    padding-left:60px;
	display:inline-block;
	height:40px;
	background:url('../img/logCheck.png') no-repeat;
	background-position: 0 0;
	font-size:24px;
    line-height:40px;
    color:#777;
}
div.saveCheck input[type="checkBox"]:checked + label{
	background-position: 0 -40px;
}
a.loginBtn {
    display:block;
    width:100%;
    height:70px;
    background:#76ac0d;
    text-align:center;
    font-size:32px;
    line-height:70px;
    color:#fff;
}
div.linkBtn {
    margin-top:40px;
    margin-bottom:50px;
    text-align:center;
}
div.linkBtn a {
    position:relative;
    margin:0 30px;
    display:inline-block;
    font-size:24px;
    color:#333333;
}
div.linkBtn a:first-child::after {
    display:none;
}
div.linkBtn a::after {
    content:"|";
    position:absolute;
    left:-32px;
    font-size:18px;
    color:#538914; 
}
/*-- END 로그인 --*/

/*-- 회원가입 --*/
div.joinCnt {
    position:relative;
}
div.sequence {
    position:absolute;
    top:40px;
    right:0;
    text-align:right;
    width:115px;
    background:url('../img/sequenceLine.png') no-repeat center right;
}
div.sequence span {
    margin-left:15px;
    display:inline-block;
    width:25px;
    height:25px;
    background:#aaaaaa;
    border-radius:15px;
    text-align:center;
    font-size:18px;
    line-height:25px;
    color:#fff;
}
div.sequence span:first-child {
    margin-left:0;
}
div.sequence span.active {
    background:url('../img/sequence.png') no-repeat;
    text-indent:-9999px;
}


/*체크박스 스타일*/
.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;
}
/* END 체크박스 스타일*/

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:10px;
	right:20px;
	padding:5px 15px;
	border:1px solid #5a8d0f;
	border-radius:30px;
	font-size:22px;
	color:#5a8d0f;
}
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.memberBtn {
    margin-top:20px;
	display:block;
	padding:20px 0;
	width:100%;
	font-size:24px;
	text-align:center;
	color:#fff;
	background:#76ac0d;
}
/*-- 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 아이디/비밀번호 찾기 --*/

/*-- 정보입력, idpw찾기 --*/
table.inputTbl tr {
	border:1px solid #eee;
}
table.inputTbl tr th {
	text-align:left;
}
table.inputTbl tr td {
	padding:0;
	text-align:left;
	height:65px;
}
table.inputTbl tr td p {
    padding-left:15px;
    font-size:22px;
}
table.inputTbl tr td.tdBtn a {
	display:inline-block;
	width:100%;
	text-align:center;
	line-height:65px;
	background-color:#64755f;
	font-size:20px;
	color:#fff; box-sizing:border-box;
}
table.inputTbl tr td.joinTxt02 {
	text-align:center;
	font-size:15px;
	color:#fe6148;
}
table.inputTbl tr td input[type="text"], table.inputTbl tr td input[type="password"] {
	padding-left:15px;
	width:100%;
	height:65px;
	font-size:22px;
	border:none;
	box-sizing:border-box;
}
table.inputTbl 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.inputTbl tr td select::-ms-expand {display:none;} /*IE에서*/
table.inputTbl tr td.birthCheck {
	box-sizing:border-box;
    vertical-align:bottom;
}
table.inputTbl tr td.birthCheck input[type="radio"] {
	display:none;
}
table.inputTbl tr td.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;
}
table.inputTbl tr td.birthCheck input[type="radio"]:checked + label {
	background-position: 0 -65px;
}
table.inputTbl tr td.birthCheck02 input[type="radio"] + label {
	background:url('../img/checkbox03.png') no-repeat;
}
table.inputTbl tr td.check input[type="radio"] + label {
	padding-left:40px;
	margin:0 5px 0 15px;
	font-size:22px;
}
/*-- END 정보입력, idpw찾기 --*/


table.inputTbl2 tr td {padding:0 0 0 10px; text-align: left; height: 65px;}

.inputTbl2 input[type="text"] {width:100%; height:65px; padding:0 10px; border:none; box-sizing:border-box;}
.inputTbl2 input[type="tel"] {width:100%; height:65px; padding:0 10px; border:none; box-sizing:border-box;}
.inputTbl2 input[type="text"].inp01 {width:30px; height:30px; padding:0 5px; border:1px solid #c8c8c8;}
.inputTbl2 td p {font-size:15px;}