@charset "UTF-8";
/* ---------------본문--------------- */
.contact-top .tit {
  line-height: 150%;
  margin-bottom: 25px;
}

.contact-top .terms-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #1c1c1c;
  border-radius: 3px;
  padding: 10px;
}

.contact-top .terms-box .btn-terms-check {
  width: calc(100% - 200px);
  cursor: pointer;
}

.contact-top .terms-box .btn-terms-check .check-input:checked + .textbox .circle {
  background-color: #1c1c1c;
  color: #FFF;
}

.contact-top .terms-box .btn-terms-check .textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
}

.contact-top .terms-box .btn-terms-check .textbox .text {
  line-height: 130%;
}

.contact-top .terms-box .btn-terms-check .textbox .circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 30px;
  border: 2px solid #1c1c1c;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100%;
  margin-right: 10px;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
}

.contact-top .terms-box .btn-popup-terms {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  overflow: hidden;
}

.contact-form .legend {
  font-size: 28px;
  margin-bottom: 25px;
  letter-spacing:-1.3px;
}

.contact-form .legend .legend-desc {
  font-size: 16px;
}

.contact-form .fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 40px 0;
  gap: 40px;
  border-top: 2px solid #1c1c1c;
}

.contact-form .fieldset.textarea-wrap {
  gap: 0;
}

.contact-form .fieldset .warning-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-top: 15px;
}

.contact-form .fieldset .warning-box .textbox {
  width: calc(100% - 350px);
  line-height: 150%;
  font-size: 16px;
}

.contact-form .fieldset .warning-box .textbox .icon {
  color: #d40c24;
}

.contact-form .fieldset .warning-box .btn-contact-down {
  display: block;
  width: 285px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  font-size: 20px;
  color: #FFF;
  border-radius: 3px;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.contact-form .fieldset .input-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-form .fieldset .input-box.full-box {
  width: 100%;
}

.contact-form .fieldset .input-box.gap .right {
  gap: 25px;
}

.contact-form .fieldset .input-box .label {
  display: block;
  width: 135px;
  font-size: 20px;
}

.contact-form .fieldset .input-box .label .label-desc {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #494949;
}

.contact-form .fieldset .input-box .right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 135px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contact-form .fieldset .input-box .right .direct-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-form .fieldset .input-box.textarea-box {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.contact-form .fieldset .input-box.textarea-box .textarea {
  width: 100%;
  height: 400px;
  padding: 15px;
  margin-top: 20px;
  line-height: 150%;
}

.contact-form .fieldset .input-box .btn-check {
  cursor: pointer;
}

.contact-form .fieldset .input-box .btn-check .check-input:checked + .textbox .circle::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  background-color: #1c1c1c;
}

.contact-form .fieldset .input-box .btn-check .check-input:checked + .textbox .square {
  background-color: #c0c0c0;
}


.contact-form .fieldset .input-box .btn-check .check-input:checked + .textbox .square::before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.contact-form .fieldset .input-box .btn-check .textbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.contact-form .fieldset .input-box .btn-check .textbox .circle, .contact-form .fieldset .input-box .btn-check .textbox .square {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #c0c0c0;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  margin-right: 7px;
}

.contact-form .fieldset .input-box .btn-check .textbox .circle::before, .contact-form .fieldset .input-box .btn-check .textbox .square::before {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(0);
          transform: translate(-50%, -50%) scale(0);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}

.contact-form .fieldset .input-box .btn-check .textbox .circle {
  border-radius: 100%;
}

.contact-form .fieldset .input-box .btn-check .textbox .circle::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50%;
  height: 50%;
  border-radius: 100%;
  background-color: #c0c0c0;
}

.contact-form .fieldset .input-box .btn-check .textbox .square::before {
  content: '\f00c';
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 16px;
  color: #FFF;
}

.contact-form .fieldset .input-box .text-input, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
  display: block;
  width: 430px;
  height: 50px;
  line-height:48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 15px;
  border: 1px solid #d4d5d8;
  font-size: 16px;
  background-color: #fafafc;
}

