/*Content CSS*/
#c1_wrap{position: relative; background-color: #f7f7f7; padding: 50px 0; overflow: hidden;}
.c1_inner{width: 100%; max-width: 1400px; padding: 0 20px; margin: 0 auto;}
.c1_inner .fs_61{font-size: 35px; font-weight: 700; line-height: 1; }
.c1_inner .fs_60{font-size: 30px; font-weight: 800; line-height: 1; letter-spacing: -1.5px; color: #e4e4e4;}
.c1_inner .fs_19{font-size: 16px; font-weight: 700; color: #1b56ff; }
.c1_inner .fs_17{font-size: 13px; font-weight: 700; letter-spacing: -.43px; color: #333;}
.c1_inner .fs_16{font-size: 13px; font-weight: 400; color: #333;}

/* text */
.c1_inner .text{text-align: center;}
.c1_inner .text h3{margin-top: 7px;}
.c1_inner .text span{display: inline-block; margin-top: 15px;}

.c1_list{display: flex; flex-wrap: wrap; margin-top: 20px; position: relative; z-index: 2;}
.c1_list li{width: 50%; border: solid 1px #ddd;}
.c1_list li a{display: block; background-color: #fff; position: relative; padding: 20px;}
.c1_list .li_text{display: flex; flex-direction: column;  justify-content: center; align-items: center; position: relative; z-index: 3; top: -5px;}
.c1_list .li_text i{display: inline-block; width: 12px; height: 9px; background: url('../img/bt_arrow.png') 50% / cover no-repeat; margin: 9px 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; width: 18px;}
.c1_list li .bg{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% + 15px); height: calc(100% + 15px); opacity: 0; transition: .3s; z-index: 2;}
.c1_list li .bg img{width: 100%; height: 100%; object-fit: cover;}
.c1_list li:nth-child(n+2):not(li:nth-child(odd)){border-left: 0;}
.c1_list li:nth-child(n+3){border-top: 0;}


.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{height: 150px; overflow: hidden; display: none;}
.right_list{position: relative;  width: 100%; height: 100%;}
.right_list li{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: .3s; opacity: 0;}
.right_list li.active{opacity: 1;}