/* 공통 */
#c1_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c1_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;}
#c1_wrap .c_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 57px; color:#000; font-weight: 400;}
#c1_wrap .c_title h3 {font-family: 'paybooc-Light',sans-serif; font-size: 24px; color:#000; margin-top: 30px; font-weight: 400;}
#c1_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*/
#c1_wrap {width: 100%; position: relative;  padding-bottom: 100px; z-index: 3;}
#c1_wrap .c_inner {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
#c1_left {width: 450px; margin-top: -80px; position: relative; z-index: 3; overflow: hidden;}
#c1_right {width: 760px;}

#c1_left .title {width: 100%; background: url('../img/c1_l_bg.png') no-repeat 100% 100% #0068b7; padding: 54px 59px;}
#c1_left .title h1 {font-size: 39px; font-family: 'paybooc-Bold',sans-serif; color:#fff; margin-bottom: 18px}
#c1_left .title h1::before {content: ""; display: block; width: 50px; height: 3px; background: #fff; margin-bottom: 20px;}
#c1_left .title p {font-size: 16px; font-family: 'paybooc-Light',sans-serif; color:#fff; margin-bottom: 35px; line-height: 30px; word-break: keep-all;}

#c1_btn a {display: block; background: url('../img/c1_arrow.png')no-repeat 0% 40%; width: 63px; height: 49px; transition: all 0.3s; position: relative; z-index: 1;}
#c1_btn a::before {content: ''; display: block; width: 49px; height: 49px; border-radius: 50%; background-color: rgba(255,255,255,.25); position: absolute; right: 0; top:0;
z-index: -1; transition: all .3s ease;}
#c1_btn a:hover::before {background-color: rgba(255,255,255,.42);}


#c1_navi {width: 100%; margin-top: 20px;}
#c1_navi ul li {width: 100%; border-bottom: 1px solid #ddd;}
#c1_navi ul li a {display: block; width: 100%; padding: 22px 0; font-size: 20px; font-family: 'paybooc-Bold',sans-serif; color:#333; position: relative;}
#c1_navi ul li a span {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 30px;height: 30px; border-radius: 50%; border: 1px solid #eee; text-align: center; line-height: 30px; color:#333; font-size: 15px; padding-left: 2px; transition: all 0.3s;}
#c1_navi ul li a:hover span {color:#0068b7; border: 1px solid rgba(0,104,183,0.3);}

#c1_right_btm {width: 100%; margin-top:40px;}
#c1_tt {font-family: 'paybooc-ExtraBold'; font-size: 14px; color:#0e1a29; font-weight: 400; letter-spacing: 14px ;}






















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

}

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

}

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

}