._career{color: #fff;}
._career .s1{}
._career .s1 .wrap{
    height: 100vh; box-sizing: border-box; margin-bottom: 40px;
    display: flex; align-items: center; justify-content: center;
}
._career .s1 .wrap h3{
    font-size: 88px; font-weight: 700; letter-spacing: -0.025em;
    line-height: 1.3636; text-align: center;
}
._career .s1 .wrap h3 div{overflow: hidden;}
._career .s1 .wrap h3 div p{transform: translateY(110%);}
._career .s1 .wrap h3 span{
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
}
._career .s1 .wrap .objArea{
    position: absolute; left: 0; top: 0; width: 100%; height: 100%;
    transform: scale(0.5); opacity: 0; z-index: -1;
    display: flex; align-items: center; justify-content: center;
}
._career .s1 .wrap .obj{
    position: absolute;
}
._career .s1 .wrap .obj.n1{width: 140px; transform: rotate(20deg);top: 20%;right: 2%;}
._career .s1 .wrap .obj.n1 .n1{}
._career .s1 .wrap .obj.n1 .n2{width: 30%;position: absolute;top: 0;right: 0;transform: translate(115%,-60%);}
._career .s1 .wrap .obj.n2{width: 404px;left: -11%;bottom: 7%;}
._career .s1 .wrap .obj.n3{width: 180px;left: 20%;top: 16%;transform: rotate(-14deg);}
._career .s1 .wrap .obj.n3 > div{filter: blur(2px) brightness(0.5);}
._career .s1 .wrap .obj.n3 .n1{}
._career .s1 .wrap .obj.n3 .n2{width: 38%; position: absolute;left: 0;top: 0;transform: translate(-138%,-40%);}
._career .s1 .wrap .obj.n4{width: 300px; right: 4%; bottom: 8%; z-index: -2;}
._career .s1 .wrap .obj.n4 > div{
    filter: blur(2px) brightness(0.5);
}

@media screen and (max-width:1600px) {
    ._career .s1 .wrap h3{font-size: max(calc(88/1600*100vw),60px);}

    ._career .s1 .wrap .obj.n1{width: max(calc(140/1600*100vw),calc(140px * 0.7)); right: 7%;}
    ._career .s1 .wrap .obj.n2{width: max(calc(404/1600*100vw),calc(404px * 0.7)); bottom: 4%; left: -7%;}
    ._career .s1 .wrap .obj.n3{width: max(calc(180/1600*100vw),calc(180px * 0.7));}
    ._career .s1 .wrap .obj.n4{width: max(calc(300/1600*100vw),calc(300px * 0.7));}

}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._career .s1 .wrap h3{font-size: max(calc(60/820*100vw),40px);}

    ._career .s1 .wrap .obj > div{filter: blur(2px) brightness(0.5);}

    ._career .s1 .wrap .obj.n1{width: calc(100*1.2/820*100vw);}
    ._career .s1 .wrap .obj.n2{width: calc(300*1.2/820*100vw);}
    ._career .s1 .wrap .obj.n3{width: calc(120*1.2/820*100vw);}
    ._career .s1 .wrap .obj.n4{width: calc(220*1.2/820*100vw);}

}
@media screen and (max-width:500px) {
    ._career .s1 .wrap{padding-bottom: 100px;}
    ._career .s1 .wrap h3{font-size: max(calc(60/500*100vw),20px);}
}
@media screen and (max-width:320px) {}


@media screen and (orientation: portrait) and (max-width:700px) {
    ._career .s1 .wrap .obj.n1{top: 24%;right: 6%;}
    ._career .s1 .wrap .obj.n2{left: -26%;bottom: 6%;}
    ._career .s1 .wrap .obj.n3{left: 3%;top: 16%;}
    ._career .s1 .wrap .obj.n4{right: -10%;bottom: 32%;}

    ._career .s1 .wrap .obj.n1 .n2{display: none;}
    ._career .s1 .wrap .obj.n3 .n2{transform: translate(302%, 10%);}

    ._career .s1 .wrap .obj.n1{width: calc(110*4/1920*100vw);}
    ._career .s1 .wrap .obj.n2{width: calc(360*4/1920*100vw);}
    ._career .s1 .wrap .obj.n3{width: calc(88*4/1920*100vw);}
    ._career .s1 .wrap .obj.n4{width: calc(170*4/1920*100vw);}

}








