#cont_pc .cont_guide .img{background-size:cover; background-position:center; background-image: url(../../../img/ksea2024/business/safetyedu_guide.png);}

#cont_pc .classlist>ul>li .img{background-size:cover; background-position:center; position:relative;}
#cont_pc .classlist>ul>li .img p{position:absolute; bottom:1vmin; right:1vmin; color:#fff; background-color:rgba(0,0,0,0.5); padding:5px 8px; font-size:14px }

.img1{background-image: url(../../../img/ksea2024/business/safetyedu_1.jpg);}
.img2{background-image: url(../../../img/ksea2024/business/safetyedu_2.png);}
.img3{background-image: url(../../../img/ksea2024/business/safetyedu_3.png);}
.img4{background-image: url(../../../img/ksea2024/business/safetyedu_4.png);}



/*---------- pc --------------------------------------------------------------*/

@media (min-width:1200px){
    #cont_pc .title_group{margin-bottom:80px}
    .title_group h1 br{display: none;}
#cont_pc .title_group p{font-size:19px; line-height:27px}
.class_list .classes {margin-bottom:90px}
.class_list .classes h3{color:#003070; font-size:24px; font-weight:700; margin-bottom:30px}
.class_list .classes ul{display: flex; flex-direction: row; justify-content: center; gap:100px;}
.class_list .classes ul li img{width:200px; height:200px; border-radius: 300px; background-color: #eee; margin-bottom:20px; object-fit: cover; object-position: center;}
.class_list .classes ul li h4{text-align: center; font-size:18px; font-weight:400}

.edu_distinct{margin-bottom:122px}
.edu_distinct h3{color:#003070; font-size:24px; font-weight:700; margin-bottom:30px}
.edu_distinct ul{display: flex; flex-flow:row wrap; justify-content: space-evenly;}
.edu_distinct ul li{width:45%; display: flex; gap:35px; margin-bottom:30px}
.edu_distinct ul li img{width:160px; height:160px; border-radius: 10px; background-color: #eee; object-fit: cover; object-position: center;}
.edu_distinct ul li p{font-size:18px; line-height:26px; padding-top:15px}



}




/*---------------tablet -------------------------------------------------------*/


@media (min-width:768px) and (max-width:1199px){
    .cont .title_group p br{display: block!important;}
    .title_group h1 br{display: none;}

    .class_list{}
    .class_list h3{font-size:22px; margin-bottom:20px; color:rgba(0,48,112,0.55)}
    .classes{margin-bottom:80px}
    .classes ul{display: flex; flex-direction: row; gap:50px; justify-content: center;}
    .classes ul li{display: flex; flex-direction: column ;gap:30px; align-items: center; box-sizing: border-box; padding:0 10px; width:22%}
    .classes ul li img{width:100px; height:100px; border-radius: 50px; background-color:#eee; object-fit: cover; object-position: center;}
    .classes ul li h4{ font-weight:500}
    
    .edu_distinct{margin-bottom:60px}
    .edu_distinct h3{font-size:22px; margin-bottom:20px; color:rgba(0,48,112,0.55)}
    .edu_distinct ul{display: flex; flex-flow:row wrap; gap:35px; align-items: center; justify-content: center;}
    .edu_distinct ul li{display: flex; gap:30px; align-items: center; box-sizing: border-box; padding:0 10px; width:40%}
    .edu_distinct ul li img{width:100px; height:100px; border-radius: 50px; background-color:#eee; object-fit: cover; object-position: center;}
    
    

}




/*----------------------mobile---------------------------------------------*/

@media (min-width:320px) and (max-width:767px){

.title_group p{padding:0 20px; box-sizing: border-box;}
.title_group{margin-bottom:40px}


#cont_pc{width:100%;}
.class_list{}
.class_list h3{font-size:18px; margin-bottom:20px; color:rgba(0,48,112,0.55)}
.classes{margin-bottom:40px}
.classes ul{display: flex; flex-direction: column; gap:15px}
.classes ul li{display: flex; gap:30px; align-items: center; box-sizing: border-box; padding:0 10px;}
.classes ul li img{width:80px; height:80px; border-radius: 50px; background-color:#eee; object-fit: cover; object-position: center;}
.classes ul li h4{font-size:15px; font-weight:500}

.edu_distinct{margin-bottom:40px}
.edu_distinct h3{font-size:18px; margin-bottom:20px; color:rgba(0,48,112,0.55)}
.edu_distinct ul{display: flex; flex-direction: column; gap:15px;}
.edu_distinct ul li{display: flex; gap:30px; align-items: center; box-sizing: border-box; padding:0 10px;}
.edu_distinct ul li img{width:80px; height:80px; border-radius: 50px; background-color:#eee; object-fit: cover; object-position: center;}


}