
.questions-input-area {
  width: 100%;
}

.questions-input-area .questions-input-twin-area {
  display: inline-block;
  width: 49.1%;
  margin-right: 1.5%;
}
.questions-input-area .questions-input-twin-area.right {
  margin-right: 0;
}

.questions-input-area .input-subtitle {
  margin-bottom: 5px;
}
.questions-input-area .input-subtitle.padding {
  padding: 11.5px 0;
  display: inline-block;
  margin-bottom: 0;
  flex-shrink: 0;
}
.questions-input-area .questions-input-single-area.mini-height {
  height: 40px;
}
.questions-input-area .questions-input-single-area.file {
  display: flex;
  justify-content: space-between;
}
.questions-input-area .questions-input-single-area.file .input-submit-area {
  float: none;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: flex-end;
}
.questions-input-area .input-subtitle span {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: #010a5a;
}
.questions-input-area .input-subtitle span::after {
  content: '';
  background-image: url(../../img/layout/asterisk.png);
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  position: absolute;
  margin-left: 2px;
}
.questions-input-area .input-subtitle.none span::after {
  display: none;
}
.questions-input-area input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 11.5px 16px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  box-sizing: border-box;
}

.questions-input-area .questions-input-checkbox-area,
.questions-input-area .questions-input-single-area,
.questions-input-area .questions-input-text-area {
  width: 100%;
  margin-top: 30px;
}
.questions-input-area .questions-input-agree-area {
  margin-top: 70px;
}
/* text-area */
.questions-input-area textarea {
  width: 100%;
  min-height: 132px;
  height: 200px;
  padding: 10px 16px;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  resize: none;
  min-width: 300px;
  box-sizing: border-box;
}
.questions-input-area textarea:focus::-webkit-input-placeholder {
  color: transparent;
}
.questions-input-area textarea:valid {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #323232;
  font-family: "pretendard";
}
.questions-input-area textarea::placeholder {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  color: #9d9d9d;
}
.questions-input-area .input-text-placeholder-box {
  width: 100%;
}
.questions-input-area .input-text-placeholder-box textarea::placeholder {

}
/* file-area */
.questions-input-area .input-submit-area {
  float: right;
}

.questions-input-area .input-pdf-text {
  display: inline-block;
  margin-bottom: 10px;
}
.questions-input-area .input-pdf-text:last-child {
  margin-bottom: 0;
}

.questions-input-area .dev-fileArea {
  margin-left: 20px;
}

.questions-input-area .input-pdf-text-box {
  display: flex;
  flex-direction: column;
  vertical-align: middle;
  padding-top: 16px;
}

.questions-input-area .input-pdf-text-box .ir-file-boxs {
    justify-content:flex-end;
    padding:0;
    transform: translate3d(3.94%,0,0);
}

.questions-input-area .input-pdf-text span {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-decoration-line: underline;
  color: #747474;
  display: inline-block;
  vertical-align: middle;
}
.questions-input-area .input-pdf-text span::before {
  background: url(/images/company/common/icon-pdf.png);
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: sub;
  margin-right: 8px;
}
.questions-input-area .input-pdf-text img {
  display: inline-block;
  width: 9px;
  height: 9px;
  vertical-align: middle;
  margin: 4.5px 4.5px 4.5px 10.5px;
}

.questions-input-area .input-agree-text-area {
  height: 165px;
}
.questions-input-area .input-agree-text-box {
  padding: 20px 16px;
  background: #ffffff;
  /* TXT_01 */
  overflow: auto;
  height: 200px;
  border: 1px solid #d0d0d0;
  font-size: 15px;
}
.questions-input-area .input-agree-text-box p {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;

  color: #131313;
}
.questions-input-area .questions-input-checkbox-area {
  text-align: center;
}
.questions-input-area .questions-input-checkbox-area span {
  display: block;
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #9d9d9d;
}
.questions-input-area .input-radio-box {
  margin-top: 10px;
}

.questions-input-area .input-radio-box input[type="radio"],
.questions-input-area .input-radio-box input[type="checkbox"] {
  display: none;
}
.questions-input-area .input-radio-box input + label {
  background-repeat: no-repeat;
  background-position: left;
  display: inline-block;
  padding: 0 0 0 20px;
  min-height: 24px;
  vertical-align: middle;
  margin-inline-end: 30px;
}
.questions-input-area .input-radio-box label:last-child {
  margin: unset;
}
.questions-input-area .input-radio-box label span {
  margin-inline-start: 8px;
}
.questions-input-area .input-radio-box span {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.6px;
  color: #232b33;
}

