/* content css */
#system1 {position:relative; overflow:hidden;}
#system1 article {margin:0 auto; padding:0 0 100px; position:relative; z-index:3;}
#system1 article:nth-child(odd)::before {content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); background:#f7f7f7; z-index:-1;}
#system1 .sub_inner {width:100%; max-width:1600px; padding:0 50px; margin:0 auto; box-sizing:border-box;}

/* font_size */
.fs_60 {font-size: 60px; font-weight: 700; line-height: 1.25; letter-spacing: -1.2px; text-align: center;}
.fs_40 {font-size: 40px; font-weight: 700; line-height: 1;}
.fs_30 {font-size: 30px; font-weight: 700; line-height: 1.1;}
.fs_25 {font-size: 25px; font-weight: 700; line-height: 1.32;}
.fs_20 {font-size: 20px; font-weight: 400; line-height: 1.65; color: #333;}

/* ul */
#system1 .sub_inner > ul {margin:0; padding:0; list-style:none;}
#system1 .sub_inner .system_item1 {padding: 0 0 99px; margin-bottom: 81px;}
#system1 .sub_inner > ul > li {border-bottom:1px solid #ddd;}
#system1 .sub_inner > ul > li:first-child {padding-top:78px;}
#system1 .sub_inner > ul > li:last-child {border-bottom:0;}
#system1 .sub_inner > ul > li > h2 {position:relative; padding-left:14px;}
#system1 .sub_inner > ul > li > h2::before {content:""; position:absolute; top:3px; bottom:3px; left:0; width:5px; height: 35px; background:#e90818;}
#system1 .sub_inner > ul > li > h3 {margin:0 0 28px;}

/* wh_box */
#system1 .wh_box {margin:0; padding:37px 52px 31px 52px; list-style:none; background-color:#fff; border-radius:20px;}
#system1 .wh_box > li {display:grid; grid-template-columns:65px minmax(0, 1fr); gap:12px; align-items:start; padding:12px 0;}
#system1 .wh_box > li::before {content:""; width:7px; height:7px; margin-top:13px; border-radius:50%; background:#999; grid-column:1; grid-row:1;}
#system1 .wh_box > li > strong {grid-column:1; grid-row:1; padding-left:17px; color: #000; font-weight:600;}
#system1 .wh_box > li > p {grid-column:2; grid-row:1; margin:0; color:#333;}

/* txt_wrap */
#system1 .txt_wrap {margin-top:55px;}
#system1 .txt_wrap > h3 {margin:0 0 18px;}

/* des_txt */
#system1 .des_txt {display:flex; gap:20px; align-items:center; margin-bottom:18px; padding:10px 40px 12px 0;}
#system1 .des_txt > strong {color:#fff; background-color: #999; border-radius: 20px; font-weight: 700; padding: 4px 23px;}
#system1 .des_txt > p {margin:0; color:#333;}


/* sec - bg*/
#system1 article:nth-child(even) .wh_box {background-color: #f7f7f7;}

/* sec1 */
#system1 article:nth-child(1) h2 {margin-bottom: 51px;}
#system1 article:not(:nth-child(1)) .wh_box > li {grid-template-columns:105px minmax(0, 1fr);}

/* sec2 */
#system1 .txt_wrap:nth-of-type(2) > ul > li {display: grid; grid-template-columns: 105px minmax(0, 1fr);}

/* sec5 */
#system1 article:nth-child(5) .wh_box {padding:47px 52px 39px 52px;}
#system1 article:nth-child(5) .wh_box > li {display: flex; padding: 4px 0;}
#system1 article:nth-child(5) .wh_box > li > strong {padding-left: 0;}
#system1 article:nth-child(5) .wh_box > p:nth-child(2) {margin: 41px auto 12px;}
#system1 article:nth-child(5) .txt_wrap {margin-top: 44px;}



/* sec6 */
#system1 article:nth-child(6) {padding: 0 0 110px;}
#system1 article:nth-child(6) .wh_box {padding:47px 52px 31px 52px;}
#system1 article:nth-child(6) .wh_box > p:nth-child(1) {margin-bottom: 16px;}
#system1 article:nth-child(6) .wh_box > p:nth-child(2) {line-height: 1.9; margin-bottom: 36px;}
#system1 article:nth-child(6) .wh_box > p:nth-child(3) {margin-bottom: 20px; line-height: 1.9;}

/* sec7, sec8 */
#system1 article:nth-child(7) {padding: 78px 0 100px;}
#system1 article:nth-child(8) {padding: 78px 0 118px;}
#system1 article:nth-child(7) h2,
#system1 article:nth-child(8) h2 {margin-bottom: 42px;}
#system1 article:nth-child(7) .grid_list,
#system1 article:nth-child(8) .grid_list {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:30px; margin:0; padding:0; list-style:none;}


#system1 article:nth-child(7) .grid_list > li,
#system1 article:nth-child(8) .grid_list > li {min-height:216px; padding:47px 35px 34px 52px; box-sizing:border-box; background:#fff; border-radius:20px; border-bottom: 0;}
#system1 article:nth-child(8) .grid_list > li {background-color: #f7f7f7;}

#system1 article:nth-child(7) .grid_list > li:nth-child(1),
#system1 article:nth-child(7) .grid_list > li:nth-child(2) {min-height: 254px;}
#system1 article:nth-child(7) .grid_list > li > p:first-child,
#system1 article:nth-child(8) .grid_list > li > p:first-child {margin:0 0 15px;}
#system1 article:nth-child(7) .grid_list > li > p:last-child,
#system1 article:nth-child(8) .grid_list > li > p:last-child {margin:0; line-height:1.9;}