/* common */
#c5_wrap .c_tit { line-height: 1; text-align: left; }
#c5_wrap .c_tit h2 { font-size: 16px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; text-transform: uppercase; }
#c5_wrap .c_tit h1 { font-size: 50px; font-weight: bold; margin-top: 20px; }

.c5_btn {position: absolute; right: 40px; bottom: 40px;}
.c5_btn > a { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; transition: all .3s ease;  margin-left:40px; background:#1f4de5;
border-radius: 0 30px 30px 30px ;}
.c5_btn > a img { transition: all .3s; }
.c5_btn > a:hover img { transform: rotate(180deg); }



/*Content CSS*/
#c5_wrap {position: relative; height: 100vh; display: flex ;align-items: center; justify-content: center; z-index: 1; overflow: hidden; background:url("../img/c5_bg.jpg") 50%/cover no-repeat;}


#c5_wrap .flex {display: flex; justify-content: space-between; align-items: flex-end;}
#c5_wrap .flex .txt {width: 550px;  }
#c5_wrap .flex .txt .desc {width: 100%;  border-radius: 0 50px 0 50px; background: #fff; border:1px solid #ddd; padding: 50px 40px 110px; position: relative;
margin-top: 55px; }
#c5_wrap .flex .txt .desc h4 {border-bottom: 1px solid #ddd; font-size: 35px; font-weight: 700; position: relative; padding-left: 27px;  padding-bottom: 40px;
margin-bottom: 40px; }
#c5_wrap .flex .txt .desc h4::before {content: ''; display: block; width: 4px; height: 32px; background: #1f4de5; position: absolute; left: 0; top:12px; }
#c5_wrap .flex .txt .desc .list > li {font-size: 18px; font-weight: 400; color:#333; white-space: nowrap; letter-spacing: -.5px; }
#c5_wrap .flex .txt .desc .list > li b {font-weight: 700; }
#c5_wrap .flex .txt .desc .list i {color:#000; margin-right: 10px; }


#c5_wrap .flex .img {overflow: hidden; border-radius: 50px 0 50px 0; background: #fff; border:1px solid #ddd; padding: 50px;}


#c5_wrap .list {margin-top: 30px; text-align: left;}
#c5_wrap .list > li:nth-child(n+2) {margin-top: 10px; }

}






@media screen and (max-width: 1400px) {
    /* common */


}