@charset "UTF-8";

html {
  min-width: 1280px;
  overflow-x: auto;
}
/* 회원가입 css */
.hide_tit, legend, .field_box label{
  display:none;
}
.wrap{
  width:100%;
  min-width: 1250px;
}
.input_field{
  width: 502px;
  margin: 0 auto;
  background: #FFF;
  border: 1px solid #EAEAEA;
  border-radius: 4px;
  padding: 50px 31px;
  box-sizing:border-box;
}
.input_field > .main_tit{
  font-weight: 600;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: -0.04em;
  color: #222;
  text-align:center;
  margin-bottom:8px;
}
.input_field > .sub_tit{
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.04em;
  color: #888;
  margin-bottom:47px;
  text-align:center;
}
.field_wrap{
  margin-bottom:15px;
}
.field_wrap > .field_box{
  margin-bottom:10px;
  position:relative;
}
.field_wrap > .field_box:last-of-type{
  margin-bottom:0;
}

/* 입력폼, 입력 삭제버튼 (공통) */
.field_box > input.join_field{
  width: 100%;
  height: 56px;
  line-height:56px;
  background: #F8F9FC;
  border: 1.06667px solid #E6ECF1;
  border-radius: 3px;
  font-weight: 400;
  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: #A4ABC0;
}
.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: 13px;
  color: #929DAD;
}
.tip_txt{
  padding-top: 4px;
  font-weight: 400;
  font-size: 13px;
  line-height: 14px;
  letter-spacing: -0.04em;
  color: #929DAD;
}
.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:none;
  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:none;
  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:50px;
}
.agree-check > h4{
  font-weight: 600;
  font-size: 19px;
  text-align: center;
  letter-spacing: -0.04em;
  color: #222;
  padding-bottom:13px;
  border-bottom:1px solid #6D7793;
  margin-bottom:42px;
}
.checkbox + label{
  font-weight: 600;
  font-size: 17px;
  letter-spacing: -0.04em;
  color: #222;
}
.agree-check .allcheck-txt{
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.04em;
  color: #888;
  padding-left:36px;
  margin:9px 0 36px;
}
.checkbox {
  width:20px;
  height:20px;
  vertical-align:-2px;
  position:absolute;
  visibility:hidden;
}
.checkbox + label {
  position:relative;
  padding-left:37px;
  display:inline-block;
  vertical-align:middle;
}
.checkbox + label:before, .checkbox + label:after {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:20px;
  height:20px;
  border:Solid 1px #cacaca;
  margin-top:-10px;
  border-radius:100%;
}
.checkbox + label:after {
  width:6px;
  height:9px;
  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:before {
  border-color:#fee300;
  background:#fee300;
}
.checkbox:checked + label:after{
  border-color: #000;
}
.checkbox.only + label {
  height:28px;
  overflow:hidden;
  text-indent:-999em;
}
.checkbox.only + label:before {
  border:0;
}
.checkbox.only + label:after {
  border-color:#c9c9c9;
  margin-top:-8px;
}
.checkbox.only:checked + label:after {
  border-color:#000;
}
.checkbox.only:checked + label:before {
  background:#fff;
}
.checkbox.only2 + label {
  width:22px;
  height:24px;
  overflow:hidden;
  text-indent:-999em;
  padding:0;
}
.fPointC02 {
  color: #000 !important;
  padding-right:15px;
  font-style: normal;
}
.agree-checklist li a:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid 1px #292929;
  border-top: 0;
  border-left: 0;
  transform: rotate(-45deg);
  margin-left: 9px;
}
.agree-checklist > li > .checkbox + label{
  padding-left:25px !important;
}
.agree_btn{
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: -0.04em;
  color: #444;
}
.comple_btn{
  background: #fee300;
  border-radius: 4px;
  width:100%;
  height: 56px;
  margin-top:17px;
}
.comple_btn > a{
  font-weight: 600;
  font-size: 16px;
  line-height: 56px;
  display: block;
  text-align: center;
  letter-spacing: -0.04em;
  color: #FFF;
}
#btn_submit{
  width: 100%;
  height: 56px;
  font-size: 17px;
  color: #000;
  background: transparent;
  border: none;
}

/* 개인정보처리방침, 이용약관 css */
.main{
  margin: 80px 0 100px;
}
.main .one{
  width: 640px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-bottom: 70px;
  border-bottom: 1px solid #eaeaea;
}
.main .one li{
  position: relative;
  margin-right: 30px;
  padding-right: 34px;
}
.main .one li:last-child{
  margin-right: 0;
  padding-right: 0;
}
.main .one li::after{
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #e5e5e5;
  border-radius: 100%;;
}
.main .one li:last-child:after{
  display: none;
}
.main .one li.on a{
  color: #333;
}
.main .one li a{
  display: block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  color: #999;
  text-align: center;
  letter-spacing: -0.05em;
  position: relative;
  white-space: nowrap;
}
.main .one li a::after{
  content: '';
  display: none;
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 2px;
  background-color: #111;
}
.main .one li.on a::after{
  display: block;
}

.agree_01{
  width:100%;
  max-width:460px;
  margin:0 auto;
  padding: 50px 0 0;
  box-sizing: border-box;
}
.agree_01 > h2{
  font-size: 1.4rem;
  margin:15px 0 5px;
  line-height:28px;
}
.agree_01 > h3{
  font-size:0.875rem;
  margin: 0.67rem 0;
  line-height:18px;
  font-weight: 600;
}
.agree_01 > p, .agree_01 > ul{
  font-size:0.750rem;
  line-height:17px;
}
.top_nav{
  display:none;
}
.part-chois select{width:100%; border:1.06667px solid #E6ECF1; background:url("/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:#00F; font-size:14px; display:inline-block;}

.agree_01 h2 ~ h2 {
  margin-top: 40px;
}
.agree_01 h2 + h3 {
  margin-top: 12px;
}
.agree_01 > h3 {
  margin-bottom: 2px;
}
.agree_01 > h3 ~ h3 {
  margin-top: 20px;
}