#c2_wrap {position: relative; overflow: hidden; padding: 40px 0; top: -138px;}
#c2_wrap .c_inner {position: relative; display: grid; width: 100%; max-width: 1600px; margin: 0 auto; padding: 140px 50px 143px; display: flex;}
#c2_wrap .c_inner::before {position: absolute; top: 0; bottom: 0; left: calc((100% - 100vw) / 2 + 44px); z-index: 0; width: calc(100vw - 85px); border-radius: 48px; background: #151912 url("../img/c2_bg.jpg") center / cover no-repeat; content: "";}

/* font_size */
#c2_wrap .fs_43 {font-size: 43px; font-weight: 700; line-height: 1.51; color: #fff;}
#c2_wrap .fs_28 {font-size: 28px; font-weight: 700; color: #fff; font-family: 'Poppins';}
#c2_wrap .fs_26 {font-size: 26px; font-weight: 700; line-height: 1.62; color: #fff;}
#c2_wrap .fs_24 {font-size: 24px; font-weight: 700; line-height: 2.08; color: rgba(255, 255, 255, 0.95);}
#c2_wrap .fs_20 {font-size: 20px; font-weight: 400; line-height: 2.23; color: #fff;}
#c2_wrap .fs_18 {font-size: 18px; font-weight: 500; color: #fff;}

/* vm_btn */
#c2_wrap .vm_btn {display: flex; justify-content: flex-end;}
#c2_wrap .vm_btn a {overflow: hidden; display: inline-flex; align-items: center; justify-content: space-between; padding: 0 36px; width: 271px; height: 64px; border: solid 1px #000; border-radius: 32px; position: relative; z-index: 2; transition: .5s; border: 1px solid #fff;}
#c2_wrap .vm_btn a::before {content: ''; display: block; width: 11px; height: 11px; border-radius: 25px; background-color: #1772aa; position: absolute; top: 50%; transform: translateY(-50%); right: 36px; z-index: -1; transition: .5s;}
#c2_wrap .vm_btn a span {transition: .5s;}
#c2_wrap .vm_btn a:hover span {color: #fff;}
#c2_wrap .vm_btn a:hover {border-color: #1772aa;}
#c2_wrap .vm_btn a:hover::before {transform: scale(50);}

/* left */
#c2_wrap .left, #c2_wrap .right {position: relative; z-index: 2;}
#c2_wrap .left {width: 50%;}
#c2_wrap .left img {display: block; max-width: 100%; backdrop-filter: blur(5px);}

/* btn_wrap */
#c2_wrap .btn_wrap {display: flex; margin: 9px 0 35px; justify-content: space-between; align-items: center;}
#c2_wrap .btn_wrap .line {display: block; width: 273px; height: 4px; background-color: #fff;}

/* right */
#c2_wrap .right {width: 57%;}
#c2_wrap .right {color: #fff;}
#c2_wrap .right > div {padding-bottom: 55px ;}
#c2_wrap .right h2 {margin: 0 0 12px;}
#c2_wrap .right h3 {margin-bottom: 28px;}
#c2_wrap .right > div > a {display: flex; width: 270px; min-height: 62px; flex: 0 0 270px; align-items: center; justify-content: space-between; padding: 0 30px; border: 1px solid #fff; border-radius: 40px; color: #fff; font-size: 15px; text-decoration: none;}
#c2_wrap .right > div > a span {color: #1872aa;}
#c2_wrap .right > p {margin: 28px 0 48px;}
#c2_wrap .right > ul {display: grid; margin: 0; padding: 0; gap: 21px; grid-template-columns: repeat(3, minmax(0, 1fr)); list-style: none;}
#c2_wrap .right > ul > li {position: relative; display: flex; min-height: 284px; width: 252px; align-items: flex-start; flex-direction: column; justify-content: space-between; padding: 46px 46px 38px; border: 2px solid #fff; border-radius: 15px; color: #fff;}
#c2_wrap .right > ul > li > span {display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #fff; border-radius: 50%; font-size: 19px; line-height: 1;}

#c2_wrap .right > ul > li a {display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%;}
#c2_wrap .right > ul > li .icon_wrap {display: flex; align-items: flex-start; justify-content: space-between;}
#c2_wrap .right > ul > li .icon_wrap img {flex-shrink: 0;}

#c2_wrap .right > ul > li .icon_wrap img:nth-child(1) {padding: 9px; border: 1px solid #fff; border-radius: 50%;}
#c2_wrap .right > ul > li .icon_wrap {position: relative;}
#c2_wrap .right > ul > li .icon_wrap img:nth-child(2) {position: absolute; opacity: 0;}
#c2_wrap .right > ul > li .icon_wrap img:nth-child(3) {transition: transform 0.4s ease;}

#c2_wrap .right > ul > li:hover .icon_wrap img:nth-child(1) {opacity: 0;}
#c2_wrap .right > ul > li:hover .icon_wrap img:nth-child(2) {opacity: 1; background-color: #fff; border-color: #fff; padding: 9px; border-radius: 50%;}
#c2_wrap .right > ul > li:hover {border-color: #1872aa; background: #1872aa;}
#c2_wrap .right > ul > li:hover .icon_wrap img:nth-child(3) {transform: scaleX(-1);}

#c2_wrap .right > div:first-child,
#c2_wrap .right > ul:nth-child(2) {position: relative;}
#c2_wrap .right > div:first-child::before {content: ""; position: absolute; width: 727px; height: 200px; background: url("../img/c2_logo1.png") center / contain no-repeat; top: 155px; right: -184px; opacity: .6;}
#c2_wrap .right > ul:nth-child(2)::before {content: ""; position: absolute; width: 832px; height: 200px; background: url("../img/c2_logo2.png") center / contain no-repeat; top: 13px; left: -657px; opacity: .6;}