/* common */
#c2_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c2_wrap .c_tit h2 { position: relative; padding-left: 21px;}
#c2_wrap .c_tit h2::before {content: ''; display: block; width: 5px; height: 40px; background-color: #fff;  left: 0; top: 5px; position: absolute;}

/* font size */
#c2_wrap .fs_45 {font-size: 45px; font-weight: 700; color:#fff ; 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 {background:#f8f9fa; overflow: hidden; padding: 80px 0 0; position: relative; z-index: 1;}
#c2_wrap::before {content: '';position: absolute; top:0; height: calc(100% - 150px); width:100%; left: 0;  z-index: -1; background:url("../img/c2_bg.jpg")33% 50%/cover no-repeat;}
#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: #dce0e5;  }

#c2_wrap .c_tit {margin-bottom: 50px; }

#c2_wrap .list {display: flex; justify-content: space-between;  text-align: center;}
#c2_wrap .list li {width: 19%; position: relative; z-index: 1; transition: width .5s;}
#c2_wrap .list a {display: block; width: 100%;  border-radius:50px 0 50px 0; height: 650px; position: relative;  transition: width .5s; overflow: hidden;}
#c2_wrap .list .img {display: flex; align-items:center; justify-content: center;  width: 100%; overflow: hidden; position: relative; z-index: 1; }
#c2_wrap .list .img::before {content: ''; display: block; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(0,58,130,.75); transition: opacity .3s;
z-index: 2; opacity: 1; position: absolute;}
#c2_wrap .list .img img {max-width: inherit; min-height: 100%; transition: all .5s; }
#c2_wrap .list .txt {position: absolute; left: 0; bottom: 0; padding:0 10px 55px; width: 100%; overflow: hidden;  z-index: 2;
display: flex; justify-content: center; align-items: center; flex-direction: column;}
#c2_wrap .list .txt h4 {font-size: 30px; font-weight: 700; color:#fff; line-height: 1.2; text-transform: uppercase; white-space: nowrap;}
#c2_wrap .list .txt h4::before {content: ''; display: block; width: 30px; height: 3px; background-color: #fff; margin: 0 auto 15px; }
#c2_wrap .list .txt p {margin-top: 20px; display: none; white-space: nowrap;}
#c2_wrap .list .icon {  display: flex; align-items: flex-end; justify-content: center; height: 65px; margin-bottom: 35px;}



/* active */
@media screen and (min-width:1025px) {
#c2_wrap .list li.active {width: 37.5%; }
#c2_wrap .list li.active {z-index: 2;}
#c2_wrap .list li.active .img::before {opacity: 0;}
#c2_wrap .list li.active .txt p {display: block;}

}





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

}

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

    /* content */

    /* active */

}

@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_45 {font-size: 35px;}
    #c2_wrap .fs_18 {font-size: 16px; line-height: 1.65; }

    /* content */
    #c2_wrap .c_tit {margin-bottom: 40px; }

    #c2_wrap .list {flex-wrap:wrap; }
    #c2_wrap .list li {margin:0; width: calc(50% - 10px); }
    #c2_wrap .list li:nth-child(n+3) {margin-top: 20px;}
    #c2_wrap .list a {height: auto;  border-radius:30px 0 30px 0; }
    #c2_wrap .list .img {max-height: 250px;  }
    #c2_wrap .list .img img {width: 100%; height: 100%; object-fit: cover;  min-height: 0;}
    #c2_wrap .list .img::before {  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .3) 90%);}
    #c2_wrap .list .txt {padding: 0 20px 25px;  }
    #c2_wrap .list .txt h4 {font-size:20px; white-space: normal;}
    #c2_wrap .list .txt h4::before { height: 2px;}
    #c2_wrap .list .txt p {display: block; margin-top: 10px; white-space: normal; line-height: 1.4;}
    #c2_wrap .list .icon {height: auto; margin-bottom: 20px; }

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

    /* font size */
    #c2_wrap .fs_45 {font-size:30px;}
    #c2_wrap .fs_18 {font-size: 14px;  }


    /* content */
    #c2_wrap::before { height: calc(100% - 140px);}
    #c2_wrap .c_tit {margin-bottom: 30px; }

    #c2_wrap .list li { width: calc(50% - 5px); }
    #c2_wrap .list li:nth-child(n+3) {margin-top: 10px;}
    #c2_wrap .list a { border-radius:20px 0 20px 0; }
    #c2_wrap .list .img { height:180px;}
    #c2_wrap .list .txt {padding: 0 10px 20px;  }
    #c2_wrap .list .txt h4 {font-size:18px; }
    #c2_wrap .list .txt h4::before { margin: 0 auto 10px; width: 20px; }
    #c2_wrap .list .txt p {display: none;}
    #c2_wrap .list .icon img {height: 40px; }


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

}