/*Content CSS*/
#c1_wrap{position: relative; overflow: hidden; width: 100%;}
#c1_wrap > article{padding: 80px 0 90px;}
#c1_wrap .c_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}
#c1_wrap br.mob{display: none;}

/* font-style */
#c1_wrap .fs_60{font-size: 60px; font-weight: 700; line-height: 1.2;}
#c1_wrap .fs_30{font-size: 30px; line-height: 1.5;}
#c1_wrap .fs_25{font-size: 25px; line-height: 1.2;}
#c1_wrap .fs_23{font-size: 23px; line-height: 1.35;}
#c1_wrap .fs_20{font-size: 20px; line-height: 1.58;}
#c1_wrap .fs_17{font-size: 17px; line-height: 1.76;}

/* c1_wrap */
#c1_wrap .top{position: relative;}
/* #c1_wrap .top h3{margin-bottom: 15px; max-width: calc(100% - 300px);}
#c1_wrap .top h3::after{content: ''; display: block; width: 45px; height: 3px; background-color: #04056b; margin: 33px 0 0;} */

/* hv_list */
#c1_wrap .hv_list {display: flex; justify-content: space-between; margin:45px 0 0; }
#c1_wrap .hv_list li {width: 15.85%; position: relative; z-index: 1; transition: width .5s;}
#c1_wrap .hv_list a {display: block; width: 100%; border-radius: 20px; height: 512px; position: relative;  transition: width .5s; overflow: hidden;}
#c1_wrap .hv_list .img {display: flex; align-items:center; justify-content: center;  width: 100%; overflow: hidden; position: relative; z-index: 1; }
#c1_wrap .hv_list .img::before{content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; }
#c1_wrap .hv_list .img img {max-width: inherit; min-height: 100%; transition: all .5s; }
#c1_wrap .hv_list .txt {width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; padding: 0; text-align: left; z-index: 2; white-space: nowrap; padding: 65px; transition: .3s;}
#c1_wrap .hv_list .txt h3 {font-weight: 800; letter-spacing: -.79px; color: #fff; transition: none;}
#c1_wrap .hv_list .txt p{font-weight: 300; letter-spacing: -.4px; color: #fff; }
#c1_wrap .hv_list .txt .num{font-family: 'Poppins'; color: #fff; letter-spacing: -1.2px; line-height: 1;}

#c1_wrap .hv_list .txt .bot{width: 100%; display: flex; justify-content: space-between; align-items: center;}
#c1_wrap .hv_list .txt .bot i{display: none; align-items: center; justify-content: center; width: 65px; height: 65px; background-color: #ea8929; border-radius: 50%; flex-shrink: 0; margin-left: 10px;}


@media screen and (min-width: 1901px) {

}

@media screen and (min-width: 1025px) {
    #c1_wrap .hv_list .txt p {display: none; }
    #c1_wrap .hv_list .txt {display: flex; flex-direction: column-reverse; align-items: center; justify-content: space-between;}
    #c1_wrap .hv_list li:not(.active) .txt h3 {writing-mode: sideways-lr;}
    #c1_wrap .hv_list li:not(.active) .txt .bot{justify-content: center;}
    #c1_wrap .hv_list li:not(.active) .txt .num{font-size: 30px;}
    #c1_wrap .hv_list li:not(.active) .txt br{display: none;}

    /* hv_list */
    #c1_wrap .hv_list li.active {width: 49.15%; z-index: 2; }
    #c1_wrap .hv_list li.active .txt {align-items: flex-end; flex-direction: column;}
    #c1_wrap .hv_list li.active .txt .num{text-align: right;}
    #c1_wrap .hv_list li.active .txt h3 {transform: none; width: 100%;}
    #c1_wrap .hv_list li.active .txt .bot i{display: flex; }
    #c1_wrap .hv_list li.active p {display: block; margin-top: 15px;}

    @media screen and (min-width: 1025px) {
        #c1_wrap .hv_list li.active .txt{padding: 60px;}
        #c1_wrap .hv_list li.active .txt h3{font-size: 39.5px;}
    }

}