.contact-form .fieldset .input-box .text-input.input-s, .contact-form .fieldset .input-box .text-input.select-s, .contact-form .fieldset .input-box .select.input-s, .contact-form .fieldset .input-box .select.select-s, .contact-form .fieldset .input-box .textarea.input-s, .contact-form .fieldset .input-box .textarea.select-s {
  width: 170px;
}

.contact-form .fieldset .input-box .text-input.input-m, .contact-form .fieldset .input-box .text-input.select-m, .contact-form .fieldset .input-box .select.input-m, .contact-form .fieldset .input-box .select.select-m, .contact-form .fieldset .input-box .textarea.input-m, .contact-form .fieldset .input-box .textarea.select-m {
  width: calc(430px - 13px - 170px);
}

.contact-form .fieldset .input-box .text-input.email-back-input, .contact-form .fieldset .input-box .select.email-back-input, .contact-form .fieldset .input-box .textarea.email-back-input {
  display: none;
}

.contact-form .fieldset .input-box .email-middle, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
  color: #5c5c5c;
}

.contact-form .fieldset .input-box .text-input:not(:nth-child(1)), .contact-form .fieldset .input-box .select:not(:nth-child(1)), .contact-form .fieldset .input-box .email-middle:not(:nth-child(1)) {
  margin-left: 13px;
}

/* ---------------본문 end--------------- */
/* 

*/
/* ---------------팝업--------------- */
.popup-terms {
  visibility: hidden;
  z-index: 110;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 95%;
  max-width: 600px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 25px;
  background-color: #FFF;
  padding: 35px;
}

.popup-terms.active {
  visibility: unset;
}

.popup-terms form {
  display: block;
  width: 100%;
  height: 100%;
}

.popup-terms .inner {
  height: 100%;
}

.popup-terms .inner .popup-top {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: 50px;
  border-bottom: 2px solid #1c1c1c;
}

.popup-terms .inner .popup-top .popup-tit {
  font-size: 28px;
}

.popup-terms .inner .popup-top .btn-popup-close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 35px;
  height: 35px;
  font-size: 35px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.popup-terms .inner .popup-content {
  overflow-y: auto;
  max-height: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  padding-bottom: 0;
}

.popup-terms .inner .popup-content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.popup-terms .inner .popup-content::-webkit-scrollbar-track {
  background-color: transparent;
}

.popup-terms .inner .popup-content::-webkit-scrollbar-thumb {
  background-color: #999;
}

.popup-terms .inner .popup-content::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}

.popup-terms .inner .popup-content .textbox .terms-tit {
  display: block;
  font-size: 16px;
  line-height: 150%;
}

.popup-terms .inner .popup-content .textbox ul li {
  margin-top: 40px;
  font-size: 16px;
}

.popup-terms .inner .popup-content .textbox ul li .tit, .popup-terms .inner .popup-content .textbox ul li .con {
  line-height: 150%;
}

.popup-terms .inner .btn-terms-sign {
  margin-top: 40px;
}

