/* main_common */
#c1_wrap { overflow: hidden; }
#c1_wrap .c_h1 { line-height: 1; font-size: 60px; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; }
#c1_wrap .c_h2 { line-height: 1; font-size: 20px; font-weight: bold; color: #0068b7; font-family: 'Karla', sans-serif; text-transform: uppercase; margin:0 0 10px; font-weight: bold; }
#c1_wrap .c_p { font-size: 18px; font-weight: 300; letter-spacing: -0.45px; line-height: 30px; }



/*Content CSS*/
#c1_wrap { position:relative; padding:110px 0; }
#c1_wrap .inner { position:relative; z-index: 2; }
#c1_wrap .c_h2 { padding-top: 60px; }
#c1_wrap .c_p { margin: 25px 0 0; }

.c1_list { display: flex; flex-wrap: wrap; }
.c1_list li { width: 310px; height: 310px; margin-right: 20px; }
.c1_list li:nth-child(4n) { margin-right: 0; }
.c1_list li:nth-child(n+5) { margin-top: 20px; }

.c1_list li a { position:relative; display: block; width: 100%; height: 310px; overflow: hidden;  }
.c1_list li a::before { content:""; position:absolute; left:-1px; width:calc(100% + 2px); top:-1px; height: calc(100% + 2px); border:4px solid #0068b7; opacity: 0; transition: all .3s; z-index: 1; }
.c1_list li a h3 { position:absolute; left:35px; bottom:30px; font-size: 24px; color: #fff; font-weight: 500; }

.c1_list li a img { transition: all .3s; }
.c1_list li a:hover::before { opacity: 1; }
.c1_list li a:hover img { transform: scale(1.17); }


.c1_line { width:990px; position:absolute; left:50%; transform: translateX(-50%); top:0; height: 100%; display: flex; }
.c1_line li { width:330px; border-right: 1px solid #ccc; }
.c1_txtbg { position:absolute; right:50px; bottom:60px; font-size: 119.5px; font-weight: 900; letter-spacing: -2.99px; line-height: 130px; color: #f7f7f7; text-transform: uppercase; text-align: right; }