@charset "UTF-8";
/* NO CSS*/
.mt8 {
  margin-top: 0.8rem;
}

.mt12 {
  margin-top: 1.2rem;
}

.mt24 {
  margin-top: 2.4rem;
}

.mt40 {
  margin-top: 4rem;
}

.mt60 {
  margin-top: 6rem;
}

.mt80 {
  margin-top: 8rem;
}

.pr8 {
  padding-right: .8rem;
}

.layout {
  width: 132rem;
}

h4 {
  font-size: 2.4rem;
  line-height: 1.2;
  padding-left: 3rem;
  position: relative;
  margin-bottom: 1.2rem;
}
h4::before {
  content: "";
  width: 2.2rem;
  height: 2.4rem;
  background: url(/public/images/sub/h4-icon.svg) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 0;
}
h4 > span {
  color: #AF125F;
  font-weight: 400;
}
h4 > span.grey {
  color: #616161;
}

* + h4 {
  margin-top: 6rem;
}

.h4-wrap {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem 2rem;
}
.h4-wrap h4 {
  margin-bottom: 0;
}

.bul1 {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.bul1 > li {
  position: relative;
  padding-left: 1rem;
}
.bul1 > li::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #616161;
  position: absolute;
  left: 0;
  top: 1rem;
}

.btn-wrap {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.2rem;
}

.btn1 {
  height: 5.4rem;
  padding: 0 4rem;
  background: #AF125F;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.3rem;
  transition: 0.25s;
}
.btn1.wt {
  background: #fff;
  border: 1px solid #AF125F;
  color: #AF125F;
}
.btn1.wt:hover {
  background: #AF125F;
  color: #fff;
}
.btn1 > span {
  font-weight: 500;
}
.btn1.type2 {
  height: 4.8rem;
  padding: 0 2.2rem;
  gap: 0.6rem;
}
.btn1.type2.bk {
  background: #424242;
}
.btn1.type2.bk2 {
  background: #222;
}
.btn1.type2.blue {
  background: #2E286F;
}
.btn1.type2.wt2 {
  border: 1px solid #e0e0e0;
  background: #fff;
  color: #616161;
}

.btn2 {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0.8rem 2rem;
  background: #222;
  color: #fff;
  border-radius: 0.3rem;
  line-height: 1.4;
}
.btn2 span {
  font-weight: 500;
}
.btn2 i {
  font-size: 2rem;
  font-weight: 400;
}

.btn3 {
  height: 3.2rem;
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0 1.6rem 0 1.2rem;
  border-radius: 0.3rem;
  transition: 0.1s;
  border: 1px solid #AF125F;
  color: #AF125F;
}
.btn3:hover {
  background: #AF125F;
  color: #fff;
}
.btn3 span {
  font-size: 14px;
  font-weight: 500;
}
.btn3 i {
  font-size: 1.8rem;
}
.btn3.green {
  border: 1px solid #087f34;
  color: #087f34;
}
.btn3.green:hover {
  background: #087f34;
  color: #fff;
}
.btn3.red {
  border: 1px solid #D43333;
  color: #D43333;
}
.btn3.red:hover {
  background: #D43333;
  color: #fff;
}

.btn4 {
  height: 4rem;
  padding: 0 2.4rem 0 2rem;
  border-radius: 0.3rem;
  background: #222;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: #fff;
}

.recruitSearch {
  padding: 4rem 8rem;
  border-radius: 1.2rem;
  background: #F6F8F9;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  margin-bottom: 6rem;
}
.recruitSearch-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.8rem;
  color: #424242;
  font-size: 1.8rem;
}
.recruitSearch-title .reset {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.6rem;
  color: #616161;
}
.recruitSearch-total-input {
  display: flex;
  gap: 1rem;
}
.recruitSearch-total-input .select {
  width: 15rem;
}
.recruitSearch-total-input .input {
  flex: 1;
}
.recruitSearch-total-input .input input::placeholder {
  color: #AF125F;
}
.recruitSearch-total-input .btn1 {
  width: 12rem;
}
.recruitSearch-wrap {
  display: flex;
  gap: 2.4rem 4rem;
}
.recruitSearch-wrap .select {
  width: 15rem;
}
.recruitSearch-wrap .region {
  position: relative;
}
.recruitSearch-wrap .region.active button {
  border: 2px solid #AF125F;
  border-radius: 0.6rem;
}
.recruitSearch-wrap .region.active .region-box {
  display: flex;
}
.recruitSearch-wrap .region button {
  width: 22rem;
  height: 5.4rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  padding: 0 2.4rem;
  text-align: left;
  color: #616161;
  position: relative;
}
.recruitSearch-wrap .region button::before {
  content: "\ea50";
  font-family: "remixicon";
  font-size: 2rem;
  color: #616161;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  position: absolute;
  transition: 0.2s;
}
.recruitSearch-wrap .region-box {
  display: none;
  align-items: center;
  border-radius: 0.6rem;
  border: 2px solid #AF125F;
  box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(0, 0, 0, 0.12);
  position: absolute;
  bottom: -1rem;
  left: 0;
  transform: translateY(100%);
  background: #fff;
  z-index: 4;
  overflow: hidden;
}
.recruitSearch-wrap .region-box > ul {
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.recruitSearch-wrap .region-box-map {
  padding: 0 2.4rem;
  background: #F6F8F9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitSearch-wrap .region-box-map svg g {
  cursor: pointer;
}
.recruitSearch-wrap .region-box-map svg g.active path {
  fill: #AF125F;
  stroke: #fff;
  stroke-opacity: 0.2;
}
.recruitSearch-wrap .region-box-map svg g path {
  fill: #fff;
  stroke: #212122;
  stroke-opacity: 0.1;
}
.recruitSearch-wrap .category > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.recruitSearch-wrap .category input[type=checkbox] + label {
  width: 17rem;
  border-radius: 0.3rem;
}
.recruitSearch .chosen-single {
  padding: 0 4.2rem 0 2.4rem;
}
.recruitSearch .chosen-single::after {
  right: 2.4rem;
  font-size: 20px;
}
@media (max-width: 1640px) {
  .recruitSearch {
    padding: 4rem;
  }
}
@media (max-width: 1024px) {
  .recruitSearch-wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .recruitSearch-wrap > div {
    width: calc(50% - 2rem);
    width: 100%;
  }
  .recruitSearch-wrap > div .select {
    width: 100%;
  }
  .recruitSearch-wrap .region button {
    width: 100%;
  }
  .recruitSearch-wrap .region-box {
    width: 100%;
    flex-direction: column;
  }
  .recruitSearch-wrap .region-box > ul {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .recruitSearch-wrap .region-box > ul > li {
    width: calc(50% - 0.4rem);
  }
  .recruitSearch-wrap .region-box > ul > li label {
    width: 100%;
  }
  .recruitSearch-wrap .region-box-map {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .recruitSearch {
    padding: 4rem 2rem;
  }
  .recruitSearch-total-input {
    flex-direction: column;
  }
  .recruitSearch-total-input > div {
    width: 100% !important;
  }
  .recruitSearch-total-input .btn1 {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .recruitSearch-wrap .region-box > ul {
    flex-direction: column;
  }
  .recruitSearch-wrap .region-box > ul > li {
    width: 100%;
  }
}

.select.w24 {
  width: 24rem;
}
.select.h40 .chosen-container {
  height: 4rem;
}

.chosen-container {
  width: 100% !important;
  height: 5.4rem;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
}
.chosen-container-active {
  border: 2px solid #AF125F;
  border-radius: 0.6rem;
}
.chosen-single {
  line-height: 1.25;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 4.2rem 0 1.5rem;
  background: #fff;
  border-radius: 0.3rem;
}
.chosen-single::after {
  display: block;
  content: "\ea50";
  font-family: "remixicon";
  font-size: 2rem;
  color: #616161;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%) rotate(0);
  position: absolute;
  transition: 0.2s;
}
.chosen-single span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #616161;
}
.chosen-drop {
  width: 100%;
  display: none;
  z-index: 20;
  position: absolute;
  top: calc(100% + 0.8rem);
  left: 0;
  border: 1px solid #ddd;
  border-radius: 0.3rem;
  background: #fff;
  overflow: hidden;
}
.chosen-drop li {
  padding: 0.5rem 1.5rem;
  cursor: pointer;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  line-height: 1.25;
}
.chosen-drop li.highlighted {
  background: #f5f5f5;
}
.chosen-results {
  position: relative;
  max-height: 24rem;
  overflow: auto;
}
.chosen-with-drop .chosen-drop {
  display: block;
}
.chosen-with-drop .chosen-single::after {
  transform: translateY(-50%) rotate(180deg);
}
.chosen-search {
  height: 0;
  overflow: hidden;
  position: relative;
}

.input {
  position: relative;
}
.input.w37 {
  width: 37rem;
}
.input.w26 {
  width: 26rem;
}
.input-reset {
  position: absolute;
  right: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.input-reset::before {
  content: "\eb96";
  font-family: "remixicon";
  color: #bdbdbd;
  font-size: 1.8rem;
}
.input input[type=text],
.input input[type=password] {
  width: 100%;
  height: 5.4rem;
  padding: 0 2.4rem;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
  color: #616161;
}
.input textarea {
  width: 100%;
  height: 24.2rem;
  padding: 1.2rem;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
  color: #616161;
}
.input textarea:focus {
  outline: none;
  border: 1px solid #616161;
}
.input input:focus {
  outline: none;
  border: 1px solid #616161;
}
.input:has(.datePicker) {
  position: relative;
  width: 18rem;
}
.input:has(.datePicker)::before {
  content: "\eb27";
  font-family: "remixicon";
  color: #616161;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  .input:has(.datePicker) {
    width: 100%;
  }
}

.textarea textarea {
  width: 100%;
  height: 24.2rem;
  padding: 1.2rem;
  border-radius: 0.3rem;
  border: 1px solid #ddd;
  color: #616161;
}
.textarea textarea:focus {
  outline: none;
  border: 1px solid #616161;
}

.checkbox2 input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.checkbox2 input[type=checkbox] + label {
  width: 20rem;
  height: 5.4rem;
  display: block;
  position: relative;
  cursor: pointer;
  color: #616161;
  line-height: 1.8;
  padding: 1.2rem;
  padding-left: 5.2rem;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 0.6rem;
}
.checkbox2 input[type=checkbox] + label::before {
  content: "\eb80";
  font-family: "remixicon";
  position: absolute;
  top: 50%;
  left: 2.4rem;
  transform: translateY(-50%);
  color: #E0E0E0;
  font-size: 2rem;
}
.checkbox2 input[type=checkbox]:checked + label {
  background: #AF125F;
  border-color: #AF125F;
  color: #fff;
}
.checkbox2 input[type=checkbox]:checked + label::before {
  color: #fff;
}

.radio input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.radio input[type=radio] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.7rem;
  color: #616161;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.radio input[type=radio] + label:before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  text-align: center;
  background: #fff;
  border: 1px solid #BDBDBD;
  border-radius: 50%;
  box-shadow: none;
}
.radio input[type=radio]:checked + label:before {
  border: 0.6rem solid #AF125F;
}

.check.w100 {
  width: 100%;
}
.check input[type=checkbox] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.check input[type=checkbox] + label {
  display: inline-block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  color: #616161;
}
.check input[type=checkbox] + label::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: #Fff;
  border: 1px solid #BDBDBD;
  border-radius: 0.3rem;
  text-align: center;
}
.check input[type=checkbox]:checked + label::before {
  content: "\e928";
  font-family: "xeicon";
  font-size: 1.2rem;
  background: #AF125F;
  border-color: #AF125F;
  color: #fff;
}

.board-info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 1.2rem;
}
.board-info-list {
  display: flex;
  margin: 0 -1.2rem;
}
.board-info-list > li {
  padding: 0 1.2rem;
  font-size: 1.8rem;
  color: #616161;
  position: relative;
}
.board-info-list > li::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #E0E0E0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.board-info-list > li:last-of-type strong {
  color: #222;
}
.board-info-list > li:last-of-type::before {
  display: none;
}
.board-info-list > li strong {
  color: #AF125F;
}
@media (max-width: 850px) {
  .board-info {
    flex-direction: column;
    gap: 2rem;
  }
  .board-info-list {
    width: calc(100% + 2.4rem);
  }
}
.board-search {
  display: flex;
  gap: 0.8rem;
}
.board-search .select .chosen-container {
  height: 4.8rem;
}
.board-search .select + .select {
  margin-left: 2.4rem;
  position: relative;
}
.board-search .select + .select::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #e0e0e0;
  position: absolute;
  left: -1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.board-search-input {
  width: 26rem;
  position: relative;
}
.board-search-input input {
  width: 100%;
  height: 4.8rem !important;
  border: 1px solid #E0E0E0;
  border-radius: 0.3rem;
  padding: 0 1.6rem;
  margin: 0;
  margin-left: 0 !important;
}
.board-search-button {
  width: 7.5rem;
  height: 4.8rem;
  border-radius: 0.3rem;
  background: #424244;
  color: #fff;
  flex-shrink: 0;
}
.board-search-button.pi-btn {
  border: 0;
  padding: 0;
  line-height: normal;
  font-size: 1.6rem;
  margin-top: 0;
}
.board-search-button.pi-btn > span {
  padding-left: 0;
}
@media (max-width: 850px) {
  .board-search {
    width: 100%;
  }
  .board-search .select {
    width: 13rem;
  }
  .board-search-input {
    width: calc(100% - 13rem - 7.5rem - 0.8rem);
  }
}
@media (max-width: 487px) {
  .board-search {
    flex-direction: column;
  }
  .board-search > * {
    width: 100% !important;
  }
  .board-search .select + .select {
    margin-left: 0;
  }
  .board-search .select + .select::before {
    display: none;
  }
}
.board-gallery {
  padding: 4.8rem 0;
  border-top: 2px solid #AF125F;
  border-bottom: 1px solid #E0E0E0;
}
.board-gallery > ul {
  display: flex;
  flex-wrap: wrap;
  margin: -2.4rem -1.5rem;
}
.board-gallery > ul > li {
  width: 33.3333%;
  padding: 2.4rem 1.5rem;
}
.board-gallery > ul > li > a {
  display: flex;
  flex-direction: column;
  position: relative;
}
.board-gallery > ul > li > a:hover .board-gallery-title {
  text-decoration: underline;
  text-underline-position: under;
}
@media (max-width: 768px) {
  .board-gallery > ul {
    margin: -2rem -1rem;
  }
  .board-gallery > ul > li {
    width: 50%;
    padding: 2rem 1rem;
  }
}
@media (max-width: 480px) {
  .board-gallery > ul > li {
    width: 100%;
  }
}
.board-gallery-img {
  aspect-ratio: 1/0.55241;
  overflow: hidden;
  background: #F5F5F5;
}
.board-gallery-img img {
  width: 102%;
  height: 102%;
  object-fit: cover;
}
.board-gallery-content {
  display: flex;
  flex-direction: column;
  margin-top: 2.4rem;
  gap: 1.6rem;
}
.board-gallery-title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
}
.board-gallery-title > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  font-weight: 600;
  font-size: 1.8rem;
}
.board-gallery-desc {
  font-size: 1.8rem;
  color: #424242;
}
.board-gallery-info {
  display: flex;
  margin: 0 -1.2rem;
}
.board-gallery-info > li {
  padding: 0 1.2rem;
  position: relative;
  font-size: 1.7rem;
  color: #757575;
}
.board-gallery-info > li::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #767676;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.board-gallery-info > li:last-of-type::before {
  display: none;
}
.board-gallery .board-list-new {
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
}
.board-btnwrap {
  margin-top: 5rem;
  display: flex;
  justify-content: center;
  gap: 0.8rem;
}
.board-view {
  border-top: 2px solid #222;
}
.board-view-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 3.8rem 1.5rem;
  background-color: #f6f6f6;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.board-view-info-subject {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #222;
  font-size: 2.4rem;
}
.board-view-info-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem calc(2.4rem + 1px);
  margin-top: 2rem;
}
.board-view-info-list li {
  position: relative;
}
.board-view-info-list li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-1.2rem - 1px);
  width: 1px;
  height: 15px;
  background-color: #E0E0E0;
  transform: translatey(-50%);
}
.board-view-info-date {
  color: #757575;
}
.board-view-info-label .label {
  padding: 0.5rem 1.2rem;
  border-radius: 0.3rem;
  background: #AF125F;
  color: #fff;
  font-size: 15px;
}
.board-view-info-hash {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
  margin-top: 0.8rem;
}
.board-view-info-hash > em {
  color: #9e9e9e;
}
.board-view-info2 {
  margin-top: 6.4rem;
  border-top: 1px solid #E0E0E0;
}
.board-view-info2 > ul {
  display: flex;
  flex-wrap: wrap;
}
.board-view-info2 > ul > li {
  width: 50%;
  display: flex;
  border-bottom: 1px solid #E0E0E0;
}
.board-view-info2 > ul > li.w100 {
  width: 100%;
}
.board-view-info2 > ul > li:nth-of-type(odd) .board-view-info2-title {
  border-left: 0;
}
.board-view-info2-title {
  width: 24rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  font-weight: 700;
  background: #F8F9FA;
  padding: 2rem;
  padding-left: 4rem;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}
