/* Mirtech Co. */ 
/* mir_home_sub_validate css - copyright all mirtech */

/* 인코딩 설정 */
@charset "utf-8";


/* 로그인 설정 *********************************************************************************************** */
.panel_login .panel-heading{
		padding:20px 15px;
		background-color:#f9f9f9;
		border-color:#f9f9f9;
		}
	.panel_login .panel-heading h4{
		font-size:25px;
		font-weight:bold;
		color:#1ec0f4;
		}
	.panel_login .panel-heading h5{
		padding:10px 0 0 0;
		color:#797979;
		}
	
.panel_login,
.sub_login{
	width:500px;
	margin:0 auto;
	}
.sub_login{
	margin-top:15px;
	}
.panel_login .form-control-feedback{
	top:10px;
	}
.panel_login h4{
	margin: 15px 0;
}
.panel_login h4 img{
	width: 60px; height: 60px;
	float: left;
}
.panel_login h4 .login_title{
	float: left;
	font-size: 25px;
	color: #1d3461;
	font-weight: bold;
	margin: 5px 0 0 10px;
}
.panel_login h4 .login_title span{
	font-size: 16px;
	color: inherit;
	font-weight: normal;
}
.panel_login .row{
	clear: both;
}
.login_id{
	position:relative;
	margin-bottom:10px;
	}
.login_password{
	position:relative;
	}	
.panel_login .panel-footer{
	text-align:left;
	border-top:0 none;
	background-color:#fff;
	}
	.panel_login .panel-footer .checkbox{
		margin-top: 0;
		margin-bottom:10px;
		padding-top: 0;
		}
