/*공통*/
.c_title_line {width: 50px; height: 4px; background: #dc0004; display: inline-block; margin-bottom: 20px;}
.c_title_box h1 {font-size: 55px; font-weight: 500; color:#2a2a2a;}

/*Content CSS*/
#contnets1 {width: 1280px; margin: 0 auto; position: relative; height: 650px;}
.c1_title_box {width: 508px; height: 260px; background: #fff; position: absolute; top: 0; left: 50%; margin-left: -254px; padding-top: 100px; text-align: center;}
#c1_article {width: 100%; height: 650px;}
#c1_article ul {width: 100%; display: flex; flex-direction: row;}
#c1_article ul li {width: 25%; border-right: 1px solid #ddd; height: 650px; text-align: center; padding-top: 273px;}
#c1_article ul li:first-child {border-left: 1px solid #ddd;}
.c1_icon_box {width: 171px; height: 131px; margin: 0 auto; text-align: center; transition: all 0.3s; vertical-align:middle; transition:transform 500ms}
#c1_article ul li:nth-child(1) .c1_icon_box { background: url('../img/c1_icon1.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(2) .c1_icon_box {background: url('../img/c1_icon2.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(3) .c1_icon_box {background: url('../img/c1_icon3.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(4) .c1_icon_box { background: url('../img/c1_icon4.png')no-repeat 50% 50%;}

#c1_article ul li a {display: block; width: 100%;}
#c1_article ul li p { font-size: 26px; font-weight: 500; color:#3b3b3b; margin: 30px 0 40px 0;}
.c1_btn {width: 180px; height: 60px; border: solid 1px #de0313; color:#df1f2e; font-size: 18px; font-weight: 500; text-align: center; line-height: 60px; margin: 0 auto; transition: all 0.3s;}

#c1_article ul li:hover .c1_bar { background: #197cfa}
#c1_article ul li:hover .c1_round { background: #197cfa}
#c1_article ul li:nth-child(1):hover .c1_icon_box {transform:rotateY(180deg); transition: all 500ms; background: url('../img/c1_icon1_ov.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(2):hover .c1_icon_box {transform:rotateY(180deg); transition: all 500ms; background: url('../img/c1_icon2_ov.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(3):hover .c1_icon_box {transform:rotateY(180deg); transition: all 500ms; background: url('../img/c1_icon3_ov.png')no-repeat 50% 50%;}
#c1_article ul li:nth-child(4):hover .c1_icon_box {transform:rotateY(180deg); transition: all 500ms; background: url('../img/c1_icon4_ov.png')no-repeat 50% 50%;}
#c1_article ul li a:hover .c1_btn {background: #de0313; color:#fff;}
@media screen and (max-width:1200px) {

}

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

}

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

}