/* 공통 */
.text-center {text-align:center;}
.con {width:1280px; margin:0 auto;}
.main_title {text-align:center; position: relative;}
.main_title h1 {font-weight: 400; font-size:36px; color:#333333;     font-family: 'NanumSquare',sans-serif;}
.main_title h1 b {font-weight: 600;}
.main_title span {display: block;  width: 50px; height: 4px; background-color: #019b92; margin:30px auto 0;}
.main_title p {font-size:16px; font-weight: 400; color:#333; letter-spacing: -.5px; margin-top:30px; }
.main_title p b {font-weight: 500;}
.main_title a {font-size:16px; font-weight: 400; color:#019b92; position: absolute; right:0; top:10px;}

/* con */
.c4_wrap {width:100%; height:130px; background: #333; color:#fff;}
.c4_wrap .con {border-left:1px solid rgba(255,255,255,.2); border-right:1px solid rgba(255,255,255,.2); display: flex ;height:100%;}
.c4_con {width:640px; height:100%; display: flex; align-items: center; padding-left:40px; position: relative;}
.c4_con:nth-child(2) {background: #019b92;}
.c4_con > a {position: absolute; display: block; background-image: url('../img/c4_plus.png'); width:33px; height:33px; transition: all 0.4s ease;
top:25px; right:30px;}
.c4_con > a:hover {transform: rotate(90deg);}
.c4_con .txt {margin-left:20px;}
.c4_con h1 {margin-left:30px; font-size:40px; font-weight: 600; font-family: 'NanumSquare',sans-serif;}
.c4_con h2 {margin-top:8px; font-size:28px; color:#f6f6f6;  font-family: 'NanumSquare',sans-serif; font-weight: 600;}
.c4_con span {font-size:16px;   color: rgba(255, 255, 255, 0.37); text-transform: uppercase;}

@keyframes pulse-border {

}

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

}

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

}

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

}

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

}