/* common */
#c1_wrap .c_inner { max-width: 1900px; width: 100%; margin:0 auto; position: relative; padding:0 20px;}

/* font size */
#c1_wrap .fs_70 {font-size: 30px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; }
#c1_wrap .fs_50 {font-size: 22px; font-weight:700; color: #000; line-height: 1.1; font-family: "Play", serif; letter-spacing: -.4px; }
#c1_wrap .fs_18 {font-size:13px; font-weight: 400; color: #000; line-height: 1.67; }


/*Content CSS*/
#c1_wrap {width: 100%;  overflow: hidden; position: relative; text-align: left; background:#fff; padding: 50px 0; }
#c1_wrap br {display: none;}

#c1_wrap .top {display: flex; align-items: flex-start; }
#c1_wrap .top p {padding-top:65px; margin-left: 100px; }

#c1_wrap .list {; }
#c1_wrap .list li {width:100%; position: relative; z-index: 1; transition: width .5s; margin-bottom: 20px;}
#c1_wrap .list li:last-child {margin-bottom: 0;}
#c1_wrap .list a {display: block; width: 100%; background-color: #fff; height: 100%;position: relative;  transition: width .5s;}
#c1_wrap .list .img {display: flex; align-items:center; justify-content: center; border-bottom: 1px solid transparent;  width: 100%;
overflow: hidden;}
#c1_wrap .list .img img { transition: all .3s; width: 100%; max-height:180px; object-fit: cover;}
#c1_wrap .list a:hover .img img {transform: scale(1.05);}
#c1_wrap .list .txt { transition: opacity .3s; opacity: 1; width: calc(100% - 30px); max-width:710px;  position: absolute; left: 0 ;bottom: 0 ;background: #fff;
 display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start;  padding: 20px 20px 0 0; }
#c1_wrap .list .txt h3::before {content: ''; display: block; width:30px; height: 3px;  background: #000; margin-bottom: 10px;}
#c1_wrap .list .txt p {margin: 20px 0 25px; display: none;}
#c1_wrap .list .txt .more { font-weight: 300; color:#9e9e9e;  text-align: right; line-height: 1; display: none; width: 100%; margin-top: 10px;}
#c1_wrap .list i {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; position: absolute;
background: #002775; right: -20px; top: -20px; opacity: 1; transition: all .5s; z-index: 2;}
#c1_wrap .list i img {width: 20px;}

/* active */
/* #c1_wrap .list li.active {width: 800px; }
#c1_wrap .list li.active .txt {opacity: 1;}
#c1_wrap .list li.active i {opacity: 1; } */



@media screen and (max-width:1600px) {

}