.board-view-info2-txt {
  width: 100%;
  display: flex;
  padding: 2rem;
  align-items: center;
  color: #424242;
}
@media (max-width: 1024px) {
  .board-view-info2 > ul > li {
    width: 100%;
  }
  .board-view-info2 .board-view-info2-title {
    border-left: 0;
    width: 30%;
    padding: 2rem;
  }
  .board-view-info2 .board-view-info2-txt {
    width: 70%;
  }
}
.board-view-content {
  padding: 6.45rem 0;
}
.board-view-content video {
  height: 100%;
}
.board-view-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.board-view-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.board-view-util {
  border-bottom: 1px solid #595959;
}
.board-view-util dl {
  display: flex;
  border-top: 1px solid #dedede;
}
.board-view-util dl > * {
  padding: 1.8rem 2.4rem;
}
.board-view-util dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 18rem;
  background-color: #f6f6f6;
  font-size: 1.8rem;
  font-weight: 700;
}
.board-view-util dl dd {
  font-size: 1.8rem;
  color: #616161;
}
@media (max-width: 587px) {
  .board-view-util dl {
    flex-direction: column;
  }
  .board-view-util dl dt {
    flex: auto;
  }
}
.board-write {
  display: flex;
  gap: 3.7rem;
  flex-wrap: wrap;
  padding: 3.75rem 0;
  border-top: 2px solid #AF125F;
}
.board-write:has(.board-write-type2) {
  padding: 0;
}
.board-write-guide {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2.5rem;
}
.board-write-guide::before {
  content: "\ee58";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: 0.2rem;
  color: #AF125F;
  font-size: 1.8rem;
}
.board-write-label {
  padding-left: 1rem;
  font-weight: 600;
}
.board-write-label-essential {
  padding-left: 1rem;
  position: relative;
  font-weight: 600;
}
.board-write-label-essential::before {
  content: "*";
  position: absolute;
  left: 0;
  color: #AF125F;
}
.board-write table {
  margin: -3.75rem 0;
}
.board-write table tr.hide {
  display: none;
}
.board-write table th {
  height: 6.4rem;
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 1.25rem 3.4rem;
  width: 24rem;
  background-color: #F8F9FA;
  text-align: left;
}
.board-write table th.type2 {
  background: #E0E0E0;
  text-align: center;
  font-weight: 700;
}
.board-write table th .btn2 {
  margin-top: 1.2rem;
}
.board-write table td {
  height: 6.4rem;
  border-bottom: 1px solid #e0e0e0;
  padding: 1.25rem 2.4rem;
  background-color: #fff;
  color: #616161;
}
.board-write table td .error {
  color: #D43333;
  line-height: 1.5;
  padding-left: 2.5rem;
  margin-top: 0.8rem;
  position: relative;
}
.board-write table td .error::before {
  content: "\ee58";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: -0.1rem;
  color: #D43333;
  font-size: 1.8rem;
}
.board-write table td .noti {
  color: #AF125F;
  font-weight: 500;
  line-height: 1.5;
  padding-left: 2.5rem;
  position: relative;
}
.board-write table td .noti::before {
  content: "\ee58";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: -0.1rem;
  color: #AF125F;
  font-size: 1.8rem;
}
.board-write table td .noti + .board_uploader {
  margin-top: 0.8rem;
}
.board-write table td textarea {
  height: 30rem;
}
.board-write table .select.category {
  width: 26rem;
  max-width: 100%;
}
.board-write table .phone-number-wrap {
  display: flex;
  align-items: center;
}
.board-write-captcha {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.7rem;
  width: 100%;
}
.board-write-captcha-img {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  padding-left: 24rem;
  background-color: #F5F5F5;
  border-radius: 0.3rem;
}
.board-write-captcha-img img {
  position: absolute;
  top: calc(50% - 1.7rem);
  left: calc(50% - 6.25rem - 2.2rem);
  width: 12.5rem;
  height: 3.4rem;
}
.board-write-captcha-button {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.board-write-captcha-button button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #222;
}
.board-write-captcha-button button i {
  color: #fff;
}
.board-write-captcha-txt {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  flex: 1;
}
.board-write-captcha-txt p {
  color: #616161;
  padding-left: 2.2rem;
  position: relative;
}
.board-write-captcha-txt p::before {
  content: "\ee58";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: -0.1rem;
  color: #AF125F;
  font-size: 1.8rem;
}
.board-write-check {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 2.4rem;
}
.board-write input[type=text],
.board-write input[type=password] {
  height: 4rem;
  padding: 0 1.2rem;
}
.board-write-input.address {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.board-write-input.address .address1 {
  width: 16rem;
}
.board-write-input.address .address1 input {
  background: #F5F5F5;
}
.board-write-input.address .address2 {
  width: 32rem;
}
.board-write-input.address .address2 input {
  background: #F5F5F5;
}
.board-write-input.address .address3 {
  width: 100%;
}
.board-write-input.address > button {
  height: 4rem;
  padding: 0 2.4rem 0 2rem;
  border-radius: 0.3rem;
  background: #222;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  color: #fff;
}
.board-write-input.address > button i {
  font-size: 2rem;
}
@media (max-width: 640px) {
  .board-write-input.address > button {
    width: 100%;
  }
  .board-write-input.address .address1,
  .board-write-input.address .address2 {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .board-write table tr {
    display: flex;
    flex-direction: column;
  }
  .board-write table th {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100% !important;
    height: auto;
    border-right: 0;
    padding: 1.5rem 0 1.5rem 2rem;
  }
  .board-write table td {
    display: block;
    height: auto;
    padding: 1.5rem;
  }
  .board-write table td .input {
    width: 100%;
  }
  .board-write table .select.w24 {
    width: 100%;
  }
  .board-write-captcha {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .board-write-captcha-txt {
    width: 100%;
  }
}
.board-write-type2 {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.board-write-type2 > li {
  display: flex;
  align-items: flex-start;
  padding: 2.4rem;
  gap: 4rem;
  border-bottom: 1px solid #E0E0E0;
}
.board-write-type2-title {
  width: 6.5rem;
  flex-shrink: 0;
}
.board-write-type2-input {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.board-write-type2-input .question {
  font-size: 1.8rem;
  color: #616161;
  margin-bottom: 1.2rem;
}
.board-write-type2-input .input {
  width: 100%;
}
@media (max-width: 640px) {
  .board-write-type2 > li {
    flex-direction: column;
    gap: 1rem;
    padding: 2.4rem 0;
  }
  .board-write-type2-title {
    width: 100%;
  }
}
.board-list-table:has(.board-list-nodata) td {
  width: 100%;
}

.board-list-new {
  width: 2rem;
  height: 2rem;
  background: #AF125F;
  color: #fff;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
}

.board-view-file-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9rem;
}

.board-view-file-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 0.8rem;
  position: relative;
  padding-left: 3rem;
  color: #222;
  font-size: 1.8rem;
  word-break: break-all;
}
.board-view-file-link:hover span {
  text-decoration: underline;
}
.board-view-file-link > span {
  color: #616161;
}

.board-view-file-volume {
  color: #9e9e9e;
  font-size: 1.6rem;
}
.board-view-file-volume::before {
  content: "(";
}
.board-view-file-volume::after {
  content: ")";
}

.board-view-file-ico {
  position: absolute;
  top: 0.2rem;
  left: 0;
  width: 2rem;
  height: 2rem;
  background: no-repeat 50% 50%/contain;
}
.board-view-file-ico-default {
  background-image: url(/public/images/sub/board-file-ico-def-icon.svg);
}
.board-view-file-ico-hwp {
  background-image: url(/public/images/sub/board-file-ico-hwp.svg);
}

.board-list-table {
  border-top: 2px solid #AF125F;
}
.board-list-table.type2 table tbody td {
  padding: 2rem 1rem;
}
.board-list-table table {
  table-layout: fixed;
}
.board-list-table table thead th {
  background-color: #F6F8F9;
  padding: 2rem 0.5rem;
  text-align: center;
}
.board-list-table table tbody td {
  background-color: #fff;
  border-bottom: 1px solid #dedede;
  padding: 2rem 0.5rem;
  color: #616161;
  text-align: center;
}
.board-list-table table tbody td.board-cell-title {
  text-align: left;
  width: 100%;
}
.board-list-table table tbody td.board-cell-title .board-list-link {
  width: 100%;
  display: inline-flex;
  gap: 0.6rem;
}
@media (min-width: 768px) {
  .board-list-table table tbody td.board-cell-title .board-list-link {
    overflow: hidden;
    align-items: center;
    position: relative;
    max-width: 100%;
    line-height: 1.4;
  }
}
.board-list-table table tbody td.board-cell-title .board-list-link-text {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.board-list-table table tbody td.board-cell-title.type2 {
  text-align: center;
}
@media (max-width: 768px) {
  .board-list-table table tbody td.board-cell-title.type2 {
    text-align: left;
  }
}
.board-list-table table tbody td.board-cell-title.type2 > a {
  display: block;
}
.board-list-table table tbody td.board-cell-title.new a span {
  position: relative;
  padding-right: 2rem;
}
.board-list-table table tbody td.board-cell-title.new a span::before {
  content: "N";
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #D43333;
  position: absolute;
  top: 0.3rem;
  right: 0;
  font-size: 8px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-list-table table tbody td.board-cell-title > a {
  display: flex;
  width: 100%;
}
.board-list-table table tbody td.board-cell-title > a .title {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board-list-table table tbody td.board-cell-title > a .ri-lock-fill {
  color: #9E9E9E;
  font-size: 1.8rem;
  margin-right: 0.5rem;
}
.board-list-table table tbody td .label {
  display: inline-flex;
  padding: 0.5rem 1.5rem;
  border-radius: 0.3rem;
  background: rgba(175, 18, 95, 0.05);
  color: #AF125F;
  font-size: 14px;
  font-weight: 500;
}
.board-list-table table tbody td .label.grey {
  background: #eee;
  color: #757575;
}
.board-list-table table tbody td .label.red {
  background: rgba(255, 0, 0, 0.05);
  color: #FF0000;
}
.board-list-table table tbody td .label.blue {
  background: rgba(39, 91, 171, 0.1);
  color: #275BAB;
}
.board-list-table table tbody td .label.yellow {
  background: rgba(247, 144, 0, 0.1);
  color: #F79000;
}
.board-list-table table tbody td .label.green {
  background: rgba(8, 127, 52, 0.1);
  color: #087F34;
}
.board-list-table table tbody td .label.type2 {
  width: 8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  background: #AF125F;
  color: #fff;
}
.board-list-table table tbody td .label.type2.blue {
  background: #fff;
  border: 1px solid #2E286F;
  color: #2E286F;
}
.board-list-table table tbody td .label.type2.grey {
  background: #E0E0E0;
  color: #757575;
}
@media (max-width: 850px) {
  .board-list-table table thead {
    display: none;
  }
  .board-list-table table tbody tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px 10px;
    padding: 24px 0;
    border-bottom: 1px solid #dedede;
  }
  .board-list-table table tbody tr td {
    border-bottom: 0;
    padding: 0 !important;
    text-align: left;
  }
  .board-list-table table tbody tr td:last-of-type {
    padding-right: 0;
  }
  .board-list-table table tbody tr td:last-of-type::before {
    display: none;
  }
  .board-list-table table .board-cell-title ~ td {
    position: relative;
    padding-right: 8px;
  }
  .board-list-table table .board-cell-title ~ td::before {
    content: "";
    position: absolute;
    top: calc(50% - 6px);
    right: -5px;
    width: 1px;
    height: 12px;
    background-color: #bdbdbd;
  }
  .board-list-table table .board-cell-title.type2 ~ td {
    padding-right: 0;
  }
  .board-list-table table .board-cell-title.type2 ~ td::before {
    display: none;
  }
}
.board-list-table + .btn-wrap {
  margin-top: 4rem;
}

.board-list-nodata {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 14.5rem 0;
}
.board-list-nodata > img {
  width: 6.6rem;
}
.board-list-nodata > p {
  margin-top: 3rem;
  color: #222;
  font-size: 2.2rem;
  font-weight: 700;
}

@media (min-width: 850px) {
  .board-cell-number {
    width: 7rem;
  }
  .board-cell-hit, .board-cell-file {
    width: 8.5rem;
  }
  .board-cell-category {
    width: 8.5rem;
  }
  .board-cell-btns {
    width: 18rem;
  }
  .board-cell-writer {
    width: 9.5rem;
  }
  .board-cell-date {
    width: 13rem;
  }
  .board-cell-name {
    width: 22rem;
  }
  .board-cell-company {
    width: 15rem;
  }
  .board-cell-state {
    width: 12rem;
  }
  .board-cell-task {
    width: 16rem;
  }
  .board-cell-category {
    width: 14rem;
  }
}
.board-wrap-recruit {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.board-wrap-recruit > li > div {
  display: flex;
  gap: 6rem;
  padding: 4rem 6rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
  position: relative;
  transition: 0.1s;
}
.board-wrap-recruit > li > div::before {
  content: "";
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 3px solid #AF125F;
  border-radius: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
  transition: 0.1s;
}
.board-wrap-recruit > li > div:hover {
  border-color: #AF125F;
}
.board-wrap-recruit > li > div:hover::before {
  opacity: 1;
}
.board-wrap-recruit > li > div .logo {
  width: 22rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.board-wrap-recruit > li > div .logo-wrap {
  width: 17.5rem;
  max-width: 100%;
}
.board-wrap-recruit > li > div .logo-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.board-wrap-recruit > li > div .logo-info-site {
  display: flex;
  gap: 1.2rem;
}
.board-wrap-recruit > li > div .logo-info-site > span {
  color: #616161;
  font-weight: 600;
}
.board-wrap-recruit > li > div .logo-info-site > a {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #eee;
  color: #9E9E9E;
  display: flex;
  align-items: center;
  justify-content: center;
}
.board-wrap-recruit > li > div .logo-info address {
  color: #9E9E9E;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.042rem;
  margin-top: 0.5rem;
}
.board-wrap-recruit > li > div .infomation {
  width: 100%;
}
.board-wrap-recruit > li > div .infomation-title {
  font-weight: 700;
  font-size: 2.4rem;
  display: block;
  margin-bottom: 0.4rem;
  color: #424242;
}
.board-wrap-recruit > li > div .infomation-desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.4rem;
}
.board-wrap-recruit > li > div .infomation-desc > b {
  color: #AF125F;
}
.board-wrap-recruit > li > div .infomation-desc > ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.6rem;
  row-gap: 0.4rem;
}
.board-wrap-recruit > li > div .infomation-desc > ul > li {
  padding: 0 1.6rem;
  position: relative;
}
.board-wrap-recruit > li > div .infomation-desc > ul > li:last-of-type::before {
  display: none;
}
.board-wrap-recruit > li > div .infomation-desc > ul > li::before {
  content: "";
  width: 1px;
  height: 1rem;
  background: #ddd;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.board-wrap-recruit > li > div .infomation-hash {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.2rem;
  margin-bottom: 2.4rem;
}
.board-wrap-recruit > li > div .infomation-hash > li > a {
  display: block;
  padding: 0.5rem 1.6rem;
  border-radius: 5rem;
  border: 1px solid #AF125F;
  color: #AF125F;
  line-height: 1.4;
  letter-spacing: -0.048rem;
  transition: 0.1s;
}
.board-wrap-recruit > li > div .infomation-hash > li > a:hover {
  background: #AF125F;
  color: #fff;
}
.board-wrap-recruit > li > div .infomation-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem 4rem;
  padding-top: 2.4rem;
  border-top: 1px solid #ddd;
}
.board-wrap-recruit > li > div .infomation-bottom .btn1 {
  width: 17.5rem;
  flex-shrink: 0;
  padding: 0 2.2rem;
}
.board-wrap-recruit > li > div .infomation-bottom-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 2.4rem;
}
.board-wrap-recruit > li > div .infomation-bottom-list > li {
  width: calc(50% - 1.2rem);
  display: flex;
  letter-spacing: -0.048rem;
}
.board-wrap-recruit > li > div .infomation-bottom-list > li strong {
  width: 6.6rem;
  flex-shrink: 0;
  color: #757575;
}
.board-wrap-recruit > li > div .infomation-bottom-list > li span {
  width: 100%;
  color: #9e9e9e;
}
@media (max-width: 1280px) {
  .board-wrap-recruit > li > div {
    padding: 3rem;
  }
  .board-wrap-recruit > li > div .infomation-bottom {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .board-wrap-recruit > li > div {
    flex-direction: column;
    gap: 3rem;
  }
  .board-wrap-recruit > li > div .logo {
    width: 100%;
    gap: 1.5rem;
  }
  .board-wrap-recruit > li > div .infomation-bottom-list > li {
    width: 100%;
  }
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6.4rem;
  gap: 0.4rem;
}
.pagination > a {
  width: 4rem;
  height: 4rem;
  border-radius: 0.3rem;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  color: #424242;
  transition: 0.2s;
}
.pagination > a:hover {
  border-color: #222;
}
.pagination > a.current {
  background: #222;
  border-color: #222;
  color: #fff;
}
.pagination-prev {
  margin-right: 0.6rem;
}
.pagination-next {
  margin-left: 0.6rem;
}
@media (max-width: 487px) {
  .pagination-prev, .pagination-next {
    display: none !important;
  }
}

.apply-fixedMenu {
  position: fixed;
  right: 6rem;
  bottom: 6rem;
  z-index: 2;
  transition: 0.5s;
}
.apply-fixedMenu.bottom {
  bottom: 32rem;
}
.apply-fixedMenu a {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.apply-fixedMenu a img {
  width: 8rem;
}
.apply-fixedMenu a span {
  color: #757575;
  font-weight: 600;
}
@media (max-width: 1280px) {
  .apply-fixedMenu {
    right: 2rem;
    bottom: 2rem;
  }
  .apply-fixedMenu a {
    gap: 0.8rem;
  }
  .apply-fixedMenu a img {
    width: 6.5rem;
  }
}
@media (max-width: 768px) {
  .apply-fixedMenu a span {
    display: none;
  }
}
.apply-banner {
  padding: 5rem 8rem;
  background: url(/public/images/sub/apply-banner.png) no-repeat right/cover;
  border-radius: 1.2rem;
  color: #fff;
  margin-bottom: 8rem;
}
@media (max-width: 1280px) {
  .apply-banner {
    background-position: 50%;
    padding: 5rem 3rem;
  }
}
@media (max-width: 587px) {
  .apply-banner {
    padding-bottom: 18rem;
    background-color: #2E286F;
    background-position: 76% bottom;
    background-size: 240%;
  }
}
.apply-banner > strong {
  font-size: 2.2rem;
  line-height: 1.4;
}
.apply-banner p {
  margin-top: 1.2rem;
  opacity: 0.8;
  font-size: 1.8rem;
}
.apply-banner.banner2 {
  background-image: url(/public/images/sub/apply-banner2.png);
  background-color: #aeb5ec;
}
.apply-banner.banner2 > strong {
  color: #2E286F;
  font-weight: 700;
}
.apply-banner.banner2 p {
  margin-top: 0.8rem;
  opacity: 1;
  color: #616161;
}
.apply-banner.banner2 .info {
  display: inline-flex;
  align-items: center;
  margin-top: 2.4rem;
  padding: 0.4rem 0.8rem;
  border-radius: 5rem;
  background: #555F9E;
  gap: 0.5rem 0;
}
.apply-banner.banner2 .info > span {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 0 1.6rem;
  position: relative;
}
.apply-banner.banner2 .info > span:last-of-type::before {
  display: none;
}
.apply-banner.banner2 .info > span::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #e0e0e0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 420px) {
  .apply-banner.banner2 .info {
    flex-direction: column;
    align-items: flex-start;
  }
  .apply-banner.banner2 .info > span::before {
    display: none;
  }
}
.apply-btn {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 8rem;
}
.apply-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 9rem;
  border-radius: 0.6rem;
  border: 1px solid #e0e0e0;
  background: #F6F8F9;
  color: #9e9e9e;
  font-size: 2rem;
  font-weight: 600;
}
.apply-btn a i {
  font-size: 2.4rem;
  font-weight: 400;
  margin-right: 1.2rem;
}
.apply-btn a.active {
  background: #fff;
  border-radius: 0.6rem;
  border: 3px solid #AF125F;
  color: #AF125F;
}
.apply-form {
  display: none;
}
.apply-form.active {
  display: block;
}
.apply .btn-wrap {
  margin-top: 8rem;
}

.grey-box {
  border-radius: 1.2rem;
  border: 1px solid #e0e0e0;
  background: #F6F8F9;
  padding: 2.4rem;
  margin-bottom: 1.2rem;
  color: #757575;
}
.grey-box.scroll {
  max-height: 18rem;
  overflow-y: auto;
}
.grey-box.all-agree {
  padding: 2.4rem 4rem;
}
@media (max-width: 580px) {
  .grey-box.all-agree {
    padding: 2.4rem;
  }
}

.radio-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 2.4rem;
}

.check-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 2.4rem;
}

[class*=plupload],
[class*=plupload] * {
  font-family: "Spoqa Han Sans Neo", "Noto Sans KR";
}

.plupload {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
}

.plupload_header_content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.6rem;
  padding: 1.6rem 3.2rem;
  background-color: #f5f5f5;
  border-radius: 0.3rem;
  border: 1px solid #e0e0e0;
}

