/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px; border:0 solid #ddd; border-width: 0 1px;}
#c3_wrap .c_tit p {font-size: 20px; font-weight: 700; color:#0056c1; font-family: 'Montserrat'; margin-bottom: 15px;}

/* font size */
#c3_wrap .fs_60 {font-size: 60px; font-weight: 700; color:#000; line-height: 1.2; letter-spacing: -1.2px; }
#c3_wrap .fs_24 {font-size: 24px; font-weight: 400; color:#000; line-height: 1.54; letter-spacing: -.48px; }
#c3_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.54; letter-spacing: -.36px; }
#c3_wrap .fs_16 {font-size: 16px; font-weight: 400; color:#333; line-height: 1.54; letter-spacing: -.36px; }

/* btn */
#c3_wrap .c_btn a {display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; border:1px solid #ddd; transition: all .3s; padding: 0 20px;
font-size: 15px; font-weight: 500; color:#000; font-family: 'Montserrat';}
#c3_wrap .c_btn a i {display: block; width: 8px; height: 13px; background:url("../img/btn_arrow.png") 50% no-repeat; transition: background-image .3s; }
#c3_wrap .c_btn a:hover {background-color: #0056c1; border-color: #0056c1; color:#fff; }
#c3_wrap .c_btn a:hover i {background-image:url("../img/btn_arrow_w.png"); }


/*Content CSS*/
#c3_wrap {position: relative; z-index: 1;}
#c3_wrap::before {content: ''; display: block; width: 100%; height: 283px; background-color: #f7f7f7; position: absolute; z-index: -1; left: 0; bottom: 0; }
#c3_wrap .c_inner {padding:90px 100px 120px; max-width: 1300px;}
#c3_wrap .top {display: flex; justify-content: space-between;}
#c3_wrap .top .desc {display: flex; padding-top: 50px;}
#c3_wrap .top .desc p {margin-right: 133px;}

#c3_wrap .list {display: flex; text-align: center; overflow: hidden; margin-top: 50px; border-right:1px solid #ddd; }
#c3_wrap .list > li { flex:1; margin-right: -1px;}
#c3_wrap .list .box {border: 1px solid #ddd; transition: background-color .3s; padding: 60px 0 55px; height: 100%; background-color: #fff; position: relative; z-index: 1;}
#c3_wrap .list .box > img {position: absolute; right: 0; bottom: 0; z-index: -1;}
#c3_wrap .list .icon {position: relative; display: inline-flex; height: 64px; align-items: center;}
#c3_wrap .list .icon img {transition: opacity .3s; opacity: 1;}
#c3_wrap .list .icon img + img {opacity: 0; position: absolute; left: 0 ;top: 50%;  transform: translateY(-50%); z-index: 2;}

#c3_wrap .list li .plus {position: absolute; right: 0; top:0; display: flex; align-items: center;  justify-content: center; width: 70px; height: 70px;
border-radius: 0 0 0 20px; transition: opacity .3s; background-color: rgba(255,255,255,.3);}
#c3_wrap .list li .plus img {transition: transform .3s; }
#c3_wrap .list li a:hover .plus img {transform: rotate(90deg);}
#c3_wrap .list h4 {margin:25px 0 12px; font-size: 22px; font-weight: 700; color:#0056c1; font-family: 'Montserrat';  transition: color .3s;}
#c3_wrap .list p {line-height: 1.75; transition: color .3s; }
/* hover */
#c3_wrap .list > li:hover .box {background-color: #0056c1; }
#c3_wrap .list > li:hover .icon img {opacity: 0; }
#c3_wrap .list > li:hover .icon img + img {opacity: 1; }
#c3_wrap .list > li:hover h4,
#c3_wrap .list > li:hover p {color:#fff;  }



@media screen and (max-width: 1600px) {
    /* common */
    #c3_wrap br:not(.space) {display: none;}

    /* content */
    #c3_wrap .line {display: none; }


}