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

/* font-style */
#c2_wrap .fs_60{font-size: 60px; font-weight: 700; line-height: 1.2;}
#c2_wrap .fs_30{font-size: 30px; line-height: 1.5;}
#c2_wrap .fs_27{font-size: 27px; line-height: 1.2;}
#c2_wrap .fs_23{font-size: 23px; line-height: 1.78;}
#c2_wrap .fs_19{font-size: 19px; line-height: 1.58;}
#c2_wrap .fs_17{font-size: 17px; line-height: 1.76;}
#c2_wrap .fs_16{font-size: 16px; line-height: 1.7;}

/* c2_wrap */
#c2_wrap .top{position: relative;}
#c2_wrap .top h3{margin-bottom: 20px; color: #fff;}
#c2_wrap .top h3::after{content: ''; display: block; width: 45px; height: 3px; background-color: #fff; margin: 54px 0 0;}
#c2_wrap .top h4{margin-bottom: 23px; font-weight: 700; color: #fff;}
#c2_wrap .top p{color: #fff; font-weight: 300;}

/* icon_list */
#c2_wrap .icon_list{display: flex; align-items: stretch; margin-top: 85px;}
#c2_wrap .icon_list li{width: 33.3%; }
#c2_wrap .icon_list li a{display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 70px 60px; border-radius: 20px; max-height: 353px; position: relative; transition: .3s; top: 0;}
#c2_wrap .icon_list li a .num{font-family: 'Poppins'; letter-spacing: -1.2px; line-height: 1; color: #fff; }
#c2_wrap .icon_list li a .txt{margin-top: 53px;}
#c2_wrap .icon_list li a .txt i{min-height: 56px; display: block; margin-bottom: 10px;}
#c2_wrap .icon_list li a .txt h4{font-weight: 700; color: #fff;}
#c2_wrap .icon_list li a > i{position: absolute; top: 33px; right: 33px; display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; border-radius: 50%; background-color: #000; }

#c2_wrap .icon_list li:nth-child(1) a{background-color: #04056b;}
#c2_wrap .icon_list li:nth-child(2) a{background-color: #ea8929;}
#c2_wrap .icon_list li:nth-child(3) a{background-color: #292929;}
#c2_wrap .icon_list li:nth-child(odd) a > i{background-color: rgba(0,0,0,.3)}
/* sec1 */
#c2_wrap .sec1{position: relative; z-index: 2;}
#c2_wrap .sec1::before{content: ''; display: block; width: 100%; height: calc(50% + 171px); position: absolute; top: 0; left: 0; background: url('../img/c2_bg.jpg') 50% / cover no-repeat; border-radius: 0 0 100px 0; z-index: -1;}

@media screen and (min-width: 1901px) {
    #c2_wrap .step_list{padding: 0 60px;}
}

@media screen and (min-width: 1025px) {
    #c2_wrap .icon_list li:hover a{top: -40px;}

}

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

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

    /* font-style */
    #c2_wrap .fs_60{font-size: 50px;}
    #c2_wrap .fs_30{font-size: 26px;}
    #c2_wrap .fs_27{font-size: 25px;}
    #c2_wrap .fs_23{font-size: 21px; line-height: 1.7}
    #c2_wrap .fs_19{font-size: 18px;}
    #c2_wrap .fs_17{font-size: 16px; line-height: 1.7;}
    #c2_wrap .fs_16{font-size: 15px;}

    /* icon_list */
    #c2_wrap .icon_list{margin-top: 70px;}
    #c2_wrap .icon_list li a{padding: 40px 50px;}
    #c2_wrap .icon_list li a .txt{margin-top: 45px;}
    #c2_wrap .icon_list li a .txt i{min-height: 0;}
    #c2_wrap .icon_list li a .txt i img{width: 45px;}
    #c2_wrap .icon_list li a > i{top: 25px; right: 25px; width: 55px; height: 55px; }
    #c2_wrap .icon_list li a > i img{width: 18px;}

    /* sec1 */
    #c2_wrap .sec1::before{height: calc(50% + 100px); border-radius: 0 0 70px 0;}
}
@media screen and (max-width: 1280px) {
    #c2_wrap .fs_30{font-size: 26px;}

    /* icon_list */
    #c2_wrap .icon_list li a{padding: 25px 30px;}
    #c2_wrap .icon_list li a .num{font-size: 40px;}
    #c2_wrap .icon_list li a .txt h4{letter-spacing: -1.5px;}
    #c2_wrap .icon_list li a .txt i img{width: 40px;}
    #c2_wrap .icon_list li a > i{top: 20px; right: 20px; width: 45px; height: 45px; }
    #c2_wrap .icon_list li a > i img{width: 16px;}


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

    /* font-style */
    #c2_wrap .fs_60{font-size: 45px;}
    #c2_wrap .fs_30{font-size: 25px;}
    #c2_wrap .fs_27{font-size: 23px;}
    #c2_wrap .fs_23{font-size: 19px;}
    #c2_wrap .fs_19{font-size: 17px;}
    #c2_wrap .fs_17{font-size: 15px;}
    #c2_wrap .fs_16{font-size: 14px;}

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

    /* icon_list */
    #c2_wrap .icon_list{flex-wrap: wrap; margin-top: 30px;}
    #c2_wrap .icon_list li{width: 100%;}
    #c2_wrap .icon_list li + li{margin-top: 15px;}
    #c2_wrap .icon_list li a{text-align: center;}
    #c2_wrap .icon_list li a .num{font-size: 30px;}
    #c2_wrap .icon_list li a .txt{margin-top: 30px;}
    #c2_wrap .icon_list li a .txt i img{width: 35px;}


    /* sec1 */
    #c2_wrap .sec1::before{border-radius: 0 0 50px 0;}
}

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

}

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

    /* font-style */
    #c2_wrap .fs_60{font-size: 40px;}
    #c2_wrap .fs_30{font-size: 23px;}
    #c2_wrap .fs_27{font-size: 21px;}
    #c2_wrap .fs_23{font-size: 18px;}
    #c2_wrap .fs_19{font-size: 16px;}
    #c2_wrap .fs_17{font-size: 14px;}
    #c2_wrap .fs_16{font-size: 13px;}

    #c2_wrap .icon_list li a {padding: 20px;}
    #c2_wrap .icon_list li a > i{right: 15px; top: 15px; width: 35px; height: 35px; }
    #c2_wrap .icon_list li a > i img{width: 12px;}
    #c2_wrap .icon_list li a .num{font-size: 25px;}
    #c2_wrap .icon_list li a .txt{margin-top: 20px;}
    #c2_wrap .icon_list li a .txt h4{letter-spacing: initial; }

}

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

}