/* 공통 */
#c2-wrap .c_inner {width:100%; padding:0 15px;}

/*Content CSS*/
#c2-wrap {width:100%; padding:150px 0 50px 0;  background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover;  text-align: center; }
#c2-wrap h1 {font-size:22px; font-weight: 600; color:#202020; display: inline-block; position: relative; line-height: 30px; font-family: 'Raleway', sans-serif; z-index: 1;
padding: 0 35px}
#c2-wrap h1 img {position: absolute; top:4px; width:25px; z-index: -1;}
#c2-wrap h1 .apos1 {left:-0}
#c2-wrap h1 .apos2 {right:-0}
#c2-wrap p {font-size:14px; font-weight: 300; color:#202020; line-height: 22px; margin:15px 0 40px; letter-spacing: -.5px; word-break: keep-all;}
#c2-wrap a {display: inline-block; font-size:13px; font-weight: 600; color:#006dbb; position: relative; transition: all .3s ease; font-family: 'Raleway', sans-serif; z-index: 1; left:0;}
#c2-wrap a span {position: absolute; display: block; bottom:-1px; left:0; width:95px; height:1px; background: #006dbb;}
#c2-wrap a span::after {content: ''; position: absolute; display: block; width: 8px; height: 1px; background: #006dbb; right: 0; transform: rotate(40deg); top: -3px; transition: all .3s ease;}
#c2-wrap a::after {content: ''; display: block; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); right: -34px; z-index: -1; transition: all .3s ease;
background: url('../img/c1_btn_box.png') 50% 50% no-repeat;}
#c2-wrap a:hover {left:10px;}
#c2-wrap a:hover::after {right:-24px;}


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

}

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

}

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

}