.popup-bg {
  display: none;
  z-index: 105;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

/* ---------------팝업 end--------------- */
/* 

*/
/* ---------------media screen--------------- */
@media screen and (min-width: 1024.1px) {
  .contact-top .terms-box .btn-popup-terms:hover {
    background-color: #555;
  }
  .contact-top .terms-box .btn-terms-check:hover .textbox .circle {
    background-color: #1c1c1c;
    color: #FFF;
  }
  .contact-form .fieldset .warning-box .btn-contact-down:hover {
    background-color: #555;
  }
  /* ---------------팝업--------------- */
  .popup-terms .inner .popup-top .btn-popup-close:hover {
    color: #555;
  }
  /* ---------------팝업 end--------------- */
}

@media screen and (max-width: 1350px) {
  /* ---------------본문--------------- */
  .contact-top .tit {
    font-size: 17px;
    margin-bottom: 20px;
  }
  .contact-top .terms-box .btn-terms-check {
    width: calc(100% - 170px);
  }
  .contact-top .terms-box .btn-terms-check .textbox {
    font-size: 18px;
  }
  .contact-top .terms-box .btn-terms-check .textbox .circle {
    width: 27px;
    height: 27px;
    font-size: 17px;
  }
  .contact-top .terms-box .btn-popup-terms {
    width: 140px;
    font-size: 15px;
  }
  .contact-form .legend {
    font-size: 25px;
    margin-bottom: 20px;
  }
  .contact-form .legend .legend-desc {
    font-size: 15px;
  }
  .contact-form .fieldset {
    padding: 35px 0;
    gap: 35px;
  }
  .contact-form .fieldset .warning-box .textbox {
    width: calc(100% - 300px);
  }
  .contact-form .fieldset .warning-box .btn-contact-down {
    width: 260px;
    height: 65px;
    line-height: 65px;
    font-size: 18px;
  }
  .contact-form .fieldset .input-box .label {
    width: 120px;
    font-size: 19px;
  }
  .contact-form .fieldset .input-box .label .label-desc {
    font-size: 13px;
  }
  .contact-form .fieldset .input-box .right {
    width: calc(100% - 120px);
  }
  .contact-form .fieldset .input-box.textarea-box .textarea {
    height: 370px;
  }
  .contact-form .fieldset .input-box .text-input, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
    width: 370px;
  }
  .contact-form .fieldset .input-box .text-input.input-s, .contact-form .fieldset .input-box .text-input.select-s, .contact-form .fieldset .input-box .select.input-s, .contact-form .fieldset .input-box .select.select-s, .contact-form .fieldset .input-box .textarea.input-s, .contact-form .fieldset .input-box .textarea.select-s {
    width: 150px;
  }
  .contact-form .fieldset .input-box .text-input.input-m, .contact-form .fieldset .input-box .text-input.select-m, .contact-form .fieldset .input-box .select.input-m, .contact-form .fieldset .input-box .select.select-m, .contact-form .fieldset .input-box .textarea.input-m, .contact-form .fieldset .input-box .textarea.select-m {
    width: calc(370px - 13px - 150px);
  }
  /* ---------------본문 end--------------- */
  /* 
    
    */
  /* ---------------팝업--------------- */
  .popup-terms {
    max-width: 550px;
    padding: 33px;
  }
  .popup-terms .inner .popup-top {
    padding-bottom: 45px;
  }
  .popup-terms .inner .popup-top .popup-tit {
    font-size: 26px;
  }
  .popup-terms .inner .popup-top .btn-popup-close {
    width: 33px;
    height: 33px;
    font-size: 33px;
  }
  .popup-terms .inner .popup-content .textbox ul li {
    margin-top: 35px;
  }
  .popup-terms .inner .btn-terms-sign {
    margin-top: 35px;
  }
  /* ---------------팝업 end--------------- */
}

