/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c2_wrap .c_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#0068b7; margin-bottom: 15px; font-weight: bold; letter-spacing: 1.4px ; text-transform: uppercase; font-weight: 400;}
#c2_wrap .c_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
#c2_wrap .c_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
#c2_wrap .c_title p {font-family: 'paybooc-Light',sans-serif; font-size: 14px; color:#888; margin-top: 30px; line-height: 28px; word-break: keep-all; font-weight: 400;}


/*Content CSS*/
#c2_wrap {text-align: left; padding:100px 0; background: url('../img/dot_bg.jpg') 50% 50% repeat;}
#c2_wrap .c_inner {display: flex; align-items: center; justify-content: space-between;}

/* left */
#c2_left .c3_left_p {    font-family: 'paybooc-ExtraBold'; font-size: 14px; color: #0e1a29; font-weight: 400; letter-spacing: 14px; margin-top:45px; }



/* right */
#c2_right {display: flex; justify-content: space-between; width: 880px; }
#c2_right .box {width: 420px; position: relative; z-index: 1; }
#c2_right .box .cover {width: 100%; height: 100%; background: rgba(0,0,0,.45); position: absolute; top: 0; left: 0; transition: opacity 0.3s ease; opacity: 0;
z-index: -1;}
#c2_right .box .img {width: 100%; overflow: hidden; position: relative; z-index: -2; }
#c2_right .box .img img {transition: all 0.3s; transform: scale(1);}
#c2_right .box .txt {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; width: 100%; position: absolute; width: 100%; left:0; bottom: 90px;
padding:0 40px; }
#c2_right .box .txt h1 {font-size: 36px; font-family: 'paybooc-Medium',sans-serif; color:#fff; font-weight: 400; }
#c2_right .box .txt h1::before {display: block; content: ""; margin-bottom: 30px; width: 27px; height: 2px; background: #fff;}
#c2_right .box .txt .more {width: 109px; height: 109px; border: 1px solid #fff; text-align: center; line-height: 109px; font-size: 16px;font-family: 'paybooc-Light',sans-serif; color:#fff; transition: all 0.3s ease ; }
#c2_right .box .num {position: absolute; left:45px ;top:50px; width: 100%;  height: 73px; transition: all .3s ease; }
#c2_right .box .num.no1 {background: url('../img/num1.png')no-repeat 0% 50%; }
#c2_right .box .num.no2 {background: url('../img/num2.png')no-repeat 0% 50%; }

/* hover */
#c2_right .box a:hover .num.no1 {background: url('../img/num1_ov.png')no-repeat 0% 50%;}
#c2_right .box a:hover .num.no2 {background: url('../img/num2_ov.png')no-repeat 0% 50%;}
#c2_right .box a:hover .cover {opacity: 1; }
#c2_right .box a:hover .img img {transform: scale(1.1);}
#c2_right .box a:hover .more {background-color: #0068b7; border-color:#0068b7; }





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

}

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

}

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

}