@charset "utf-8";

.login_wrap {width:340px;position:absolute;left:50%;top:50%;margin:-250px 0 0 -170px;}
.login_wrap h1 {padding:0 0 30px 0;text-align:center;}
.login_body {padding:40px;background:#fff;}
.input_id {background:url(/images/ico_id.png) no-repeat 10px 50%;}
.input_pw {background:url(/images/ico_pw.png) no-repeat 10px 50%;}
.error_page {background:#ecf2f9;}
.error_wrap {width:600px;height:300px;position:absolute;left:50%;top:50%;margin:-200px 0 0 -300px;padding:45px 0 0 0;background:#fff;border-radius:10px;text-align:center;}
.error_wrap p {padding:20px 0 20px 0;font-size:20px;color:#666;}
.error_wrap p span {display:block;font-size:50px;color:#ff6600;font-weight:700;}

.comm_input {
	display:inline-block;
	border:1px solid #dedede;
	height:37px;
	width:100%;
	vertical-align:middle;
	border-radius:3px;
	font-size:13px;
	padding:0 0 0 35px;
	margin:0 0 15px 0;
}
.comm_input:focus {outline:0;border:1px solid #26a1a8;}

.btn_admin {
	position:relative;
	width:100%;
	height:37px;
	background:#197be0;
	padding:10px 20px 2px 20px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	border-radius:3px;
	color:#fff !important;
	margin:15px 0 0 0;
}
.btn_greenBlue {background:#26a1a8;}
.btn_back {width:auto;background:#000;}

/*///// 체크,라디오 버튼 /////*/
.radio_b_wrap,
.check_b_wrap {margin-right:4px;display:inline-block;position:relative;vertical-align:middle;color:#666;}
.radio_b_wrap input,
.check_b_wrap input {width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:10;}
.radio_b_wrap span.ico,
.check_b_wrap span.ico {width:16px;height:16px;position:relative;margin-top:-2px;display:inline-block;border:1px solid #7a7a7a;vertical-align:middle;text-align:center;transition:0.2s ease all; border-radius:2px;overflow:hidden;}
.radio_b_wrap span.ico:before {width:0px;height:0px;position: absolute;top:5px;left:5px;content:""; display:inline-block; clear:both;background:#212121;border-radius:50%;transition:0.2s ease all;}
.check_b_wrap span.ico:after {width:100%;height:100%;position:absolute;top:0;left:0;content:""; display:inline-block; clear:both;background: url(/images/ico_check.png) no-repeat 50% 50%;background-size:0%;opacity:0;transition:0.2s ease all;}

.radio_b_wrap input[type="radio"]:checked + span,
.check_b_wrap input[type="checkbox"]:checked + span {background:#26a1a8;}
.radio_b_wrap input[type="radio"] ~ label, .check_b_wrap input[type="checkbox"] ~ label {border:1px dotted transparent;display: inline-block;}
.radio_b_wrap input[type="radio"]:checked ~ label, .radio_b_wrap input[type="radio"]:checked ~ span,
.check_b_wrap input[type="checkbox"]:checked ~ label, .check_b_wrap input[type="checkbox"]:checked ~ span {color:#000;font-weight:bold;}
.radio_b_wrap input[type="radio"]:checked + span {border:1px solid #757575;}
.check_b_wrap input[type="checkbox"]:checked + span {border:none}
.check_b_wrap input[type="checkbox"]:checked + span:after {opacity:1;background-size:90%;}
.radio_b_wrap span.ico {border-radius:50%;}
.radio_b_wrap input[type="radio"]:checked + span:before {width:7px;height:7px;top:2px;left:2px;}
.radio_b_wrap input[type="radio"]:focus ~ label, .check_b_wrap input[type="checkbox"]:focus ~ label {outline:2;	border:1px dotted #000;}