/* 공통 */
#c3_wrap .c_inner {width:100%; margin:0 auto; padding:0 15px;}

/*Content CSS*/
#c3_wrap {position: relative; padding:60px 0; z-index: 1;}
#c3_wrap::before {content: ''; display: block; width:75%; position: absolute; right:0; top:0; height:100%; background: url('../img/dot_ptn.png') 50% 50% repeat; z-index: -2;}
#c3_wrap::after {content: ''; display: block; width:100%; height:180px;  z-index: -1; background: url('../img/c3_bg.jpg') 50% 50% no-repeat; background-size:cover;
left:0; bottom:0; position: absolute;}

#c3_wrap  .c_inner {display: flex; background: #fff; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.16); flex-direction: column; width:calc(100% - 30px); margin:0 auto;}
#c3_wrap  .c_inner > div {width:100%;}

/* c3_box1 */
.c3_box1 {padding:40px 20px;}
.c3_box1 img {max-width:90%;}
.c3_box1 p {margin:10px 0 25px; font-size:14px; font-weight: 300; color:#808080; line-height: 22px; word-break: keep-all;}
.c3_box1 > div {display: flex;}
.c3_box1 > div a {display: block; text-align: center; width:180px; height:35px;line-height: 32px; border:3px solid #f7f7f7; transition: all .3s ease; font-size:14px; font-weight: 400; color:#c1c1c1; font-family: 'Lato', sans-serif;}
.c3_box1 > div a i {margin-left:10px; font-size:12px; left:0; position: relative; transition: all .3s ease;}
.c3_box1 > div a:hover {background: #a00026; border-color: #a00026; color:#fff;}
.c3_box1 > div a:hover i {color:#fff; left:10px;}
.c3_box1 > div a.active {background: #a00026; border-color: #a00026; color:#fff;}

/* c3_box2 */
.c3_box2 {border-top: 1px solid #f1f1f1; }
.c3_box2 > a {width:100%;  display:flex; padding:15px 10px; align-items: flex-start; position: relative; border-bottom: 1px solid #f1f1f1;}
.c3_box2 > a div img {height: 30px;}
.c3_box2 > a:nth-child(3) div img {height:23px;}
.c3_box2 > a i {position: absolute; top:15px; right:15px; font-size:24px; color:#c4c4c4; transition: all .3s ease; font-size:15px;}
.c3_box2 > a:hover i {transform: rotate(90deg); color:#a00026;}
.c3_box2_txt {margin-left:30px;}
.c3_box2_txt h2 {font-size:16px; font-weight: 400; color:#2d2d2d; margin-bottom:3px; font-family: 'Lato', sans-serif;}
.c3_box2_txt p {font-size:14px; font-weight: 300; color:#808080; letter-spacing: .15px;line-height: 20px; word-break: keep-all;}
.c3_box2 > a:last-child {border-bottom:0;}
.c3_box2 > a:last-child .c3_box2_txt p {font-size:12px; line-height: 20px; word-break: keep-all;}





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

}

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

}

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

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

}