.recruit {
    overflow: hidden;
}
.recruit .secTitle {
    display: flex; flex-direction: column; align-items: flex-start;
}
.recruit .secTitle .small {
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 18px;
    color: #000;
    padding-bottom: calc(10/18*1em);
}
.recruit .secTitle .big {
    font-family: 'Pretendard';
    font-weight: bold;
    font-size: 64px;
    letter-spacing: -0.025em;
    line-height: calc(94/64*1em);
    color: #000;
    padding-bottom: calc(20/64*1em);
    display: inline-block;
}
/* html.en .recruit .secTitle .big{font-size: 56px;} */
.recruit .secTitle .desc {
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: 0.025em;
    font-size: 24px;
    color: #000;
}
@media screen and (max-width: 1440px) {
    .recruit .secTitle .big {
        font-size: clamp(55px, 55/1280*100vw, 64px);
    }
    .recruit .secTitle .desc {
        font-size: clamp(20px, 20/1280*100vw, 24px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .secTitle .big {
        font-size: clamp(50px, 50/1024*100vw, 55px);
    }
    .recruit .secTitle .desc {
        font-size: clamp(18px, 18/1024*100vw, 20px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .secTitle .big {
        font-size: clamp(40px, 40/820*100vw, 50px);
    }
    .recruit .secTitle .desc {
        font-size: clamp(16px, 16/820*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .secTitle .big {
        max-width: 450px;
        word-break: keep-all;
    }
    .recruit .secTitle .big br {
        display: none;
    }
    .recruit .secTitle .desc {
        font-size: clamp(18px, 18/500*100vw, 20px);
        word-break: keep-all;
        line-height: 1.5;
    }
}
@media screen and (max-width: 500px) {
    .recruit .secTitle .small {
        font-size: clamp(16px, 16/360*100vw, 18px);
    }
    .recruit .secTitle .big {
        font-size: clamp(30px, 30/360*100vw, 33px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .secTitle .small {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .secTitle .big {
        font-size: clamp(25px, 25/280*100vw, 30px);
    }
    .recruit .secTitle .desc {
        font-size: clamp(15px, 15/280*100vw, 17px);
    }
}

.recruit .secTitle_v2 {
    display: flex; flex-direction: column; align-items: center;
}
.recruit .secTitle_v2 .small {
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 18px;
    color: #000;
    padding-bottom: calc(20/18*1em);
}
.recruit .secTitle_v2 .big {
    font-family: 'Pretendard';
    font-weight: bold;
    font-size: 76px;
    letter-spacing: -0.025em;
    color: #000;
    padding-bottom: calc(120/76*1em);
    text-align: center;
}
@media screen and (max-width: 1440px) {
    .recruit .secTitle_v2 .big {
        font-size: clamp(66px, 66/1280*100vw, 76px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .secTitle_v2 .big {
        font-size: clamp(60px, 60/1024*100vw, 66px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .secTitle_v2 .big {
        font-size: clamp(50px, 50/820*100vw, 60px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .secTitle_v2 .big {
        font-size: clamp(40px, 40/500*100vw, 50px);
    }
}
@media screen and (max-width: 500px) {
    .recruit .secTitle_v2 .big {
        font-size: clamp(35px, 35/360*100vw, 40px);
        word-break: keep-all;
        text-align: center;
        line-height: 1.4;
    }
}

.recruit .sec01 {
    position: relative;
    padding-top: 110px;
    padding-bottom: 270px;
}
.recruit .sec01 .cont {
    display: flex; align-items: center; justify-content: center;
    width: 100%;
    position: relative;
}
.recruit .sec01 .cont .center_txt {
    text-align: center;
    display: flex; 
    flex-direction: column;
    align-items: center;
}
.recruit .sec01 .cont .center_txt > * {
    opacity: 0;
    transform: translateY(40px);
}
.recruit .sec01 .cont .center_txt small {
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: -0.01em;
    font-size: 18px;
    color: #000;
    padding-top: calc(60/18*1em);
}
.recruit .sec01 .cont .center_txt b {
    font-family: 'Pretendard';
    font-weight: 700;
    letter-spacing: -0.025em;
    font-size: 76px;
    color: #000;
    padding: calc(25/76*1em) 0 calc(60/76*1em);
}
html.en .recruit .sec01 .cont .center_txt b{
    font-size: 62px;
}
.recruit .sec01 .cont .center_txt p {
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    font-size: 24px;
    color: #000;
    line-height: calc(40/24*1em);
    padding-bottom: calc(55/24*1em);
}
html.en .recruit .sec01 .cont .center_txt p{font-size: 20px;}
.recruit .sec01 .cont .side {
    font-family: 'Poppins';
    font-weight: 700;
    font-style: italic;
    font-size: 62px;
    line-height: calc(72/62*1em);
    letter-spacing: -0.025em;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    display: flex; align-items: center;
    white-space: nowrap;
}
.recruit .sec01 .cont .left_txt {
    left: 0;
}
.recruit .sec01 .cont .left_txt:before {
    content: '';
    display: block;
    width: calc(110/62*1em);
    height: 100%;
    background-color: #ffffc3;
    position: absolute;
    top: 0; left: 0;
    z-index: -1;
}
.recruit .sec01 .cont .left_txt > p {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #000 0%, #000 0%, rgba(0, 0, 0, 0.2) 0%);
}
.recruit .sec01 .cont .right_txt {
    right: 0;
    width: calc(390/62*1em);
}
.recruit .sec01 .cont .right_txt > p {
    overflow: hidden;
}
.recruit .sec01 .cont .right_txt > p > * {
    display: inline-block;
}
.recruit .sec01 .cont .right_txt > p > *:not(.active) { 
    transform: translateX(-103%);
}
.recruit .sec01 .cont .right_txt > p > ._1 {
    background-image: linear-gradient(to top, #000 0%, #000 0%, rgba(0, 0, 0, 0.2) 0%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recruit .sec01 .cont .right_txt > p > ._2 {
    background-image: linear-gradient(to bottom, #000 0%, #000 0%, rgba(0, 0, 0, 0.2) 0%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.recruit .sec01 .cont .right_txt:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffc3;
    position: absolute;
    top: 50%; left: 0;
    transform: translateY(-50%);
    z-index: -1;
}
@media screen and (max-width: 1680px) {
    .recruit .sec01 .cont .side {
        font-size: clamp(50px, 50/1440*100vw, 62px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(66px, 66/1440*100vw, 76px);
    }
}
@media screen and (max-width: 1440px) {
    .recruit .sec01 .cont .side {
        font-size: clamp(42px, 42/1280*100vw, 50px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(60px, 60/1280*100vw, 66px);
    }
    .recruit .sec01 .cont .center_txt p {
        font-size: clamp(20px, 20/1280*100vw, 24px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec01 {
        padding-bottom: 200px;
    }
    .recruit .sec01 .cont .side {
        font-size: clamp(33px, 33/1024*100vw, 42px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(50px, 50/1024*100vw, 60px);
    }
    .recruit .sec01 .cont .center_txt p {
        font-size: clamp(18px, 18/1024*100vw, 20px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec01 {
        padding-top: 80px;
        padding-bottom: 150px;
    }
    .recruit .sec01 .cont .side {
        font-size: clamp(24px, 24/820*100vw, 33px);
    }
    .recruit .sec01 .cont .center_txt small {
        font-size: clamp(16px, 16/820*100vw, 18px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(32px, 32/820*100vw, 40px);
    }
    .recruit .sec01 .cont .center_txt p {
        font-size: clamp(16px, 16/820*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec01 .cont {
        flex-direction: column;
        margin: 0 auto;
    }
    .recruit .sec01 .cont .side {
        position: relative;
        top: auto; left: auto;
        transform: none;
        font-size: clamp(35px, 35/500*100vw, 50px);
    }
    .recruit .sec01 .cont .left_txt {
        align-self: flex-start;
        height: calc(200/50*1em);
    }
    .recruit .sec01 .cont .right_txt {
        margin-top: 50px;
        width: 100%;
        align-self: flex-end;
    }
    .recruit .sec01 .cont .right_txt:before {
        height: calc(220/62*1em);
    }
    .recruit .sec01 .cont .right_txt > p {
        width: 100%;
        text-align: right;
        padding-right: 3%;
    }
    .recruit .sec01 .cont .right_txt > p span {
        display: block;
    }
    .recruit .sec01 .cont .right_txt > p br:not(.br_1) {display: none;}
    .recruit .sec01 .cont .right_txt > p em {
        display: inline-block;
    }
    .recruit .sec01 .cont .right_txt > p > *:not(.active) {
        transform: translateX(250%);
    }
    .recruit .sec01 .cont .center_txt {
        max-width: 95%;
        margin: 0 auto;
    }
    .recruit .sec01 .cont .center_txt small {
        font-size: clamp(16px, 16/500*100vw, 18px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(40px, 40/500*100vw, 55px);
    }
    .recruit .sec01 .cont .center_txt p {
        max-width: 650px;
        font-size: clamp(18px, 18/500*100vw, 20px);
        word-break: keep-all;
    }
    .recruit .sec01 .cont .center_txt p br {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec01 {
        padding-top: 50px;
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(35px, 35/360*100vw, 40px);
    }
    .recruit .sec01 .cont .center_txt p {
        font-size: clamp(16px, 16/360*100vw, 18px);
    }
    .recruit .sec01 .cont .side {
        font-size: clamp(28px, 28/360*100vw, 35px);
    }
    .recruit .sec01 .cont .right_txt {
        margin-top: 20px;
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec01 .cont .center_txt small {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .sec01 .cont .center_txt b {
        font-size: clamp(26px, 26/280*100vw, 35px);
    }
    .recruit .sec01 .cont .center_txt p {
        font-size: clamp(14px, 14/280*100vw, 18px);
    }
    .recruit .sec01 .cont .side {
        font-size: clamp(23px, 23/280*100vw, 28px);
    }
    .recruit .sec01 .cont .right_txt {
        margin-top: 15px;
    }
}


.recruit .sec02 {
    position: relative;
}
.recruit .sec02 .backObj {
    top: 0; right: 0;
    position: absolute;
    transform: translateX(10%) translateY(-5%);
    display: flex;
    gap: 50px;
}
.recruit .sec02 .flx {
    display: flex; align-items: flex-start; justify-content: space-between;
    width: 100%; margin-top: 120px;
}
.recruit .sec02 .flx dl {
    display: flex; flex-direction: column; align-items: flex-start;
    width: calc(685/1440*100%);
}
.recruit .sec02 .flx dl dt {
    font-family: 'Poppins';
    font-weight: 700;
    letter-spacing: -0.01em;
    font-size: 32px;
    color: #000;
    padding: calc(20/32*1em);
    box-sizing: border-box;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #000;
}
.recruit .sec02 .flx dl dt:before {
    content: '';
    display: block;
    width: 35px;
    height: 35px;
    background-color: #ffffc3;
    position: absolute;
    top: 0; left: 0;
    transform: translateY(30%);
    z-index: -1;
    border-radius: 50%;
}
.recruit .sec02 .flx dl dd {
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    font-size: 24px;
    color: #000;
    padding: calc(50/24*1em) calc(20/24*1em) calc(20/24*1em);
    width: 100%;
    box-sizing: border-box;
    line-height: calc(40/24*1em);
}
.recruit .sec02 .flx dl dd > .sub {
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    font-size: 18px;
    color: #727272;
    padding-top: calc(3/18*1em);
    display: flex;
    line-height: calc(28/18*1em);
}
.recruit .sec02 .flx dl dd > .sub small {
    font-size: calc(13/18*1em);
    line-height: calc(28/13*1em);
    padding-right: calc(2/13*1em);
}
@media screen and (max-width: 1440px) {
    .recruit .sec02 .flx dl dt {
        font-size: clamp(28px, 28/1280*100vw, 32px);
    }
    .recruit .sec02 .flx dl dd {
        font-size: clamp(20px, 20/1280*100vw, 24px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec02 .flx {
        margin-top: 80px;
    }
    .recruit .sec02 .flx dl {
        width: calc(700/1440*100%);
    }
    .recruit .sec02 .flx dl dt {
        font-size: clamp(24px, 24/1024*100vw, 28px);
    }
    .recruit .sec02 .flx dl dd {
        font-size: clamp(18px, 18/1024*100vw, 20px);
        padding: calc(40/24*1em) calc(18/24*1em) calc(20/24*1em);
        word-break: keep-all;
    }
    .recruit .sec02 .flx dl dd > .sub {
        font-size: clamp(16px, 16/1024*100vw, 18px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec02 .flx dl:first-child dd p > br {
        display: none;
    }
    .recruit .sec02 .flx dl dd > .sub {
        font-size: clamp(14px, 14/820*100vw, 16px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec02 .flx {
        margin-top: 60px;
        flex-direction: column;
    }
    .recruit .sec02 .flx dl {
        width: 100%;
    }
    .recruit .sec02 .flx dl + dl {
        margin-top: 30px;
    }
    .recruit .sec02 .flx dl > * {
        width: 100%;
    }
    .recruit .sec02 .flx dl dt {
        font-size: clamp(20px, 20/500*100vw, 28px);
    }
    .recruit .sec02 .flx dl dd {
        font-size: clamp(16px, 16/500*100vw, 20px);
    }
    .recruit .sec02 .flx dl:first-child dd p > br {
        all: unset;
    }
    .recruit .sec02 .flx dl dd > .sub {
        padding-top: calc(10/14*1em);
        font-size: clamp(14px, 14/500*100vw, 16px);
    }
    .recruit .sec02 .backObj > img {
        width: 50%;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec02 .flx {
        margin-top: 40px;
    }
    .recruit .sec02 .flx dl:first-child dd p > br {
        display: none;
    }
    .recruit .sec02 .flx dl + dl {
        margin-top: 20px;
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec02 .flx dl dd {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .sec02 .flx dl dd br {
        display: none;
    }
    .recruit .sec02 .flx dl + dl {
        margin-top: 15px;
    }
}

.recruit .sec03 {
    padding-top: 120px;
    position: relative;
}
.recruit .sec03 .cont {
    position: relative;
}
.recruit .sec03 .bg_obj {
    position: absolute;
    top: 0; left: 0;
    transform: translateX(-10%) translateY(10%);
    background-color: #ffffc3;
    border-radius: 50%;
    width: 440px;
    height: 440px;
    z-index: -1;
}
.recruit .sec03 .flx {
    display: flex; justify-content: space-between;
    width: 100%; margin-top: 90px;
    gap: 60px;
}
.recruit .sec03 .flx .item {
    display: flex; flex-direction: column; align-items: center;
    background: #000;
    border-radius: 24px;
    padding: calc(59/24*1em) calc(55/24*1em) calc(64/24*1em);
    color: #fff;
    text-align: center;
    font-size: 24px;
    box-sizing: border-box;
    flex: 1;
}
.recruit .sec03 .flx .item .img {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recruit .sec03 .flx .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.recruit .sec03 .flx .item .txt {
    display: flex; flex-direction: column; align-items: center;
}
.recruit .sec03 .flx .item .txt .title {
    font-family: 'Pretendard';
    font-weight: 700;
    letter-spacing: -0.025em;
    font-size: inherit;
    color: #ffffc3;
    padding: calc(28/24*1em) 0 calc(25/24*1em);
}
.recruit .sec03 .flx .item .txt .desc {
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    font-size: 16px;
    color: #cccccc;
    line-height: calc(24/16*1em);
}
@media screen and (max-width: 1440px) {
    .recruit .sec03 .flx {
        gap: 40px;
    }
    .recruit .sec03 .flx .item {
        padding: calc(40/24*1em) calc(30/24*1em) calc(40/24*1em);
    }
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(24px, 24/1280*100vw, 28px);
    }
    .recruit .sec03 .flx .item .txt .desc {
        word-break: keep-all;
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec03 .flx {
        gap: 30px;
    }
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(22px, 22/1024*100vw, 24px);
    }
    .recruit .sec03 .flx .item .txt .desc br {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec03 .flx {
        margin-top: 60px;
        gap: 20px;
    }
    .recruit .sec03 .flx .item {
        padding: calc(30/24*1em) calc(20/24*1em) calc(30/24*1em);
    }
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(18px, 18/820*100vw, 22px);
    }
    .recruit .sec03 .flx .item .txt .desc {
        font-size: clamp(14px, 14/820*100vw, 16px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec03 .flx {
        flex-direction: column;
        gap: 20px;
    }
    .recruit .sec03 .flx .item {
        flex: 0;
        width: 100%;
    }
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(18px, 18/500*100vw, 22px);
    }
    .recruit .sec03 .flx .item .txt .desc {
        font-size: clamp(16px, 16/500*100vw, 18px);
        height: calc(80/18*1em);
        max-width: 380px;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec03 {
        padding-top: 80px;
    }
    .recruit .sec03 .flx {
        margin-top: 40px;
        gap: 10px;
    }
    .recruit .sec03 .flx .item .img {
        width: 80px;
        height: 80px;
    }
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(16px, 16/360*100vw, 18px);
    }
    .recruit .sec03 .flx .item .txt .desc {
        font-size: clamp(14px, 14/360*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec03 .flx .item .txt .title {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .sec03 .flx .item .txt .desc {
        height: calc(80/14*1em);
    }
}

.recruit .sec04 {
    padding-top: 160px;
    position: relative;
}
.recruit .sec04 .cont {
    position: relative;
}

.recruit .sec04 .cont .marquee {
    width: 100%;
    position: relative; 
    display: flex; align-items: center; 
    font-size: 24px; font-weight: 700; 
    letter-spacing: -0.025em; 
    font-family: 'Pretendard'; 
    overflow: hidden; white-space: nowrap;
}
.recruit .sec04 .cont .marquee + .marquee {
    margin-top: calc(40/24*1em);
}
.recruit .sec04 .cont .marquee .absol { 
    width: 100%; 
    display: flex; align-items: center;
}
.recruit .sec04 .cont .marquee .absol .mar_ch {
    transform: translateX(-100%);
}
.recruit .sec04 .cont .marquee .absol .mar_ch span {
    margin: 0 calc(15/24*1em);
    border-radius: calc(40/24*1em);
    display: inline-block;
    padding: calc(30/24*1em) calc(65/24*1em);
    line-height: calc(24/24*1em);
}
.recruit .sec04 .cont .marquee .absol .mar_ch span.black {
    background: #000;
    color: #fff;
}
.recruit .sec04 .cont .marquee .absol .mar_ch span.white {
    background: #fff;
    color: #000; border: 1px solid #ccc;
}
.recruit .sec04 .cont .marquee .absol .mar_ch span.w_1 {
    width: calc(280/24*1em);
}
.recruit .sec04 .cont .marquee .absol .mar_ch span.w_2 {
    width: calc(480/24*1em);
}
@keyframes marquee {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}
/* .recruit .sec04 .cont .marquee._1 .mar_ch {
    animation: marquee 10s linear infinite;
}
.recruit .sec04 .cont .marquee._2 .mar_ch {
    animation: marquee 12s linear infinite;
}
.recruit .sec04 .cont .marquee._3 .mar_ch {
    animation: marquee 14s linear infinite;
}
.recruit .sec04 .cont .marquee._4 .mar_ch {
    animation: marquee 13s linear infinite;
} */
@media screen and (max-width: 1440px) {
    .recruit .sec04 .cont .marquee {
        font-size: clamp(20px, 20/1280*100vw, 24px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec04 .cont .marquee {
        font-size: clamp(18px, 18/1024*100vw, 20px);
    }
    .recruit .sec04 .cont .marquee + .marquee {
        margin-top: calc(30/20*1em);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec04 .cont .marquee {
        font-size: clamp(16px, 16/820*100vw, 18px);
    }
    .recruit .sec04 .cont .marquee + .marquee {
        margin-top: calc(20/18*1em);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec04 .cont .marquee {
        font-size: clamp(16px, 16/500*100vw, 18px);
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec04{
        padding-top: 100px;
    }
    .recruit .sec04 .cont .marquee {
        font-size: clamp(14px, 14/360*100vw, 16px);
    }
    .recruit .sec04 .cont .marquee + .marquee {
        margin-top: calc(15/16*1em);
    }
}

.recruit .sec05 {
    padding-top: 220px;
}
.recruit .sec05 .cont {
    width: 100%;
}
.recruit .sec05 .cont .process {
    display: flex; align-items: center; justify-content: center;
    width: 100%;
}
.recruit .sec05 .cont .process .item {
    border-radius: 50%;
    border: 1px solid #000;
    width: calc(200/24*1em);
    height: calc(200/24*1em);
    display: flex; align-items: center; justify-content: center;
    position: relative;
    font-size: 24px;
    box-sizing: border-box;
}

html.en .recruit .sec05 .cont .process .item{
    width: calc(250/24*1em);
    height: calc(250/24*1em);
}
.recruit .sec05 .cont .process .item p {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: inherit;
    letter-spacing: -0.05em;
    color: #000;
    position: relative;
    text-align: center;
}
.recruit .sec05 .cont .process .item p span {
    font-size: 14px;
    color: #727272;
    position: absolute;
    top: 100%; left: 50%;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
    padding-top: calc(12/14*1em);
}
.recruit .sec05 .cont .process .item p span small {
    font-size: calc(12/14*1em);
    line-height: calc(15/12*1em);
    padding-right: calc(2/12*1em);
    font-weight: 500;
}
.recruit .sec05 .cont .process .item.yellow {
    background: #ffffc3;
}
.recruit .sec05 .cont .process .gt {
    display: flex; align-items: center; justify-content: center;
    padding: 0 60px;
}
.recruit .sec05 .cont .process .gt i {
    font-size: 40px;
    color: #000;
}
.recruit .sec05 .cont .detail {
    width: 100%;
}
.recruit .sec05 .cont .detail b {
    display: block;
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.05em;
    color: #000;
    padding-top: calc(100/24*1em);
    padding-bottom: calc(20/24*1em);
}
.recruit .sec05 .cont .detail .req {
    display: flex; align-items: center;
    gap: calc(40/24*1em);
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(32/24*1em);
}
html.en .recruit .sec05 .cont .detail .req{
    align-items: flex-start;
}
.recruit .sec05 .cont .interview {
    display: flex; align-items: center; justify-content: center;
    gap: 45px;
    padding-top: 68px;
    width: 100%;
}
.recruit .sec05 .cont .interview .item {
    display: flex; align-items: center; justify-content: center;
    font-size: 30px;
    width: calc(100% / 3 - (45px * 2 / 3));
    height: calc(280/30*1em);
    border: 1px solid #ccc;
    border-radius: 12px;
    position: relative;
}
.recruit .sec05 .cont .interview .item b {
    font-family: 'Poppins';
    font-weight: 300;
    font-size: inherit;
    letter-spacing: -0.025em;
    color: #000;
    padding-top: calc(50/30*1em);
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.recruit .sec05 .cont .interview .item p {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #000;
    text-align: center;
    position: relative;
    line-height: calc(28/20*1em);
}
.recruit .sec05 .cont .interview .item p span {
    font-size: 16px;
    color: #727272;
    position: absolute;
    top: 100%; left: 50%;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
}
html.en .recruit .sec05 .cont .interview .item p span{
    align-items: flex-start;
}
.recruit .sec05 .cont .interview .item p span small {
    font-size: calc(13/16*1em);
    line-height: calc(15/13*1em);
    padding-right: calc(2/13*1em);
    font-weight: 500;
}
html.en .recruit .sec05 .cont .interview .item p span small{
    line-height: unset;
    padding-right: calc(6/13*1em);
}
@media screen and (max-width: 1280px) {
    .recruit .sec05 .cont .process .gt {
        padding: 0 30px;
    }
    .recruit .sec05 .cont .detail b {
        font-size: clamp(25px, 25/1024*100vw, 30px);
    }
    .recruit .sec05 .cont .detail .req {
        gap: calc(20/24*1em);
        font-size: clamp(20px, 20/1024*100vw, 24px);
    }
    .recruit .sec05 .cont .interview {
        gap: 20px;
    }
    .recruit .sec05 .cont .interview .item {
        width: calc(100% / 3 - (20px * 2 / 3));
        font-size: clamp(22px, 22/1024*100vw, 30px);
        height: calc(300/30*1em);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec05 {
        padding-top: 180px;
    }
    .recruit .sec05 .cont .process .item {
        font-size: clamp(20px, 20/820*100vw, 24px);
    }
    .recruit .sec05 .cont .detail .req {
        flex-direction: column;
        align-items: flex-start;
        font-size: clamp(18px, 18/820*100vw, 20px);
    }
    .recruit .sec05 .cont .interview {
        flex-wrap: wrap;
        gap: 10px;
    }
    .recruit .sec05 .cont .interview .item {
        width: calc(100% / 2 - (20px / 2));
        font-size: clamp(22px, 22/1024*100vw, 30px);
        height: calc(300/30*1em);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec05 .cont .process .gt {
        padding: 0 5px;
    }
    .recruit .sec05 .cont .process .gt i {
        font-size: clamp(30px, 30/500*100vw, 40px);
    }
    .recruit .sec05 .cont .process .item {
        font-size: clamp(16px, 16/500*100vw, 20px);
        flex-shrink: 0;
    }
    .recruit .sec05 .cont .process .item p span {
        word-break: keep-all;
        font-size: clamp(12px, 12/500*100vw, 14px);
    }
    .recruit .sec05 .cont .detail b {
        padding-top: calc(60/20*1em);
    }
    .recruit .sec05 .cont .detail .req {
        font-size: clamp(16px, 16/500*100vw, 20px);
    }
    .recruit .sec05 .cont .interview {
        flex-direction: column;
    }
    .recruit .sec05 .cont .interview .item {
        font-size: clamp(20px, 20/500*100vw, 24px);
        width: 100%;
        height: calc(260/24*1em);
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec05 {
        padding-top: 100px;
    }
    .recruit .sec05 .cont .process {
        flex-direction: column;
    }
    .recruit .sec05 .cont .process .item {
        font-size: clamp(18px, 18/360*100vw, 20px);
        width: 100%;
        border-radius: 100px;
        height: calc(170/24*1em);
    }
    .recruit .sec05 .cont .process .item p span {
        font-size: clamp(14px, 14/360*100vw, 16px);
    }
    .recruit .sec05 .cont .process .gt i {
        transform: rotate(90deg);
    }
    .recruit .sec05 .cont .process .gt {
        padding: 10px 0px;
    }
    .recruit .sec05 .cont .interview .item p {
        font-size: clamp(18px, 18/500*100vw, 20px);
    }
    .recruit .sec05 .cont .interview .item p span {
        font-size: clamp(14px, 14/500*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec05 .cont .process .item {
        height: calc(120/20*1em);
    }
    .recruit .sec05 .cont .process .gt i {
        font-size: clamp(20px, 20/360*100vw, 30px);
    }
    .recruit .sec05 .cont .detail .req {
        font-size: clamp(13px, 13/280*100vw, 18px);
        word-break: keep-all;
    }
    .recruit .sec05 .cont .interview {
        padding-top: 40px;
    }
    .recruit .sec05 .cont .interview .item {
        font-size: clamp(18px, 18/360*100vw, 20px);
    }
    .recruit .sec05 .cont .interview .item p {
        font-size: clamp(16px, 16/280*100vw, 18px);
    }
    .recruit .sec05 .cont .interview .item p span {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
}

.recruit .sec06 {
    padding-top: 95px;
    position: relative;
}
.recruit .sec06 .cont {
    position: relative;
}
.recruit .sec06 .cont .visualTxt {
    position: relative;
    font-size: 170px;
    line-height: calc(150/170*1em);
    font-family: 'Poppins';
    font-weight: 800;
    letter-spacing: -0.025em;
    padding-top: calc(260/170*1em);
}
.recruit .sec06 .cont .visualTxt .circle {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 486px;
    height: 486px;
    background-color: #ffffc3;
    border-radius: 50%;
    z-index: -1;
}
.recruit .sec06 .cont .visualTxt .txt {
    position: relative;
    z-index: 1;
}
.recruit .sec06 .cont .visualTxt .txt .gray {
    color: #727272;
    text-align: left;
}
.recruit .sec06 .cont .visualTxt .txt .black {
    color: #000;
    text-align: right;
}
.recruit .sec06 .cont .grid {
    display: grid; grid-template-columns: repeat(3, 1fr);
    width: 100%; border: 0.5px solid #ccc; border-width: .5px 0 .5px 0;
    margin-top: 30px;
}
.recruit .sec06 .cont .grid .item {
    display: flex; flex-direction: column; align-items: flex-start;
    border: 0.5px solid #ccc;
    padding: calc(30/28*1em);
    font-size: 28px;
    height: calc(240/28*1em);
    box-sizing: border-box;
}
html.en .recruit .sec06 .cont .grid .item{height: calc(340 / 28 * 1em);}
.recruit .sec06 .cont .grid .item:nth-child(3n) {
    border-right: none;
}
.recruit .sec06 .cont .grid .item:nth-child(3n+1) {
    border-left: none;
}
.recruit .sec06 .cont .grid .item b {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: inherit;
    letter-spacing: -0.05em;
    color: #000;
    padding-bottom: calc(10/28*1em);
    line-height: calc(40/28*1em);
}
.recruit .sec06 .cont .grid .item p {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #727272;
    line-height: calc(28/18*1em);
}
@media screen and (max-width: 1440px) {
    .recruit .sec06 .cont .grid .item {
        font-size: clamp(26px, 26/1280*100vw, 28px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec06 {
        padding-top: 60px;
    }
    .recruit .sec06 .cont .visualTxt {
        font-size: clamp(120px, 120/1024*100vw, 170px);
    }
    .recruit .sec06 .cont .grid .item {
        font-size: clamp(22px, 22/1024*100vw, 28px);
        word-break: keep-all;
    }
    .recruit .sec06 .cont .grid .item p {
        font-size: clamp(16px, 16/1024*100vw, 18px);
        word-break: keep-all;
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec06 .cont .visualTxt {
        font-size: clamp(100px, 100/820*100vw, 120px);
    }
    .recruit .sec06 .cont .grid .item {
        font-size: clamp(20px, 20/820*100vw, 24px);
        padding: calc(20/28*1em);
    }
    .recruit .sec06 .cont .grid .item p {
        font-size: clamp(14px, 14/820*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec06 .cont .visualTxt {
        font-size: clamp(70px, 70/500*100vw, 100px);
    }
    .recruit .sec06 .cont .visualTxt .circle {
        width: 286px;
        height: 286px;
    }
    .recruit .sec06 .cont .grid {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 60px;
    }
    .recruit .sec06 .cont .grid .item {
        font-size: clamp(18px, 18/500*100vw, 24px);
        height: calc(220/28*1em);
    }
    .recruit .sec06 .cont .grid .item:nth-child(3n) {
        border-right: 1px solid #ccc;
    }
    .recruit .sec06 .cont .grid .item:nth-child(3n+1) {
        border-left: 1px solid #ccc;
    }
    .recruit .sec06 .cont .grid .item:nth-child(2n) {
        border-right: none;
    }
    .recruit .sec06 .cont .grid .item:nth-child(2n+1) {
        border-left: none;
    }
    .recruit .sec06 .cont .grid .item:nth-child(9),
    .recruit .sec06 .cont .grid .item:nth-child(10) {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec06 .cont .visualTxt {
        font-size: clamp(50px, 50/360*100vw, 80px);
    }
    .recruit .sec06 .cont .visualTxt .circle {
        width: 206px;
        height: 206px;
    }
    .recruit .sec06 .cont .grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .recruit .sec06 .cont .grid .item {
        font-size: clamp(18px, 18/360*100vw, 20px);
        width: 100%;
        height: calc(200/28*1em);
        border-width: 1px 0px !important;
    }
    .recruit .sec06 .cont .grid .item:nth-child(8) {
        display: none;
    }
    .recruit .sec06 .cont .grid .item p {
        font-size: clamp(14px, 14/360*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec06 .cont .visualTxt {
        font-size: clamp(40px, 40/360*100vw, 50px);
    }
    .recruit .sec06 .cont .grid {
        margin-top: 30px;
    }
}

.recruit .sec07 {
    padding-top: 50px;
    position: relative;
}
.recruit .sec07 .cont {
    position: relative;
}
.recruit .sec07 .visualTxt {
    position: absolute;
    top: 20px; right: 0;
    font-size: 170px;
    line-height: calc(150/170*1em);
    font-family: 'Poppins';
    font-weight: 800;
    letter-spacing: -0.025em;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.recruit .sec07 .visualTxt .gray {
    color: #aeaeb1; padding-right: calc(288/170*1em);
}
.recruit .sec07 .visualTxt .black {
    color: #000;
    position: relative;
    text-align: right;
    align-self: flex-end;
}
.recruit .sec07 .visualTxt .black:before {
    content: '';
    display: block;
    width: 118px;
    height: 118px;
    background-color: #ffffc3;
    position: absolute;
    top: 100%; left: 0%;
    transform: translate(-35%, -65%);
    border-radius: 50%;
    z-index: -1;
}
.recruit .sec07 .cont .condition {
    display: flex; flex-direction: column; align-items: flex-start;
    width: 100%;
}
.recruit .sec07 .cont .condition span {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.01em;
    color: #000;
}
.recruit .sec07 .cont .condition b {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 30px;
    letter-spacing: -0.05em;
    color: #000;
    padding-top: calc(15/30*1em);
    padding-bottom: calc(20/30*1em);
}
.recruit .sec07 .cont .condition ul {
    display: flex; flex-direction: column; align-items: flex-start;
    width: 100%;
    font-size: 24px;
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(40/24*1em);
    box-sizing: border-box;
    word-break: keep-all;
}
.recruit .sec07 .cont .condition ul + ul {
    padding-top: calc(30/24*1em);
}
.recruit .sec07 .cont .condition ul li {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: inherit;
    position: relative;
    display: flex; align-items: flex-start;
}
.recruit .sec07 .cont .condition ul li::before {
    content: '•';
    display: flex; align-items: center; justify-content: center;
    width: calc(25/24*1em);
    height: calc(25/24*1em);
    padding-top: calc(5/24*1em);
    line-height: calc(40/24*1em);
    color: #000;
    flex-shrink: 0;
}
.recruit .sec07 .cont .condition ul li .btn {
    font-size: 16px;
    color: #727272;
    font-family: 'Pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    padding: calc(7/16*1em) calc(10/16*1em);
    background: #eeeeee;
    border: 1px solid #ccc;
    border-radius: calc(8/16*1em);
    margin-left: calc(20/16*1em);
    display: inline-flex; align-items: center; 
    box-sizing: border-box;
    line-height: 1;
    cursor: pointer;
    align-self: center;
}
@media screen and (max-width: 1760px) {
    .recruit .sec07 {
        padding-top: 160px;
    }
}
@media screen and (max-width: 1440px) {
    .recruit .sec07 .visualTxt {
        font-size: clamp(120px, 120/1280*100vw, 170px);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec07 .cont .condition b {
        font-size: clamp(24px, 24/1024*100vw, 30px);
    }
    .recruit .sec07 .cont .condition ul {
        font-size: clamp(20px, 20/1024*100vw, 24px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec07 .visualTxt {
        font-size: clamp(100px, 100/820*100vw, 120px);
    }
    .recruit .sec07 .cont .condition b {
        font-size: clamp(22px, 22/820*100vw, 24px);
    }
    .recruit .sec07 .cont .condition ul {
        font-size: clamp(18px, 18/820*100vw, 20px);
    }
    .recruit .sec07 .cont .condition ul li .btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec07 {
        padding-top: 170px;
        margin-top: 50px;
    }
    .recruit .sec07 .visualTxt {
        font-size: clamp(80px, 80/500*100vw, 100px);
    }
    .recruit .sec07 .cont .condition ul {
        font-size: clamp(16px, 16/500*100vw, 18px);
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec07 {
        padding-top: 180px;
    }
    .recruit .sec07 .visualTxt {
        font-size: clamp(60px, 60/360*100vw, 80px);
    }
    .recruit .sec07 .visualTxt .black:before {
        width: calc(100/80*1em);
        height: calc(100/80*1em);
        transform: translate(-35%, -65%);
    }
    .recruit .sec07 .cont .condition ul {
        font-size: clamp(15px, 15/360*100vw, 16px);
    }
    .recruit .sec07 .cont .condition ul li + li {
        margin-top: calc(5/15*1em);
    }
    .recruit .sec07 .cont .condition ul li .btn {
        font-size: 12px;
        margin-left: calc(5/12*1em);
    }
}

.recruit .sec08 {
    padding-top: 140px;
}
.recruit .sec08 .cont .mission > b {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.025em;
    color: #000;
    margin-bottom: calc(60/30*1em);
    position: relative;
    display: inline-block;
}
.recruit .sec08 .cont .mission > b:before {
    content: '';
    display: block;
    width: calc(35/30*1em);
    height: calc(35/30*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    bottom: 0; left: 0;
    transform: translate(-50%, -10%);
    z-index: -1;
}
.recruit .sec08 .cont .mission .flx {
    display: flex; align-items: center; justify-content: space-between;
}
.recruit .sec08 .cont .mission .flx .visualTxt {
    font-size: 66px;
    font-family: 'Poppins';
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #aeaeb1;
    line-height: calc(80/66*1em);
}
.recruit .sec08 .cont .mission .flx .visualTxt b {
    color: #000;
}
.recruit .sec08 .cont .mission .flx .desc {
    font-size: 32px;
    font-family: 'Pretendard';
    font-weight: 600;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(52/32*1em);
}
@media screen and (max-width: 1280px) {
    .recruit .sec08 .cont .mission > b {
        font-size: clamp(24px, 24/1024*100vw, 32px);
    }
    .recruit .sec08 .cont .mission .flx .visualTxt {
        font-size: clamp(56px, 56/1024*100vw, 66px);
    }
    .recruit .sec08 .cont .mission .flx .desc {
        font-size: clamp(25px, 25/1024*100vw, 32px);
        word-break: keep-all;
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec08{
        padding-top: 80px;
    }
    .recruit .sec08 .cont .mission .flx .visualTxt {
        font-size: clamp(42px, 42/820*100vw, 66px);
    }
    .recruit .sec08 .cont .mission .flx .desc {
        font-size: clamp(20px, 20/820*100vw, 32px);
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec08 .cont .mission > b {
        font-size: clamp(20px, 20/500*100vw, 24px);
    }
    .recruit .sec08 .cont .mission .flx {
        flex-wrap: wrap;
    }
    .recruit .sec08 .cont .mission .flx .visualTxt {
        font-size: clamp(42px, 42/500*100vw, 56px);
    }
    .recruit .sec08 .cont .mission .flx .desc {
        padding-top: calc(20/20*1em);
        font-size: clamp(18px, 18/500*100vw, 20px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec08 .cont .mission .flx .visualTxt {
        font-size: clamp(36px, 36/360*100vw, 42px);
    }
    .recruit .sec08 .cont .mission .flx .desc {
        font-size: clamp(16px, 16/360*100vw, 18px);
    }
}

.recruit .sec09 {
    margin-top: 130px;
    position: relative;
}
.recruit .sec09 .bgTxt {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background-image: url('/asset/img/sub/recruit/s9_bg_txt.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.recruit .sec09 .wrap {
    position: relative;
    z-index: 1;
}
.recruit .sec09 .wrap .cont {
    display: flex; flex-direction: column; align-items: center;
    padding: 60px 0;
}
.recruit .sec09 .wrap .cont b {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.025em;
    color: #000;
    position: relative;
    display: inline-block;
}
.recruit .sec09 .wrap .cont b:before {
    content: '';
    display: block;
    width: calc(35/30*1em);
    height: calc(35/30*1em);
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 0; left: 0%;
    transform: translate(-50%, -10%);
    z-index: -1;
}
.recruit .sec09 .wrap .cont .desc {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(50/32*1em);
    text-align: center;
    padding: calc(60/32*1em) 0;
}
.recruit .sec09 .wrap .cont .small {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #727272;
    line-height: calc(32/18*1em);
    text-align: center;
}
@media screen and (max-width: 1280px) {
    .recruit .sec09 .wrap .cont {
        padding: 40px 0;
    }
    .recruit .sec09 .wrap .cont b {
        font-size: clamp(24px, 24/1024*100vw, 30px);
    }
    .recruit .sec09 .wrap .cont .desc {
        font-size: clamp(24px, 24/1024*100vw, 32px);
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec09{
        margin-top: 80px;
    }
    .recruit .sec09 .wrap .cont b {
        font-size: clamp(22px, 22/820*100vw, 24px);
    }
    .recruit .sec09 .wrap .cont .desc {
        font-size: clamp(20px, 20/820*100vw, 24px);
        word-break: keep-all;
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec09 .wrap .cont {
        padding: 30px 0;
    }
    .recruit .sec09 .wrap .cont b {
        font-size: clamp(20px, 20/501*100vw, 22px);
    }
    .recruit .sec09 .wrap .cont .desc {
        font-size: clamp(18px, 18/501*100vw, 20px);
    }
    .recruit .sec09 .wrap .cont .small {
        font-size: clamp(16px, 16/501*100vw, 18px);
        word-break: keep-all;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec09 .wrap .cont .desc {
        font-size: clamp(16px, 16/360*100vw, 18px);
        padding: calc(60/32*1em) calc(20/32*1em);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec09 .wrap .cont .desc br {display: none;}
}

.recruit .sec10 {
    padding: 140px 0;
}
.recruit .sec10 .wrap {
    position: relative;
    z-index: 1;
}
.recruit .sec10 .wrap .cont {
    display: flex; flex-direction: column; align-items: center;
}
.recruit .sec10 .wrap .cont .visualTxt {
    display: flex; align-items: flex-end; justify-content: flex-end;
    position: relative; width: 100%;
}
.recruit .sec10 .wrap .cont .visualTxt .big {
    font-size: clamp(320px, 320/1440*100vw, 362px);
    font-family: 'Poppins';
    font-weight: 700;
    letter-spacing: -0.01em;
    color: #000;
    line-height: calc(140/362*1em);
    opacity: .07;
    position: absolute;
    left: 0; bottom: 0;
    transform: translateX(-32%) translateY(-50%);
}
.recruit .sec10 .wrap .cont .visualTxt .inner {
    display: flex; flex-direction: column; align-items: flex-start;
    position: relative;
}
.recruit .sec10 .wrap .cont .visualTxt .inner > b {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 30px;
    letter-spacing: -0.025em;
    color: #000;
    line-height: calc(32/30*1em);
    position: absolute;
    bottom: 100%; left: 0;
}
.recruit .sec10 .wrap .cont .visualTxt .inner > b:before {
    content: '';
    display: block;
    width: calc(35/30*1em);
    height: calc(35/30*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    bottom: 0; left: 0;
    transform: translate(-50%, -10%);
    z-index: -1;
}
.recruit .sec10 .wrap .cont .visualTxt .inner p {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 48px;
    letter-spacing: -0.05em;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #000 0%, #aeaeb1 0%, #aeaeb1 100%);
    line-height: calc(72/48*1em);
    padding-top: calc(50/48*1em);
}
html.en .recruit .sec10 .wrap .cont .visualTxt .inner p{
    font-size: 42px;
}
.recruit .sec10 .wrap .cont .visualTxt .inner p b {
    color: #000;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #000 0%, #000 0%, #000 100%);
}
.recruit .sec10 .wrap .cont .visualTxt .inner p em {
    font-family: 'Poppins';
    font-weight: 700;
}
.recruit .sec10 .wrap .cont .introduce {
    position: relative;
    margin-top: 100px;
    padding-top: 20px;
    width: 100%;
}
.recruit .sec10 .wrap .cont .introduce .bgObj {
    position: absolute;
    width: 332px;
    height: 326px;
    border-radius: 50%;
    background-color: #ffffc3;
    z-index: -1;
}
.recruit .sec10 .wrap .cont .introduce .bgObj.top {
    top: 0; right: 0;   
    transform: translateX(10%);
}
.recruit .sec10 .wrap .cont .introduce .bgObj.bottom {
    width: 280px;
    height: 274px;
    bottom: 0; left: 0;
    transform: translate(-60%, 25%);
}
.recruit .sec10 .wrap .cont .introduce .txt {
    display: flex; flex-direction: column;
}
.recruit .sec10 .wrap .cont .introduce .txt .bold {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 32px;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(48/32*1em);
    padding-bottom: calc(30/32*1em);
}
.recruit .sec10 .wrap .cont .introduce .txt .desc {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 26px;
    letter-spacing: -0.05em;
    color: #000;
    line-height: calc(40/26*1em);
    padding-bottom: calc(30/26*1em);
}
.recruit .sec10 .wrap .cont .introduce .txt .small {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    line-height: calc(32/20*1em);
}
.recruit .sec10 .wrap .cont .introduce .grid {
    display: grid; grid-template-columns: repeat(2, 1fr); z-index: 1;
    position: relative; padding-top: 115px; gap: 85px 0px;
}
.recruit .sec10 .wrap .cont .introduce .grid .item {
    display: flex;
}
.recruit .sec10 .wrap .cont .introduce .grid .item .num {
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 120px;
    letter-spacing: -0.025em;
    color: #000;
    opacity: .12;
    padding-top: calc(37/120*1em);
    padding-left: calc(50/120*1em);
    width: calc(155/120*1em);
    box-sizing: border-box;
}
.recruit .sec10 .wrap .cont .introduce .grid .item dl {
    display: flex; flex-direction: column;
}
.recruit .sec10 .wrap .cont .introduce .grid .item dl dt {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 28px;
    letter-spacing: -0.05em;
    line-height: calc(42/28*1em);
    color: #727272;
    padding-bottom: calc(30/28*1em);
    position: relative;
}
.recruit .sec10 .wrap .cont .introduce .grid .item dl dt p b {
    color: #000;
}
.recruit .sec10 .wrap .cont .introduce .grid .item dl dd {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.05em;
    line-height: calc(32/20*1em);
    color: #000;
}

.recruit .sec10 .wrap .cont .introduce .grid .item._1 dl dt:before {
    content: '';
    display: block;
    width: calc(118/28*1em);
    height: calc(118/28*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    top: 0; left: 0;
    transform: translate(-40%, -15%);
    z-index: -1;
}
.recruit .sec10 .wrap .cont .introduce .grid .item._2 dl dt:before {
    content: '';
    display: block;
    width: calc(60/28*1em);
    height: calc(60/28*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    top: 0; left: 50%;
    transform: translate(-70%, -45%);
    z-index: -1;
}
.recruit .sec10 .wrap .cont .introduce .grid .item._3 dl dt:before {
    content: '';
    display: block;
    width: calc(118/28*1em);
    height: calc(118/28*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    top: 0; left: 0;
    transform: translate(-40%, -25%);
    z-index: -1;
}
.recruit .sec10 .wrap .cont .introduce .grid .item._4 dl dt:before {
    content: '';
    display: block;
    width: calc(60/28*1em);
    height: calc(60/28*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    top: 0; left: 50%;
    transform: translate(-65%, -35%);
    z-index: -1;
}
.recruit .sec10 .wrap .cont .introduce .grid .item._6 dl dt:before {
    content: '';
    display: block;
    width: calc(118/28*1em);
    height: calc(118/28*1em);
    background-color: #ffffc3;
    border-radius: 50%;
    position: absolute;
    top: 0; left: 0;
    transform: translate(-40%, -25%);
    z-index: -1;
}
@media screen and (max-width: 1760px) {
    .recruit .sec10 .wrap .cont .visualTxt .big {
        transform: translate(-20%, -50%);
    }
}
@media screen and (max-width: 1600px) {
    .recruit .sec10 .wrap .cont .visualTxt .big {
        transform: translate(-15%, -50%);
    }
}
@media screen and (max-width: 1440px) {
    .recruit .sec10 .wrap .cont .visualTxt .big {
        transform: translate(-10%, -50%);
        font-size: clamp(280px, 280/1280*100vw, 320px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(25px, 25/1280*100vw, 28px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(40px, 40/1280*100vw, 48px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item .num {
        font-size: clamp(100px, 100/1280*100vw, 120px);
        padding-left: calc(40/120*1em);
        width: calc(120/120*1em);
    }
}
@media screen and (max-width: 1280px) {
    .recruit .sec10 .wrap .cont .visualTxt .big {
        font-size: clamp(240px, 240/1024*100vw, 280px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(22px, 22/1024*100vw, 25px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(36px, 36/1024*100vw, 40px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .desc {
        font-size: clamp(24px, 24/1024*100vw, 26px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item .num {
        font-size: clamp(80px, 80/1280*100vw, 100px);
        padding-left: calc(30/100*1em);
        width: calc(100/100*1em);
        flex-shrink: 0;
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dt {
        font-size: clamp(24px, 24/1280*100vw, 28px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dd {
        font-size: clamp(18px, 18/1280*100vw, 20px);
        word-break: keep-all;
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dd br {
        display: none;
    }
}
@media screen and (max-width: 1024px) {
    .recruit .sec10 .wrap .cont .visualTxt .big {
        font-size: clamp(200px, 200/820*100vw, 240px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(20px, 20/820*100vw, 22px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(32px, 32/820*100vw, 36px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .bold {
        font-size: clamp(28px, 28/1024*100vw, 32px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .desc {
        font-size: clamp(20px, 20/1024*100vw, 24px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .small {
        font-size: clamp(18px, 18/1024*100vw, 20px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid {
        grid-template-columns: repeat(1, 1fr);
        max-width: 820px;
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item .num {
        padding-left: 0;
    }
}
@media screen and (max-width: 820px) {
    .recruit .sec10 .wrap .cont .introduce {
        margin-top: 80px;
    }
    .recruit .sec10 .wrap .cont .visualTxt {
        justify-content: flex-start;
    }
    .recruit .sec10 .wrap .cont .visualTxt .big {
        font-size: clamp(180px, 180/500*100vw, 200px);
        top: 0;
        left: auto;
        right: 0;
        bottom: auto;
        transform: translate(10%, -100%);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(18px, 18/500*100vw, 20px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(30px, 30/500*100vw, 36px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .desc {
        word-break: keep-all;
    }
    .recruit .sec10 .wrap .cont .introduce .txt .desc br {
        display: none;
    }
    .recruit .sec10 .wrap .cont .introduce .txt .small {
        word-break: keep-all;
    }
    .recruit .sec10 .wrap .cont .introduce .txt .small br {
        display: none;
    }
    .recruit .sec10 .wrap .cont .introduce .grid {
        gap: 45px 0px;
    }
}
@media screen and (max-width: 500px) {
    .recruit .sec10 {
        padding-top: 150px;
    }
    .recruit .sec10 .wrap .cont .visualTxt {
        padding-top: calc(20/500*100vw);
    }
    .recruit .sec10 .wrap .cont .visualTxt .big {
        font-size: clamp(130px, 130/360*100vw, 180px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(16px, 16/360*100vw, 18px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(24px, 24/360*100vw, 30px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .bold {
        font-size: clamp(24px, 24/360*100vw, 28px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .bold br {
        display: none;
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dt {
        font-size: clamp(20px, 20/360*100vw, 24px);
    }
}
@media screen and (max-width: 360px) {
    .recruit .sec10{
        padding-top: 120px;
    }
    .recruit .sec10 .wrap .cont .introduce {
        margin-top: 60px;
    }
    .recruit .sec10 .wrap .cont .visualTxt .big {
        font-size: clamp(100px, 100/280*100vw, 130px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner > b {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .sec10 .wrap .cont .visualTxt .inner p {
        font-size: clamp(20px, 20/280*100vw, 24px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .bold {
        font-size: clamp(20px, 20/280*100vw, 24px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .desc {
        font-size: clamp(16px, 16/280*100vw, 18px);
    }
    .recruit .sec10 .wrap .cont .introduce .txt .small {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid {
        padding-top: 80px;
        gap: 30px 0px;
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item .num {
        font-size: clamp(46px, 46/280*100vw, 80px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dt {
        font-size: clamp(18px, 18/280*100vw, 20px);
    }
    .recruit .sec10 .wrap .cont .introduce .grid .item dl dd {
        font-size: clamp(14px, 14/280*100vw, 16px);
    }
}

.map_pop {
    position: fixed;
    z-index: 111;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.map_pop.on {
    opacity: 1;
    visibility: visible;
}
.map_pop .map_pop_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: calc(1200/1920*100vw);
    height: 100%;
    max-height: calc(720/1080*100vh);
}
.map_pop .map_pop_inner .close {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-top: calc(20/30*1em);
    padding: calc(20/30*1em);
    font-size: clamp(20px, 20/280*100vw, 30px);
    cursor: pointer;
    color: #fff;
    background-color: #000;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.3s;
}
.map_pop .map_pop_inner .map_pop_inner_inner {
    width: 100%;
    height: 100%;
}
.map_pop .map_pop_inner .root_daum_roughmap {
    width: 100%;
    height: 100%;
}
.map_pop .map_pop_inner .map_pop_inner_inner .root_daum_roughmap {
    width: 100%;
    height: 100%;
}
.map_pop .map_pop_inner .map_pop_inner_inner .root_daum_roughmap .wrap_map {
    width: 100%;
    height: 100%;
}
.map_pop .map_pop_inner .root_daum_roughmap .wrap_controllers {
    display: none;
}
.map_pop .map_pop_inner .root_daum_roughmap .cont {
    display: none;
}
@media screen and (max-width: 1280px) {
    .map_pop .map_pop_inner .close {
        font-size: clamp(20px, 20/1280*100vw, 30px);
    }
}
@media screen and (max-width: 1024px) {
    .map_pop .map_pop_inner .close {
        font-size: clamp(20px, 20/1024*100vw, 30px);
    }
}
@media screen and (max-width: 820px) {
    .map_pop .map_pop_inner {
        max-width: calc(900/1024*100vw);
        max-height: calc(600/1024*100vh);
    }
}




br.br_360{display: none;}
/* 영문 */
@media screen and (max-width: 1680px) {
    html.en .recruit .sec01 .cont .center_txt b {font-size: clamp(52px, 52 / 1440 * 100vw, 58px);}
    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(42px, 42 / 1440 * 100vw, 48px);}
}
@media screen and (max-width: 1440px) {
    html.en .recruit .sec08 .cont .mission .flx .desc {font-size: 30px;}
    html.en .recruit .sec05 .cont .detail .req {font-size: 23px;}

}
@media screen and (max-width: 1280px) {
    html.en .recruit .sec01 .cont .center_txt b {font-size: clamp(44px, 44 / 1024 * 100vw, 56px);}
    html.en .recruit .sec08 .cont .mission .flx .desc{font-size: clamp(24px, 22 / 1024 * 100vw, 28px);}
    /* html.en .recruit .sec08 .cont .mission .flx .desc br{display: none;} */
    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(36px, 36 / 1024 * 100vw, 42px);}
    html.en .recruit .sec05 .cont .detail .req {
        font-size: clamp(18px, 18 / 1024 * 100vw, 22px);
    }
    html.en .recruit .sec05 .cont .interview .item {
        width: calc(100% / 2 - (20px / 2));
        font-size: clamp(22px, 22 / 1024 * 100vw, 30px);
        height: calc(340 / 30 * 1em);
    }
    html.en .recruit .sec05 .cont .interview {flex-wrap: wrap;gap: 10px;}

}
@media screen and (max-width: 1024px) {
    html.en .recruit .sec01 .cont .center_txt b {font-size: clamp(38px, 38 / 820 * 100vw, 48px);}
    html.en .recruit .sec01 .cont .center_txt p {font-size: 18px;}

    html.en .recruit .sec05 .cont .process .item {font-size: clamp(18px, 18 / 820 * 100vw, 22px);}
    html.en .recruit .sec05 .cont .process .item p span {font-size: 12px;}
    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(32px, 32 / 820 * 100vw, 38px);}

    html.en .recruit .sec02 .flx dl dd > .sub em br{display: none;}
    html.en .recruit .sec05 .cont .interview .item p span {font-size: 15px;}

    html.en .recruit .sec08 .cont .mission .flx .desc {font-size: clamp(20px, 20 / 820 * 100vw, 28px);
    }
}
@media screen and (max-width: 820px) {
    html.en .recruit .secTitle .big {font-size: clamp(28px, 28 / 500 * 100vw, 38px);}
    html.en .recruit .sec02 .flx dl dd > .sub em br{display: none;}
    html.en .recruit .sec03 .flx .item .txt .desc{max-width: unset;}
    html.en .recruit .secTitle .big {max-width: 650px;}

    html.en .recruit .sec05 .cont .process {flex-direction: column;}
    html.en .recruit .sec05 .cont .process .gt {padding: 10px 0px;}
    html.en .recruit .sec05 .cont .process .gt i {transform: rotate(90deg);}
    /* html.en .recruit .sec05 .cont .process .item {font-size: clamp(16px, 16 / 500 * 100vw, 18px);} */

    html.en .recruit .sec05 .cont .detail .req p br{display: none;}
    html.en .recruit .sec05 .cont .interview .item {height: calc(320 / 24 * 1em);}
    html.en .recruit .sec06 .cont .grid .item {height: calc(320 / 28 * 1em);}
    html.en .recruit .sec07 .cont .condition ul li br{display: none;}

    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(28px, 28 / 500 * 100vw, 34px);}
    html.en .recruit .sec08 .cont .mission .flx .desc br{display: none;}
    html.en .recruit .sec08 .cont .mission .flx .desc {font-size: clamp(21px, 21 / 500 * 100vw, 24px);}
    html.en .recruit .sec09 .wrap .cont .desc br{display: none;}
    html.en .recruit .sec09 .wrap .cont .desc {font-size: clamp(20px, 20 / 500 * 100vw, 24px);}

    html.en .recruit .sec05 .cont .interview .item{width: 100%;}
}
@media screen and (max-width: 500px) {
    html.en .recruit .sec01 .cont .center_txt b {font-size: clamp(28px, 28 / 360 * 100vw, 34px);}
    html.en .recruit .sec01 .cont .center_txt p {font-size: 16px;}
    html.en .recruit .secTitle .big {font-size: clamp(24px, 24 / 360 * 100vw, 30px);}

    /* html.en .recruit .sec06 .cont .grid .item {height: calc(220 / 28 * 1sem);} */
    html.en .recruit .sec08 .cont .mission .flx .desc br{display: none;}
    html.en .recruit .sec09 .wrap .cont .desc br{display: none;}
    html.en .recruit .sec03 .flx .item {padding: calc(30 / 24 * 1em) calc(20 / 24 * 1em) calc(55 / 24 * 1em);}

    html.en .recruit .sec08 .cont .mission .flx .desc {font-size: clamp(18px, 18 / 360 * 100vw, 21px);}
    html.en .recruit .sec09 .wrap .cont .desc {font-size: clamp(18px, 18 / 360 * 100vw, 21px);}

    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(24px, 24 / 360 * 100vw, 28px);}
    html.en .recruit .sec05 .cont .interview .item p span {
        font-size: clamp(13px, 13 / 360 * 100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    html.en .recruit .sec01 .cont .center_txt b {font-size: clamp(22px, 22 / 280 * 100vw, 28px);}
    html.en .recruit .sec01 .cont .center_txt p {font-size: 14px;}

    html.en .recruit .sec10 .wrap .cont .visualTxt .inner p {font-size: clamp(18px, 18 / 280 * 100vw, 24px);}

    br.br_360{display: block;}
    html.en .recruit .sec05 .cont .interview .item p span{line-height: 1.3;}
}