/*Content CSS*/
#c1_wrap{overflow: hidden; height: 100vh; min-height:800px;display: flex; flex-direction: column; justify-content: center;}
.c1_inner{width: 100%; max-width: 1500px; padding: 0 50px; margin: 0 auto;}
.c1_inner .fs_60{font-size: 60px; font-weight: 700; color: #000;}
.c1_inner .fs_22{font-size: 22px; font-weight: 600; color: #0074f7;}
.c1_inner .fs_18{font-size: 18px; font-weight: 400; line-height: 1.7; color: #1d1d1f;}
.c1_inner .top{display: flex; align-items: flex-end; justify-content: space-between;}
.c1_inner .tit h3{margin: 15px 0;}
.c1_inner .plus_btn{display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: #0074f7; border-radius: 5px; margin-bottom: 7px; transition: .3s;}
.c1_inner .plus_btn img{display: block; transition: .3s;}

.c1_list{display: flex; margin-top: 30px;}
.c1_list li{margin-right: 12.8px; width: calc(50% / 3); transition: .3s; transition-property: width,opacity,transform !important;}
.c1_list li:last-child{margin-right: 0px; }
.c1_list li a{display: block; height: 100%; position: relative;}
.c1_list li a .img{overflow: hidden; height: 100%; min-height: 450px; border-radius: 10px; position: relative;}
.c1_list li a .img::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #0074F7    ; opacity: 0; transition: .3s;}
.c1_list li a .img img{height: 100%; object-fit: cover;}
.c1_list li a .text{position: absolute; width: 100%; left: 0; bottom: 35px; z-index: 2; transition: .3s;}
.c1_list li a .text p{font-size: 24.5px; font-weight: 700; text-align: center; color: #fff; transition: .3s}
.c1_list li a .mv_btn{display: none; align-items: center; justify-content: center; width: 160px; height: 45px; font-size: 15.5px; font-weight: 500; border: solid 1px #fff; border-radius: 22.5px; margin: 15px auto 0; color: #fff;}

.c1_list li.active{width: 50%; }
.c1_list li.active a .text p{font-size: 35.5px;}
.c1_list li.active a .mv_btn{display: flex;}
.c1_list  li.active a .text{top: 55%; transform: translateY(-50%);}

@media screen and (min-width:1025px) {
    .c1_inner .plus_btn:hover{background-color: #00b4f7;}
    .c1_inner .plus_btn:hover img{transform: rotate(90deg);}
    .c1_list li:hover .img::before{opacity: .7;}
}

@media screen and (max-width: 1400px) {
    #c1_wrap{padding: 100px 0;}
    .c1_list li a .img{min-height: 405px;}
    .c1_list li a .text p{font-size: 20px;}
    .c1_list li a .mv_btn{width: 150px; height: 40px; font-size: 14px; }

    .c1_inner .fs_60{font-size: 50px;}
    .c1_inner .fs_22{font-size: 20px;}
    .c1_inner .fs_18{font-size: 17px;}

    .c1_list  li.active a .text{top: 57%;}
    .c1_list li.active a .text p{font-size: 30px;}

    .c1_inner .plus_btn{width: 65px; height: 65px;}
}
@media screen and (max-width: 1280px) {
    #c1_wrap{height: initial; min-height:0;}
    .c1_list li a .img{min-height: 305px;}
    .c1_list li a .text p{font-size: 20px;}
    .c1_list li a .mv_btn{width: 150px; height: 40px; font-size: 14px; }

    .c1_list  li.active a .text{top: 57%;}
    .c1_list li.active a .text p{font-size: 30px;}
}
@media screen and (max-width: 1024px) {
    #c1_wrap{padding: 50px 0;}
    .c1_inner{padding: 0 30px; position: relative;}
    .c1_inner .fs_60{font-size: 40px;}
    .c1_inner .fs_22{font-size: 18px;}
    .c1_inner .fs_18{font-size: 16px;}
    .c1_inner .top{display: block; text-align: center;}
    .c1_inner .tit h3{margin: 10px 0;}
    .c1_inner .plus_btn{position: absolute; right: 30px; top: 0; width: 55px; height: 55px; margin-bottom: 0;}
    .c1_inner .plus_btn img{width: 25px;}

    .c1_list li.active .img::before{opacity: .7;}
    .c1_list li.active a .text p{font-size: 25px;}
    .c1_list li a .text{padding: 0 10px;}
    .c1_list li a .text p{font-size: 18px; line-height: 1.4;}
    .c1_list li a .mv_btn{font-size: 13px; }

}

@media screen and (max-width: 768px) {
    .c1_list{display: block;}
    .c1_list li{width: 100%; margin: 0;}
    .c1_list li + li{margin-top: 10px;}
    .c1_list li a .img{min-height: 0; height: 150px;}
    .c1_list li a .img::before{background-color: #000; opacity: .3;}

    .c1_list li a .img img{width: 100%; object-position: center;}
    .c1_list li.active{width: 100%; }
    .c1_list li.active a .img{height: 100%; max-height: 250px;}
    .c1_list li a .text{top: 50%; transform: translateY(-50%); bottom: initial;}
    .c1_list li.active a .text{top: 50%;}
}

@media screen and (max-width: 640px) {
    .c1_inner{padding: 0 20px;}
    .c1_inner .fs_60{font-size: 34px;}
    .c1_inner .fs_22{font-size: 17px;}
    .c1_inner .fs_18{font-size: 15px;}
    .c1_list{margin-top: 20px;}
    .c1_list li a .img{height: 100px;}
    .c1_list li.active a .img::before{background-color: #0074f7; opacity: .7;}
    .c1_list li.active a .img{max-height: 200px;}
    .c1_inner .plus_btn{position: relative; right: 0; top: 0; width: 100%; height: 40px; margin-top: 20px;}
    .c1_inner .plus_btn img{width: 12px;}
    .c1_inner .plus_btn::before{content: 'MORE VIEW'; display: inline-block; font-size: 14px; color: #fff; margin-right: 10px;}
}