.plupload_header_info {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  gap: 1rem calc(3.2rem + 1px);
}

.plupload_header_info li {
  flex-shrink: 0;
  position: relative;
  color: #9e9e9e;
  font-size: 1.6rem;
}

.plupload_header_info li:before {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(-1.6rem - 1px);
  width: 1px;
  height: 1.4rem;
  background-color: #bdbdbd;
  transform: translatey(-50%);
}

.plupload_header_info li:last-child:before {
  display: none;
}

.plupload_header_file_status {
  display: flex;
  column-gap: 1.2rem;
  align-items: center;
  flex-shrink: 0;
  visibility: hidden;
  color: #9e9e9e;
  font-size: 1.4rem;
}

.plupload_progress_container {
  position: relative;
  overflow: hidden;
  width: 10rem;
  height: 4px;
  border-radius: 2px;
  background-color: #e0e0e0;
}

.plupload_progress_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  border-radius: 2px;
}

@media (max-width: 1279px) {
  .plupload_add {
    order: 1;
    margin-right: auto;
  }
  .plupload_header_info {
    order: 3;
    width: 100%;
  }
  .plupload_header_file_status {
    order: 2;
  }
}
@media (max-width: 380px) {
  .plupload_header_info {
    flex-direction: column;
  }
  .plupload_header_info li:before {
    display: none;
  }
}
/* 파일 업로드 시 */
.plupload_header_content.uploading .plupload_header_file_status {
  visibility: visible;
}

