@charset "utf-8";

#header {
  position: fixed;
}
#main {
  margin-top: 50px;
}
.en {
  font-family: Land Rover Web, Arial, Helvetica, sans-serif;
}
.main_menu.no_fixed {
  position: fixed;
}
.agree_list {
  text-align: left;
}
.agree_list .form_h1 {
  font-size: 18px;
  margin-bottom: 5px;
}
.agree_list p {
  font-size: 12px;
	font-weight: normal;
  text-align: center;
}
.agree_img_wrap {
  display: flex;  
  align-items: center;
  padding:10px;  
}
.personalCont .agree_img_wrap {
  gap: 60px;
}
.agree_list .agree_img {
  width: 50px;
}
.agree_img button {
  width: 100%;
  height: 100%;
  border: 1px solid var(--gray4);
  border-radius: 8px;
}
.agree_img button > img {
  width: 100%;
	height: 100%;
}
.agree_img > span {
  display: flex;
	justify-content: center;
  font-size: 11px;
	font-weight: normal;
  text-align: center;
	white-space:nowrap;
  line-height: 1.6;
  color: var(--gray2);
}
.agree_img:hover > span {
	color: var(--black);
}
.personalCont .agree_ok {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 0;
  font-size: 14px;
  cursor: pointer;
}
.personalCont .agree_ok input[type="checkbox"] +label span{
  vertical-align: middle;
  margin-top: -5px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
}
.personalCont .agree_ok input[type="checkbox"]:checked + label span {
  width: 18px;
  height: 18px;
  background: url(../images/form/checkbox-selected.png) no-repeat center / 16px;
  background-color: #262626;
}
.personalCont .agree_ok .more_btn {
  width: 18px;
  height: 18px;
}
.personalCont .agree_ok .more_btn > img {
  width: auto;
  height: 12px;
  margin: auto;
}
.personalCont .carInfo_contents .car_text {
  text-align: left;
  padding: 20px 30px 10px;
}
.personalCont .carInfo_contents .car_name {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
}
.apply_contents .car_name_sub {
  display: none;
}
.apply_contents .order_dealer_info {
  margin-top: 40px;
  padding: 20px;
  background: var(--gray4);
}
.apply_contents .order_notice_text {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #ddd;
  color: var(--gray2);
}
.apply_contents .order_notice_text .checkbox {
  margin-top: 8px;
  color: var(--gray1);
  font-size: 12px;
  font-weight: bold;
}
.apply_contents .save_btn {
  margin-right: 14px;
  margin-bottom: 20px;
}

.company_agree h2 {
  font-size: 18px;
  padding-top: 20px;
}
.company_agree .apply {
	margin-top: 20px;
  text-align: left;
}
.company_agree p{
  color:var(--gray2);
  margin: 20px 0 40px 0;
}
.company_agree input[type="number"] {
	height: 40px;
	font-size: 14px;
	outline: none;
	padding-left: 13px;
	border: 1px solid #e3e3e3;
}
.company_agree .list_apply li .input_data.tel div {
  display: block;
}
.company_agree li .input_data {
  display: block;
}
.company_agree .name > input {
  width: 100%;
}
.company_agree .input_name{
  text-align: left;
  font-size: 14px;
  padding-right: 30px;
  margin-bottom: 12px;
	line-height: 16px;
}
.company_agree .pop_text {
  text-align: center;
  padding: 0;
}
.company_agree .pop_text p {
	font-size: 14px;
}
.company_agree .company_agree_btn {
  display: inline-block;
  padding: 20px 0;
	text-align: center;
}
.company_agree .sub_agree_btn {
  padding: 0;
}
.company_agree .btn_black {
	min-width: 100px;
  padding: 7px 11px 9px 16px;
}

/* 팝업 공통 */
#mask {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.mem_table {
  margin-top: 20px;
  text-align: left;
}
.order_price.personal {
  display: none;
}

/* 개인정보 활용 동의 팝업 */
.fullPop_cont .pop_cont {
  padding: 70px 25px 60px 25px;
}
.pop_text {
  padding-bottom: 0;
}


/* pc */
@media screen and (min-width: 1025px) {
  #header {
    position: relative;
  }
  #main {
    margin-top: 0;
  }
  .main_menu.no_fixed {
    position: absolute;
  }
  .personalCont .apply_contents {
    max-width: none;
    padding-bottom: 40px;
  }
  .personalCont .apply_contents .car_name {
    line-height: 1;
    font-size: 26px;
  }
  .personalCont .apply_contents .car_name_sub {
    display: block;
    padding-top: 7px;
  }
  .webCont_left {
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    width: 70%;
    height: 100%;
  }
  .mem_table {
    margin-top: 30px;
  }
  .personalCont .form_field {
    display: block;
  }
  .personalCont .form_h1,
  .personalCont .form_input {
    width: 100%;
  }
  .company_agree p br{
    display: none;
  }
  .personalCont .agree_list {
    margin-bottom: 30px;
  }
  .personalCont .carInfo_contents .car_name {
    font-size: 26px;
  }
  .personalCont .carInfo_contents .car_name_sub {
    display: none;
  }
  .personalCont .save_btn,
  .personalCont .order_btn   {
    display: none;
  }
  .btn_black.agree_btn {
    max-width: auto;
    width: 100%;
  }
  .order_price.personal {
    display: flex;
  }
  .order_price .car_name {
    font-size: 26px;
    line-height: 1;
  }
  .order_price.personal .price_btn_wrap {
    display: flex;
  }
  /* 본인인증 팝업 */
  .company_agree h2 {
    font-size: 20px;   
  }
  .form_h1, .form_input {
    width: 100%;
  }
  /* 개인정보 활용 동의 팝업 */
  .fullPop_cont .pop_cont {
    padding: 0;
  }
  .fullPop_cont .pop_tit br {
    display: none;
  }
  .fullPop_box .centerBtn {
    margin-top: 50px;
  }
  
}