/* --------------------------------------------
가맹문의
--------------------------------------------- */
#contact {
  clear: both;
  background: url(../img/sec05_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 150px 0;
  position: relative;
  text-align: center;
}

#contact .title {
  padding-bottom: 150px;
}

.inquiry_wrap{
  width: 100%;
  border-radius: 20px;
  padding: 40px;
  background: #fff;
  margin: 0 auto;
}

.iqr_check > input,.iqr_check > label{
  display:block;
  float:left !important
}

.iqr_check{
  padding-left:50px;
  height:70px;
  background:#fff;
  box-sizing:border-box
}

.rel{position:relative}

.iqr_check > input{
  position:absolute;
  left:0;top:0;
  opacity:0;
  width:0;
  height:0
}

.iqr_check > label{
  margin-top:20px;
  padding-left:55px;
  height:35px;
  font-family:'Pretendard';
  line-height:35px;
  margin-left:0;
  font-size:18px;letter-spacing:-.02em;
  color:#000;
  background-repeat:no-repeat;
  background-position:left 0;
  background-image:url(../img/inquiry_check.png);
  background-size:35px 70px;
  cursor:pointer
}

.iqr_check > input:checked + label{background-position:left -35px}
.open_policy{
  position:absolute;
  top:15px;
  right:50px;
  display:block;
  width:100px;
  height:40px;
  line-height:40px;
  background-color:#412210;
  font-size:14px;
  letter-spacing:-.02em;
  color:#fff;
  text-align:center;
  text-decoration:none;
  font-family:'Pretendard';
  border:0
}

.open_policy:hover{text-decoration:none;color:#fff}

.iqr_info{
  margin:0 auto;
  border:none;
  font-family:'Pretendard';
  padding-top: 50px;
}

.inquiry_table{
  width:90%;
  margin:0 auto;
  table-layout:fixed;
  border-collapse:collapse
}

.inquiry_table th,.inquiry_table td{padding:10px 0}

.inquiry_table th{
  border-right:0;
  font-size:17px;
  letter-spacing:-.05em;
  text-align:left;
  width:20%
}

.inquiry_table td{
  color:#fff;
  vertical-align:middle;
  width:100%;
  float: left;
}

.inquiry_table th label,
.inquiry_table th span{
  font-weight:400;
  position:relative;
  font-size:20px;
  margin-bottom:0;
  color:#000
}

.inquiry_table th label.required:before{
  content:'*';
  position:absolute;
  left:-20px;top:7px;
  font-size:15px;
  color:var(--color-red);
}

.inquiry_table input[type="text"],
.inquiry_table input[type="email"],
.inquiry_table input[type="password"],
.inquiry_table select{
  width:100%;
  height:50px;
  padding:0 20px;
  border:1px solid #ddd;
  float: left;
  background:#fff;
  font-size:16px;
  line-height:35px;
  color:#000;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box
}

.inquiry_table select{
  font-size:15px;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.inquiry_table select::-ms-expand{display:none}
.inquiry_table select option{color:#000}
    
input[type="radio"]{
  -webkit-appearance:radio;
  -moz-appearance:radio;
  appearance:radio
}

.inquiry_table input[type="radio"]{
  cursor:pointer;
  vertical-align:middle;
  appearance:none;
  width:150px;
  background:#fff;
  color:var(--color-lightbrown);
  height:50px;
  border:1px solid #ddd;
  position:relative;
  float: left;
}

.inquiry_table input[type="radio"]:checked{
  background:var(--color-lightbrown);
  color:#fff;
  border:1px solid var(--color-lightbrown);
}

.inquiry_table .new::after,
.inquiry_table .change::after,
.inquiry_table .shop_yes::after,
.inquiry_table .shop_no::after
 {
  font-size:17px;
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%)
}

.inquiry_table .new::after{content:'신규창업'}
.inquiry_table .change::after{content:'업종변경'}

.inquiry_table .shop_yes::after{content:'있음'}
.inquiry_table .shop_no::after{content:'없음'}


.inquiry_table .change,
.inquiry_table .shop_no {margin-left:-3px}

.inquiry_table textarea{
  overflow:auto;
  width:100%;
  height:150px;
  padding:20px;
  border:1px solid #ddd;
  background:#fff;
  font-size:16px;
  line-height:160%;
  resize:none;
  color:#000;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box
}

.b_btn01{
  display:block;
  margin:60px auto;
  font-family: 'Paperlogy-6SemiBold';
  width:250px;
  background:var(--color-lightbrown);
  border:0;
  font-size:25px;
  padding:15px 0;
  text-align:center;
  color:#fff;
  cursor:pointer;
}

.inquiry_table input:focus,
.inquiry_table textarea:focus{outline:none}
.inquiry_table textarea::placeholder,
.inquiry_table input::placeholder{color:#aeaeae}

  
/* 모바일 */
@media (max-width: 768px) {
  #contact {
    padding: 80px 0 180px 0;
  }

  #contact .title {
    padding: 0 5% 80px 5%;
  }

  .inquiry_wrap{
    width: 100%;
  }

    .iqr_check > input,.iqr_check > label{display:block;float:left}
    .iqr_check{padding-left:10px;height:55px}
    .rel{position:relative}
    .iqr_check > label{margin-top:10px;padding-left:45px;height:35px;line-height:35px;font-size:16px;background-size:35px 70px}
    .open_policy{position:absolute;top:10px;right:10px;display:block;width:80px;height:35px;line-height:35px}
    .inquiry_table th{font-size:15px;width:32%}
    .inquiry_table th label,
    .inquiry_table th span{font-size:17px}
    .inquiry_table th label.required:before{left:-15px;top:5px}
  .inquiry_table input[type="text"],
  .inquiry_table input[type="email"],
  .inquiry_table input[type="password"],
  .inquiry_table select{width:100%}
  .inquiry_table input[type="radio"]{width:50%;height:40px;margin-bottom:5px}
  .inquiry_table .new::after,
  .inquiry_table .shop_yes::after,
  .inquiry_table .shop_no::after,
  .inquiry_table .change::after{font-size:15px}
}



