/* ==========================================================
   기본 구조
========================================================== */
#job {width:100%; margin:0 auto; overflow:hidden;}
#job img {vertical-align: top}
#job .header1 {font-size:25px; font-weight:500; margin-top:70px; text-align:center;}
#job p.txtP { padding-bottom:20px; font-size:20px;  line-height:35px; }

#job div.icoBox {overflow:hidden; margin:70px 0 0px 0;}

/* ==========================================================
   🔥 아이콘 + 텍스트 구조 (반응형 전면 개선)
========================================================== */
#job div.icoBox section {
    position: relative;
    width: 100%;
    padding: 35px 25px 35px 95px;
    border-radius: 20px;
    float: left;
    box-sizing: border-box;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: 25px center;
    margin-bottom: 25px;
}

/* 홀수 박스 배경 */
#job div.icoBox section:nth-child(odd) {
    background-color: #f5f5f5;
}

/* 아이콘 이미지 매칭 */
#job div.icoBox section.ico1 {background-image:url("../img/ico11.png");}
#job div.icoBox section.ico2 {background-image:url("../img/ico22.png");}
#job div.icoBox section.ico3 {background-image:url("../img/ico33.png");}
#job div.icoBox section.ico4 {background-image:url("../img/ico4.png");}
#job div.icoBox section.ico5 {background-image:url("../img/ico5.png");}
#job div.icoBox section.ico6 {background-image:url("../img/ico6.png");}
#job div.icoBox section.ico7 {background-image:url("../img/ico7.png");}

#job div.tit {font-size:22px; padding-bottom:10px; font-weight:600;}
#job div.tit span.step {color:#ed1c24; font-weight:700; margin-right:5px;}
#job div.txt {font-size:18px; line-height:1.7;}
#job div.txt p {margin: 8px 0;}

/* ==========================================================
   2×2 반응형 그리드
========================================================== */
#job .gridBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    margin-top: 25px;
}

#job .gridItem {
    background: #fff;
    border-radius: 15px;
    padding: 18px 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.06);
    font-size: 16px;
    line-height: 1.7;
}

/* ==========================================================
   🔥 중국어 줄바꿈 완벽 처리
========================================================== */
.lang-zh {
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
}

/* 박스 밖 긴 문장까지 강제 줄바꿈 */
#job p,
#job div.txt,
#job .gridItem p,
#job .header1 span,
#job .tit p,
strong {
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal;
}

/* ==========================================================
   🔥 모바일 최적화
========================================================== */
@media (max-width: 1023px) {

    #job div.icoBox section {
        padding: 25px 20px 25px 75px;
        background-size: 50px;
        background-position: 18px center;
    }

    #job div.tit {font-size: 19px;}
    #job div.txt {font-size: 16px;}
}

@media (max-width: 640px) {

    /* 가장 중요! 모바일 최적 위치 + 가장 안정적 패딩 */
    #job div.icoBox section {
        padding: 22px 18px 22px 60px;
        background-size: 42px;
        background-position: 12px 20px;
    }

    #job .gridBox {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    #job div.tit {font-size: 18px;}
    #job div.txt {font-size: 15px;}
}

@media (max-width: 480px) {

    #job div.icoBox section {
        padding: 20px 15px 20px 50px;
        background-size: 38px;
        background-position: 10px 18px;
    }

    #job div.tit {font-size: 17px;}
}