@charset "UTF-8";
.btn, .btn-r-xl-ol, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-ol, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-ol, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-ol, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-ol, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-s-xl-ol, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-s-lg-ol, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-s-md-ol, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-s-sm-ol, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-s-xs-ol, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-xl-ol, .btn-xl-sb, .btn-xl-wa, .btn-xl-de, .btn-xl-po, .btn-xl-nm, .btn-lg-ol, .btn-lg-sb, .btn-lg-wa, .btn-lg-de, .btn-lg-po, .btn-lg-nm, .btn-md-ol, .btn-md-sb, .btn-md-wa, .btn-md-de, .btn-md-po, .btn-md-nm, .btn-sm-ol, .btn-sm-sb, .btn-sm-wa, .btn-sm-de, .btn-sm-po, .btn-sm-nm, .btn-xs-ol, .btn-xs-sb, .btn-xs-wa, .btn-xs-de, .btn-xs-po, .btn-xs-nm, .btn-r-ol, .btn-r-sb, .btn-r-wa, .btn-r-de, .btn-r-po, .btn-r-nm, .btn-s-ol, .btn-s-sb, .btn-s-wa, .btn-s-de, .btn-s-po, .btn-s-nm, .btn-r-xl, .btn-r-lg, .btn-r-md, .btn-r-sm, .btn-r-xs, .btn-s-xl, .btn-s-lg, .btn-s-md, .btn-s-sm, .btn-s-xs, .btn-ol, .btn-r-xl-ol, .btn-r-lg-ol, .btn-r-md-ol, .btn-r-sm-ol, .btn-r-xs-ol, .btn-sb, .btn-r-xl-sb, .btn-r-lg-sb, .btn-r-md-sb, .btn-r-sm-sb, .btn-r-xs-sb, .btn-wa, .btn-r-xl-wa, .btn-r-lg-wa, .btn-r-md-wa, .btn-r-sm-wa, .btn-r-xs-wa, .btn-de, .btn-r-xl-de, .btn-r-lg-de, .btn-r-md-de, .btn-r-sm-de, .btn-po, .btn-r-xl-po, .btn-r-lg-po, .btn-r-md-po, .btn-r-sm-po, .btn-nm, .btn-r-xl-nm, .btn-r-lg-nm, .btn-r-md-nm, .btn-r-sm-nm, .btn-xl, .btn-r-xl-ol, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-lg, .btn-r-lg-ol, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-md, .btn-r-md-ol, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-sm, .btn-r-sm-ol, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-xs, .btn-r-xs-ol, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r, .btn-r-xl-ol, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-ol, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-ol, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-ol, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-ol, .btn-r-xs-sb, .btn-r-xs-wa, .btn-s {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-family: inherit;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 1;
}

.btn-s, .btn-s-xl-ol, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-s-lg-ol, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-s-md-ol, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-s-sm-ol, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-s-xs-ol, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-s-ol, .btn-s-sb, .btn-s-wa, .btn-s-de, .btn-s-po, .btn-s-nm, .btn-s-xl, .btn-s-lg, .btn-s-md, .btn-s-sm, .btn-s-xs {
  border-radius: 0.4rem;
}

.btn-r, .btn-r-xl-ol, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-r-lg-ol, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-r-md-ol, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-r-sm-ol, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-r-xs-ol, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-r-ol, .btn-r-sb, .btn-r-wa, .btn-r-de, .btn-r-po, .btn-r-nm, .btn-r-xl, .btn-r-lg, .btn-r-md, .btn-r-sm, .btn-r-xs {
  color: #FF6A0D;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.btn-xs, .btn-r-xs-ol, .btn-r-xs-sb, .btn-r-xs-wa, .btn-r-xs-de, .btn-r-xs-po, .btn-r-xs-nm, .btn-s-xs-ol, .btn-s-xs-sb, .btn-s-xs-wa, .btn-s-xs-de, .btn-s-xs-po, .btn-s-xs-nm, .btn-xs-ol, .btn-xs-sb, .btn-xs-wa, .btn-xs-de, .btn-xs-po, .btn-xs-nm, .btn-r-xs, .btn-s-xs {
  height: 3rem;
  font-size: 1.4rem;
  padding: 0rem 1.5rem;
}

.btn-sm, .btn-r-sm-ol, .btn-r-sm-sb, .btn-r-sm-wa, .btn-r-sm-de, .btn-r-sm-po, .btn-r-sm-nm, .btn-s-sm-ol, .btn-s-sm-sb, .btn-s-sm-wa, .btn-s-sm-de, .btn-s-sm-po, .btn-s-sm-nm, .btn-sm-ol, .btn-sm-sb, .btn-sm-wa, .btn-sm-de, .btn-sm-po, .btn-sm-nm, .btn-r-sm, .btn-s-sm {
  height: 4rem;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
}

.btn-md, .btn-r-md-ol, .btn-r-md-sb, .btn-r-md-wa, .btn-r-md-de, .btn-r-md-po, .btn-r-md-nm, .btn-s-md-ol, .btn-s-md-sb, .btn-s-md-wa, .btn-s-md-de, .btn-s-md-po, .btn-s-md-nm, .btn-md-ol, .btn-md-sb, .btn-md-wa, .btn-md-de, .btn-md-po, .btn-md-nm, .btn-r-md, .btn-s-md {
  height: 5rem;
  font-size: max(0.8333vw, 1.4rem);
  padding: 1rem 2rem;
}

.btn-lg, .btn-r-lg-ol, .btn-r-lg-sb, .btn-r-lg-wa, .btn-r-lg-de, .btn-r-lg-po, .btn-r-lg-nm, .btn-s-lg-ol, .btn-s-lg-sb, .btn-s-lg-wa, .btn-s-lg-de, .btn-s-lg-po, .btn-s-lg-nm, .btn-lg-ol, .btn-lg-sb, .btn-lg-wa, .btn-lg-de, .btn-lg-po, .btn-lg-nm, .btn-r-lg, .btn-s-lg {
  height: 6rem;
  font-size: max(0.94vw, 1.6rem);
  padding: 1.8rem 2rem 1.9rem;
  min-width: min(12rem, 16vw);
  border-radius: 0.4rem;
}

.btn-xl, .btn-r-xl-ol, .btn-r-xl-sb, .btn-r-xl-wa, .btn-r-xl-de, .btn-r-xl-po, .btn-r-xl-nm, .btn-s-xl-ol, .btn-s-xl-sb, .btn-s-xl-wa, .btn-s-xl-de, .btn-s-xl-po, .btn-s-xl-nm, .btn-xl-ol, .btn-xl-sb, .btn-xl-wa, .btn-xl-de, .btn-xl-po, .btn-xl-nm, .btn-r-xl, .btn-s-xl {
  height: 7.2rem;
  font-size: max(1.46vw, 2.2rem);
  padding: 1.8rem 4.8rem 1.9rem;
  border-radius: 0.4rem;
}

.btn-po, .btn-r-xl-po, .btn-r-lg-po, .btn-r-md-po, .btn-r-sm-po, .btn-r-xs-po, .btn-s-xl-po, .btn-s-lg-po, .btn-s-md-po, .btn-s-sm-po, .btn-s-xs-po, .btn-xl-po, .btn-lg-po, .btn-md-po, .btn-sm-po, .btn-xs-po, .btn-r-po, .btn-s-po {
  background: #FF6A0D;
  color: #ffffff;
  border-color: transparent;
}
.btn-po:hover, .btn-r-xl-po:hover, .btn-r-lg-po:hover, .btn-r-md-po:hover, .btn-r-sm-po:hover, .btn-r-xs-po:hover, .btn-s-xl-po:hover, .btn-s-lg-po:hover, .btn-s-md-po:hover, .btn-s-sm-po:hover, .btn-s-xs-po:hover, .btn-xl-po:hover, .btn-lg-po:hover, .btn-md-po:hover, .btn-sm-po:hover, .btn-xs-po:hover, .btn-r-po:hover, .btn-s-po:hover {
  background: rgb(217, 83.3925619835, 0);
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #FF6A0D;
}

.btn-nm, .btn-r-xl-nm, .btn-r-lg-nm, .btn-r-md-nm, .btn-r-sm-nm, .btn-r-xs-nm, .btn-s-xl-nm, .btn-s-lg-nm, .btn-s-md-nm, .btn-s-sm-nm, .btn-s-xs-nm, .btn-xl-nm, .btn-lg-nm, .btn-md-nm, .btn-sm-nm, .btn-xs-nm, .btn-r-nm, .btn-s-nm {
  background: #ffffff;
  color: #333333;
  border: 1px solid #dddddd;
}
.btn-nm:hover, .btn-r-xl-nm:hover, .btn-r-lg-nm:hover, .btn-r-md-nm:hover, .btn-r-sm-nm:hover, .btn-r-xs-nm:hover, .btn-s-xl-nm:hover, .btn-s-lg-nm:hover, .btn-s-md-nm:hover, .btn-s-sm-nm:hover, .btn-s-xs-nm:hover, .btn-xl-nm:hover, .btn-lg-nm:hover, .btn-md-nm:hover, .btn-sm-nm:hover, .btn-xs-nm:hover, .btn-r-nm:hover, .btn-s-nm:hover, .btn-nm:focus, .btn-r-xl-nm:focus, .btn-r-lg-nm:focus, .btn-r-md-nm:focus, .btn-r-sm-nm:focus, .btn-r-xs-nm:focus, .btn-s-xl-nm:focus, .btn-s-lg-nm:focus, .btn-s-md-nm:focus, .btn-s-sm-nm:focus, .btn-s-xs-nm:focus, .btn-xl-nm:focus, .btn-lg-nm:focus, .btn-md-nm:focus, .btn-sm-nm:focus, .btn-xs-nm:focus, .btn-r-nm:focus, .btn-s-nm:focus {
  border-color: #FF6A0D;
  color: #FF6A0D;
  font-weight: 500;
}

