/*공통*/
.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*/
#c1_wrap {width: 100%;overflow: hidden; position: relative;}
#c1_wrap .article {width: 1700px; margin: 14px auto 0; padding-bottom: 83px; position: relative; z-index: 2;}
#c1_wrap .article::before {display: block; content: ""; width: 100%; height: calc(100% - 83px); background: #f7f7f7; position: absolute; bottom: 0; left: 0;}
#c1_wrap .article .con1280 {display: flex; align-items: flex-end; position: relative; justify-content: flex-end;}
#c1_wrap .article .con1280 .img_wrap {width: 570px; height: 575px; padding: 15px; background: #fff; position: relative;}
#c1_wrap .article .con1280 .img_wrap .img {width: 100%; height: 100%;}
#c1_wrap .article .con1280 .img_wrap .img img {width: 100%; height: 100%;}
#c1_wrap .article .con1280 .img_wrap .img_bg1 {width: 73px; height: 19px; background: #0053dd; position: absolute; top: 136px; right: -30px;}
#c1_wrap .article .con1280 .img_wrap .img_bg2 {width: 164px; height: 139px; border: 2px solid #0053dd; position: absolute; top: 490px; left: -67px;}

#c1_wrap .article .con1280 .txt {width: calc(100% - 570px); padding-left: 100px;}
#c1_wrap .article .con1280 .txt h1 {font-size: 80px;font-family: 'Roboto', sans-serif; font-weight: 700; color: #000; margin-bottom: 30px;}
#c1_wrap .article .con1280 .txt h2 {font-size: 28px;font-family: 'NanumSquare', sans-serif; font-weight: 700; margin-bottom: 25px; color:#000 }
#c1_wrap .article .con1280 .txt h2 span {color:#0053dd}
#c1_wrap .article .con1280 .txt p {font-size: 16px; font-weight: 300; color:#666; letter-spacing: -0.3px; line-height: 30px; margin-bottom: 60px;}

.line_box {display: flex; justify-content: space-between; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%;}
.line_box .line {height: 100%; width: 1px; background: #ddd}




















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

}

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

}

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

}