.plupload_header_content.uploading .plupload_progress_bar {
  background-color: #222;
}

/* 업로드 완료 시 */
.plupload_header_content.uploaded .plupload_header_file_status {
  visibility: visible;
}

.plupload_header_content.uploaded .plupload_progress_bar {
  background-color: #364fc7;
}

.plupload_add {
  flex-shrink: 0;
  color: #fff;
}

.plupload_remove {
  margin-left: 1rem;
}

.plupload_file_uploading {
  color: #9e9e9e;
  font-size: 1.6rem;
}

.plupload_filelist {
  position: relative;
  background-color: #fff;
  border-radius: 3px;
  transition: 0.5s background-color, 0.5s border-color;
  border: 1px dashed #bdbdbd;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
@media (max-width: 640px) {
  .plupload_filelist {
    display: none;
  }
}

.plupload_filelist::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Opera*/
}

.plupload_filelist:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 0.3rem;
  transition: 0.5s;
  border: 2px dashed #424242;
  opacity: 0;
}

.plupload_droptext {
  display: flex;
  align-items: center;
  column-gap: 6px;
  padding: 3.2rem;
  background-color: #fff;
  color: #757575;
  font-size: 1.6rem;
  font-weight: 500;
  transition: 0.5s;
}

.plupload_droptext i {
  position: relative;
  /*top:-.25rem;*/
  font-size: 2rem;
  font-weight: 400;
}

.plupload_filelist.drag_over {
  overflow: visible !important;
  background-color: #fafafa;
  border-color: transparent;
}

.plupload_filelist.drag_over:before {
  opacity: 1;
}

.plupload_filelist.drag_over .plupload_droptext {
  padding: 4.8rem 3.2rem;
}

.plupload_filelist > li:not(.plupload_droptext) {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  padding: 2rem 3.2rem;
  background-color: #fff;
  cursor: pointer;
}

.plupload_filelist > li:not(.plupload_droptext):before {
  content: "";
  position: absolute;
  top: calc(50% - 0.7rem);
  left: 1.6rem;
  width: 0.7rem;
  height: 1.4rem;
  background: url(/mxds/images/fileupload-draggable-ico.svg) no-repeat 50% 50%/contain;
  opacity: 0;
  transition: 0.25s opacity;
}

.plupload_filelist.drag_over > li:not(.plupload_droptext) {
  background-color: transparent;
}

.plupload_filelist > li + li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 1.6rem;
  width: calc(100% - 3.2rem);
  height: 1px;
  border-top: 1px dotted #e0e0e0;
}

.plupload_filelist > li:not(.plupload_droptext):hover:before,
.plupload_filelist > li.ui-sortable-helper:before {
  opacity: 1;
}

.plupload_filelist > li.ui-sortable-helper {
  background-color: rgba(255, 255, 255, 0.5);
}

.plupload_filelist > li.ui-sortable-helper:after {
  display: none;
}

.plupload_file_status .alert-message {
  padding-right: 2.8rem;
  padding-left: 0;
}

.plupload_file_status .alert-message:before {
  left: auto;
  right: 0;
}

.plupload_file_name {
  display: flex;
  align-items: center;
  margin-right: auto;
  color: #9e9e9e;
  font-size: 1.6rem;
}

.plupload_file_name i {
  position: relative;
  font-size: 2rem;
  transform: tranlsatey(-2.5%);
}

.plupload_file_size {
  margin: auto 1.2rem auto 2rem;
  color: #9e9e9e;
  font-size: 1.4rem;
}

/*.plupload_file_action{margin-left:auto;}*/
.plupload_file_control {
  color: #222;
}

.plupload_file_name .icon-empty-page {
  margin-right: 0.8rem;
}

@media (max-width: 767px) {
  .plupload_file_name {
    width: 100%;
  }
}
/* 업로드 완료 시 예외처리 */
.plupload_done .plupload_file_name *:not(.plupload_file_size) {
  color: #616161;
}

.tab > ul {
  display: flex;
}
.tab > ul > li {
  width: 100%;
  min-height: 6.4rem;
}
.tab > ul > li:first-of-type > a {
  border-left: 1px solid #e0e0e0;
}
.tab > ul > li > a {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  background: #F6F8F9;
  color: #616161;
  border: 1px solid #e0e0e0;
  border-left: 0;
  position: relative;
}
.tab > ul > li > a i {
  font-size: 2rem;
}
.tab > ul > li > a.active {
  background: #fff;
  color: #AF125F;
  border-top: 0;
  border-bottom: 0;
}
.tab > ul > li > a.active::before {
  content: "";
  width: 100%;
  height: 0.3rem;
  background: #AF125F;
  position: absolute;
  left: 0;
  top: 0;
}
.tab > a {
  display: flex;
  height: 53px;
  align-items: center;
  padding: 10px 20px;
  font-size: 16px;
  background: #AF125F;
  color: #fff;
  border-radius: 0.3rem;
  overflow: hidden;
  position: relative;
  gap: 10px;
}
.tab > a::after {
  content: "\ea4e";
  font-family: "remixicon";
  font-size: 18px;
  color: #fff;
  position: absolute;
  right: 16px;
  transition: 0.3s;
}
.tab.mobile {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.tab.mobile.active > a::after {
  transform: rotate(180deg);
}
.tab.mobile.active > ul {
  display: block;
}
.tab.mobile > ul {
  display: none;
  border: 1px solid #e0e0e0;
  border-radius: 0.3rem;
  overflow: hidden;
  flex-direction: column;
}
.tab.mobile > ul > li {
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  min-height: auto;
  height: 53px;
}
.tab.mobile > ul > li:last-of-type {
  border-bottom: 0;
}
.tab.mobile > ul > li > a {
  justify-content: flex-start;
  border: 0;
  padding: 10px 20px;
  font-size: 16px;
  background: #fff;
}
.tab.mobile > ul > li > a:hover {
  background: #F6F8F9;
}
.tab.mobile > ul > li > a.active {
  background: #F6F8F9;
}
.tab.mobile > ul > li > a.active::before {
  display: none;
}

.mypage-title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 4rem;
  margin-bottom: 6rem;
  gap: 2rem;
}
.mypage-title > strong {
  font-size: 4rem;
  line-height: 1.2;
}

.icon-btn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  padding: 4rem 2.5rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  position: relative;
}
.icon-btn:hover {
  border: 1px solid #AF125F;
}
.icon-btn:hover::before {
  opacity: 1;
}
.icon-btn:hover .icon-btn-txt .number {
  border-color: #AF125F;
}
.icon-btn::before {
  content: "";
  width: calc(100% + 0.5rem);
  height: calc(100% + 0.5rem);
  background: #AF125F;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.3rem;
  z-index: -1;
  opacity: 0;
  transition: 0.2s;
}
.icon-btn-wrap {
  display: flex;
  gap: 2.4rem;
}
.icon-btn > img {
  width: 12rem;
  flex-shrink: 0;
}
.icon-btn-txt > strong {
  display: block;
  margin-bottom: 1.2rem;
  font-size: 2.4rem;
}
.icon-btn-txt .number {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.4rem;
  font-size: 2rem;
  line-height: 1;
  font-weight: 500;
  padding-bottom: 0.8rem;
  border-bottom: 2px solid #fff;
}
.icon-btn-txt .number b {
  font-size: 4rem;
  color: #AF125F;
  line-height: 0.8;
}
@media (max-width: 1280px) {
  .icon-btn {
    padding: 2.5rem;
    gap: 2rem;
  }
  .icon-btn-txt > strong {
    font-size: 2rem;
  }
}
@media (max-width: 1024px) {
  .icon-btn-wrap {
    flex-direction: column;
  }
}

.withdrawal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6.5rem 2.5rem;
  border-radius: 0.3rem;
  border: 1px solid #e0e0e0;
  background: #F6F8F9;
  text-align: center;
}
.withdrawal > strong {
  font-size: 2.8rem;
  color: #AF125F;
  margin-top: 1.2rem;
}
.withdrawal > p {
  font-size: 2.2rem;
  color: #616161;
  margin-top: 1.2rem;
}
.withdrawal .btn1 {
  margin-top: 4rem;
}
.withdrawal-modal-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.withdrawal-modal-icon {
  width: 8rem;
  margin-bottom: 2.4rem;
}
.withdrawal-modal-title {
  font-size: 2.4rem;
  color: #AF125F;
  margin-bottom: 1.2rem;
}
.withdrawal-modal-desc {
  font-size: 2rem;
  margin-bottom: 4rem;
}
.withdrawal-modal .btn-wrap {
  width: 100%;
}
.withdrawal-modal .btn-wrap .btn1 {
  width: calc(50% - 0.6rem);
}
.withdrawal-modal .btn-wrap .btn1.bk {
  background: #222;
}

