.imgbox{border:1px solid #ddd;text-align:center;padding:50px}

/* 면접성공법 */
.interview_success{border:1px solid #ddd;width:100%;padding:100px 20px}
.interview_success h5{font-size:27px;color:#000;padding-bottom:40px}
.interview_success{display:flex;align-items:center;flex-direction:column}
.interview_success li{display:flex;font-size:18px;padding:18px 0}
.interview_success li span{display:inline-block;text-align:center;font-size:15px;width:24px;height:24px;line-height:24px;background:#4F597D;border-radius:50%;color:#fff;font-weight:900;margin-right:14px}

.meeting_top{background:#f1f8ff;padding:40px}
.meeting_top dt{font-size:18px;font-weight:700;margin-bottom:10px;color:#000}
.meeting_top dd{padding:5px 0}

.meeting_card{display:flex;flex-wrap: wrap;gap:30px;margin-top:30px}
.meeting_card > div{width:calc(100% / 3 - 20px);border:1px solid #ddd;padding:30px 20px}
.meeting_card .cardbox{text-align:center}
.meeting_card dt{font-size:20px;font-weight:700;margin:25px 0 15px 0;color:#333}
.meeting_card dd{font-size:16px;line-height:32px;}

/*8가지*/
.metting_consult3 dl{display:flex;border-bottom:1px solid #ddd;padding:40px 0;align-items: center}
.metting_consult3 dt{width:30%;font-size:20px;height:120px;color:#000;font-weight:500;line-height:30px}
.metting_consult3 dt span{font-weight:800;color:#ddd;display:block;font-size:40px;}
.metting_consult3 dd{flex:1;line-height:30px}

/*지켜야할일*/
.metting_consult4{border:1px solid #ddd;width:100%;padding:100px 20px;display:flex;align-items:center;flex-direction:column}
.metting_consult4 h5{font-size:27px;color:#000;padding-bottom:40px;text-align:center}
.metting_consult4 dl{display:flex;flex-direction:column;margin-bottom:20px;width:50%}
.metting_consult4 dt{font-size:18px;padding:18px 0}
.metting_consult4 dt span{display:inline-block;text-align:center;font-size:15px;width:24px;height:24px;line-height:24px;background:#4F597D;border-radius:50%;color:#fff;font-weight:900;margin-right:14px}
.metting_consult4 dd{padding-left:20px;font-size:16px;position: relative}
.metting_consult4 dd:before {content: '';display: block;position: absolute;left: 0;top: -6px;width: 7px;height: 1px;background-color: #666;margin:15px 0 20px}


/*면접답변방법*/
.metting_consult5 > p{background:#f1f8ff;padding:40px;line-height:28px}
.metting_consult5 > div{margin-top:10px;}
.metting_consult5 > div h5{background:#7c89b4;padding:10px 40px;font-size:15px;color:#fff;font-weight:400;line-height:32px}
.metting_consult5 > div h5 span{font-size:14px;line-height:26px}
.metting_consult5 > div p{border:1px solid #ddd;background:#fff;color:#333;padding:20px;font-size:16px;line-height:28px;;margin-bottom:20px}

/*면접 질문지*/
.metting_consult6 dl{display:flex;border-bottom:1px solid #ddd;padding:40px 0;align-items: center}
.metting_consult6 dt{flex-basis:30%;font-size:20px;height:120px;color:#000;font-weight:500}
.metting_consult6 dt span{font-weight:800;color:#ddd;display:block;font-size:40px;}
.metting_consult6 dd{flex:auto;line-height:30px}

/*구직자의 옷차림*/
.metting_consult7 > p{background:#f1f8ff;padding:40px;line-height:28px}
.metting_consult7 > div{margin-top:10px;}
.metting_consult7 > div h5{background:#7c89b4;padding:10px 40px;font-size:15px;color:#fff;font-weight:400;line-height:32px}
.metting_consult7 > div h5 span{font-size:14px;line-height:26px}
.metting_consult7 > div > p{border:1px solid #ddd;background:#fff;color:#333;padding:20px;font-size:16px;line-height:28px;;margin-bottom:20px}
.metting_consult7 > div > ul{border:1px solid #ddd;padding:30px;margin-top:0 !important;}

.metting_consult7_2 .h5_butt{margin:30px 0 15px}
.metting_consult7_2 .emotion_box{display:flex;gap: 30px;}
.metting_consult7_2 .emotion_box > div{text-align:center;width:50%;border-radius:30px;padding:40px 0}
.metting_consult7_2 .emotion_box .metting07_x{background: #fff3f3;border:1px solid #dc2929}
.metting_consult7_2 .emotion_box .metting07_o{background: #f3f8ff;border:1px solid #2960d5}
.metting_consult7_2 .emotion_box p{font-size:16px;margin-top:30px;color:#333}

.metting_consult7_2 .emotion_box2{display:flex;align-items:center;flex-direction:column;padding:40px 0;margin-top:50px;text-align:center;border:1px solid #ddd}
.metting_consult7_2 .emotion_box2 h5{font-size:20px;text-align:center;background:#3B60DE;padding:10px 40px;color:#fff;border-radius:40px}
.metting_consult7_2 .emotion_box2 img{width:auto;max-width: fit-content;}

    /* 면접 금기사항 */
.metting_consult8{border:1px solid #ddd;width:100%;padding:100px 20px;display:flex;align-items:center;flex-direction:column}
.metting_consult8 h5{font-size:27px;color:#000;padding-bottom:40px}
.metting_consult8 li{font-size:18px;padding:18px 0}
.metting_consult8 li span{display:inline-block;text-align:center;font-size:15px;width:24px;height:24px;line-height:24px;background:#4F597D;border-radius:50%;color:#fff;font-weight:900;margin-right:14px}

.metting_consult8 .ul_type2 li{padding:0 0 0 12px !important;font-size:16px}



/* 노트북 & 테블릿 가로 */
@media all and (min-width:1024px) and (max-width:1279px) {


}

/* 테블릿 가로 */
@media all and (min-width:768px) and (max-width:1023px) {

    .metting_consult7_2 .emotion_box > div img{width:100%}
    .metting_consult7_2 .emotion_box2 img{max-width:100%}

    .meeting_card > div{width:calc(100% / 2 - 20px)}
}



/* 모바일 가로 & 테블릿 세로 */
@media all and (min-width:480px) and (max-width:767px) {
    .metting_consult3 dl{flex-direction: column;padding:20px 0}
    .metting_consult3 dt{width:100%;height:auto;margin-bottom:10px;font-size:16px}

    .metting_consult4 dl{width:100%}

    .metting_consult6 dl{flex-direction: column;padding:20px 0;align-items: flex-start}
    .metting_consult6 dt{width:100%;height:auto;margin-bottom:10px;font-size:16px}

    .imgbox{padding:40px 0}
    .metting_consult7_2 .emotion_box > div{padding:40px }
    .metting_consult7_2 img{max-width: 100%;}
    .metting_consult7_2 .emotion_box2 img{max-width: 100%;}
    .meeting_card > div{width:100%}

}
/* 모바일 세로 */
@media all and (max-width:479px) {
    .metting_consult3 dl{flex-direction: column;padding:20px 0}
    .metting_consult3 dt{width:100%;height:auto;margin-bottom:10px;font-size:16px}

    .metting_consult4 dl{width:100%}

    .metting_consult6 dl{flex-direction: column;padding:20px 0}
    .metting_consult6 dt{width:100%;height:auto;margin-bottom:10px;font-size:16px}

    .imgbox{padding:40px 0}
    .metting_consult7_2 img{max-width: 100%;}
    .metting_consult7_2 .emotion_box{flex-direction: column}
    .metting_consult7_2 .emotion_box > div{width:100%;}
    .metting_consult7_2 .emotion_box > div img{width:70%}
    .metting_consult7_2 .emotion_box2 img{max-width:100%}


    .meeting_card > div{width:100%}
}