.ai_guide_top{padding:40px 0;text-align:center}
.h3_guide{font-size:28px;font-weight:700;margin-bottom:25px;color:#333}
.h3_guide span img{margin-top:-14px}

.ai_guide_top p{color:#666;margin-bottom:30px;line-height:1.6}
.circle_list{display:flex;justify-content:center;gap:40px;margin:0;padding:0;list-style:none}
.circle_list li{width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:500;text-align:center;transition:transform 0.3s ease;background-size:65%;background-position:center;background-color:transparent;margin-bottom:43px;position:relative}
.circle_list li span{position:absolute;bottom:-38px;color:#111;font-size:17px;width:100%}


.circle_list li:nth-child(1){background:rgba(79,90,179,0.85) url('/pages/kjcareer/img/sub/ai_guide_circle1.png') no-repeat center}
.circle_list li:nth-child(2){background:rgba(87,100,200,0.85) url('/pages/kjcareer/img/sub/ai_guide_circle2.png') no-repeat center}
.circle_list li:nth-child(3){background:rgba(95,110,221,0.85) url('/pages/kjcareer/img/sub/ai_guide_circle3.png') no-repeat center}
.circle_list li:nth-child(4){background:rgba(103,120,226,0.85) url('/pages/kjcareer/img/sub/ai_guide_circle4.png') no-repeat center}
.circle_list li:nth-child(5){background:rgba(111,130,231,0.85) url('/pages/kjcareer/img/sub/ai_guide_circle5.png') no-repeat center}
.circle_list li:hover{transform:translateY(-5px)}

/* AI Interview Guide Circle Icons */
.ai_guide_interview .circle_list li:nth-child(1){background:rgba(79,90,179,0.85) url('/pages/kjcareer/img/sub/ai_guide_interview_circle1.png') no-repeat center;background-size:65%}
.ai_guide_interview .circle_list li:nth-child(2){background:rgba(87,100,200,0.85) url('/pages/kjcareer/img/sub/ai_guide_interview_circle2.png') no-repeat center;background-size:65%}
.ai_guide_interview .circle_list li:nth-child(3){background:rgba(95,110,221,0.85) url('/pages/kjcareer/img/sub/ai_guide_interview_circle3.png') no-repeat center;background-size:65%}
.ai_guide_interview .circle_list li:nth-child(4){background:rgba(103,120,226,0.85) url('/pages/kjcareer/img/sub/ai_guide_interview_circle4.png') no-repeat center;background-size:65%}
.ai_guide_interview .circle_list li:nth-child(5){background:rgba(111,130,231,0.85) url('/pages/kjcareer/img/sub/ai_guide_interview_circle5.png') no-repeat center;background-size:65%}

.ai_guide_interview .img_group{height:380px}
.ai_guide_interview .img_group img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top;
}
/* AI Interview Guide Section */
.ai_guide_interview{margin-top:100px}
.ai_guide_interview .ai_guide_exbox_wrap{justify-content:center}
.ai_guide_interview .ai_guide_exbox{flex:0 0 calc(50% - 15px)}


.ai_guide_exbox_wrap{display:flex;flex-wrap:wrap;gap:30px;margin-top:50px}
.ai_guide_exbox{flex:0 0 calc(33.333% - 20px);box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:8px;overflow:hidden;padding:15px;background:#fff}
.h4_guide{margin:0 0 15px 0;padding:13px;background:#505667;color:#fff;font-size:16px;font-weight:500;border-radius:8px}
.img_group{width:100%;height:350px;overflow:hidden;margin-bottom:15px;display:flex;align-items:center;justify-content:center}
.img_group img{width:95%;height:auto;max-height:350px;object-fit:contain}




/* 마지막 박스 이미지 2장 스타일 */
.ai_guide_exbox:last-child .img_group{display:flex;gap:10px}
.ai_guide_exbox:last-child .img_group img{width:calc(47.5% - 5px)}

.btn_center{display:flex;justify-content:center;margin-bottom:40px}
/* .btn_guide_view{background:#515371;padding:0 40px;color:#fff}
.btn_guide_view:hover{text-decoration:none;background:#43455f} */

/****** Mobile ******/
@media screen and (min-width:320px) and (max-width:690px) {
    .circle_list{
        flex-wrap:wrap;
        gap:35px 15px;
        justify-content:center;
        max-width:320px;
        margin:0 auto;
        padding:0 10px
    }
    .circle_list li{
        width:90px;
        height:90px;
        font-size:13px;
        background-size:32.5%;
        margin-bottom:20px
    }
    .circle_list li span{
        position:absolute;
        top:102px;
        font-size:13px;
        line-height:1.3
    }
    .h3_guide{font-size:22px}
    .ai_guide_top p{font-size:14px}

    .ai_guide_interview .ai_guide_exbox{flex:0 0 100%}
    .ai_guide_interview .img_group{height:220px}

    .ai_guide_exbox_wrap{gap:20px}
    .ai_guide_exbox{flex:0 0 100%}
    .h4_guide{font-size:16px}
    .img_group{height:250px}
    .img_group img{max-height:250px}
    .ai_guide_exbox p{font-size:14px}

}







/****** tablet ******/
@media screen and (min-width:691px) and (max-width:1180px) {
    .circle_list{gap:30px}
    .ai_guide_interview .img_group{height:280px}
    .circle_list li{
        width:110px;
        height:110px;
        font-size:14px;
        margin-bottom:35px
    }
    .circle_list li span{
        position:absolute;
        top:122px;
        font-size:15px;
        line-height:1.3
    }
    .ai_guide_exbox_wrap{gap:25px}
    .ai_guide_exbox{flex:0 0 calc(50% - 12.5px)}
    .h4_guide{font-size:17px}

    .ai_guide_interview .ai_guide_exbox{flex:0 0 calc(50% - 15px)}
}

/****** desktop*****/
@media screen and (min-width:1181px) and (max-width:1600px){
    .circle_list{gap:40px}
}