.sub.careers .sv .top .path .item.lastdepth{ pointer-events: none; }
.sub.careers .sv .top .path .item.lastdepth .selectBox > i{ display: none; }
.sub.careers .sv .bottom > .btnWrap{ display: none; }


.careers .s1 .cont .txt {
    display: flex; flex-direction: column;
    align-items: center;
}
.careers .s1 .cont .txt .big {
    padding-top: calc(120/48*1em);
    padding-bottom: calc(45/48*1em);
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 48px;
    line-height: calc(70/48*1em);
    letter-spacing: -0.05em;
    color: #000;
    text-align: center;
}
.careers .s1 .cont .txt .big b {
    color: #f36e3b;
}
.careers .s1 .cont .txt .small {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 17px;
    line-height: calc(29/17*1em);
    letter-spacing: -0.05em;
    color: #000;
    text-align: center;
}
.careers .s1 .cont .itemBox {
    padding-top: calc(90/18*1em);
    padding-bottom: calc(100/18*1em);
    display: grid; grid-template-columns: repeat(6, 1fr);
    gap: calc(20/18*1em);
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #f36e3b;
}
.careers .s1 .cont .itemBox .item {
    display: flex; align-items: center; justify-content: center;
    padding: calc(23/18*1em) calc(20/18*1em);
    border: 1px solid #f36e3b;
    border-radius: 12px;
    filter: grayscale(100%);
    transition: color 0.4s, filter 0.4s;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.careers .s1 .cont .itemBox .item .circle {
    content: '';
    display: block;
    width: 0%;
    border-radius: 50%;
    border: 15px solid #f36e3b;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    box-sizing: border-box;
    z-index: -1;
}
.careers .s1 .cont .itemBox .item .circle::before {
    content: '';
    display: block;
    padding-top: 100%;
}
.careers .s1 .cont .itemBox .item:hover {
    filter: grayscale(0);
}
.careers .s1 .cont .itemBox .item.active {
    filter: grayscale(0);
}
.careers .s1 .cont .article {
    display: flex; flex-direction: column;
}
.careers .s1 .cont .article .article__title {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 30px;
    letter-spacing: -0.05em;
    color: #000;
    padding-bottom: calc(40/30*1em);
}
.careers .s1 .cont .article .article_content {
    display: flex; flex-wrap: wrap;
    gap: 24px; 
}
.careers .s1 .cont .article .article_content .box {
    width: calc(50% - 12px);
    font-size: 20px;
    padding: calc(30/20*1em) calc(35/20*1em);
    border-radius: 12px;
    box-sizing: border-box;
}
.careers .s1 .cont .article .article_content .box:nth-child(1) {
    background: #f3f3f3;
}
.careers .s1 .cont .article .article_content .box:nth-child(2) {
    background: #f3f3f3;
}
.careers .s1 .cont .article .article_content .box:nth-child(3) {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.careers .s1 .cont .article .article_content .box:nth-child(4) {
    background: #ffffff;
    border: 1px solid #eaeaea;
}
.careers .s1 .cont .article .article_content .box dt {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: inherit;
    letter-spacing: -0.05em;
    color: #000;
    padding-bottom: calc(25/20*1em);
    position: relative;
}
.careers .s1 .cont .article .article_content .box dt::before {
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    background: #c3c3c3;
    position: absolute;
    bottom: 0;
    left: 0;
}
.careers .s1 .cont .article .article_content .box dd {
    font-family: 'Pretendard';
    font-weight: 300;
    font-size: 17px;
    letter-spacing: -0.05em;
    line-height: calc(27/17*1em);
    color: #484848;
    padding-top: calc(10/17*1em);
    /* transform: translateX(calc(-5/17*1em)); */
}
.careers .s1 .cont .article .article_content .box dd p {
    display: flex; align-items: flex-start; 
    word-break: keep-all;
}
.careers .s1 .cont .article .article_content .box dd p + p {
    margin-top: calc(7/17*1em);
}
/* .careers .s1 .cont .article .article_content .box dd p::before {
    content: 'ㆍ';
    display: block;
    line-height: calc(29/17*1em);
    flex-shrink: 0;
} */
@media screen and (max-width: 1280px) {
    .careers .s1 .cont .txt .big {
        font-size: clamp(45px, 45/1024*100vw, 48px);
    } 
    .careers .s1 .cont .txt .small {
        font-size: 16px
    }
    .careers .s1 .cont .itemBox {
        font-size: clamp(16px, 16/1024*100vw, 18px);
    }
    .careers .s1 .cont .article .article__title {
        font-size: clamp(26px, 26/1024*100vw, 30px);
    }
    .careers .s1 .cont .article .article_content .box dd p br {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .careers .s1 .cont .itemBox {
        font-size: clamp(14px, 14/1024*100vw, 16px);
        gap: calc(10/18*1em);
    }
    .careers .s1 .cont .itemBox .item {
        padding: calc(20/18*1em) calc(15/18*1em);
    }
}
@media screen and (max-width: 820px) {
    .careers .s1 .cont .txt .big {
        font-size: clamp(35px, 35/500*100vw, 40px);
    }
    .careers .s1 .cont .txt .small {
        font-size: clamp(14px, 14/500*100vw, 16px);
        word-break: keep-all;
    }
    .careers .s1 .cont .itemBox {
        grid-template-columns: repeat(3, 1fr);
    }
    .careers .s1 .cont .itemBox .item {
        padding: calc(20/18*1em) calc(15/18*1em);
    }
    .careers .s1 .cont .article .article_content {
        flex-direction: column;
    }
    .careers .s1 .cont .article .article_content .box {
        width: 100%;
        font-size: clamp(18px, 18/500*100vw, 20px);
    }
    .careers .s1 .cont .article .article_content .box:nth-child(1) {
        background: #f3f3f3;
    }
    .careers .s1 .cont .article .article_content .box:nth-child(2) {
        background: #ffffff;
        border: 1px solid #eaeaea
    }
    .careers .s1 .cont .article .article_content .box:nth-child(3) {
        background: #f3f3f3;
    }
    .careers .s1 .cont .article .article_content .box:nth-child(4) {
        background: #ffffff;
        border: 1px solid #eaeaea;
    }
}
@media screen and (max-width: 500px) {
    .careers .s1 .cont .txt .big {
        font-size: clamp(25px, 25/360*100vw, 30px);
    }
    .careers .s1 .cont .txt .small br {
        display: none;
    }
    .careers .s1 .cont .itemBox {
        font-size: clamp(14px, 14/360*100vw, 16px);
        grid-template-columns: repeat(2, 1fr);
        padding: calc(50/18*1em) 0 calc(100/18*1em);
    }
    .careers .s1 .cont .article .article__title {
        font-size: clamp(22px, 22/360*100vw, 26px);
    }
    .careers .s1 .cont .article .article_content .box {
        font-size: clamp(16px, 16/360*100vw, 18px);
        padding: calc(20/18*1em) calc(20/18*1em);
    }
    .careers .s1 .cont .article .article_content .box dd {
        font-size: clamp(14px, 14/360*100vw, 16px);
    }
}


.careers .s2 {
    padding-top: 255px;
}
.careers .s2 .cont {
    display: flex; justify-content: space-between;
}
.careers .s2 .cont .txt {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 53px;
    letter-spacing: -0.05em;
    color: #000;
    padding-right: calc(50/53*1em);
    line-height: calc(77/53*1em);
}
.careers .s2 .cont .article {
    display: flex; flex-direction: column;
    max-width: 860px; padding-right: 30px;
    box-sizing: border-box;
}
.careers .s2 .cont .article .article_box {
    width: 100%;
}
.careers .s2 .cont .article .article_box .title {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.05em;
    color: #000;
    padding-bottom: calc(40/32*1em);
    display: inline-block;
}
.careers .s2 .cont .article .article_box .itemWrap {
    display: flex; flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}
.careers .s2 .cont .article .article_box .itemWrap .item {
    display: flex; flex-direction: column;
    align-items: center; text-align: center;
    width: calc(100% / 4 - (30px * 3 / 4));
    background: #f3f3f3;
    padding: calc(30/20*1em) calc(25/20*1em);
    border-radius: 15px;
    box-sizing: border-box;
    transition: background 0.1s;
}
@media screen and (min-width: 821px) {
    .careers .s2 .cont .article .article_box .itemWrap .item:hover {
        background: #f36e3b;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item:hover span {
        color: #fff;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item:hover .icon .icon_hover {
        /* display: block; */
        opacity: 1;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item:hover .icon .icon_dflt {
        display: none;
    }
}
.careers .s2 .cont .article .article_box .itemWrap .item.blank {
    background: transparent;
}
.careers .s2 .cont .article .article_box .itemWrap .item .icon {
    display: flex; align-items: center; justify-content: center;
    width: 50px; height: 50px; position: relative;
}
.careers .s2 .cont .article .article_box .itemWrap .item .icon img {
    object-fit: contain;
    transition-duration: 0.1s;
}
.careers .s2 .cont .article .article_box .itemWrap .item .icon .icon_hover {
    /* display: none; */
    opacity: 0;
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.careers .s2 .cont .article .article_box .itemWrap .item span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #000;
    padding-top: calc(10/17*1em);
}
.careers .s2 .cont .article .article_box + .article_box .title {
    padding-top: calc(110/32*1em);
}
.careers .s2 .cont .article .article_box .listWrap dl {
    width: 100%;
    border-top: 1px solid #c3c3c3;
    padding: calc(30/20*1em) 0;
    font-size: 20px;
    display: flex; align-items: center;
}
.careers .s2 .cont .article .article_box .listWrap dl:last-child {
    border-bottom: 1px solid #c3c3c3;
}
.careers .s2 .cont .article .article_box .listWrap dl dt {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: inherit;
    letter-spacing: -0.05em;
    color: #000;
    width: calc(275/20*1em);
}
.careers .s2 .cont .article .article_box .listWrap dl dd {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -0.05em;
    line-height: calc(27/17*1em);
    color: #000;
    display: grid; grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    flex-grow: 1;
}
.careers .s2 .cont .article .article_box .listWrap dl dd p {
    display: flex;   
}
.careers .s2 .cont .article .article_box .listWrap dl dd p:before {
    content: 'ㆍ';
    display: block;
    /* line-height: calc(29/17*1em); */
    flex-shrink: 0;
}
@media screen and (max-width: 1440px) {
    .careers .s2 .cont .txt {
        font-size: clamp(42px, 42/1280*100vw, 53px);
    }
    .careers .s2 .cont .article {
        max-width: 760px;
    }
    .careers .s2 .cont .article .article_box .title {
        font-size: clamp(28px, 28/1280*100vw, 32px);
    }
    .careers .s2 .cont .article .article_box .itemWrap {
        gap: 20px;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item {
        width: calc(100% / 4 - (20px * 3 / 4));
    }
}
@media screen and (max-width: 1280px) {
    .careers .s2 {
        padding-top: 160px;
    }
    .careers .s2 .cont .txt {
        font-size: clamp(38px, 38/1024*100vw, 42px);
        flex-shrink: 0;
    }
    .careers .s2 .cont .article .article_box .title {
        font-size: clamp(26px, 26/1024*100vw, 32px);
    }
    .careers .s2 .cont .article .article_box .itemWrap {
        gap: 15px;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item {
        width: calc(100% / 3 - (15px * 2 / 3));
        padding: calc(20/20*1em) calc(25/20*1em);
    }
    .careers .s2 .cont .article .article_box .itemWrap .item.blank {
        display: none;
    }
    .careers .s2 .cont .article .article_box .listWrap dl {
        font-size: clamp(18px, 18/1024*100vw, 20px);
        flex-direction: column;
        align-items: flex-start;
    }
    .careers .s2 .cont .article .article_box .listWrap dl dt {
        padding-bottom: calc(10/18*1em);
    }
    .careers .s2 .cont .article .article_box .itemWrap .item span {
        font-size: clamp(15px, 15/1024*100vw, 17px);
    }
}   
@media screen and (max-width: 1024px) {
    .careers .s2 {
        padding-top: 120px;
    }
    .careers .s2 .cont .txt {
        font-size: clamp(32px, 32/1024*100vw, 38px);
        padding-right: calc(80/32*1em);
    }
    .careers .s2 .cont .article {
        max-width: 660px;
    }
    .careers .s2 .cont .article .article_box .title {
        font-size: clamp(24px, 24/1024*100vw, 28px);
    }
    .careers .s2 .cont .article .article_box .itemWrap {
        gap: 10px;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item {
        width: calc(100% / 3 - (10px * 2 / 3));
        padding: calc(20/20*1em) calc(15/20*1em);
    }
    .careers .s2 .cont .article .article_box .listWrap dl dd {
        font-size: clamp(16px, 16/820*100vw, 17px);
    }
}
@media screen and (max-width: 820px) {
    .careers .s2 .cont {
        flex-direction: column;
    }
    .careers .s2 .cont .txt {
        font-size: clamp(32px, 32/500*100vw, 35px);
        padding-right: 0;
        padding-bottom: calc(50/32*1em);
    }
    .careers .s2 .cont .article {
        padding-right: 0;
        max-width: 100%;
    }
    .careers .s2 .cont .article .article_box .title {
        font-size: clamp(22px, 22/500*100vw, 26px);
    }
    .careers .s2 .cont .article .article_box .itemWrap {
        gap: 10px;
        justify-content: center;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item {
        width: calc(100% / 2 - (10px * 1 / 2));
    }
}
@media screen and (max-width: 500px) {
    .careers .s2 {
        padding-top: 80px;
    }
    .careers .s2 .cont .txt {
        font-size: clamp(28px, 28/360*100vw, 32px);
    }
    .careers .s2 .cont .article .article_box .title {
        font-size: clamp(20px, 20/360*100vw, 22px);
    }
    .careers .s2 .cont .article .article_box .itemWrap {
        gap: 10px;
    }
    .careers .s2 .cont .article .article_box .itemWrap .item {
        width: 100%;
        padding: calc(20/20*1em) calc(15/20*1em);
    }
    .careers .s2 .cont .article .article_box .listWrap dl dd {
        grid-template-columns: 1fr;
        gap: calc(5/16*1em);
    }
}
@media screen and (max-width: 360px) {
    .careers .s2 .cont .article .article_box .listWrap dl {
        font-size: clamp(16px, 16/280*100vw, 18px);
    }
    .careers .s2 .cont .article .article_box .listWrap dl dd {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
}

.careers .s3 {
    padding-bottom: 140px;
}
.careers .s3 .cont .title {
    font-family: 'Pretendard';
    word-break: keep-all;
    font-weight: 700;
    font-size: 48px;
    line-height: calc(70/48*1em);
    letter-spacing: -0.05em;
    color: #000;
    text-align: center;
    padding-top: calc(230/48*1em);
    padding-bottom: calc(100/48*1em);
}
.careers .s3 .cont .article {
    display: flex; flex-direction: column;
    align-items: center;
}
.careers .s3 .cont .article .process {
    display: flex; align-items: center;
    max-width: 1285px;
}
.careers .s3 .cont .article .process .process_box {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 22px;
    letter-spacing: -0.05em;
    color: #f36e3b;
    border-radius: 50%;
    width: calc(250/22*1em);
    height: calc(250/22*1em);
    border: 1px solid #d9d9d9;
}
.careers .s3 .cont .article .process .process_box .inner {
    display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
}
.careers .s3 .cont .article .process .process_box.orange {
    background: #f36e3b;
    border: 1px solid #f36e3b;
    color: #fff;
}
.careers .s3 .cont .article .process .process_box b {
    padding-bottom: calc(15/22*1em);
    margin-bottom: calc(10/22*1em);
    position: relative;
}
.careers .s3 .cont .article .process .process_box b::before {
    content: '';
    display: block;
    width: 13px;
    height: 2px;
    background: #a7a7a7;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.careers .s3 .cont .article .process .process_box.orange b::before {
    background: #fff;
}
.careers .s3 .cont .article .process .process_box p {
    font-size: 17px;
    line-height: calc(27/17*1em);
    letter-spacing: -0.05em;
    color: #000;
    font-weight: 400;
    text-align: center;
}
.careers .s3 .cont .article .process .process_box.orange p {
    color: #fff;
}
.careers .s3 .cont .article .process .process_line {
    display: flex; align-items: center;
    gap: 10px; padding: 0 25px;
}
.careers .s3 .cont .article .process .process_line .dot {
    width: 7px;
    height: 7px;
    background: #202021;
    border-radius: 50%;
}
.careers .s3 .cont .article .process .process_line .dot:nth-child(1) {
    animation: dot 0.5s 0.2s infinite alternate;
}
.careers .s3 .cont .article .process .process_line .dot:nth-child(2) {
    animation: dot 0.5s 0.35s infinite alternate;
}
.careers .s3 .cont .article .process .process_line .dot:nth-child(3) {
    animation: dot 0.5s 0.5s infinite alternate;
}
@keyframes dot {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.careers .s3 .cont .article .direct_box {
    width: 100%;
    display: flex; flex-direction: column;
    align-items: center;
}
.careers .s3 .cont .article .direct_box b {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 32px;
    letter-spacing: -0.05em;
    color: #000;
    padding-top: calc(140/32*1em);
    padding-bottom: calc(50/32*1em);
}
.careers .s3 .cont .article .direct_box .infoBox {
    width: 100%;
    display: flex; flex-direction: column;
    border: 1px solid #c3c3c3;
    border-width: 1px 0;

}
.careers .s3 .cont .article .direct_box .infoBox .order {
    display: flex; align-items: center; justify-content: center;
    gap: 65px; padding: 50px 0;
    border-bottom: 1px solid #e5e5e5;
}
.careers .s3 .cont .article .direct_box .infoBox .order dl {
    display: flex; align-items: center;
}
.careers .s3 .cont .article .direct_box .infoBox .order dl dt {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #f36e3b;
    border: 1px solid #f36e3b;
    padding: calc(6/17*1em) calc(20/17*1em);
    border-radius: 5px;
    box-sizing: border-box;
}
.careers .s3 .cont .article .direct_box .infoBox .order dl dd {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #000;
    padding-left: calc(15/17*1em);
}
.careers .s3 .cont .article .direct_box .infoBox .docBox {
    display: flex; flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
.careers .s3 .cont .article .direct_box .infoBox .docBox .doc {
    display: flex; flex-direction: column;
    gap: 10px;
}
.careers .s3 .cont .article .direct_box .infoBox .docBox dl {
    display: flex; align-items: flex-start;
}
.careers .s3 .cont .article .direct_box .infoBox .docBox dl dt {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #000;
    width: calc(175/17*1em);
    line-height: calc(27/17*1em);
}
.careers .s3 .cont .article .direct_box .infoBox .docBox dl dd {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(27/17*1em);
}
.careers .s3 .cont .article .openBtn {
    align-self: center;
    display: inline-flex; align-items: center; justify-content: center;
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.05em;
    color: #fff;
    background: #000;
    border-radius: calc(13/17*1em);
    padding: calc(18/17*1em) calc(30/17*1em);
    margin-top: calc(55/17*1em);
    gap: 15px;
}
.careers .s3 .cont .article .openBtn i {
    padding-bottom: calc(2/17*1em);
}
@media screen and (max-width: 1440px) {
    .careers .s3 .cont .title {
        font-size: clamp(42px, 42/1280*100vw, 53px);
    }
    .careers .s3 .cont .article .process .process_box {
        font-size: clamp(18px, 18/1280*100vw, 22px);
    }
}
@media screen and (max-width: 1280px) {
    .careers .s3 .cont .title {
        font-size: clamp(38px, 38/1024*100vw, 42px);
    }
    .careers .s3 .cont .article .process .process_box {
        font-size: clamp(16px, 16/1024*100vw, 18px);
    }
    .careers .s3 .cont .article .process .process_box p {
        font-size: clamp(16px, 16/1024*100vw, 17px);
    }
    .careers .s3 .cont .article .process .process_line {
        padding: 0 20px;
        gap: 5px;
    }
}
@media screen and (max-width: 1024px) {
    .careers .s3 {
        padding-bottom: 100px;
    }
    .careers .s3 .cont .title {
        font-size: clamp(32px, 32/820*100vw, 38px);
    }
    .careers .s3 .cont .article .process {
        flex-wrap: wrap;
    }
    .careers .s3 .cont .article .process .process_box {
        font-size: clamp(14px, 14/820*100vw, 16px);
    }
    .careers .s3 .cont .article .process .process_box p {
        font-size: clamp(14px, 14/820*100vw, 16px);
    }
    .careers .s3 .cont .article .process .process_line {
        padding: 0 10px;
        gap: 3px;
    }
    .careers .s3 .cont .article .process .process_line .dot {
        width: 5px;
        height: 5px;
    }
    .careers .s3 .cont .article .direct_box b {
        font-size: clamp(28px, 28/820*100vw, 32px);
    }
}
@media screen and (max-width: 820px) {
    .careers .s3 .cont .article .process {
        width: 100%;
        justify-content: center;
        position: relative;
    }
    .careers .s3 .cont .article .process .process_box {
        position: relative;
        width: calc(80% / 2 - (10px * 1 / 2));
        height: auto;
        font-size: clamp(18px, 18/500*100vw, 22px);
        margin: calc(10/22*1em) 0;
    } 
    .careers .s3 .cont .article .process .process_box:after {
        content: '';
        display: block;
        padding-top: 100%;
    }
    .careers .s3 .cont .article .process .process_box b{
        font-size: 18px;
    }
    .careers .s3 .cont .article .process .process_box .inner {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .careers .s3 .cont .article .process .process_box p {
        font-size: 14px;
    }
    .careers .s3 .cont .article .process .process_line {
        padding: 0 30px;
    }
    .careers .s3 .cont .article .process .process_line.mid_line {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }
    .careers .s3 .cont .article .process .process_line.mid_line .dot:nth-child(1) {
        animation: dot 0.5s 0.5s infinite alternate;
    }
    .careers .s3 .cont .article .process .process_line.mid_line .dot:nth-child(2) {
        animation: dot 0.5s 0.35s infinite alternate;
    }
    .careers .s3 .cont .article .process .process_line.mid_line .dot:nth-child(3) {
        animation: dot 0.5s 0.25s infinite alternate;
    }
    .careers .s3 .cont .article .direct_box .infoBox .order {
        flex-direction: column;
        gap: 20px;
        padding: 30px 0;
    }
    /* .careers .s3 .cont .article .direct_box .infoBox .order dl {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    } */
    .careers .s3 .cont .article .direct_box .infoBox .docBox {
        padding: 30px 0;
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox .doc {
        gap: 25px;
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dt {
        width: 100%;
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dd {
        padding-left: 0;
    }
}
@media screen and (max-width: 500px) {
    .careers .s3 {
        padding-bottom: 60px;
    }
    .careers .s3 .cont .title {
        font-size: clamp(24px, 24/360*100vw, 30px);
    }
    

    .careers .s3 .cont .article .process .process_line{ padding: 0 10px; }
    .careers .s3 .cont .article .direct_box b {
        font-size: clamp(24px, 24/360*100vw, 28px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox .doc {
        gap: 15px;
    }
    .careers .s3 .cont .article .direct_box .infoBox .order dl dt {
        font-size: clamp(16px, 16/360*100vw, 17px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .order dl dd {
        font-size: clamp(16px, 16/360*100vw, 17px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dt {
        font-size: clamp(16px, 16/360*100vw, 17px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dd {
        font-size: clamp(16px, 16/360*100vw, 17px);
    }
    .careers .s3 .cont .article .openBtn {
        font-size: clamp(16px, 16/360*100vw, 17px);
    }
}

@media screen and (max-width: 400px){
    
    .careers .s3 .cont .article .process .process_box b{ font-size: 16px; }
    .careers .s3 .cont .article .process .process_box p{ font-size: 13px; }
    .careers .s3 .cont .article .process .process_box{ width: calc(93% / 2 - (20px * 1 / 2)); align-items: center; justify-content: center; }
    .careers .s3 .cont .article .process .process_box .inner{ width: 88%; word-break: keep-all; left: 6%; }
    .careers .s3 .cont .article .process .process_line{ padding: 0 5px; }
    
}

@media screen and (max-width: 360px) {
    .careers .s3 .cont .title {
        padding-top: calc(100/32*1em);
        padding-bottom: 30px;
    }
    .careers .s3 .cont .title br {
        display: none;
    }
    .careers .s3 .cont .article .direct_box b {
        font-size: clamp(22px, 22/280*100vw, 24px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .order dl {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .careers .s3 .cont .article .direct_box .infoBox .order dl dt {
        font-size: clamp(15px, 15/280*100vw, 16px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .order dl dd {
        font-size: clamp(14px, 14/280*100vw, 16px);
        padding-left: 0;
        padding-top: calc(10/14*1em);
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dt {
        font-size: clamp(15px, 15/280*100vw, 16px);
    }
    .careers .s3 .cont .article .direct_box .infoBox .docBox dl dd {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }

    
}

@media screen and (max-width: 330px){
    .careers .s3 .cont .article .process {
        flex-direction: column;
        gap: 20px;
    }
    .careers .s3 .cont .article .process .process_box {
        width: 100%;
        max-width: 145px;
        height: auto;
        font-size: clamp(16px, 16/360*100vw, 18px);
        margin: 0;
    }
    .careers .s3 .cont .article .process .process_line {
        transform: rotate(90deg) !important;
        padding: 0;
    }
    .careers .s3 .cont .article .process .process_line.mid_line {
        position: static;
        transform: rotate(-90deg) !important;
    }
}


/* 준비중 */
.careers .s1 .cont .prepare{ width: 100%; text-align: center; font-family: 'Pretendard'; padding: 70px 10px; box-sizing: border-box; border-radius: 10px; border: 1px solid #e5e5e5; margin-top: 30px; } 
.careers .s1 .cont .prepare dl dt{ font-size: 28px; font-weight: 700; letter-spacing: -0.05em; color: #484848; }
.careers .s1 .cont .prepare dl dd{ font-size: 20px; line-height: 1.3; letter-spacing: -0.05em; margin-top: 10px; color: #696969; }

@media screen and (max-width: 820px){
    .careers .s1 .cont .prepare dl dt{ font-size: 20px; }
    .careers .s1 .cont .prepare dl dd{ font-size: 14px; }
}