/* 공통 */
#c4_wrap .c_inner {width: 1300px; margin:0 auto; position: relative;}
#c4_wrap .c_title {text-align: center;}
#c4_wrap .c_title h2 {font-size:14px; font-weight: 400; color:#0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 20px; text-transform: uppercase;}
#c4_wrap .c_title h1 {font-size:55px; font-weight: 800; color:#333; font-family: 'NanumSquare',sans-serif; }

/*Content CSS*/
#c4_wrap {background: #0768af; position: relative;text-align: center;}
.c4_title {display: inline-block; position: absolute; left:50%; transform:translateX(-50%); top:150px; z-index: 2;}
.c4_title h1 {font-size:27px; font-weight: 400; color:#fff ;line-height: 60px; font-family: 'NanumSquare',sans-serif; white-space: nowrap;}
.c4_title h1 b {font-weight: 700; font-size:36px;}
.c4_title h1 span {color:#61bd50;}
.c4_title > img {position: absolute; top:-30px;}
.c4_title > img.apos1 {left:90px;}
.c4_title > img.apos2 {right:90px;}

#c4_wrap .c_inner {z-index: 1; }
#c4_wrap .c_inner > img {position: absolute; z-index: -1;}
#c4_wrap .c_inner .c4_ptn1 {left:-275px; bottom: 0;}
#c4_wrap .c_inner .c4_ptn2 {right:-230px; top:0;}

/* c2_list */
#c4_list {display: flex; width: 100%; }
#c4_list > li {flex:1;}
#c4_list > li a {display: flex; width:100%; flex-direction: column; align-items: center; padding:380px 20px 125px; transition: all .3s ease;
border-left:1px solid rgba(255,255,255,.2); }
#c4_list > li:last-child a {border-right:1px solid rgba(255,255,255,.2);}
#c4_list .c4_icon {height: 67px; line-height: 67px;}
#c4_list .c4_icon img {transition: transform 500ms;}
#c4_list h2 {font-size:14px; font-weight: 500; color:rgba(255,255,255,.45); letter-spacing: 1.4px;  font-family: 'Montserrat'; margin:25px 0 10px; text-transform: uppercase;}
#c4_list h1 {font-size:24px; font-weight: 700; color:#fff; margin-bottom: 45px; font-family: 'NanumSquare',sans-serif; }
#c4_list span {display: block; padding:12px 0; width: 122px; border-top:1px solid #fff; border-bottom:1px solid #fff; color:#fff; text-align: center; font-size:14px;
font-weight: 300; color:rgba(255,255,255,.68); transition: all .4s ease; font-family: 'Montserrat'; position: relative; z-index: 1; }
#c4_list span::after {position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background: #fff; transition: all 0.3s ease;}

/* hover */
#c4_list > li a:hover {background: rgba(255,255,255,.05); }
#c4_list > li a:hover .c4_icon img {transform: rotateY(180deg);}
#c4_list > li a:hover  span {color:#0867ae; }
#c4_list > li a:hover  span::after {left: 0; width: 100%;}





@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) {

}