.panel_login .btn-lg{
	padding:26px 16px;
	background-color:#1f397e;
	color:#fff;}
.panel_login .col-sm-3{padding-left:0;}	
.form-horizontal .checkbox, .form-horizontal .radio{min-height:1px;}
		
@media (max-width: 767px){
	.panel_login,
	.sub_login{
		width:100%;
		}
		
		.panel_login .col-sm-3 {
			    padding-left: 15px;
			}
		.panel_login .btn-lg{
				display: block;
    			width: 100%;
    			padding: 10px 16px;
    			margin-top:10px;
			}
		.panel_login h4 .login_title{
			margin: 5px 0 0 0;
			}
	}



/* 개인정보 안내 ********************************************************************************* */
.register_guide_box1 {
    float: left;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#3c84d4 ;
	}
	
.register_guide_box2 {
    float: right;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background: #4cc090;
      
	}	
	
.register_guide_box3 {
    float: left;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#3fa6b8;
	}
	
.register_guide_box4 {
    float: right;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#26827c;
	}	
	
	.register_guide_box1 h3, .register_guide_box2 h3,
	.register_guide_box3 h3, .register_guide_box4 h3{
		margin-top: 16px;
		color: #fff;
	    font-size: 35px;
	    font-weight: bold;
	    line-height: 33px;
		}

	.register_guide_box1 p, .register_guide_box2 p,
	.register_guide_box3 p, .register_guide_box4 p {
	    color: #fff;
    	padding: 35px 0 15px 0px;
		}
	

/* 개인정보 수정 */
.form_inline_fixed .form-control{
    display: inline-block;
    vertical-align: middle;
    width: auto;
	}		

/* 개인정보 비밀번호 변경 안내 */
.register_basic_info{
	margin-top:20px;
	margin-bottom:20px;
	}
	
	
.register_basic_info .number{
	font-size:12px;
	background-color:#c02e29;
	border-color: #ac2925;
	padding:2px 5px;
	color:#fff;
	border-radius: 3px;
	}	
.register_basic_info dt{
	line-height:50px;
	font-size:15px;
	}

.register_basic_info dd{
	background-color: #f2f2f2;
    line-height: 1.7em;
    padding: 20px;
	}		
	
	
/* PC 설정 */
@media (min-width: 768px) {
	
	.form-inline .input_address{width:300px !important;}
	
}

/* 모바일 설정 */	
@media (max-width: 767px) {
	.formgroup_fixed .col-sm-2 {width: 80px;}

	.register_guide_box1, .register_guide_box2,
	.register_guide_box3, .register_guide_box4{
	    display: table;
	    width: 100%;
	    float:left;
	    text-align:left;
		}

}



/* 회원가입 약관동의 ******************************************************************************* */
.join_content h4{
	font-weight:bold;
	}

/* 이용자 등록 */
.join_content .agree_step{
	margin:15px 0;
	padding-top:10px;
	padding-bottom:10px;
	}
	.join_content .agree_step dl{
		position:relative;
		padding: 15px 0 15px 60px;
		background-color:#e5e5e5;
		color:#fff;
		}
	.join_content .agree_step dl dd{
		font-size:20px;
		font-weight:bold;
		}
	.join_content .agree_step dl dd i{
		position:absolute;
		left:15px; top:25px;
		font-size:35px;
		}
		.join_content p.arrow_right{
			position:absolute;
			right:-10px;
			top:37px;
			font-size:20px;
			color:#ccc;
			}
	/* on 상태 */
	.join_content .on dl{
		background-color:#1ec0f4;
		}
	.join_content .on dl dt,
	.join_content .on dl dd,
	.join_content .on dl dd i{
		color:#fff;
		}
		
/* 약관 동의 box */	
.join_content .agree_box{
	height:150px;
	margin-top:10px; padding:15px;
	line-height:25px;
	overflow-y:scroll;
	border:1px solid #eee;
	background-color:#ffffff;
	}
	
	.join_content .agree_box h5{
		padding:10px 0;
		font-weight:bold;
		font-size:16px;
		text-align:center;
		}
	.join_content .agree_box dl{
		padding:0 0 15px 0;
		}
	.join_content .agree_box ul li,
	.join_content .agree_box dl dt,
	.join_content .agree_box dl dd{
		line-height:25px;
		}		
	.join_content .agree_box dl dd{
		padding:0 0 0 15px;
		}

@media (max-width: 767px){
	.join_content .row{padding:0 15px 0 15px;}
	.join_content .agree_step {
	    padding:0;
		}
	.join_content .agree_step dl {
    	padding: 35px 0 10px;
    	border-right:1px dotted #ccc;
		}
	.join_content .agree_step dl:last-child {
    	border-right:0 none;
		}
	.join_content .agree_step dl dt{
		font-weight:bold;
		text-align:center;
		letter-spacing:-1px;
		}
	.join_content .agree_step dl dd {
	    font-size: 12px;
	    text-align:center;
		}
	.join_content .agree_step dl dd i {
	    font-size: 20px;
	    left: 0; right:0;
	    top: 10px;
		}
}


/*자동로그아웃 안내 */

/*자동로그인 이미지 */
.logout_info .fa-4x{
	font-size: 4em;
	color:#353535;
	}
.logout_info .padding_ri{
	padding-right:0;
	}	

/*자동로그인 리스트*/	
.logout_info{
	padding-bottom: 20px;
    padding-top: 15px;
	}

.logout_info_list{
		line-height: 25px;
		padding:0; margin:0;
		letter-spacing:-1px;
		}
		
.logout_btn{
	border-top: 1px solid #ddd;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top: 25px;
    text-align: center;	
	}	
.logout_color{
	color: #e01616; 
	font-weight: bold;
	} 
	
	
/* 비밀번호 변경 */
.panel_pwchange{
	max-width:500px;
	margin:75px auto;
	}
	.panel_pwchange .panel-heading{padding: 20px 15px;}
		.panel_pwchange .panel-heading h4 {
		    font-size: 25px;
		    font-weight: bold;
		    color: #1ec0f4;
			}


/* 모바일 설정 */	
@media (max-width: 767px) {
	
	.logout_info_list{padding:10px 20px 10px 20px;}	
	
	/* 비밀번호 변경 */
	.panel_pwchange{
		margin:0 auto 35px;
		}
		.panel_pwchange .panel-heading{display:none;}
}