/* 공통 */
.sub_con { max-width: 1300px; width:100%; margin:0 auto; }
.sub_h1 { font-size: 44.5px; font-weight: bold; letter-spacing: -2.23px; line-height: 1.34; color: #000; word-break: keep-all; }
.sub_h1.eng { font-size: 55px; letter-spacing: 0;}
.sub_h1 span { font-weight: 300; }
.sub_h2 { font-size: 18.5px; letter-spacing: 3.7px; color: #219914; margin-bottom:10px; text-transform: uppercase; line-height: 1.7; word-break: keep-all; }
.s_tit_p { font-size: 21.5px; font-weight: 300; letter-spacing: -0.54px; line-height: 1.77; color: #000; margin-top: 20px; word-break: keep-all; }

.g_color { color: #219914; }
.sec_pad { padding:100px 0; }
.sec_pad:last-of-type { padding-bottom: 140px; }
.bg_bot { width:100%; height: 500px; background:url('../img/org_bg.jpg') no-repeat center / cover; /*margin-top: 200px;*/ }
.flex { display: flex; }

.img img { max-width: 100%; }

/* contents */
#bu2 { position: relative; overflow: hidden; padding:90px 0 130px; text-align: center; }

/* 사업분야 공통 */
.bu .sub_h1 + p { margin-top: 20px; font-size: 18.5px; letter-spacing: -0.46px; line-height: 1.8;  font-weight: 300; word-break: keep-all; }
.bu .sub_h1 + p .g_color { font-weight: 500; }

.bu .flex { margin:50px 0 80px; justify-content: space-between; }
.bu .flex > div { overflow: hidden;  }
.bu .flex > div img { transition: all .3s; }
.bu .flex.div3 > div { width:calc(100%/3 - 15.5px); }
.bu .flex.div2 > div:first-of-type { width: 859px; margin-right: 23px; }
.bu .flex.div2 > div:last-of-type { width: 418px; }

.bu .ab_txt { position: relative; border: solid 2px #219914; border-radius: 10px; padding: 60px 50px; background:url('../img/bu_ptn.jpg') repeat center; }
.bu .ab_txt h3 { position:absolute; left:50%; transform: translateX(-50%); top:-25px; width: 200px; height: 45px; line-height: 43px;  font-size: 19px; color: #fff; background-color: #219914; border-radius: 22.5px; text-transform: uppercase; white-space: nowrap; }
.bu .ab_txt p { font-size: 19px; font-weight: 300; letter-spacing: -0.48px; color: #000; line-height: 1.95; word-break: keep-all; }



.bu .flex > div:hover img { transform: scale(1.1); }



 @media screen and (max-width: 1420px) {
     /* 공통 */
     .sub_con { max-width: 1420px; padding:0 60px; }

     /* 사업분야 공통 */
    .bu .ab_txt p br { display: none; }

 }

 @media screen and (max-width: 1023px) {
     /* 공통 */
     .sub_con { padding:0 40px; }
     .sub_h1 { font-size: 38px; line-height: 1.65; }
     .sub_h1.eng { font-size: 48px; }
     .s_tit_p { font-size: 18px; }

     .bg_bot { height: 350px; }
     .sec_pad { padding: 80px 0; }
     .sec_pad:last-of-type { padding-bottom: 100px; }

     /* contents */
     #bu2 { padding:90px 0 100px; }


 }
 @media screen and (max-width: 767px) {
     /* 공통 */
     .sub_con { padding:0 20px; }
     .sub_h1 { font-size: 30px; }
     .sub_h1.eng { font-size: 35px; }
     .sub_h2 { font-size: 16px; margin-bottom: 10px; line-height: 1.7; }
     .s_tit_p { font-size: 16px; margin-top: 15px; line-height: 2; }

     .bg_bot { height: 250px; }
     .flex { flex-wrap: wrap; }
     .sec_pad { padding: 60px 0; }
     .sec_pad:last-of-type { padding-bottom: 80px; }


     /* contents */
     #bu2 { padding:50px 0 80px; }

     /* 사업분야 공통 */
     .bu .sub_h1 + p { margin-top: 20px;  font-size: 16px; }

     .bu .flex { flex-wrap: nowrap; margin:35px 0 60px; }
     .bu .flex.div3 > div { width: calc(100%/3 - 7px); }
     .bu .flex.div2 > div:first-of-type { margin-right: 10px; }
     .bu .ab_txt { padding: 40px 20px 30px; }
     .bu .ab_txt h3 { top: -22px; width: 135px; height: 40px; line-height: 38px; font-size: 17px;  }
     .bu .ab_txt p { font-size: 16px; }

 }