/* 濡쒓렇�� */
#login_in {width:100%; height:suto; margin:0 auto; clear:both; position:relative; }
.login_form {width:90%; list-style:none; margin:0 auto; padding:20px 10px; }
.login_form li {float:left; width:100%; height:45px; list-style:none; border-bottom:1px solid #ddd; display:block;  }
.login_form .formlt {float:left; width:10%; line-height:40px; padding-bottom:5px; text-align:center; color:#dcdae5;}
.login_form .formrt {float:right; width:90%; line-height:40px; padding-bottom:5px; padding-left:10px;}

.input_intxt {width:100%; height:43px; border:0; padding:0; font-size:13px; font-weight:500; color:#494949;  }
.input_intxt::-webkit-input-placeholder {color: #adabb6;}
.input_intxt:-ms-input-placeholder {color: #adabb6;}


.login_rembox {width:90%; height:46px; margin:0 auto; padding:0 10px; clear:both;}
.login_rembox li {float:left; display:inline-block; }
.login_rembox li:last-child {float:right; display:inline-block; }

.login_rembox .idsave {display:inline-block; margin-left:5px; margin-top:8px; }


.login_rembox .idsave [type=checkbox] {
  width: 20px;
  height: 20px;
  color: dodgerblue;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
}


/* Pseudo element for check styling */

.login_rembox .idsave [type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}


/* Checked */

.login_rembox .idsave [type=checkbox]:checked {
  background-color: currentcolor;
}

[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


/* Disabled */

.login_rembox .idsave [type=checkbox]:disabled {
  background-color: #CCD3D8;
  opacity: 0.84;
  cursor: not-allowed;
}


/* IE */

.login_rembox .idsave [type=checkbox]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}

.login_rembox .idsave [type=checkbox]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


.login_rembox .id_recheck_txt {font-size:12px; color:#999; margin-left:5px; display:inline-block; line-height:46px;}
.login_rembox .idpw_search {float:right;  font-size:12px; text-align:right; color:#999; display:inline-block;  line-height:46px;}
.login_rembox .idpw_search a {color:#999;}

.login_btnbox {width:90%; height:auto; margin:0 auto; padding:10px;  clear:both;}
.login_btnbox .login_btn {
  height:40px;
  width:100%; 
  border-radius:40px; 
  text-align:center; 
  line-height:40px; 
  font-size:13px; 
  color:#fff; 
  background:#5434bc; 
  border:0; 
  font-weight:500; 
  font-family:'S-Core';
}
.login_btnbox .register_btn {
  height:40px; 
  width:100%; 
  border-radius:40px; 
  text-align:center; 
  line-height:40px; 
  font-size:13px; 
  color:#fff; 
  background:#2068d4; 
  border:0; 
  font-weight:500; 
  margin-top:8px; 
  font-family:'S-Core';
}
.login_btnbox .register_btn a { color:#fff; }
.login_btnbox .register_btn a:hovoer { color:#fff; }



/* register agree */
#agreemnet_in {width:100%; height:auto; margin:0 auto; padding:20px 10px;  clear:both; position:relative; }
.agree_hdtin {width:90%; margin:0 auto; height:auto; }
.allcheck {width:100%; list-style:none; display:inline-block; }
.allcheck_font1 {float:left; font-weight:500; font-size:13px; font-weight:500; font-size:13px; padding:4px 0 0 10px}
.agree_allcheckbox {float:left; width:17px; height:17px; border:1px solid #ddd;  }
.allcheck_font2 {width:100%; font-size:12px; font-weight:400; color:#666; text-align:left; padding:10px 0;}


.agreeLine { width:90%; height:auto; margin:0 auto; list-style:none; }
.agreeLine li {float:left; width:100%; height:auto; font-weight:500; padding:10px 0; font-size:13px;  border-bottom:1px solid #ddd;  display:inline;  list-style:none;}
.agreeLine li:nth-child(2){float:left; width:100%; border-bottom:1px solid #ddd; border-top:none;}
.agreeLine li:last-child {float:left; width:100%; border-bottom:1px solid #ddd; border-top:none;}

.agreeline1 {float:left; width:auto; margin-right:10px; display:inline-block;  }
.agreeline2 {float:left; width:64%; text-align:left; margin-top:3px;}
.agreeline3 {float:right; margin-top:3px;}
.agreeline4 {float:left; width:100%; margin-top:3px; font-size:12px; font-weight:400; text-align:left; color:#666}
.agree_checkbox {float:left; width:17px; height:17px; border:1px solid #ddd;  display:inline-block;     }
.agree_morebt {background:#717bb6; text-align:center;  border-radius: 2px; line-height:20px; padding:4px 6px 4px 6px; color:#fff; font-size:11px; }
.agree_morebt:a {color:#fff; }
.agree_morebt:hover {color:#fff; }
.agree_morebt a {color:#fff; }
.agree_morebt a:hover {color:#fff; }

.agree_box { width:90%; margin:0 auto; clear:both; padding-top:20px;}
.agree_box .agreec_btn {height:45px; width:100%; border-radius:3px; text-align:center; line-height:45px; font-size:14px; color:#fff; background:#4e29d4; border:0; font-weight:500; font-family:'S-Core'; }
.agree_box .register_btn a {color:#fff; }
.agree_box .register_btn a:hovoer { color:#fff; }




/* register form */
#register_in {width:100%; height:auto; margin:0 auto; padding:20px 10px;  clear:both; position:relative; }
.register_infotxt {width:90%; height:50px; text-align:left; padding:0 10px;  font-size:12px; color:#333; margin:0 auto;  font-family:'S-Core';}

.register_from {width:90%; height:auto; margin: 0 auto; padding:0 10px; list-style:none; clear:both; }
.register_from li {width:100%; height:40px; margin-bottom:5px; display:block; }

.form_line_left {
  float:left; 
  width:15%; 
  height:40px; 
  border-top-left-radius:1px; 
  border-bottom-left-radius:1px;
  border:1px solid #ddd; 
  border-right:none;
  display:inline; 
}
.form_line_left .img_label {float:none; width:100%; line-height:40px;  color:#999; display:block; text-align:center; margin:0 auto; font-size:11px;  }

.form_line_right { 
  float:right; 
  width:85%; 
  height:40px;  
  display:inline;
 }
.form_line_right .inputbox { float:none; height:40px; display:block;  border:0; margin:0;}
.form_line_right .register_input {
    width:100%; 
	line-height:40px; 
	height:40px;  
	font-size:13px; 
	font-weight:400; 
	border:1px solid #ddd; 
	border-top-right-radius:1px; 
	border-bottom-right-radius:1px;
	padding:0 8px; 
	}
.form_line_right .register_input {
    width:100%; 
	line-height:40px; 
	height:40px;  
	font-size:13px; 
	font-weight:400; 
	border:1px solid #ddd; 
	border-top-right-radius:1px; 
	border-bottom-right-radius:1px;
	padding:0 8px; 
	}
.form_line_right .register_button {
    position: absolute;
    top: 5px;
    bottom: 5px;
    right: 5px;
    border-radius: 15px;
	}

.register_frombtn { width:90%; margin:0 auto; padding:10px;}
.register_frombtn .regist_btn {height:45px; width:100%; border-radius:3px; text-align:center; line-height:45px; font-size:14px; color:#fff; background:#4e29d4; border:0; font-weight:500; font-family:'S-Core' }
.register_frombtn .regist_btn a { color:#fff; }
.register_frombtn .regist_btn a:hovoer { color:#fff; }



/* register result */
#reg_result {width:100%; height:auto; margin:0 auto; padding:20px 20px;  clear:both; position:relative; }
.result_mgbox {width:90%; margin:0 auto; height:auto; text-align:center; border-bottom:1px solid #ddd;}
.result_mgbox .result_checkimg {padding:10px 0; text-align:center; }
.result_mgbox .result_txt {width:100%; font-size:14px; color:#540887;  font-weight:500; text-align:center; display:block;  }
.result_mgbox .result_txt2 {width:100%; height:40px; font-size:12px; color:#333; line-height:18px; font-weight:400;  text-align:center; font-family:'S-Core'; }
.result_member_intxt {width:100%; margin:0 auto; text-align:center; font-size:13px; font-weight:500; color:#333; line-height:30px;  }

.result_btnbox {width:90%; margin:0 auto; text-align:center; padding:20px 10px 0 10px; clear:both;}
.result_btn01 {float:none; height:35px; line-height:35px; }
.result_btn02 {float:none; height:35px; line-height:35px; }

.homebtn {height:35px; width:120px; border-radius:35px; text-align:center; line-height:35px; font-size:13px; color:#fff; background:#3b3a3e; border:0; font-weight:500; display:inline-block; }
.homebtn a {color:#fff; }
.homebtn a:hover {color:#fff; }
.homebtn:a {color:#fff; }
.homebtn:hover {color:#fff; }

.classbtn {height:35px; width:120px; border-radius:35px; text-align:center; line-height:35px; font-size:13px; color:#fff; background:#4e29d4; border:0; font-weight:500; display:inline-block;}
.classbtn a {color:#fff; }
.classbtn a:hover {color:#fff; }
.classbtn:a {color:#fff; }
.classbtn:hover {color:#fff; }


