/*공통*/
.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*/
#c2_wrap {width:100%; padding: 40px 0; overflow: hidden; position: relative; background: url('../img/c2_bg.jpg');}
#c2_wrap .article {width: 100%; margin: 0 auto; }
#c2_bg2 {width:100%; font-family: 'paybooc-ExtraBold',sans-serif; font-size: 12px; color: #0e1a29; letter-spacing: 10px; z-index: 3; padding-left: 16px; margin-top: 20px; text-align: center;}
#c2_left {width:100%; padding: 0 16px;}

#c2_wrap .c_title {text-align: center;}

/* slick prev next */
#c2_control {width: 100%; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 30px}
#c2_arrow {display: flex;}
#c2_next {margin-left:10px;}
#c2_prev,  #c2_next {width:50px; height:50px;display: flex; align-items: center; justify-content: center; border: 1px solid #000; transition: all .3s ease; cursor: pointer;}
#c2_prev span {display: block; background: url('../img/c2_prev.png')no-repeat 50% 50%; width: 24px; height: 7px;}
#c2_next span {display: block; background: url('../img/c2_next.png')no-repeat 50% 50%; width: 24px; height: 7px;}
#c2_prev:hover, #c2_next:hover {background: #000}
#c2_prev:hover span {background: url('../img/c2_prev_ov.png')no-repeat 50% 50%;}
#c2_next:hover span {background: url('../img/c2_next_ov.png')no-repeat 50% 50%;}

/*pager*/
#c2_pager .slick-dots {display: flex; flex-direction: row; justify-content: flex-end;}
#c2_pager .slick-dots li {margin-left: 30px;}
#c2_pager .slick-dots li button { background: transparent; font-size: 16px; font-family: 'paybooc-Light',sans-serif; color:#888; border: none; }
#c2_pager .slick-dots li.slick-active button {border-bottom: 1px solid #467dbe; font-family: 'paybooc-ExtraBold',sans-serif; color:#467dbe;}

/* c2_list / slider */
#c2_right { position: relative; z-index: 2; margin-top: 30px;}
#c2_slider {}
#c2_slider .slick-slide { outline: none!important;}
#c2_slider .c2_box {outline: none !important; display: block; transition: all .3s ease; position: relative; width: 100%; margin: 0 16px;}
.c2_box a { width: 100%; height: 100%; cursor: pointer; transition: all .4s linear; transition-delay: .4s; display: block; opacity: 1}
.c2_cover {width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; padding: 30px 15px; display: flex; flex-direction: column; justify-content: space-between; transition: all 0.3s}
.c2_img {width: 100%; overflow: hidden;}
.c2_img img {transition: all 0.3s; transform: scale(1);width: 100%;}
.c2_box .num {width: 100%; height: 73px; transition: all 0.3s}
.c2_box .num.no1 {background: url('../img/num1.png')no-repeat 0% 50%; }
.c2_box .num.no2 {background: url('../img/num2.png')no-repeat 0% 50%; }
.c2_box .num.no3 {background: url('../img/num3.png')no-repeat 0% 50%; }
.c2_box .num.no4 {background: url('../img/num4.png')no-repeat 0% 50%; }

.c2_txt {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.c2_txt h1 {font-size: 20px; font-family: 'paybooc-Medium',sans-serif; color:#fff;}
.c2_txt h1::before {display: block; content: ""; margin-bottom: 15px; width: 27px; height: 2px; background: #fff;}
.c2_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}


.c2_box a:hover .c2_img img {transform: scale(1.1);}
.c2_box a:hover .num.no1 {background: url('../img/num1_ov.png')no-repeat 0% 50%;}
.c2_box a:hover .num.no2 {background: url('../img/num2_ov.png')no-repeat 0% 50%;}
.c2_box a:hover .num.no3 {background: url('../img/num3_ov.png')no-repeat 0% 50%;}
.c2_box a:hover .num.no4 {background: url('../img/num4_ov.png')no-repeat 0% 50%;}
.c2_box a:hover .c2_txt .more  {background: #467dbe; border: 1px solid #467dbe;}

#c2_slider .c2_box:not(.slick-active) a {transition-delay: 0s;}
.c2_box.slick-active a {opacity: 1;}
.c2_box a:hover .c2_cover {background: rgba(0,0,0,0.75);}



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

}

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

}

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

}