/*Content CSS*/
#c1_wrap{position: relative; background-color: #f7f7f7; padding: 90px 0 105px;}
.c1_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
.c1_inner .fs_61{font-size: 61px; font-weight: 700; line-height: 1; }
.c1_inner .fs_60{font-size: 60px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; color: #e4e4e4;}
.c1_inner .fs_19{font-size: 19px; font-weight: 700; color: #1b56ff; }
.c1_inner .fs_17{font-size: 17px; font-weight: 700; letter-spacing: -.43px; color: #333;}
.c1_inner .fs_16{font-size: 16.5px; font-weight: 400; color: #333;}

/* text */
.c1_inner .text h3{display: flex; align-items: center; margin-top: 20px;}
.c1_inner .text span{display: inline-block; margin-left: 40px;}

.c1_list{display: flex; flex-wrap: wrap; width: 976px; margin-top: 51px; position: relative; z-index: 2;}
.c1_list li{width: 20%; border: solid 1px #ddd;}
.c1_list li a{display: block; background-color: #fff; position: relative;}
.c1_list .li_text{display: flex; flex-direction: column; height: 200px; justify-content: center; align-items: center; position: relative; z-index: 3; top: -5px;}
.c1_list .li_text i{display: inline-block; width: 16px; height: 12px; background: url('../img/bt_arrow.png') 50% / cover no-repeat; margin: 16px 0; transition: .3s;}
.c1_list .li_text span{transition: .3s;}
.c1_list li .arrow{position: absolute; right: 0; top: 0; z-index: 2; opacity: 0; transition: .3s;}
.c1_list li .bg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 35px); height: calc(100% + 36px); opacity: 0; transition: .3s; z-index: 2;}
.c1_list li .bg img{width: 100%;}
.c1_list li:nth-child(n+2):not(li:nth-child(6)){border-left: 0;}
.c1_list li:nth-child(n+6){border-top: 0;}

.c1_list li:hover .bg{opacity: 1;}
.c1_list li:hover .arrow{opacity: 1;}
.c1_list li:hover .li_text span{color: #fff;}
.c1_list li:hover .li_text i{background-image: url('../img/bt_arrow_w.png');}

.c1_list li.active .bg{opacity: 1;}
.c1_list li.active .arrow{opacity: 1;}
.c1_list li.active .li_text span{color: #fff;}
.c1_list li.active .li_text i{background-image: url('../img/bt_arrow_w.png');}

.c1_right{position: absolute; right: 0; top: 90px; width: 50%; height:737px; z-index: 1;}
.right_list{position: relative;  width: 100%; height: 100%;}
.right_list li{position: absolute; top: 0; left: 0; transition: .3s; opacity: 0;}
.right_list li.active{opacity: 1;}

#c1_wrap .lines{display: flex; width: 50%; height: 100%; position: absolute; top: 0; right: 0;}
#c1_wrap .lines span{width: 1px; height: 100%; background-color: #ddd; display: inline-block; margin-right: 324px;}
#c1_wrap .lines span:nth-of-type(3){margin-right: 0;}