/* 공통 */
#c1_wrap .c_inner { width: 1300px; margin:0 auto; position: relative; }

/*Content CSS*/
#c1_wrap { position:relative; }
#c1_wrap > h1 { display: flex; align-items: center; position: absolute; right:0; top:0; transform: translateY(-50%); text-indent: 58px; width: 626px; height: 90px; font-size:48px; font-weight: 700; color:#fff; background:#910023; z-index: 5; text-transform: uppercase; }

#c1_wrap .list {display: flex; text-align: center;}
#c1_wrap .list > li { width: calc(100%/4); }
#c1_wrap .list > li a { display: flex; flex-direction: column; align-items: center ;justify-content: center; padding:115px 0; width: 100%;
border-left: 1px solid #ddd; height: 100%; line-height: 1; }
#c1_wrap .list > li:last-child a { border-right: 1px solid #ddd;}
#c1_wrap .list > li a .icon { display: flex; align-items: center; justify-content: center; width:160px; height: 160px; border-radius: 100%;
background: #f3eff0; transition: all .3s; position: relative; z-index: 2}
#c1_wrap .list > li a .icon::before {width:160px; height: 160px; content: ""; position: absolute; top: 0; left: 0; display: block; background: url('../img/c1_ico_bg.png') no-repeat center; opacity: 0; z-index: -1; transition: all 0.3s;}
#c1_wrap .list > li a .icon i { width:70px; height:75px; background:no-repeat center; }
#c1_wrap .list > li a .icon .list1 { background-image: url('../img/c1_icon.png'); }
#c1_wrap .list > li a .icon .list2 { background-image: url('../img/c1_icon2.png'); }
#c1_wrap .list > li a .icon .list3 { background-image: url('../img/c1_icon3.png'); }
#c1_wrap .list > li a .icon .list4 { background-image: url('../img/c1_icon4.png'); }

#c1_wrap .list > li a .txt { margin:33px 0; }
#c1_wrap .list > li a .txt p { font-size:16px; color:#910023; text-transform: uppercase; }
#c1_wrap .list > li a .txt h1 { font-size: 24px; font-weight: bold; margin-top: 20px;}
#c1_wrap .list > li a span { display: block; position: relative; width: 150px; line-height: 48px; border:1px solid #333; border-radius: 24.5px; font-size: 14px; color:#333; opacity: .4; transition: all .3s ease ; }
#c1_wrap .list > li a span::after { content:""; display: inline-block; margin:0 0 0 5px; width:12px; height:12px; background:url('../img/c1_ico_bullet.png') no-repeat center; transition: all .4s ease ; vertical-align: -1px; }

/* hover */
#c1_wrap .list > li a:hover .icon::before {opacity: 1}
#c1_wrap .list > li a:hover .icon .list1 { background-image: url('../img/c1_icon_ov.png'); }
#c1_wrap .list > li a:hover .icon .list2 { background-image: url('../img/c1_icon2_ov.png'); }
#c1_wrap .list > li a:hover .icon .list3 { background-image: url('../img/c1_icon3_ov.png'); }
#c1_wrap .list > li a:hover .icon .list4 { background-image: url('../img/c1_icon4_ov.png'); }
#c1_wrap .list > li a:hover span { background-color: #910023; color:#fff; opacity: 1; border-color: #910023; }
#c1_wrap .list > li a:hover span:after { background-image: url('../img/c1_ico_bullet_active'); }