/* common */
#c2_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1400px; width: 100%; }
#c2_wrap .c_tit h2 { position: relative; padding-left: 24px; font-family: "Poppins", sans-serif;}
#c2_wrap .c_tit h2::before {content: ''; display: block; width: 5px; height: 45px; background-color: #fc0606;  left: 0; top: 5px; position: absolute;}

/* font size */
#c2_wrap .fs_53 {font-size: 53px; font-weight: 700; line-height: 1.1;  }
#c2_wrap .fs_35 {font-size: 35px; font-weight: 700; line-height: 1.1;  }
#c2_wrap .fs_18 {font-size: 18px; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.5;   }

/*Content CSS*/
#c2_wrap { position:relative; z-index: 2; padding:100px 0 0; }
#c2_wrap::before {content: '';position: absolute; top:0; width: calc(50% + 750px); height:537px; left: 0;  z-index: -1; background:url("../img/c2_bg.jpg")50% 50%/cover no-repeat;}
#c2_wrap .c_tit h2 {color: #fff;}
#c2_wrap .c_tit h2::before {background-color: #fff;}
#c2_wrap .line {position: absolute; top:0; height: 100%; width:100%; max-width: 1500px; left: 50%;  transform: translateX(-50%); z-index: -2; display: flex;
justify-content: space-between; align-items: flex-end; pointer-events: none;}
#c2_wrap .line > span {display: block ;width: 1px; height: 100%; background-color: #e5dcdc;  }

#c2_wrap .list { display: flex; justify-content: space-between;  margin-top: 50px;}
#c2_wrap .list li { width:calc(50% - 15px);  }
#c2_wrap .list li a { position:relative; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; transition: all .3s;  text-align: left;
border-radius: 40px; }
#c2_wrap .list li a::before {content: ''; display: block; width: 100%; height: 100%; z-index: 3; border:4px solid #fc0606; position: absolute; left: 0; top:0;
transition: all .3s; opacity: 0; border-radius: inherit; pointer-events: none; }

#c2_wrap .list .txt {display: flex; justify-content: space-between; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 2; padding:0 50px 45px;
width: 100%;}
#c2_wrap .list .txt h3 {  color:#fff; font-weight: 700;}
#c2_wrap .list .txt .plus { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; border:1px solid #fff;
transition: all .3s; }

#c2_wrap .list .img {overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: inherit; }
#c2_wrap .list .img img {transition: transform .3s; max-width: inherit;  }
/* hover */
#c2_wrap .list a:hover::before {opacity: 1; transform: translate(-16px, -16px);}
#c2_wrap .list a:hover .img img {transform: scale(1.1);}
#c2_wrap .list a:hover .txt .plus {background-color: #fc0606; border-color: #fc0606; }


@media screen and (max-width: 1500px) {
    /* common */
    #c2_wrap .line {display: none; }
    /* Content */

}

@media screen and (max-width:1400px) {
    /* common */
    /* #c2_wrap br:not(.space) {display: none;} */

    /* content */
    #c2_wrap .list .txt {padding:0 40px 45px;}

}

@media screen and (max-width: 1024px) {
    /* common */
    #c2_wrap {padding: 70px 0; text-align: center;}
    #c2_wrap .c_inner {padding:0 30px;}
    #c2_wrap .c_tit h2 {padding: 0;}
    #c2_wrap .c_tit h2::before {width: 40px; height: 4px; position: static; margin: 0 auto 20px;}

    /* font */
    #c2_wrap .fs_53 {font-size: 35px;}
    #c2_wrap .fs_35 {font-size: 25px;}
    #c2_wrap .fs_18 {font-size: 15px; line-height: 1.65; }

    /* content */
    #c2_wrap::before {width: 100%; height: 65%; }
    #c2_wrap .list li { width:calc(50% - 10px);  }
    #c2_wrap .list .img img {max-width: 100%;}
    #c2_wrap .list .txt {padding:0 30px 30px;}

}
@media screen and (max-width: 640px) {
    /* common */
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}

    /* font size */
    #c2_wrap .fs_53 {font-size:30px;}
    #c2_wrap .fs_35 {font-size:20px;}
    #c2_wrap .fs_18 {font-size: 13px;  }


    /* content */
    #c2_wrap::before {height: 40%; }
    #c2_wrap .list  {display: block; margin-top:30px;}
    #c2_wrap .list li { width:100%;  }
    #c2_wrap .list li + li {margin-top: 20px; }
    #c2_wrap .list li a {border-radius: 20px; }
    #c2_wrap .list .img img {max-height: 250px; object-fit: cover; width: 100%; }
    #c2_wrap .list .txt {padding:0 20px 20px;}
    #c2_wrap .list .txt .plus {width: 40px; height: 40px; }
    #c2_wrap .list .txt .plus img {height: 15px;}

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

}