/* --------------------- sec_1 --------------------- */
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont input:hover, .sec_1 .container .wrapper .form_area .form form fieldset .form_cont input:focus,
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont select:hover,
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont select:focus,
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont textarea:hover,
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont textarea:focus {
  border-color: #111;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap {
  gap: 0 36px;
  grid-template-columns: repeat(2, 1fr);
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap > div.full {
  grid-column: 1/span 2;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .input_box label {
  animation: fadeIn 0.7s 0.3s both;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .input_box div input {
  animation: main_visual_animate2 0.6s 0.7s both;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .input_box div span {
  animation: fadeIn 0.7s 0.7s both;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .radio_box .tit {
  animation: fadeIn 0.7s 0.3s both;
}
.sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .radio_box label {
  animation: main_visual_animate2 0.6s 0.7s both;
  width: calc((100% + 2px) / 2);
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont {
  margin-top: 50px;
  padding-bottom: 50px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box input {
  display: none;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box input:checked + label::before {
  background: #b18523;
  border-color: #b18523;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box input:checked + label::after {
  display: block;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label {
  position: relative;
  padding: 0 0 0 34px;
  color: var(--color-secondary);
  cursor: pointer;
  font-size: var(--font-size-ko-06);
  line-height: var(--font-lineheight-ko-06);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-03);
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label::before {
  border-radius: 3px;
  content: "";
  display: block;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 3px;
  left: 0;
  background: #fff;
  border: 2px solid var(--color-base-line);
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label::after {
  display: none;
  position: absolute;
  content: "";
  width: 7px;
  height: 12px;
  left: 9px;
  top: 7px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label:hover::before {
  border-color: #111;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .point {
  color: #b18523;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .required::after {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #b18523;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: -10px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .toggle_btn {
  position: relative;
  background: none;
  width: 18px;
  height: 18px;
  padding: 0;
  cursor: pointer;
  margin-left: 3px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px 8px;
  background-image: url(/main/img/qna_arrow.svg);
  transition: 0.3s;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .toggle_btn.on {
  transform: rotate(180deg);
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box {
  display: none;
  margin: 0 0 16px 34px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner {
  color: #888;
  border: 0;
  background: #f3f3f3;
  padding: 32px 16px 32px 32px;
  margin-top: 8px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box {
  padding-right: 24px;
  height: 240px;
  overflow-y: auto;
  font-size: var(--font-size-en-07);
  line-height: var(--font-lineheight-en-07);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-03);
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 99px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box::-webkit-scrollbar-track {
  background: var(--color-base-line);
  border-radius: 99px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box p {
  margin-bottom: 10px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol {
  margin-top: 10px;
  margin-bottom: 20px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li {
  padding-left: 17px;
  margin-top: 6px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li ul {
  margin: 6px 0 10px 6px;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li ul li {
  position: relative;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li ul li::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 9px;
  left: 0;
  background: #888;
  border: 1px solid #888;
  border-radius: 50%;
  box-sizing: border-box;
}
.sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li ul li ul li::before {
  background: transparent;
}
.sec_1 .container .wrapper .form_area .form form fieldset .submit_cont {
  padding-top: 63px;
}

/* RWD */
@media (max-width: 1080px) {
  .sec_1 .container .wrapper {
    max-width: unset;
  }
  .sec_1 .container .wrapper .tit_area {
    padding-bottom: 0;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap {
    gap: 0;
    grid-template-columns: repeat(1, 1fr);
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap > div.full {
    grid-column: 1;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .input_box > div,
  .sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .select_box > div,
  .sec_1 .container .wrapper .form_area .form form fieldset .form_cont .form_wrap .textarea_box > div {
    width: calc(100% - 22.037vw);
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont {
    margin-top: 0;
	padding-bottom: 3.7037vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label {
    font-size: 3.5185vw;
    line-height: 5.5556vw;
    padding-left: 7.4074vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label::before {
    width: 5.5556vw;
    height: 5.5556vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label::after {
    width: 1.7vw;
    height: 3.5vw;
    left: 2vw;
    top: 0.7vw;
    border-width: 0 4px 4px 0;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .required::after {
    width: 0.9259vw;
    height: 0.9259vw;
    vertical-align: top;
    margin-top: 0;
    margin-left: 1vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .check_box label .toggle_btn {
    width: 2vw;
    height: 2vw;
    background-size: 100% auto;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box {
    margin: 0;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner {
    margin-top: 3.5vw;
    padding: 6vw 2vw 6vw 6vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box {
    height: 40vw;
    font-size: 3.4vw;
    line-height: 4.6vw;
    word-break: break-all;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol {
    margin-top: 2vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li {
    margin-top: 3vw;
    padding-left: 2.5vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .agree_cont .agree_wrap .detail_box .inner .txt_box ol li ul li::before {
    width: 1vw;
    height: 1vw;
    top: 2vw;
  }
  .sec_1 .container .wrapper .form_area .form form fieldset .submit_cont {
    padding-top: 9.2593vw;
  }
}