/*공통*/
.con1280 {width: 1280px; margin: 0 auto;}
.c_btn {width: 294px;}
.c_btn a {width: 100%; height: 76px; line-height: 76px; padding: 0 0 0 35px; background: url('../img/c_arrow_b.png')no-repeat 200px 49%; border: 1px solid #000; color:#000; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: 400; font-family: 'NanumSquare',sans-serif; display: block; transition: all 0.3s;}
.c_btn a:hover {background: url('../img/c_arrow_w.png')no-repeat 200px 49% #0053dd; border: 1px solid #0053dd; color:#fff;}



/*Content CSS*/
#c2_wrap {position: relative;}
.c2_title {position: absolute; top: 0; left: 50%; width: 300px; margin-left: -150px; font-size: 28px; font-family: 'NanumSquare',sans-serif; font-weight: 700; text-align: center; padding-top: 100px;}
.c2_title span {color:#0053dd;}
.c2_title::before {width: 1px; height:66px; background: #0053dd; display: block; content: ""; position: absolute; top: 0; left: 50%;}
.c2_title::after {width: 11px; height:11px; background: #0053dd; display: block; content: ""; position: absolute; top: 66px; left: 50%; margin-left: -5px;}
#c2_wrap .txt_bg {position: absolute; top: 30px; right: -40px;}


#c2_wrap .article {width: 100%; display: flex; overflow: hidden;}
#c2_wrap .article .box {width:33.33%; border-right: 1px solid #ddd; height: 100%;}
#c2_wrap .article .box:first-child {width:33.34%; border-left: 1px solid #ddd;}
#c2_wrap .article .box a {display: block; width: 100%; padding: 203px 70px 100px; height: 100%; background: #fff; text-align: center;}
#c2_wrap .article .box a .icon {width: 94px; height: 103px; text-align: center; transition: all 0.5s; margin: 0 auto 55px;}
#c2_wrap .article .box:nth-child(1) a .icon {background: url('../img/c2_icon1.png')no-repeat 50% 50%;}
#c2_wrap .article .box:nth-child(2) a .icon {background: url('../img/c2_icon2.png')no-repeat 50% 50%;}
#c2_wrap .article .box:nth-child(3) a .icon {background: url('../img/c2_icon3.png')no-repeat 50% 50%;}
#c2_wrap .article .box a h1 {font-size: 24px;font-family: 'NanumSquare',sans-serif; font-weight: 700; color:#000; margin-bottom: 15px;}
#c2_wrap .article .box a h1::before {content: ""; width: 30px; height: 1px; background: #000; margin-bottom: 10px; display: block; margin: 0 auto 20px;}
#c2_wrap .article .box a p {font-size: 14px; font-weight: 300; color:#666; line-height: 24px; margin-bottom: 25px; word-break: keep-all; letter-spacing: -0.3px;}
.c2_btn {font-size: 13px; font-family: 'Roboto',sans-serif; font-weight: 300; color:#c1c1c1;}
.c2_btn img {padding-left: 11px; position: relative; top: -2px;}

#c2_wrap .article .box a:hover {background: url('../img/c2_bg_ov.jpg')no-repeat 0 0;}
#c2_wrap .article .box a:hover .icon {transform: rotateY(180deg);}
#c2_wrap .article .box:nth-child(1) a:hover .icon {background: url('../img/c2_icon1_ov.png')no-repeat 50% 50%;}
#c2_wrap .article .box:nth-child(2) a:hover .icon {background: url('../img/c2_icon2_ov.png')no-repeat 50% 50%;}
#c2_wrap .article .box:nth-child(3) a:hover .icon {background: url('../img/c2_icon3_ov.png')no-repeat 50% 50%;}












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

}

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

}

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

}