/*Content CSS*/
.c1_wrap {width: 100%; padding-top: 0;}
.contents1 {width: 100%; height: auto;  margin: 0 auto; position: relative; display: inline-block;}
.c1_txt {width: 100%; height: auto; float:right;  z-index:3; background: #fff; padding: 50px 15px 50px 15px; position: relative; text-align: center;}
.c1_txt > h2 {font-family: 'NanumSquare', sans-serif !important;font-size: 24px; font-weight: 500; color:#b4b4b4; margin-bottom: 10px; word-break: keep-all;}
.c1_txt > h1 {font-family: 'NanumSquare', sans-serif !important;font-size: 22px; font-weight: 700; line-height: 36px; color:#333; margin-bottom: 20px; word-break: keep-all;
line-height: 30px;}
.c1_txt > h1 span {color:#0068d3;font-family: 'Raleway', sans-serif; font-weight: 500; }
.c1_txt p {font-size: 14px; font-weight: 300; color:#000; line-height: 25px; letter-spacing: -.5px; word-break: keep-all;}
.c1_img_box_wrap {width: 100%;  float:left;}
.c1_img_box { width: 100%;  position: relative;}
.c1_img {width: 100%; overflow: hidden; z-index: 1}
.c1_img img {width:100%;}
.c1_border_box {width: calc(100% - 40px); height: calc(100% - 40px);  border: 1px solid #fff; position: absolute; top: 20px; left:20px; z-index: 2}
.c1_img_bar {width: 25px; height: 65px;  background: #0068d3; position: absolute; top: -11px; left: 50px; z-index: 3}
/* .c1_img_box_wrap:hover .c1_img img {transform: scale(1.1);} */


.c1_btn {width: 240px; height: 60px;z-index: 3; margin: 30px auto 0 auto;}
.c1_btn a {width: 100%; height: 60px; display: block; transition: all 0.3s; background:  url('../img/c1_btn_bg_ov.jpg')no-repeat 50% 50%; background-size: cover; font-size: 16px; font-weight: 400; color:#fff; line-height: 60px; }
.c1_btn a img {padding-left: 7px; position: relative; top: -2px;}
@media screen and (max-width:1200px) {

}

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

}

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

}