/* Mirtech Co. */ 
/*============================================================
	
	[MIRL - 미르도서관 전용 css 페이지 입니다.]
	mir_home_sub_validate 이용자용 css
	
	copyright (c)all mirtech

============================================================*/

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


/* 로그인 설정 *********************************************************************************************** */
.panel_login .panel-heading{
		padding:20px 15px;
		background-color:#0054ae;
		border-color:#0054ae;
		}
	.panel_login .panel-heading h4{
		font-size:25px;
		font-weight:bold;
		color:#ffffff;
		}
	.panel_login .panel-heading h5{
		padding:10px 0 0 0;
		color:#797979;
		}
	
.panel_login,
.sub_login{
	width:565px;
	margin:0 auto;
	}
.sub_login{margin-top:15px;}
.sub_login ul li{letter-spacing:-0.8px;}
.panel_login .form-control-feedback{top:10px;}
.login_id{
	position:relative;
	margin-bottom:10px;
	}
.login_password{position:relative;}	
.panel_login .panel-footer{
	border-top:0 none;
	background-color:#fff;
	}
	.panel_login .panel-footer .checkbox{
		margin-bottom:10px;
		padding-top: 0;
		}
.panel_login .btn-lg{
	padding:26px 16px;
	background-color:#80c9ea;
	border:1px solid #80c9ea;
	/*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;
			}
			
}



/* 개인정보 안내 ********************************************************************************* */
.register_guide_box1, .register_guide_box2,
.register_guide_box3, .register_guide_box4{
	margin: 1%; padding:30px;
    width: 48%; height:245px;
	}
.register_guide_box1 {
    float: left; 
    background:#3c84d4;
	}	
.register_guide_box2 {
    float: right;
    background: #4cc090;    
	}		
.register_guide_box3 {
    float: left;
    background:#3fa6b8;
	}
.register_guide_box4 {
    float: right;
    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;
	}		
	
	

/* 모바일 설정 */	
@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;
	    top: 10px; left: 0; right:0;
		}
}