#container{margin: 0 auto;}

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

.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: 20px; color: #01a0c6; margin-bottom: 15px; font-family: 'Pretendard-ExtraBold';}
.sub_0101 .txt h2{font-size: 48px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; line-height: 1; font-family: 'Pretendard-ExtraBold';}
.sub_0101 .txt p>b{font-weight: bold;}

.sub_0201 .top{display: flex; justify-content: space-between; align-items: center; max-width: 95%; width: 1300px; margin: 0 auto;  margin-bottom: 100px; }
.sub_0201 .top img{border-radius: 25px;}
.sub_0201 .top>div{width: 48%;}
.sub_0201 .top .txt h1{font-size: 48px; color: #01a0c6; line-height: 1; margin-bottom: 30px; font-family: 'Pretendard-ExtraBold'; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.sub_0201 .top .txt p{font-size: 20px;}

.sub_0201 .mid{background-color: #f1f1ee; padding: 100px 0; margin-bottom: 100px;}
.sub_0201 .mid .mid_inner{max-width: 95%; width: 1300px; margin: 0 auto;}
.sub_0201 .mid .mid_inner h2{text-align: center; color: #01a0c6; font-size: 40px; margin-bottom: 50px; font-family: 'Pretendard-ExtraBold';}
.sub_0201 .mid .mid_inner ul{display: flex; flex-wrap:wrap; margin-top: 80px;}
.sub_0201 .mid .mid_inner ul li{box-sizing: border-box; padding: 25px 10px; display: flex; width: 50%; border-bottom: 1px dashed #bbb; align-items: center;}
/* .sub_0201 .mid .mid_inner ul li:nth-child(7){border-bottom: none;} */
.sub_0201 .mid .mid_inner ul li .num{width: 70px; height: 70px; min-width: 70px; margin-right: 30px; border-radius: 50%; background-color: #01a0c6; display: flex; justify-content: center; align-items: center;}
.sub_0201 .mid .mid_inner ul li .num h5{color: #fff; font-size: 22px;}
.sub_0201 .mid .mid_inner ul li .txt h3{margin-bottom: 5px; font-size: 20px; font-weight: bold;}
.sub_0201 .mid02 .mid_inner ul li{align-items: flex-start;}

.sub_0201 .bot{max-width: 95%; width: 1300px; margin: 0 auto;}
.sub_0201 .bot h2{text-align: center; color: #01a0c6; font-size: 40px; margin-bottom: 50px; font-family: 'Pretendard-ExtraBold';}
.sub_0201 .bot ul{display: flex; flex-wrap: wrap; }
.sub_0201 .bot ul li{width: 23.5%; padding: 20px 15px; box-sizing: border-box; background-color: #f1f1ee; margin-right: 2%;}
.sub_0201 .bot ul li:nth-child(4n){margin-right: 0;}
.sub_0201 .bot ul li:nth-child(-n+4){margin-bottom: 2%;}
.sub_0201 .bot ul li h3{text-align: center; font-size: 20px; font-weight: bold; margin-top: 20px;}
.sub_0201 .bot ul li p{text-align: center; margin-top: 15px;}

.sub_0201 .bot02 ul li{width: 32%;}
.sub_0201 .bot02 ul li:nth-child(4n){margin-right: 2%;}
.sub_0201 .bot02 ul li:nth-child(3n){margin-right: 0;}
.sub_0201 .bot02 ul li dl{margin-top: 20px;}
.sub_0201 .bot02 ul li dl dt{font-size: 16px; line-height: 1.5; position: relative; padding-left: 15px;}
.sub_0201 .bot02 ul li dl dt::before{width: 5px; height: 5px; background-color: #01a0c6; border-radius: 50%; content: ''; position: absolute; left: 0; top: 8px;}
.sub_0201 .bot02 ul li dl dt+dt{margin-top: 7px;}
.sub_0201 .bot02 ul li dl dt>b{font-weight: bold;}

@media(max-width: 900px){
    .sub_wrap{margin: 0px auto;}
    .sub_wrap p{font-size: 16px;}

    .sub_0101{flex-direction: column;}
    .sub_0101>div{width: 100%;}
    .sub_0101 .img{margin-bottom: 20px;}
    .sub_0101 .txt h1{font-size: 16px; margin-bottom: 15px;}
    .sub_0101 .txt h2{font-size: 22px; padding-bottom: 20px; margin-bottom: 20px;}

    .sub_0201 .top{flex-direction: column; margin-bottom: 50px;}
    .sub_0201 .top>div{width: 100%;}
    .sub_0201 .top .img{margin-bottom: 30px;}
    .sub_0201 .top .txt h1{font-size: 26px; padding-bottom: 20px; margin-bottom: 20px;}
    .sub_0201 .top .txt p{font-size: 16px;}

    .sub_0201 .mid{padding: 50px 0; margin-bottom: 50px;}
    .sub_0201 .mid .mid_inner h2{font-size: 26px; margin-bottom: 30px;}
    .sub_0201 .mid .mid_inner ul{flex-direction: column; margin-top: 0;}
    .sub_0201 .mid .mid_inner ul li{width: 100%; padding: 10px 5px;}
    .sub_0201 .mid .mid_inner ul li .num{width: 40px; height: 40px; min-width: 40px; margin-right: 15px;}
    .sub_0201 .mid .mid_inner ul li .num h5{font-size: 17px;}
    .sub_0201 .mid .mid_inner ul li .txt h3{font-size: 17px; margin-bottom: 0; word-break: keep-all;}
    .sub_0201 .mid02 .mid_inner ul li .txt h3{margin-bottom: 10px;}

    .sub_0201 .bot h2{font-size: 26px; margin-bottom: 30px;}
    .sub_0201 .bot ul{flex-direction: column;}
    .sub_0201 .bot ul li{width: 100%; margin-right: 0;}
    .sub_0201 .bot ul li+li{margin-top: 20px;}
    .sub_0201 .bot ul li:nth-child(-n+4){margin-bottom: 0;}
}