.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{font-size: 18px; line-height: 1.5; margin: 0;  color: #333; word-break: keep-all;}

.sub_0101{display: flex; justify-content: space-between; align-items: center;}
.sub_0101>div{width: 48%;}
.sub_0101 .img img{border-radius: 25px;}
.sub_0101 .txt h1{font-size: 22px; color: #34b7c2; margin-bottom: 40px; line-height: 1.4; padding-bottom: 40px; border-bottom: 1px solid #ddd; font-weight: normal;}

.sub_0201 .top_txt h4{text-align: center; font-size: 26px; line-height: 1.5; margin-bottom: 70px;}
.sub_0201 .top_txt h4 span{color: #34b7c2;}
.sub_0201 .top .cont{display: flex; align-items: center; justify-content: space-between; padding-top: 130px; margin-top: -130px; margin-bottom: 100px;}
.sub_0201 .top .cont .img{border-radius: 25px; overflow: hidden; width: 50%;}
.sub_0201 .top .cont .txt{width: 45%;}
.sub_0201 .top .cont .txt h1{color: #34b7c2; font-size: 40px; }
.sub_0201 .top .cont .txt h2{font-size: 23px; padding: 10px 0 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.sub_0201 .top .cont .txt p{font-size: 19px;}
.sub_0201 .top ul{margin-top: 30px;}
.sub_0201 .top ul li{position: relative; padding-left: 15px; font-size: 19px; line-height: 1.5;}
.sub_0201 .top ul li::before{width: 5px; height: 5px; background-color: #34b7c2; border-radius: 50%; top: 12px; left: 0; position: absolute; content: '';}
.sub_0201 .bot{text-align: center;}
.sub_0201 .bot a{font-size: 23px; color: #fff; font-weight: bold; line-height: 1; padding: 15px 50px; background-color: #34b7c2; border-radius: 50px; display: inline-block;}

.sub_0301 .top .cont .txt h1{padding: 10px 0 30px 0; border-bottom: 1px solid #ddd; margin-bottom: 30px;}

.sub_0501 .top h1{font-size: 36px; position: relative; padding-left: 20px; line-height: 1; margin-bottom: 50px;}
.sub_0501 .top h1::before{width: 8px; height: 8px; background-color: #34b7c2; border-radius: 50%; top: 12px; left: 0; position: absolute; content: '';}
.sub_0501 .top ul{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_0501 .top ul li{width: 15.5%; box-sizing: border-box; padding: 20px 10px; border-radius: 15px; background-color: #f1f1ee;}
.sub_0501 .top ul li img{width: 60px;}
.sub_0501 .top ul li h3{text-align: center; margin: 30px 0 5px 0; font-size: 23px; color: #34b7c2; }
.sub_0501 .top ul li h2{text-align: center; margin-bottom: 20px; font-size: 23px;}
.sub_0501 .top ul li p{text-align: center; font-size: 17px;}
.sub_0501 .bot{margin-top: 100px;}
.sub_0501 .bot h1{font-size: 36px; position: relative; padding-left: 20px; line-height: 1; margin-bottom: 50px;}
.sub_0501 .bot h1::before{width: 8px; height: 8px; background-color: #34b7c2; border-radius: 50%; top: 12px; left: 0; position: absolute; content: '';}
.sub_0501 .bot ul{display: flex; justify-content: space-between;}
.sub_0501 .bot ul li{width: 24%; border-radius: 20px; overflow: hidden; position: relative;}
.sub_0501 .bot ul li .txt{position: absolute; top: 35px; left: 50%; transform: translateX(-50%); width: 90%; text-align: center;}
.sub_0501 .bot ul li .txt h2{font-size: 23px; text-align: center; line-height: 1; color: #34b7c2; }
.sub_0501 .bot ul li .txt h3{font-size: 40px; text-align: center; line-height: 1; margin-top: 15px;}
.sub_0501 .bot ul li .txt span{font-size: 17px; padding-top: 5px; font-weight: bold; display: inline-block;}

@media(max-width:1200px){
    .sub_wrap p{font-size: 15px;}

    .sub_0101{flex-direction: column;}
    .sub_0101>div{width: 100%;}
    .sub_0101 .img{margin-bottom: 20px;}
    .sub_0101 .img img{height: 300px; object-fit: cover; width: 100%;}
    .sub_0101 .txt h1{font-size: 17px; padding-bottom: 20px; margin-bottom: 20px;}

    .sub_0201 .top_txt h4{font-size: 16px; margin-bottom: 30px;}
    .sub_0201 .top .cont{flex-direction: column; margin-bottom: 30px;}
    .sub_0201 .top .cont:nth-child(even){flex-direction: column-reverse;}
    .sub_0201 .top .cont>div{width: 100% !important;}
    .sub_0201 .top .cont .img{margin-bottom: 20px; border-radius: 15px;}
    .sub_0201 .top .cont .txt h1{font-size: 22px; line-height: 1;}
    .sub_0201 .top .cont .txt h2{font-size: 18px; padding: 5px 0 15px 0; margin-bottom: 15px;}
    .sub_0201 .top .cont .txt p{font-size: 15px;}
    .sub_0201 .top ul{margin-top: 20px;}
    .sub_0201 .top ul li{font-size: 15px;}
    .sub_0201 .top ul li::before{top: 8px;}
    .sub_0201 .bot a{font-size: 14px; padding: 10px 20px;}
    

    .sub_0301 .top .cont .txt h1{padding: 10px 0 20px 0; margin-bottom: 20px;}

    .sub_0501 .top h1{font-size: 22px; margin-bottom: 20px;}
    .sub_0501 .top h1::before{top: 8px; width: 6px; height: 6px;}
    .sub_0501 .top ul li img{width: 40px;}
    .sub_0501 .top ul li{width: 49%;}
    .sub_0501 .top ul li:nth-child(-n+4){margin-bottom: 2%;}
    .sub_0501 .top ul li h3{font-size: 18px; margin: 15px 0 0px 0;}
    .sub_0501 .top ul li h2{font-size: 18px; margin-bottom: 10px;}
    .sub_0501 .top ul li p{font-size: 15px;}

    .sub_0501 .bot{margin-top: 50px;}
    .sub_0501 .bot h1{font-size: 22px; margin-bottom: 20px;}
    .sub_0501 .bot h1::before{top: 8px; width: 6px; height: 6px;}
    .sub_0501 .bot ul{flex-wrap: wrap;}
    .sub_0501 .bot ul li{width: 49%; text-align: center;}
    .sub_0501 .bot ul li:nth-child(-n+2){margin-bottom: 2%;}
    .sub_0501 .bot ul li .txt{width: 90%; top: 20px;}
    .sub_0501 .bot ul li .txt h2{font-size: 15px;}
    .sub_0501 .bot ul li .txt h3{font-size: 18px; margin-top: 7px;}
    .sub_0501 .bot ul li .txt span{font-size: 13px; padding-top: 0; }
}