.sub_banner {margin-bottom:54px;}
/*========================================
            USER-FORM PAGE STYLE
=========================================*/
.auth input:not([type="checkbox"]):not ([type="radio"]){width:100%; height:40px; border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); font-size:14px;}
.user-form-part {
  padding-top: 46px;
  /*padding-top: 100px;*/
  padding-bottom:100px;
}
.auth input[type="checkbox"],
.auth input[type="radio"] {width:20px; height:20px; margin:3px; box-shadow:none!important;}
.auth div,
.auth h4,
.auth label,
.auth th, td {font-size:1rem; font-family:"Pretendard",sans-serif ; }
.user-form-logo {
  text-align: center;
  margin-bottom: 25px;
}

.user-form-logo img {
  width: 200px;
}

.user-form-card {
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 20px;
  background: var(--white);
  /*border: 1px solid var(--border);*/
  word-break:keep-all;
}

.user-form-title {display:flex; flex-direction:column; align-items:center;
  text-align: center;
  margin-bottom: 40px;
}

.user-form-title h2 {
	margin-top:30px;	margin-bottom:30px;
	font-size:32px; font-weight:700;
    line-height: 1.4;
    color: var(--black);
}

.user-form-title p {
  text-transform: capitalize;
}

.user-form-title .txt_caution {display:inline-block; margin-top:40px; font-weight:400;}

.user-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.user-form-social {
  width: 100%;
}

.user-form-social li {
  margin-bottom: 20px;
}

.user-form-social li a {
	display:flex; align-items:center;
  width: 100%;
  font-size: 15px;
  padding: 10px 0px;
  border-radius: 8px;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: capitalize;
  color: var(--black);
  background: var(--white);
  border:1px solid #ddd;
}

.user-form-social li a i {
	display:flex; justify-content:center; width:50px; border-right:1px solid #ddd;
  font-size: 16px;
  margin-right: 20px;
}

.user-form-social li:last-child {
  margin-bottom: 0px;
}

.user-form-social .facebook i {
  color: var(--facebook);
}

.user-form-social .twitter  i {
  color: var(--twitter);
}

.user-form-social .google  i {
  color: var(--google);
}

.user-form-social .instagram  i {
  color: var(--instagram);
}

.user-form-divider {
  width: 1px;
  height: 240px;
  margin: 0px 50px;
  background: var(--border);
  position: relative;
  z-index: 1;
}

