/*Content CSS*/
#c1_wrap { text-align: center; padding:110px 0 120px; background-color: #eee; overflow: hidden; }
#c1_wrap h1 { font-size: 48px; line-height: 1; color: #212122; margin-bottom: 60px; font-family: 'S-CoreDream-7ExtraBold'; }

.c1_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.c1_list li { width:425px; height: 350px; }
.c1_list li:nth-child(n+4) { margin-top: 10px; }
.c1_list li a { position:relative; display: block; width:100%; height: 100%; background:#fff; position:relative; padding:50px; line-height: 1; text-align: left; border:1px solid #fff; transition: all .3s; }
.c1_list li a::after { content:""; position:absolute; left:50px; bottom:50px; width:23px; height: 23px; background:url('../img/c1_arrow.png') no-repeat center; opacity: 0; transition: all .3s; }

.c1_list li h3 { font-size: 14px; color: rgba(0, 0, 0, 0.34); text-transform: uppercase; font-family: 'Karla', sans-serif; }
.c1_list li h2 { position:relative; margin-top: 13px; font-size: 24px; color: #000; font-family: 'S-CoreDream-5Medium'; z-index: 1; }
.c1_list li img { position:absolute; right:0; top:0; }
.c1_list li:nth-child(2) img { top:inherit; bottom:45px; }
.c1_list li:nth-child(3) img { top:inherit; bottom:35px; right:20px; }
.c1_list li:nth-child(4) img { right:50px; }
.c1_list li:nth-child(5) img { right:35px; }
.c1_list li:nth-child(6) img { top:inherit; bottom:50px; right:35px; }


/* hover */
.c1_list li:hover a { border-color:#000; }
.c1_list li:hover a::after { opacity: 1; }