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

/* 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: 18px; font-weight: 600; line-height: 1.58; color: rgba(17, 17, 17, 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);}

#equipment1 h2 {margin: 50px auto 32px;}

/* flex */
#equipment1 .flex {display: flex; flex-direction: column; align-items: stretch; gap: 18px;}
#equipment1 .flex > .img {display: flex; align-items: center; justify-content: center; width: 100%; height: auto; min-height: 220px; overflow: hidden; border: 1px solid #dededd; border-radius: 14px; box-sizing: border-box; flex: 0 0 auto;}
#equipment1 .flex > .img img {display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain;}
#equipment1 .flex > .sm_table {width: 100%; min-width: 0; flex: 1 1 auto;}

/* sm_table */
#equipment1 .sm_table {display: flex; align-items: center; overflow-x: auto;}
#equipment1 .sm_table table {width: 100%; min-width: 360px; border-collapse: collapse; table-layout: fixed; border-top: 2px solid #1d2b55; border-bottom: 1px solid #232323;}
#equipment1 .sm_table th {font-size: 16px; font-weight: 700; line-height: 1.5; color: #1d2b55;}
#equipment1 .sm_table td {font-size: 15px; font-weight: 600; line-height: 1.5; color: #000;}
#equipment1 .sm_table th, #equipment1 .sm_table td {height: 54px; padding: 12px 8px; border-right: 1px solid #dededd; border-bottom: 1px solid #dededd; text-align: center; vertical-align: middle; box-sizing: border-box;}
#equipment1 .sm_table thead th {background: #e9f0f5; color: #1d2b55; font-weight: 700;}
#equipment1 .sm_table tr.bak {background-color: #f6fafd;}
#equipment1 .sm_table tr > *:last-child {border-right: 0;}
#equipment1 .sm_table tr td:nth-child(2), #equipment1 .sm_table tr td:nth-child(3) {font-weight: 400;}
#equipment1 .sm_table tbody tr:last-child > * {border-bottom: 0;}

/* info_box */
#equipment1 .info_box {display: flex; flex-direction: column; align-items: center; gap: 16px; min-height: 0; margin-top: 24px; padding: 24px 18px; border-radius: 14px; background: #f8f8f7; box-sizing: border-box;}
#equipment1 .info_box > div:first-child {display: flex; align-items: center; justify-content: center; width: fit-content; min-height: 42px; padding: 0 14px; border: 1px solid #ccc; border-radius: 6px; background: #fff; box-sizing: border-box; font-weight: 600;}
#equipment1 .info_box > div:last-child {min-width: 0;}
#equipment1 .info_box > div:last-child strong {display: block; margin-bottom: 10px;}
#equipment1 .info_box p {position: relative; margin: 0; color: rgba(17, 17, 17, 0.95); font-weight: 400; padding-left: 10px;}
#equipment1 .info_box p::before {position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background: #ed7134; content: "";}

/* table */
#equipment1 .table {width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}
#equipment1 .table table {width: 100%; min-width: 760px; border-collapse: collapse; table-layout: fixed; border-bottom: 1px solid #dededd; font-size: 13px; line-height: 1.5;}
#equipment1 .table thead th {height: 58px; padding: 12px 8px; border-right: 1px solid #dededd; background: #ed6f20; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.5; text-align: center; vertical-align: middle; box-sizing: border-box;}
#equipment1 .table thead th:first-child {width: 15%;}
#equipment1 .table thead th:nth-child(2) {width: 32%;}
#equipment1 .table thead th:nth-child(3) {width: 32%;}
#equipment1 .table thead th:nth-child(4) {width: 21%;}
#equipment1 .table tbody th, #equipment1 .table tbody td {height: 58px; padding: 10px 8px; border-right: 1px solid #dededd; border-bottom: 1px solid #dededd; text-align: center; vertical-align: middle; box-sizing: border-box;}
#equipment1 .table tbody th {background: #fff7ef; font-size: 14px; font-weight: 600; line-height: 1.5;}
#equipment1 .table tbody td {font-size: 14px; font-weight: 400; line-height: 1.5;}
#equipment1 .table tr > *:last-child {border-right: 0;}
#equipment1 .table tbody tr:last-child > * {border-bottom: 1px solid #232323;}
#equipment1 .table .red {color: #bf1a21; font-weight: 600;}
#equipment1 .table .blue {color: #1872aa; font-weight: 600;}

/* result_box */
#equipment1 .result_box {display: flex; flex-direction: column; align-items: center; gap: 14px; min-height: 0; margin-top: 30px; padding: 20px; border-radius: 15px; background: #f8f8f7; box-sizing: border-box;}
#equipment1 .result_box > strong {display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 4px 16px; border-radius: 7px; background: #414141; color: #fff; box-sizing: border-box;}
#equipment1 .result_box > strong i {display: block; width: 17px; height: 17px; flex: 0 0 17px; margin-right: 10px; background: url("../img/btn_1.png") center / contain no-repeat;}
#equipment1 .result_box p {margin: 0;}

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

#equipment1 .xi-arrows-h  {font-size: 28px; line-height: 1; color: #1872aa; width: 100%; text-align: right; margin-top: 40px;}