body {word-break:keep-all;}

/* 서브페이지 키비쥬얼 */
#SUB_KEYVISUAL .gu_sub_top .kv_img_area {background-image: url('../../../img/career/apply/KV_career_apply.png');}

#CAREER_APPLY { margin-bottom:0; }

#APPLY * { box-sizing: border-box; }
#APPLY .gu_title { text-align:left; color:#014099; padding:0; }
#APPLY .bx { margin:110px auto; }
#APPLY .bx > * + * { margin-top:24px; }
#APPLY .bx .tit { color: #000; font-size: 24px; font-weight: 700; line-height: 1.4; letter-spacing: -0.6px; }
#APPLY .bx li { display:flex; align-items:flex-start; color: #666; font-size: 16px; font-weight: 400; line-height: 1.75; letter-spacing: -0.32px; gap:3px; }
#APPLY .bx li:before { content:"-"; display:block; }
#APPLY .bx ul.aster li:before { content:"※"; }
#APPLY .process_wr { display: flex; flex-direction:column; padding: 40px; justify-content: center; align-items: center; gap:12px; background: #F5F8FB; }
#APPLY .circle_wr { display: flex; justify-content: space-between; align-items: center; width:100%; }
#APPLY .circle_wr .circle { display: flex; width: 160px; height: auto; aspect-ratio:1/1; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 200px; border: 1px solid #014099; background: #FFF; }
#APPLY .circle_wr .circle .step { color: #014099; text-align: center; font-size: 16px; font-weight: 500; line-height: 1.75; letter-spacing: -0.4px; text-transform: uppercase; }
#APPLY .circle_wr .circle .txt { color: #000; text-align: center; font-size: 18px; font-weight: 700; line-height: 1.4; letter-spacing: -0.45px; text-transform: uppercase; }
#APPLY .circle_wr .arrow { width:6px; height:auto; aspect-ratio:20/32; background:url('../../../img/common/ico_arrow_black_right.png') center / 100% auto no-repeat; }
#APPLY .process_wr > .arrow { width:32px; height:auto; aspect-ratio:1/1; background:url('../../../img/common/ico_arrow_blue_bottom.png') center / 100% auto no-repeat; }
#APPLY .process_wr .final { width:100%; padding: 16px 0; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 1.4; letter-spacing: -0.5px; text-transform: uppercase; background:#014099; border-radius:200px; }

#CAREER_APPLY #BANNER { height:420px; background: url('../../../img/career/apply/banner_career_bg.png') center / cover no-repeat; color:#fff; text-align:center; }
#CAREER_APPLY #BANNER .gu_content { height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:40px;  }
#CAREER_APPLY #BANNER .txt { font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: -0.8px; }
#CAREER_APPLY #BANNER .btn { display:inline-flex; justify-content:center; align-items: center; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-0.45px; padding:20px 24px; background: #222; gap:10px; }
#CAREER_APPLY #BANNER .btn:after { content:""; display:block; width:24px; height:auto; aspect-ratio: 1/1; background:url('../../../../img/common/icon/icon-arrowright-w.png') center / 100% auto no-repeat; }

/* ================================== Tablet css ================================== */
@media all and (max-width: 1080px) {
    #APPLY .bx { margin:70px auto; }
    #CAREER_APPLY #BANNER { padding:70px; }
}

/* ================================== Mobile css ================================== */
@media all and (max-width: 766px) {
    .pc { display:none; }
    #APPLY .bx { margin:60px auto; }
    #APPLY .bx > * + * { margin-top:16px; }
    #APPLY .bx .tit { font-size:16px; }
    #APPLY .bx li { font-size:13px; }
    #APPLY .process_wr { padding:24px 40px; gap:10px; }
    #APPLY .circle_wr { flex-direction: column; gap:10px; }
    #APPLY .circle_wr .circle .step { font-size:13px; }
    #APPLY .circle_wr .circle .txt { font-size:15px; }
    #APPLY .circle_wr .arrow { width:12px; transform:rotate(90deg); }
    #APPLY .process_wr .final { font-size:20px; }
    #CAREER_APPLY #BANNER .txt { font-size:20px; }
    #CAREER_APPLY #BANNER .btn { font-size:13px; padding:12px 16px; }
    #CAREER_APPLY #BANNER .btn:before { width:16px; }
}