@charset "UTF-8";

html {
  min-width: 1280px;
  overflow-x: auto;
}
:root {
  --yellow1: #FFE68B;
  --yellow69: #FCCA69;
  --blue: #387AFC;
  --blue8per: #eff5ff;
  --graySe: #F3F6FA;
  --grayDsb: #ABADB1;
  --grayTxt: #67696D;
  --grayBg1: #F2F3F7;
  --grayBg2: #FAFAFC;
  --line1: #E0E3E8;
}
em {
  font-style: normal;
}
.txt_blue {
  color: var(--blue) !important;
}
.txt_yellow {
  color: var(--yellow1) !important;
}
/* 회원가입 css */
.title_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 36px;
}
.title_box img {
  width: 48px;
  height: auto;
  margin-right: 14px;
}
.title_box strong {
  color: #000;
  font-weight: 700;
  font-size: 30px;
  letter-spacing: .3px;
}
.hide_tit, legend, .field_box label{
  display:none;
}
.wrap{
  width:100%;
  min-width: 1250px;
}
.input_field{
  width: 530px;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid var(--line1);
  border-radius: 16px;
  padding: 50px 56px;
  box-sizing:border-box;
}
.input_field > .main_tit{
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.04em;
  color: #000;
  margin-bottom:8px;
}
.input_field > .sub_tit{
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: var(--grayTxt);
  margin-bottom:40px;
}

.field_wrap{
  margin: 0;
  padding: 0;
}
.field_wrap > .field_box{
  margin-bottom:24px;
  position:relative;
}


/* 입력폼, 입력 삭제버튼 (공통) */
.field_box > input.join_field{
  width: 100%;
  height: 56px;
  line-height:54px;
  background: #fff;
  border: 1px solid var(--line1);
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.04em;
  color: #555;
  text-indent: 22px;
  box-sizing:border-box;
  display:block;
}
.field_box > input.join_field::placeholder{
  color: var(--grayDsb);
  font-family: 'Pretendard', sans-serif;
}
.field_box > input.num_field{
  width:300px;
}
.field_box > .adress_field{
  margin-bottom:10px;
}
.btnClear {
  position: absolute;
  top: 14px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
.btnClear::before{
  content:"✖";
  font-size: 1rem;
  color: #929DAD;
}
.tip_txt, #id_checkerror {
  padding-top: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: #F64B89;
}
.certi_btn1{
  width: 125px;
  height: 56px;
  background: #fee300;
  border-radius: 4px;
  color: #000;
  text-align: center;
  padding: 0;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.04em;
  display: inline-block;
  border:0;
  position:absolute;
  right:0;
  top:0;
}
.certi_btn2{
  width: 103px;
  height: 56px;
  background: #1F5EC7;
  border-radius: 3px;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  letter-spacing: -0.04em;
  color: #FFF;
  line-height:56px;
  display: inline-block;
  border:0;
  position:absolute;
  right:0;
  top:0;
}
.count-down{
  padding-top:4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.04em;
  color: #4F8EF7;
}
.input_true, .input_false{
  padding-top: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: -0.04em;
  display:none;
}
.input_ture{
  color:blue;
}
.input_false{
  color:red;
}

