/* Content CSS */
section {overflow:hidden;position:relative;text-align:center;}
.sec1 {padding:118px 0 230px;position:relative;}
.sec3 {padding: 0 0 150px;}
.sub_inner {padding:0 50px;margin:0 auto;max-width:1400px;width:100%;}
img {max-width:inherit;}


/* 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;}
#jpc-cable .c_tit em {font-style:normal;line-height:1.1;font-weight:700;color:#ffa41f;text-transform:uppercase;display:block;margin-bottom:9px;}

/* FONT SIZE */
.fs_50 {font-size:50px;font-weight:800;line-height:1.68;}
.fs_27 {font-size:27px; font-weight:700; line-height: 1.3;}
.fs_25 {font-size:25px;font-weight:700;line-height:1.6;}
.fs_23 {font-size:23px;font-weight:700;line-height:1.4;}
.fs_21 {font-size:21px;font-weight:500;line-height:1.9; color: #222}
.fs_20 {font-size: 20px; font-weight:400; line-height: 1.67; }
.fs_19 {font-size:19px;font-weight:600;line-height:2; color: #222}
.fs_15 {font-size:15px;font-weight:700;}

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

#jpc-cable .cont_box::before {content:"";position:absolute;left:50%;top:82px;width:100vw;  height: calc(100vw * 1019 / 1920);    background: url("../img/jpc_bg.png") center top / 100% auto 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:495px;height:147px;margin:0 auto;background:#fff;border-radius:20px;}
#jpc-cable .logo_box img {display:block;width:auto;max-width:150px;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:36px;}
#jpc-cable .txt p span {font-weight: 700;}

/* FIELD BOX */
#jpc-cable .field_box {width:100%;max-width:1230px;margin:38px 0 48px;padding:50px 140px;background:#fff;border-radius:20px;text-align:left;}
#jpc-cable .field_tit {margin:0 0 25px;font-weight:400;}
#jpc-cable .field_list {display:flex;justify-content:space-between;gap:35px;}
#jpc-cable .field_list ul {width:50%;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: 92px; height:106px; background:url("../img/scroll_bg.png") 50%/contain no-repeat;
position: absolute; left: 50%; margin-left:-46px; bottom: 70px;  animation:ani 1.4s infinite ease; }
#jpc-cable .hexa::before {content: ''; display: block; width: 22px; height:34px;  background:url("../img/scroll_arrow.png") 50%/contain no-repeat;  }
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(15px);}
    100% {transform: translateY(0);}
}

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

#jpc-cable .cont:nth-child(2) {display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; margin-bottom: 55px; padding-bottom: 59px;}
#jpc-cable .cont:nth-child(2) .img_box {border: 1px solid #f4f4f4; border-radius: 30px; padding: 50px 80px; margin-right: 38px;}
#jpc-cable .txt_flex {display: flex; gap: 27px; align-items: center;}
#jpc-cable .txt_flex p:nth-child(1) {padding: 8px 44px; 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;}
#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: 50px; width: 100%; border-radius: 20px; background: #FEF7EA; margin-top: 75px; display: flex; align-items: center; justify-content: center; }
#jpc-cable .link_box i {flex-shrink: 0; margin-right: 25px; position: relative; top:-2px;}
#jpc-cable .link_box p {font-weight: 600; color:#333; }
#jpc-cable .link_box a {display: inline-flex; height: 58px; padding: 0 40px; border-radius: 10px; background: #ffa92b; align-items: center; justify-content: center; font-weight: 600; color:#fff; transition: background-color .3s; margin: 0 20px; flex-shrink: 0;}
#jpc-cable .link_box a:hover {background-color: #333; }