.job_cont_type1{display:flex;padding-bottom:35px}
.job_cont_type1 h5{width:20%;font-size:18px;color:#222;padding-top:25px}
.job_cont_type1 ul{width:80%}

.job_cont_type2{display:flex;padding-bottom:35px}
.job_cont_type2 .job_box_wrap{width:80%;display:flex}
.job_cont_type2 h5{width:20%;font-size:18px;color:#222;padding-top:25px}
.job_cont_type2 .box{border-radius:10px;padding:30px;border:1px solid #ddd;margin-right:35px;width:100%}
.job_cont_type2 .bad{margin-right:0}
.job_cont_type2 .box h4{font-size:17px;font-weight:900}
.job_cont_type2 .bad{border:1px solid #f39693;background:#fff9f9}
.job_cont_type2 .good{border:1px solid #a1aee6;background:#f9fbff}
.job_cont_type2 .bad h4{color:#dd504b}
.job_cont_type2 .good h4{color:#4b66dd}

.ul_type_check{margin:15px 0 20px 0;width:100%;overflow:hidden}
.ul_type_check li{padding-left:25px;position: relative;;line-height:35px;font-size:16px;color:#222}
.ul_type_check li:last-child{margin-bottom:0}
.ul_type_check li:before{content:'';display:block;position:absolute;left:0px;top:10px;width:16px;height:13px;
    background:url(/pages/job/img/sub/icon_check_good.png) no-repeat}
.ul_type_check.bad_check li:before{background:url(/pages/job/img/sub/icon_check_bad.png) no-repeat}


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


}

/* 테블릿 가로 */
@media all and (min-width:768px) and (max-width:1023px) {
    .job_cont_type1,.job_cont_type2{flex-wrap:wrap}
    .job_cont_type1 ul{width:100%}
    .job_cont_type1 h5{width:100%}
    .job_cont_type2 h5{width:100%;margin-bottom:20px}
    .job_cont_type2 .job_box_wrap{width:100%}
}

/* 모바일 가로 & 테블릿 세로 */
@media all and (min-width:480px) and (max-width:767px) {
    .job_cont_type1,.job_cont_type2{flex-wrap:wrap}
    .job_cont_type1 ul{width:100%}
    .job_cont_type1 h5{width:100%}
    .job_cont_type2 h5{width:100%;margin-bottom:20px}
    .job_cont_type2 .job_box_wrap{width:100%;flex-wrap:wrap}
    .job_cont_type2 .box{margin:0 0 10px 0}
    
}
/* 모바일 세로 */
@media all and (max-width:479px) {
    .job_cont_type1,.job_cont_type2{flex-wrap:wrap}
    .job_cont_type1 ul{width:100%}
    .job_cont_type1 h5{width:100%}
    .job_cont_type2 h5{width:100%;margin-bottom:20px}
    .job_cont_type2 .job_box_wrap{width:100%;flex-wrap:wrap}
    .job_cont_type2 .box{margin:0 0 10px 0}

}