@media screen and (max-width: 1024px) {
  /* ---------------본문 end--------------- */
  .contact-top .tit {
    font-size: 16px;
  }
  .contact-top .terms-box .btn-terms-check {
    width: calc(100% - 150px);
  }
  .contact-top .terms-box .btn-terms-check .textbox {
    font-size: 17px;
  }
  .contact-top .terms-box .btn-terms-check .textbox .circle {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  .contact-top .terms-box .btn-popup-terms {
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .contact-form .legend {
    font-size: 23px;
  }
  .contact-form .fieldset {
    padding: 30px 0;
    gap: 30px;
  }
  .contact-form .fieldset .warning-box .textbox {
    font-size: 15px;
    width: calc(100% - 270px);
  }
  .contact-form .fieldset .warning-box .btn-contact-down {
    width: 240px;
    height: 60px;
    line-height: 60px;
    font-size: 17px;
  }
  .contact-form .fieldset .input-box.gap .right {
    gap: 20px;
  }
  .contact-form .fieldset .input-box .label {
    font-size: 18px;
  }
  .contact-form .fieldset .input-box .label .label-desc {
    margin-top: 7px;
  }
  .contact-form .fieldset .input-box.textarea-box .textarea {
    height: 350px;
  }
  .contact-form .fieldset .input-box .btn-check {
    font-size: 17px;
  }
  .contact-form .fieldset .input-box .text-input, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
    width: 280px;
    height: 45px;
	line-height: 43px;
    font-size: 15px;
  }
  .contact-form .fieldset .input-box .text-input.input-s, .contact-form .fieldset .input-box .text-input.select-s, .contact-form .fieldset .input-box .select.input-s, .contact-form .fieldset .input-box .select.select-s, .contact-form .fieldset .input-box .textarea.input-s, .contact-form .fieldset .input-box .textarea.select-s {
    width: 130px;
  }
  .contact-form .fieldset .input-box .text-input.input-m, .contact-form .fieldset .input-box .text-input.select-m, .contact-form .fieldset .input-box .select.input-m, .contact-form .fieldset .input-box .select.select-m, .contact-form .fieldset .input-box .textarea.input-m, .contact-form .fieldset .input-box .textarea.select-m {
    width: calc(280px - 10px - 130px);
  }
  .contact-form .fieldset .input-box .email-middle {
    font-size: 17px;
  }
  .contact-form .fieldset .input-box .text-input:not(:nth-child(1)), .contact-form .fieldset .input-box .select:not(:nth-child(1)), .contact-form .fieldset .input-box .email-middle:not(:nth-child(1)) {
    margin-left: 10px;
  }
  /* ---------------본문 end--------------- */
  /* 
     */
  /* ---------------팝업--------------- */
  .popup-terms {
    max-width: 500px;
    padding: 30px;
  }
  .popup-terms .inner .popup-top {
    padding-bottom: 40px;
  }
  .popup-terms .inner .popup-top .popup-tit {
    font-size: 24px;
  }
  .popup-terms .inner .popup-top .btn-popup-close {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }
  .popup-terms .inner .popup-content .textbox .terms-tit {
    font-size: 15px;
  }
  .popup-terms .inner .popup-content .textbox ul li {
    font-size: 15px;
    margin-top: 30px;
  }
  .popup-terms .inner .btn-terms-sign {
    margin-top: 30px;
  }
  /* ---------------팝업 end--------------- */
}

/* @media screen and (max-width:850px){
    
} */
@media screen and (max-width: 600px) {
  /* ---------------본문--------------- */
  .contact-top .tit {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .contact-top .terms-box .btn-terms-check {
    width: calc(100% - 130px);
  }
  .contact-top .terms-box .btn-terms-check .textbox {
    font-size: 16px;
  }
  .contact-top .terms-box .btn-terms-check .textbox .circle {
    width: 23px;
    height: 23px;
    font-size: 15px;
  }
  .contact-top .terms-box .btn-terms-check .textbox .text {
    width: calc(100% - 33px);
  }
  .contact-top .terms-box .btn-popup-terms {
    width: 120px;
    font-size: 13px;
  }
  .contact-form .legend {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .contact-form .legend .legend-desc {
	display: inline-block;
    font-size: 14px;
  }
  .contact-form .fieldset {
    padding: 25px 0;
    gap: 25px;
  }
  .contact-form .fieldset .warning-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .contact-form .fieldset .warning-box .textbox {
    width: 100%;
    font-size: 14px;
  }
  .contact-form .fieldset .warning-box .btn-contact-down {
    margin: 0 auto;
    margin-top: 15px;
    width: 220px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
  }
  .contact-form .fieldset .input-box {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .contact-form .fieldset .input-box.gap .right {
    gap: 15px;
  }
  .contact-form .fieldset .input-box .label {
    font-size: 17px;
    width: 100%;
    margin-bottom: 15px;
  }
  .contact-form .fieldset .input-box .label .label-desc {
    margin-top: 7px;
  }
  .contact-form .fieldset .input-box .right {
    width: 100%;
  }
  .contact-form .fieldset .input-box .right .direct-check .text-input {
    width: 250px;
  }
  .contact-form .fieldset .input-box.textarea-box .textarea {
    height: 300px;
    padding: 10px;
    margin-top: 0;
  }
  .contact-form .fieldset .input-box .btn-check {
    font-size: 16px;
  }
  .contact-form .fieldset .input-box .text-input, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
    /* width: calc(50% - 5px); */
    width: 100%;
    font-size: 14px;
    height: 45px;
	line-height: 43px;
    padding: 0 10px;
  }
  .contact-form .fieldset .input-box .text-input.input-s, .contact-form .fieldset .input-box .text-input.select-s, .contact-form .fieldset .input-box .text-input.input-m, .contact-form .fieldset .input-box .text-input.select-m, .contact-form .fieldset .input-box .select.input-s, .contact-form .fieldset .input-box .select.select-s, .contact-form .fieldset .input-box .select.input-m, .contact-form .fieldset .input-box .select.select-m, .contact-form .fieldset .input-box .textarea.input-s, .contact-form .fieldset .input-box .textarea.select-s, .contact-form .fieldset .input-box .textarea.input-m, .contact-form .fieldset .input-box .textarea.select-m {
    width: 100%;
  }
  .contact-form .fieldset .input-box .email-middle {
    font-size: 16px;
  }
  .contact-form .fieldset .input-box .text-input:not(:nth-child(1)), .contact-form .fieldset .input-box .select:not(:nth-child(1)), .contact-form .fieldset .input-box .email-middle:not(:nth-child(1)) {
    margin-left: 10px;
  }
  .contact-form .fieldset .phone-box .text-input.input-s, .contact-form .fieldset .phone-box .text-input.select-s, .contact-form .fieldset .phone-box .text-input.input-m, .contact-form .fieldset .phone-box .text-input.select-m, .contact-form .fieldset .phone-box .select.input-s, .contact-form .fieldset .phone-box .select.select-s, .contact-form .fieldset .phone-box .select.input-m, .contact-form .fieldset .phone-box .select.select-m, .contact-form .fieldset .phone-box .textarea.input-s, .contact-form .fieldset .phone-box .textarea.select-s, .contact-form .fieldset .phone-box .textarea.input-m, .contact-form .fieldset .phone-box .textarea.select-m, .contact-form .fieldset .email-box .text-input.input-s, .contact-form .fieldset .email-box .text-input.select-s, .contact-form .fieldset .email-box .text-input.input-m, .contact-form .fieldset .email-box .text-input.select-m, .contact-form .fieldset .email-box .select.input-s, .contact-form .fieldset .email-box .select.select-s, .contact-form .fieldset .email-box .select.input-m, .contact-form .fieldset .email-box .select.select-m, .contact-form .fieldset .email-box .textarea.input-s, .contact-form .fieldset .email-box .textarea.select-s, .contact-form .fieldset .email-box .textarea.input-m, .contact-form .fieldset .email-box .textarea.select-m, .contact-form .fieldset .area-box .text-input.input-s, .contact-form .fieldset .area-box .text-input.select-s, .contact-form .fieldset .area-box .text-input.input-m, .contact-form .fieldset .area-box .text-input.select-m, .contact-form .fieldset .area-box .select.input-s, .contact-form .fieldset .area-box .select.select-s, .contact-form .fieldset .area-box .select.input-m, .contact-form .fieldset .area-box .select.select-m, .contact-form .fieldset .area-box .textarea.input-s, .contact-form .fieldset .area-box .textarea.select-s, .contact-form .fieldset .area-box .textarea.input-m, .contact-form .fieldset .area-box .textarea.select-m {
    width: calc(50% - 5px);
  }
  .contact-form .fieldset .phone-box .text-input.email-front-input, .contact-form .fieldset .phone-box .text-input.email-back-input, .contact-form .fieldset .phone-box .text-input.email-back-select, .contact-form .fieldset .phone-box .select.email-front-input, .contact-form .fieldset .phone-box .select.email-back-input, .contact-form .fieldset .phone-box .select.email-back-select, .contact-form .fieldset .phone-box .textarea.email-front-input, .contact-form .fieldset .phone-box .textarea.email-back-input, .contact-form .fieldset .phone-box .textarea.email-back-select, .contact-form .fieldset .email-box .text-input.email-front-input, .contact-form .fieldset .email-box .text-input.email-back-input, .contact-form .fieldset .email-box .text-input.email-back-select, .contact-form .fieldset .email-box .select.email-front-input, .contact-form .fieldset .email-box .select.email-back-input, .contact-form .fieldset .email-box .select.email-back-select, .contact-form .fieldset .email-box .textarea.email-front-input, .contact-form .fieldset .email-box .textarea.email-back-input, .contact-form .fieldset .email-box .textarea.email-back-select, .contact-form .fieldset .area-box .text-input.email-front-input, .contact-form .fieldset .area-box .text-input.email-back-input, .contact-form .fieldset .area-box .text-input.email-back-select, .contact-form .fieldset .area-box .select.email-front-input, .contact-form .fieldset .area-box .select.email-back-input, .contact-form .fieldset .area-box .select.email-back-select, .contact-form .fieldset .area-box .textarea.email-front-input, .contact-form .fieldset .area-box .textarea.email-back-input, .contact-form .fieldset .area-box .textarea.email-back-select {
    width: calc(50% - 18px);
  }
  /* ---------------본문 end--------------- */
  /* 
    
    */
  /* ---------------팝업--------------- */
  .popup-terms {
    padding: 25px;
  }
  .popup-terms .inner .popup-top {
    padding-bottom: 35px;
  }
  .popup-terms .inner .popup-top .popup-tit {
    font-size: 22px;
  }
  .popup-terms .inner .popup-top .btn-popup-close {
    width: 27px;
    height: 27px;
    font-size: 27px;
  }
  .popup-terms .inner .popup-content {
    padding: 10px;
    padding-bottom: 0;
  }
  .popup-terms .inner .popup-content .textbox .terms-tit {
    font-size: 14px;
  }
  .popup-terms .inner .popup-content .textbox ul li {
    font-size: 14px;
    margin-top: 25px;
  }
  .popup-terms .inner .btn-terms-sign {
    margin-top: 25px;
  }
  /* ---------------팝업 end--------------- */
}

@media screen and (max-width: 480px) {
  /* ---------------본문--------------- */
  .contact-top .tit {
    font-size: 14px;
  }
  .contact-top .terms-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
  .contact-top .terms-box .btn-terms-check {
    width: 100%;
  }
  .contact-top .terms-box .btn-terms-check .textbox {
    font-size: 15px;
  }
  .contact-top .terms-box .btn-popup-terms {
    width: 100%;
    margin-top: 10px;
  }
  .contact-form .legend {
    font-size: 18px;
  }
  .contact-form .fieldset {
    padding: 20px 0;
    gap: 20px;
  }
  .contact-form .fieldset .warning-box .textbox {
    font-size: 13px;
  }
  .contact-form .fieldset .warning-box .btn-contact-down {
    width: 200px;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
  }
  .contact-form .fieldset .input-box.gap .right {
    gap: 10px;
  }
  .contact-form .fieldset .input-box .label {
    font-size: 16px;
  }
  .contact-form .fieldset .input-box .right .direct-check .text-input {
    width: 170px;
  }
  .contact-form .fieldset .input-box.textarea-box .textarea {
    height: 250px;
  }
  .contact-form .fieldset .input-box .btn-check {
    font-size: 14px;
  }
  .contact-form .fieldset .input-box .btn-check .textbox .circle, .contact-form .fieldset .input-box .btn-check .textbox .square {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  .contact-form .fieldset .input-box .btn-check .textbox .square::before {
    font-size: 15px;
  }
  .contact-form .fieldset .input-box .text-input, .contact-form .fieldset .input-box .select, .contact-form .fieldset .input-box .textarea {
    height: 40px;
	line-height: 38px;
  }
  /* ---------------본문 end--------------- */
  /* 
    
    */
  /* ---------------팝업--------------- */
  .popup-terms {
    padding: 20px;
    height: 500px;
  }
  .popup-terms .inner .popup-top {
    padding-bottom: 30px;
  }
  .popup-terms .inner .popup-top .popup-tit {
    font-size: 20px;
  }
  .popup-terms .inner .popup-top .btn-popup-close {
    width: 25px;
    height: 25px;
    font-size: 25px;
  }
  .popup-terms .inner .popup-content {
    height: calc(100% - 52px - 55px);
  }
  .popup-terms .inner .popup-content .textbox ul li {
    margin-top: 20px;
  }
  .popup-terms .inner .btn-terms-sign {
    margin-top: 20px;
  }
  /* ---------------팝업 end--------------- */
}

@media screen and (max-width: 360px) {
  /* ---------------본문--------------- */
  .contact-form .fieldset .input-box .right .direct-check .text-input {
    width: 150px;
  }
  /* ---------------본문 end--------------- */
}

/* ---------------media screen end--------------- */