/*Content CSS*/
#equipment3 {position: relative; overflow: hidden;}
#equipment3 article {position: relative; padding: 0 0 73px;}
#equipment3 article:nth-child(2) {padding: 59px 0 96px;}
#equipment3 article:nth-child(2)::before {content: ""; position: absolute; z-index: 0; top: 0; bottom: 0; left: 50%; width: calc(100% - 140px); border-radius: 20px; background: #f8f8f7; transform: translateX(-50%);}
#equipment3 article:nth-child(3) {padding: 52px 0 142px;}

#equipment3 .sub_inner {position: relative; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#equipment3 .sub_inner > h5 {position: relative; margin: 27px 0 36px; padding-left: 18px;}
#equipment3 .sub_inner > h5::before {content: ""; position: absolute; top: 50%; left: 0; width: 5px; height: 31px; background: #ed6f20; transform: translateY(-50%);}

#equipment3 article:nth-child(2) h5 {margin: 27px 0 43px;}
#equipment3 article:nth-child(2) h5::before {background-color: #bf1b21;}
#equipment3 article:nth-child(3) h5::before {background-color: #1872aa;}

/* 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_24 {font-size: 24px; font-weight: 600; line-height: 1.58; color: rgba(0, 0, 0, 0.95);}
.fs_22 {font-size: 22px; font-weight: 400; line-height: 1.73; color: rgba(51, 51, 51, 0.95);}
.fs_21 {font-size: 21px; font-weight: 400; line-height: 1.81; color: rgba(17, 17, 17, 0.95);}
.fs_18 {font-size: 18px; font-weight: 400; line-height: 2.1; color: rgba(35, 35, 35, 0.95);}

#equipment3 h2 {margin: 80px auto 78px;}

/* flex */
#equipment3 .flex {display: flex; align-items: stretch; gap: 44px; padding-bottom: 69px; border-bottom: 1px solid #ccc;}
#equipment3 .flex > .img {flex: 0 0 750px; width: 750px;}
#equipment3 .flex > .sm_table {flex: 1 1 0; min-width: 0;}
#equipment3 .flex > .img {display: flex; align-items: center; justify-content: center; height: 445px; border: 1px solid #dededd; border-radius: 20px; box-sizing: border-box; overflow: hidden;}
#equipment3 .flex > .img img {display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; overflow: hidden;}
#equipment3 .flex > .img:hover img{transform: scale(1.06);}

/* table_wrap */
#equipment3 .table_wrap {display: flex; flex-direction: column; gap: 38px;}

/* sm_table */
#equipment3 .sm_table {display: flex; align-items: center;}
#equipment3 .sm_table table {width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 3px solid #1d2b56; border-bottom: 1px solid #000000;}
#equipment3 .sm_table th,
#equipment3 .sm_table td {height: 55px; border-bottom: 1px solid #dededd; text-align: left; vertical-align: middle; box-sizing: border-box;}
#equipment3 .sm_table th {width: 29%; padding: 15px; background-color: #e9f0f5; color: #1d2b56; text-align: center; font-size: 18px; line-height: 1.83; font-weight: 700;}
#equipment3 .sm_table td {background: #fff; font-size: 18px; line-height: 1.83; font-weight: 400; padding: 9px 34px;}
#equipment3 .sm_table tr:nth-child(even) td {background-color: #fbfbfb;}
#equipment3 .sm_table tr:last-child > * {border-bottom: 0;}

/* sm_table - 2 */
#equipment3 .sm_table:nth-child(2) table {border-top: 3px solid #3e2b1f; border-bottom: 1px solid #232323;}
#equipment3 .sm_table:nth-child(2) tr:nth-child(even) td {background-color: #fff;}
#equipment3 .sm_table:nth-child(2) th {background-color: #ee762c; color: #fff;}
#equipment3 .sm_table:nth-child(2) td {padding: 20px 34px;}

/* gray_box */
#equipment3 .gray_box {display: flex; justify-content: space-between; gap: 50px;}
#equipment3 .gray_box .img {height: 395px; border-radius: 20px; box-sizing: border-box; overflow: hidden;}
#equipment3 .gray_box .img img {display: block; width: 100%; height: 100%; object-fit: contain; transition: transform 0.4s ease; overflow: hidden;}
#equipment3 .gray_box .img:hover img{transform: scale(1.06);}

#equipment3 .gray_box > .left,
#equipment3 .gray_box > .right {flex: 1 1 0; min-width: 0;}

#equipment3 .gray_box .txt {display: flex; align-items: center; gap: 19px; min-height: 88px; margin-top: 28px; padding: 12px 64px; background: #fff; border-radius: 15px; box-sizing: border-box;}
#equipment3 .gray_box .txt i {display: block;}
#equipment3 .gray_box .txt i img {display: block; width: 100%; height: 100%; object-fit: contain;}
#equipment3 .gray_box .txt p {margin: 0; white-space: nowrap; font-weight: 400; color: rgba(17, 17, 17, 0.95);}
#equipment3 .gray_box .txt span {margin-right: 6px;  font-weight: 600;}

#equipment3 .gray_box .right .txt p + p {position: relative; margin-left: 10px; padding-left: 32px;}
#equipment3 .gray_box .right .txt p + p::before {content: ""; position: absolute; top: 50%; left: 0; width: 2px; height: 21px; background: #ccc; transform: translateY(-50%);}


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