/*Content CSS*/
#c3_wrap{overflow: hidden; width: 100%; padding: 90px 0 0; margin: 0 auto; position: relative; z-index: 3;}
#c3_wrap .c_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}

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

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

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

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

/* flex_wrap */
#c3_wrap .flex_wrap{display: flex; justify-content: space-between;}
#c3_wrap .flex_wrap > div{width: calc(50% - 15px); }

/* box */
#c3_wrap .box a{position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; min-height: 450px; gap: 50px; border-radius: 20px; overflow: hidden; padding: 68px 60px 60px 70px; transition: .3s;}
#c3_wrap .box a::before,
#c3_wrap .box a::after{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: 50% / cover no-repeat; transition: .3s; z-index: -1;}
#c3_wrap .box a::after{opacity: 0;}
#c3_wrap .box a .text h3{font-weight: 700; color: #fff;}
#c3_wrap .box a .text p{color: #fff; margin-top: 36px;}

#c3_wrap .box a .bot{display: flex; justify-content: space-between;}

#c3_wrap .box1 a::before{background-image: url('../img/c3_img1.jpg');}
#c3_wrap .box1 a::after{background-image: url('../img/c3_img1_hv.jpg');}
#c3_wrap .box2 a::before{background-image: url('../img/c3_img2.jpg');}
#c3_wrap .box2 a::after{background-image: url('../img/c3_img2_hv.jpg');}

#c3_wrap .box a:hover{border-radius: 20px 150px 20px 20px;}
#c3_wrap .box a:hover::after{opacity: 1;}
#c3_wrap .box a:hover .vm_btn i{background-color: #fff;}
#c3_wrap .box a:hover .vm_btn i::before{background-image: url('../img/vm_btn_hv.png');}