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

/*Content CSS*/
#c2_wrap {overflow: hidden; text-align: center; position: relative; z-index:2; background: url('../img/c2_bg.jpg') 50%/cover no-repeat; }
#c2_wrap article {display: flex; }
#c2_wrap .box {flex:1; padding:90px 0 105px; position: relative; border-right: 1px solid rgba(255,255,255,.2); display: block;}
#c2_wrap article .box:first-child {border-left: 1px solid rgba(255,255,255,.2);}
#c2_wrap .box .title h2 {font-size: 60px; font-weight: 800; color:#fff; line-height: 1; font-family: 'Montserrat';}
#c2_wrap .box .title p {font-size: 16px; font-weight: 700; color:#fff; font-family: 'Montserrat'; margin: 15px 0 50px;}

#c2_wrap .box .hv {position: absolute; transition: all .3s ease ; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;  padding:90px 0 105px;
background: url('../img/c2_box_bg1.jpg') 50% 50% no-repeat; background-size:cover; }
#c2_wrap .box .icon {height: 97px ;line-height: 97px; margin-bottom: 55px;}
#c2_wrap .box .txt h2 {font-size:32px; font-weight:700; color:#fff; letter-spacing: -.64px; }
#c2_wrap .box .txt h2::before {content: ''; display: block; width: 30px; height: 3px; background: #fff; margin:0 auto 17px; }
#c2_wrap .box .txt p {font-size:18px; font-weight: 400; color:#fff; margin-top: 15px; line-height: 1.72;letter-spacing: -.36px ;}
#c2_wrap .box .txt .c_btn {display: flex; align-items: center; justify-content: space-between; width: 200px; height: 50px; border:1px solid #ddd; transition: all .3s; padding: 0 20px; font-size: 15px; font-weight: 500; color:#fff; font-family: 'Montserrat'; margin: 55px auto 0;}
#c2_wrap .box .txt .c_btn i {display: block; width: 8px; height: 13px; background:url("../img/btn_arrow_w.png") 50% no-repeat;}
#c2_wrap .box .txt .c_btn:hover {background-color: #0056c1; border-color: #0056c1; }

/* hv */
#c2_wrap .box .hv .txt .c_btn {background-color: #000; border-color:#000; border:0;}
#c2_wrap .box:hover .hv {opacity: 1; transform: scale(1.07);}

#c2_wrap .box.box2 .hv {background-image: url('../img/c2_box_bg2.jpg');}
#c2_wrap .box.box3 .hv {background-image: url('../img/c2_box_bg3.jpg');}




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

}

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

}

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

}