.join {}

.join .step { float:left; margin-bottom:20px;  }
.join .step span { float:left; display:block; height:80px;padding-left:20px; padding-top:15px; border-radius:5px;  width:170px; color:#555; background:#eee; font-size:14px; }
.join .step span.hover { color:#fff; background:#1d57bd;  }
.join .step span strong { font-size:20px; font-weight:bold;  }
.join .step .fa { float:left; display:block; margin:30px 3px 0 3px; font-size:18px; color:#cdcdcd;  }

.join .agreeFrom { clear:both;  }
.join .joinFrom { clear:both;  }
.join .alert-default { overflow-y:auto; height:240px; border:1px solid #ccc; margin-bottom:0px;   }

.confirmCheck { margin-bottom:20px; float:left; width:100%;  }
.confirmCheck .confirm { border:1px solid #ccc; padding:30px;  }
.confirmCheck .confirm:hover { background:#d6f0ff; }

#contentsContainer .contents-wrapper .joinStep02 .alert-success p { padding:0 0 0 0;   }
#contentsContainer .contents-wrapper .joinStep02 .btn-lg { width:150px;   }
#contentsContainer .contents-wrapper .loginOk .btn-lg { width:150px;   }
#contentsContainer .contents-wrapper .switch .btn-lg { width:150px;   }

#contentsContainer  .contents-wrapper .joinTable tbody th { text-align:left; vertical-align:middle;text-align:left;   }
#contentsContainer  .contents-wrapper .joinTable td { text-align:left; }
.join .joinFrom input { float:left;margin-right:20px;   }
.join .joinFrom .middleLength { width:200px; height:30px;  float:left; margin-right:20px;  }
.join .joinFrom .shortLength { width:90px; height:30px; float:left;  margin-right:20px; }
#contentsContainer .contents-wrapper .joinStep04 .btn-lg { width:150px;   }
#contentsContainer  .contents-wrapper .login .alert-default { border:1px solid #ccc;  }
#contentsContainer  .contents-wrapper .line { border:1px solid #ccc; padding:20px 20px 5px 20px;margin-bottom:20px;   }
#contentsContainer  .contents-wrapper .line button,
#contentsContainer  .contents-wrapper .line a { float: right;width:120px;padding:5px;  }
#contentsContainer  .contents-wrapper .line h5 { margin-bottom:20px;  }
#contentsContainer  .contents-wrapper .form-group { width:410px; margin:0 auto;  }
#contentsContainer  .contents-wrapper .form-group .inputWrap { float:left; width:290px; margin-right:10px;  }
#contentsContainer  .contents-wrapper .form-group .inputWrap #id { margin-bottom:14px;  }
#contentsContainer  .contents-wrapper .form-group .inputWrap input {width: 290px; height: 48px;}
#contentsContainer  .contents-wrapper .form-group .btn-lg {width: 110px; height: 110px;}

#contentsContainer .loginOkBox { background:#d6f0ff; border:1px solid #ccc; padding:20px;margin-bottom:30px;   }

#contentsContainer .idBox { padding-bottom:30px;  }
#contentsContainer .greyBox { float:left; width:100%; margin-bottom:20px;  background:#eee; padding:10px 20px;  }
#contentsContainer .form-inline .check { margin-right:10px; }
#contentsContainer .form-inline .text {}
#contentsContainer .form-inline .text input { width:200px; height:30px;padding:0 12px;   }

#contentsContainer .switch { padding-bottom:30px;  }
#contentsContainer .switchTable { celar:both;  }
#contentsContainer .switchTable tbody th {background:#d6f0ff; font-weight:bold; color:#555; vertical-align:middle; }

#contentsContainer .dataTable { width:100%; border-collapse:collapse;border-top:2px solid #555;  }
#contentsContainer .dataTable thead th {padding:8px 5px; background:#D6F0FF; color:#555; border:1px solid #ccc; text-align:center; white-space: nowrap;  }
#contentsContainer .dataTable tbody th {padding:8px 5px; background:#D6F0FF; color:#555; border:1px solid #ccc; text-align:center; white-space: nowrap;  }
#contentsContainer .dataTable td {background:#fff; padding:8px 10px; border:1px solid #ccc; vertical-align:middle; }

/*본인인증 팝업 */
.myCertify { margin:0 auto; border-top:5px solid #0074b9; padding:0 10px;  }
.myCertify .topCertify { height:80px; border-bottom:2px solid #0074b9; padding-top:20px;  }
.myCertify .topCertify h1,
.nlogin-agree h1 { float:left; margin:0px; font-size:30px; font-weight:bold; color:#05509c;  }
.myCertify .topCertify h2 { float:right;margin:0px;   }
.myCertify .bottomCertify  { padding-top:20px;  }
.myCertify .bottomCertify h5{ margin-bottom:5px;   }
.myCertify .bottomCertify .confirm { padding:30px 10px;  }

.agree-container {
	padding:10px;
}
.nlogin-agree .agrees {
	margin-top:10px;
	border-top:5px solid #0074b9; 
	padding:10px 20px;
}

.no-agree {
	display: inline-block;
	margin-top:5px	;
	margin-left: 10px;
	padding-left:10px;
	border-left:1px solid #ccc;
}

/*나의게시물 보기*/


.loginMy .alert-danger { border:1px solid #ccc;  }
.loginMy .alert-danger p { color:#333;   }