@media screen and (max-width: 1600px) {
    #c1_wrap > article{padding: 70px 0;}

}

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

    /* font-style */
    #c1_wrap .fs_60{font-size: 50px;}
    #c1_wrap .fs_30{font-size: 26px;}
    #c1_wrap .fs_25{font-size: 23px;}
    #c1_wrap .fs_23{font-size: 21px;}
    #c1_wrap .fs_20{font-size: 18px;}
    #c1_wrap .fs_17{font-size: 16px; line-height: 1.7;}

    /* hv_list */
    #c1_wrap .hv_list a{height: 470px;}
    #c1_wrap .hv_list .txt {padding: 50px;}
    #c1_wrap .hv_list .txt .bot{align-items: flex-start;}
    #c1_wrap .hv_list .txt .bot i{width: 55px; height: 55px; }
    #c1_wrap .hv_list .txt .bot i img{width: 18px;}
    @media screen and (min-width: 1025px) {
        #c1_wrap .hv_list li.active p{margin-top: 5px;}
        #c1_wrap .hv_list li.active .txt{padding: 36px;}
        #c1_wrap .hv_list li.active .txt h3{font-size: 34px; line-height: 1.5;}
    }


}
@media screen and (max-width: 1280px) {
    /* hv_list */
    #c1_wrap .hv_list .txt .bot i{position: absolute; top: 25px; right: 25px; width: 45px; height: 45px; flex-shrink: initial; margin-left: 0;}
    #c1_wrap .hv_list .txt .bot i img{width: 16px;}

    @media screen and (min-width: 1025px) {
        #c1_wrap .hv_list li.active .txt{align-items: flex-start;}
        #c1_wrap .hv_list li.active .txt .num{text-align: left; font-size: 40px;}
    }

}
@media screen and (max-width: 1024px) {
    #c1_wrap > article{padding: 50px 0;}
    #c1_wrap .c_inner{padding: 0 30px;}
    #c1_wrap br.mob{display: block;}
    #c1_wrap br.space{display: none;}

    /* font-style */
    #c1_wrap .fs_60{font-size: 45px;}
    #c1_wrap .fs_30{font-size: 25px;}
    #c1_wrap .fs_25{font-size: 21px;}
    #c1_wrap .fs_23{font-size: 20px;}
    #c1_wrap .fs_20{font-size: 17px;}
    #c1_wrap .fs_17{font-size: 15px;}

    /* c1_wrap */
    #c1_wrap .top{text-align: center;}
    /* #c1_wrap .top h3{margin-bottom: 15px; max-width: 100%;}
    #c1_wrap .top h3::after{width: 35px; margin: 25px auto 0;} */

    /* hv_list */
    #c1_wrap .hv_list {flex-wrap: wrap; margin-top: 25px;}
    #c1_wrap .hv_list li{width: 100%;}
    #c1_wrap .hv_list li + li{margin-top: 15px;}
    #c1_wrap .hv_list li a{height: auto; text-align: center;}
    #c1_wrap .hv_list .txt {padding: 30px; position: relative; text-align: center;}
    #c1_wrap .hv_list .txt h3{margin-bottom: 10px; white-space: pre-wrap;}
    #c1_wrap .hv_list .txt p{white-space: pre-wrap;}
    #c1_wrap .hv_list .txt .num{font-size: 30px;}
    #c1_wrap .hv_list .txt .bot{ margin-top: 30px; display: block;}
    #c1_wrap .hv_list .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    #c1_wrap .hv_list .img img{width: 100%; height: 100%; object-fit: cover;}

    #c1_wrap .hv_list .txt .bot i{display: flex; }


}

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

}

@media screen and (max-width: 640px) {
    #c1_wrap .c_inner{padding: 0 20px;}
    /* font-style */
    #c1_wrap .fs_60{font-size: 40px;}
    #c1_wrap .fs_30{font-size: 23px;}
    #c1_wrap .fs_25{font-size: 20px;}
    #c1_wrap .fs_23{font-size: 19px;}
    #c1_wrap .fs_20{font-size: 16px;}
    #c1_wrap .fs_17{font-size: 14px;}

    /* hv_list */
    #c1_wrap .hv_list .txt{padding: 25px 20px;}
    #c1_wrap .hv_list .txt h3{margin-bottom: 8px;}
    #c1_wrap .hv_list .txt .bot i{right: 15px; top: 15px; width: 35px; height: 35px; }
    #c1_wrap .hv_list .txt .bot i img{width: 12px;}
    #c1_wrap .hv_list .txt .num{font-size: 25px;}

}

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

}