/* ********************** 부트스트랩 수정 ******************** */
* {box-shadow:none !important;}
input.insertFile, input[type="text"], input[type="password"], textarea, select, button {height:34px !important;}
input[type="file"] {height:40px !important;}
.btn-normal {color:#333 !important; background-color:#fff; border:1px solid #333;}
.btn-normal:hover {color:#fff !important; background-color:#333;}

.btn-xs {color:#333 !important; background-color:#fff; border:1px solid #ddd;}
.btn-xs:hover {color:#fff !important; background-color:#333; border:1px solid #333;}

label {display:none;}
.checkbox label {display:block;}
* [class*="inline"] {display:inline-block !important;}
.block {display:block !important;}
.dropdown-menu>li>a {padding-left:12px !important;}
.open>.dropdown-toggle.btn-default {background-color:#f9f9f9 !important;}

.modal {}
.modal h4 {font-size:14px; font-weight:bold; color:#000;}
.modal p {font-size:12px;}
#pop_pwck .form-group {margin:0;}

.cal_Box .col-xs-8 {padding-right:5px !important;}
.cal_Img img {width:34px;}
/* ********************** 추가 ************************ */
/* 공용 */
.msg_box * {vertical-align:top;}
.msg_box p {display:inline-block; font-size:12px !important;}
.mail2 i {position:absolute; top:5px; left:5px;} /* 메일 입력 두번째 @ 부분에 사용 */
.mail2 input {padding-left:25px !important;} /* 메일 입력 두번째 @ 부분에 사용 */
i.msg {display:inline-block; width:40px; height:40px; background:url(../images/common/icon_msg.png) no-repeat 0 4px;}


/* 하단 페이지 버튼 */ 
.btn_box {text-align:center;}
.btn_box ul {margin:50px 0;}
.btn_box li {display:inline-block;}


.login_box .btn {border:1px solid #333;}
.login_box h3 {padding-bottom:20px; margin:0; background-color:#fff; color:#000; font-size:30px;}
.login_box .form-group {text-align:center;}
.login_box .form-group>* {margin-bottom:15px; padding:0;}
.login_box .form-group>*:last-child {margin:0;}
.login_box .login {width:100%; color:#fff !important; background-color:#0093ff; line-height:1; border:none; font-size:18px; padding:30px;}
.login_box .login:hover {background-color:#333;}
.login_box .info {margin-top:20px; text-align:left; font-size:12px !important; padding:0;}
.login_box .info>* {padding-top:20px; padding-left:0; margin:0;}
.login_box .info .btn-sm {border:1px solid #ddd;}
.login_box .info .btn-sm:hover {border:1px solid #333;}

/* 회원-가입 이용약관*/
.agree {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.agree pre {width:100%; font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none; overflow:hidden;}
.privacy {padding:20px; border:1px solid #eee; background-color:#fafafa;}
.privacy pre {font-size:12px; margin:0; padding:0; font-family:inherit !important; line-height:inherit; background-color:transparent; border:none; overflow:hidden;}

/* 회원-가입폼 */
.join_step {margin-bottom:50px; text-align:center; font-size:12px; letter-spacing:-1px;}
.join_step li {padding-bottom:10px; color:#999; border-bottom:1px solid #ddd; background:url(../images/common/arrow_right.png) no-repeat 100% 30%; opacity:.5;}
.join_step li:last-child {background:none;}
.join_step .on {color:#000; border-bottom:1px solid #000; opacity:1; font-weight:bold;}
.join label {display:block; margin:0;}
.join .agree {overflow-y:auto;}
.join .checkbox label {font-size:14px; font-weight:800; text-align:right; position:relative; display:inline-block;}
.join .privacy {overflow-y:auto;}
.join .title {padding-bottom:10px; margin-bottom:30px !important; border-bottom:1px solid #333; font-weight:bold; color:#000;}
.join .title span {font-size:12px; color:#666; font-weight:normal;}
.join .form-group a.btn {min-height:34px; font-size:12px; letter-spacing:0; padding:0 20px; line-height:2.6}
.join .form-group label {clear:left;}
.join .form-group>div {min-height:34px; margin-bottom:20px;}
.join .form-group>div>div {padding-left:0;}
.join .form-group>div:last-child {margin-bottom:0;}
.join .form-group>div p {clear:both; margin:0; font-size:12px; color:#999; line-height:1.4;}
.join .form-group>div>* {margin-bottom:5px;}
.join .form-group input[type="text"].inline {height:34px; padding:4px 12px; border:1px solid #ccc;}
.join .form-group span.inline {display:block; float:left; height:34px; padding:6px 5px;}
.join .form-group .select_box {height:34px;border:1px solid #ccc;}
.join .form-group .mail {border-right:0 !important;}
.join .form-group .divinner label {display:none;}
.join .form-group .divinner>div {padding-right:5px !important;}
.join .form-group .divinner>div:last-child {padding-right:0 !important;}
.join .form-group .divinner>div.col-xs-12 {padding-right:0 !important;}
.join .form-group .nameInput {width:86.5% !important;}
.join .form-group .jobInput {width:88.4% !important;}


.join label.after {
    display: inline-block !important;
    vertical-align: middle;
}

.join label.before {
    display: block !important;
    vertical-align: middle;
}
.join label.after_txt {
    display: inline-block !important;
	position:absolute !important;
	top:5px !important;
}


.height_align{position:relative; padding-left:20px;}
.height_align input {position:absolute; margin-top:5px !important; margin-left:-15px !important;}


.height_align_2{position:relative; padding-left:20px;; margin-top:5px !important;}
.height_align_2 input {position:absolute; margin-top:5px !important; margin-left:-15px !important;}



.years2 .col-xs-10 {padding-left:0 !important;}

.autoCode {padding:5px 0; width:80px;}

/* 회원-가입완료 */
.join_end {text-align:center;}
.join_end .title {font-size:24px; color:#000;}


/* 첨부파일 */
.filebox {position:relative;}
.filebox * {display:inline-block; vertical-align:top; line-height:1;}
.filebox input[type="file"] {position:absolute; width:0px; height:0px; padding:0; overflow:hidden; clip:rect(0,0,0,0);}
.filebox label {
	position:absolute; right:0; top:0; width:90px; height:34px; vertical-align:middle; cursor:pointer;
	font-family:NanumGothic; font-weight:normal !important; text-align:center; letter-spacing:-.5px;
	border:1px solid rgba(0,0,0,.3);border-radius:0 3px 3px 0; background:#f9f9f9;
}
.filebox label:hover {background-color:#f0f0f0;}
.filebox label * {display:inline-block; height:34px; margin:0 2px; padding:9px 0; font-size:12px !important;}
.filebox .upload-name {
	width:100%; font-size:12px; font-weight:normal; line-height:normal; vertical-align:middle; padding-right:100px;
	-webkit-appearance:none; /* 네이티브 외형 감추기 */
	-moz-appearance:none;
	appearance:none;
	height:34px;
}




input.insertFile,input[type="text"],input[type="number"],input[type="file"],input[type="password"],textarea,select,button {
	display:inline-block; margin:0 2px 2px 0; vertical-align:middle;
	font-size:inherit; line-height:1.4;
	max-width:100%;
	border:1px solid rgba(0,0,0,.3); background-color:#fff;
	border-radius:3px;
	box-shadow:none !important;
	/* float:inherit; */
}





.join .form-group .photo {width:130px; height:140px; border:1px solid #ddd; margin-bottom:10px; text-align:center;}
.join .form-group .photo span {vertical-align:middle; display:block; padding:55px 0;}



/************************** 달력 **********************/
#calenderPop { z-index:10000; }
.input_sel {border:1px solid #7f9db9; background:#f7f9fb;font-size:11px;height:19px; vertical-align:middle; }
.input_sel {color:#555555;}

.Calendar_Day_mouseOver { background:#72a6ef; }
.Calendar_Day_mouseOut {  background:#ffffff; }
#cursorData td{ border:1px solid white; width:100%; padding:4px 8px;font-family:"돋움", sans-serif; font-size:11px; letter-spacing:-1px;}




/************************** 모바일 달력 START **********************/
.mobileCal .mobileCalPopup {z-index:9990; display:none; position:fixed; width:100%; height:100%; left:0; top:0;}
.mobileCal .mobileCalPopup .bg {z-index:9991; position:fixed; width:100%; height:100%; background:#000; opacity:.6; filter:alpha(opacity=60);}
.mobileCal .mobileCalPopup .mobileCalFrame {z-index:9992; position:fixed; text-align:center; max-width:90%;}

.mobileCalInner {text-align:center; background:#fff; padding:50px 30px;}


/* 하단 페이지 버튼 */ 
.mobileCalInner .btn_box {text-align:center;}
.mobileCalInner .btn_box ul {margin:10px 0;}
.mobileCalInner .btn_box li {display:inline-block;}
/************************** 모바일 달력 END **********************/

/* 회원-로그인, 아이디비번찾기*/
@media (min-width: 768px){
	.login_box {text-align:center; padding:0; width:50%;}
}
@media (max-width: 767px) {
	.login_box {text-align:center; padding:0; width:100%;}
	.join .form-group .nameInput {width:89% !important;}
}