@charset "utf-8";

.login strong {display:block; height:52px; padding:3px 0 0 30px; color:#444; font-size:1.875em; border-bottom:1px solid #e1e1e1;}
.login .spc {padding:18px 30px 20px 30px;}
.login .ipArea {margin-bottom:17px; border-top:1px solid #d4d4d4;/*border:1px solid #d4d4d4; border-bottom:0 none;*/}
.login .btn_login {display:block; height:44px; margin-bottom:11px; line-height:2.0; text-align:center; color:#fff; font-size:1.313em; font-weight:600; border-radius:22px; background:#6cb92b;}

/*input box*/
.login .textbox {position:relative; border:1px solid #d4d4d4;} /* border-top:0; */
.login .textbox label {
  position: absolute;
  top: 14px;  /* input 요소의 border-top 설정값 만큼 */
  left: 9px;  /* input 요소의 border-left 설정값 만큼 */
  /*padding: .8em .5em;*/  /* input 요소의 padding 값 만큼 */
  color: #8e8e8e; font-size:0.750em; font-weight:400;
  cursor: text;
}
.login .textbox input[type="text"],
.login .textbox input[type="password"] {
  width: 96%;  /* 원하는 너비 설정 */ 
  height: 43px;  /*auto 높이값 초기화 */
  line-height : normal;  /* line-height 초기화 */
  padding: 0 2%; /* 원하는 여백 설정, 상하단 여백으로 높이를 조절 */
  border-radius: 0;  /* iSO 둥근모서리 제거 */
  outline-style: none;  /* 포커스시 발생하는 효과 제거를 원한다면 */
  -webkit-appearance: none;  /* 브라우저별 기본 스타일링 제거 */
  -moz-appearance: none;
  appearance: none;
  border:0;
  background:#fff;
}

/*checkbox*/
.login .checks {position:relative; margin-bottom:30px;}
.login .checks input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
.login .checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  color:#444;
  font-size:0.875em;
  font-weight:400; 
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.login .checks input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: '\2714';
  display: inline-block;
  width: 21px;  /* 체크박스의 너비를 지정 */
  height: 21px;  /* 체크박스의 높이를 지정 */
  line-height: 21px; /* 세로정렬을 위해 높이값과 일치 */
  margin: -2px 8px 0 0;
  text-align: center; 
  vertical-align: middle;
  color:#888;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 100%;
}
.login .checks input[type="checkbox"] + label:active:before,
.login .checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.login .checks input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  content: '\2714';  /* 체크표시 유니코드 사용 */
  color: #ff6600;
  text-shadow: 1px 1px #fff;
  background: #fff;
  border:1px solid #ff6600;
}


.login .findArea {padding:8px 0; text-align:center; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
.login .findArea>a {display:inline-block; padding:0 10px; color:#666; font-size:0.875em; font-weight:normal;}
.login .findArea>a.rgst {color:#5979d5; background:url('../images/member/bar_lg_fd.gif') no-repeat 0 center;}

@media only screen and (max-width:767px){
	.wdNew .pnLogin, .wdNew .pnAccept, .wdNew .pnRegister, .wdNew .pnUmd, .wdNew .pnAcm, .wdNew .pnFip, .wdNew .pnwis {width:100%; min-width:320px;}
	.login .spc {padding:18px 10px 20px 10px;}
		
}