/* common */
#c4_wrap {position:relative; z-index: 1; overflow: hidden; padding:50px 0;}
#c4_wrap .c_inner {position:relative;  padding: 0 20px; z-index: 2;}

#c4_wrap .fs_55{font-size: 28px; font-weight: 800; letter-spacing: -1.1px; color: #000; line-height: 1;}
#c4_wrap .tit{position: relative;}
#c4_wrap .tit::before{content: ''; display: block; width: 30px; height: 3px; background-color: #42ade0; margin: 0 auto 14px;}
#c4_wrap .fs_22{font-size: 17px; font-weight: 700;  color: #fff;}
#c4_wrap .fs_18{font-size: 14px; line-height: 1.7; letter-spacing: -.36px; color: #333;}
#c4_wrap .fs_14{font-size: 13px; font-weight: 300; line-height: 1.7; color: #fff;}

#c4_wrap .text{text-align: center;}
#c4_wrap .text p{margin: 15px 0 30px;}

#c4_wrap .map_area {}
#c4_wrap .wrap_map::before{content: ''; display: block; width: 100%; height: 100%; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.25)); position: absolute; right: 0; top: 0; z-index: 5;}
#c4_wrap .map_area .root_daum_roughmap .wrap_map {border-bottom: 1px solid rgba(0,0,0,.1); -webkit-filter: grayscale(100%); filter: grayscale(100%); width: 100%; height: 300px;}
#c4_wrap .map_area .root_daum_roughmap .map_border {display: none;}
#c4_wrap .map_area .root_daum_roughmap .wrap_btn_zoom{z-index: 100;}



.c4_list {display: flex; flex-wrap: wrap; width: calc(100% - 20px); margin: -50px auto 0; position: relative; z-index: 1;}
.c4_list > li {background:#000; padding:15px; border-right: 1px solid rgba(255,255,255,0.2); flex-shrink: 0; transition: all .3s; text-align: center;}
.c4_list > li:first-child {background-color: #42ade0; width: 100%;}
.c4_list > li:last-child {border-right: 0;}
.c4_list > li:nth-child(n+2){width: 50%;}
.c4_list > li i {display: inline-block; transition: .5s; width: 30px;}
.c4_list > li h3 {display: block; margin:10px 0 5px;}
.c4_list > li p { }

.c4_list > li:hover i{transform: rotateY(180deg);}