/* common */
#c1_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }

/* font size */
#c1_wrap .fs_60 {font-size: 60px; font-weight:700; line-height: 1.3; font-family: 'Play', sans-serif; }
#c1_wrap .fs_36 {font-size: 36px; font-weight :700; line-height: 1.2; font-family: 'Play', sans-serif; }
#c1_wrap .fs_30 {font-size: 30px; font-weight:700; line-height: 1.3; font-family: 'Play', sans-serif;}
#c1_wrap .fs_24 {font-size: 24px; font-weight:400; line-height: 1.5; font-family: 'Play', sans-serif;}
#c1_wrap .fs_20 {font-size: 20px; font-weight:600; line-height: 1.5;}
#c1_wrap .fs_18 {font-size: 18px; font-weight: 300; line-height: 1.67; }

/*Content CSS*/
#c1_wrap {text-align: center;}
#c1_wrap .list {display: flex; width: 100%; height: 100%;}
#c1_wrap .list li {flex:1;}
#c1_wrap .list .wrap {display: block; width: 100%; height: 100%; position: relative; z-index: 1; display: flex; align-items:center; justify-content: center; padding: 0 40px;
height: 719px; }
#c1_wrap .list .wrap::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0 ;top:0; z-index: -1;
transition: opacity .3s; }
/* #c1_wrap .list .wrap::after {content: ''; display: block; width: 1px; height: 100%; background: rgba(255,255,255,.2); position: absolute; right: 0; top:0 ;} */
#c1_wrap .list .wrap img {position: absolute; left: 0 ;top:0; object-fit: cover; object-position: center; width: 100%; height: 100%; z-index: -3;}
#c1_wrap .list .wrap img.ov {z-index: -2; opacity: 0; transition: opacity .3s; }
#c1_wrap .list .wrap:hover img.ov {opacity: 1; }
#c1_wrap .list .wrap:hover::before {opacity: 0;}
#c1_wrap .list .txt {width: 100%; }
#c1_wrap .list h4 {font-weight: 700; color:#fff; line-height: 1.1; }
#c1_wrap .list h3 { font-weight: 700; color:#fff; line-height: 1.1; margin:30px 0 30px; padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.3); }
#c1_wrap .list p {  color: rgba(255, 255, 255, 0.84); line-height: 1.5; font-weight: 400; font-family: 'Play', sans-serif; min-height: 150px;}




@media screen and (max-width:1600px) {
    #c1_wrap .list .wrap {padding: 0 20px; }
    #c1_wrap .list p {min-height: 0;}
    @media screen and (min-width:1025px) {
        #c1_wrap .list p {font-size: 16px;}
    }
}

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

    /* content */
    #c1_wrap .list {flex-wrap: wrap; }
    #c1_wrap .list li {width:33.3%; flex:inherit; }
    @media screen and (min-width:641px) {
        #c1_wrap .list li:nth-child(n+4) {width:50%;}
    }
    #c1_wrap .list .wrap {height:350px; }

    #c1_wrap .list h3 {  margin: 20px 0 20px; padding-bottom: 25px;}

}

@media screen and (max-width: 1024px) {
    /* common */
    /* #c1_wrap  {padding: 60px 0 ;} */
    #c1_wrap .c_inner {padding: 0 30px;}


    /* font size */
   #c1_wrap .fs_60 {font-size: 40px;}
   #c1_wrap .fs_36 {font-size: 28px;}
   #c1_wrap .fs_30 {font-size: 25px;}
   #c1_wrap .fs_24 {font-size: 20px;}
   #c1_wrap .fs_20 {font-size: 17px; }
   #c1_wrap .fs_18 {font-size: 15px; }

    /* content */
    #c1_wrap .list p {font-size: 15px;}

}

@media screen and (max-width:768px) {
    #c1_wrap .list p {font-size: 14px;}

}

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

    /* font size */
    #c1_wrap .fs_60 {font-size: 35px;}
    #c1_wrap .fs_36 {font-size: 25px;}
    #c1_wrap .fs_30 {font-size: 22px;}
    #c1_wrap .fs_24 {font-size: 17px;}
    #c1_wrap .fs_20 {font-size: 16px; }
    #c1_wrap .fs_18 {font-size: 14px; }

    /* content */
    #c1_wrap .list li {width:50%; }
    #c1_wrap .list li:last-child {width:100%;}
    #c1_wrap .list .wrap {height: 250px; }
    #c1_wrap .list h3 { margin: 15px 0 20px; padding-bottom: 15px;}
    #c1_wrap .list p {font-size: 13px;}

}

@media screen and (max-width:480px) {
    #c1_wrap .list li {width:100%; }
    #c1_wrap .list .wrap {height: auto; min-height: 200px; padding:20px;}
}