.user-form-divider p {
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 500;
  margin: 0 auto;
  font-style: italic;
  line-height: 38px;
  border-radius: 50%;
  text-align: center;
  color: var(--gray);
  background: var(--white);
  border: 1px solid var(--border);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.user-form {
  width: 100%;
}

.user-form .form-group {width:100%;
  margin-bottom: 20px;
}

.form-button {
  text-align: center;
}

.form-button button {
  width: 100%;
  height: 45px;
  font-size: 14px;
  font-weight: 500;
  line-height: 45px;
  border-radius: 8px;
  letter-spacing: 0.3px;
  text-align: center;
  text-transform: uppercase;
  color: var(--white);
  background: var(--black);
}

.form-button p {
  font-size: 15px;
  margin-top: 12px;
  text-transform: capitalize;
}

.form-button p a {
  font-weight: 500;
  margin-left: 5px;
  color: var(--primary);
}

.form-button p a:hover {
  text-decoration: underline;
}

.user-form-remind {
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  background: var(--white);
  border: 1px solid var(--border);
}

.user-form-remind p {
  font-size: 15px;
  text-transform: capitalize;
}

.user-form-remind p a {margin-left: 5px;}

.user-form-footer {
  text-align: center;
  margin-top: 25px;
  margin-bottom: 40px;
}

.user-form-footer p {
  font-size: 14px;
  color: var(--gray);
}

.user-form-footer p a {
  color: var(--primary);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.user-form-footer p a:hover {
  text-decoration: underline;
}

@media (max-width: 575px) {
  .user-form-card {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .user-form-group {
    display: inherit;
  }
  .user-form-divider {
    width: 100%;
    height: 1px;
    margin: 50px 0px;
  }
}


.user-form-card button {width:100%;}
.mem_veri_resend .user-form-group,
.active_failed .form-group,
.mt_40 {margin-top:40px;}
.login_sso .user-form-card button,
.login .user-form-card button {max-width:none; background:var(--black);}
.login .page_link,
.login_sso .page_link {display:flex; justify-content:center; align-items:center; margin-bottom:40px;}
.login_sso .page_link {margin-bottom:10px}
.login .page_link a,
.login_sso .page_link a {display:block; color:var(--black);}
.login .page_link a:after,
.login_sso .page_link a:after {content:""; display:inline-block; width:1px; height:15px; margin:0 15px; background:#111;}
.login .page_link a:last-child:after,
.login_sso .page_link a:last-child:after {display:none;}

.signup button {max-width:none; background:var(--black);}
.agree_form .user-form-title {margin-bottom:80px;}
.agree_form .user-form-title h2 {font-size:36px;}
.agree_form h3 {font-size: var(--h5size); color:var(--sec);}
.agree_form textarea {width:100%; height:200px; padding:10px; border:1px solid #ddd; color:#666; font-size:14px;}
.agree_form .form-check {margin-bottom:0; padding:20px; border-bottom:1px solid #ddd; color:var(--black);}
.agree_form .all_agree {background:#f6f6f6;  font-weight:500; border-top:2px solid var(--black);}
.agree_form .ph2 {margin-top:40px;}

.find_id .flex-row {width:100%; max-width:500px; margin:0 auto; margin-top:70px; justify-content:space-between;}
.find_id .flex-row button {width:49%;}

.divide .user-form-group {align-items: inherit;}
.divide .user-form-group .user-form-divider {height:auto;}
.divide .user-form-group h6 {display:flex; flex-flow:wrap; margin-bottom:10px;}
.divide .user-form-group h6 p {margin-left:auto; color:#878787; font-size: var(--bodysize); font-weight:400;}
.divide .user-form-group h6 strong {color:#C00;}
.divide label {margin-bottom: 2px; color: #7e7e7e; font-size: 14px; font-weight: 500;}
.divide .text-danger {font-size:14px;}
.divide .re:before {content:"*"; font-size:700; color:#C00; font-size:inherit;}
.divide .form-group li {display:flex; margin-top:5px;}
.divide .form-group li:first-child {margin-top:0;}
.divide .form-group li input {flex:2;}
.divide .form-group li select {flex:1; margin-left:5px; font-size:15px;}
.divide .form-group li button {flex:1; margin-left:5px; background:gray; border-radius:5px; color:#fff;}
.divide .form-group em {display:block; margin-top: 5px; font-style: normal; font-size:14px;}
.divide .form-check {text-align:center;}
.divide .form-button button {max-width:500px;}
.divide .user-form-remind {margin-top:50px;}

.signup_sel .user-form-title h2 {font-size: var(--h1size);}
.signup_sel .user-form-group {margin-top:80px;}
.signup_sel .user-form-group a {display:flex; flex-flow:column wrap; align-items:center;padding:40px; border:1px solid #ddd; border-radius:10px; font-size:var(--h4size); font-weight:500;}
.signup_sel .user-form-group a i {margin-bottom:20px; font-size:70px;}
.signup_sel .user-form-divider {background:none;}
.signup_sel .user-form-remind {border:none;}

/*회원인증메일*/
.goemail *,
.verifyok *,
.verifyresend *,
.pass_reset *,
.withdraw-can *,
.active_fail *,
.pass_resetfail *,
.device_fail *,
.device_sucess *,
.mem_unlock *,
.id_verify *,
.find_id *,
.find-pass *,
.pass_verify *,
.change_pass *,
.mem_withdraw *,
.mem_withdraw * {font-size:1rem;}
.goemail .user-form-card,
.verifyok .user-form-card,
.verifyresend .user-form-card,
.pass_reset .user-form-card,
.user-form-remind,
.withdraw-can .user-form-card,
.active_fail .user-form-card,
.pass_resetfail .user-form-card,
.device_fail .user-form-card,
.device_sucess .user-form-card,
.mem_unlock .user-form-card,
.find-pass .user-form-card,
.change_pass  .user-form-card,
.mem_withdraw .user-form-card {display:flex; flex-direction:column; width:100%; max-width:600px; margin:auto; padding:0 4%;}
.goemail .btn_wrap,
.verifyok .btn_wrap,
.verifyresend .btn_wrap,
.pass_reset .btn_wrap,
.withdraw-can .btn_wrap,
.active_fail .btn_wrap,
.pass_resetfail .btn_wrap,
.device_fail .btn_wrap,
.device_sucess .btn_wrap,
.find-pass .btn_wrap,
.pass_verify .btn_wrap,
.change_pass .btn_wrap{width:100%; justify-content:center;}
.goemail .btn,
.verifyok .btn,
.pass_resetfail .btn,
.device_fail .btn,
.device_sucess .btn {width:100%; max-width:300px; height:60px;}

/*회원가입*/
.register .tooltip_icon {height: auto; width: auto; padding: 0; margin: 0; font-size: 16px;}
.tooltip_icon:hover {color:var(--dark);}
.tbl_wrap .guide {margin-bottom:0!important; padding:20px;}
.tbl_wrap .guide .fregister_agree {position:relative; }
.tbl_wrap .guide .fregister_agree input[type="checkbox"] + label span {position:relative; top: 0; left: 0; display:inline-block; margin-right: 8px; vertical-align: middle;}

/*메일인증 확인*/
.auth .form-group input {width:100%; border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);}
.user-form-group form {display:flex; flex-direction:column; align-items:center;}

/*인증메일재발송*/
.verifyresend .user-form-group {display:flex; justify-content:center; align-self: center; width:100%; max-width:400px;}
.verifyresend input {width:100%; height:50px;}
.verifyresend .btn {margin:0; margin-top:6px;}

/*비밀번호 재설정*/
.user-form-remind {border:none; }

/*회원가입 인증*/
.signup_verify .user-form-card {margin: 10px auto 15px; padding:0; border: 1px solid #ddd; position: relative; border-radius: 3px;}
.signup_verify .agree_form .all_agree {border-top:0;}
.agree_form .all_agree label {display:inline-block;}
.agree_form .formbox {padding:20px;}
.agree_form .form-group {position:relative;}
.agree_form .form-group:last-of-type {margin-top:10px;}
.agree_form .btn_wrap {position:absolute; top:0px; right:0px;}
.agree_form button {width: 120px; height:auto; margin:0; padding: 4px 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 14px; font-weight: 500; line-height: 1.6rem; }

/*회원인증실패*/
.active_fail .user-form-title {margin-bottom: 20px;}
.active_fail .form-group {width:100%; margin-top:30px;}
.active_fail button {margin:0;}

/*계정잠금해제*/
.mem_unlock input {width:500px; border:1px solid red;}
.mem_unlock .all_agree {padding: 0; background:none; border-top:none; border-bottom:none;}
.mem_unlock .user-form-card .form-group:nth-of-type(2) {margin-top:10px; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #ededed;}
.mem_unlock .user-form-card .form-group:nth-of-type(2) .btn {width:100%; height:50px; margin:0; border-radius:10px; font-size:1rem;}
.mem_unlock label  {display:inline-block;}
.mem_unlock .form-group input {height:40px;}

/*아이디찾기*/
.id_verify .user-form-card  {width: 100%; max-width: 640px; margin: 0 auto; padding:0; border:1px solid #ddd; border-radius:3px;}
.id_verify .user-form-card  h2 {text-align: left; padding: 20px; border-bottom: 1px solid #ddd;  font-size: 1.2em;}
.id_verify .agree_form .all_agree {border-top:none;}

.find_id .user-form-card {width:100%; max-width:800px; margin:0 auto; padding-top:0;}
.find_id .tb_wrap {border:1px solid #ddd; border-radius:10px; overflow:hidden;}
.find_id .user-form-title h2 {margin-top:0;}
.find_id table {width:100%; border-collapse:collapse; }
.find_id th,
.find_id td {padding:10px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; }
.find_id tr:last-child {border-bottom:1px solid red;}
.find_id th {background:#f6f6f6; font-weight:500;}
.find_id label{display:inline-block; }
.find_id .btn_wrap {width:100%; max-width:600px; margin:60px auto 0 auto;}
.find_id .btn_wrap .btn {width: calc(50% - 10px);}
.find_id .btn_wrap .btn-outline {background: #fff; border: 1px solid #787878; color: #525252;}

/*비밀번호재설정*/
.find-pass .user-form-group {width:100%; max-width:400px; margin:0 auto;}
.find-pass input {width:100%; height:50px;}
.find-pass .btn {margin:0; margin-top:6px;}

/*비밀번호 인증 */
.pass_verify .user-form-card {padding-top:0;}
.pass_verify .user-form-title h2 {margin-top:0;}
.pass_verify .user-form-group {width:100%; max-width:400px; margin:0 auto;}
.pass_verify input:not([type="radio"]) {width:100%; margin-top: 10px;}
.pass_verify .btn {width:100%; margin:0;}

/*비밀번호변경*/
.change_pass .form-button button {height: 50px; margin: 5px; padding: 10px; border-radius: 6px; font-size: 1rem; background: var(--dark); color: #fff;}

/*회원탈퇴*/
.mem_withdraw .user-form-title .txt_caution {margin-top:10px;}
.mem_withdraw label {display:inline-block;}
.mem_withdraw input:not([type="checkbox"]) {height:50px;}
.mem_withdraw .form-check {margin:10px 0 30px;}

/*회원정보변경*/
.mem_edit .txt_bold {font-weight:700;}

/*지워도 됨
.account-card {
    margin-bottom: 30px;
    border: 1px solid #dedede;
    border-radius: 8px;
    background: var(--white);
}

.account-title {padding:10px 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid var(--border);
  font-size:20px;
}
.account-title::before {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0px;
  width: 50px;
  height: 2px;
  background: var(--primary);
}
.account-title h4 {font-size:1.167em; font-weight:500; text-transform: capitalize;}
.account-title button,
.account-title a {height:36px; padding: 5px 15px;  background:#e6e6e6; border:1px solid #ddd; border-radius: 6px; font-size: 15px; font-weight: 500; text-transform: capitalize; color:#555;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}
.account-title button:hover,
.account-title a:hover {background: #ddd;}

.account-content {display:flex; padding:20px;}
.account-content > div {padding:0 10px;}
.profile-image {text-align: center;}
.profile-image a img {width: 80px; margin:0 auto; border-radius: 50%;}
.profile-btn {align-self:center; font-size:15px;}
.profile-btn a.btn {font-size:1rem;}
*/

@media (max-width: 575px) {
  .account-card {
    padding: 0px 15px 15px;
  }
}

.profile-card {
  padding: 25px;
  border-radius: 8px;
  margin-bottom: 25px;
  background: #f6f6f6;
  border: 1px solid var(--border);
  position: relative;
  cursor: pointer;
}

.profile-card:hover ul {
  visibility: visible;
  opacity: 1;
}

.profile-card h6 {
  color: var(--text);
  margin-bottom: 8px;
  text-transform: capitalize;
}

.profile-card p {
  text-transform: capitalize;
}

.profile-card ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  top: 50%;
  right: 15px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.profile-card ul li {
  margin: 5px 0px;
}

.profile-card ul li button {
  width: 30px;
  height: 32px;
  line-height: 32px;
  border-radius: 6px;
  text-align: center;
  display: inline-block;
  background: var(--white);
  text-shadow: var(--primary-tshadow);
  -webkit-box-shadow: var(--primary-bshadow);
          box-shadow: var(--primary-bshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.profile-card ul .edit {
  color: var(--black);
}

.profile-card ul .edit:hover {
  color: var(--white);
  background: var(--black);
}

.profile-card ul .trash {
  color:#666;
}

.profile-card ul .trash:hover {
  color: var(--white);
  background: var(--black);
}

.profile-card.active {
	background: var(--primary);
    border-color: var(--primary);
	/*background:#fff;
  border-color: #b4bdd3;
  */
}

.profile-card.active h6,
.profile-card.active p {color:#fff;/*color:#111;*/}



@media (max-width: 768px) {
	.user-form-part {padding-top:60px;}
	.find_id .flex-row {max-width:none;}

	.divide .user-form-group {flex-flow:column wrap;}
	.divide .user-form-group .user-form-divider {height: 1px; width: 100%; margin: 50px 0;}
}

@media (max-width: 480px) {
	.user-form-part {padding-bottom:60px; padding-top:40px;}
	.user-form-title img {width:90px;}

	.user-form-card button {max-width:none;}
	.user-form-title {margin-bottom:30px;}
	.user-form-title h2 {margin-top: 10px; margin-bottom:10px; font-size:24px;}
	.user-form-title .txt_caution {margin-top:20px;}
	.goemail .btn,
	.verifyok .btn,
	.verifyresend .btn
	.pass_resetfail .btn,
	.device_fail .btn,
	.device_sucess .btn {max-width:none; height:52px;}

	.signup_agree .user-form-title {margin-bottom:0;}
	.signup_agree .user-form-title h2 {font-size:28px;}
	.signup_agree .ph2 {margin-top:20px;}

	.goemail *,
	.verifyok *,
	.verifyresend *,
	.pass_reset *,
	.withdraw-can *,
	.active_fail *,
	.pass_resetfail *,
	.device_fail *,
	.device_sucess *,
	.mem_unlock *,
	.id_verify *,
	.find_id *,
	.find-pass *,
	.pass_verify *,
	.change_pass *,
	.mem_withdraw *,
	.mem_withdraw *,
	.btn_wrap button,
	.auth label,
	.auth td,
	.auth th {font-size:14px;}

	.mem_unlock .user-form-card .form-group:nth-of-type(2) .btn {height:40px; font-size:14px;}
	.mem_unlock .agree_form button {width:80px;}

	.agree_form button {width:100px;}

	.find_id .user-form-card {padding:0;}
	.find_id .btn_wrap {margin-top:40px;}

	.mem_withdraw .form-check {margin: 10px 0 20px;}
	
	.register_form_inner ul {padding-top:3px;}
}