#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: #0274c9; 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;}
.about_box {margin:80px 0;}
.about_box h3{margin-bottom:40px;font-family: 'Pretendard-ExtraBold';text-align:center;font-size:40px;}
.company_value ul{display:grid;grid-template-columns: repeat(3, 1fr);gap:30px 30px;}
.company_value ul li{display:flex;flex-flow:column nowrap;justify-content: center;align-items:center;gap:30px;padding:70px 20px;font-size:18px;background:#e0edf6;border-radius:50px;}
.company_value .value_tit{font-family: 'Pretendard-Bold';;font-size: 26px;font-weight: bold;}
.company_overview table{width:100%;border-collapse:collapse;font-size:18px;border-top:1px solid #000;}
.company_overview table th{width:20%;min-width:140px;padding:20px 10px;text-align:center;background:rgba(0,0,0,.03);border:1px solid #ddd;}
.company_overview table td{padding:20px 20px;text-align:left;border:1px solid #ddd;}

.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: #0274c9; 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: #0274c9; 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: #0274c9; 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: #0274c9; 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: #e0edf6; margin-right: 2%;border-radius: 20px;}
.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 img{border-radius:10px;}
.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: #0274c9; 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;}

    .about_box {margin:50px 0;}
    .about_box h3{margin-bottom:20px;font-size:24px;}
    .company_value ul{width:90%;margin:0 auto;grid-template-columns: repeat(1, 1fr);gap:30px 30px;}
    .company_value ul li{gap:20px;padding:30px 16px;font-size:16px;border-radius:20px;}
    .company_value .value_tit{font-size:18px;}
    .company_overview table{font-size:15px;}
    .company_overview table th{padding:14px 14px;}
    .company_overview table td{padding:14px 14px;}




    .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;}
}