/* 모집 영역 */
.recruitment-area .title-box > h1 {
  border-bottom: 6px solid #005eb8;
}
.recruitment-area .cnt-box {
  margin-top: 100px;
}
.recruitment-area .cnt-box .tab-menu-box-1 {
  gap: 48px;
}
.recruitment-area .cnt-box .tab-menu-box-1 > li > a {
  font-size: 28px;
}
.recruitment-area .cnt-box .tab-menu-box-1 > li > a.active {
  color: #005eb8;
  font-family: "Pretendard-Bold";
}
/* .recruitment-area .cnt-box .tab-menu-box-1 > li > a.active::after {
    content: "";
    display: block;
    width: 12px;
    height: 10px;
    background: url(../img/ico_polygon_005EB8.svg) no-repeat center center/cover;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
} */
.recruitment-area .tab-menu-box {
  gap: 13.6px;
}
.recruitment-area .tab-menu-box > li > a {
  box-sizing: border-box;
  padding: 18px 32px;
  border-radius: 4px;
  font-size: 24px;
  border: 1px solid #999;
}
.recruitment-area .tab-menu-box > li > a.active {
  border: none;
  background: #005eb8;
  color: #fff;
  font-family: "Pretendard-Bold";
}
.recruitment-area .tab-cnt-box {
  margin-top: 28px;
}
.recruitment-area .tab-cnt-box .list-box {
  gap: 16px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 {
  box-sizing: border-box;
  padding: 28px 36px;
  border-radius: 4px;
  border: 1px solid #b2ceea;
  cursor: pointer;
}
.recruitment-area .tab-cnt-box > li .list-box > li.active .area-1 {
  border: 1px solid #005eb8;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area {
  gap: 66px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 {
  font-size: 22px;
  color: #005eb8;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 > p{
    margin-top: 4px;
    font-size: 18px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h2 {
  font-size: 22px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-1 > .arrow-ico {
  width: 24px;
}
.recruitment-area .tab-cnt-box > li .list-box > li.active .area-1 > .arrow-ico > img {
  content: url(../img/ico_minus.svg);
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 {
  display: none;
  margin-top: -2px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area {
  box-sizing: border-box;
  padding: 0 40px 40px 40px;
  border: 1px solid #005eb8;
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box {
    gap: 20px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box-1 {
    width: 100%;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box-2 {
    margin-bottom: 40px;
    width: 100%;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li {
    gap: 12px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > h2 {
    font-size: 18px;
    width: 120px;
    flex-shrink:0
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li {
    font-size: 18px;
    /* padding-left: 30px; */
    word-break: keep-all;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li:nth-child(2){
    margin-top: 12px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li:nth-child(n+2){
    list-style-type: disc;
    margin: 8px 0 0 16px;
}
/* .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li:nth-child(n+1){
    list-style-type: disc;
    margin: 8px 0 0 16px;
} */
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box.desc > li {
    padding-left: 0;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li::after {
    width: 4px;
    height: 4px;
    background: #121212;
    top: 12.4px;
    left: 13px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box {
    gap: 8px;
    display: flex;
    flex-wrap: wrap;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li {
    box-sizing: border-box;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #9A91C1;
    gap: 12px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li .text-1 {
    font-size: 18px;
}
.recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li .text-2 {
    font-size: 18px;
}

@media (max-width:1320px) {
    .recruitment-area .cnt-box {
        margin-top: 40px;
    }

    .recruitment-area .title-box > h1 {
        border-bottom: 4px solid #005eb8;
        padding: 0 0.5px 14px 0.5px
    }
    .recruitment-area .tab-menu-box {
        gap:12px;
    }
    .recruitment-area .tab-menu-box > li > a {
        font-size: 2.0rem;
        padding: 14px 28px;
    }
    .recruitment-area .tab-menu-box {
        margin-top: 44px;
    }
    .recruitment-area .tab-cnt-box .list-box {
        gap: 12px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 {
        padding: 24px 28px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 > .arrow-ico {
        width: 20px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 {
        font-size: 20px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 > p{
        font-size: 16px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h2 {
        font-size: 20px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area {
        padding: 30px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > h2 {
        font-size: 16px;
    }
    .recruitment-area .cnt-box .tab-menu-box-1 > li > a {
        font-size: 2.4rem;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box {
        gap:16px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li {
        padding: 8px 12px;
        gap: 8px;
        margin-bottom: 4px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .dot-list-box > li {
        font-size: 16px;
        /* padding-left: 24px; */
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li .text-1{
        font-size:16px
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > .box-list-box > li .text-2{
        font-size:16px
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area {
        gap: 40px;
    }
}

@media (max-width:767px) {
    .recruitment-area .cnt-box {
        margin-top: 12px;
    }
    .recruitment-area .title-box > h1 {
        border-bottom: 3px solid #005eb8;
        padding: 0 0.5px 12px 0.5px
    }
    .recruitment-area .cnt-box .tab-menu-box-1  {
        justify-content: center;
    }
    .recruitment-area .cnt-box .tab-menu-box-1 > li > a {
        font-size: 22px;
    }
    .recruitment-area .tab-menu-box {
      margin-top: 36px;
      /* justify-content: center; */
      gap: 8px;
    }
    .recruitment-area .tab-menu-box > li > a {
        font-size: 18px;
        padding: 9px 16px;
    }
    .recruitment-area .tab-cnt-box .list-box {
        gap:8px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 {
        padding: 20px 24px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 {
        font-size: 17px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h1 > p{
        font-size: 14px;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area > h2 {
        font-size: 17px;
    }

    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li {
        flex-direction: column;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box > li > h2 {
        font-size: 15px;
    }

    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area {
        flex-direction: column;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box {
        gap:36px
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box-1 {
        width: 100%;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-2 .text-area .text-box-2 {
        width: 100%;
    }
    .recruitment-area .tab-cnt-box > li .list-box > li .area-1 .text-area {
        gap: 28px;
    }

}


.disc-list {
    list-style-type: disc;
    margin-left: 16px;
}
.dot-list {
    list-style-type: circle;
    margin-left: 12px;
}
.dash-list::before {
    content: "-";
    padding-right: 4px;
}