#c3_wrap {position: relative; isolation: isolate; padding: 47px 0 49px; top: -160px;}
#c3_wrap::before {position: absolute; top: 86px; right: 93px; bottom: 0; left: 0; z-index: -1; border-radius: 0 0 40px 0; background: url("../img/c3_bg.jpg") center / cover no-repeat; content: ""; height: 683px;}
#c3_wrap .c_inner {position: relative; display: grid; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 50px; grid-template-columns: 1fr 1fr;}

/* about_box */
#c3_wrap .about_box {width: 100%; min-width: 839px; position: relative; z-index: 2; max-height: 559px; padding: 94px 95px 70px; border-radius: 50px 50px 0 50px; color: #fff; top: 0; background-color: #2b2c2c; left: -88px;}
#c3_wrap .about_box::before {content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; background: url("../img/c3_left_bg.png") center / cover no-repeat;}
#c3_wrap .about_box h2 {margin: 0 0 11px; font-size: 28px; font-weight: 700;}
#c3_wrap .about_box h3 {margin: 0 0 27px; font-size: 48px; font-weight: 800;}
#c3_wrap .about_box > p:nth-of-type(1) {margin-bottom: 10px;}

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

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

#c3_wrap .location_box .location_title .vm_btn a span {color: #000;}
#c3_wrap .location_box .location_title .vm_btn a {border: solid 1px #000;}
#c3_wrap .location_box .location_title .vm_btn a::before {background-color: #1772aa;}

#c3_wrap .location_box .location_title .vm_btn a:hover span {color: #fff;}
#c3_wrap .location_box .location_title .vm_btn a:hover {background-color: #1772aa;}

/* location_box */
#c3_wrap .location_box {position: relative; z-index: 1; max-height: 606px; margin-top: 36px; padding: 96px 0 83px 0; background: transparent; color: #171717;}
#c3_wrap .location_box::before {position: absolute; top: 0; bottom: 0; left: -643px; right: -100vw; z-index: -5; background: #f4f4f4; content: ""; border-radius: 0 0 0 30px;}
#c3_wrap .location_title {display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: 42px;}
#c3_wrap .location_title h2 {margin: 0 0 12px; font-size: 28px;}
#c3_wrap .location_title h3 {margin: 0; font-size: 48px; font-weight: 800;}
#c3_wrap .location_title > a {width: 275px; flex: 0 0 275px; color: #111;}
#c3_wrap .location_title > a span {color: #187bb7;}
#c3_wrap .location_box ul {margin: 0; padding: 0; border-top: 1px solid rgba(0, 0, 0, 0.5); border-bottom: 3px solid #000; list-style: none;}
#c3_wrap .location_box li {padding: 21px 44px 31px;}
#c3_wrap .location_box li:first-child {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#c3_wrap .location_box li:hover {background: #ededee;}
#c3_wrap .location_box li p {color: #333; font-size: 19px; line-height: 1.7; padding-left: 26px;}
#c3_wrap .location_box li p span {font-weight: 700;}

#c3_wrap .location_box ul li strong {display: flex; align-items: center; gap: 10px;}
#c3_wrap .location_box ul li:nth-child(1) strong::before {content: ""; display: inline-block; width: 15px; height: 20px; background: url("../img/c3_icon1.png") center / contain no-repeat; transition: transform 0.4s ease;}
#c3_wrap .location_box ul li:nth-child(2) strong::before {content: ""; display: inline-block; width: 15px; height: 20px; background: url("../img/c3_icon2.png") center / contain no-repeat; transition: transform 0.4s ease;}

#c3_wrap .location_box ul li:nth-child(1):hover strong::before {transform: scaleX(-1);}
#c3_wrap .location_box ul li:nth-child(2):hover strong::before {transform: scaleX(-1);}