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

@media (min-width:1200px){
    #cont_pc{width:100%;}
    
    .title_group img{width:100%;height:300px; object-fit: contain; object-position: center; margin-bottom:50px}
    .title_group p{width:100%; box-sizing: border-box; padding:0 30px;}
    .ases_distinct{margin-bottom:100px}
    .ases_distinct ul{display: flex; flex-direction: column;align-items: left;  justify-content: center; gap:40px; box-sizing: border-box; padding-left:30px; width:fit-content; margin:0 auto 100px} 
    .ases_distinct ul li { display: flex;  align-items: center; justify-content: left; gap:30px}
    .ases_distinct ul li img{width:200px; height:200px; border-radius: 300px; background-color: #eee; object-fit: cover; object-position: center; }
    .ases_distinct ul li .txt{text-align: left;}
    .ases_distinct ul li .txt h4{ font-size:20px; font-weight:600; margin-bottom:20px; }
    .ases_distinct ul li .txt p{FONT-SIZE:18px}
    .ases_distinct>P{font-size:18px; line-height:26px; box-sizing: border-box; padding:0 30px; }
    .ases_distinct>P span{color:rgba(0,48,112,0.8); font-weight:700}
    
    #cont_pc>img{width:100%; height:1000px; object-fit: contain; object-position: center; margin-bottom:120px}
    


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


    .title_group h1 br{display: none;}
    .title_group img{width:100%;height:300px; object-fit: contain; object-position: center; margin-bottom:50px}
    .title_group p{width:100%; box-sizing: border-box; padding:0 30px;}
    
    #cont_pc>div{width:1200px; margin:0 auto 160px}
    h2{font-size:24px; font-weight:800; margin-bottom:30px!important}
    #cont_pc>div>p{font-size:18px; line-height:26px; margin-bottom:60px}
    
    .cont_1 ul{display: flex; flex-direction: row; justify-content: space-around; gap:90px;}
    .cont_1 ul li{width:180px; text-align: center;}
    .cont_1 ul li img{width:165px; height:165px; border-radius: 165px; background-color: pink; margin-bottom:20px; object-fit: cover; object-position: center;}
    .cont_1 ul li p{font-size:18px; color:#003070; font-weight:600}
    
    .cont_2>img{width:100%; height:1015px; object-fit: contain; object-position: center;}
    .cont_2 ul{display: flex; flex-direction: column; margin-bottom:90px}
    .cont_2 ul .cycle{display: flex; flex-direction: row; justify-content: left; gap:50px; align-items: center;}
    .cont_2 ul .cycle .box{padding:40px 0; text-align: center; color:#fff; background-color: rgba(0,48,112,0.55); border-radius:10px; width:250px; box-sizing: border-box;}
    .cont_2 ul .cycle .box .concept{font-size:22px; margin-bottom:10px; font-weight:600}
    .cont_2 ul .cycle .box .concept span{font-weight:900}
    .cont_2 ul .cycle .box .con_kor{font-size: 18px; color:rgba(255,255,255,0.8); font-weight:400}
    .cont_2 ul .cycle .description{font-size:18px; line-height:26px; width:900px; text-align: justify;}
    .cont_2 ul .blueline{width:20px; height:30px; margin-left:115px; background-color: rgba(0,48,112,0.55);}
    
    
    .cont_3 ul{display: flex; flex-flow:row wrap; justify-content: center; gap:50px;}
    .cont_3 ul li{width:25%; text-align: center;}
    .cont_3 ul li img{width:165px; height:165px; border-radius: 165px; background-color: pink; object-fit: cover; object-position: center; margin-bottom:20px;}
    .cont_3 ul li p{font-size:18px; color:#003070; font-weight:500}
    
    
    .cont_4 ul{display: flex; flex-direction:column; gap:20px; padding-left:30px}
    .cont_4 ul li{display: flex; flex-direction: row; gap:30px; align-items: center;}
    .cont_4 ul li .accre{width:250px; padding:16px 0; text-align: center; color:#fff; background-color: rgba(0,48,112,0.55); font-size:20px; font-weight:700; border-radius:10px}
    .cont_4 ul li p{font-size:18px; }
    
    
    .cont_5 ul{display: flex; flex-direction:column; gap:20px;}
    .cont_5 ul li{display: flex; flex-direction:row; justify-content: left; align-items: center; gap:50px}
    .cont_5 ul li img{width:150px; height:150px; border-radius:10px; background-color: pink; object-fit: cover; object-position: center;}
    .cont_5 ul li div h3{font-size:20px; color:#003070; margin-bottom:10px}
    .cont_5 ul li div p{font-size:18px}
    
    .go_link{margin-bottom:0!important}


    .cont_6 {
        width:100%;
        display:flex;
        gap:30px
    }
    .cont_6 .certimg_1 {
        width:40%
    }
    .cont_6 .certimg_2 {
        width:55%;
        object-fit:cover;
    }


    }
    
    
    
    
    /*-------------------------- tablet ---------------------------------------------*/
    
    @media (min-width:768px) and (max-width:1199px){
    
        .title_group h1 br{display: none;}
    
        .title_group img{width:100%; height:400px; object-fit: contain; object-position:center}
        .title_group .TXT br{display: block!important;}
        .title_group .TXT{line-height: 26px;}
        h2{font-size:24px; color:#003070; margin-bottom:20px!important}
        p{line-height:26px}
        #cont_pc>div{margin-bottom:90px}
    
        .cont_1>p{margin-bottom:20px}
        .cont_1 ul{display:flex; flex-flow:row wrap; justify-content: center; gap:30px;}
        .cont_1 ul li{width:45%; height:250px; text-align: center;}
        .cont_1 ul li img{width:100%; height:220px; object-fit: cover; object-position: center; border-radius:10px; margin-bottom:10px;}
        .cont_1 ul li p{font-size:19px; color:#003070; font-weight:600}
    
        .cont_2>p{margin-bottom:20px}
        .cont_2 ul{display: flex; flex-direction:column; margin-bottom:50px}
        .cont_2 ul li{display: flex; gap:20px; align-items: center;}
        .cont_2 ul li .box{width:225px; border-radius:10px; padding:25px 0; text-align: center; background-color: rgba(0,48,112,0.55);}
        .cont_2 ul li .box .concept{font-size:22px; font-weight:bold; color:#fff; margin-bottom:5px}
        .cont_2 ul li .box .concept span{font-weight:900}
        .cont_2 ul li .box .con_kor{font-size:16px; color:rgba(255,255,255,0.8)}
        .cont_2 ul li .description{width:70%; font-size:17px; line-height:25px}
        .cont_2 ul li.blueline{width:35px; height:15px; margin-left:95px; background-color: rgba(0,48,112,0.55);}
        .cont_2 img{width:100%; height:750px; object-fit: contain; object-position: center;}
    
        .cont_3 ul{display: flex; flex-flow:row wrap; justify-content: center; gap:40px;}
        .cont_3 ul li{width:200px; text-align: center;}
        .cont_3 ul li img{width:150px; height:150px; border-radius: 150px; margin-bottom:10px; object-fit: cover; object-position: center;}
        .cont_3 ul li p{font-size:18px; color:#003070; font-weight:500}
    
    
        .cont_4 ul{display: flex; flex-direction: column; gap:20px; padding-left:20px}
        .cont_4 ul li{display: flex; gap:30px; align-items: center;}
        .cont_4 ul li h3{width:25%; padding:20px 0; text-align: center; color:#fff; background-color: rgba(0,48,112,0.55); border-radius:10px; font-weight:500; font-size:18px}
        .cont_4 ul li p{font-size:17px; width:75%; }
        .cont_4 ul li p br{display: none;}
    
    
        .cont_5 ul{display: flex; flex-direction: column; gap:20px;}
        .cont_5 ul li{display: flex; gap:30px; align-items: center;}
        .cont_5 ul li img{width:150px; height:150px; border-radius: 10px; object-fit: cover; object-position: center;}
        .cont_5 ul li div h3{font-size:18px; margin-bottom:5px}
        .cont_5 ul li div p{font-size:17px; line-height:25px;}
    
    }
    
    
    
    
    /*------------------------ mobile --------------------------------------------------*/
    
    @media (min-width:320px) and (max-width:767px){
    
    
        .title_group img{width:100%; height:300px; object-fit: contain; object-position:center}
        .title_group .TXT br{display: block!important;}
        .title_group .TXT{line-height: 24px; font-size:14px!important}
        h2{font-size:20px; color:#003070; margin-bottom:20px!important}
        p{line-height:22px}
        #cont_pc>div{margin-bottom:90px}
    
        .cont_1>p{margin-bottom:20px}
        .cont_1 ul{display:flex; gap:25px; flex-direction: column; margin:0 auto; box-sizing: border-box; padding:0 20px;}
        .cont_1 ul li{text-align: center;}
        .cont_1 ul li img{width:100%; height:180px; object-fit: cover; object-position: center; border-radius:10px; margin-bottom:10px;}
        .cont_1 ul li p{font-size:16px; color:#003070; font-weight:600}
    
        .cont_2>p{margin-bottom:20px}
        .cont_2 ul{display: flex; flex-direction:column; margin-bottom:10px; position:relative}
        .cont_2 ul li{display: flex; gap:20px; flex-direction: column;}
        .cont_2 ul li .box{width:100%; border-radius:10px; padding:10px 0; text-align: center; background-color: #738EB0;display: flex; justify-content: center; gap:20px;}
        .cont_2 ul li .box .concept{font-size:22px; font-weight:bold; color:#fff; margin-bottom:5px; }
        .cont_2 ul li .box .concept span{font-weight:900}
        .cont_2 ul li .box .con_kor{font-size:16px; color:rgba(255,255,255,0.8)}
        .cont_2 ul li .description{width:80%; line-height:22px; margin:0 0 40px 20%; text-align: justify; font-size:14px}
        .cont_2 ul li.blueline{width:35px; height:15px; margin-left:95px; background-color: #738EB0; display:none}
        .cont_2 img{width:100%; height:400px; object-fit: contain; object-position: center; }
        .cont_2 ul li:nth-child(2){display:block; width:20px; height:90%; position:absolute; top:0; left:-80px}
    
        .cont_3 ul{display: flex; flex-flow:row wrap; justify-content: center; gap:40px;}
        .cont_3 ul li{width:100%; text-align: center;}
        .cont_3 ul li img{width:150px; height:150px; border-radius: 150px; margin-bottom:10px; object-fit: cover; object-position: center;}
        .cont_3 ul li p{font-size:16px; color:#003070; font-weight:500}
    
    
        .cont_4 ul{display: flex; flex-direction: column; gap:20px;}
        .cont_4 ul li{display: flex; gap:8px; flex-direction: column;}
        .cont_4 ul li h3{width:70%; padding:10px 0; text-align: center; color:#fff; background-color: rgba(0,48,112,0.55); border-radius:10px; font-weight:500; font-size:16px}
        .cont_4 ul li p{font-size:14px; width:100%;  padding-left:10px; box-sizing: border-box;}
        .cont_4 ul li p br{display: none;}
    
    
        .cont_5 ul{display: flex; flex-direction: column; gap:30px;}
        .cont_5 ul li{display: flex; gap:10px; flex-direction: column;}
        .cont_5 ul li img{width:100%; height:150px; border-radius: 10px; object-fit: cover; object-position: center;}
        .cont_5 ul li div h3{font-size:16px; margin-bottom:5px}
        .cont_5 ul li div p{font-size:14px; line-height:22px;}
    
    
    
    
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }
    
    
    
    /*------------------------ tablet --------------------------------------*/
    
    @media (min-width:768px) and (max-width:1199px){
        .title_group img{width:100%; height:400px; object-fit: contain; object-position:center}
        .title_group .TXT br{display: block!important;}
    
        .ases_distinct{margin-bottom:40px}
        .ases_distinct ul{display: flex; flex-direction: column; gap:20px; margin-bottom:60px; box-sizing: border-box; padding-left:30px;}
        .ases_distinct ul li{display: flex; flex-direction: row; justify-content: left; gap:20px; align-items: center;}
        .ases_distinct ul li img{width:100PX; height:100px; border-radius: 50px; background-color: #eee; align-items: center; object-fit: cover; object-position: center;}
        .ases_distinct ul li .txt{height:fit-content}
        .ases_distinct ul li .txt h4{font-size:20px; margin-bottom:5px}
        .ases_distinct>p{text-align: justify;}
        
        #cont_pc>img{width:100%; object-fit: contain; margin:60px 0 100px}
    
    
    }
    
    
    
    
    
    /*------------------------- mobile -----------------------------------------------*/
    
    @media (min-width:320px) and (max-width:767px){
    
    .title_group img{width:100%; object-fit: contain;}
    
    .ases_distinct{margin-bottom:40px}
    .ases_distinct ul{display: flex; flex-direction: column; gap:10px; margin-bottom:40px}
    .ases_distinct ul li{display: flex; flex-direction: row; justify-content: left; gap:20px}
    .ases_distinct ul li img{width:80PX; height:80px; border-radius: 50px; background-color: #eee; align-items: center; object-fit: cover; object-position: center;}
    .ases_distinct ul li .txt{height:fit-content}
    .ases_distinct ul li .txt h4{font-size:15px; margin-bottom:5px}
    .ases_distinct>p{text-align: justify;}
    
    #cont_pc>img{width:100%; object-fit: contain; margin-bottom:40px}
    }