/* Content CSS */
#business2 {position: relative; overflow: hidden; text-align: center;}
#business2 article {position: relative; padding: 0 0 50px;}
#business2 article:nth-child(2) {position: relative; z-index: 0; padding: 50px 0; border-radius: 0;}
#business2 article:nth-child(3) {padding: 50px 0;}
#business2 article:nth-child(2)::before {position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100%; background: #f8f8f7; content: ""; transform: translateX(-50%);}
#business2 .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_35 {font-size: 22px; font-weight: 800; line-height: 1.4; color: rgba(0, 0, 0, 0.95);}
.fs_30 {font-size: 19px; font-weight: 700; line-height: 1.5; color: rgba(0, 0, 0, 0.95);}
.fs_24 {font-size: 16px; font-weight: 600; line-height: 1.5; color: rgba(17, 17, 17, 0.95);}

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

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

/* sec1,2 - h5 */
#business2 .sec1 .sub_inner > h5,
#business2 .sec2 .sub_inner > h5 {position: relative;}
#business2 .sec1 .sub_inner > h5::before,
#business2 .sec2 .sub_inner > h5::before {position: absolute; top: -15px; left: 50%; width: 24px; height: 3px; background: #ed6f20; content: ""; transform: translateX(-50%);}

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

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

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

/* txt_box */
#business2 .txt_box {position: relative; display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 15px; margin-top: 28px; padding: 20px; border-radius: 12px; background: #fff; box-sizing: border-box;}
#business2 .txt_item {flex-direction: column; align-items: center; gap: 10px; text-align: center;}
#business2 .txt_item strong {white-space: nowrap;}
#business2 .txt_item i {margin: 10px auto; transform: rotate(90deg); display: block; width: 20px; height: 20px; flex: 0 0 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 {font-weight: 400; white-space: normal;}
#business2 .txt_box::before {position: absolute; top: 50%; left: 18px; right: 18px; width: auto; height: 1px; background: #ccc; content: ""; transform: translateY(-50%);}
#business2 .txt_item {position: relative; z-index: 1; background: #fff;}

/* sec3, sec4 */
#business2 .sec3 .sub_inner > h5,
#business2 .sec4 .sub_inner > h5 {position: relative;}
#business2 .sec3 .sub_inner > h5::before,
#business2 .sec4 .sub_inner > h5::before {position: absolute; top: -15px; left: 50%; width: 24px; height: 3px; background: #ed6f20; content: ""; transform: translateX(-50%);}
/* img_grid */
#business2 .img_grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
#business2 .img_grid img {display: block; width: 100%; height: auto; aspect-ratio: 1.1 / 1; border-radius: 12px; object-fit: cover;}

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

@media (max-width: 420px) {
    #business2 .sub_inner {padding: 0 14px;}
    #business2 .img_wrap {gap: 8px;}
    #business2 .img_wrap img {height: 125px; border-radius: 10px;}
    #business2 .sec1 .img,
    #business2 .sec2 .img {padding: 28px 14px;}
    #business2 .img_grid {gap: 8px;}
    #business2 .img_grid img {border-radius: 10px;}
    #business2 .txt_box {padding: 18px 14px;}
}