/* common */
#c2_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1500px; width: 100%; }
#c2_wrap .c_title span {font-size: 22px; font-weight: 700; color:#0055a2; margin-bottom: 25px; display: block;}

/* font size */
#c2_wrap .fs_42 {font-size: 42px; font-weight:300; color: #fff; line-height: 1.3; letter-spacing: -1.05px;}
#c2_wrap .fs_60 {font-size: 60px; font-weight: 700; color: #fff; line-height: 1.3; }
#c2_wrap .fs_18 {font-size: 18px; font-weight: 300; color: #fff; line-height: 2; }
#c2_wrap .fs_17 {font-size: 17px; font-weight: 300; color: #fff; line-height: 1.76; }

/* btn */
#c2_wrap .c_btn a {display: flex;align-items: center; justify-content: center; width: 260px; height: 70px; border:1px solid #cbcbcb; border-radius: 35px;
font-size: 18px; font-weight: 500; color:#fff; letter-spacing: -.45px; transition: all .3s; }
#c2_wrap .c_btn a i {display: block; margin-left: 18px; position: relative; top:-2px;}
#c2_wrap .c_btn a:hover {background-color: #0055a2; border-color: #0055a2; }

/*Content CSS*/
#c2_wrap {padding: 130px 0 140px; background:url("../img/c2_bg.jpg") 50%/cover no-repeat; position: relative; z-index: 2; }
#c2_wrap .c_inner {display: flex; justify-content: flex-end;}
#c2_wrap .obj_wrap {width: 100%; max-width: 1400px; position: absolute; z-index: -1; top:0; height: 100%; left: 50%;  transform: translateX(-50%);}
#c2_wrap .obj {position: absolute; z-index: -1;}
#c2_wrap .obj1 {left: -135px; top: -67px; animation:c2_ani1 1.2s ease-out infinite alternate;}
#c2_wrap .obj2 {right: -116px; bottom:-100px; animation:c2_ani2 1.5s ease-out infinite alternate;}
@keyframes c2_ani1 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@keyframes c2_ani2 {
  0% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}

#c2_wrap .txt p {margin: 25px 0 60px; }





@media screen and (max-width: 1500px) {
    /* common */
    #c2_wrap {background-position: 70% 50%;}
    #c2_wrap .obj1 {left: -40px;}

}

@media screen and (max-width: 1024px) {
    /* common */
    #c2_wrap {padding: 70px 0; text-align: center;}
    #c2_wrap .c_inner {padding:0 30px;}
    #c2_wrap .c_title span {font-size: 18px; margin-bottom: 15px;}
    /* font size */
    #c2_wrap .fs_42 {font-size: 30px; }
    #c2_wrap .fs_60 {font-size: 40px; }
    #c2_wrap .fs_18 {font-size: 15px; }
    #c2_wrap .fs_17 {font-size: 15px; }
    /* btn */
    #c2_wrap .c_btn a {margin:0 auto;    width: 240px; height: 60px; font-size: 16px;}

    /* Content CSS */
    #c2_wrap {background-position:30% 50%;}
    #c2_wrap::before {content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top:0; z-index: -2;}
    #c2_wrap .obj_wrap {display: none;}

    #c2_wrap .c_inner {display: block; }
    #c2_wrap .txt p {margin:15px 0 40px;}


}

@media screen and (max-width:640px) {
    /* common */
    #c2_wrap {padding: 50px 0;}
    #c2_wrap .c_inner {padding:0 20px;}
    #c2_wrap .c_title span {font-size: 16px; margin-bottom: 10px;}
    /* font size */
    #c2_wrap .fs_42 {font-size:22px;  }
    #c2_wrap .fs_60 {font-size: 30px;  }
    #c2_wrap .fs_18 {font-size: 14px; }
    #c2_wrap .fs_17 {font-size: 13px; }
    /* btn */
    #c2_wrap .c_btn a {  width: 200px; height: 50px; font-size: 14px;}
    #c2_wrap .c_btn a i {margin-left:10px; top:-1px;}
    #c2_wrap .c_btn a i img {height: 10px;}

    /* Content CSS */
    #c2_wrap .txt p {margin:10px 0 30px;}
    #c2_wrap .txt p br {display:none ;}



}
