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

/*Content CSS*/
#c3_wrap {text-align: center; display: flex; }
.c3_btn {padding:150px 0 125px; display: block; width: 50%; position: relative; overflow: hidden; z-index: 1; }
.c3_btn .icon {height: 83px; line-height: 83px; }
.c3_btn .icon img {transition: transform 500ms;}
.c3_btn h1 {font-size:48px; font-weight: 800; color:#fff; margin:35px 0; font-family: 'NanumSquare',sans-serif;}
.c3_btn p {font-size:17px; font-weight: 400; color:rgba(255,255,255,.5); line-height: 30px; font-family: 'NanumSquare',sans-serif; }
#c3_wrap > .c3_btn:nth-child(2) p {color:#fff; }

.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) {

}