/* common */
#c1_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }
#c1_wrap .c_tit h2 {display: inline; position: relative;}
#c1_wrap .c_tit h2::after {content: ''; display: block; width: 15px; height: 15px; background-color: #014099; border-radius: 50%; right: -19px; top: -9px; position: absolute;}

/* font */
#c1_wrap .fs_60 {font-size: 60px; font-weight: 800; color:#000; line-height: 1.3;  }
#c1_wrap .fs_24 {font-size: 24px; font-weight: 400; color:#000; line-height: 1.58;  }
#c1_wrap .fs_18 {font-size: 18px; font-weight: 400; color:#333; line-height: 1.83; }

/* btn */
#c1_wrap .c_btn a {display: flex; align-items: center;  justify-content: space-between; font-size: 16px; background-color:#014099; font-weight: 500;
transition: all .3s; width: 200px; height: 55px; line-height: 1; padding: 0 25px;  color:#fff;}
#c1_wrap .c_btn a i {width: 23px; height: 8px; background:url("../img/c_btn_arrow.png") 50% 50% no-repeat;  transition: all .3s;}
#c1_wrap .c_btn a:hover { background: #2cb7ea; }
#c1_wrap .c_btn a:hover i {transform: translateX(7px);  }



/*Content CSS*/
#c1_wrap {padding: 100px 0; position: relative; z-index: 1; overflow: hidden; }
#c1_wrap article {display: flex;  justify-content: space-between; align-items: flex-start;}
#c1_wrap .txt {padding-top:40px;}
#c1_wrap .txt h3 {margin-top: 65px; }
#c1_wrap .txt p {margin: 40px 0 55px;}

#c1_wrap .img {display: flex; align-items: center; justify-content: center;  overflow: hidden;}
#c1_wrap .img img {max-width: inherit; }

#c1_wrap .obj {position: absolute; z-index: -1; left: 49%;  transform: translateX(-50%); width: 100%; max-width: 1786px; bottom:97px;}


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

    /*Content CSS*/
    #c1_wrap article {align-items: center;}
    #c1_wrap .txt {width: 50%; padding: 0 50px 0 0;}
    #c1_wrap .img {width: 50%; }
    #c1_wrap .img img {max-width: 100%;  }

    #c1_wrap .obj {left: 2%;   transform: translateX(0); }  
    #c1_wrap .obj img {max-width: 100%; }
}

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

    /* font */
    #c1_wrap .fs_60 {font-size: 40px;  }
    #c1_wrap .fs_24 {font-size: 20px; }
    #c1_wrap .fs_18 {font-size: 15px; line-height: 1.65;}

    /* btn */
    #c1_wrap .c_btn a {margin: 0 auto; }

    /*Content CSS*/
    #c1_wrap .c_inner {display: block; }

    #c1_wrap .txt {padding: 0; width: 100%; max-width: 100%;}
    #c1_wrap .txt h3 {margin-top: 25px;}
    #c1_wrap .txt p {margin: 15px 0 30px;}

    #c1_wrap .img { width: 100%; max-width: 100%; margin: 40px auto 0; }

    #c1_wrap .obj {left: 0; padding: 0 30px; bottom: 20px; }

}

@media screen and (max-width: 640px) {
    /* common */
    #c1_wrap {padding:50px 0 70px; }
    #c1_wrap .c_inner {padding: 0 20px;}
    #c1_wrap .c_tit h2::after { width: 10px; height: 10px; right: -15px; top: -5px;}

    /* font */
    #c1_wrap .fs_60 {font-size: 32px;  }
    #c1_wrap .fs_24 {font-size: 17px; }
    #c1_wrap .fs_18 {font-size: 13px;}

    /* btn */
    #c1_wrap .c_btn a {padding: 0 17px; font-size: 14px;  width: 170px; height: 40px;}

    /*Content CSS*/
    #c1_wrap .txt h3 {margin-top: 20px;}
    #c1_wrap .txt p {margin: 15px 0 20px;}

    #c1_wrap .img { margin: 30px auto 0; }

    #c1_wrap .obj {padding: 0 20px;}

}