/* 약관동의 */
.agree-check{
  margin-top:16px;
}
.agree-check > h4{
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  letter-spacing: -0.04em;
  color: #000;
  padding-bottom:20px;
  border-bottom:1px solid var(--line1);
  margin-bottom:22px;
}
.agree-check .allcheck-txt{
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.04em;
  color: var(--grayTxt);
  margin:8px 0px 24px 0px;
}
.checkbox {
  width:20px;
  height:20px;
  vertical-align:-2px;
  position:absolute;
  visibility:hidden;
}
.checkbox + label{
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  color: #000;
  position:relative;
  padding-left:34px;
  display:inline-block;
  vertical-align:middle;
}
.checkbox + label:before, .checkbox + label:after {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:20px;
  height:20px;
  border: 1px solid var(--line1);
  margin-top:-11px;
  border-radius:4px;
}
.checkbox + label:after {
  width:6px;
  height:8px;
  left:7px;
  margin-top:-6px;
  border-width:2px;
  border-left:0;
  border-top:0;
  transform:rotate(45deg);
  border-color:#fff;
  border-radius:0;
}
.checkbox:checked + label {
  font-weight: bold;
}
.checkbox:checked + label:before {
  border-color:var(--blue);
  background:var(--blue);
}
.checkbox:checked + label:after{
  border-color: #fff;
}
.checkbox.only + label {
  height:28px;
  overflow:hidden;
  /* text-indent:-999em; */
  font-size: 0;
}
/* .checkbox.only + label:before {
  border:0;
} */
.checkbox.only + label:after {
  border-color:#fff;
  margin-top:-6px;
}
.checkbox.only:checked + label:after {
  border-color:#fff;
}
.checkbox.only:checked + label:before {
  background:var(--blue);
}
.checkbox.only2 + label {
  width:22px;
  height:24px;
  overflow:hidden;
  text-indent:-999em;
  padding:0;
}
.fPointC02 {
  font-style: normal;
}
.agree-checklist li a:after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border: 1.8px solid var(--grayTxt);
  border-top: 0;
  border-left: 0;
  transform: rotate(-45deg);
  margin-left: 9px;
  vertical-align: 1px;
}
.agree-checklist > li > .checkbox + label{
  padding-left:28px;
}
.agree_btn{
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: var(--grayTxt) !important;
  display: inline-block;
  width: calc(100% - 40px);
}
.comple_btn{
  background: var(--blue);
  border-radius: 6px;
  width:100%;
  height: 56px;
  margin-top:40px;
}
.comple_btn > a{
  font-weight: 600;
  font-size: 16px;
  line-height: 56px;
  display: block;
  text-align: center;
  letter-spacing: -0.04em;
  color: #FFFFFF;
}
#btn_submit{
  width: 100%;
  height: 56px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: transparent;
  border: 0;
}

/* 개인정보처리방침, 이용약관 css */
.main {
  margin: 72px 0 120px;
  min-height: calc(100vh - 456px);
}
.main .one {
  width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-bottom: 52px;
}
.main .one li {
  position: relative;
  background-color: #f2f3f7;
  padding: 13px 15px;
  border-radius: 25px;
  margin-right: 16px;
}
.main .one li:last-child {
  margin-right: 0;
}
.main .one li:last-child:after {
  display: none;
}
.main .one li.on {
  background-color: #000;
}
.main .one li.on a {
  font-weight: bold;
  color: #fff;
}
.main .one li a {
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: var(--grayTxt);
  text-align: center;
  letter-spacing: -0.05em;
  position: relative;
  white-space: nowrap;
}
.main .org{
  width: 100%;
  max-width: 530px;
  margin: 0 auto;
  box-sizing: border-box;
}
.main .org h3{
  font-size: 24px;
  line-height: 34px;
  color: #212224;
  font-weight: bold;
  margin-bottom: 24px;
}

.agree_01{
  width: 100%;
  max-width: 530px;
  margin: 0px auto;
  box-sizing: border-box;
  background-color: #f2f3f7;
  padding: 24px;
  border-radius: 12px;
}
.agree_01 > h2{
  font-size: 18px;
  /* margin: 20px 0px 8px 0px; */
  margin-bottom: 8px;
  line-height: 26px;
  font-weight: bold;
  position: relative;
  padding-left: 26px;
  box-sizing: border-box;
  color: var(--grayTxt);
}
.agree_01 > h2 + *, .agree_01 > h2 ~ * {
  padding-left: 26px;
}
.agree_01 > h2 img{
  vertical-align: middle;
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 4px;
}
.agree_01 > h3{
  font-size:0.875rem;
  line-height:18px;
  color: var(--grayTxt);
}
.agree_01 > p, .agree_01 > ul{
  font-size: 14px;
  line-height: 20px;
  color: #666;
}
.top_nav{
  display:none;
}
.part-chois{}
.part-chois select{width:100%; border:1.06667px solid #E6ECF1; background:url("https://kor-license.com/StreamLine/theme/klife/home/join/icon_select_arrow.png") #F8F9FC no-repeat right 20px center/24px auto; padding:20px; font-size-adjust:0.3;}

a.priv_befo {
  color: var(--blue);
  text-decoration: underline;
}