/* Content CSS */
section {overflow:hidden;position:relative;text-align:center;}
.sec1 {padding:50px 0 120px;position:relative;}
.sec3 {padding: 0 0 50px;}
.sub_inner {padding:0 20px;margin:0 auto;max-width:1400px;width:100%;}
br {display: none;}

/* JPC CABLE */
.cont_box::before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url("../img/jpc_bg.png") center center / cover no-repeat;z-index:0;}

/* TITLE */
#jpc-cable .c_tit {position:relative;z-index:2;}
.c_tit em {font-style: normal; line-height: 1.1; font-weight: 700; color:#ffa41f; text-transform: uppercase; display: block; margin-bottom: 10px; font-size: 15px;}

/* FONT SIZE */
.fs_50 {font-size: 25px; font-weight :700; line-height: 1.5; }
.fs_27 {font-size: 19px; font-weight:700; line-height: 1.3; }
.fs_25 {font-size: 18px; font-weight:700; line-height: 1.3; }
.fs_23 {font-size: 17px; font-weight:700; line-height: 1.4;}
.fs_21 {font-size: 16px; font-weight:600; line-height: 1.67; }
.fs_20 {font-size: 15px; font-weight:400; line-height: 1.67; }
.fs_19 {font-size: 15px; font-weight: 400; line-height: 1.67; color: #222;}
.fs_15 {font-size:14px;font-weight:700;}

/* CONTENT */
#jpc-cable .cont_box {position:relative;margin-top:30px;}

#jpc-cable .cont_box::before {content:"";position:absolute;left:50%;top:82px;width:100vw;height:100%;background:url("../img/jpc_bg.png") center center / cover no-repeat;transform:translateX(-50%);z-index:0;background-color: #f9f9f9;}

#jpc-cable .cont_box > * {position:relative;z-index:1;}

/* LOGO */
#jpc-cable .logo_box {display:flex;align-items:center;justify-content:center;width:inherit;height:120px;margin:0 auto;background:#fff;border-radius:20px;}
#jpc-cable .logo_box img {display:block;width:auto;max-width:130px;height:auto;}

/* TEXT */
#jpc-cable .txt {margin-top:42px;}
#jpc-cable .txt p {margin:0;color:#222;font-weight:400;line-height:2;}
#jpc-cable .txt p:nth-child(2) {margin-top:14px;}
#jpc-cable .txt p:nth-child(3) {margin-top:20px;}
#jpc-cable .txt p span {font-weight: 700;}

/* FIELD BOX */
#jpc-cable .field_box {width:100%;max-width:1230px;margin:20px 0;padding:20px;background:#fff;border-radius:10px;text-align:left;}
#jpc-cable .field_tit {margin:0 0 25px;font-weight:400;}
#jpc-cable .field_list ul {margin:0;padding:0;list-style:none;}
#jpc-cable .field_list li {position:relative;padding-left:15px;}
#jpc-cable .field_list li::before {content:"";position:absolute;left:0;top:50%;width:5px;height:5px;background:#ffa521;transform:translateY(-50%);}

/* BOTTOM TEXT */
#jpc-cable .bottom_txt {margin-top:0;}
#jpc-cable .bottom_txt p {margin:0;color:#222;line-height:2;}

#jpc-cable .hexa {display: flex; align-items: center; justify-content: center; width: 50px; height:50px; background:url("../img/scroll_bg.png") 50%/contain no-repeat;
position: absolute; left: 50%; margin-left:-20px; bottom: 15px;  animation:ani 1.4s infinite ease; }
#jpc-cable .hexa::before {content: ''; display: block; width:11px; height:34px;  background:url("../img/scroll_arrow.png") 50%/contain no-repeat;  }
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(7px);}
    100% {transform: translateY(0);}
}

#jpc-cable .cont .left_line {margin-bottom: 30px;}
#jpc-cable .cont {border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px;}
#jpc-cable .cont:last-child {border-bottom: none; padding-bottom: 0;}
.left_line {position: relative; padding-left:15px;text-align: left;}
.left_line::before {content: ''; display: block; width: 3px; height: 85%; background-color: #ffa92b;  left: 0; top: 8%; position: absolute; }

#jpc-cable .cont:nth-child(2) { border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px;}
#jpc-cable .cont:nth-child(2) .img_box {border: 1px solid #f4f4f4; border-radius: 10px; padding: 20px;}
#jpc-cable .txt_flex {display: flex; gap: 20px; align-items: center;}
#jpc-cable .txt_flex p:nth-child(1) {padding: 8px 30px; background-color: #1e3a8a; border-radius: 10px; color: #fff;}
#jpc-cable .txt_flex p:nth-child(2) {color: #555; font-weight: 400; line-height: 1.9; text-align: left;}
#jpc-cable .txt_flex p:nth-child(1).green {background-color: #0f766e;}

#jpc-cable .cont:nth-child(3) .left_line {margin-bottom: 40px;}

/* LINE-UP TABLE */
#jpc-cable .lineup_table_wrap {width:100%;max-width:1300px;margin:40px auto 0;overflow-x:auto;}

#jpc-cable .lineup_table {width:1300px;min-width:1300px;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:2px solid #ffa92b;border-bottom:1px solid #222;background:#fff;}

#jpc-cable .lineup_table .col_1 {width:140px;}
#jpc-cable .lineup_table .col_2 {width:257px;}
#jpc-cable .lineup_table .col_3 {width:243px;}
#jpc-cable .lineup_table .col_4 {width:322px;}
#jpc-cable .lineup_table .col_5 {width:338px;}

#jpc-cable .lineup_table th,
#jpc-cable .lineup_table td {height:57px;padding:0 20px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;white-space:nowrap;line-height:1.4;}
#jpc-cable .lineup_table th:last-child,
#jpc-cable .lineup_table td:last-child {border-right:0;}
#jpc-cable .lineup_table th {height:56px;background:#fbf5ed;color:#251a02;font-size:18px; font-weight:700; text-align: left;}
#jpc-cable .lineup_table td {background:#fff;color:#222; font-size:16px; font-weight:400;text-align:left;}
#jpc-cable .lineup_table td:first-child {font-weight:600; color: #000;}
#jpc-cable .lineup_table tbody tr:nth-child(even) td {background:#f7f7f7;}
#jpc-cable .lineup_table tbody tr:last-child td {border-bottom:0;}

#jpc-cable .cont:nth-child(3) .txt_flex {margin-bottom:40px;}
#jpc-cable .cont:nth-child(3) {padding-bottom:53px;}

#jpc-cable .link_box {padding: 20px; width: 100%; border-radius: 10px; background: #FEF7EA; margin-top: 50px; display: flex; align-items: center; justify-content: center;
flex-direction: column; }
#jpc-cable .link_box i {flex-shrink: 0; margin-bottom:15px; position: relative; display: block; width: 30px; }
#jpc-cable .link_box p {font-weight: 600; color:#333; }
#jpc-cable .link_box a {display: inline-flex; padding:5px 10px; border-radius: 5px; background: #ffa92b; align-items: center; justify-content: center; font-weight: 600;
color:#fff; transition: background-color .3s; flex-shrink: 0; margin: 5px; }
#jpc-cable .link_box a:hover {background-color: #333; }