/*Content CSS*/
#business1 {position: relative; overflow: hidden; text-align: center;}
#business1 article {position: relative; padding: 0 0 50px;}
#business1 .sub_inner {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}

/* font_size */
.fs_56 {font-size: 28px; font-weight: 800; line-height: 1.4; color: #000; font-family: 'Poppins'; letter-spacing: -1px;}
.fs_30 {font-size: 19px; font-weight: 700; line-height: 1.5; color: rgba(0, 0, 0, 0.95);}
.fs_25 {font-size: 20px; font-weight: 700; line-height: 1.6; color: rgba(0, 0, 0, 0.95);}
.fs_18 {font-size: 16px; font-weight: 400; line-height: 1.7; color: rgba(35, 35, 35, 0.95);}

#business1 h2 {margin: 50px auto 28px;}

/* h4 */
#business1 h4 {position: relative; margin: 0 0 20px;}
#business1 h4::before {position: absolute; top: -15px; left: 50%; width: 24px; height: 3px; background: #ed6f20; content: ""; transform: translateX(-50%);}

/* img_wrap */
#business1 .img_wrap {width: 100%; max-width: 1500px; margin: 0 auto; padding: 0; list-style: none;}
#business1 .img_wrap > li {position: relative; display: flex; flex-direction: column; gap: 0; align-items: stretch; padding-bottom: 72px;}

/* img */
#business1 .img {width: 100%; height: auto; overflow: hidden; border-radius: 12px;}
#business1 .img img {display: block; width: 100%; height: auto; object-fit: cover; transition: transform 0.4s ease;}
#business1 .img:hover img {transform: scale(1.04);}

/* txt */
#business1 .txt {position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 14px; min-width: 0; padding: 24px 8px; 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, #business1 .txt .num2, #business1 .txt .num3, #business1 .txt .num4, #business1 .txt .num5 {position: static; top: auto;}
#business1 .txt .des {flex: 1 1 auto; min-width: 0; margin-top: 0;}


/* txt2 */
#business1 .txt h5 {margin: 0 0 12px;}
#business1 .txt strong {display: inline-block; margin-bottom: 10px; padding: 5px 14px; 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: 12px;}
#business1 .txt ul li::before {position: absolute; top: 11px; left: 0; width: 4px; height: 4px; background: #ed6f20; content: "";}

/* btn */
#business1 .btn {position: absolute; bottom: 18px; left: 50%; display: block; width: 32px; height: 32px; 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: 0;}
#business1 .img_wrap > li:nth-child(even) .txt {order: 0;}
#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 .des {order: 1; text-align: left;}
#business1 .img_wrap > li:nth-child(even) .txt .num {order: 2;}
#business1 .img_wrap > li:nth-child(even) .txt h5 {margin: 0 0 12px;}
#business1 .img_wrap > li:nth-child(even) .txt ul li {padding: 0 0 0 12px;}
#business1 .img_wrap > li:nth-child(even) .txt ul li::before {right: auto; left: 0;}

/* last-child : none */
#business1 .img_wrap > li:last-child > .btn {display: none;}
#business1 .img_wrap > li:last-child {padding-bottom: 0;}

#business1 br:not(.space) {display: none;}

@media (max-width: 420px) {
    #business1 .sub_inner {padding: 0 14px;}
    #business1 h2 {margin: 32px auto 28px;}
    #business1 .img_wrap > li {padding-bottom: 62px;}
    #business1 .txt {gap: 10px; padding: 20px 4px;}
    #business1 .txt .num {font-size: 28px;}
    #business1 .txt strong {padding: 4px 10px;}
}