/* common */
#c3_wrap .c_inner { width: 100%; max-width: 1600px; margin:0 auto; position: relative; padding:0 50px;}

/* font size */
#c3_wrap .fs_80 {font-size: 80px; font-weight :700; line-height: 1.06;}
#c3_wrap .fs_35 {font-size: 35px; font-weight :700; line-height: 1.39;}
#c3_wrap .fs_34 {font-size: 34px; font-weight:500; line-height: 1.3; }
#c3_wrap .fs_33 {font-size: 33px; font-weight:700; line-height: 1.3; }
#c3_wrap .fs_32 {font-size: 32px; font-weight:700; line-height: 1.3; }
#c3_wrap .fs_30 {font-size: 30px; font-weight:700; line-height: 1.3;}
#c3_wrap .fs_27 {font-size: 27px; font-weight:700; line-height: 1.3; }
#c3_wrap .fs_26 {font-size: 26px; font-weight:700; line-height: 1.3;  }
#c3_wrap .fs_25 {font-size: 25px; font-weight:700; line-height: 1.3;  }
#c3_wrap .fs_24 {font-size: 24px; font-weight:700; line-height: 1.4;}
#c3_wrap .fs_23 {font-size: 23px; font-weight:700; line-height: 1.4;}
#c3_wrap .fs_22 {font-size: 22px; font-weight:600; line-height: 1.4; }
#c3_wrap .fs_21 {font-size: 21px; font-weight:600; line-height: 1.67; }
#c3_wrap .fs_20 {font-size: 20px; font-weight:400; line-height: 1.67; }
#c3_wrap .fs_19 {font-size: 19px; font-weight: 400; line-height: 1.67; }
#c3_wrap .fs_18 {font-size: 18px; font-weight: 400;  line-height: 1.83; }
#c3_wrap .fs_17 {font-size: 17px; font-weight: 400; line-height: 1.72; }
#c3_wrap .fs_16 {font-size: 16px; font-weight: 400;  line-height: 1.72; }
#c3_wrap .fs_15 {font-size: 15px; font-weight: 400;  line-height: 1.72; }

/* btn */
#c3_wrap .plus_btn {display: flex; align-items: center; justify-content: center; width: 60px; height:60px; border-radius: 50%; border:1px solid #fff; transition: all .3s;}
#c3_wrap .plus_btn i {transition: transform .3s; display: block; width: 20px; height: 20px; background:url("../img/btn_plus.png") 50%/contain no-repeat; }
#c3_wrap .plus_btn:hover {background-color: #6a1684; border-color: #6a1684; }
#c3_wrap .plus_btn:hover i {transform: rotate(90deg);}

/*Content CSS*/
#c3_wrap {background:#fff; overflow: hidden; padding: 70px 0 120px;}

#c3_wrap .list {display: flex; justify-content: space-between; margin:35px 0 0; }
#c3_wrap .list li {width: 15.33%; position: relative; z-index: 1; transition: width .5s;}
#c3_wrap .list a {display: block; width: 100%; background-color: #fff; border-radius:20px; height: 510px; position: relative;  transition: width .5s; overflow: hidden;}
#c3_wrap .list .img {display: flex; align-items:center; justify-content: center;  width: 100%; overflow: hidden; position: relative; z-index: 1; }
#c3_wrap .list .img::before {content: ''; display: block; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(220,214,234,.7); transition: opacity .3s;
z-index: 2; opacity: 1; position: absolute;}
#c3_wrap .list .img img {max-width: inherit; min-height: 100%; transition: all .5s; filter: grayscale(1);}
#c3_wrap .list .txt {position: absolute; left: 0; bottom: 0; padding: 0 50px 35px; text-align: left; width: 100%; overflow: hidden; opacity: 0;  z-index: 2;
display: flex; justify-content: space-between; align-items: center;}
#c3_wrap .list .txt h3 {  font-weight: 700; color:#fff; line-height: 1.3; text-transform: uppercase; white-space: nowrap;}
#c3_wrap .list .txt h3::before {content: ''; display: block; width: 30px; height: 3px; background: #fff; margin: 0 0 10px;}
#c3_wrap .list .plus_btn {position: absolute; right: 35px; top:35px; opacity: 0; opacity: 0; z-index: 2;}

/* active */
@media screen and (min-width:1025px) {
    #c3_wrap .list li.active {width: 49%; }
    #c3_wrap .list li.active {z-index: 2;}
    #c3_wrap .list li.active .img::before {opacity: 0;}
    #c3_wrap .list li.active .img img {filter: grayscale(0);}
    #c3_wrap .list li.active .txt {opacity: 1; }
    #c3_wrap .list li.active .plus_btn {opacity: 1;}
}



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

    /* content */

    /* active */
    @media screen and (min-width:1025px) {
        #c3_wrap .list .txt h3 {font-size: 27px; }
    }

}