.modal {
  width: 60rem;
  max-width: 93.5%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 6rem;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 1.2rem;
  z-index: 5;
  text-align: center;
}
.modal.type2 {
  position: static;
  transform: translate(0, 0);
  display: block;
}
.modal .close {
  position: absolute;
  right: 6rem;
  top: 6rem;
  font-size: 2.8rem;
}
.modal .modal-title {
  display: block;
  margin-bottom: 4rem;
  text-align: left;
  font-size: 2.4rem;
}
.modal-input {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-input-title {
  font-size: 1.8rem;
  margin-bottom: 0.2rem;
  text-align: left;
}
.modal-input .input input {
  height: 4.8rem;
}
.modal-input .input:has(.time) {
  position: relative;
}
.modal-input .input .time {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #D43333;
  padding-left: 2rem;
}
.modal-input .input .time::before {
  content: "\f215";
  font-family: "remixicon";
  font-size: 1.6rem;
  position: absolute;
  left: 0;
  top: -0.15rem;
}
.modal .error {
  color: #D43333;
  line-height: 1.5;
  padding-left: 2.5rem;
  margin-top: 0.8rem;
  text-align: left;
  position: relative;
}
.modal .error::before {
  content: "\ee58";
  font-family: "remixicon";
  position: absolute;
  left: 0;
  top: -0.1rem;
  color: #D43333;
  font-size: 1.8rem;
}
@media (max-width: 640px) {
  .modal {
    padding: 4rem 2.5rem;
  }
  .modal .close {
    right: 2rem;
    top: 2rem;
  }
}

.modal {
  display: none;
}
.modal.active {
  display: block;
}

.resume-title {
  width: 100%;
  height: auto !important;
  padding: 3rem 2.5rem !important;
  border: 2px solid #AF125F !important;
  margin: 0 !important;
  border-radius: 1.2rem !important;
  font-size: 2.6rem !important;
  color: #AF125F;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  resize: none;
  line-height: 1.2;
  box-sizing: border-box;
}
.resume-title::placeholder {
  font-size: 2.6rem;
  color: #ccc;
  opacity: 1;
  /* 일부 브라우저에서 투명도 조절 */
  padding: -1rem 0;
  /* 텍스트와 동일한 패딩 */
  display: block;
  /* placeholder를 블록으로 처리 */
  box-sizing: border-box;
  /* padding 포함하여 높이 계산 */
}
.resume-title:focus {
  outline: none;
}
.resume-title input,
.resume-title textarea {
  width: 100%;
  outline: none;
  border: 0;
  font-size: 2.6rem;
  color: #AF125F;
  font-weight: 500;
  text-align: center;
}
.resume-title input::placeholder,
.resume-title textarea::placeholder {
  font-size: 2.6rem;
  color: #9e9e9e;
}
@media (max-width: 1024px) {
  .resume-title {
    font-size: 2.4rem;
  }
  .resume-title::placeholder {
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .resume-title {
    font-size: 2.2rem;
  }
  .resume-title::placeholder {
    font-size: 2rem;
    line-height: 1.4;
    padding-bottom: 1rem;
  }
}
@media (max-width: 536px) {
  .resume-title {
    font-size: 2rem;
  }
}
.resume-table {
  display: flex;
  align-items: flex-start;
  gap: 6rem;
}
.resume-table .board-write {
  width: 100%;
}
.resume-table .board-write table th {
  width: 20rem;
}
.resume-table .board-write table td {
  color: #616161;
}
.resume-table .board-write > p {
  margin-top: 0.8rem;
  color: #757575;
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
}
.resume-table .board-write > p i {
  color: #AF125F;
  font-size: 1.8rem;
  line-height: 1.3;
}
.resume-table-profile {
  width: 20.5rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.resume-table-profile .img {
  aspect-ratio: 1/1.2;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.resume-table-profile .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.resume-table-profile .btn-wrap {
  gap: 0.8rem;
}
.resume-table-profile .btn-wrap input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.resume-table-profile .btn-wrap > *:not(input) {
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 500;
  border-radius: 0.3rem;
}
.resume-table-profile .btn-wrap label {
  cursor: pointer;
  -webkit-user-select: none;
}
.resume-table-profile .btn-wrap label.red {
  width: 100%;
  background: #AF125F;
}
.resume-table-profile .btn-wrap label.blue {
  width: calc(50% - 0.4rem);
  background: #275BAB;
}
.resume-table-profile .btn-wrap .bk {
  width: calc(50% - 0.4rem);
  background: #222;
}
@media (max-width: 1024px) {
  .resume-table {
    flex-direction: column-reverse;
    align-items: center;
    gap: 3rem;
  }
}
.resume .chosen-container {
  height: 4rem;
}
.resume #military_state + .chosen-container {
  width: 22rem !important;
}
@media (max-width: 640px) {
  .resume #military_state + .chosen-container {
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  .resume .select:has(#military_state) {
    width: 100%;
  }
}

.working-area {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
  padding: 0.8rem 0;
}
.working-area .check-wrap > span:first-of-type label {
  color: #222;
}

.form-add > li {
  padding: 15px 0;
}
.form-add > li:first-of-type {
  margin-top: 0;
  padding-top: 0 !important;
}
.form-add-delete {
  height: 4rem;
  padding: 0 2.4rem 0 2rem;
}
.form-add-delete span {
  font-size: 1.6rem;
}
.form-add-delete i {
  font-size: 2rem;
}
.form-add.job > li {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  padding: 0;
}
.form-add.academic {
  display: flex;
  flex-direction: column;
}
.form-add.academic > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 15px 0;
}
.form-add.academic > li > div {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
}
.form-add.academic > li textarea {
  min-width: auto;
}
@media (max-width: 1024px) {
  .form-add.academic > li {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
.form-add.activity > li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  position: relative;
}
.form-add.activity > li .select,
.form-add.activity > li .input {
  width: 18rem;
}
.form-add.activity > li .input:has(textarea) {
  width: 100%;
}
.form-add.activity > li .input textarea {
  height: 12rem;
}
.form-add.activity > li .btn3 {
  position: absolute;
  right: 0;
  top: 15px;
}
@media (max-width: 1300px) {
  .form-add.activity > li .btn3 {
    position: static;
  }
}

.information-hash {
  margin: 0;
  gap: 0 1rem;
}
.information-hash-tag {
  margin-top: 2rem;
}
.hireService-slide .swiper-slide {
  box-sizing: border-box;
  height: auto ;
}
.hireService-slide .swiper-slide > a {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 3rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.hireService-slide .swiper-slide > a:hover .txt-title {
  color: #AF125F;
}
.hireService-slide .swiper-slide > a .img {
  width: 19rem;
  aspect-ratio: 1/1.3;
  max-width: 100%;
  flex-shrink: 0;
}
.hireService-slide .swiper-slide > a .img img {
  width: 100%;
  height: 100%;
  /* object-fit: cover; */
  object-fit : contain;
}
.hireService-slide .swiper-slide > a .txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.hireService-slide .swiper-slide > a .txt-label {
  padding: 0.4rem 1.2rem;
  background: #AF125F;
  color: #fff;
  font-weight: 700;
  border-radius: 0.3rem;
}
.hireService-slide .swiper-slide > a .txt-label.blue {
  background: #fff;
  border: 1px solid #2E286F;
  color: #2E286F;
}
.hireService-slide .swiper-slide > a .txt-label.grey {
  background: #E0E0E0;
  color: #757575;
}
.hireService-slide .swiper-slide > a .txt-title {
  font-size: 2.1rem;
  color: #424242;
  margin-top: 1.2rem;
}
.hireService-slide .swiper-slide > a .txt-hash {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1rem;
  color: #9e9e9e;
  margin-top: 1.2rem;
}
.hireService-slide .swiper-slide > a .txt-info {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin-top: 3rem;
}
.hireService-slide .swiper-slide > a .txt-info > span {
  display: flex;
  font-size: 1.8rem;
  color: #424242;
}
.hireService-slide .swiper-slide > a .txt-info-title {
  padding-right: 1.2rem;
  margin-right: 1.2rem;
  position: relative;
  color: #AF125F;
}
.hireService-slide .swiper-slide > a .txt-info-title::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #e0e0e0;
  position: absolute;
  right: 0;
  top: 0.5rem;
}
@media (max-width: 1280px) {
  .hireService-slide .swiper-slide > a .img {
    width: 15rem;
  }
  .hireService-slide .swiper-slide > a {
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .hireService-slide .swiper-slide > a {
    flex-direction: column;
    padding: 3rem 2.5rem;
  }
}
@media (max-width: 420px) {
  .hireService-slide .swiper-slide > a .img {
    width: 100%;
  }
}
.hireService-controller {
  justify-content: center;
  margin-top: 2.4rem;
}
.hireService-tab {
  margin: 6rem 0;
  overflow: visible;
}
.hireService-tab-cont {
  display: none;
}
.hireService-tab-cont.active {
  display: block;
}
.hireService-tab > ul {
  box-sizing: border-box;
}
.hireService-tab > ul > li {
  height: 15.8rem;
  aspect-ratio: 1/1;
}
@media (max-width: 1280px) {
  .hireService-tab > ul > li {
    width: 14rem;
    height: 14rem;
  }
}
.hireService-tab > ul > li > a {
  height: 100%;
  border: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.2rem;
  border-radius: 0.6rem;
  text-align: center;
  position: relative;
}
.hireService-tab > ul > li > a.active2 object {
  display: block;
}
.hireService-tab > ul > li > a.active2 img {
  display: none;
}
.hireService-tab > ul > li > a.active {
  border: 0.3rem solid #AF125F;
  box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(175, 18, 95, 0.24);
}
.hireService-tab > ul > li > a object {
  display: none;
  width: 6.4rem;
  height: 6.4rem;
}
.hireService-tab > ul > li > a img {
  width: 6.4rem;
  height: 6.4rem;
}
.hireService-tab > ul > li > a span {
  color: #424242;
}
.hireService .board-list-table table tbody td {
  padding: 1rem 0.5rem;
}

.swiper-btn {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.swiper-btn > button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ddd;
  font-size: 20px;
}
.swiper-btn > button:hover {
  color: #AF125F;
}
.swiper-btn > button.swiper-button-disabled {
  background: #F6F8F9;
  color: #ddd !important;
}
.swiper-btn .pagination {
  width: auto;
  margin-top: 0;
}
.swiper-btn .pagination-wrap {
  display: flex;
  align-items: center;
  color: #555;
  letter-spacing: 1px;
  font-weight: 600;
}
.swiper-btn .pagination-wrap em {
  padding-left: 0.8rem;
  margin-left: 0.8rem;
  position: relative;
}
.swiper-btn .pagination-wrap em::before {
  content: "";
  height: 1rem;
  width: 1px;
  background: #555;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.swiper-btn .pagination > span {
  margin: 0 !important;
  width: auto;
  height: auto;
  opacity: 1;
  background: none;
  display: none;
}
.swiper-btn .pagination > span.swiper-pagination-bullet-active {
  display: block;
}
.swiper-btn .play {
  display: none;
}
.swiper-btn .play,
.swiper-btn .pause {
  margin-left: 1.2rem;
  position: relative;
}
.swiper-btn .play::before,
.swiper-btn .pause::before {
  content: "";
  width: 1px;
  height: 1.2rem;
  background: #ddd;
  position: absolute;
  left: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}

.membership-process {
  margin-bottom: 6rem;
}
.membership-process > ul {
  display: flex;
  margin: -2.4rem;
}
.membership-process > ul > li {
  width: 33.3333%;
  padding: 2.4rem;
  position: relative;
}
.membership-process > ul > li::before {
  content: "\ea6e";
  font-family: "remixicon";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  font-size: 2.4rem;
  color: #bdbdbd;
}
.membership-process > ul > li:last-of-type::before {
  display: none;
}
.membership-process > ul > li.active > div {
  background: #fff;
  color: #AF125F;
  border: 1px solid #AF125F;
}
.membership-process > ul > li.active .membership-process-step {
  color: #AF125F;
}
.membership-process > ul > li > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 2rem;
  border-radius: 1.2rem;
  background: #FAFAFA;
  border: 1px solid #fafafa;
}
.membership-process-step {
  color: #9E9E9E;
}
.membership-process-title {
  font-size: 2rem;
  font-weight: 600;
}
@media (max-width: 640px) {
  .membership-process > ul {
    flex-direction: column;
  }
  .membership-process > ul > li {
    width: 100%;
  }
  .membership-process > ul > li::before {
    right: auto;
    top: auto;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%) rotate(90deg);
  }
}

.membership-success {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 8.85rem 16rem;
  background: url(/public/images/sub/membership-success.jpg) no-repeat right/cover;
  background-color: #FEF0F7;
  border-radius: 1.2rem;
  overflow: hidden;
}
.membership-success > strong {
  font-size: 2.4rem;
  color: #AF125F;
}
.membership-success > p {
  color: #616161;
  margin-top: 1.2rem;
}
.membership-success .btn1 {
  margin-top: 4rem;
}
@media (max-width: 1280px) {
  .membership-success {
    padding: 8rem 4rem;
    background-position: 50%;
  }
}

.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 6rem 2.5rem;
  border-radius: 0.3rem;
  background: #F6F8F9;
  border: 1px solid #e0e0e0;
  text-align: center;
}
.login-title {
  font-size: 2.8rem;
  margin-bottom: 1.2rem;
}
.login > p {
  color: #616161;
}
.login-input {
  width: 54.7rem;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
  margin-top: 4rem;
  margin-bottom: 2.4rem;
}
.login-input > div {
  width: calc(100% - 12rem - 1.2rem);
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.login-input > button {
  width: 12rem;
  flex-shrink: 0;
  background: #AF125F;
  border-radius: 0.3rem;
  color: #fff;
}
.login-input .check {
  width: 100%;
  text-align: left;
}
.login-btns {
  width: 54.7rem;
  max-width: 100%;
  display: flex;
  gap: 2.4rem;
  text-align: left;
}
.login-btns > div {
  width: 100%;
}
.login-btns > div > p {
  color: #616161;
  margin-bottom: 0.8rem;
}
.login-btns .btn1 {
  width: 100%;
}
.login.certify .login-title {
  margin-top: 1.2rem;
}
.login.certify .login-title + span {
  font-size: 2.2rem;
  color: #424242;
  margin-bottom: 1.2rem;
}
.login.certify .btn-wrap {
  margin-top: 4rem;
}
.login.certify .id-input {
  width: 41.5rem;
  max-width: 100%;
}
.login.certify .id-input + p {
  width: 41.5rem;
  max-width: 100%;
  margin-top: 1rem;
}
.login.certify .id-input + p::before {
  line-height: 1;
}
.login.result .login-title {
  font-size: 2.2rem;
  color: #616161;
  margin: 1.2rem 0 4rem;
}
@media (max-width: 580px) {
  .login-btns {
    flex-direction: column;
  }
}
@media (max-width: 420px) {
  .login-input > div {
    width: 100%;
  }
  .login-input > button {
    width: 100%;
    height: 4.8rem;
  }
}

.certify-noti {
  margin-top: 1.2rem;
  color: #757575;
}
.certify-noti::before {
  line-height: 1;
}

.tab2 {
  margin-bottom: 6rem;
}
.tab2 > ul {
  display: flex;
  gap: 2.4rem;
}
.tab2 > ul > li {
  width: 100%;
}
.tab2 > ul > li.active > a {
  background: #fff;
  border: 0.3rem solid #AF125F;
  color: #AF125F;
}
.tab2 > ul > li > a {
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F6F8F9;
  border: 1px solid #e0e0e0;
  border-radius: 0.6rem;
  font-size: 2rem;
  color: #9E9E9E;
}
.tab2 > ul > li > a i {
  font-size: 2.4rem;
  margin-right: 1.2rem;
}
.tab2 > ul > li > a span {
  font-weight: 600;
}
@media (max-width: 580px) {
  .tab2 > ul {
    flex-direction: column;
    gap: 1rem;
  }
  .tab2 > ul > li > a {
    height: 8rem;
  }
}

.recruitView {
  display: flex;
}
.recruitView-infoBox {
  width: 33.6rem;
  flex-shrink: 0;
  position: relative;
}
.recruitView-infoBox-wrap {
  position: sticky;
  top: 14rem;
}
.recruitView-infoBox-wrap > div:first-of-type {
  border-radius: 1.2rem;
  border: 1px solid #ddd;
  background: #FFF;
  margin-bottom: 2.4rem;
}
.recruitView-infoBox-wrap > div .logo {
  height: 16.7rem;
  border-bottom: 1px solid #ddd;
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitView-infoBox-wrap > div .logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.recruitView-infoBox-wrap > div .desc {
  padding: 4rem 3.2rem;
}
.recruitView-infoBox-wrap > div .desc-company {
  display: block;
  margin-bottom: 0.8rem;
}
.recruitView-infoBox-wrap > div .desc-title {
  display: block;
  font-size: 2.4rem;
  margin-bottom: 3.2rem;
}
.recruitView-infoBox-wrap > div .desc-list {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.recruitView-infoBox-wrap > div .desc-list > li {
  display: flex;
  align-items: flex-start;
}
.recruitView-infoBox-wrap > div .desc-list > li > span {
  width: 8rem;
  flex-shrink: 0;
  color: #424242;
  font-weight: 500;
}
.recruitView-infoBox-wrap > div .desc-list > li > div {
  width: 100%;
  color: #616161;
}
.recruitView-infoBox-btns {
  display: flex;
  gap: 0.8rem;
}
.recruitView-infoBox-btns > a {
  height: 7.2rem;
  border-radius: 0.6rem;
}
.recruitView-infoBox-btns > a.red {
  width: 100%;
  padding: 0 3.2rem 0 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #AF125F;
  color: #fff;
}
.recruitView-infoBox-btns > a.red span {
  font-size: 1.8rem;
}
.recruitView-infoBox-btns > a.red i {
  font-size: 2.4rem;
}
.recruitView-infoBox-btns > a.wt {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border: 1px solid #ddd;
  background: #FFF;
}
.recruitView-infoBox-btns > a.wt i {
  color: #616161;
  font-size: 2.4rem;
}
.recruitView-cont {
  width: calc(100% - 33.6rem);
  padding-right: 4rem;
}
.recruitView-cont-slide {
  position: relative;
  margin-bottom: 6rem;
}
.recruitView-cont-slide .swiper {
  aspect-ratio: 1/0.61;
  border-radius: 1.2rem;
}
.recruitView-cont-slide .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruitView-cont-slide .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  z-index: 2;
}
.recruitView-cont-slide .arrow.swiper-button-disabled {
  opacity: 0;
}
.recruitView-cont-slide .arrow.next {
  right: -1.6rem;
}
.recruitView-cont-slide .arrow.prev {
  left: -1.6rem;
}
.recruitView-cont-slide .pagination {
  width: auto;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  padding: 0.5rem 2rem;
  border-radius: 5rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 1;
}
.recruitView-tab {
  margin-bottom: 4rem;
}
.recruitView-tab > ul {
  display: flex;
}
.recruitView-tab > ul > li {
  width: 100%;
}
.recruitView-tab > ul > li > a {
  width: 100%;
  height: 5.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  background: #F6F8F9;
  font-size: 1.8rem;
  color: #9E9E9E;
}
.recruitView-tab > ul > li > a.active {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 0;
  border-top: 2px solid #AF125F;
  background: #fff;
  color: #AF125F;
  font-weight: 500;
}
.recruitView-tab-cont.active {
  display: block !important;
}
.recruitView-template {
  border-radius: 1.2rem;
  background: #F8704B;
  padding: 8rem;
  position: relative;
  overflow: hidden;
}
.recruitView-template.blue {
  background: #0B5BB8;
}
.recruitView-template.blue .recruitView-template-title {
  position: relative;
}
.recruitView-template.blue .recruitView-template-title .img {
  right: -4rem;
  top: auto;
  bottom: -8rem;
}
.recruitView-template.blue .recruitView-template-title .text > span {
  color: #fff;
  opacity: 0.5;
}
.recruitView-template.blue .recruitView-template-title .text .date {
  background: #213B7C;
}
.recruitView-template.blue .recruitView-template-title .text .date b {
  color: #FFF500;
}
.recruitView-template.blue .recruitView-template-cont {
  position: relative;
}
.recruitView-template.blue .recruitView-template-cont-title {
  background: #26CDE4;
  color: #fff;
}
.recruitView-template.blue .recruitView-template-cont .list > li .txt .hash {
  color: #4B7BF8;
  border-color: #4B7BF8;
  background: #EEF3FF;
}
.recruitView-template.blue .btn-wrap .btn1 {
  background: #2E286F;
}
.recruitView-template.green {
  background: #0E706F;
}
.recruitView-template.green .recruitView-template-title .img {
  top: 2rem;
}
.recruitView-template.green .recruitView-template-title .text > span {
  color: #fff;
  opacity: 0.5;
}
.recruitView-template.green .recruitView-template-title .text .date {
  background: #17504F;
}
.recruitView-template.green .recruitView-template-title .text .date b {
  color: #FF686B;
}
.recruitView-template.green .recruitView-template-cont {
  position: relative;
}
.recruitView-template.green .recruitView-template-cont-title {
  background: #74B640;
  color: #fff;
}
.recruitView-template.green .recruitView-template-cont .list > li .txt .hash {
  color: #0E706F;
  border-color: #0E706F;
  background: #E6F0F0;
}
.recruitView-template.green .btn-wrap .btn1 {
  background: #0B4545;
}
.recruitView-template-title {
  display: flex;
  margin-bottom: 6rem;
}
.recruitView-template-title .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 34rem;
}
.recruitView-template-title .text > span {
  letter-spacing: 0.32rem;
  text-transform: uppercase;
  color: #00396D;
  margin-bottom: 2.4rem;
}
.recruitView-template-title .text > strong {
  font-size: 4.8rem;
  line-height: 1.2;
  letter-spacing: -0.144rem;
  color: #fff;
  margin-bottom: 4rem;
}
.recruitView-template-title .text .date {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1rem 3.2rem;
  border-radius: 2.4rem;
  background: #CB4824;
  font-size: 2rem;
  color: #fff;
}
.recruitView-template-title .text .date b {
  color: #ffeed1;
  font-weight: 800;
  padding-right: 1.2rem;
  margin-right: 1.2rem;
  position: relative;
}
.recruitView-template-title .text .date b::before {
  content: "";
  width: 1px;
  height: 1.6rem;
  background: #ddd;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.recruitView-template-title .img {
  position: absolute;
  right: 0;
  top: 5rem;
}
.recruitView-template-cont {
  background: #fff;
  border-radius: 2.4rem;
  overflow: hidden;
  margin-top: 4rem;
}
.recruitView-template-cont-title {
  display: block;
  color: #FFEED1;
  font-size: 2.4rem;
  padding: 1.2rem 4rem;
  background: #00396D;
}
.recruitView-template-cont-box {
  padding: 4rem;
}
.recruitView-template-cont-box .list {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
.recruitView-template-cont-box .list > li {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.recruitView-template-cont-box .list > li .icon {
  width: 8rem;
  flex-shrink: 0;
}
.recruitView-template-cont-box .list > li .txt {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.recruitView-template-cont-box .list > li .txt b {
  color: #00396D;
  font-size: 2rem;
}
.recruitView-template-cont-box .list > li .txt > div {
  font-size: 1.8rem;
  color: #616161;
}
.recruitView-template-cont-box .list > li .txt > div:has(.hash) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.recruitView-template-cont-box .list > li .txt .hash {
  display: inline-block;
  padding: 0.8rem 2.25rem;
  background: #FCF6F4;
  font-weight: 600;
  color: #F8704B;
  border: 1px solid #F8704B;
  border-radius: 1.2rem;
}
@media (max-width: 420px) {
  .recruitView-template-cont-box .list > li .txt .hash {
    padding: 0.5rem 1rem;
    font-size: 15px;
  }
}
.recruitView-template-cont-box .list > li .txt .info {
  display: flex;
  gap: 0.5rem 2.4rem;
  flex-wrap: wrap;
}
.recruitView-template-cont-box .list > li .txt .info > li {
  display: flex;
  gap: 0.8rem;
  font-size: 1.8rem;
  color: #616161;
}
.recruitView-template-cont-box .list > li .txt .info > li i {
  color: #00396D;
}
.recruitView-template .btn-wrap {
  justify-content: flex-start;
}
.recruitView-template .btn-wrap .btn1 {
  height: 4rem;
}
.recruitView-template .btn-wrap + p {
  color: #616161;
}
@media (max-width: 1280px) {
  .recruitView-template {
    padding: 5rem 3rem;
  }
  .recruitView-template-title .text {
    padding-right: 0;
  }
  .recruitView-template-title .img {
    display: none;
  }
}
@media (max-width: 640px) {
  .recruitView-template {
    padding: 5rem 2rem;
  }
  .recruitView-template-title .text > strong {
    font-size: 3.5rem;
  }
  .recruitView-template-cont-box {
    padding: 3rem 2rem;
  }
}
@media (max-width: 420px) {
  .recruitView-template-cont-box .list > li {
    align-items: flex-start;
  }
  .recruitView-template-cont-box .list > li .icon {
    width: 6rem;
  }
}
.recruitView .company-info {
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid #e0e0e0;
}
.recruitView .company-info-logo {
  width: 24rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.recruitView .company-info-txt {
  width: 100%;
}
.recruitView .company-info-txt > strong {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 20px;
  margin-bottom: 1.4rem;
}
.recruitView .company-info-txt > strong a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  background: #eee;
  color: #616161;
  font-size: 2rem;
  font-weight: 400;
}
.recruitView .company-info-txt > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem 3rem;
}
.recruitView .company-info-txt > ul > li {
  width: calc(50% - 1.5rem);
  display: flex;
}
.recruitView .company-info-txt > ul > li.w100 {
  width: 100%;
}
.recruitView .company-info-txt > ul > li > b {
  width: 6.7rem;
  flex-shrink: 0;
  color: #424242;
  font-weight: 500;
}
.recruitView .company-info-txt > ul > li > p {
  color: #616161;
}
@media (max-width: 1280px) {
  .recruitView .company-info-txt > ul > li {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .recruitView .company-info {
    flex-direction: column;
  }
}
@media (max-width: 587px) {
  .recruitView .company-info {
    padding: 4rem;
  }
  .recruitView .company-info-txt > ul {
    font-size: 16px;
  }
}
.recruitView-service {
  position: relative;
  margin-bottom: 0.8rem;
}
.recruitView-service .swiper {
  aspect-ratio: 1/0.61;
  border-radius: 1.2rem;
}
.recruitView-service .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruitView-service .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 3.2rem;
  height: 3.2rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  z-index: 2;
}
.recruitView-service .arrow.prev {
  left: -1.6rem;
}
.recruitView-service .arrow.next {
  right: -1.6rem;
}
.recruitView-service .pagination {
  width: auto;
  position: absolute;
  left: 50%;
  bottom: 2rem;
  transform: translateX(-50%);
  padding: 0.5rem 2rem;
  border-radius: 5rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  z-index: 1;
}
.recruitView-service-thumbs .swiper-slide {
  box-sizing: border-box;
  aspect-ratio: 1/0.56;
  border-radius: 0.6rem;
  overflow: hidden;
  border: 0.3rem solid #fff;
}
.recruitView-service-thumbs .swiper-slide-thumb-active {
  border: 0.3rem solid #AF125F;
}
.recruitView-service-thumbs .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 487px) {
  .recruitView-service-thumbs {
    display: none;
  }
}
.recruitView-certificate {
  display: flex;
  flex-wrap: wrap;
  gap: 1.7rem;
}
.recruitView-certificate > div {
  width: calc(20% - 1.36rem);
  text-align: center;
}
.recruitView-certificate > div img {
  aspect-ratio: 1/1.4;
  object-fit: contain;
  padding: 0.5rem;
  border: 1px solid #ddd;
}
.recruitView-certificate > div span {
  display: block;
  font-size: 1.8rem;
  color: #616161;
  margin-top: 1.2rem;
}
@media (max-width: 640px) {
  .recruitView-certificate > div {
    width: calc(50% - 1rem);
  }
}
.recruitView-map {
  border-radius: 1.2rem;
  overflow: hidden;
}
.recruitView-map .root_daum_roughmap_landing {
  width: 100%;
  height: 40rem;
}
.recruitView-map .root_daum_roughmap_landing .wrap_map {
  width: 100%;
  height: 100%;
}
.recruitView-map .wrap_controllers {
  display: none;
}
.recruitView-map .map_border {
  display: none;
}
.recruitView-map-info {
  background: #F6F8F9;
  padding: 1.7rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recruitView-map-info > div {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.recruitView-map-info > div i {
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  color: #AF125F;
}
.recruitView-map-info > div address {
  color: #616161;
  font-size: 1.8rem;
}
.recruitView-map-info > a {
  height: 5.4rem;
  padding: 0 2rem 0 0.8rem;
  background: #FAE100;
  border-radius: 0.3rem;
  display: inline-flex;
  align-items: center;
}
.recruitView-map-info > a span {
  font-weight: 600;
  color: #616161;
}
@media (max-width: 768px) {
  .recruitView-map-info {
    flex-direction: column;
    gap: 1.2rem;
  }
  .recruitView-map-info > div {
    width: 100%;
  }
  .recruitView-map-info > a {
    width: 100%;
    justify-content: center;
  }
}
.recruitView-modal {
  width: 90rem;
  max-width: 93.5%;
  border-radius: 1.2rem;
  background: #fff;
  padding: 4rem;
  border: 1px solid #e0e0e0;
  z-index: 5;
}
.recruitView-modal-top {
  padding: 4rem 2rem;
  background: #F6F8F9;
  border-top: 2px solid #AF125F;
  font-size: 2.6rem;
  color: #424242;
  text-align: center;
  font-weight: 700;
}
.recruitView-modal-title {
  display: block;
  font-size: 2rem;
  margin: 4rem 0 1.6rem;
}
.recruitView-modal-title-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 4rem 0 1.6rem;
}
.recruitView-modal-title-wrap .recruitView-modal-title {
  margin: 0;
}
.recruitView-modal-title-wrap .btn3 {
  height: 4rem;
  padding: 0 1.6rem 0 2rem;
}
.recruitView-modal .agreeBox {
  border-radius: 0.6rem;
  border: 1px solid #e0e0e0;
  overflow: hidden;
}
.recruitView-modal .agreeBox.active .agreeBox-top > button i {
  transform: rotate(0);
}
.recruitView-modal .agreeBox.active .agreeBox-txt {
  display: block;
}
.recruitView-modal .agreeBox-top {
  padding: 2rem 2.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recruitView-modal .agreeBox-top > button {
  font-size: 14px;
  color: #757575;
  display: inline-flex;
  align-items: center;
}
.recruitView-modal .agreeBox-top > button i {
  font-size: 1.8rem;
  color: #222;
  transform: rotate(180deg);
}
.recruitView-modal .agreeBox .radio label {
  color: #757575;
}
.recruitView-modal .agreeBox-txt {
  width: 100%;
  padding: 2.4rem;
  background: #F6F8F9;
  border-top: 1px solid #ddd;
  color: #757575;
  max-height: 16rem;
  overflow-y: auto;
  display: none;
}
.recruitView-modal .agreeBox-txt::-webkit-scrollbar-track {
  background-color: #F6F8F9;
}
.recruitView-modal .agreeBox-txt::-webkit-scrollbar {
  height: 0.5rem;
  width: 2rem;
  border-radius: 2.5rem;
}
.recruitView-modal .agreeBox-txt::-webkit-scrollbar-thumb {
  border: 0.7rem solid #F6F8F9;
  background-color: #BDBDBD;
  border-radius: 2.5rem;
}
.recruitView-modal .resume {
  max-height: 40rem;
  overflow-y: auto;
}
.recruitView-modal .resume::-webkit-scrollbar-track {
  background-color: #fff;
}
.recruitView-modal .resume::-webkit-scrollbar {
  height: 0.5rem;
  width: 2rem;
  border-radius: 2.5rem;
}
.recruitView-modal .resume::-webkit-scrollbar-thumb {
  border: 0.7rem solid #fff;
  background-color: #BDBDBD;
  border-radius: 2.5rem;
}
.recruitView-modal .resume .board-list-table table thead th,
.recruitView-modal .resume .board-list-table table tbody td {
  padding: 1.5rem 0.5rem;
}
.recruitView-modal .btn-wrap {
  margin-top: 4rem;
}
@media (max-width: 1024px) {
  .recruitView {
    flex-direction: column-reverse;
    gap: 4rem;
  }
  .recruitView-infoBox {
    position: fixed;
    width: calc(100% - 80px);
    bottom: 1.2rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: 0.2s;
    opacity: 0;
  }
  .recruitView-infoBox.visible {
    opacity: 1;
  }
  .recruitView-infoBox-wrap > div:first-of-type {
    display: none;
  }
  .recruitView-infoBox-btns > a {
    height: 54px;
  }
  .recruitView-cont {
    width: 100%;
    padding-right: 0;
  }
  .recruitView-template-title .text {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .recruitView-infoBox {
    width: calc(100% - 32px);
  }
}

.iframe-wrap {
  position: relative;
}
.iframe-wrap::before {
  content: "";
  width: 100%;
  height: 12px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
}

.greeting-top {
  text-align: center;
  padding: 4rem 10rem 12rem;
  position: relative;
}
.greeting-top::before {
  content: "";
  width: 9.1rem;
  height: 7.4rem;
  background: url(/public/images/sub/greeting-top-img.png) no-repeat center center/contain;
  position: absolute;
  left: 0;
  top: 3.2rem;
}
.greeting-top::after {
  content: "";
  width: 9.1rem;
  height: 7.4rem;
  background: url(/public/images/sub/greeting-top-img.png) no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 3.2rem;
  transform: rotate(180deg);
}
.greeting-top strong {
  font-size: 2.8rem;
  letter-spacing: -0.084rem;
}
.greeting-wrap {
  display: flex;
  align-items: center;
  gap: 6rem;
}
.greeting-wrap-img {
  position: relative;
  flex-shrink: 0;
}
.greeting-wrap-img .name {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.4rem;
  margin-top: 4.1rem;
}
.greeting-wrap-img .name img {
  width: 15.5rem;
}
.greeting-wrap-txt {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.greeting-wrap-txt p {
  font-size: 1.8rem;
  line-height: 1.6;
  color: #616161;
}
@media (max-width: 1024px) {
  .greeting-wrap {
    flex-direction: column;
    gap: 5rem;
  }
  .greeting-wrap-img .name {
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (max-width: 850px) {
  .greeting-top {
    padding: 7rem 0 12rem;
  }
  .greeting-top br {
    display: none;
  }
  .greeting-top::before {
    top: -1rem;
    width: 7rem;
  }
  .greeting-top::after {
    bottom: 5rem;
    top: auto;
    width: 7rem;
  }
}
.plani-board-lists th .sort::before {
  content: "\e870" !important;
  font-family: "iconoir";
}

.board-button-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 6rem;
}

.direction-map {
  border-radius: 1.2rem 1.2rem 0 0;
  overflow: hidden;
}
.direction-map .root_daum_roughmap {
  width: 100%;
  height: 63rem;
}
.direction-map .wrap_map {
  height: 100% !important;
}
.direction-map .wrap_controllers,
.direction-map .map_border {
  display: none;
}
.direction-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  background: #F6F8F9;
  border-radius: 0 0 1.2rem 1.2rem;
  padding: 2.4rem;
}
.direction-info > div {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.direction-info > div i {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #fff;
  border-radius: 50%;
  color: #AF125F;
}
.direction-info > div p {
  font-size: 1.8rem;
  color: #616161;
}
.direction-info > a {
  display: inline-flex;
  align-items: center;
  padding: 0.6rem 2rem 0.6rem 0.8rem;
  background: #FAE100;
  border-radius: 0.3rem;
  color: #616161;
  font-weight: 600;
}
@media (max-width: 768px) {
  .direction-info {
    flex-direction: column;
  }
  .direction-info > a {
    width: 100%;
    justify-content: center;
  }
}
.direction-box {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  padding: 4rem 6.4rem;
  border-radius: 1.2rem;
  border: 1px solid #ddd;
}
.direction-box > img {
  width: 10rem;
  flex-shrink: 0;
}
.direction-box > div {
  width: 100%;
  font-size: 1.8rem;
}
.direction-box > div > strong {
  display: block;
  margin-bottom: 0.8rem;
  color: #424242;
}
.direction-box > div * + strong {
  margin-top: 1.6rem;
}
.direction-box > div > p {
  color: #616161;
  line-height: 1.6;
}
.direction-box > div > p i {
  color: #BDBDBD;
}
.direction-box > div > p > span {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.048rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.4rem;
}
.direction-box > div > p > span.og {
  background: #E27612;
}
.direction-box > div > p > span.rd1 {
  background: #CF1616;
}
.direction-box > div > p > span.rd2 {
  background: #AF125F;
}
.direction-box > div > p > span.blue {
  background: #2560BA;
}
@media (max-width: 768px) {
  .direction-box {
    padding: 3rem;
    flex-direction: column;
    align-items: center;
  }
}

.board-list-info-wide .mxds-search .mxds-input {
  width: 34rem;
}
.board-list-info-wide .mxds-search .mxds-input .mxds-input-item {
  width: 100%;
}
.board-list-info-wide .mxds-search .mxds-input .mxds-input-item input[type=text] {
  margin: 0;
}
@media (max-width: 767px) {
  .board-list-info-wide .mxds-search .mxds-input {
    width: 100%;
  }
}

.email {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem 8rem;
  border-radius: 1.6rem;
  background: #F6F8F9;
  padding: 6rem 3rem;
}
.email > img {
  width: 16rem;
  flex-shrink: 0;
}
.email-txt {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.email-txt > strong {
  font-size: 2.4rem;
  color: #424242;
}
.email-txt > p {
  font-size: 1.8rem;
  color: #616161;
}
.email-txt > span {
  color: #616161;
}
@media (max-width: 1024px) {
  .email {
    gap: 3rem 4rem;
  }
  .email-txt > p br {
    display: none;
  }
}
@media (max-width: 587px) {
  .email {
    flex-direction: column;
    padding: 4rem 3rem;
  }
}

.bul2 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.bul2 > li {
  position: relative;
  padding-left: 3.3rem;
  counter-increment: list-number;
  color: #616161;
  font-size: 1.8rem;
  line-height: 1.55;
}
.bul2 > li::before {
  content: counter(list-number);
  width: 2.4rem;
  height: 2.4rem;
  background: #eee;
  position: absolute;
  top: 2px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #AF125F;
  font-size: 1.6rem;
  font-weight: 700;
  border-radius: 0.6rem;
}
.bul2.type2 {
  gap: 2.8rem;
}

.bul3 {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  counter-reset: number 0;
}
.bul3 > li {
  position: relative;
  padding-left: 2.6rem;
  font-size: 1.8rem;
}
.bul3 > li::before {
  counter-increment: number 1;
  content: "(" counter(number) ")";
  position: absolute;
  left: 0;
}

.use p {
  font-size: 1.8rem;
  color: #616161;
}
.use p + ul {
  margin-top: 1.2rem;
}
.use ul ul {
  margin-top: 0.8rem;
}

.privacy-topbox {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid #DDD;
  background: #F6F8F9;
  font-size: 1.8rem;
  color: #757575;
  line-height: 1.6;
}
@media (max-width: 587px) {
  .privacy-topbox {
    padding: 3rem;
  }
}
.privacy-topbox + .right {
  margin-top: 6rem;
  text-align: right;
  font-size: 1.8rem;
  color: #424242;
  font-weight: 500;
}
.privacy-label {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #E0E0E0;
}
.privacy-label > li {
  width: 25%;
  border-right: 1px solid #E0E0E0;
  border-top: 2px solid #AF125F;
}
.privacy-label > li:last-of-type {
  border-right: 0;
}
@media (max-width: 768px) {
  .privacy-label > li {
    width: 50%;
  }
}
.privacy-label-top {
  display: block;
  border-bottom: 1px solid #E0E0E0;
  font-weight: 600;
  padding: 1.5rem 1rem;
  text-align: center;
  font-size: 1.8rem;
  background: #f6f8f9;
}
.privacy-label-bottom {
  padding: 3rem 1rem;
  text-align: center;
  color: #555;
}
.privacy-label-bottom img {
  height: 10rem;
  margin-bottom: 2rem;
}
.privacy-label-bottom p {
  line-height: 1.4;
  font-size: 1.8rem;
  color: #616161;
}
.privacy-label-bottom span {
  line-height: 1.2;
  display: block;
  margin-top: 15px;
}
@media (max-width: 487px) {
  .privacy-label-bottom img {
    height: 8rem;
  }
}
.privacy-index {
  border-top: 2px solid #AF125F;
}
.privacy-index > li {
  border-bottom: 1px solid #ddd;
}
.privacy-index > li > a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 1.2rem;
}
.privacy-index > li > a:hover span {
  text-decoration: underline;
  text-underline-position: under;
}
.privacy-index > li > a img {
  width: 4.6rem;
  flex-shrink: 0;
}
.privacy-index > li > a span {
  font-size: 1.8rem;
  color: #616161;
}
.privacy-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
  margin-top: 6rem;
  gap: 0.8rem;
}
.privacy-title img {
  width: 3.8rem;
  flex-shrink: 0;
}
.privacy-title span {
  width: 100%;
  font-size: 2.4rem;
  font-weight: 700;
}
.privacy-cont p {
  font-size: 1.8rem;
  color: #616161;
}
.privacy-cont p + ul {
  margin-top: 1.2rem;
}
.privacy-cont ul {
  color: #616161;
}
.privacy-cont ul > li > .table {
  margin-top: 1.2rem;
}
.privacy .table-wrap {
  margin-top: 1.2rem;
}

.table {
  position: relative;
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #AF125F;
  table-layout: fixed;
}
.table::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}
.table-wrap {
  overflow: hidden;
}
@media (max-width: 640px) {
  .table-wrap > div {
    overflow-x: auto;
  }
  .table-wrap > div .table {
    min-width: 600px;
  }
}
.table thead th {
  background: #F6F8F9;
  color: #222;
  padding: 2rem 1rem;
  border-left: 0;
  border-right: 1px solid #E5E5E5;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
}
.table thead th:last-of-type {
  border-right: 0;
}
.table tbody th {
  background: #F6F8F9;
  padding: 20px 12px;
  text-align: center;
  border-right: 1px solid #E0E0E0;
  border-bottom: 1px solid #e0e0e0;
}
.table td {
  background: #fff;
  padding: 20px 12px;
  border: 1px solid #E5E5E5;
  border-right: 1px solid #E0E0E0;
  border-left: 0;
  border-top: 0;
  text-align: center;
  font-weight: 400;
  color: #616161;
  font-size: 1.8rem;
}


.checkbox-wrap {
  flex-wrap: wrap;
}

.flex.center {
  align-items: center;
  gap: 0.8rem;
}
@media (max-width: 640px) {
  .flex.center {
    flex-direction: column;
    align-items: flex-start;
  }
}

.survey-form-item-option-type-radio {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.survey-form-item-component {
  flex-direction: column;
  gap: 1rem;
  padding: 2rem 0 !important;
}
@media (max-width: 520px) {
  .survey-form-item-component .select {
    width: 100%;
  }
}

.mxds-modal {
  max-width: 95%;
}

.modal-layer {
  font-family: "Pretendard", sans-serif;
}
.modal-layer .help {
  padding: 1.6rem 1rem;
  text-align: center;
  border-radius: 0.6rem;
  border: 1px solid #e0e0e0;
  background: #f5f5f5;
  color: #AF125F;
  font-size: 16px;
  letter-spacing: -0.48px;
}
.modal-layer .simple_downloader {
  margin-top: 13px;
}
.modal-layer .simple_downloader .downloader {
  padding: 2rem 1.6rem;
  border-radius: 0.3rem;
  border: 1px dashed #BDBDBD;
}
.modal-layer .simple_downloader .downloader li {
  background: none;
  border-radius: 0;
  border: 0;
  border-bottom: 1px dashed #E0E0E0;
  padding: 1.6rem 0;
  margin: 0;
}
.modal-layer .simple_downloader .downloader li:first-of-type {
  padding-top: 0;
}
.modal-layer .simple_downloader .downloader li:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}
.modal-layer .simple_downloader .downloader li a {
  font-size: 16px;
  color: #616161;
  letter-spacing: -0.48px;
}
.modal-layer .simple_downloader .downloader li a::before {
  background: url(/public/images/sub/board-file-ico-def-icon.svg) no-repeat center center/contain;
  width: 17px;
  height: 27px;
  font-size: 16px;
}
.modal-layer .simple_downloader .downloader li .filesize {
  font-size: 14px;
  color: #9e9e9e;
  padding-left: 12px;
}
.modal-layer .btn1 {
  height: 48px;
  font-size: 16px;
}
.modal-layer .downloader_zip {
  margin-bottom: 0;
}
.modal-layer .downloader_zip button {
  background: #AF125F !important;
}
.modal-layer .downloader_zip button span {
  position: relative;
  padding-left: 25px;
}
.modal-layer .downloader_zip button span::before {
  content: "\ec53";
  font-family: "remixicon";
  font-size: 18px;
  position: absolute;
  left: 0;
  top: 0;
}

.c-red {
  color: #AF125F;
}
.grey-500 {
  color: #9e9e9e;
}
.w500 {
  font-weight: 500;
}
.kiwoom {
  margin-top: 5.4rem;
  border-radius: 1.2rem;
  overflow: hidden;
  letter-spacing: 0;
}
.kiwoom-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem 6.4rem 7rem;
  background: #AF125F;
  color: #fff;
  position: relative;
}
.kiwoom-top::before {
  content: "";
  width: 45.8rem;
  height: 22rem;
  background: url(/public/images/sub/kiwoom-top-bg.png) no-repeat left / cover;
  position: absolute;
  left: 0;
  bottom: 0;
}
.kiwoom-top-left {
  position: relative;
  z-index: 1;
}
.kiwoom-top-left > span {
  display: flex;
  align-items: center;
  gap: .9rem;
  font-weight: 700;
}
.kiwoom-top-left .money {
  font-size: 2.8rem;
  line-height: 1.5;
}
.kiwoom-top-left .money strong {
  font-size: 5.2rem;
}
.kiwoom-top-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2.4rem;
  position: relative;
  z-index: 1;
}
.kiwoom-top-right .number {
  display: flex;
  align-items: center;
  gap: .8rem;
  flex-wrap: wrap;
  padding: 1rem 1.4rem;
  background: #9A1054;
  border-radius: .6rem;
}
.kiwoom-top-right .expire {
  display: flex;
  align-items: center;
  gap: .8rem;
  color: rgba(255, 255, 255, .7);
}
.kiwoom-bottom {
  padding: 4rem 10rem;
  background: #FAFBFF;
  border-radius: 6rem 6rem 0 0 ;
  margin-top: -5.5rem;
  position: relative;
}
.kiwoom-bottom .swiper-slide {
  width: 28rem;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
  padding: 4rem;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 1.6rem;
  box-sizing: border-box;
  z-index: 1;
  margin-bottom: 1.2rem;
}
.kiwoom-bottom .swiper-slide::before {
  content: "";
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border-radius: 1.6rem;
  border: .3rem solid #AF125F;
  box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(175, 18, 95, 0.24);
  position: absolute;
  left: -1px;
  top: -1px;
  opacity: 0;
  transition: .3s;
  z-index: -1;
}
.kiwoom-bottom .swiper-slide:hover::before,
.kiwoom-bottom .swiper-slide:focus::before {
  opacity: 1;
}
.kiwoom-bottom .swiper-slide-icon {
  width: 5.2rem;
  height: 5.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  box-shadow: .2rem .2rem .8rem rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}
.kiwoom-bottom .swiper-slide-icon.orange {
  background: #FEEAD4;
}
.kiwoom-bottom .swiper-slide-icon.green {
  background: #E1F5EA;
}
.kiwoom-bottom .swiper-slide-icon.blue {
  background: #E0F5FD;
}
.kiwoom-bottom .swiper-slide-icon.purple {
  background: #F7F1FF;
}
.kiwoom-bottom .swiper-slide-icon.pink {
  background: #FFEDF9;
}
.kiwoom-bottom .swiper-slide-title {
  font-size: 2rem;
  font-weight: 500;
}
.kiwoom-bottom .swiper-slide-amount,
.kiwoom-bottom .swiper-slide-used {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
  margin-bottom: .6rem;
}
.kiwoom-bottom .swiper-slide-used span {
  font-weight: 500;
  font-size: 1.8rem;
}
.kiwoom-bottom .swiper-slide-used .title {
  color: #424242;
  position: relative;
}
.kiwoom-bottom .swiper-slide-amount .title::before ,
.kiwoom-bottom .swiper-slide-used .title::before {
  content: "";
  width: 1px;
  height: 1.5rem;
  background: #e0e0e0;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.kiwoom-bottom .swiper-slide-amount .title::before {
  height: 1rem;
}
.kiwoom-bottom .swiper-slide-amount .title {
  color: #2E286F;
  position: relative;
}
.kiwoom-bottom .swiper-slide-amount span {
  color: #757575;
}
.kiwoom-bottom .swiper-slide .btn1 {
  justify-content: space-between;
}
.kiwoom-bottom .swiper-button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ddd;
  font-size: 20px;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.kiwoom-bottom .swiper-button-disabled {
  opacity: 0;
}
.kiwoom-bottom .swiper-button:hover {
  color: #AF125F;
}
.kiwoom-bottom .swiper-button.prev {
  left: 3.6rem;
}
.kiwoom-bottom .swiper-button.next {
  right: 3.6rem;
}
.kiwoom-bottom .swiper-pagination {
  position: static;
  height: 2px;
  background: #D9D9D9;
  margin-top: 3rem;
}
.kiwoom-bottom .swiper-pagination-progressbar-fill {
  background: #AF125F;
}
@media(max-width:768px) {
  .kiwoom-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
    padding: 3rem 3rem 7rem;
  }
  .kiwoom-top::before {
    display: none;
  }
  .kiwoom-top > div {
    width: 100%;
  }
  .kiwoom-top-left .money {
    font-size: 2rem;
  }
  .kiwoom-top-left .money strong {
    font-size: 4rem;
  }
  .kiwoom-bottom {
    border-radius: 4rem 4rem 0 0;
    padding: 4rem 3rem;
  }
  .kiwoom-bottom .swiper-button.prev {
    left: .6rem;
  }
  .kiwoom-bottom .swiper-button.next {
    right: .6rem;
  }
}
.h3 {
  font-size: 2.8rem;
  margin-bottom: .6rem;
}
.p {
  font-size: 1.8rem;
  color: #424242;
}
.mileage {
  display: flex;
  gap: 3.4rem;
  margin-top: 3.2rem;
  padding-bottom: 4rem;
  position: relative;
}
.mileage::before {
  content: "";
  width: 100vw;
  height: 15rem;
  background: #fafbff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  bottom: 0;
}
.mileage-btn {
  width: 34.4rem;
  padding: 3.2rem 4rem;
  padding-bottom: 6.3rem;
  background: #2E286F;
  border-radius: 1.6rem;
  color: #fff;
  box-shadow: 0.4rem 0.4rem 1.2rem 0 rgba(175, 18, 95, 0.24);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.mileage-btn::after {
  content: "\ea70";
  font-family: "remixicon";
  width: 5.8rem;
  height: 5.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .2);
  font-size: 3.2rem;
  color: #fff;
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  z-index: 1;
  transition: .2s;
}
.mileage-btn:hover::after {
  background: rgba(255, 255, 255, 1);
  color: #2E286F;
}
.mileage-btn::before {
  content: "";
  width: 17.1rem;
  height: 13.4rem;
  background: url(/public/images/sub/mileage-btn-bg.png) no-repeat right bottom / contain;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mileage-btn strong {
  font-size: 2.4rem;
  line-height: 1.5;
}
.mileage-wrap {
  width: 100%;
  display: flex;
  gap: 1.6rem;
}
.mileage-wrap-item {
  width: 100%;
  min-height: 16.7rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  background: #fff;
  padding: 3.2rem 4rem;
  border-radius: 1.6rem;
  border: 2px solid rgba(247,144,0,.5);
  position: relative;
}
.mileage-wrap-item.green {
  border-color: rgba(8, 127, 52, 0.5);
}
.mileage-wrap-item.red {
  border-color: #AF125F;
}
.mileage-wrap-item::before {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 .4rem .7rem rgba(0, 0, 0, 0.08);
  color: #424242;
  font-family: "remixicon";
  font-weight: 600;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  right: -.8rem;
  z-index: 1;
}
.mileage-wrap-item:nth-of-type(1)::before {
  content: "\ea13";
} 
.mileage-wrap-item:nth-of-type(2)::before {
  content: "\F31F";
} 
.mileage-wrap-item:last-of-type::before {
  display: none;
} 
.mileage-wrap-item .title {
  width: 100%;
  font-size: 1.8rem;
  color: #616161;
  font-weight: 500;
  position: relative;
}
.mileage-wrap-item .title::before {
  content: "";
  width: 3.3rem;
  height: 2.6rem;
  background: url(/public/images/sub/mileage-icon1.png) no-repeat center center / contain;
  position: absolute;
  right: 0;
  top: 0;
}
.mileage-wrap-item.green .title::before {
  width: 2.7rem;
  height: 2.9rem;
  background-image: url(/public/images/sub/mileage-icon2.png);
}
.mileage-wrap-item.red .title::before {
  width: 3.2rem;
  height: 2.1rem;
  background-image: url(/public/images/sub/mileage-icon3.png);
}
.mileage-wrap-item .money {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: #757575;
  font-size: 2rem;
}
.mileage-wrap-item .money strong {
  font-size: 3.2rem;
  color: #424242;
}
.mileage-wrap-item.red .money strong {
  color: #AF125F;
}
@media(max-width:1300px) {
  .mileage {
    flex-direction: column;
  }
  .mileage::before {
    display: none;
  }
  .mileage-btn {
    width: 100%;
  }
  .mileage-wrap {
    flex-direction: column;
  }
  .mileage-wrap-item::before {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -.8rem;
    transform: translateX(-50%) translateY(50%);
  }
}
.remaining-mileage {
  width: 21.4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #2E286F;
  border-radius: .3rem;
  color: #fff;
}
@media(max-width: 640px) {
  .remaining-mileage {
    width: 100%;
  }
}
.category-radio {
  display: flex;
  gap: .6rem;
  flex-wrap: wrap;
}
.category-radio input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; 
}
.category-radio input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding: .5rem 1rem;
  border: 1px solid #C6C6C6;
  border-radius: .4rem;
  color: #757575;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.category-radio input[type="radio"]:checked + label {
  border-color: #2E286F;
  color: #2E286F;
  font-weight: 500;
}
.membership-success.kiwoom {
  background-image: url(/public/images/sub/kiwoom-banner-bg.jpg);
}
.card-img {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2.4rem;
  padding: 6rem 2rem 4rem;
  margin-top: 6rem;
  border-radius: 1.2rem;
  border: 1px solid #DDD;
  background: #F6F8F9;
}
.card-img > div {
  text-align: center;
}
.card-img p {
  font-size: 1.8rem;
  font-weight: 500;
  color: #424242;
  margin-top: 1.4rem;
}
@media(max-width:480px) {
  .card-img {
    flex-direction: column;
  }
}
.bul2.type2 .table thead th {
  border-bottom: 1px solid #e0e0e0;
}