.btn-ol, .btn-r-xl-ol, .btn-r-lg-ol, .btn-r-md-ol, .btn-r-sm-ol, .btn-r-xs-ol, .btn-s-xl-ol, .btn-s-lg-ol, .btn-s-md-ol, .btn-s-sm-ol, .btn-s-xs-ol, .btn-xl-ol, .btn-lg-ol, .btn-md-ol, .btn-sm-ol, .btn-xs-ol, .btn-r-ol, .btn-s-ol {
  background: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.btn-ol:hover, .btn-r-xl-ol:hover, .btn-r-lg-ol:hover, .btn-r-md-ol:hover, .btn-r-sm-ol:hover, .btn-r-xs-ol:hover, .btn-s-xl-ol:hover, .btn-s-lg-ol:hover, .btn-s-md-ol:hover, .btn-s-sm-ol:hover, .btn-s-xs-ol:hover, .btn-xl-ol:hover, .btn-lg-ol:hover, .btn-md-ol:hover, .btn-sm-ol:hover, .btn-xs-ol:hover, .btn-r-ol:hover, .btn-s-ol:hover, .btn-ol:focus, .btn-r-xl-ol:focus, .btn-r-lg-ol:focus, .btn-r-md-ol:focus, .btn-r-sm-ol:focus, .btn-r-xs-ol:focus, .btn-s-xl-ol:focus, .btn-s-lg-ol:focus, .btn-s-md-ol:focus, .btn-s-sm-ol:focus, .btn-s-xs-ol:focus, .btn-xl-ol:focus, .btn-lg-ol:focus, .btn-md-ol:focus, .btn-sm-ol:focus, .btn-xs-ol:focus, .btn-r-ol:focus, .btn-s-ol:focus {
  background: #ffffff;
  color: #333333;
  font-weight: 500;
}

.btn-de, .btn-r-xl-de, .btn-r-lg-de, .btn-r-md-de, .btn-r-sm-de, .btn-r-xs-de, .btn-s-xl-de, .btn-s-lg-de, .btn-s-md-de, .btn-s-sm-de, .btn-s-xs-de, .btn-xl-de, .btn-lg-de, .btn-md-de, .btn-sm-de, .btn-xs-de, .btn-r-de, .btn-s-de {
  background: #333333;
  color: #ffffff;
  border: 1px solid #333333;
}
.btn-de:hover, .btn-r-xl-de:hover, .btn-r-lg-de:hover, .btn-r-md-de:hover, .btn-r-sm-de:hover, .btn-r-xs-de:hover, .btn-s-xl-de:hover, .btn-s-lg-de:hover, .btn-s-md-de:hover, .btn-s-sm-de:hover, .btn-s-xs-de:hover, .btn-xl-de:hover, .btn-lg-de:hover, .btn-md-de:hover, .btn-sm-de:hover, .btn-xs-de:hover, .btn-r-de:hover, .btn-s-de:hover, .btn-de:focus, .btn-r-xl-de:focus, .btn-r-lg-de:focus, .btn-r-md-de:focus, .btn-r-sm-de:focus, .btn-r-xs-de:focus, .btn-s-xl-de:focus, .btn-s-lg-de:focus, .btn-s-md-de:focus, .btn-s-sm-de:focus, .btn-s-xs-de:focus, .btn-xl-de:focus, .btn-lg-de:focus, .btn-md-de:focus, .btn-sm-de:focus, .btn-xs-de:focus, .btn-r-de:focus, .btn-s-de:focus {
  background: #222222;
  font-weight: 500;
  color: #ffffff;
}

.btn-er {
  background: rgb(217, 83.3925619835, 0);
  color: #ffffff;
  border: 1px solid rgb(217, 83.3925619835, 0);
}
.btn-er:hover, .btn-er:focus {
  background: rgb(191.5, 73.5929752066, 0);
  border-color: rgb(191.5, 73.5929752066, 0);
  font-weight: 500;
  color: #ffffff;
}

.btn-sb, .btn-r-xl-sb, .btn-r-lg-sb, .btn-r-md-sb, .btn-r-sm-sb, .btn-r-xs-sb, .btn-s-xl-sb, .btn-s-lg-sb, .btn-s-md-sb, .btn-s-sm-sb, .btn-s-xs-sb, .btn-xl-sb, .btn-lg-sb, .btn-md-sb, .btn-sm-sb, .btn-xs-sb, .btn-r-sb, .btn-s-sb {
  background: #F3FF4E;
  color: #ffffff;
  border: 1px solid #F3FF4E;
}
.btn-sb:hover, .btn-r-xl-sb:hover, .btn-r-lg-sb:hover, .btn-r-md-sb:hover, .btn-r-sm-sb:hover, .btn-r-xs-sb:hover, .btn-s-xl-sb:hover, .btn-s-lg-sb:hover, .btn-s-md-sb:hover, .btn-s-sm-sb:hover, .btn-s-xs-sb:hover, .btn-xl-sb:hover, .btn-lg-sb:hover, .btn-md-sb:hover, .btn-sm-sb:hover, .btn-xs-sb:hover, .btn-r-sb:hover, .btn-s-sb:hover, .btn-sb:focus, .btn-r-xl-sb:focus, .btn-r-lg-sb:focus, .btn-r-md-sb:focus, .btn-r-sm-sb:focus, .btn-r-xs-sb:focus, .btn-s-xl-sb:focus, .btn-s-lg-sb:focus, .btn-s-md-sb:focus, .btn-s-sm-sb:focus, .btn-s-xs-sb:focus, .btn-xl-sb:focus, .btn-lg-sb:focus, .btn-md-sb:focus, .btn-sm-sb:focus, .btn-xs-sb:focus, .btn-r-sb:focus, .btn-s-sb:focus {
  background: rgb(241.2711864407, 255, 52.5);
  color: #ffffff;
  font-weight: 500;
  border-color: rgb(241.2711864407, 255, 52.5);
}

button:disabled {
  background: #f5f5f5;
  border-color: #eeeeee;
  color: #dddddd;
  pointer-events: none;
}

/* 버튼 */
/* 기본 인풋 세팅값 */
input[type=text],
input[type=password],
input[type=number],
input[type=date],
input[type=time] {
  height: 5rem;
  line-height: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 100%;
  outline: none;
  font-family: "Pretendard", sans-serif;
  font-size: max(0.8333vw, 1.4rem);
  color: #333333;
  border: none;
  font-weight: 300;
  box-shadow: 0 0 0 1px #eeeeee inset;
  padding: 0 min(4vw, 2rem);
}
input[type=text]::placeholder,
input[type=password]::placeholder,
input[type=number]::placeholder,
input[type=date]::placeholder,
input[type=time]::placeholder {
  color: #999999;
  font-weight: 300;
  font-size: max(0.8333vw, 1.4rem);
  line-height: 1;
}
input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled,
input[type=date]:disabled,
input[type=time]:disabled {
  background: #f8f8f8;
}
input[type=text]:disabled::placeholder,
input[type=password]:disabled::placeholder,
input[type=number]:disabled::placeholder,
input[type=date]:disabled::placeholder,
input[type=time]:disabled::placeholder {
  color: #dddddd;
  font-weight: 300;
}
input[type=text]:focus-within,
input[type=password]:focus-within,
input[type=number]:focus-within,
input[type=date]:focus-within,
input[type=time]:focus-within {
  outline: 1px solid #dddddd;
}
input[type=text]:required,
input[type=password]:required,
input[type=number]:required,
input[type=date]:required,
input[type=time]:required {
  border-color: #FF6A0D;
  background: rgba(255, 106, 13, 0.1);
}

input[type=time] {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 3.37207C8.4491 3.37213 8.81348 3.7364 8.81348 4.18555V7.1875H12.5312C12.9802 7.18775 13.3438 7.55195 13.3438 8.00098C13.3435 8.44982 12.98 8.8142 12.5312 8.81445H8C7.55099 8.81445 7.18675 8.44998 7.18652 8.00098V4.18555C7.18652 3.73636 7.55085 3.37207 8 3.37207Z' fill='%23DDDDDD'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.99902 0C12.4107 0 16 3.58875 16 8C16 12.4113 12.4099 16 7.99902 16C3.58828 15.9998 0 12.4112 0 8C4.98929e-08 3.58884 3.58828 0.00016106 7.99902 0ZM7.99902 1.62695C4.48533 1.62711 1.62695 4.48609 1.62695 8C1.62695 11.5139 4.48533 14.3729 7.99902 14.373C11.5136 14.373 14.373 11.514 14.373 8C14.373 4.48599 11.5129 1.62695 7.99902 1.62695Z' fill='%23DDDDDD'/%3E%3C/svg%3E") no-repeat calc(100% - 2rem) 50%/auto;
}
input[type=time]::-webkit-calendar-picker-indicator, input[type=time]::-webkit-inner-spin-button {
  opacity: 0;
  appearance: none;
}

button {
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

select {
  outline: 0;
  cursor: pointer;
  font-size: max(0.8333vw, 1.4rem);
  height: 5rem;
  width: 100%;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0 min(3vw, 2rem);
  vertical-align: middle;
  text-align: left;
  border-radius: 0;
  background-color: #ffffff;
  border: none;
  box-shadow: 0 0 0 1px #eeeeee inset;
}
select::placeholder {
  color: #999999;
  font-weight: 300;
  font-size: max(0.8333vw, 1.4rem);
  line-height: 1;
}
select:focus-within {
  outline: 1px solid #dddddd;
}
select:disabled {
  background: #f8f8f8;
}
select:disabled::placeholder {
  color: #dddddd;
  font-weight: 300;
}

/* input placeholder 세팅 */
input[type=text]::-webkit-input-placeholder, input[type=text]::-moz-placeholder, input[type=text]:-ms-input-placeholder, input[type=text]:-moz-placeholder, input[type=password]::-webkit-input-placeholder, input[type=password]::-moz-placeholder, input[type=password]:-ms-input-placeholder, input[type=password]:-moz-placeholder {
  color: var(--black-color05);
}

/* 텍스트박스 */
textarea {
  margin: 0;
  padding: min(4vw, 2rem) min(4vw, 2rem);
  vertical-align: middle;
  width: 100%;
  text-align: left;
  resize: none;
  border: none;
  outline: none;
  font-size: max(0.8333vw, 1.4rem);
  color: #333333;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px #eeeeee inset;
}
textarea::placeholder {
  color: #999999;
  font-weight: 300;
}
textarea:focus-within {
  outline: 1px solid #dddddd;
}

span:has(> input[type=checkbox], > input[type=radio]) {
  display: flex;
}

input[type=checkbox], input[type=radio] {
  display: none;
}

input[type=radio] + label {
  display: flex;
  align-items: center;
  line-height: 1.2;
  padding: 1rem 0;
  gap: 0.5rem;
  color: #777777;
  font-weight: 400;
  font-size: max(0.8333vw, 1.4rem);
  transition: all 300ms;
  word-break: keep-all;
  text-wrap-style: pretty;
}
input[type=radio] + label::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 10rem;
  flex-shrink: 0;
  outline: 4px solid #fff;
  outline-offset: -5px;
  background: transparent;
  box-sizing: border-box;
  border: 2px solid #eeeeee;
  transition: all 300ms;
}
input[type=radio] + label:hover {
  color: #333333;
}
input[type=radio] + label:hover::before {
  background: #f5f5f5;
}
input[type=radio]:checked + label::before {
  background-color: #ff6a0d;
  border-color: #FF6A0D;
}

input[type=checkbox] + label {
  display: flex;
  align-items: center;
  line-height: 1.2;
  padding: 1rem 0;
  gap: 0.5rem;
  color: #777777;
  font-weight: 400;
  font-size: max(0.8333vw, 1.4rem);
  transition: all 300ms;
  word-break: keep-all;
  text-wrap-style: pretty;
}
input[type=checkbox] + label::before {
  content: "";
  display: block;
  width: 2.2rem;
  aspect-ratio: 1/1;
  border-radius: 0.2rem;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  transition: all 300ms;
  background: #ffffff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.30359 0.282165C9.70002 -0.102262 10.3332 -0.0927012 10.7176 0.303649C11.1021 0.700089 11.0925 1.33323 10.6962 1.71771L4.50866 7.71771C4.12078 8.09384 3.50397 8.09384 3.11608 7.71771L0.303585 4.99017C-0.0926348 4.60568 -0.102283 3.97251 0.2821 3.57611C0.666597 3.17989 1.29977 3.17024 1.69616 3.55463L3.81237 5.60638L9.30359 0.282165Z' fill='%23ddd'/%3E%3C/svg%3E") no-repeat 50% 52%/70%;
}
input[type=checkbox] + label:hover {
  font-weight: 600;
}
input[type=checkbox] + label:hover::before {
  border-color: #ffc6a3;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.30359 0.282165C9.70002 -0.102262 10.3332 -0.0927012 10.7176 0.303649C11.1021 0.700089 11.0925 1.33323 10.6962 1.71771L4.50866 7.71771C4.12078 8.09384 3.50397 8.09384 3.11608 7.71771L0.303585 4.99017C-0.0926348 4.60568 -0.102283 3.97251 0.2821 3.57611C0.666597 3.17989 1.29977 3.17024 1.69616 3.55463L3.81237 5.60638L9.30359 0.282165Z' fill='%23ffc6a3'/%3E%3C/svg%3E");
}
input[type=checkbox]:checked + label {
  font-weight: 600;
}
input[type=checkbox]:checked + label::before {
  border-color: #FF6A0D;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.30359 0.282165C9.70002 -0.102262 10.3332 -0.0927012 10.7176 0.303649C11.1021 0.700089 11.0925 1.33323 10.6962 1.71771L4.50866 7.71771C4.12078 8.09384 3.50397 8.09384 3.11608 7.71771L0.303585 4.99017C-0.0926348 4.60568 -0.102283 3.97251 0.2821 3.57611C0.666597 3.17989 1.29977 3.17024 1.69616 3.55463L3.81237 5.60638L9.30359 0.282165Z' fill='%23FF6A0D'/%3E%3C/svg%3E");
}
input[type=checkbox]:checked + label:hover::before {
  border-color: rgb(217, 83.3925619835, 0);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='8' viewBox='0 0 11 8' fill='none'%3E%3Cpath d='M9.30359 0.282165C9.70002 -0.102262 10.3332 -0.0927012 10.7176 0.303649C11.1021 0.700089 11.0925 1.33323 10.6962 1.71771L4.50866 7.71771C4.12078 8.09384 3.50397 8.09384 3.11608 7.71771L0.303585 4.99017C-0.0926348 4.60568 -0.102283 3.97251 0.2821 3.57611C0.666597 3.17989 1.29977 3.17024 1.69616 3.55463L3.81237 5.60638L9.30359 0.282165Z' fill='%23e75900'/%3E%3C/svg%3E");
}

/* 셀렉트 화살표 */
.selArea {
  position: relative;
  width: 100%;
}
.selArea label {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  right: min(3vw, 2rem);
  top: calc(50% - 0.9rem);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23999'/%3E%3C/svg%3E") no-repeat center center/contain;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  border-radius: 100rem;
  transition: transform 500ms;
}
.selArea:has(select:focus-within) label {
  transform: rotate(90deg);
}
.selArea select {
  font-size: min(7vw, 1.6rem);
  width: 100%;
  padding: 0 min(3vw, 2rem);
  border-radius: 0.3rem;
  box-shadow: 0 0 0 1px #eeeeee inset;
  box-sizing: border-box;
  font-weight: 300;
}

/* 파일추가 */
.view_addFile dl {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  align-items: center;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: max(0.8333vw, 1.4rem);
}
.view_addFile dl dt, .view_addFile dl dd {
  padding: 1.3rem 2rem;
  box-sizing: border-box;
  color: #333333;
  width: 100%;
}
.view_addFile dl dt {
  background: #f8f8f8;
  max-width: 16rem;
  text-align: center;
  font-weight: 600;
}
.view_addFile dl dd {
  color: #777777;
}

.write_addFile {
  box-shadow: 0 0 0 1px #eeeeee inset;
  box-sizing: border-box;
  color: #999999;
  font-weight: 400;
}
.write_addFile dl {
  align-items: center;
  display: flex;
  font-size: max(0.8333vw, 1.4rem);
  align-items: stretch;
  gap: 0;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.write_addFile dl dt, .write_addFile dl dd {
  box-sizing: border-box;
  color: #333333;
  width: 100%;
  border-radius: 0;
}
.write_addFile dl dt {
  background: #f8f8f8;
  max-width: 16rem;
  text-align: center;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.write_addFile dl dd {
  color: #777777;
}
.write_addFile .fileForm {
  display: flex;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.write_addFile .fileForm .file-display {
  padding: 0 4vw;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.write_addFile .fileForm #file1 {
  overflow: visible;
  height: 0;
  width: 0;
  clip-path: inset(100% 100% 100% 100%);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.write_addFile .fileForm #file_view {
  box-sizing: border-box;
  padding: 1rem;
  border: none;
  box-shadow: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  max-width: 60rem;
  display: inline-block;
}
.write_addFile .fileForm .file-find {
  height: 5rem;
  box-sizing: border-box;
  min-width: 12rem;
  font-size: 1.6rem;
  background: #FF6A0D;
  color: #ffffff;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  padding: 1rem 2rem;
  transition: all 300ms;
  flex-shrink: 0;
  gap: 0.6rem;
  margin-left: auto;
}
.write_addFile .fileForm .file-find i {
  width: 2rem;
  height: 2rem;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M3.32422 4.32397C7.77027 -0.121939 14.9788 -0.122025 19.4248 4.32397C21.5828 6.439 22.748 9.33093 22.748 12.3523C22.748 14.9319 21.848 17.3825 20.2627 19.364L23.957 23.0574L22.1006 24.9138L18.3887 21.2019C16.3168 22.8421 13.8561 23.7048 11.3525 23.7048C8.46062 23.7048 5.52562 22.5828 3.32422 20.3816C1.16595 18.2665 0 15.3739 0 12.3523C6.16297e-05 9.3308 1.166 6.48219 3.32422 4.32397ZM11.3525 3.67651C9.10793 3.67651 6.90631 4.53994 5.17969 6.22339C3.53967 7.86355 2.63293 10.0646 2.63281 12.3953C2.63281 14.7261 3.53953 16.9278 5.17969 18.5681C8.58976 21.9782 14.1153 21.9782 17.5254 18.5681C19.1655 16.9279 20.0723 14.7261 20.0723 12.3953C20.0722 10.0646 19.1654 7.86354 17.5254 6.22339C15.8419 4.53994 13.5971 3.67652 11.3525 3.67651Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center/80%;
}

.form-set .dash {
  display: inline-block;
  margin: 0 min(2vw, 0.4rem);
  color: #777777;
  font-weight: 300;
}
.form-set dl dt i.imp {
  color: #e01f11;
  display: inline-block;
  margin-left: 0.1rem;
}
.form-set dl dd.ip-tooltip .ip-cau {
  display: block;
}
.form-set dl dd.ip-faild input[type=text], .form-set dl dd.ip-faild input[type=password] {
  border: 1px solid #e01f11;
  background-color: rgba(224, 31, 17, 0.08);
}
.form-set dl dd.ip-faild input[type=text]::placeholder, .form-set dl dd.ip-faild input[type=password]::placeholder {
  color: #e01f11;
}
.form-set dl dd.ip-faild .ip-cau {
  color: #e01f11;
  display: block;
}
.form-set dl dd.ip-faild .ip-cau::before {
  background-color: #e01f11;
}
.form-set dl dd.set-complete {
  position: relative;
  pointer-events: none;
}
.form-set dl dd.set-complete::after {
  content: attr(data-complete);
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: grayscale(1) blur(2px);
  position: absolute;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.form-set dl.join-email dd {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-set dl.join-call dd {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.form-set dl.join-call dd .set-flex {
  gap: 1rem;
}
.form-set dl.join-call dd .join-timer {
  width: 100%;
  position: relative;
}
.form-set dl.join-call dd .join-timer p {
  position: absolute;
  font-size: min(4vw, 1.4rem);
  color: #999999;
  font-weight: 300;
  rotate: -0.03deg;
  right: min(4vw, 1.4rem);
  top: 50%;
  transform: translateY(-50%);
}
.form-set dl.join-call dd button {
  flex-shrink: 0;
}
.form-write {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.form-write textarea {
  min-height: 20vh;
}
.form-join {
  display: flex;
  flex-direction: column;
  gap: min(2rem, 4vw);
}
.form-join dl {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}
.form-join dl dt {
  color: #333333;
  font-size: 1.8rem;
  font-weight: 500;
}
.form-join dl dt i.imp {
  color: #e01f11;
  display: inline-block;
  margin-left: 0.1rem;
}
.form-join dl dd button {
  min-width: max(10vw, 12rem);
}

/* 마이페이지 정보수정 */
.join-lang .ch-lang ul {
  display: flex;
  gap: min(3vw, 1rem);
  width: 100%;
}
.join-lang .ch-lang ul li {
  padding: 4vw;
  border: 1px solid #dddddd;
  border-radius: min(1vw, 0.4rem);
  color: #777777;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.join-lang .ch-lang ul li > div {
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  position: relative;
}
.join-lang .ch-lang ul li > div span {
  display: flex;
  align-items: center;
  font-size: min(4.5vw, 1.6rem);
}
.join-lang .ch-lang ul li > div span i {
  width: min(5vw, 2.4rem);
  aspect-ratio: 1/1;
  display: block;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M7.99977 0.5C8.02105 0.5 8.04164 0.5 8.06292 0.500463H8.07056C8.09947 0.501157 8.12793 0.502315 8.15615 0.503934V0.500463L8.29194 0.505322C10.5953 0.588138 12.7535 1.6673 14.2127 3.46566C14.3275 3.60631 14.4406 3.75575 14.5488 3.90982C15.439 5.17543 15.9389 6.66173 15.9947 8.20794C15.9981 8.30834 16 8.40666 16 8.49988C16 8.59311 15.9981 8.69004 15.9947 8.79229C15.9389 10.3383 15.439 11.8246 14.5486 13.0906C14.442 13.2431 14.3288 13.3925 14.2127 13.535C12.7537 15.3329 10.5956 16.4116 8.29241 16.4947C8.22925 16.4968 8.15499 16.4988 8.07865 16.4991C8.07241 16.4995 8.06732 16.4995 8.06477 16.4995C8.0421 16.5 8.02128 16.5 8 16.5C7.97872 16.5 7.95674 16.5 7.93615 16.4995H7.9343C7.9306 16.4995 7.92551 16.4995 7.91926 16.4988C7.89451 16.4984 7.8693 16.4972 7.84408 16.4961V16.4995L7.70829 16.4947C5.40536 16.4119 3.24724 15.3332 1.78706 13.5353C1.66861 13.3888 1.55572 13.2396 1.45139 13.0911C0.560987 11.825 0.0610733 10.3387 0.00532246 8.79252C0.00162125 8.68911 9.53674e-07 8.59357 9.53674e-07 8.50012C9.53674e-07 8.40666 0.00185204 8.3095 0.00532246 8.20818C0.0610733 6.66219 0.560987 5.17589 1.45139 3.90982C1.55503 3.76177 1.66815 3.61209 1.78706 3.46566C3.24678 1.6673 5.40489 0.588138 7.70829 0.505322L7.84408 0.500463V0.503934C7.8693 0.502545 7.89428 0.50162 7.91903 0.501158C7.92644 0.500463 7.93199 0.500463 7.935 0.500463C7.95697 0.5 7.97895 0.5 8.00023 0.5H7.99977ZM7.58152 1.35731C7.27037 1.42764 6.9583 1.57754 6.6534 1.80332L6.60344 1.8401C6.59025 1.85005 6.57568 1.86161 6.56064 1.87387C5.8398 2.44619 5.23139 3.36896 4.79417 4.54968C4.96813 4.58831 5.14163 4.62347 5.30982 4.65355C6.04315 4.78679 6.80678 4.86429 7.58152 4.88418V1.35708V1.35731ZM11.2051 4.54991C10.7695 3.36989 10.1614 2.44711 9.44098 1.87549C9.41021 1.8512 9.37922 1.82691 9.34798 1.80424C9.04124 1.57823 8.72893 1.4281 8.41872 1.35754V4.88418C9.19484 4.86383 9.95824 4.78656 10.6895 4.65401C10.8604 4.62301 11.0337 4.58785 11.2051 4.54968V4.54991ZM13.3989 3.80479C12.6618 2.95743 11.7453 2.29952 10.7175 1.87734C11.2822 2.51188 11.7606 3.33982 12.1196 4.30794C12.5876 4.16289 13.0167 3.99402 13.3991 3.80479H13.3989ZM3.88086 4.30794C4.23989 3.33982 4.71829 2.51212 5.28229 1.87758C4.25447 2.29999 3.33769 2.95766 2.60043 3.80433C2.98213 3.99356 3.41172 4.16243 3.88086 4.30771V4.30794ZM3.62848 5.07966C3.06472 4.90338 2.55023 4.69403 2.09543 4.45599C1.35631 5.53168 0.928577 6.77994 0.853625 8.08164H3.17437C3.20583 7.06864 3.34949 6.09081 3.60187 5.17381C3.61067 5.14235 3.61969 5.11112 3.62848 5.07989V5.07966ZM15.1461 8.08164C15.071 6.78017 14.6435 5.53191 13.9043 4.45622C13.45 4.69449 12.9357 4.90385 12.3718 5.07943C12.3808 5.11042 12.3896 5.14165 12.3981 5.17311C12.6505 6.09104 12.7944 7.06887 12.8259 8.08187H15.1461V8.08164ZM11.8718 8.08164C11.8401 7.13642 11.7032 6.21943 11.4642 5.35355C11.4617 5.3443 11.4591 5.33505 11.4564 5.32579C11.4411 5.32926 11.4261 5.33273 11.4108 5.3362C11.2391 5.3753 11.0559 5.41277 10.8665 5.44771C10.0825 5.59113 9.25961 5.67395 8.41848 5.69454V8.08187H11.8716L11.8718 8.08164ZM7.58152 5.69477C6.73668 5.67395 5.91383 5.5909 5.13377 5.44771C4.94847 5.41393 4.76525 5.37669 4.58921 5.33644C4.57417 5.33297 4.55914 5.3295 4.54387 5.32603C4.54155 5.33435 4.53924 5.34245 4.53693 5.35078C4.29634 6.22012 4.15962 7.13735 4.12932 8.08164H7.58175V5.69477H7.58152ZM0.853625 8.91882C0.92904 10.2205 1.35678 11.469 2.09589 12.5445C2.55116 12.3062 3.06564 12.0968 3.62871 11.921C3.61992 11.8898 3.61113 11.8583 3.60234 11.8269C3.34995 10.9094 3.20606 9.93182 3.1746 8.91859H0.853393L0.853625 8.91882ZM4.12908 8.91882C4.15985 9.86474 4.29657 10.782 4.536 11.6469C4.53855 11.6562 4.54109 11.6652 4.54364 11.6744C4.55914 11.671 4.5744 11.6675 4.5899 11.664C4.7641 11.6247 4.94708 11.5875 5.13354 11.553C5.9166 11.4098 6.73923 11.3267 7.58152 11.3059V8.91906H4.12932L4.12908 8.91882ZM8.41872 8.91882V11.3062C9.26424 11.3272 10.0859 11.41 10.866 11.5528C11.0494 11.5861 11.2329 11.6235 11.4108 11.664C11.4258 11.6675 11.4411 11.671 11.4561 11.6744C11.4587 11.6656 11.461 11.6569 11.4635 11.6478C11.7027 10.7806 11.8395 9.86335 11.8705 8.91882H8.41872ZM12.8254 8.91882C12.7944 9.9302 12.6507 10.9078 12.3977 11.8267C12.3889 11.8581 12.3801 11.8893 12.3713 11.9206C12.9348 12.0964 13.4491 12.3057 13.9036 12.5438C14.6428 11.4683 15.0705 10.2201 15.1459 8.91859H12.8252L12.8254 8.91882ZM7.58152 12.1156C6.804 12.1359 6.0406 12.2134 5.31028 12.3462C5.12614 12.3798 4.95703 12.4138 4.79417 12.4506C5.23209 13.6322 5.84165 14.5557 6.5618 15.1273L6.59742 15.155L6.6534 15.1967C6.94465 15.4125 7.24307 15.5592 7.54173 15.6337L7.54404 15.6314L7.58152 15.6413V12.1156ZM11.2047 12.4503C11.03 12.4115 10.8565 12.3765 10.6893 12.3467C9.95824 12.2137 9.19507 12.1364 8.41848 12.1165V15.6425C8.7287 15.5719 9.04077 15.4218 9.34683 15.1965C9.37852 15.1731 9.40975 15.1488 9.44052 15.1247C10.1609 14.5531 10.7691 13.6303 11.2044 12.4506L11.2047 12.4503ZM13.3989 13.1954C13.0181 13.0067 12.589 12.8378 12.1191 12.6925C11.7608 13.6602 11.2826 14.4877 10.7179 15.1224C11.7455 14.6998 12.6621 14.0421 13.3991 13.1954H13.3989ZM5.28252 15.1224C4.71806 14.4879 4.23989 13.6602 3.88086 12.6925C3.41241 12.8376 2.98329 13.0064 2.60135 13.1957C3.33769 14.0421 4.25401 14.6998 5.28252 15.1227V15.1224Z' fill='%23777'/%3E%3C/svg%3E") no-repeat center center/contain;
  margin-right: 1vw;
}
.join-lang .ch-lang ul li > div span:last-of-type::before {
  content: "";
  display: inline-block;
  margin: 0 2vw;
  width: 1px;
  height: min(3vw, 1.4rem);
  background: #d5d5d5;
}

.join-company .ch-company ul {
  display: flex;
  flex-direction: column;
  gap: min(3vw, 1rem);
}
.join-company .ch-company ul li {
  padding: 4vw;
  border: 1px solid #dddddd;
  border-radius: min(1vw, 0.4rem);
  color: #777777;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.join-company .ch-company ul li:has(button:hover) {
  border-color: #FF6A0D;
}
.join-company .ch-company ul li > div {
  display: flex;
  align-items: center;
  gap: 2vw;
}
.join-company .ch-company ul li > div i.symbol {
  width: 9vw;
  aspect-ratio: 1/1;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.join-company .ch-company ul li > div dl {
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.join-company .ch-company ul li > div dl dt {
  font-size: min(4.2vw, 2rem);
  font-weight: 700;
  color: #333333;
  word-break: keep-all;
  text-wrap-style: pretty;
  line-height: 1.2;
}
.join-company .ch-company ul li > div dl dd {
  font-size: min(4vw, 1.6rem);
  color: #999999;
  font-weight: 400;
}

@media screen and (max-width: 335px) {
  .join-lang :is(.ch-lang, .ch-company) ul li, .join-company :is(.ch-lang, .ch-company) ul li {
    flex-direction: column;
    align-items: baseline;
    gap: 2vw;
  }
  .join-lang :is(.ch-lang, .ch-company) ul li > div dl, .join-company :is(.ch-lang, .ch-company) ul li > div dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .join-lang :is(.ch-lang, .ch-company) ul li > div dl dd, .join-company :is(.ch-lang, .ch-company) ul li > div dl dd {
    line-height: 1.2;
  }
  .join-lang :is(.ch-lang, .ch-company) ul li button, .join-company :is(.ch-lang, .ch-company) ul li button {
    width: 100%;
  }
}
/* 폼 */
.table-set .rcm-text p {
  color: #333333;
}
.table-set .rcm-text p b {
  font-weight: 500;
}
.table-set .rcm-text p span.value-up {
  font-weight: 500;
  color: #F3FF4E;
}
.table-set .rcm-text p span.value-down {
  font-weight: 500;
  color: #FF6A0D;
}
.table-set table {
  text-align: center;
  font-family: "Pretendard", sans-serif;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative;
}
.table-set table caption {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  height: 0;
  width: 0;
}
.table-set table thead {
  background: #f8f8f8;
}
.table-set table thead tr th {
  font-size: max(0.94vw, 1.6rem);
  border-top: 2px solid #333333;
  height: 6rem;
  vertical-align: middle;
  color: #333333;
  font-weight: 500;
  padding: 0 2rem;
}
.table-set table thead tr th:not(:last-child), .table-set table thead tr td:not(:last-child) {
  border-right: 1px solid #eeeeee;
}
.table-set table tbody tr {
  border-bottom: 1px solid #eeeeee;
}
.table-set table tbody tr th, .table-set table tbody tr td {
  transition: all 100ms ease-in-out;
  font-size: max(0.8333vw, 1.4rem);
  color: #777777;
  height: 6rem;
  vertical-align: middle;
  padding: 2rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;
  background: #ffffff;
}
.table-set table tbody tr th:not(:last-child), .table-set table tbody tr td:not(:last-child) {
  border-right: 1px solid #eeeeee;
}
.table-set table tbody tr th strong, .table-set table tbody tr td strong {
  color: #333333;
  font-weight: 700;
}
.table-set table tbody tr th span.ans_comple, .table-set table tbody tr td span.ans_comple {
  color: #FF6A0D;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(255, 106, 13, 0.09);
  border-radius: 10rem;
}
.table-set table tbody tr th span.ans_comple_n, .table-set table tbody tr td span.ans_comple_n {
  color: #F3FF4E;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(243, 255, 78, 0.09);
  border-radius: 10rem;
}
.table-set table tbody tr th:has(a, i), .table-set table tbody tr td:has(a, i) {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.table-set table tbody tr th em, .table-set table tbody tr td em {
  border: 1px solid #FF6A0D;
  color: #FF6A0D;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  font-weight: 600;
  line-height: 1;
  font-size: max(0.8333vw, 1.4rem);
}
.table-set table tbody tr th a, .table-set table tbody tr td a {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: fit-content;
  overflow: hidden;
  display: block;
}
.table-set table tbody tr th i, .table-set table tbody tr td i {
  flex-shrink: 0;
}
@media screen and (min-width: 1025px) {
  .table-set table tbody tr:hover {
    background: #f8f8f8;
  }
  .table-set table tbody tr:hover td a {
    font-weight: 500;
    color: #333333;
  }
}
@media screen and (max-width: 960px) {
  .table-set table {
    display: block;
  }
  .table-set table thead {
    display: none;
  }
  .table-set table tbody {
    display: block;
  }
  .table-set table tbody tr {
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-bottom: 1px solid #eeeeee;
  }
  .table-set table tbody tr:first-child {
    border-top: 2px solid #333333;
  }
  .table-set table tbody tr td:not(.m_hide) {
    display: block;
    height: auto;
    text-align: left;
    border: unset;
    padding: 0;
    color: #999999;
  }
  .table-set table tbody tr td:not(.m_hide):has(a, i) {
    display: flex;
    align-items: center;
    font-size: 2rem;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #333333;
  }
  .table-set table tbody tr td::before {
    content: attr(data-title-label);
    display: inline-block;
    margin-right: 0.4rem;
    font-weight: 500;
    color: #333333;
  }
  .table-set table tbody tr td:not([data-title-label]) {
    font-weight: 500;
    color: #333333;
  }
  .table-set table tbody tr td:not([data-title-label])::before {
    display: none;
  }
}

.table-info {
  overflow: auto;
  border-radius: 2vw;
  padding: 2vw;
  background: #f8f8f8;
}
.table-info table {
  text-align: center;
  font-family: "Pretendard", sans-serif;
  table-layout: fixed;
  position: relative;
  min-width: 64rem;
}
.table-info table th, .table-info table td {
  text-wrap-style: pretty;
  word-break: keep-all;
}
.table-info table caption {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  height: 0;
  width: 0;
}
.table-info table tbody tr {
  border-collapse: collapse;
  border-bottom: 3vw solid transparent;
  font-size: max(1.6rem, 1.2vw);
}
.table-info table tbody tr:not(:first-child) {
  box-shadow: 0 -1px 0 0 #eeeeee;
}
.table-info table tbody tr th {
  color: #333333;
  font-weight: 600;
  font-family: "Paperlogy", sans-serif;
  padding: 2vw;
}
.table-info table tbody tr td {
  color: #777777;
  font-weight: 300;
  text-align: left;
  padding: 2vw max(2rem, 4vw);
}
.table-info table tbody tr th, .table-info table tbody tr td {
  transition: all 100ms ease-in-out;
  vertical-align: middle;
  letter-spacing: 0;
  line-height: 1.2;
  height: 6rem;
  word-break: keep-all;
  text-wrap-style: balance;
}
.table-info table tbody tr th:not(:last-child), .table-info table tbody tr td:not(:last-child) {
  border-right: 1px solid #eeeeee;
}
.table-info table tbody tr th strong, .table-info table tbody tr td strong {
  color: #333333;
  font-weight: 700;
}
.table-info table tbody tr th span.ans_comple, .table-info table tbody tr td span.ans_comple {
  color: #FF6A0D;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(255, 106, 13, 0.09);
  border-radius: 10rem;
}
.table-info table tbody tr th span.ans_comple_n, .table-info table tbody tr td span.ans_comple_n {
  color: #F3FF4E;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(243, 255, 78, 0.09);
  border-radius: 10rem;
}
.table-info table tbody tr th:has(a, i), .table-info table tbody tr td:has(a, i) {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.table-info table tbody tr th em, .table-info table tbody tr td em {
  border: 1px solid #FF6A0D;
  color: #FF6A0D;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  font-weight: 600;
  line-height: 1;
  font-size: max(0.8333vw, 1.4rem);
}
.table-info table tbody tr th a, .table-info table tbody tr td a {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: fit-content;
  overflow: hidden;
  display: block;
}
.table-info table tbody tr th i, .table-info table tbody tr td i {
  flex-shrink: 0;
}

.table-form table tr {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.table-form table th {
  text-align: left;
  color: #333333;
  background: #f8f8f8;
  padding: 2rem 3rem;
  font-weight: 600;
}
.table-form table th::after {
  content: "*";
  color: #e01f11;
  display: inline-block;
  margin-left: 0.1em;
  position: relative;
  top: -5px;
}
.table-form table th:has(em) {
  display: flex;
  gap: 0.2rem;
}
.table-form table th em {
  transform: translateY(-4px);
}
.table-form table td,
.table-form table th {
  vertical-align: baseline;
  font-size: max(0.94vw, 1.6rem);
  height: 8rem;
  vertical-align: middle;
  color: #333333;
}
.table-form table td {
  padding: 1.6rem;
}
.table-form table textarea {
  min-height: min(20vh, 24rem);
}
.table-form table .dash {
  display: inline-block;
  color: #999999;
  font-weight: 300;
}
.table-form table tr:has(textarea) th {
  vertical-align: top;
  padding-top: 3rem;
}
.table-form table .td-flex {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 1024px) {
  .table-form table colgroup {
    display: none;
  }
  .table-form table tr {
    display: grid;
    grid-template-columns: 1fr 2fr;
    border: none;
  }
  .table-form table th, .table-form table td {
    border-bottom: 1px solid #eeeeee;
    height: auto;
  }
  .table-form table th {
    display: flex;
    align-items: center;
  }
  .table-form table tr:has(textarea) th {
    align-items: baseline;
    padding-top: 3rem;
  }
}
@media screen and (max-width: 535px) {
  .table-form table tbody {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .table-form table tr {
    grid-template-columns: repeat(1, 1fr);
  }
  .table-form table th, .table-form table td {
    border-bottom: none;
  }
  .table-form table th {
    padding: 1rem 1.6rem;
    border: 1px solid #eeeeee;
    border-bottom: none;
  }
  .table-form table td {
    border: 1px solid #eeeeee;
  }
  .table-form table tr:has(textarea) th {
    align-items: center;
    padding-top: 1rem;
  }
  .table-form table th:nth-of-type(n+2) {
    margin-top: 1rem;
  }
}

/* 테이블 */
.board_search {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  margin: 2rem 0;
}
.board_search .selArea {
  max-width: 16rem;
  width: 100%;
  transition: width 300ms ease;
}
.board_search .bd_search {
  position: relative;
}
.board_search .bd_search input {
  padding-right: min(12vw, 5rem);
}
.board_search .bd_search .bd_search_btn {
  width: 2rem;
  aspect-ratio: 1/1;
  right: min(3vw, 2rem);
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M3.32422 4.32397C7.77027 -0.121939 14.9788 -0.122025 19.4248 4.32397C21.5828 6.439 22.748 9.33093 22.748 12.3523C22.748 14.9319 21.848 17.3825 20.2627 19.364L23.957 23.0574L22.1006 24.9138L18.3887 21.2019C16.3168 22.8421 13.8561 23.7048 11.3525 23.7048C8.46062 23.7048 5.52562 22.5828 3.32422 20.3816C1.16595 18.2665 0 15.3739 0 12.3523C6.16297e-05 9.3308 1.166 6.48219 3.32422 4.32397ZM11.3525 3.67651C9.10793 3.67651 6.90631 4.53994 5.17969 6.22339C3.53967 7.86355 2.63293 10.0646 2.63281 12.3953C2.63281 14.7261 3.53953 16.9278 5.17969 18.5681C8.58976 21.9782 14.1153 21.9782 17.5254 18.5681C19.1655 16.9279 20.0723 14.7261 20.0723 12.3953C20.0722 10.0646 19.1654 7.86354 17.5254 6.22339C15.8419 4.53994 13.5971 3.67652 11.3525 3.67651Z' fill='%23ddd'/%3E%3C/svg%3E") no-repeat center/contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 300ms ease;
}
.board_search .bd_search:hover .bd_search_btn, .board_search .bd_search:focus .bd_search_btn, .board_search .bd_search:focus-within .bd_search_btn {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M3.32422 4.32397C7.77027 -0.121939 14.9788 -0.122025 19.4248 4.32397C21.5828 6.439 22.748 9.33093 22.748 12.3523C22.748 14.9319 21.848 17.3825 20.2627 19.364L23.957 23.0574L22.1006 24.9138L18.3887 21.2019C16.3168 22.8421 13.8561 23.7048 11.3525 23.7048C8.46062 23.7048 5.52562 22.5828 3.32422 20.3816C1.16595 18.2665 0 15.3739 0 12.3523C6.16297e-05 9.3308 1.166 6.48219 3.32422 4.32397ZM11.3525 3.67651C9.10793 3.67651 6.90631 4.53994 5.17969 6.22339C3.53967 7.86355 2.63293 10.0646 2.63281 12.3953C2.63281 14.7261 3.53953 16.9278 5.17969 18.5681C8.58976 21.9782 14.1153 21.9782 17.5254 18.5681C19.1655 16.9279 20.0723 14.7261 20.0723 12.3953C20.0722 10.0646 19.1654 7.86354 17.5254 6.22339C15.8419 4.53994 13.5971 3.67652 11.3525 3.67651Z' fill='%23FF6A0D'/%3E%3C/svg%3E") no-repeat center/contain;
}

.boardBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.boardBtn button, .boardBtn a {
  width: 100%;
  max-width: min(100%, 20rem);
}

@media screen and (max-width: 960px) {
  .boardBtn button, .boardBtn a {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 535px) {
  .boardBtn {
    flex-direction: column;
  }
  .boardBtn button, .boardBtn a {
    width: 100%;
    max-width: 100%;
  }
  .board_search {
    flex-wrap: wrap;
  }
  .board_search .selArea, .board_search .bd_search {
    max-width: unset;
    width: 100%;
  }
}
.board_view {
  padding-bottom: 3rem;
}
.board_view .bd-head {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  border-top: 2px solid #FF6A0D;
  border-bottom: 1px solid #eeeeee;
  padding: 5rem 6rem;
}
.board_view .bd-head em {
  color: #FF6A0D;
  font-size: max(1.04vw, 1.8rem);
  flex-shrink: 0;
  line-height: 1;
}
.board_view .bd-head p {
  line-height: 1.2;
  font-size: max(2.08vw, 3.4rem);
  font-weight: 600;
  color: #333333;
  margin: 1.4rem 0 3rem;
  transition: font 300ms ease;
}
.board_view .bd-info {
  display: flex;
  gap: 1.4vw;
}
.board_view .bd-info dl {
  display: flex;
  align-items: center;
  font-size: max(0.94vw, 1.6rem);
  font-weight: 300;
}
.board_view .bd-info dl dt {
  display: flex;
  align-items: center;
  color: #999999;
  font-weight: 300;
}
.board_view .bd-info dl dt::after {
  content: "";
  display: block;
  width: 1px;
  height: 12px;
  background: #dddddd;
  margin: 0 1.4rem;
}
.board_view .bd-info dl dd {
  color: #333333;
  font-weight: 600;
}
.board_view .bd-info dl dd.bd-own {
  color: #333333;
  font-weight: 600;
}
.board_view .bd-text, .board_view .bd-body, .board_view .bd-reply {
  color: #777777;
  font-weight: 400;
}
.board_view .bd-text {
  box-sizing: border-box;
  padding: 5rem;
  font-size: max(0.8333vw, 1.4rem);
  min-height: 30vh;
}
.board_view .bd-file {
  box-sizing: border-box;
  font-size: max(0.94vw, 1.6rem);
  display: flex;
  align-items: center;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.board_view .bd-file dt {
  background: #f5f5f5;
  padding: 2rem;
  width: max(12vw, 16rem);
  text-align: center;
  color: #333333;
  font-family: "Paperlogy", sans-serif;
  font-weight: 500;
  flex-shrink: 0;
}
.board_view .bd-file dd {
  padding-left: 2rem;
  color: #999999;
  font-weight: 400;
}
.board_view .bd-file dd a {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.board_view .bd-file dd a::before {
  content: "";
  flex-shrink: 0;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg clip-path='url(%23clip0_871_1953)'%3E%3Cpath d='M4.18618 16C3.64274 16 3.11288 15.8969 2.61122 15.6934C2.09156 15.4826 1.62557 15.1733 1.22617 14.7739C0.826777 14.3745 0.517341 13.9085 0.306596 13.3889C0.103216 12.8872 0 12.3573 0 11.8139C0 11.2705 0.10311 10.7406 0.306596 10.239C0.517341 9.7193 0.826672 9.2533 1.22607 8.85391L3.48776 6.59221C3.71976 6.36021 4.0959 6.36021 4.3279 6.59221C4.5599 6.82421 4.5599 7.20035 4.3279 7.43235L2.06621 9.69405C0.897271 10.863 0.897271 12.7648 2.06621 13.9338C3.23514 15.1027 5.137 15.1027 6.30594 13.9338L8.56763 11.6721C8.79963 11.4401 9.17577 11.4401 9.40777 11.6721C9.63977 11.9041 9.63977 12.2802 9.40777 12.5122L7.14608 14.7739C6.74668 15.1733 6.28069 15.4827 5.76103 15.6934C5.25937 15.8968 4.72951 16 4.18607 16H4.18618Z' fill='%23FF6A0D'/%3E%3Cpath d='M12.092 9.5819C11.9399 9.5819 11.7879 9.52393 11.6718 9.40788C11.4398 9.17588 11.4398 8.79974 11.6718 8.56774L13.9335 6.30604C15.1025 5.13711 15.1025 3.23525 13.9335 2.06631C13.3673 1.50005 12.6145 1.18819 11.8137 1.18819C11.0129 1.18819 10.2601 1.50005 9.6938 2.06631L7.43211 4.32801C7.20011 4.56 6.82397 4.56 6.59197 4.32801C6.35997 4.09601 6.35997 3.71987 6.59197 3.48787L8.85366 1.22617C9.25306 0.826777 9.71905 0.517341 10.2387 0.306596C10.7404 0.103216 11.2702 0 11.8137 0C12.3571 0 12.887 0.10311 13.3886 0.306596C13.9083 0.517341 14.3743 0.826672 14.7737 1.22607C15.1731 1.62546 15.4825 2.09146 15.6932 2.61122C15.8966 3.11288 15.9998 3.64274 15.9998 4.18618C15.9998 4.72961 15.8967 5.25947 15.6932 5.76114C15.4825 6.28079 15.1732 6.74679 14.7738 7.14618L12.5121 9.40788C12.396 9.52393 12.244 9.5819 12.092 9.5819Z' fill='%23FF6A0D'/%3E%3Cpath d='M4.37342 12.2209C4.22138 12.2209 4.06935 12.163 3.9533 12.0469C3.7213 11.8149 3.7213 11.4388 3.9533 11.2068L11.0614 4.09868C11.2934 3.86668 11.6695 3.86668 11.9015 4.09868C12.1335 4.33068 12.1335 4.70682 11.9015 4.93882L4.79344 12.0469C4.67738 12.163 4.52535 12.2209 4.37331 12.2209H4.37342Z' fill='%23FF6A0D'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_871_1953'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
  display: inline-block;
  width: 1.6rem;
  aspect-ratio: 1/1;
  margin-right: 0.4rem;
  position: relative;
  top: 1px;
}
.board_view .bd-move {
  border-top: 1px solid #eeeeee;
  margin-top: 4rem;
}
.board_view .bd-move dl {
  display: flex;
  align-items: center;
  font-size: max(0.94vw, 1.6rem);
  padding: 2rem 5rem;
  border-bottom: 1px solid #eeeeee;
  position: relative;
  transition: background 500ms ease;
}
.board_view .bd-move dl::before {
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23ddd'/%3E%3C/svg%3E") no-repeat center/25%;
  width: 3rem;
  aspect-ratio: 1/1;
  display: block;
  position: absolute;
  right: 5rem;
}
.board_view .bd-move dl dt {
  display: flex;
  align-items: center;
  color: #999999;
  font-weight: 500;
  font-family: "Paperlogy", sans-serif;
  flex-shrink: 0;
}
.board_view .bd-move dl dt::after {
  content: "";
  width: 1px;
  height: 13px;
  background: #eeeeee;
  display: block;
  margin: 0 4rem;
}
.board_view .bd-move dl dd {
  color: #777777;
  font-weight: 400;
  width: 100%;
}
.board_view .bd-move dl dd a {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  width: calc(100% - 8rem);
  outline: none;
}
.board_view .bd-move dl:hover {
  background: #f8f8f8;
}
.board_view .bd-move dl:focus, .board_view .bd-move dl:focus-within {
  background: #f8f8f8;
  border-radius: 0.4rem;
}
.board_view .bd-move dl:nth-child(1)::before {
  rotate: 90deg;
}
.board_view .bd-move dl:nth-child(2)::before {
  rotate: -90deg;
}
.board_view .bd-reply {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='11' viewBox='0 0 17 11' fill='none'%3E%3Cpath d='M0.5 0C0.776142 0 1 0.223858 1 0.5V6.5H14.793L12.4648 4.17188C12.2696 3.97661 12.2696 3.66011 12.4648 3.46484C12.6601 3.26958 12.9766 3.26958 13.1719 3.46484L16.3535 6.64648C16.5488 6.84175 16.5488 7.15825 16.3535 7.35352L13.1719 10.5352C12.9766 10.7304 12.6601 10.7304 12.4648 10.5352C12.2696 10.3399 12.2696 10.0234 12.4648 9.82812L14.793 7.5H0V0.5C0 0.223858 0.223858 0 0.5 0Z' fill='%233F6BFF'/%3E%3C/svg%3E") no-repeat 0 8vw, 1.8rem;
  padding-left: min(10vw, 3rem);
}
.board_view .bd-reply > p {
  font-size: min(8vw, 2rem);
  font-weight: 700;
  color: #333333;
}
.board_view .bd-reply > span {
  display: block;
  text-wrap-style: pretty;
  word-break: keep-all;
}

@media screen and (max-width: 1024px) {
  .board_view .bd-head, .board_view .bd-text {
    padding: min(10vw, 3rem) min(10vw, 2rem);
  }
  .board_view .bd-move dl {
    padding: 1rem 2rem;
  }
  .board_view .bd-move dl::before {
    right: 2rem;
  }
  .board_view .bd-move dl dt::after {
    margin: 1.6rem;
  }
  .board_view .bd-move dl dd a {
    width: calc(100% - 5rem);
  }
  .board_view .bd-head em {
    font-size: max(0.94vw, 1.6rem);
  }
  .board_view .bd-head p {
    font-size: max(1.46vw, 2.2rem);
    margin: 0.7rem 0 1.5rem;
  }
}
@media screen and (max-width: 535px) {
  .board_view .bd-file {
    flex-direction: column;
  }
  .board_view .bd-file dt {
    width: 100%;
    padding: 1rem;
  }
  .board_view .bd-file dd {
    padding: max(5vw, 2rem);
  }
}
.lecture-item .lec-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 6vw 0 2vw;
  gap: 2vw;
}
.lecture-item .lec-pagination .swiper-pagination-bullet {
  margin: 0;
  opacity: 1;
  border: min(2px, 0.3vw) solid #ffffff;
  height: unset;
  width: min(3.9vw, 1.5rem);
  height: min(3.9vw, 1.5rem);
  border-radius: 100rem;
  transition: width 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  background: rgba(255, 106, 13, 0.3);
}
.lecture-item .lec-pagination .swiper-pagination-bullet-active {
  background: #FF6A0D;
  width: min(20vw, 12rem);
}
.lecture-item .swiper-slide {
  border-radius: 3vw;
  overflow: hidden;
  border: 1px solid #dddddd;
  background: #ffffff;
  box-shadow: 0 14px 34px -20px rgba(0, 0, 0, 0.1);
}
.lecture-item .swiper-slide .thumb {
  width: 100%;
  aspect-ratio: 6/4;
}
.lecture-item .swiper-slide .thumb:has(img:empty) a {
  display: block;
  width: 100%;
  height: 100%;
  background: #f8f8f8 url("../img/common/noImg.png") no-repeat center center/contain;
}
.lecture-item .swiper-slide .thumb:has(img:empty) img {
  display: none;
}
.lecture-item .swiper-slide .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lecture-item .swiper-slide .info {
  box-sizing: border-box;
  padding: min(4vw, 2rem);
}
.lecture-item .swiper-slide .info em {
  padding: 0.5vw 2.6vw;
  border: 1px solid #FF6A0D;
  border-radius: 10rem;
  color: #FF6A0D;
  font-weight: 500;
  font-size: max(1.2rem, 2vw);
  flex-shrink: 0;
  line-height: 1;
}
.lecture-item .swiper-slide .info dt, .lecture-item .swiper-slide .info dd {
  line-height: 1.2;
}
.lecture-item .swiper-slide .info dt {
  font-size: max(1.7rem, 3vw);
  font-weight: 600;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  margin: 2vw 0 1vw;
}
.lecture-item .swiper-slide .info dd {
  font-size: max(1.4rem, 3vw);
  font-weight: 400;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #777777;
}
.lecture-item .swiper-slide .lec-data {
  color: #999999;
  font-size: max(1.4rem, 3vw);
  padding-top: 2vw;
}

.lecture-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(50vw, 48rem), 1fr));
  gap: clamp(2rem, 2vw, 4rem);
}
.lecture-grid .lec_grid {
  overflow: hidden;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.lecture-grid .thumb {
  width: 100%;
  aspect-ratio: 6/4;
}
.lecture-grid .thumb:has(img:empty) a {
  display: block;
  width: 100%;
  height: 100%;
  background: #f8f8f8 url("../img/common/noImg.png") no-repeat center center/contain;
}
.lecture-grid .thumb:has(img:empty) img {
  display: none;
}
.lecture-grid .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lecture-grid .info {
  box-sizing: border-box;
  padding: min(4vw, 2rem);
}
.lecture-grid .info em {
  padding: 0.5vw 2.6vw;
  border: 1px solid #FF6A0D;
  border-radius: 10rem;
  color: #FF6A0D;
  font-weight: 500;
  font-size: max(1.2rem, 2vw);
  flex-shrink: 0;
  line-height: 1;
}
.lecture-grid .info dt, .lecture-grid .info dd {
  line-height: 1.2;
}
.lecture-grid .info dt {
  font-size: max(1.7rem, 3vw);
  font-weight: 600;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
  margin: 2vw 0 1vw;
}
.lecture-grid .info dd {
  font-size: max(1.4rem, 3vw);
  font-weight: 400;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #777777;
}
.lecture-grid .lec-btn {
  margin-top: 4vw;
  gap: min(2vw, 1rem);
  display: flex;
  flex-direction: column;
}
.lecture-grid .lec-btn a, .lecture-grid .lec-btn button {
  width: 100%;
}
.lecture-grid .lec-data {
  color: #999999;
  font-size: max(1.4rem, 3vw);
  padding-top: 2vw;
}

.board_list {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.board_list ul {
  border-top: 3px solid #FF6A0D;
}
.board_list ul li:not(:last-child) {
  border-bottom: 1px solid #eeeeee;
}
.board_list ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 3vw;
  transition: background 300ms ease;
  padding: min(6vw, 6rem) min(4vw, 9rem);
  position: relative;
}
.board_list ul li a > span {
  display: flex;
  flex-direction: column;
  line-height: 1;
  text-align: center;
  gap: 0.5rem;
}
.board_list ul li a > span b, .board_list ul li a > span span {
  transition: color 300ms ease;
  color: #dddddd;
}
.board_list ul li a > span b {
  font-size: max(2.6vw, 3.8rem);
  font-family: "Paperlogy", sans-serif;
  font-weight: 800;
  position: relative;
  left: -2px;
  letter-spacing: -1px;
}
.board_list ul li a > span span {
  font-size: max(1.04vw, 1.8rem);
  font-weight: 300;
}
.board_list ul li a dl {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.board_list ul li a dl em {
  padding: 0.4rem 2rem;
  border: 1px solid #FF6A0D;
  border-radius: 10rem;
  color: #FF6A0D;
  font-weight: 500;
  font-size: max(0.94vw, 1.6rem);
  flex-shrink: 0;
  line-height: 1;
}
.board_list ul li a dl dt {
  line-height: 1;
  font-size: max(1.67vw, 2.4rem);
  font-weight: 400;
  color: #333333;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.board_list ul li a dl dd {
  display: block;
  margin-bottom: 1rem;
}
.board_list ul li a .bd_arr {
  display: block;
  width: 3rem;
  height: 3rem;
  position: relative;
  margin-left: auto;
}
.board_list ul li a .bd_arr::before {
  content: "";
  width: 0;
  transition: width 300ms ease, background 300ms ease;
  height: 3px;
  background: #dddddd;
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
}
.board_list ul li a .bd_arr::after {
  content: "";
  position: absolute;
  transition: background 300ms ease;
  width: 100%;
  height: 100%;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23ddd'/%3E%3C/svg%3E") no-repeat 0 0/contain;
  scale: -1;
  transform-origin: center;
}
.board_list ul li a:hover, .board_list ul li a:focus, .board_list ul li a:focus-within {
  background: rgba(255, 106, 13, 0.03);
}
.board_list ul li a:hover dl dt, .board_list ul li a:focus dl dt, .board_list ul li a:focus-within dl dt {
  font-weight: 600;
}
.board_list ul li a:hover > span b, .board_list ul li a:hover > span span, .board_list ul li a:focus > span b, .board_list ul li a:focus > span span, .board_list ul li a:focus-within > span b, .board_list ul li a:focus-within > span span {
  color: #FF6A0D;
}
.board_list ul li a:hover .bd_arr::before, .board_list ul li a:focus .bd_arr::before, .board_list ul li a:focus-within .bd_arr::before {
  width: min(6vw, 3.4rem);
  background: #FF6A0D;
}
.board_list ul li a:hover .bd_arr::after, .board_list ul li a:focus .bd_arr::after, .board_list ul li a:focus-within .bd_arr::after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23FF6A0D'/%3E%3C/svg%3E") no-repeat 0 0/contain;
}

.lnq-list {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.lnq-list .lnq-item {
  display: flex;
  align-items: baseline;
  flex-direction: column;
  gap: 3vw;
  border: 1px solid #dddddd;
  padding: 4vw;
  border-radius: 1vw;
  padding-right: 8vw;
  position: relative;
}
.lnq-list .lnq-item em {
  padding: 0.8vw 2.6vw;
  border: 1px solid #FF6A0D;
  border-radius: 10rem;
  color: #FF6A0D;
  font-weight: 500;
  font-size: max(1.2rem, 3vw);
  flex-shrink: 0;
  line-height: 1;
}
.lnq-list .lnq-item dl {
  display: flex;
  flex-direction: column;
  gap: 1.2vw;
}
.lnq-list .lnq-item dl dt {
  line-height: 1.2;
  font-size: min(6vw, 2rem);
  font-weight: 600;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: #333333;
}
.lnq-list .lnq-item dl dd {
  display: flex;
  align-items: center;
  font-size: min(4vw, 1.5rem);
}
.lnq-list .lnq-item dl dd span {
  color: #999999;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.lnq-list .lnq-item dl dd span i {
  width: min(3vw, 0.6rem);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  border-radius: 100%;
  display: inline-block;
  background: #eee;
  margin-right: min(2vw, 0.4rem);
}
.lnq-list .lnq-item dl dd span i.ans-wait {
  background: #DF5E5E;
}
.lnq-list .lnq-item dl dd span i.ans-on {
  background: #e4ca3a;
}
.lnq-list .lnq-item dl dd span:not(:last-of-type)::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #dddddd;
  margin: 0 2vw;
}

.tableInfo {
  overflow: auto;
}
.tableInfo .rcm-text p {
  color: #333333;
}
.tableInfo .rcm-text p b {
  font-weight: 500;
}
.tableInfo .rcm-text p span.value-up {
  font-weight: 500;
  color: #F3FF4E;
}
.tableInfo .rcm-text p span.value-down {
  font-weight: 500;
  color: #FF6A0D;
}
.tableInfo table {
  text-align: center;
  font-family: "Pretendard", sans-serif;
  border-collapse: collapse;
  table-layout: fixed;
  position: relative;
  min-width: 72rem;
}
.tableInfo table th, .tableInfo table td {
  text-wrap-style: pretty;
  word-break: keep-all;
}
.tableInfo table caption {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  height: 0;
  width: 0;
}
.tableInfo table thead {
  background: #f8f8f8;
}
.tableInfo table thead tr th {
  font-size: max(0.94vw, 1.6rem);
  border-top: 2px solid #333333;
  height: 4rem;
  vertical-align: middle;
  color: #333333;
  font-weight: 500;
  padding: 0 2rem;
}
.tableInfo table thead tr th:not(:last-child), .tableInfo table thead tr td:not(:last-child) {
  border-right: 1px solid #eeeeee;
}
.tableInfo table tbody tr {
  border-bottom: 1px solid #eeeeee;
}
.tableInfo table tbody tr th, .tableInfo table tbody tr td {
  transition: all 100ms ease-in-out;
  font-size: max(0.8333vw, 1.4rem);
  color: #777777;
  height: 4rem;
  vertical-align: middle;
  padding: 2rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.2;
}
.tableInfo table tbody tr th:not(:last-child), .tableInfo table tbody tr td:not(:last-child) {
  border-right: 1px solid #eeeeee;
}
.tableInfo table tbody tr th strong, .tableInfo table tbody tr td strong {
  color: #333333;
  font-weight: 700;
}
.tableInfo table tbody tr th span.ans_comple, .tableInfo table tbody tr td span.ans_comple {
  color: #FF6A0D;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(255, 106, 13, 0.09);
  border-radius: 10rem;
}
.tableInfo table tbody tr th span.ans_comple_n, .tableInfo table tbody tr td span.ans_comple_n {
  color: #F3FF4E;
  font-weight: 500;
  display: inline-block;
  padding: 0.4rem 1rem;
  background: rgba(243, 255, 78, 0.09);
  border-radius: 10rem;
}
.tableInfo table tbody tr th:has(a, i), .tableInfo table tbody tr td:has(a, i) {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.tableInfo table tbody tr th em, .tableInfo table tbody tr td em {
  border: 1px solid #FF6A0D;
  color: #FF6A0D;
  display: inline-block;
  padding: 0.5rem 1rem;
  border-radius: 10rem;
  font-weight: 600;
  line-height: 1;
  font-size: max(0.8333vw, 1.4rem);
}
.tableInfo table tbody tr th a, .tableInfo table tbody tr td a {
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: fit-content;
  overflow: hidden;
  display: block;
}
.tableInfo table tbody tr th i, .tableInfo table tbody tr td i {
  flex-shrink: 0;
}
.tableInfo tr.imp {
  border: 3px solid #e93f3f;
  background: rgba(233, 63, 63, 0.0470588235);
  transition: background 200ms ease-in;
}
.tableInfo tr.imp td {
  color: #333333;
  font-weight: 600;
}
.tableInfo tr.imp:hover {
  background: rgba(233, 63, 63, 0.1098039216);
}

@media screen and (max-width: 535px) {
  .board_list ul li a {
    gap: 5vw;
  }
  .board_list ul li a .bd_arr {
    width: 1.6rem;
    height: 1.6rem;
  }
  .board_list ul li a .bd_arr::before {
    height: 2px;
  }
  .board_list ul li a > span b {
    font-size: max(2.08vw, 3.4rem);
  }
  .board_list ul li a > span span {
    font-size: max(0.8333vw, 1.4rem);
  }
  .board_list ul li a dl {
    gap: 0.6rem;
  }
  .board_list ul li a dl dt {
    font-size: max(0.94vw, 1.6rem);
  }
  .board_list ul li a dl dd {
    font-size: max(0.8333vw, 1.4rem);
  }
}
.pagingStyle {
  height: auto;
}
.pagingStyle .paginArea {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: min(5rem, 6vw);
  isolation: isolate;
  box-sizing: border-box;
}
.pagingStyle .paginArea a {
  display: block;
  width: 8vw;
  aspect-ratio: 1/1;
  border-radius: 100rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
  color: #333333;
  font-size: 4vw;
}
.pagingStyle .paginArea a.active {
  color: #ffffff;
}
.pagingStyle .paginArea a.active::before {
  content: "";
  isolation: isolate;
  z-index: -1;
  background: linear-gradient(90deg, #FF6A0D 0%, #F3FF4E 150%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.pagingStyle .paginArea a:hover:not(.active) {
  background-color: #f8f8f8;
}
.pagingStyle .page-first, .pagingStyle .page-last {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.19997 11.025L1.78939 6L7.19997 0.974999L6.14996 0L0.216725 5.51133C-0.0722534 5.77993 -0.0722297 6.21654 0.216725 6.48516L6.14996 11.9965V12L7.19997 11.025ZM12 11.025L6.58942 6L12 0.974999L10.95 0L5.01675 5.51133C4.72778 5.77993 4.7278 6.21654 5.01675 6.48516L10.95 11.9965V12L12 11.025Z' fill='%23999'/%3E%3C/svg%3E");
  transform-origin: center;
  background-size: 2.6vw;
}
.pagingStyle .page-first.active, .pagingStyle .page-last.active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M7.19997 11.025L1.78939 6L7.19997 0.974999L6.14996 0L0.216725 5.51133C-0.0722534 5.77993 -0.0722297 6.21654 0.216725 6.48516L6.14996 11.9965V12L7.19997 11.025ZM12 11.025L6.58942 6L12 0.974999L10.95 0L5.01675 5.51133C4.72778 5.77993 4.7278 6.21654 5.01675 6.48516L10.95 11.9965V12L12 11.025Z' fill='%23fff'/%3E%3C/svg%3E");
}
.pagingStyle .page-prev, .pagingStyle .page-next {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23999'/%3E%3C/svg%3E");
  transform-origin: center;
  background-size: 1.6vw;
}
.pagingStyle .page-prev.active, .pagingStyle .page-next.active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='29' viewBox='0 0 16 29' fill='none'%3E%3Cpath d='M13.6678 28.492L0.482101 15.6332C-0.1607 15.0063 -0.1607 13.9856 0.482101 13.3588L13.6678 0.5L16 2.7744L3.97631 14.5L16 26.2256L13.6678 28.5V28.492Z' fill='%23fff'/%3E%3C/svg%3E");
}
.pagingStyle .page-last, .pagingStyle .page-next {
  scale: -1;
}

/* 보드 */