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

@media (min-width:1200px){

.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; color:#003070; 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}
}




/*-------------------------- 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;}




}