/*Content CSS*/
#equipment2 {position: relative; overflow: hidden; text-align: center;}
#equipment2 article {position: relative; padding: 0 0 50px;}
#equipment2 article:nth-child(2) {padding: 50px 0;}
#equipment2 article:nth-child(2)::before {content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: 100%; background: #f8f8f7; transform: translateX(-50%);}
#equipment2 article:nth-child(3) {padding: 50px 0;}
#equipment2 .sub_inner {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
#equipment2 .sub_inner > h5 {position: relative; margin: 15px 0 20px;}
#equipment2 .sub_inner > h5::before {content: ''; position: absolute; top: -12px; left: 50%; width: 24px; height: 3px; background: #1872aa; transform: translateX(-50%);}

#equipment2 article:nth-child(2) h5 {margin: 15px 0 20px;}
#equipment2 article:nth-child(3) h5 {margin: 15px 0 20px;}
#equipment2 article:nth-child(2) h5::before {background-color: #bf1b21;}
#equipment2 article:nth-child(3) h5::before {background-color: #dd680b;}

/* font_size */
.fs_56 {font-size: 28px; font-weight: 800; line-height: 1.4; color: #000; font-family: 'Poppins'; letter-spacing: -1.8px;}
.fs_30 {font-size: 22px; font-weight: 700; line-height: 1.67; color: rgba(0, 0, 0, 0.95);}
.fs_24 {font-size: 17px; font-weight: 600; line-height: 1.58; color: rgba(17, 17, 17, 0.95);}
.fs_22 {font-size: 16px; font-weight: 400; line-height: 1.73; color: rgba(51, 51, 51, 0.95);}
.fs_21 {font-size: 16px; font-weight: 400; line-height: 1.81; color: rgba(17, 17, 17, 0.95);}
.fs_18 {font-size: 15px; font-weight: 400; line-height: 2.1; color: rgba(35, 35, 35, 0.95);}

#equipment2 h2 {margin: 50px auto 26px; line-height: 1.2;}

/* flex */
#equipment2 .flex {display: flex; flex-direction: column; align-items: stretch; gap: 18px;}
#equipment2 .flex > .img {display: flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 240px; overflow: hidden; border: 1px solid #dededd; border-radius: 20px; box-sizing: border-box;}
#equipment2 .flex > .img img {display: block; width: 100%; height: auto; max-height: 380px; object-fit: contain; overflow: hidden; transition: transform 0.4s ease;}
#equipment2 .flex > .img:hover img {transform: scale(1.04);}

/* sm_table */
#equipment2 .sm_table {display: flex; align-items: center; overflow-x: auto; -webkit-overflow-scrolling: touch;}
#equipment2 .sm_table table {width: 100%; min-width: 360px; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #4e3527; border-bottom: 1px solid #232323;}
#equipment2 .sm_table th, #equipment2 .sm_table td {height: 50px; border-bottom: 1px solid #e1e1e1; text-align: left; vertical-align: middle; box-sizing: border-box;}
#equipment2 .sm_table th {width: 34%; padding: 12px; background-color: #ee762c; color: #fff; text-align: center; font-size: 15px; line-height: 1.5; font-weight: 700;}
#equipment2 .sm_table td {padding: 12px 16px; background: #fff; font-size: 14px; line-height: 1.5; font-weight: 400;}
#equipment2 .sm_table tr:nth-child(even) td {background-color: #f9f9f9;}
#equipment2 .sm_table tr:last-child > * {border-bottom: 0;}
#equipment2 .sm_table .red {color: #bf1a21; font-weight: 600;}

/* flex2 */
#equipment2 .flex2 {display: flex; flex-direction: column; gap: 24px; align-items: stretch;}

/* img_wrap */
/* #equipment2 .img_wrap {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 0;} */
#equipment2 .img_wrap {display: flex; flex-direction: column; gap: 15px;}
#equipment2 .img_wrap img {display: block; width: 100%; height: auto; aspect-ratio: 1.5 / 1; border-radius: 12px; object-fit: cover;}
#equipment2 .txt_wrap {display: flex; flex-direction: column; align-items: center; min-width: 0;}

/* top */
#equipment2 .top {display: flex; flex-direction: column; gap: 12px; width: 100%;}
#equipment2 .top > .txt {display: flex; min-height: 66px; padding: 15px; border: 1px solid #dededd; border-radius: 12px; background: #fff; box-sizing: border-box; animation: equipment2-feature-cycle 6s infinite;}
#equipment2 .top > .txt:nth-child(2) {animation-delay: -4s;}
#equipment2 .top > .txt:nth-child(3) {animation-delay: -2s;}
#equipment2 .top > .txt span {position: relative; left: 0; color: rgba(17, 17, 17, 0.15); font-family: 'Poppins'; top: 1px;}
#equipment2 .top > .txt p {flex: 1; margin: 0; padding: 0 0 0 12px; text-align: left;}

/* btn */
#equipment2 .txt_wrap > .btn {display: block; width: 35px; height: 35px; margin: 15px 0;}
#equipment2 .txt_wrap > .btn img {display: block; width: 100%; height: 100%; object-fit: contain;}

/* txt */
#equipment2 .txt_wrap > .txt {display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 15px; border: 2px solid #126faa; border-radius: 12px; background-color: #f5fbfe; box-sizing: border-box;}
#equipment2 .txt_wrap > .txt p {margin: 0; color: rgba(17, 17, 17, 0.95); text-align: center;}

/* ani */
@keyframes equipment2-feature-cycle {
    0%, 30% {border-color: #db6d0b; border-width: 2px;}
    34%, 100% {border-color: #dededd;}
}

#equipment2 .top > .txt:nth-child(1) span {animation: equipment2-feature-text 6s infinite;}
#equipment2 .top > .txt:nth-child(2) span {animation: equipment2-feature-text 6s -4s infinite;}
#equipment2 .top > .txt:nth-child(3) span {animation: equipment2-feature-text 6s -2s infinite;}

@keyframes equipment2-feature-text {
    0%, 30% {color: #ed6f20;}
    34%, 100% {color: #e8e8e8;}
}

/* sec3 - youtube */
#equipment2 .video_box {position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px;}
#equipment2 .video_box iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}

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

@media (max-width: 420px) {
    #equipment2 .flex > .img {min-height: 200px;}
    #equipment2 .img_wrap {gap: 8px;}
    #equipment2 .img_wrap img {border-radius: 10px;}
    #equipment2 .top > .txt {padding: 12px;}
    #equipment2 .txt_wrap > .txt {padding: 12px;}
}