/*Content CSS*/
#business1 {position: relative; overflow: hidden;}
#business1 article {position: relative; padding: 0 0 130px;}
#business1 .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_30 {font-size: 30px; font-weight: 700; line-height: 1.67; color: rgba(0, 0, 0, 0.95);}
.fs_25 {font-size: 25px; font-weight: 700; line-height: 2; color: rgba(0, 0, 0, 0.95);}
.fs_18 {font-size: 18px; font-weight: 400; line-height: 2.1; color: rgba(35, 35, 35, 0.95);}

#business1 h2 {margin: 80px auto 76px;}

/* h4 */
#business1 h4 {position: relative; padding-left: 14px; margin: 33px 0 56px;}
#business1 h4::before {content: ""; position: absolute; top: 52%; left: 0; width: 5px; height: 31px; background: #ed6f20; transform: translateY(-50%); }

/* img_wrap */
#business1 .img_wrap {width: 100%; max-width: 1500px; margin: 0 auto; padding: 0; list-style: none;}
#business1 .img_wrap > li {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: stretch; position: relative; padding-bottom: 140px;}

/* img */
#business1 .img {width: 100%; height: 100%; overflow: hidden; border-radius: 15px;}
#business1 .img img {display: block; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease;}
#business1 .img:hover img {transform: scale(1.06);}

/* txt */
#business1 .txt { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 20px; position: relative; min-width: 0; padding: 70px 66px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box;}
#business1 .txt .num {position: static; flex: 0 0 auto;  color: rgba(0, 0, 0, 0.1);}
#business1 .txt .num1 {position: relative; top: -151px;}
#business1 .txt .num2 {position: relative; top: -56px;}
#business1 .txt .num3 {position: relative; top: -38px;}
#business1 .txt .num4 {position: relative; top: -10px;}
#business1 .txt .num5 {position: relative; top: -91px;}
#business1 .txt .des {flex: 1 1 auto; min-width: 0; margin-top: 0;}

/* txt2 */
#business1 .txt h5 {margin: 0 0 17px;}
#business1 .txt strong {display: inline-block; margin-bottom: 14px; padding: 5.5px 29px; border-radius: 6px; background: #f8f8f7; font-weight: 600;}
#business1 .txt ul {margin: 0; padding: 0; list-style: none;}
#business1 .txt ul li {position: relative; padding-left: 13px;}
#business1 .txt ul li::before {content: ""; position: absolute; top: 17px; left: 0; width: 4px; height: 4px; background: #ed6f20;}

/* btn */
#business1 .btn {position: absolute; left: 50%; bottom: 52px; display: block; width: 39px; height: 39px; background: url("../img/btn_1.png") center / cover no-repeat; transform: translateX(-50%);}

/* img_wrap li (even, odd) */
#business1 .img_wrap > li:nth-child(even) .img {order: 2;}
#business1 .img_wrap > li:nth-child(even) .txt {order: 1;}

#business1 .img_wrap > li:nth-child(odd) > .btn {background-image: url("../img/btn_1.png");}
#business1 .img_wrap > li:nth-child(even) > .btn {background-image: url("../img/btn_2.png");}

#business1 .img_wrap > li:nth-child(odd) .txt .des {order: 1; text-align: left;}
#business1 .img_wrap > li:nth-child(odd) .txt .num {order: 2;}

#business1 .img_wrap > li:nth-child(even) .txt .num { order: 1;}
#business1 .img_wrap > li:nth-child(even) .txt .des { order: 2; text-align: right;}
#business1 .img_wrap > li:nth-child(even) .txt h5 { margin: 0 0 17px;}
#business1 .img_wrap > li:nth-child(even) .txt ul li { padding: 0 13px 0 0;}
#business1 .img_wrap > li:nth-child(even) .txt ul li::before { left: auto; right: 0;}

/* last-chlid : none */
#business1 .img_wrap > li:last-child > .btn {display: none;}
#business1 .img_wrap > li:last-child {padding-bottom: 0;}
