/*Content CSS*/
.c3_wrap {width: 100%; padding: 95px 0; background:url('../img/c3_bg.jpg') no-repeat  0 0; background-size: cover;}
.contents3 {width: 1280px; margin: 0 auto; position: relative; }
.c3_article {width: 100%; display: flex; flex-direction: row;}
.c3_article2 {width: 100%; display: flex; flex-direction: row;}
.c3_btn {position: absolute; left: 794px; top: 0; z-index: 3}
.c3_btn ul {display: flex; flex-direction: row;}
.c3_btn ul li {width: 230px; height: 70px;}
.c3_btn ul li:nth-child(1) {margin-right: 20px;}
.c3_btn ul li a {display: block; cursor:pointer; text-decoration: none; width: 100%; height: 70px; line-height: 70px; text-align: center; border-radius: 50px; border: 1px solid #ddd; background: #fff; font-size: 16px; font-weight: 300; color: #333; transition: all 0.3s;}
.c3_btn ul li a:hover {border: 1px solid #fc0303; color:#fff; background: #fc0303}
.c3_btn ul li a.active {border: 1px solid #fc0303; color:#fff; background: #fc0303}
.c3_vedio {width: 754px; margin-right: 40px;}
.c3_txt {width: 486px; padding-top: 120px; position: relative;}
.c3_txt h1 {font-size: 40px; font-weight: 500; font-family: 'NanumSquare', sans-serif !important; color:#000; margin-bottom: 20px;}
.c3_txt h1 span { color:#fc0303; }
.c3_txt p {font-family: 'NanumSquare', sans-serif !important; font-size: 22px; font-weight: 500; color: #333; margin-bottom: 15px;}
.c3_txt p span { color:#fc0303; }

.c3_more a{font-size: 16px; font-weight: 300; color:#bcbcbc; text-decoration: none; display: block;}
.c3_more a:hover { color:#fc0303;}
.c3_icon {text-align: right;}

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

}

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

}

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

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

}