/* Content CSS */
#c1_wrap {padding:100px 0 110px;position:relative;z-index:3;background-color:#fff;}
#c1_wrap .c_inner {max-width:1600px;width:100%;margin:0 auto;position:relative;padding:0 50px;display:flex;align-items:flex-start;}

/* font_size */
#c1_wrap .fs_60 {font-size:60px;font-weight:700;line-height:1.25;letter-spacing:-1.2px;color:#000;}
#c1_wrap .fs_50 {font-size:50px;font-weight:700;line-height:1.6;color:#fff;}
#c1_wrap .fs_23 {font-size:23px;font-weight:700;color:#fff;}
#c1_wrap .fs_20 {font-size:20px;line-height:1.9;color:#333;}

/* system_left */
#c1_wrap .system_left {width:765px;flex:0 0 765px; min-width:0;position:relative;z-index:2;padding-top:36px;margin-right:-110px;}
#c1_wrap .system_intro {margin-bottom:70px;}
#c1_wrap .system_intro h2 {margin-bottom:38px;}
#c1_wrap .ft_w {font-family: 'Noto Sans KR';}

/* system_list */
#c1_wrap .system_list {display:flex; gap:15px; width:100%; margin:0; padding:0; list-style:none;}

#c1_wrap .system_item {position:relative; flex:0 0 245px; width:245px; min-width:245px; height:270px; border-radius:20px; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; padding:20px 25px 25px; color:#fff; cursor:pointer; background-position:center; background-size:cover; background-repeat:no-repeat; transition:all .35s ease; box-sizing:border-box;}
#c1_wrap .system_item:nth-child(1) {background-image:url('../img/c1_sm_img1.jpg');}
#c1_wrap .system_item:nth-child(2) {background-image:url('../img/c1_sm_img2.jpg');}
#c1_wrap .system_item:nth-child(3) {background-image:url('../img/c1_sm_img3.jpg');}

#c1_wrap .system_item > span:not(.overlay) {position:relative;top:0;left:0;z-index:2;align-self:flex-start;margin:0;transform:none;}
#c1_wrap .system_item p {position:relative;z-index:2;margin-top:auto;font-weight:600;line-height:1.3;white-space:nowrap;}

/* overlay */
#c1_wrap .system_item .overlay {position:absolute;left:0;top:0;width:100%;height:100%;transition:all .35s ease;}
#c1_wrap .system_item.active .overlay {background:rgba(233,8,24,.75);}
#c1_wrap .system_item:not(.active):hover .overlay {background:rgba(233,8,24,.75);}

#c1_wrap .system_panel_shade {position:absolute;left:0;top:0;width:100%;height:100%;}

/* system_panel */
#c1_wrap .system_panel {width:850px;height:550px;flex:0 0 850px;min-width:0;position:relative;margin-left:0;margin-right:calc((1600px - 100vw) / 2 + 50px);border-radius: 40px;overflow:hidden;background:#07101d;box-sizing:border-box;}
#c1_wrap .system_panel_bg {position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/c1_img1.jpg') center/cover no-repeat; transition:opacity .3s ease;}
#c1_wrap .system_panel_content {position:absolute;left:0;top:0;width:100%;height:100%;padding: 46px 65px 65px 65px; display:flex; color:#fff; box-sizing:border-box;}
#c1_wrap .system_panel_title {position:relative;z-index:2;}
#c1_wrap .system_panel_title > p {margin-bottom:12px; white-space:nowrap;}

/* view_more */
#c1_wrap .view_more {display:inline-flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
#c1_wrap .view_more span {color:#fff;}
#c1_wrap .view_more i {display:block;flex:0 0 30px;width:30px;height:30px;min-width:30px;min-height:30px;border-radius:50%;background-color:#fff;position:relative;transition:.3s;}
#c1_wrap .view_more i:before {content:"";position:absolute;left:50%;top:50%;width:11px;height:12px;background:url('../img/c1_arrow.png') center/contain no-repeat;transform:translate(-50%,-50%);}
#c1_wrap .view_more:hover i {background-color:#e90818;}
#c1_wrap .view_more:hover i:before {background-image:url('../img/c1_arrow_hv.png');}

/* system_panel_icon */
#c1_wrap .system_panel_icon {position:absolute;right:65px;bottom:65px;width:60px;height:60px;z-index:2;}
#c1_wrap .system_panel_icon img {display:block;width:100%;height:100%;object-fit:contain; transition: transform .6s ease;}
#c1_wrap .system_panel_icon:hover img{transform: rotateY(180deg);}