.questions-input-area .input-radio-box {
  display: inline-block;
}
.questions-input-area .input-radio-box input[type="radio"] + label {
  background-image: url(../../img/layout/input-text-radio-gray.png);
}
.questions-input-area .input-radio-box input[type="radio"]:checked + label {
  background-image: url(../../img/layout/input-text-radio.png);
}

.questions-input-area .input-radio-box input[type="radio"] + label.navy {
  background-image: url(../../img/layout/input-text-radio-gray.png);
}
.questions-input-area
  .input-radio-box
  input[type="radio"]:checked
  + label.navy {
    background-image: url(../../img/layout/input-text-radio.png);
}

@media (max-width: 900px) {
  .questions-input-area .input-radio-box input[type="radio"] + label {
    background-image: url(../../img/layout/input-text-radio-gray.png);
  }
  .questions-input-area .input-radio-box input[type="radio"]:checked + label {
    background-image: url(../../img/layout/input-text-radio.png);
  }

  .questions-input-area .input-radio-box input[type="radio"] + label.navy {
    background-image: url(../../img/layout/input-text-radio-gray.png);
  }
  .questions-input-area
    .input-radio-box
    input[type="radio"]:checked
    + label.navy {
    background-image: url(../../img/layout/input-text-radio.png);
  }

  .questions-input-area .input-subtitle span {
    flex-shrink: 0;
    font-size: 12px;
  }
  .questions-input-area .questions-input-twin-area {
    display: inline-block;
    width: 48.3%;
    margin-right: 2.8%;
  }
  .questions-input-area .input-subtitle.padding {
    padding: 9px 0;
    display: flex;
    width: 100%;
    flex-shrink: unset;
  }
  .questions-input-area .input-button-box {
    padding: 0;
    right: 0;
    top: 0;
    position: absolute;
  }
  .questions-input-area .input-pdf-text-box  {
    /* display: none; */
    float: unset;
    margin-top: 42px;
    padding: 0;
  }

  .questions-input-area .input-pdf-text-box .ir-file-boxs {
    transform: translate3d(0,0,0);
  }

  .questions-input-area .input-pdf-text-box .ir-file-boxs .notice-icon-area {
    justify-content: flex-end;
  }

  .questions-input-area .input-pdf-text-box  .input-pdf-text {
    display: block;
    text-align: left;
  }

  .questions-input-area .questions-input-checkbox-area,
  .questions-input-area .questions-input-single-area,
  .questions-input-area .questions-input-text-area {
    margin-top: 20px;
  }
  .questions-input-area .questions-input-agree-area {
    margin-top: 60px;
  }
  .questions-input-area .input-submit-area {
    float: unset;
  }
  .questions-input-area .input-subtitle.font-mid span,
  .questions-input-area .questions-input-checkbox-area span {
    font-size: 12px;
  }
  .questions-input-area .input-pdf-text span {
    font-size: 14px;
  }
  .questions-input-area .input-pdf-text img {
    vertical-align: bottom;
  }
  .questions-input-area .questions-input-single-area.file {
    position: relative;
  }
  .questions-input-area .input-agree-text-box {
    padding: 14px 16px;
  }
  .questions-input-area textarea {
  height: 154px;
  }
  .questions-input-area .input-agree-text-box p {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
  }
  .questions-input-area .input-subtitle {
    margin-bottom: 8px;
  }
  .questions-input-area textarea {
  }
  .input-text-placeholder-area {
    padding  : 14px 16px 40px;
    height: 200px;
    border: 1px solid #d0d0d0;
    
  }
  .questions-input-area textarea:valid {
    padding : 0;
    display: inline-block;
    border: unset;

  }
  .questions-input-area textarea::placeholder {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    display: inline-block;
  }
.questions-input-area .questions-input-checkbox-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: unset;
}
 .questions-input-area .input-radio-box label span {
  margin-left: 0;
 }
 .questions-input-area .questions-input-answer {
  display: inline-block;
}
.questions-input-area .questions-input-answer.en {
  width: calc(100% - 133px);
}
.questions-input-area .questions-input-answer span {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 2px 0;
  }
  .questions-input-area .input-radio-box input + label span {
    color: #232b33;
    margin:  1px 20px 1px 0;
  }
.questions-input-area .input-radio-box input + label {
  display: flex;
  align-items: center;
  padding: 0 0 0 24px;
  margin-inline-end: 0px; 
  min-height: 0;
}
 .questions-input-area .input-radio-box span {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
 }
 .questions-input-area .input-radio-box input + label.navy.right span {
  margin-right: 10px;
 }
.questions-input-area .input-radio-box {
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-left: 20px;
}


}
