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

/*Content CSS*/
#c3_wrap {text-align: center; overflow: hidden;}
.c3_btn {padding: 50px 20px; display: block; width: 100%; position: relative; overflow: hidden; z-index: 1; }
.c3_btn .icon {height: 50px; line-height: 50px; }
.c3_btn .icon img {transition: transform 500ms;; width: 50px;}
.c3_btn h1 {font-size:30px; font-weight: 800; color:#fff; margin: 25px 0 15px; font-family: 'NanumSquare',sans-serif;}
.c3_btn p {font-size:14px; font-weight: 300; color:rgba(255,255,255,.7); line-height: 30px; word-break: keep-all;}

.c3_btn::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0;  z-index: -1; background: url('../img/c3_bg2.jpg') 50% 50% no-repeat; transition: all .5s ease; background-size: cover; }
#c3_wrap > .c3_btn:nth-child(2)::after {background-image: url('../img/c3_bg1.jpg');}
/* hover */
.c3_btn:hover::after {transform: scale(1.1);}
.c3_btn:hover .icon img {transform: rotateY(180deg);}


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

}

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

}

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

}