/* Content CSS */
#business2 {position: relative; overflow: hidden;}
#business2 article {position: relative; padding: 0 0 119px;}
#business2 article:nth-child(2) {position: relative; padding: 106px 0 80px; z-index: 0; border-radius: 0;}
#business2 article:nth-child(2)::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: calc(100% - 92px); background: #f8f8f7; border-radius: 28px; transform: translateX(-50%);}
#business2 article:nth-child(3) {position: relative; padding: 97px 0 100px;}
#business2 article:nth-child(4) {position: relative; padding: 0 0 130px;}
#business2 .sub_inner {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}

/* font_size */
.fs_56 {font-size: 56px; font-weight: 800; line-height: 0.76; color: #000; font-family: 'Poppins'; letter-spacing: -1.8px;}
.fs_35 {font-size: 35px; font-weight: 800; line-height: 1.43; color: rgba(0, 0, 0, 0.95);}
.fs_30 {font-size: 30px; font-weight: 700; line-height: 1.67; color: rgba(0, 0, 0, 0.95);}
.fs_24 {font-size: 24px; font-weight: 600; line-height: 1.58; color: rgba(17, 17, 17, 0.95);}

#business2 h2 {margin: 80px auto 48px;}

/* h4, h5 */
#business2 .sub_inner > h4 {margin: 0 0 74px; padding-bottom: 51px; border-bottom: 1px solid #ccc;}
#business2 .sub_inner > h5 {margin: 0 0 37px; }

/* sec1,2 - h5 */
#business2 .sec1 .sub_inner > h5,
#business2 .sec2 .sub_inner > h5 {position: relative; padding-left: 18px;}
#business2 .sec1 .sub_inner > h5::before,
#business2 .sec2 .sub_inner > h5::before {content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 31px; background: #ed6f20; transform: translateY(-50%); }

/* img */
#business2 .sec1 .img,
#business2 .sec2 .img {width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; border: 1px solid #dededd; border-radius: 20px; box-sizing: border-box; padding: 100px 40px;}
#business2 .sec1 .img img,
#business2 .sec2 .img img {display: block;  height: auto;}

/* img_wrap */
#business2 .img_wrap {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin-top: 34px;}
#business2 .img_wrap img {display: block; width: 100%; height: 243px; object-fit: cover; border-radius: 20px;}

/* sec2 */
#business2 .sec2 .img {background-color: #fff;}

/* txt_box */
#business2 .txt_box {position: relative; display: flex; align-items: center; justify-content: center; gap: 146px; margin-top: 90px; padding: 33.5px 32px; background: #fff; border-radius: 15px; box-sizing: border-box;}
#business2 .txt_item {display: flex; align-items: center; gap: 33px;}
#business2 .txt_item strong {white-space: nowrap;}
#business2 .txt_item i {display: block; flex: 0 0 20px; width: 20px; height: 20px; background: url("../img/btn_1.png") center / contain no-repeat;}
#business2 .txt_item:nth-child(2) i {background-image: url("../img/btn_2.png");}
#business2 .txt_item span {white-space: nowrap; font-weight: 400;}
#business2 .txt_box::before {content: ""; position: absolute; top: 50%; left: 50%; width: 2px; height: 21px; background: #ccc; transform: translate(-50%, -50%);}

/* sec3, sec4 */
#business2 .sec3 .sub_inner > h5,
#business2 .sec4 .sub_inner > h5 {position: relative; margin-bottom: 34px; padding-left: 18px;}
#business2 .sec3 .sub_inner > h5::before,
#business2 .sec4 .sub_inner > h5::before {content: ""; position: absolute; top: 50%; left: 0; width: 4px; height: 24px; background: #ed6f20; transform: translateY(-50%); }

/* img_grid */
#business2 .img_grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px;}
#business2 .img_grid img {display: block; width: 100%; aspect-ratio: 1.45 / 1; object-fit: cover; border-radius: 20px; height: 318px;}

/* sec2, sec4 */
#business2 .sec2 .sub_inner > h5::before,
#business2 .sec4 .sub_inner > h5::before {background: #126faa;}
