/* common */
#c4_wrap {position:relative; z-index: 1; overflow: hidden;}
#c4_wrap .c_inner {position:relative; display: flex; padding:120px 0 140px; z-index: 2;}

#c4_wrap .fs_55{font-size: 55px; 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: 5px; height: 50px; background-color: #42ade0; position: absolute; top: 2px; left: -28px;}
#c4_wrap .fs_22{font-size: 22px; font-weight: 700;  color: #fff;}
#c4_wrap .fs_18{font-size: 18px; line-height: 33px; letter-spacing: -.36px; color: #333;}
#c4_wrap .fs_14{font-size: 14px; font-weight: 300; line-height: 25px; color: #fff;}

#c4_wrap .text{padding-left: 28px;}
#c4_wrap .text p{margin: 45px 0 105px;}

#c4_wrap .map_area {position:absolute; width:50% ; left:50%; height: 650px;}
#c4_wrap .wrap_map::before{content: ''; display: block; width: 310px; 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%); height: 650px;}
#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_wrap .left {width: calc(50% + 215px); display: flex; justify-content: flex-end; z-index: 3;}
#c4_wrap .left .l_con {width: 865px;}


.c4_list {display: flex; margin:0 0 110px;}
.c4_list > li {background:#000; padding:55px 20px; border-right: 1px solid rgba(255,255,255,0.2); flex-shrink: 0; transition: all .3s; text-align: center; min-width: 216px;}
.c4_list > li:first-child {background-color: #42ade0; flex: 2;}
.c4_list > li:last-child {border-right: 0;}
.c4_list > li i {display: inline-block; min-height: 56px; line-height: 56px; transition: .5s;}
.c4_list > li h3 {display: block; margin:38px 0 16px;}
.c4_list > li p { }

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