:root {
  --pr : #0c4396;
  --black_12 : #121212;
  --gray_8 : #888;
  --gray_b : #bbb;
  --gray_f1 : #f1f1f1;
  --gray_e7 : #E7E7E7;
  --gray_d9 : #d9d9d9;
  --wt : #fff;
}

body {font-family: "Inter", sans-serif !important; top: 0px !important;}
.container {max-width: 1400px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}
section {padding-top: 160px;}

/* tit-box */
.tit-box {width: 100%; height: auto; margin-bottom: 8px;}
.tit-box .tit {position: relative; font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--black_12); z-index: 1;}
.tit-box .tit:before {position: absolute; top: -40px; left: 38px; content: 'INVENTORY TRACKING'; display: block; font-size: 80px; font-weight: bold; line-height: 1.2; color: var(--gray_f1); z-index: -1;}
.tit-box .tit span {color: var(--pr);}

/* tit-box2 */
.tit-box.tit-box2 .tit {position: relative; font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--black_12); z-index: 1; text-align: center;}
.tit-box.tit-box2 .tit:before {position: absolute; top: -178px; left: 38px; content: 'SOLD OUT'; display: block; width: 100%; font-size: 270px; font-weight: bold; line-height: 1.2; color: var(--gray_f1); z-index: -1;}
.tit-box.tit-box2 .tit span {color: var(--pr);}

/* about-tit */
.about-tit {margin-bottom: 16px;}
.about-tit .tit span {color: var(--pr);}
.about-tit.type1 {text-align: left;}
.about-tit.type2 {text-align: center;}
.about-tit.type3 {display: flex; align-items: center; gap: 93px;}
.about-tit .tit {position: relative; font-size: 160px; font-weight: bold; line-height: 1; color: var(--black_12); z-index: 1;}
.about-tit .tit:before {position: absolute; top: -20px; left: 61px; content: attr(data-num); display: block; font-size: 160px; font-weight: bold; line-height: 1; color: var(--gray_f1); z-index: -1;}
.about-tit.type2 .tit:before {position: absolute; top: -20px; left: calc(50% + 61px); transform: translateX(-50%); content: attr(data-num); display: block; font-size: 160px; font-weight: bold; line-height: 1; color: var(--gray_f1); z-index: -1;}
.about-tit .sub {font-size: 56px; font-weight: bold; line-height: 1; color: var(--black_12);}

.about-tit.type4 .tit {font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--black_12);}
.about-tit.type4 .tit:before {top: -20px; left: 48px; font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--gray_f1);}

.find-car .about-tit .tit {font-size: 56px; font-weight: bold; line-height: 1.2; color: var(--black_12);}
.find-car .about-tit.type2 .tit:before {top: -42px; left: calc(50% + 89px); font-size: 80px; font-weight: bold; line-height: 1.2; color: var(--gray_f1);}

/* dim */
.dim {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 5;}