/*Content CSS*/
#c2_wrap{overflow: hidden; width: 100%; padding: 87px 0 105px; margin: 0 auto; position: relative; z-index: 2;}
#c2_wrap::before{content: ''; display: block; width: calc(100% - 50px); height: 100%; max-width: 1870px; border-radius: 20px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: url('../img/c2_bg.jpg') 50% / cover no-repeat; z-index: -1;}
#c2_wrap .c_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

/* font-style */
#c2_wrap .fs_65{font-size: 65px; line-height: 1; letter-spacing: -1.3px;}
#c2_wrap .fs_45{font-size: 45px; line-height: 1;}
#c2_wrap .fs_30{font-size: 30px; line-height: 1.3; letter-spacing: -.6px;}
#c2_wrap .fs_25{font-size: 25px; line-height: 1.6; letter-spacing: -.5px;}
#c2_wrap .fs_20{font-size: 20px; line-height: 1.8; letter-spacing: -.4px;}
#c2_wrap .fs_16{font-size: 16px; line-height: 1; letter-spacing: -.32px;}
#c2_wrap .fs_15{font-size: 15px; line-height: 1;}

/* vm_btn */
#c2_wrap .vm_btn{display: flex; align-items: center; gap: 13px;}
#c2_wrap .vm_btn span{color: #fff; font-weight: 500; font-family: "Montserrat", sans-serif; }
#c2_wrap .vm_btn a{display: flex; align-items: center; justify-content: center; width: 60px; aspect-ratio: 1 / 1; background-color: rgba(0,0,0,.5); border-radius: 50%; transition: .3s;}
#c2_wrap .vm_btn a i{display: block; width: 9px; aspect-ratio: 9 / 14; background: url('../img/vm_btn.png') 50% / cover no-repeat;}
#c2_wrap .vm_btn a:hover{background-color: #16346d;}

/* top */
#c2_wrap .top{display: flex; justify-content: space-between; gap: 30px;}
#c2_wrap .top .vm_btn{flex-shrink: 0; margin-left: 30px;}

/* tit */
#c2_wrap .tit{display: flex; align-items: center; gap: 39px;  }
#c2_wrap .tit h3{font-weight: 700; color: #fff;}
#c2_wrap .tit span{color: #fff;}

/* icon_list */
#c2_wrap .icon_list{display: flex; flex-wrap: wrap; padding: 63px 50px; gap: 65px 0; margin-top: 42px; border-radius: 20px; background-color: rgba(0,0,0,.15); backdrop-filter: blur(10px);}
#c2_wrap .icon_list li{width: calc(100% / 3); position: relative; min-height: 205px; padding: 15px 40px 0; border-right: solid 1px rgba(255,255,255,.2)}
#c2_wrap .icon_list li:nth-child(3n + 1){padding-left: 0;}
#c2_wrap .icon_list li:nth-child(3n){border-right: 0;}
#c2_wrap .icon_list li:nth-child(n + 4){padding-top: 19px;}

#c2_wrap .icon_list li:nth-child(n + 4)::before{content: ''; display: block; position: absolute; top: -32px; border: solid 1px rgba(255,255,255,.2);}
#c2_wrap .icon_list li:nth-child(n + 4)::after{content: ''; display: block; position: absolute; top: -32px; right: -3px; width: 5px; aspect-ratio: 1 / 1; border-radius: 50%; background-color: #fff; }

#c2_wrap .icon_list li:nth-child(4)::before{width: calc(100% - 30px); left: 0;}
#c2_wrap .icon_list li:nth-child(5)::before{width: calc(100% - 60px); left: 50%; transform: translateX(-50%);}
#c2_wrap .icon_list li:nth-child(6)::before{width: calc(100% - 30px); right: 0;}

#c2_wrap .icon_list li:nth-child(3n)::after{display: none;}

#c2_wrap .icon_list li .text > *{display: block; color: #fff;}
#c2_wrap .icon_list li .text span{margin-top: 15px;}
#c2_wrap .icon_list li i{position: absolute; right: 43px; bottom: 50px; transition: .5s;}

#c2_wrap .icon_list li:hover i{transform: rotateY(180deg);}