._career .s2{margin-bottom: 220px;}
._career .s2 .wrap{}
._career .s2 .wrap ._tit{text-align: center; margin-bottom: 64px;}
._career .s2 .wrap ._tit div{}
._career .s2 .wrap ._tit div p{}
._career .s2 .wrap .box{
    background-color: #0f0f0f; border-radius: var(--borderRadius);
    padding: 50px 110px; box-sizing: border-box; position: relative;
    display: flex; align-items: flex-end; justify-content: space-between;
}
._career .s2 .wrap .box h4{
    font-size: 26px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.4615;
    position: absolute; left: 110px; top: 50px;
}
._career .s2 .wrap .box h4 small{
    color: #7c7c7c; letter-spacing: -0.02em; font-size: 16px; font-weight: 400; margin-top: 12px;
}
._career .s2 .wrap .chart{
    display: flex; align-items: flex-end; gap: 20px; text-align: center;
}
._career .s2 .wrap .chart .graph{font-size: 18px; position: relative;}
._career .s2 .wrap .chart .graph .top{
    font-weight: 500; letter-spacing: -0.025em;  color: rgba(255,255,255,0.6);
    width: 0; display: flex; justify-content: center; margin: 0 auto;
}
._career .s2 .wrap .chart .graph:last-child .top{
    color: #fff; font-size: 2.3em; white-space: nowrap; font-weight: 700;
}
._career .s2 .wrap .chart .graph .bar{
    width: 50px; margin: 18px 0; position: relative;
}
._career .s2 .wrap .chart .graph .bar div{
    height: 100%; width: 100%; border-radius: 9px; background-color: #575757;
    position: absolute; left: 0; bottom: 0;
}
._career .s2 .wrap .chart .graph.n1 .bar{height: 36px;}
._career .s2 .wrap .chart .graph.n2 .bar{height: 57px;}
._career .s2 .wrap .chart .graph.n3 .bar{height: 84px;}
._career .s2 .wrap .chart .graph.n4 .bar{height: 135px;}
._career .s2 .wrap .chart .graph.n5 .bar{height: 205px;}
._career .s2 .wrap .chart .graph.n6 .bar{height: 282px;}
._career .s2 .wrap .chart .graph.n7 .bar{height: 363px;}
._career .s2 .wrap .chart .graph.n7 .bar div{ background: linear-gradient(0deg,rgba(75, 233, 68, 1) 0%, rgba(209, 227, 207, 1) 100%);}
._career .s2 .wrap .chart .graph .year{letter-spacing: -0.025em; color: rgba(255,255,255,0.6);}
._career .s2 .wrap .chart .graph:last-child .year{color: #fff;}
._career .s2 .wrap .box .txtBx{width: 50%;}
._career .s2 .wrap .box .txtBx h5{font-size: 22px; font-weight: 500; letter-spacing: -0.025em; margin-bottom: 22px;}
._career .s2 .wrap .box .txtBx h5 span{color: var(--green);}
._career .s2 .wrap .box .txtBx p{font-size: 18px; line-height: 1.666; letter-spacing: -0.025em; color: #7c7c7c;}

@media screen and (max-width:1600px) {
    ._career .s2 .wrap .box{padding: 50px 80px;}
}
@media screen and (max-width:1440px) {
    ._career .s2 .wrap .box{padding: 50px 60px; gap: 60px; justify-content: center;}
    ._career .s2 .wrap .box .txtBx p{font-size: 16px;}
}
@media screen and (max-width:1280px) {
    ._career .s2 .wrap .chart{gap: 16px;}
    ._career .s2 .wrap .chart .graph .bar{width: 42px;}
    ._career .s2 .wrap .chart .graph .bar div{border-radius: 4px;}
    ._career .s2 .wrap .box .txtBx br{display: none;}
}
@media screen and (max-width:1024px) {
    ._career .s2 .wrap .box{flex-direction: column;}
    ._career .s2 .wrap .box h4{left: 80px; top: 50px;}

    ._career .s2 .wrap .chart{gap: 20px;}
    ._career .s2 .wrap .chart .graph .bar{width: 60px;}

    ._career .s2 .wrap .box .txtBx{width: 100%;}
}
@media screen and (max-width:820px) {
    ._career .s2 .wrap .box{padding: 0; background-color: transparent; max-width: 540px; margin: 0 auto;}
    ._career .s2 .wrap .box h4{left: 0; top: 0; font-size: 22px;}

    ._career .s2 .wrap .chart{width: 100%;}
    ._career .s2 .wrap .chart .graph{flex: 1;}
    ._career .s2 .wrap .chart .graph .bar{width: 100%;}
}
@media screen and (max-width:500px) {
    ._career .s2 .wrap ._tit{margin-bottom: 100px;}

    ._career .s2 .wrap .box{gap: 50px;}
    ._career .s2 .wrap .box h4{font-size: 18px;}
    ._career .s2 .wrap .box h4 small{font-size: 14px;}
    ._career .s2 .wrap .box .txtBx p{font-size: 14px;}

    ._career .s2 .wrap .chart{gap: 10px;}
    ._career .s2 .wrap .chart .graph .top{font-size: 14px;}
    ._career .s2 .wrap .chart .graph:last-child .top{margin: unset; margin-left: auto; font-size: 1.8em; justify-content: flex-end;}
    ._career .s2 .wrap .chart .graph .bar{margin: 14px 0;}
    ._career .s2 .wrap .chart .graph .year{font-size: 14px;}

    ._career .s2 .wrap .box .txtBx h5{font-size: 20px;}
}
@media screen and (max-width:320px) {
    ._career .s2 .wrap .chart{gap: 6px;}
    ._career .s2 .wrap .chart .graph .top{font-size: 13px;}
    ._career .s2 .wrap .chart .graph .year{font-size: 13px;}

}









._career .s3{margin-bottom: 220px;}
._career .s3 .wrap{}
._career .s3 ._tit{text-align: center; margin-bottom: 40px;}
._career .s3 ul{
    display: flex; flex-wrap: wrap; gap: 20px;
    --gradient-angle:0deg;
}
._career .s3 ul li{
    width: calc(100% / 4 - (20px * 3 / 4)); box-sizing: border-box;
    border-radius: var(--borderRadius);
    display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;
    padding: 80px 10px; background-color: #000; position: relative;
}
._career .s3 ul li::after{
    content:''; display: block; position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; border: 1px solid #7c7c7c; border-radius: inherit;
    transition: opacity 1.2s; opacity: 1;
}
._career .s3 ul li.on::after{opacity: 0;}

/* 브라우저 호환성 안좋다고 해서 스크립트로 */
/* @property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
} */
._career .s3 ul li::before{
    content:'';
    position: absolute;
    inset: -2px;
    border-radius: inherit;
    padding: 2px;
    /* background: conic-gradient(from var(--gradient-angle), #00e900, #000, #00e900); */
    background: conic-gradient(
        from var(--gradient-angle),
        #00e900 0deg,
        #000 40deg,
        #000 200deg,
        #00e900 360deg
    );
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 1.2s;
}
._career .s3 ul li.on::before{opacity: 1; transition-delay: 0.6s;}
._career .s3 ul li h4{
    font-size: 20px; font-size: 22px; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 20px;
    line-height: 1.4;
}
._career .s3 ul li p{
    font-size: 17px; font-size: 19px; letter-spacing: -0.025em; color: #7c7c7c; line-height: 1.647;
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    ._career .s3 ul li{padding: 50px 10px;}
    ._career .s3 ul li h4{font-size: 18px;}
    ._career .s3 ul li p{font-size: 14px;}
}
@media screen and (max-width:1024px) {
    ._career .s3 ul li{width: calc(50% - 10px); padding: 40px 10px; min-height: calc((95vw / 2) - 10px); box-sizing: border-box;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
    ._career .s3 ul{flex-direction: column; gap: 10px;}
    ._career .s3 ul li{width: 100%; min-height: unset; border-radius: 10px;}
    ._career .s3 ul li p{max-width: 290px;}
    ._career .s3 ul li p br{display: none;}
}
@media screen and (max-width:320px) {}











._career .s4{margin-bottom: 250px;}
._career .s4 .wrap{max-width: 870px;}
._career .s4 ._tit{margin-bottom: 60px; text-align: center;}
._career .s4 .messageArea{}
._career .s4 .messageArea .row{
    display: flex; align-items: flex-start; gap: 20px;
    flex-direction: row-reverse; margin-bottom: 40px;
}
._career .s4 .messageArea .row.mb{margin-bottom: 100px;}
._career .s4 .messageArea .row:last-child{margin-bottom: 0;}
._career .s4 .messageArea .row .imgBx{
    min-width: 80px; min-height: 80px; border-radius: 50%;
    position: relative; background-color: #101010; border: 1px solid #333333; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center;
}
._career .s4 .messageArea .row .imgBx.n1 img{max-width: 60%;}
._career .s4 .messageArea .row .imgBx.n2 img{max-width: 55%;}
._career .s4 .messageArea .row .imgBx.n3 img{max-width: 70%;}
._career .s4 .messageArea .row .imgBx.n4 img{max-width: 80%;}
._career .s4 .messageArea .row .talk{}
._career .s4 .messageArea .row .talk .top{
    display: flex; align-items: center; justify-content: flex-end; margin-bottom: 12px;
    gap: 0.3em;
}
._career .s4 .messageArea .row .talk .top p{
    font-family: "Roboto"; font-weight: 500;
}
._career .s4 .messageArea .row .talk .top small{
    font-size: 14px; color: var(--green);
}
._career .s4 .messageArea .row .talk .bottom{
    border-radius: var(--borderRadius); background-color: #fff;
    padding: 20px 30px; border-top-right-radius: 0; color: #000; line-height: 1.625; text-align: right;
}
._career .s4 .messageArea .row .talk .bottom b{font-weight: 700;}

/* 왼쪽 */
._career .s4 .messageArea .row.left{flex-direction: row; margin-bottom: 60px;}
._career .s4 .messageArea .row.left .imgBx{display: none;}
._career .s4 .messageArea .row.left .talk .top{justify-self: flex-start;}
._career .s4 .messageArea .row.left .talk .bottom{
    border-top-left-radius: 0; border-top-right-radius: var(--borderRadius);
    background-color: var(--green); text-align: left;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._career .s4 .messageArea .row{
        gap: 10px;
    }
    ._career .s4 .messageArea .row .imgBx{
        min-width: 60px; min-height: 60px;
    }
    ._career .s4 .messageArea .row .talk .bottom{
        padding: 14px 20px; font-size: 14px; max-width: 320px; border-radius: 10px 0 10px 10px;
    }
    ._career .s4 .messageArea .row.left .talk .bottom{
        border-radius: 0px 10px 10px 10px;
    }
    ._career .s4 .messageArea .row .talk .bottom br{display: none;}
}
@media screen and (max-width:500px) {
    ._career .s4 .messageArea .row .imgBx{
        min-width: 44px; min-height: 44px; max-width: 44px; max-height: 44px;
    }

    ._career .s4 .messageArea .row .talk .top p{font-size: 13px;}
    ._career .s4 .messageArea .row .talk .top small{font-size: 12px;}
    ._career .s4 .messageArea .row .talk .bottom{
        padding: 10px 14px; font-size: 13px; max-width: 240px;
    }
    ._career .s4 .messageArea .row .talk .bottom br.max-500{display: block;}
}
@media screen and (max-width:320px) {
    ._career .s4 .messageArea .row .talk .top{
        flex-direction: column; align-items: flex-end;
    }
}









._career .s5{margin-bottom: 250px;}
._career .s5 .wrap{}
._career .s5 .wrap ._tit{text-align: center; margin-bottom: 40px;}
._career .s5 .wrap ul{
    display: flex; flex-wrap: wrap; gap: 20px;
}
._career .s5 .wrap ul li{
    width: calc(100% / 4 - (20px * 3 / 4)); text-align: center;
    min-height: 290px; padding: 50px 40px; box-sizing: border-box;
    border-radius: 16px; background-color: #0a0a0a;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
}

._career .s5 .wrap ul li:nth-child(1){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(2){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(3){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(4){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(5){background-color: transparent;}
._career .s5 .wrap ul li:nth-child(6){background-color: transparent;}
._career .s5 .wrap ul li:nth-child(7){background-color: transparent;}
._career .s5 .wrap ul li:nth-child(8){background-color: transparent;}
._career .s5 .wrap ul li:nth-child(9){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(10){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(11){background-color: #0a0a0a;}
._career .s5 .wrap ul li:nth-child(12){background-color: #0a0a0a;}


._career .s5 .wrap ul li .imgBx{}
._career .s5 .wrap ul li .imgBx img{}
._career .s5 .wrap ul li .txtBx{}
._career .s5 .wrap ul li .txtBx em{
    font-size: 20px; font-weight: 700; letter-spacing: -0.025em;
    margin-top: 32px; margin-bottom: 14px; line-height: 1.4;
}
._career .s5 .wrap ul li .txtBx p{
    color: #7c7c7c; letter-spacing: -0.025em; line-height: 1.625;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
    ._career .s5 .wrap ul li .txtBx p br:not([class*="max"]){display: none;}
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    ._career .s5 .wrap ul li{width: calc(100% / 3 - (20px * 2 / 3)); min-height: unset; padding: 40px 10px;}

    ._career .s5 .wrap ul li:nth-child(1){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(2){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(3){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(4){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(5){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(6){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(7){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(8){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(9){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(10){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(11){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(12){background-color: transparent;}

}
@media screen and (max-width:820px) {
    ._career .s5 .wrap ul li{width: calc(50% - 10px); padding: 30px 20px;}
    ._career .s5 .wrap ul li .txtBx em{font-size: 18px;}
    ._career .s5 .wrap ul li .txtBx p{font-size: 14px;}


    ._career .s5 .wrap ul li:nth-child(1){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(2){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(3){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(4){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(5){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(6){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(7){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(8){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(9){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(10){background-color: #0a0a0a;}
    ._career .s5 .wrap ul li:nth-child(11){background-color: transparent;}
    ._career .s5 .wrap ul li:nth-child(12){background-color: transparent;}
}
@media screen and (max-width:500px) {
    ._career .s5 .wrap ul{gap: 10px;}
    ._career .s5 .wrap ul li{ width: calc(50% - 5px); padding: 20px 10px;}
    ._career .s5 .wrap ul li .imgBx img{height: 36px;}
    ._career .s5 .wrap ul li .txtBx em{font-size: 16px; margin: 10px 0;}
    ._career .s5 .wrap ul li .txtBx p{font-size: 11px;}
}
@media screen and (max-width:320px) {}




._career .s6{margin-bottom: 250px;}
._career .s6 .wrap{text-align: center; max-width: 1054px;}
._career .s6 .wrap ._tit{text-align: center; margin-bottom: 60px;}
._career .s6 .wrap .tab{
    padding: 6px; box-sizing: border-box;
    display: inline-block;
    border-radius: 100px; background-color: #101010;
    margin-bottom: 20px;
}
._career .s6 .wrap .tab div{
    /* height: calc(100% - 12px); width: calc(100% - 12px); */
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
._career .s6 .wrap .tab button{
    font-size: 16px;
    color: #7c7c7c; border-radius: 100px; padding: 12px 20px; border-radius: 100px;
    font-weight: 500; transition: color 0.2s,background-color 0.2s;
}
html.pc ._career .s6 .wrap .tab button:hover{color: #fff;}
._career .s6 .wrap .tab button.on{background-color: #fff; color: #000 !important;}
._career .s6 .wrap .imgBx{position: relative; border-radius: var(--borderRadius); overflow: hidden;}
._career .s6 .wrap .imgBx::before {
    content:''; display: block; padding-bottom: calc(9/16*100%);
}
._career .s6 .wrap .imgBx img{
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%; object-fit: cover;
    opacity: 0; transition: opacity 0.4s;
}
._career .s6 .wrap .imgBx img.on{opacity: 1;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._career .s6 .wrap .tab button{font-size: 15px; padding: 10px 12px;}
}
@media screen and (max-width:500px) {
    ._career .s6 .wrap .tab{padding: 0; background-color: transparent;}
    ._career .s6 .wrap .tab div{gap: 10px; flex-wrap: wrap; justify-content: flex-start;}
    ._career .s6 .wrap .tab button{width: calc(50% - 5px); font-size: 14px; background-color: #101010;}
}
@media screen and (max-width:320px) {}





._career .s7{margin-bottom: 250px;}
._career .s7 .wrap{}
._career .s7 .wrap ._tit{text-align: center; margin-bottom: 60px;}
._career .s7 .wrap ul{
    display: flex; gap: 20px; flex-wrap: wrap; margin-bottom: 20px;
}
._career .s7 .wrap ul li{
    width: calc(100% / 4 - (20px * 3 / 4)); min-height: calc(1440px / 4 - (20px * 3 / 4)); position: relative;
    border: 1px solid rgba(255,255,255,0.2); box-sizing: border-box; border-radius: var(--borderRadius);
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}
._career .s7 .wrap ul li img{}
._career .s7 .wrap ul li small{
    letter-spacing: -0.025em; color: var(--green);
    margin-top: 36px; margin-bottom: 10px;
}
._career .s7 .wrap ul li p{font-size: 22px; font-weight: 700; letter-spacing: -0.025em;}
._career .s7 .bottom{
    background-color: #0a0a0a;
    display: flex; border-radius: var(--borderRadius);
    padding: 30px 0; box-sizing: border-box;
}
._career .s7 .bottom h4{
    /* min-width: calc(100% / 4 - (20px * 3 / 4)); */
    text-align: center; padding: 0 118px;
    font-size: 18px; letter-spacing: -0.025em;
    border-right: 1px solid #7c7c7c; box-sizing: border-box;
    display: flex; align-items: center; justify-content: center;
}
._career .s7 .bottom > div{
    display: flex; align-items: flex-start; justify-content: space-evenly;
	/* gap: 4px 40px; */
	flex-wrap: wrap;
    width: 100%; box-sizing: border-box;
	/* padding: 0 118px; */
}
._career .s7 .bottom > div > div{
    display: flex; flex-direction: column; gap: 4px; box-sizing: border-box;
}
._career .s7 .bottom p{
    min-width: calc(50% - 10px); white-space: nowrap;
    display: flex; align-items: flex-start; gap: 0.3em;
    color: #7c7c7c; letter-spacing: -0.025em; line-height: 1.5;
}
._career .s7 .bottom p::before {
    content:'·'; display: block;
}

@media screen and (max-width:1600px) {
    ._career .s7 .bottom h4{padding: 0 calc((160/1600*100vw) - 45px);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
    ._career .s7 .wrap ul li{min-height: calc(95vw / 4 - (20px * 3 / 4)); padding: 30px 10px;}
	._career .s7 .bottom h4{padding: 0 80px;}
    ._career .s7 .bottom > div{flex-direction: column; align-items: flex-start; padding: 0 80px;}
}
@media screen and (max-width:1024px) {
    ._career .s7 .wrap ul li img{height: 70px;}
    ._career .s7 .wrap ul li small{margin-top: 20px;}
}
@media screen and (max-width:820px) {
    ._career .s7 .wrap ul li{width: calc(50% - 10px); min-height: calc(90vw / 2 - 10px);}
    ._career .s7 .wrap ul li img{height: unset;}

    ._career .s7 .bottom{flex-direction: column; padding: 40px 30px;}
    ._career .s7 .bottom h4{
        border: 0; border-bottom: 1px solid #7c7c7c;
        padding-bottom: 20px; margin-bottom: 20px;
    }
    ._career .s7 .bottom div{padding: 0;}
    ._career .s7 .bottom p{white-space: unset;}
}
@media screen and (max-width:500px) {
    ._career .s7 .wrap ul{gap: 10px;}
    ._career .s7 .wrap ul li{width: calc(50% - 5px); min-height: calc(90vw / 2 - 5px); border-radius: 10px;}
    ._career .s7 .wrap ul li img{height: 60px;}
    ._career .s7 .wrap ul li p{font-size: 16px;}

    ._career .s7 .bottom{padding: 30px 20px;}
    ._career .s7 .bottom > div{gap: 10px;}
    ._career .s7 .bottom > div > div{gap: 10px;}
    ._career .s7 .bottom p{font-size: 12px;}

}
@media screen and (max-width:320px) {
	._career .s7 .bottom{padding: 30px 0px;}
}



._career .s8{margin-bottom: 150px;}
._career .s8 .wrap{}
._career .s8 .wrap ._tit{text-align: center; margin-bottom: 60px;}
._career .s8 .wrap .list{margin-bottom: 30px;}
._career .s8 .wrap .list a{
    padding: 24px 40px; box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,0.2); line-height: 1.5;
    display: flex; align-items: center; justify-content: space-between;
}
._career .s8 .wrap .list a:first-child{border-top: 2px solid #fff;}
._career .s8 .wrap .list a:last-child{border-bottom: 2px solid #fff;}
._career .s8 .wrap .list a p{font-size: 20px; font-weight: 500; letter-spacing: -0.025em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
html.pc ._career .s8 .wrap .list a:hover p{color: var(--green);}
._career .s8 .wrap .list a div{
    color: #7c7c7c; letter-spacing: -0.025em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 470px;
    display: flex; align-items: center; justify-content: flex-end;
}
._career .s8 .wrap .list a div span:nth-child(1){
    margin-right: 10px; padding-right: 10px; position: relative;
}
._career .s8 .wrap .list a div span:nth-child(1)::after{
    content:''; display: block; width: 1px; height: 1em; background-color: #7c7c7c;
    position: absolute; right: -1px; top: 50%; transform: translateY(-50%);
}
._career .s8 ._paging{}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    ._career .s8 .wrap .list a{padding: 24px 20px;}
    ._career .s8 .wrap .list a div{min-width: 180px;}
    ._career .s8 .wrap .list a div span:nth-child(1){display: none;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
    ._career .s8 .wrap .list a{padding: 22px 10px;}
    ._career .s8 .wrap .list a p{font-size: 16px;}
    ._career .s8 .wrap .list a div{display: none;}
}
@media screen and (max-width:320px) {}





/* 섹션 간격 */
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
    ._career .s2,
    ._career .s3,
    ._career .s4,
    ._career .s5,
    ._career .s6,
    ._career .s7,
    ._career .s8{margin-bottom: 160px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}