/* 지원서 작성 */
._apply{letter-spacing: -0.025em;}
._apply .s1{padding: 110px 0;box-sizing: border-box;}
._apply ._tit h3{font-size: 30px;font-weight: 700;color: #fff;}

._apply .formBx{padding-top: 70px;box-sizing: border-box;width: 100%;
    display: flex;flex-direction: column;gap: 70px;
    /* border: 1px solid #fff; */
}
._apply .formBx .row.n2{position: relative;}
._apply .formBx .row h3,
._apply .formBx .row h4{font-size: 18px;font-weight: 700;color: #fff;margin-bottom: 30px;}
._apply .formBx .row label h4::after{content: '필수';color: var(--red);font-size: 16px;font-weight: 600;display: inline-block;margin-left: .5em;}
._apply .formBx .row.n2 h4:after{display: none;}

._apply .formBx .row label .flxBx{display: flex;gap: 30px;}
._apply .formBx .row label .flxBx._col{flex-direction: column;gap: 10px;}
._apply .formBx .row label .flxBx input{width: 100%;padding: 0 5px 10px 5px;box-sizing: border-box;background-color: #000;border: none;border-bottom: 1px solid #333333;color: #cccccc;font-size: 16px;font-weight: 500;}
._apply .formBx .row label .flxBx input::placeholder{font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit;}

/* select Bx custom */
._apply .selectBox {font-size: 16px; cursor: pointer; position: relative; display: flex; align-items: center; width: 100%; border: 1px solid #000; box-sizing: border-box; border-radius: calc(7/16*1em);} 
._apply .selectBox input {color: inherit; background: none; cursor: pointer; width: 100%; border: none; padding: 0;}

/* border 추가 */
._apply .selectBox._border input{border: 1px solid #333333 !important;border-radius: 10px;padding: 10px 15px !important;}
._apply .selectBox i {display: flex; align-items: center; justify-content: center; font-size: 20px; transition: .4s;position: absolute;right: 2%;color: #ffffff;}

/* border i 추가 */
._apply .selectBox._border i {right: 4%;}

._apply .selectBox.active i {transform: scaleY(-1);}
._apply .selectBox .optWrap {position: absolute; left: 0; top: 100%; padding-bottom: 10px; width: 100%; text-align: center; cursor: pointer; padding-top: 2px; display: none;}
._apply .selectBox .optWrap ul {max-height: 150px; overflow-y: auto;  width: 100%; background: #333;border-radius: calc(7/16*1em);position: relative;z-index: 2;}
._apply .selectBox .optWrap ul::-webkit-scrollbar {width: 2px;}
._apply .selectBox .optWrap ul::-webkit-scrollbar-thumb {background: #f6ad3c; border-radius: 10px;}
._apply .selectBox .optWrap ul li span {font-size: calc(14/16*1em); padding: calc(11/14*1em) 0; width: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .4s;color: #fff;}
._apply .selectBox .optWrap ul li:hover span {background: #000;}

/* file */
._apply .formBx .row._file label{position: relative;}
._apply .formBx .row._file input[type="file"]{display: none;}
._apply .formBx .row._file .fileBx {width: 100%;min-height: 56px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #333333;border-radius: 10px;padding: 12px 18px;box-sizing: border-box;background-color: #000;color: #cccccc;font-size: 16px;font-weight: 500;gap: 0.5em;cursor: pointer;}
._apply .formBx .row._file .fileBx > div {display: flex;gap: 0.5em;overflow: hidden;text-overflow: ellipsis;}
._apply .formBx .row._file .fileBx > div span{line-height: 1.3;display: block;overflow: hidden;width: 100%;text-overflow: ellipsis;font-weight: 500;}
._apply .formBx .row._file .fileBx i{font-size: 22px;line-height: 0.8;}
._apply .formBx .row._file .fileBx p{font-size: 14px;font-weight: 500;color: #fff;cursor: pointer;padding: 8px 20px;border-radius: 10px;box-sizing: border-box;background: #333;display: none;}
._apply .formBx .row._file label .urlBx {width: 100%;min-height: 56px;display: flex;align-items: center;justify-content: space-between;}
._apply .formBx .row._file .portfolio_link input {width: 100%;min-height: 56px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #333333;border-radius: 10px;padding: 12px 18px;box-sizing: border-box;background-color: #000;color: #cccccc;font-size: 16px;font-weight: 500;gap: 0.5em;cursor: pointer;}

/* 파일업로드 type2 */
._apply .formBx .row .uploadType{display: flex;gap: 10px;align-items: center;justify-content: flex-end;position: absolute;right: 0%;top: 15%;}
._apply .formBx .row .uploadType .radio_pill{display: flex;gap: 4px;align-items: center;}
._apply .formBx .row .uploadType i{font-size: 14px;color: #fff;}
._apply .formBx .row .uploadType span{font-size: 14px;font-weight: 400;color: #fff;}

/* checked */
#pfTypeFile:checked + .radio_pill i::before,
#pfTypeLink:checked + .radio_pill i::before {content: "\e9c7";color: #fff;}
._apply .formBx .row ._alert{font-size: 14px;font-weight: 400;color: #727272;padding-top: 10px;line-height: 1.57142;display: flex;align-items: flex-start;gap: 4px;}
._apply .formBx .row h2{font-size: 18px;font-weight: 700;color: #fff;margin-bottom: 15px;}

._apply .formBx .row .agree_item{padding: 15px 5px;box-sizing: border-box;border-top: 1px solid #333333;}
._apply .formBx .row .agree_item input{display: none;}
._apply .formBx .row .agree_item:last-child{border-bottom: 1px solid #333333;}
._apply .formBx .row .agree_item label{display: flex;align-items: center;gap: 8px;color: #cccccc;}
._apply .formBx .row .agree_item .flxBx{display: flex;align-items: center;justify-content: space-between;}
._apply .formBx .row .agree_item .flxBx .iconBx{display: flex;align-items: center;gap: 10px;cursor: pointer;}
._apply .formBx .row .agree_item .flxBx .iconBx i{font-size: 20px;color: #fff;cursor: pointer;}
._apply .formBx .row .agree_item .flxBx .iconBx span{font-size: 16px;font-weight: 400;color: #727272;}
._apply .formBx .row .agree_item .flxBx .iconBx span._red{color: var(--red);}

/* 예시 텍스트 */
/* 자료오면 css 추가할것 */
._apply .formBx .row .agree_item .agree_content{
    max-height: 0;
    overflow: hidden;
    transition: max-height .25s ease;
    box-sizing: border-box;
}
._apply .formBx .row .agree_item.open .agree_content{
    max-height: 300px;
}
/* 큰타이틀 cccccc */
/* 작은타이틀 aaaaaa */
/* 티안나면 */
/* 작은타이틀 727272 */
._apply .formBx .row .agree_item .text_area{
    max-height: 280px;
    overflow-y: auto;       
    color:#ccc; font-size:16px; line-height:1.57142;
    padding: 12px 18px;
    box-sizing: border-box;
    margin-top: 15px;
    border-top: 1px solid #333333;
    background-color: rgba(0, 0, 0, 0.02);
}
._apply .formBx .row .agree_item .text_area::-webkit-scrollbar {width: 6px;} 
._apply .formBx .row .agree_item .text_area::-webkit-scrollbar-thumb {background-color: #333; border-radius: 10px;}
/* checked */
._apply .formBx .row .agree_item input:checked + label i::before{content: "\e92e";}

._apply .submitBx{display: flex;justify-content: flex-end;padding-top: 40px;}
._apply .submitBx a{display: flex;align-items: center;justify-content: center;width: 100%;border-radius: 10px;background-color: #333333;color: #fff;font-size: 18px;font-weight: 700;cursor: pointer;padding: 20px 0;box-sizing: border-box;transition: background-color .3s;}
._apply .submitBx a:hover{background-color: var(--red);}

._apply .txtBx{display: flex;justify-content: center;padding-top: 40px;}
._apply .txtBx p{font-size: 22px;font-weight: 600;color: #fff;display: flex;align-items: center;gap: 10px;}
._apply .txtBx p span{font-size: 14px;display: inline-block; background-color: var(--red);color: #fff;padding: .8em;box-sizing: border-box;border-radius: 13px;}


@media screen and (max-width:1680px) {}
@media screen and (max-width:1440px) {
    /* ._apply ._tit h3{font-size: clamp(36px, 36 / 1280 * 100vw, 40px);} */
    /* ._apply .formBx .row h3, ._apply .formBx .row h4{font-size: clamp(22px, 22 / 1280 * 100vw, 24px);} */
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    ._apply .s1 {padding: 80px 0;}
    ._apply ._tit h3 {font-size: clamp(26px, 26 / 820 * 100vw, 30px);}
    /* ._apply .formBx .row h3, ._apply .formBx .row h4{font-size: clamp(16px, 16 / 820 * 100vw, 18px);} */
    ._apply .formBx .row label h4::after{font-size: clamp(14px, 14 / 820 * 100vw, 16px);}
    ._apply .formBx .row label .flxBx input{font-size: 15px;}
    ._apply .formBx .row._file .fileBx{font-size: 15px;}
    ._apply .formBx .row._file .fileBx i {font-size: 20px;}
    ._apply .submitBx a {padding: 15px 0;}
    ._apply .txtBx p{font-size: clamp(20px, 20 / 820 * 100vw, 22px);}
}
@media screen and (max-width:820px) {
    ._apply .s1 {padding: 60px 0;}
    ._apply ._tit h3 {font-size: clamp(24px, 24 / 500 * 100vw, 30px);}
    ._apply .formBx{padding-top: 50px;gap: 50px;}
    ._apply .formBx .row label .flxBx input {font-size: 14px;}
    ._apply .formBx .row._file .fileBx {font-size: 14px;}
    ._apply .submitBx a{font-size: clamp(16px, 16 / 500 * 100vw, 18px);}
    ._apply .txtBx p {font-size: clamp(18px, 18 / 500 * 100vw, 20px);}
}
@media screen and (max-width:500px) {
    ._apply .s1 {padding: 40px 0;}
    ._apply ._tit h3 {font-size: clamp(22px, 22 / 360 * 100vw, 24px);}
    ._apply .formBx .row h3, ._apply .formBx .row h4 {font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    ._apply .formBx .row label h4::after {font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
    ._apply .formBx .row label .flxBx input {font-size: 13px;}
    ._apply .formBx .row._file .fileBx {font-size: 13px;}
    ._apply .formBx .row._file .fileBx i {font-size: 18px;}
    ._apply .formBx .row label .flxBx{flex-direction: column;gap: 20px;}
    /* ._apply .selectBox._border input{padding: 8px 15px !important;} */
    ._apply .selectBox i {right: 4%;}
    ._apply .formBx .row .uploadType {top: 12%;gap: 4px;}
    ._apply .formBx .row._file .fileBx{min-height: 48px;}
    ._apply .formBx .row ._alert{font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
    ._apply .formBx .row h2{font-size: clamp(16px, 16 / 500 * 100vw, 18px);}

    ._apply .formBx .row .agree_item span{font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
    ._apply .formBx .row .agree_item .flxBx .iconBx span{font-size: clamp(13px, 13 / 360 * 100vw, 14px);}
    ._apply .formBx .row .agree_item .flxBx .iconBx i{font-size: 18px;}
    ._apply .submitBx a {font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    ._apply .txtBx p {font-size: clamp(16px, 16 / 360 * 100vw, 18px);}
    ._apply .txtBx p span{font-size: clamp(12px, 12 / 360 * 100vw, 14px);}
}
@media screen and (max-width:360px) {
    ._apply .formBx .row .agree_item .flxBx .iconBx{gap: 4px;}
    ._apply .txtBx p{flex-direction: column;gap: 6px;}
    ._apply .txtBx p {font-size: clamp(15px, 15 / 280 * 100vw, 16px);}

}



/* 지원 완료 */
._complete{letter-spacing: -0.025em;}
._complete .s1{padding-top: 190px;box-sizing: border-box;}
._complete .s1 h3{font-size: 70px;font-weight: 700;text-align: center;color: #fff;line-height: 1.22857;}
._complete .s1 span{font-size: 20px;font-weight: 400;text-align: center;color: rgba(255, 255, 255, 0.5);display: block;padding-top: 35px;line-height: 1.3;}
/* gap 0.2em 부분만 수정 */
._complete .marqueeTxt {
    overflow: hidden;
    width: fit-content;
    display: flex;
    align-items: center;
    margin-top: 140px;
    font-size: 200px;
    gap: 0.2em;
}
._complete .marqueeTxt .inner {
    display: flex; gap: 0.2em;
    animation: marquee 30s linear infinite;
}
._complete .marqueeTxt .inner > div {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
._complete .marqueeTxt .inner p {
    font-weight: 700;
    color: rgba(255, 255, 255, 0.1);
    white-space: nowrap;
    letter-spacing: -0.04em;
    line-height: 1.3;
}
._complete .marqueeTxt .inner em {
    display: block; margin-right: 0.2em;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.1);
}

@keyframes marquee {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}

@media screen and (max-width:1680px) {
    ._complete .s1 h3{font-size: clamp(62px, 62 / 1440 * 100vw, 70px);}
    ._complete .marqueeTxt {font-size: clamp(160px, 160 / 1440 * 100vw, 200px);}
}
@media screen and (max-width:1440px) {
    ._complete .s1 h3{font-size: clamp(52px, 52 / 1280 * 100vw, 62px);}
    ._complete .marqueeTxt {font-size: clamp(140px, 140 / 1280 * 100vw, 160px);}
}
@media screen and (max-width:1280px) {
    ._complete .s1 h3{font-size: clamp(42px, 42 / 1024 * 100vw, 52px);}
    ._complete .s1 span{font-size: clamp(18px, 18 / 1024 * 100vw, 20px);}
    ._complete .marqueeTxt {font-size: clamp(120px, 120 / 1024 * 100vw, 140px);}
}
@media screen and (max-width:1024px) {
    ._complete .s1 h3 {font-size: clamp(38px, 38 / 820 * 100vw, 42px);}
    ._complete .s1 span{font-size: clamp(16px, 16 / 820 * 100vw, 18px);padding-top: 20px;}
    ._complete .marqueeTxt {font-size: clamp(80px, 80 / 820 * 100vw, 120px);}
}
@media screen and (max-width:820px) {
    ._complete .s1 h3 {font-size: clamp(32px, 32 / 500 * 100vw, 38px);}
    ._complete .marqueeTxt {font-size: clamp(70px, 70 / 500 * 100vw, 80px);}
}
@media screen and (max-width:500px) {
    ._complete .s1 h3 {font-size: clamp(26px, 26 / 360 * 100vw, 32px);}
    ._complete .s1 span{font-size: clamp(14px, 14 / 360 * 100vw, 16px);}
    ._complete .marqueeTxt {font-size: clamp(55px, 55 / 360 * 100vw, 70px);}
}
@media screen and (max-width:360px) {
    ._complete .s1 h3 {font-size: clamp(22px, 22 / 280 * 100vw, 26px);}
    ._complete .marqueeTxt {font-size: clamp(45px, 45 / 280 * 100vw, 55px);}
}


._home .s1pin-space {
    box-sizing: border-box;
    /* height: 250vh; */
}
._home .s1 {
    padding-top: 180px;
    box-sizing: border-box;
}
._home .s1 .txtBanner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
._home .s1 .txtBanner span {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 80px;
    padding-bottom: calc(40/80*1em);
    transform: translateY(40px);
    opacity: 0;
}
._home .s1 .txtBanner p {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #acacac;
    line-height: calc(34/24*1em);
    transform: translateY(40px);
    opacity: 0;
}
._home .s1 .txtBanner p > b {
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #fff;
}
._home .s1 .txtBanner > b {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #e60021;
    font-size: 80px;
    padding-top: calc(40/80*1em);
    padding-bottom: calc(200/80*1em);
    transform: translateY(40px);
    opacity: 0;
}
._home .s1 .progressBx {
    width: 100%;
    display: flex;
    justify-content: center;
}
._home .s1 .progressBx .item {
    display: flex; flex-direction: column;
}
._home .s1 .progressBx .item .bar {
    width: 100%; height: calc(66/36*1em);
    font-size: 36px;
    background: rgba(77, 77, 79, .15);
}
._home .s1 .progressBx .item:nth-child(1) .bar {
    border-radius: calc(33/36*1em) 0 0 calc(33/36*1em);
}
._home .s1 .progressBx .item:nth-child(3) .bar {
    border-radius: 0 calc(33/36*1em) calc(33/36*1em) 0;
}
._home .s1 .progressBx .item .bar span {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    width: calc(66/36*1em);
    height: calc(66/36*1em);
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: #4d4d4f;
}
._home .s1 .progressBx .item .txt {
    display: flex; align-items: center;
    font-size: 20px;
    padding-top: calc(60/20*1em);
}
._home .s1 .progressBx .item .txt p {
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #fff;
    line-height: calc(32/20*1em);
    flex-shrink: 0;
    box-sizing: border-box;
}
._home .s1 .progressBx .item .txt p > * {
    opacity: 0.1;
}
._home .s1 .progressBx .item:nth-child(3) .txt p {
    padding-right: calc(155/20*1em);
}
._home .s1 .progressBx .item .txt .dotWrap {
    padding: 0 clamp(30px, 90/1600*100vw, 100px);
    display: flex; align-items: center; justify-content: center;
    gap: calc(10/20*1em);
    box-sizing: border-box;
    opacity: 0.2;
}
._home .s1 .progressBx .item .txt .dotWrap .dot {
    width: calc(12/20*1em);
    height: calc(12/20*1em);
    border-radius: 50%;
    background: #fff;
}
._home .s1 .progressBx .item .txt .dotWrap .dot._1 {
    animation: dot 1.5s linear infinite;
}
._home .s1 .progressBx .item .txt .dotWrap .dot._2 {
    animation: dot 1.5s .15s linear infinite;
}
._home .s1 .progressBx .item .txt .dotWrap .dot._3 {
    animation: dot 1.5s .3s linear infinite;
}
@keyframes dot {
    0% {opacity: 0.1;}
    50% {opacity: 1;}
    100% {opacity: 0.1;}
}
@media screen and (max-width: 1600px) {
    ._home .s1 .progressBx .item .txt .dotWrap {
        padding: 0 clamp(30px, 50/1440*100vw, 50px);
    }
    ._home .s1 .txtBanner span {
        font-size: clamp(70px, 70 / 1440 * 100vw, 80px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(70px, 70 / 1440 * 100vw, 80px);
    }
}
@media screen and (max-width: 1440px) {
    ._home .s1 .txtBanner span {
        font-size: clamp(65px, 65 / 1280 * 100vw, 70px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(65px, 65 / 1280 * 100vw, 70px);
    }
    /* ._home .s1 .txtBanner p {
        font-size: clamp(22px, 22 / 1280 * 100vw, 24px);
    } */
    ._home .s1 .progressBx .item .txt {
        font-size: clamp(18px, 18 / 1280 * 100vw, 20px);
    }
}
@media screen and (max-width: 1280px) {
    ._home .s1 .txtBanner span {
        font-size: clamp(55px, 55 / 1024 * 100vw, 65px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(55px, 55 / 1024 * 100vw, 65px);
    }
    ._home .s1 .txtBanner p {
        font-size: clamp(18px, 18 / 1024 * 100vw, 20px);
    }
    ._home .s1 .progressBx .item .bar {
        font-size: clamp(28px, 28 / 1024 * 100vw, 32px);
    }
    ._home .s1 .progressBx .item .txt {
        font-size: clamp(16px, 16 / 1024 * 100vw, 18px);
    }
    ._home .s1 .progressBx .item:nth-child(3) .txt p {
        padding-right: calc(70/18*1em);
    }
    ._home .s1 .progressBx .item .txt .dotWrap {
        padding: 0 clamp(30px, 30/1024*100vw, 50px);
    }
    ._home .s1 .progressBx .item .txt .dotWrap .dot {
        width: 5px;
        height: 5px;
    }
}
@media screen and (max-width: 1024px) {
    ._home .s1{padding-top: 120px;}
    ._home .s1 .txtBanner span {
        font-size: clamp(40px, 40 / 820 * 100vw, 55px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(40px, 40 / 820 * 100vw, 55px);
    }
    /* ._home .s1 .txtBanner p {
        font-size: clamp(18px, 18 / 820 * 100vw, 20px);
    } */
    ._home .s1 .progressBx .item .txt {
        font-size: clamp(14px, 14 / 820 * 100vw, 16px);
    }
    ._home .s1 .progressBx .item:nth-child(3) .txt p {
        padding-right: calc(30/16*1em);
    }
    ._home .s1 .progressBx .item .txt .dotWrap {
        padding: 0 clamp(10px, 10/820*100vw, 30px);
        opacity: 0 !important;
    }
}
@media screen and (max-width: 820px) {
    ._home .s1{padding-top: 100px;}
    ._home .s1 .txtBanner span {
        font-size: clamp(35px, 35 / 500 * 100vw, 40px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(35px, 35 / 500 * 100vw, 40px);
    }
    ._home .s1 .txtBanner p {
        max-width: 600px;
        font-size: clamp(16px, 16 / 500 * 100vw, 18px);
        word-break: keep-all;
    }
    ._home .s1 .txtBanner p br {
        display: none;
    }
    ._home .s1 .progressBx {
        flex-direction: column;
    }
    ._home .s1 .progressBx .item + .item {
        margin-top: calc(80/18*1em);
    }
    ._home .s1 .progressBx .item .bar {
        border-radius: calc(33/36*1em) !important;
    }
    ._home .s1 .progressBx .item .txt {
        font-size: clamp(16px, 16 / 500 * 100vw, 18px);
        padding-top: calc(40/18*1em);
        padding-left: calc(50/18*1em);
        padding-right: calc(50/18*1em);
        box-sizing: border-box;
        width: 100%;
        word-break: keep-all;
    }
    ._home .s1 .progressBx .item .txt p {
        width: 100%;
    }
    ._home .s1 .progressBx .item:nth-child(3) .txt p {
        padding-right: 0;
    }
    ._home .s1 .progressBx .item .txt br {
        display: none;
    }
    ._home .s1 .progressBx .item .txt .dotWrap {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    ._home .s1 .txtBanner span {
        font-size: clamp(30px, 30 / 360 * 100vw, 35px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(30px, 30 / 360 * 100vw, 35px);
    }
    ._home .s1 .txtBanner p {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
    ._home .s1 .progressBx .item .bar {
        font-size: clamp(20px, 20 / 360 * 100vw, 22px);
    }
    ._home .s1 .progressBx .item .txt {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    ._home .s1 .progressBx .item .txt {
        padding-top: calc(20/14*1em);
        padding-left: calc(10/14*1em);
        padding-right: calc(10/14*1em);
    }
    ._home .s1 .txtBanner span {
        font-size: clamp(25px, 25 / 360 * 100vw, 30px);
    }
    ._home .s1 .txtBanner > b {
        font-size: clamp(25px, 25 / 360 * 100vw, 30px);
    }
}


._home .s2 .rp {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #252525;
    font-size: clamp(220px, 220 / 1600 * 100vw, 231px);
    padding-top: calc(250/231*1em);
    padding-bottom: calc(140/231*1em);
    display: flex; align-items: flex-end;
    justify-content: center;
}
._home .s2 .rp .img {
    width: calc(80/231*1em);
    margin-left: calc(30/231*1em);
    margin-right: calc(20/231*1em);
    margin-bottom: calc(35/231*1em);
    flex-shrink: 0;
    display: flex; align-items: flex-end;
    position: relative;
}
._home .s2 .rp .img img.red {
    position: absolute;
    bottom: 0;
    left: 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
._home .s2 .rp_scroll {
    width: 100%;
    display: flex; align-items: flex-start; justify-content: space-between;
}
._home .s2 .rp_scroll .penguin_img {
    width: 400px;
    padding: 0 140px;
}
._home .s2 .rp_scroll .rp_scroll_txt {
    display: flex; flex-direction: column;
    position: relative;
}
._home .s2 .rp_scroll .rp_scroll_txt .line {
    width: 1px;
    height: 100%;
    background: #fff;
    opacity: .3;
    position: absolute;
    top: 0;
    left: 2.75%;
    transform: translateX(-50%);
}
._home .s2 .rp_scroll .rp_scroll_txt .item {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}
._home .s2 .rp_scroll .rp_scroll_txt .item + .item {
    margin-top: 90px;
}
._home .s2 .rp_scroll .rp_scroll_txt .item .crown {
    width: 45px;
}
._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
    display: flex; flex-direction: column;
    font-size: 40px;
    padding-left: calc(50/40*1em);
    width: clamp(100px, 700/1600*100vw, 700px);
}
._home .s2 .rp_scroll .rp_scroll_txt .item .txt span {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 22px;
    opacity: .3;
}
._home .s2 .rp_scroll .rp_scroll_txt .item .txt b {
    font-family: 'pretendard';
    font-weight: 600;
    letter-spacing: -0.04em;
    color: #fff;
    font-size: inherit;
    line-height: calc(50/40*1em);
    padding-top: calc(15/40*1em);
    padding-bottom: calc(45/40*1em);
}
._home .s2 .rp_scroll .rp_scroll_txt .item .txt p {
    font-family: 'pretendard';
    font-weight: 500;
    letter-spacing: -0.025em;
    color: #cccccc;
    font-size: 18px;
    line-height: calc(28/18*1em);
}
@media screen and (max-width: 1600px) {
    ._home .s2 .rp {
        font-size: clamp(100px, 197 / 1440 * 100vw, 200px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .line {
        left: 22px;
    }
}
@media screen and (max-width: 1280px) {
    ._home .s2 .rp_scroll .penguin_img {
        padding: 0 100px;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
        font-size: clamp(30px, 30 / 1024 * 100vw, 40px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt span {
        font-size: clamp(20px, 20 / 1024 * 100vw, 22px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt p {
        font-size: clamp(16px, 16 / 1024 * 100vw, 18px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .crown {
        width: 30px;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .line {
        left: 14px;
    }
}
@media screen and (max-width: 820px) {
    ._home .s2 .rp {
        font-size: clamp(80px, 80 / 680 * 100vw, 100px);
        padding-top: calc(210/100*1em);
        padding-bottom: calc(170/100*1em);
    }
    ._home .s2 .rp_scroll .penguin_img {
        padding: 0 30px;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
        padding-left: calc(30/40*1em);
        word-break: keep-all;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt p br {
        display: none;
    }
}
@media screen and (max-width: 680px) {
    ._home .s2 .rp {
        font-size: clamp(50px, 50 / 500 * 100vw, 80px);
    }
    ._home .s2 .rp_scroll .penguin_img {display: none;}
    ._home .s2 .rp_scroll .rp_scroll_txt {
        width: 1005;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
        width: 100%;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt span {
        font-size: clamp(16px, 16 / 500 * 100vw, 20px);
    }
}
@media screen and (max-width: 500px) {
    ._home .s2 .rp {
        font-size: clamp(45px, 45 / 360 * 100vw, 50px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
        font-size: clamp(30px, 30 / 360 * 100vw, 45px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt span {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt p {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .crown {
        width: 20px;
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .line {
        left: 9px;
    }
}
@media screen and (max-width: 360px) {
    ._home .s2 .rp {
        font-size: clamp(36px, 36 / 280 * 100vw, 45px);
    }
    ._home .s2 .rp_scroll .rp_scroll_txt .item .txt {
        font-size: clamp(25px, 25 / 280 * 100vw, 30px);
    }
}

._home .s3 {
    padding-top: 100px;
}
._home .s3 .rp_title {
    display: flex; flex-direction: column;
}
._home .s3 .rp_title b {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    letter-spacing: -0.03em;
    color: #fff;
    font-size: 36px;
    padding-bottom: calc(15/50*1em);
}
._home .s3 .rp_title p {
    font-family: 'pretendard';
    font-weight: 600;
    letter-spacing: -0.025em;
    color: #cccccc;
    font-size: 20px;
    padding-left: calc(2/24*1em);
}
._home .s3 .rp_team {
    display: flex; padding-top: 65px;
}
._home .s3 .rp_team .item {
    display: flex; flex-direction: column;
    flex: 1;
}
._home .s3 .rp_team .item .lineWrap {
    display: flex; flex-direction: column;
}
._home .s3 .rp_team .item .lineWrap .num {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.025em;
    color: #ccc;
    padding-bottom: calc(15/20*1em);
}
._home .s3 .rp_team .item .lineWrap .line {
    position: relative;
    width: 100%;
    height: 1px;
    background: #272728;
}
._home .s3 .rp_team .item .lineWrap .line .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 7px 1px #ffffffbd;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
._home .s3 .rp_team .item .lineWrap .line .line_act {
    width: 100%;
    height: 1px;
    background: #525253;
}
._home .s3 .rp_team .item .txt {
    display: flex; flex-direction: column;
}
._home .s3 .rp_team .item .txt > b {
    font-family: 'helvetica-lt-pro';
    font-weight: 500;
    letter-spacing: -0.03em;
    color: #e60021;
    font-size: 24px;
    padding-top: calc(35/24*1em);
    padding-bottom: calc(25/24*1em);
}
._home .s3 .rp_team .item .txt .info {
    display: flex; flex-direction: column;
}
._home .s3 .rp_team .item .txt .info > b {
    font-family: 'pretendard';
    font-weight: 700;
    font-size: 18px;
    letter-spacing: -0.025em;
    color: #fff;
    font-size: 18px;
    padding-bottom: calc(10/18*1em);
}
._home .s3 .rp_team .item .txt .info p {
    font-family: 'pretendard';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.025em;
    line-height: calc(24/18*1em);
    color: #aaa;
}
._home .s3 .rp_culture_title b {
    padding-top: calc(190/50*1em);
}
._home .s3 .rp_culture {
    display: flex; flex-direction: column;
    padding-top: 50px;
}
._home .s3 .rp_culture .Bx {
    display: flex; flex-direction: column;
}
._home .s3 .rp_culture .Bx + .Bx {
    margin-top: 80px;
}
._home .s3 .rp_culture .Bx > b {
    font-family: 'helvetica-lt-pro';
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -0.03em;
    color: #e60021;
    padding-bottom: calc(25/24*1em);
}
._home .s3 .rp_culture .Bx > b span{display: inline-block; padding-left: .1em;}
._home .s3 .rp_culture .Bx .itemWrap {
    display: flex; flex-wrap: wrap; align-items: flex-end;
    gap: 30px;
}
._home .s3 .rp_culture .Bx .itemWrap .item {
    display: flex; flex-direction: column;
    width: 300px;
}
/* ._home .s3 .rp_culture .Bx .itemWrap .item + .item {
    margin-left: 30px;
} */
._home .s3 .rp_culture .Bx .itemWrap .item .img {
    width: 100%;
    /* height: 30px; */
    padding-bottom: 10px;
    display: flex; align-items: center; justify-content: flex-start;
}
._home .s3 .rp_culture .Bx .itemWrap .item .img img {
    height: 100%;
}
._home .s3 .rp_culture .Bx .itemWrap .item .txt {
    display: flex; flex-direction: column;
    font-size: 24px;
    padding: calc(35/24*1em) calc(30/24*1em);
    border-radius: calc(20/24*1em);
    background: #333;
    box-sizing: border-box;
    width: 100%;
}
._home .s3 .rp_culture .Bx .itemWrap .item .txt > b {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: inherit;
    letter-spacing: -0.05em;
    color: #fff;
    padding-bottom: calc(15/24*1em);
}
._home .s3 .rp_culture .Bx .itemWrap .item .txt p {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #ccc;
    line-height: calc(24/18*1em);
}
@media screen and (max-width: 1680px) {
    ._home .s3 .rp_title b{font-size: clamp(32px, 32 / 1440 * 100vw, 36px);}
}
@media screen and (max-width: 1440px) {
    ._home .s3 .rp_title b{font-size: clamp(28px, 28 / 1280 * 100vw, 32px);}
    ._home .s3 .rp_culture .Bx .itemWrap .item {
        width: 280px;
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .txt {
        font-size: clamp(20px, 20 / 1440 * 100vw, 24px);
    }
}
@media screen and (max-width: 1280px) {
    ._home .s3 .rp_title p {
        font-size: clamp(18px, 18 / 1024 * 100vw, 20px);
    }
    ._home .s3 .rp_culture .Bx > b {
        font-size: clamp(22px, 22 / 1024 * 100vw, 24px);
    }
    ._home .s3 .rp_team .item .txt > b {
        font-size: clamp(20px, 20 / 1024 * 100vw, 24px);
    }
    ._home .s3 .rp_team .item .txt .info p {
        font-size: clamp(16px, 16 / 1024 * 100vw, 18px);
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .txt {
        font-size: clamp(18px, 18 / 1024 * 100vw, 20px);
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .txt p {
        font-size: clamp(16px, 16 / 1024 * 100vw, 18px);
    }
}
@media screen and (max-width: 1024px) {
    /* ._home .s3 .rp_title p {
        font-size: clamp(18px, 18 / 820 * 100vw, 20px);
    } */
    ._home .s3 .rp_team .item .lineWrap .num {
        font-size: clamp(16px, 16 / 820 * 100vw, 20px);
    }
    ._home .s3 .rp_team .item .txt > b {
        font-size: clamp(18px, 18 / 820 * 100vw, 20px);
    }
    ._home .s3 .rp_team .item .txt .info > b {
        font-size: clamp(16px, 16 / 820 * 100vw, 18px);
    }
    ._home .s3 .rp_team .item .txt .info p {
        font-size: clamp(14px, 14 / 820 * 100vw, 16px);
        padding-right: calc(10/14*1em);
    }
    ._home .s3 .rp_team .item .txt .info p br {display: none;}
    ._home .s3 .rp_culture .Bx > b {
        font-size: clamp(20px, 20 / 820 * 100vw, 22px);
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item {
        width: calc(100% /2 - 15px);
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .img {
        height: 30px;
    }
}
@media screen and (max-width: 820px) {
    ._home .s3 .rp_title p {
        font-size: clamp(16px, 16 / 500 * 100vw, 18px);
    }
    ._home .s3 .rp_team {
        flex-wrap: wrap;
        row-gap: 30px;
    }
    ._home .s3 .rp_team .item {
        width: 50%;
        flex: auto;
    }
    ._home .s3 .rp_team .item .txt .info p br {
        display: block;
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .txt p {
        font-size: clamp(14px, 14 / 500 * 100vw, 16px);
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item .img {
        height: 20px;
    }
}
@media screen and (max-width: 500px) {
    ._home .s3 .rp_title b{font-size: clamp(24px, 24 / 360 * 100vw, 28px);}
    ._home .s3 .rp_title p {
        font-size: clamp(14px, 14 / 360 * 100vw, 16px);
        line-height: 1.4;
    }
    ._home .s3 .rp_team {
        flex-direction: column;
    }
    ._home .s3 .rp_culture_title b {
        padding-top: calc(100/40*1em);
    }
    ._home .s3 .rp_team .item {
        width: 100%;
    }
    ._home .s3 .rp_team .item .txt .info p br {
        display: none;
    }
    ._home .s3 .rp_culture {
        padding-top: 35px;
    }
    ._home .s3 .rp_culture .Bx + .Bx {
        margin-top: 40px;
    }
    ._home .s3 .rp_culture .Bx > b {
        /* font-size: clamp(18px, 18 / 360 * 100vw, 20px); */
        line-height: 1.4;
    }
    ._home .s3 .rp_culture .Bx .itemWrap {
        flex-direction: column;
    }
    ._home .s3 .rp_culture .Bx .itemWrap .item {
        width: 100%;
    }
}



._home .rp_participate {
    margin-top: 170px;
    display: flex; align-items: center; justify-content: space-between;
    background: #e60021;
}
._home .rp_participate > .txt {
    display: flex; align-items: center;
    font-size: 34px;
    position: relative;
}
._home .rp_participate > .txt .img {
    width: calc(488/34*1em);
}
._home .rp_participate > .txt p {
    font-size: inherit;
    font-family: 'Pretendard';
    font-weight: 700;
    letter-spacing: -0.05em;
    color: #fff;
}
._home .rp_participate .rolling {
    display: flex; align-items: center;
    font-size: 16px;
    position: relative;
    margin-right: calc(160/16*1em);
}
._home .rp_participate .rolling .img {
    width: calc(182/16*1em);
    animation: rolling 10s linear infinite;
}
@keyframes rolling {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
._home .rp_participate .rolling > .txt {
    width: 100%;
    height: 100%;
    display: flex; flex-direction: column; align-items: center;justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
._home .rp_participate .rolling > .txt .arr {
    font-size: calc(40/16*1em);
    color: #fff;
    padding-bottom: calc(7/40*1em);
}
._home .rp_participate .rolling > .txt .arr i {
    transform: rotate(45deg);
}
._home .rp_participate .rolling > .txt p {
    font-size: inherit;
    font-family: 'Pretendard';
    font-weight: 800;
    letter-spacing: -0.025em;
    color: #fff;
    padding-bottom: calc(15/16*1em);
}
._home .rp_participate .rolling > .txt p br {display: none;}
@media screen and (max-width: 1440px) {
    ._home .rp_participate > .txt {
        font-size: clamp(30px, 30 / 1440 * 100vw, 34px);
    }
}
@media screen and (max-width: 1280px) {
    ._home .rp_participate > .txt {
        font-size: clamp(25px, 25 / 1024 * 100vw, 30px);
    }
    ._home .rp_participate .rolling {
        font-size: clamp(14px, 14 / 1024 * 100vw, 16px);
    }
}
@media screen and (max-width: 1024px) {
    ._home .rp_participate > .txt {
        font-size: clamp(20px, 20 / 1024 * 100vw, 25px);
    }
    ._home .rp_participate .rolling {
        font-size: clamp(12px, 12 / 1024 * 100vw, 14px);
    }
}
@media screen and (max-width: 820px) {
    ._home .rp_participate {
        overflow: hidden;
        position: relative;
        padding: 0 5%;
        margin-top: 100px;
    }
    ._home .rp_participate > .txt {
        position: static;
        box-sizing: border-box;
    }
    ._home .rp_participate > .txt .img {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        opacity: .3;
        filter: brightness(.8);
    }
    ._home .rp_participate > .txt .img img {
        height: 100%;
        max-width: none;
    }
    ._home .rp_participate .rolling {
        margin-right: 0;
        padding: 3% 0;
    }
    ._home .rp_participate .rolling > .txt p {
        text-align: center;
        line-height: 1.4;
        position: relative;
        z-index: 1;
    }
    ._home .rp_participate .rolling > .txt p br {display: block;}
}
@media screen and (max-width: 500px) {
    ._home .rp_participate > .txt p {
        font-size: clamp(16px, 16 / 360 * 100vw, 18px);
        line-height: 1.4;
        padding-right: calc(20/16*1em);
    }
    ._home .rp_participate .rolling .img {
        width: calc(140/14*1em);
    }
}