@media screen and (max-width: 1024px) {
    /* common */
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px;}
    #c3_wrap .c_title h2::before {margin: 0 auto 15px;}
    /* font size */
    #c3_wrap .fs_80 {font-size:45px; }
    #c3_wrap .fs_35 {font-size:30px; }
    #c3_wrap .fs_34 {font-size: 27px;}
    #c3_wrap .fs_33 {font-size: 26px;}
    #c3_wrap .fs_32 {font-size: 26px;}
    #c3_wrap .fs_30 {font-size: 25px;}
    #c3_wrap .fs_26 {font-size: 21px;}
    #c3_wrap .fs_25 {font-size: 21px;}
    #c3_wrap .fs_24 {font-size: 20px;}
    #c3_wrap .fs_23 {font-size: 19px;}
    #c3_wrap .fs_22 {font-size: 19px;}
    #c3_wrap .fs_21 {font-size: 18px; line-height: 1.4;}
    #c3_wrap .fs_20 {font-size: 17px; line-height: 1.65;}
    #c3_wrap .fs_19 {font-size: 17px; line-height: 1.65;}
    #c3_wrap .fs_18 {font-size: 16px; line-height: 1.65;}
    #c3_wrap .fs_17 {font-size: 15px; line-height: 1.65;}
    #c3_wrap .fs_16 {font-size: 14px; line-height: 1.65;}
    #c3_wrap .fs_15 {font-size: 13px; line-height: 1.65;}



    /* content */
    #c3_wrap {text-align: center;}
    #c3_wrap .top {display: block;}
    #c3_wrap .top .c_title {margin: 0 0 10px;}
    #c3_wrap .top p {padding: 0;}

    #c3_wrap .list {flex-wrap:wrap; margin-top: 40px;}
    #c3_wrap .list li {margin:0; width: calc(50% - 10px); }
    #c3_wrap .list li:nth-child(n+3) {margin-top: 20px;}
    #c3_wrap .list a {height: auto; }
    #c3_wrap .list .img {max-height: 400px;  }
    #c3_wrap .list .img img {width: 100%; height: 100%; object-fit: cover;  min-height: 0; filter: grayscale(0);}
    #c3_wrap .list .img::before {background-color: rgba(0,0,0,.1);}
    #c3_wrap .list .txt {padding: 20px 20px; opacity: 1; }
    #c3_wrap .list .txt h3 {font-size:20px; white-space: normal;}



}
@media screen and (max-width: 640px) {
    /* common */
    #c3_wrap {padding: 50px 0;}
    #c3_wrap .c_inner {padding:0 20px;}
    /* font size */
    #c3_wrap .fs_80 {font-size:35px; }
    #c3_wrap .fs_35 {font-size:22px; }
    #c3_wrap .fs_34 {font-size: 21px;}
    #c3_wrap .fs_33 {font-size: 20px;}
    #c3_wrap .fs_32 {font-size: 20px;}
    #c3_wrap .fs_30 {font-size: 20px;}
    #c3_wrap .fs_26 {font-size: 18px;}
    #c3_wrap .fs_25 {font-size: 18px;}
    #c3_wrap .fs_24 {font-size: 17px;}
    #c3_wrap .fs_23 {font-size: 17px;}
    #c3_wrap .fs_22 {font-size: 17px;}
    #c3_wrap .fs_21 {font-size: 16px;}
    #c3_wrap .fs_20 {font-size: 15px;}
    #c3_wrap .fs_19 {font-size: 15px;}
    #c3_wrap .fs_18 {font-size: 14px;}
    #c3_wrap .fs_17 {font-size: 14px;}
    #c3_wrap .fs_16 {font-size: 13px;}
    #c3_wrap .fs_15 {font-size: 12px;}

    #c3_wrap .plus_btn {width:40px; height: 40px; flex-shrink: 0;}
    #c3_wrap .plus_btn i {width: 16px; height: 16px; }


    /* content */
    #c3_wrap .list {margin-top: 30px; }
    #c3_wrap .list li {width: 100%; }
    #c3_wrap .list li:nth-child(n+2) {margin-top: 15px;}
    #c3_wrap .list a {border-radius: 20px;}
    #c3_wrap .list .img { max-height:330px;}
    #c3_wrap .list .txt h4 {font-size:18px; }
    #c3_wrap .list .icon img {height: 35px; }
    #c3_wrap .list .icon i + i {margin: 0 0 0 10px;}

}

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



}