.sub_wrap img{max-width: 100%; display: block; margin: 0 auto;}
.sub_wrap p{font-size: 17px; line-height: 1.7;}

.sub_0101{}
.sub_0101 .top_cont{position: relative;}
.sub_0101 .top_cont::before{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); top: 0; left: 0; content: ''; position: absolute; display: none;}
.sub_0101 .top_cont .txt{position: absolute; width: 1400px; left: 50%; bottom: 15%; transform: translateX(-50%); max-width: 90%;}
.sub_0101 .top_cont .txt img{width: 200px; margin: 0;}
.sub_0101 .top_cont .txt h3{font-size: 40px; font-family: 'S-CoreDream-7ExtraBold'; margin: 50px 0 30px 0; color: #fff; letter-spacing: -1px;}
.sub_0101 .top_cont .txt p{color: #fff; }
.sub_0101 .top_cont .img{background-image: url(/img/0101_2.jpg); height: 100vh; width: 100%; background-size: cover; background-attachment: fixed;}

.sub_0101 .mid_cont .txt{width: 1400px; max-width: 90%; margin: 0 auto; padding: 150px 0; display: flex; justify-content: space-between; align-items: center;}
.sub_0101 .mid_cont .txt .left{width: 48%; border-radius: 25px; overflow: hidden;}
.sub_0101 .mid_cont .txt .right{width: 47%;}
.sub_0101 .mid_cont .txt .right h3{font-size: 40px; line-height: 1.3; margin-bottom: 50px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px;}
.sub_0101 .mid_cont .txt .right h3 span{color: #0044a6;}
.sub_0101 .mid_cont .txt .right p{}

.sub_0201{border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 130px 0px; position: relative; }
.sub_0201::before{height: 100%; border-left: 0.5px solid #ccc; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); content: ''; position: absolute; } 
.sub_0201 .top .cont{display: flex; justify-content: space-between; align-items: center;}
.sub_0201 .top .cont+.cont{margin-top: 130px;}
.sub_0201 .top .cont>div{width: 50%; box-sizing: border-box; padding: 0 7%;}
.sub_0201 .top .cont .img img{border-radius: 20px;}
.sub_0201 .top .cont .txt h1{font-size: 32px; color: #0044a6; line-height: 1; margin-bottom: 50px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px;}
.sub_0201 .top .cont .txt p span{font-weight: bold; color: #0044a6;}
.sub_0201 .top .cont .txt h4{background-color: #eef7fc; margin: 30px 0; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 1.7; border-radius: 15px;}
.sub_0201 .top .cont .txt h4 span{color: #0044a6;}
.sub_0201 .top .cont .txt h5{color: #0044a6; font-size: 22px; margin-bottom: 20px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px;}
.sub_0201 .top .cont .txt ul{margin-top: 20px;}
.sub_0201 .top .cont .txt ul li{position: relative; padding-left: 15px; font-size: 16px;}
.sub_0201 .top .cont .txt ul li::before{width: 5px; height: 5px; background-color: #0044a6; border-radius: 50%; top: 10px; left: 0; content: ''; position: absolute;}

.sub_0202{border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-bottom: 130px;}
.sub_0202 .top{position: relative; border-radius: 50px; overflow: hidden;}
.sub_0202 .top .txt{position: absolute; bottom: 50px; left: 50px;}
.sub_0202 .top .txt h1{font-size: 32px; line-height: 1; margin-bottom: 50px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px; color: #fff;}
.sub_0202 .top .txt p{color: #fff;}
.sub_0202 .mid {margin-top: 100px; }
.sub_0202 .mid ul{display: flex; justify-content: center; flex-wrap: wrap; padding: 0 50px; box-sizing: border-box;}
.sub_0202 .mid ul li{width: 30%;}
.sub_0202 .mid ul li+li{margin-left: 5%;}
.sub_0202 .mid ul+ul{margin-top: 5%;}

.sub_0202 .bot {margin-top: 100px; }
.sub_0202 .bot ul{display: flex; justify-content: center; flex-wrap: wrap; padding: 0 50px; box-sizing: border-box;}
.sub_0202 .bot ul li{width: 18%;}
.sub_0202 .bot ul li img{border-radius: 20px; box-shadow: 0px 0px 5px rgba(0,0,0,0.2);}
.sub_0202 .bot ul li+li{margin-left: 2.5%;}
.sub_0202 .bot ul li h3{color: #0044a6; text-align: center; margin: 15px 0 5px 0; font-size: 22px; font-weight: 800;}
.sub_0202 .bot ul li p{text-align: center;}
.sub_0202 .bot ul+ul{margin-top: 3%;}

.sub_0202 .link_btn{margin-top: 100px; text-align: center;}
.sub_0202 .link_btn a{display: inline-block; font-size: 22px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px; height: 50px; line-height: 50px; background-color: #0044a6; color: #fff; border-radius: 50px; padding: 0 30px;}

.sub_0301{border-left: 1px solid #ccc; border-right: 1px solid #ccc;  padding: 130px 0px 80px 0;}
.sub_0301 .top{position: relative; border-radius: 50px; overflow: hidden;}
.sub_0301 .top .txt{position: absolute; bottom: 50px; left: 50px;}
.sub_0301 .top .txt h1{font-size: 32px; line-height: 1; margin-bottom: 50px; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing: -1px; color: #fff;}
.sub_0301 .top .txt p{color: #fff;}

.sub_0301 .bot {margin-top: 100px; }
.sub_0301 .bot ul{display: flex; justify-content: space-evenly; flex-wrap: wrap; padding: 0 50px; box-sizing: border-box;}
.sub_0301 .bot ul li{width: 21%; margin-bottom: 5%;}
.sub_0301 .bot ul li h3{color: #0044a6; text-align: center; margin: 15px 0 5px 0; font-size: 22px; font-weight: 800;}
.sub_0301 .bot ul li p{text-align: center;}



@media(max-width: 1200px){

    .sub_wrap{overflow-x: hidden;}
    .sub_wrap p{font-size: 15px;}

    .sub_0101 .top_cont .txt img{width: 120px;}
    .sub_0101 .top_cont::before{display: block;}
    .sub_0101 .top_cont .img{height: 700px; background-position: 80%;}
    .sub_0101 .top_cont .txt h3{font-size: 24px;}
    .sub_0101 .top_cont .txt p{font-size: 15px;}

    .sub_0101 .mid_cont .txt{flex-direction: column; padding: 50px 0;}
    .sub_0101 .mid_cont .txt .left{width: 100%; margin-bottom: 20px;}
    .sub_0101 .mid_cont .txt .right{width: 100%;}
    .sub_0101 .mid_cont .txt .right h3{font-size: 24px; margin-bottom: 20px;}
    .sub_0101 .mid_cont .txt .right p{font-size: 15px;}

    .sub_0101 .bot_cont .txt{padding: 50px 0;}
    .sub_0101 .bot_cont .txt h3{font-size: 20px;}
    .sub_0101 .bot_cont .txt h3 span{font-size: 24px;}

    .sub_0201{padding: 50px 0;}
    .sub_0201::before{display: none;}
    .sub_0201 .top .cont+.cont{margin-top: 50px;}
    .sub_0201 .top .cont{flex-direction: column;}
    .sub_0201 .top .cont:nth-child(even){flex-direction: column-reverse;}
    .sub_0201 .top .cont>div{width: 100%; padding: 0 10px;}
    .sub_0201 .top .cont .img{margin-bottom: 30px;}
    .sub_0201 .top .cont .txt h1{font-size: 24px; margin-bottom: 20px;}

    .sub_0202{padding-bottom: 50px;}
    .sub_0202 .top{border-radius: 30px;}
    .sub_0202 .top img{height: 300px; object-fit: cover; }
    .sub_0202 .top .txt h1{font-size: 24px; margin-bottom: 20px;}
    .sub_0202 .top .txt{bottom: 20px; left: 20px; max-width: 80%;}
    .sub_0202 .mid{margin-top: 30px;}
    .sub_0202 .mid ul{flex-direction: column; padding: 0 10px;}
    .sub_0202 .mid ul li{width: 100%;}
    .sub_0202 .mid ul li+li{margin-left: 0;}
    .sub_0202 .bot ul{padding: 0 10px; flex-wrap: wrap; justify-content: space-between;}
    .sub_0202 .bot ul li{width: 49%; margin-bottom: 5%;}
    .sub_0202 .bot ul li+li{margin-left: 0;}
    .sub_0202 .link_btn{margin-top: 50px;}
    .sub_0202 .link_btn a{font-size: 16px;}

    .sub_0301{padding: 50px 0;}
    .sub_0301 .top{border-radius: 30px;}
    .sub_0301 .top img{height: 300px; object-fit: cover; }
    .sub_0301 .top .txt h1{font-size: 24px; margin-bottom: 20px;}
    .sub_0301 .top .txt{bottom: 20px; left: 20px; max-width: 80%;}
    .sub_0301 .bot{margin-top: 30px;}
    .sub_0301 .bot ul{flex-wrap: wrap; justify-content: space-between; padding: 0 10px;}
    .sub_0301 .bot ul li{width: 49%;}
}