@charset "utf-8";

.login-Wrap  { position:relative;margin:0 auto; width:95%;
		padding-top:20px; 
	 }

	 
.login-box {
	border:#cdcdcd solid 1px;
	margin:auto;
	padding:0;
	vertical-align:top;		
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;	
	padding:30px;
	height:210px;
}


.login-Wrap .login-box .cont-logo .cont-box h1 {
	margin: 0 0 15px 0;
    padding: 0;
    font-size: 0;
    line-height: 1em;
}

.login-Wrap .login-box .cont-logo .cont-box h1 .logo {
	margin-left: -15px;
	margin-bottom: 15px;	
    display: block;
}

.login-Wrap .login-box .cont-logo .cont-box h1 > span {
	font-size: 20px;
    color: #222;
    display: block;
    line-height: 1em;
    
}

.login-Wrap .login-box .cont-logo .cont-box h1 > strong {
	font-size: 24px;
    display: block;
    line-height: 1em;
    padding-top: 10px;
}

.login-Wrap .login-box .cont-logo .cont-box > p {
	font-size: 14px;
    line-height: 1.75em;
    color: #333;
    text-align: justify;
}


.login-Wrap .login-box .cont-login .cont-box .frm-box {
	padding-top: 70px;
}

.login-Wrap .login-box .cont-login .cont-box .frm-box .frm-title {
	font-size: 24px;
    color: #000;
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1em;
    min-height: 25px;
    display: block;
}

.login-Wrap .login-box .cont-login .cont-box .frm-box .frm-login-group {
    position: relative;
   
}


.login-Wrap .login-box .frm-group .frm-control {
    border: #d8cbb1 solid 1px;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    color: #626262;
    height : 28px;
    padding : 5px 0 5px 7px;
}


				
.login-Wrap .login-box .cont-btm{		
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:#fff solid 1px;
	margin-top:30px;
	padding:30px; 
	height:140px;	
}



.frm-group {margin-bottom: 5px;}

.frm-group label {
    font-size: 13px;    
    font-weight: 600;
    margin-top: inherit;
}


.frm-control {
    font-size: 13px;
    display: block;
    width: 100%;
    height: 28px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}



.wi-50 { float: left; position: relative; min-height: 1px; width: 50%; } 
.cont-box {padding:0 15px 0; width:70%; margin:0 auto;}
.txt-color-point {color: #626262 !important;}
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }




.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-primary {
    color: #fff;
    background-color: #f16644;
    border-color: #7f5500;
}

.btn-primary:hover {
    color: #fff;
    background-color: #f1423f;
    border-color: #281b00;
}

.btn-login {
    width: 99%;    
    line-height: 72px;
    min-height: 70px;  
    
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.2);
    box-shadow: 0 2px 1px rgba(0,0,0,.2);
    
}

.frm-box-input {position: relative;   display: block;float: left; width:65%; }
.frm-box-btn { position: relative; display: block;float: right;  width:30%;text-align:right;}

/* Mobile – 767px 이하 해상도에서 해석하는 코드 */
@media (max-width:767px){
	/*.login-Wrap .login-box { height:400px; }*/	
	.wi-50 { float: left; position: relative; min-height: 1px; width: 100%; }
	.login-Wrap .login-box .cont-logo .cont-box h1 > span {display:none; }
	.login-Wrap .login-box .cont-login .cont-box .frm-box { padding-top: 30px;}
	.login-Wrap  {padding-top:30px; }
	
	.frm-box-input {position: relative;   display: block;float: left; width:100%; }
	.frm-box-btn { position: relative; display: block;float: left;  width:97%;text-align:right;}
	.btn-login {     width: 99%;     line-height: 32px;    min-height: 30px;  
	}
	
}

/* Mobile – 400px 이하 해상도에서 해석하는 코드 */
@media (max-width:400px){
	.login-Wrap .login-box { height:400px; }	
	.login-Wrap  {padding-top:15px; }
}