/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c2_wrap .c_btn {transition: all .5s ease; display: flex; align-items: center; justify-content: center; width: 236px; height: 58px; background: transparent;
border-top:1px solid #fff; border-bottom:1px solid #fff; text-align: center; font-size:16px; font-weight: 400; color:#fff; font-family: 'Play', sans-serif; position: relative; z-index: 1; overflow: hidden; margin:0 auto; }
#c2_wrap .c_btn::before {content: ''; z-index: -1; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; transition: all .5s ease;}


/*Content CSS*/
#c2_wrap {display: flex; text-align: center;}
#c2_wrap .c2_box {width: calc(100% / 5); height: 600px; padding:200px 0 0; position: relative; z-index: 1; background: url('../img/c2_bg1.jpg') 50% 50% no-repeat; background-size:cover;}
#c2_wrap .c2_box .txt h2 {font-size:16px; font-weight: 400; color:rgba(255,255,255,.7); font-family: 'Play', sans-serif;}
#c2_wrap .c2_box .txt h1 {font-size:36px; font-weight: 500; color:#fff; margin:10px 0 90px;}
#c2_wrap .c2_box .cover {position: absolute; width: 100%; height: 100%; z-index: -1; left:0; top:0; transition: all .3s ease; background: rgba(0,0,0,.6); }
/* hover */
#c2_wrap .c2_box:hover .c_btn {color:#15116f; }
#c2_wrap .c2_box:hover .c_btn::before {width: 100%;}
#c2_wrap .c2_box:hover .cover {background: rgba(2,0,41,.8); }

#c2_wrap > .c2_box:nth-child(2) {background-image: url('../img/c2_bg2.jpg'); }
#c2_wrap > .c2_box:nth-child(3) {background-image: url('../img/c2_bg3.jpg'); }
#c2_wrap > .c2_box:nth-child(4) {background-image: url('../img/c2_bg4.jpg'); }
#c2_wrap > .c2_box:nth-child(5) {background-image: url('../img/c2_bg5.jpg'); }






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

}

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

}

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

}

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

}