.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{line-height: 1.5; font-size: 16px;}

.sub_0101 .cont+.cont{margin-top: 80px;}
.sub_0101 .cont h1{font-size: 24px; line-height: 1; position: relative; padding-left: 30px; margin-bottom: 30px;}
.sub_0101 .cont h1::before{background-color: #004fba; width: 20px; height: 4px; content: ''; position: absolute; top: 10px; left: 0;}
.sub_0101 .cont_01 .top{display: flex; align-items: center;}
.sub_0101 .cont_01 .top .left{width: 45%;}
.sub_0101 .cont_01 .top .center{width: 10%;}
.sub_0101 .cont_01 .top .right{width: 45%;}
.sub_0101 .cont_01 .top h2{text-align: center; background-color: #f5f6f9; padding: 30px; border-radius: 20px; font-size: 18px; line-height: 1.5; font-weight: 500;}
.sub_0101 .cont_01 .top h3{font-size: 40px; text-align: center;}
.sub_0101 .cont_01 .bot ul {margin-top: 50px;}
.sub_0101 .cont_01 .bot ul li{font-size: 16px; line-height: 1.5; text-align: center; background-color: #fef2da; padding: 10px 0; border-radius: 10px; word-break: keep-all;}
.sub_0101 .cont_01 .bot ul li+li{margin-top: 15px;}

.sub_0101 .cont_02 .cont_02_inner{display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_0101 .cont_02 .mini{width: 49%; border-radius: 15px; overflow: hidden; }
.sub_0101 .cont_02 .mini h4{font-size: 18px; text-align: center; line-height: 1.5; padding: 15px 0;  font-weight: 500;}
.sub_0101 .cont_02 .mini:nth-child(1) h4{background-color: #60a5f2;}
.sub_0101 .cont_02 .mini:nth-child(1) {background-color: #dcebf8; margin-bottom: 20px;}
.sub_0101 .cont_02 .mini:nth-child(2) h4{background-color: #52b5ad;}
.sub_0101 .cont_02 .mini:nth-child(2) {background-color: #d6eeec; margin-bottom: 20px;}
.sub_0101 .cont_02 .mini:nth-child(3) h4{background-color: #f2b134;}
.sub_0101 .cont_02 .mini:nth-child(3) {background-color: #fef2da;}
.sub_0101 .cont_02 .mini:nth-child(4) h4{background-color: #9274bf;}
.sub_0101 .cont_02 .mini:nth-child(4) {background-color: #e4d7f7;}
.sub_0101 .cont_02 ul{padding: 20px 15px;}
.sub_0101 .cont_02 ul li{font-size: 16px; line-height: 1.5; position: relative; padding-left: 25px; word-break: keep-all;}
.sub_0101 .cont_02 ul li+li{margin-top: 10px;}
.sub_0101 .cont_02 ul li span{display: block; font-size: 16px;}
.sub_0101 .cont_02 ul li::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f00c';
    position: absolute;
    left: 0;
    top: 0px;
}
.sub_0101 .cont_02 .mini:nth-child(1) li:before{color: #60a5f2;}
.sub_0101 .cont_02 .mini:nth-child(2) li:before{color: #52b5ad;}
.sub_0101 .cont_02 .mini:nth-child(3) li:before{color: #f2b134;}
.sub_0101 .cont_02 .mini:nth-child(4) li:before{color: #9274bf;}

.sub_0301 .bot{margin-top: 50px;}
.sub_0301 .bot ul li{display: flex; justify-content: space-between; }
.sub_0301 .bot ul li+li{margin-top: 20px;}
.sub_0301 .bot ul li .img{width: 50%;}
.sub_0301 .bot ul li .txt{width: 48%; box-sizing: border-box; border: 2px dashed #24a9b2; margin: 3px 0; border-radius: 10px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sub_0301 .bot ul li .txt h2{font-size: 18px; color: #24a9b2; margin-bottom: 20px;}

.sub_0401 h2{font-size: 18px; background-color: #f2b134; padding: 15px 0; text-align: center; font-weight: 500; border-radius: 10px;}
.sub_0401 ul{margin-top: 20px; display: flex; justify-content: space-between}
.sub_0401 ul li{width: 23%; text-align: center; padding: 20px 15px; background-color: #fef2da; box-sizing: border-box; border-radius: 15px; }
.sub_0401 ul li p{margin-top: 20px;}


@media(max-width: 1200px){
    .sub_0101 .cont h1{font-size: 22px;}
    .sub_0101 .cont_01 .top{flex-direction: column;}
    .sub_0101 .cont_01 .top>div{width: 100% !important;}
    .sub_0101 .cont_02 .mini{width: 100%; margin-bottom: 20px;}
    .sub_0301 .bot ul li{flex-direction: column;}
    .sub_0301 .bot ul li>div{width: 100% !important;}
    .sub_0301 .bot ul li .txt{padding: 20px; box-sizing: border-box;}
    .sub_0401 ul{flex-wrap: wrap;}
    .sub_0401 ul li{width: 49%; padding: 20px 10px;}
    .sub_0401 ul li img{width: 60px;}
    .sub_0401 ul li:nth-child(-n+2){margin-bottom: 10px;}
}