/*공통*/
.c_title h2 {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#467dbe; margin-bottom: 15px; font-weight: bold;}
.c_title h1 {font-family: 'paybooc-ExtraBold',sans-serif; font-size: 28px; color:#000;}
.c_title h3 {font-family: 'paybooc-Medium',sans-serif; font-size: 15px; color:#000; margin-top: 15px; line-height: 28px; word-break: keep-all; letter-spacing: -0.5px;}
.c_title p {font-family: 'paybooc-Light',sans-serif; font-size: 14px; color:#888; margin-top: 15px; line-height: 28px; word-break: keep-all;}

.c_btn a {display: flex; align-items: center; justify-content: center;}
.c_btn a p {font-family: 'paybooc-Light',sans-serif; font-size: 16px; color:#000; margin-right: 15px;font-weight: bold;}
.c_btn a .arrow {width: 45px; height: 45px; border: 1px solid #000; position: relative;transition: all 0.3s; }
.c_btn a .arrow span {display: block; width: 24px; height: 22px; background: url('../img/c_arrow_b.png')no-repeat 50% 50% #fff; position: absolute; top: 48%; left: -9px; transform: translateY(-50%); transition: all 0.3s;}
.c_btn a:hover .arrow {border: 1px solid #467dbe}
.c_btn a:hover .arrow span {position: absolute; left: -9px; background: url('../img/c_arrow_r.png')no-repeat 100% 50% #fff; width: 41px;}

/*Content CSS*/
#c1_wrap {width: 100%; position: relative; z-index: 20;}
#c1_wrap .article{width: 100%; margin: 0 auto; overflow: hidden;}
#c1_left {width: 100%;}
#c1_right {width: 100%; text-align: center; padding: 40px 15px;}

#c1_left .title {width: 100%; background: url('../img/c1_l_bg.png')no-repeat 50% 50% #467dbe;padding: 30px 15px; text-align: center;}
#c1_left .title h1 {font-size: 28px; 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: 0 auto 20px;}
#c1_left .title p {font-size: 15px; font-family: 'paybooc-Light',sans-serif; color:#fff; margin-bottom: 25px; line-height: 26px; word-break: keep-all;}

#c1_btn a {display: block; background: url('../img/c_r_arrow.png')no-repeat 0% 50%; width: 63px; height: 49px; transition: all 0.3s; margin: 0 auto;}
#c1_btn a:hover {background: url('../img/c_r_arrow_ov.png')no-repeat 0% 50%;}

#c1_navi {width: 100%; padding: 5px 15px 20px;}
#c1_navi ul li {width: 100%; border-bottom: 1px solid #ddd;}
#c1_navi ul li:last-child {border-bottom: none;}
#c1_navi ul li a {display: block; width: 100%; padding: 18px 0; font-size: 15px; 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:#467dbe; border: 1px solid #467dbe;}

#c1_right_btm { width: 100%; margin-top: 20px;}
#c1_tt {font-family: 'paybooc-Medium',sans-serif; font-size: 14px; color:#000; margin-bottom: 40px;}
#c1_tt span {width: 49px; height: 1px; background: #000; vertical-align: bottom; display: inline-block; margin: 0 10px;}







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

}

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

}

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

}