@charset "UTF-8";

/* Font */
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:italic;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-bolditalic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-bolditalic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:normal;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-bold-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-bold-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:italic;
    font-weight:900;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-heavyitalic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-heavyitalic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:normal;
    font-weight:900;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-heavy-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-heavy-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:italic;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-italic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-italic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Louis";
    font-style:normal;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-regular-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/louis-regular-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:italic;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-bolditalic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-bolditalic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:normal;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-bold-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-bold-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:italic;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-italic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-italic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:italic;
    font-weight:100;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-lightitalic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-lightitalic-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:normal;
    font-weight:100;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-light-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-light-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"Roboto";
    font-style:italic;
    font-weight:500;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-mediumitalic-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-mediumitalic-webfont.woff") format("woff")
}
@font-face{font-display:fallback;
    font-family:"Roboto";
    font-style:normal;
    font-weight:500;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-medium-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-medium-webfont.woff") format("woff")
}
@font-face{font-display:fallback;
    font-family:"Roboto";
    font-style:normal;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-regular-webfont.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/roboto-regular-webfont.woff") format("woff")
}
@font-face{
    font-display:fallback;
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Bold.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Bold.woff") format("woff");
    unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
}
@font-face{
    font-display:fallback;
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:500;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Medium.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Medium.woff") format("woff");
    unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
}
@font-face{
    font-display:fallback;
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Regular.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NotoSansKR-Regular.woff") format("woff");
    unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
}
@font-face{
    font-display:fallback;
    font-family:"NanumGothic";
    font-style:normal;
    font-weight:700;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NanumGothic-Bold.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NanumGothic-Bold.woff") format("woff");
    unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
}
@font-face{
    font-display:fallback;
    font-family:"NanumGothic";
    font-style:normal;
    font-weight:400;
    src:url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NanumGothic-Regular.woff2") format("woff2"),
        url("https://brands.gm-cdn.com/gbds/chevrolet/fonts/NanumGothic-Regular.woff") format("woff");
    unicode-range:U+AC00-D7A3,U+1100-11FF,U+3130-318F,U+A960-A97F,U+D7B0-D7FF
}

/* Grid */
.db-wrapper {
    font-weight: 400;
    font-family: Roboto, Helvetica, NanumGothic, sans-serif; 
}


/* Variables */
.db-wrapper {
    --db-accent: #3078bf; /* Blue */
    --db-accent-hover: #139ded; /* Blue Hover */
    --db-accent2: #808080; /* Gray */
    --db-accent2-hover: #b3b3b3; /* Gray Hover */
	--db-accent3: #b3842d; /* Gold */
    --db-accent3-hover: #cd9834; /* Gold Hover */
    --db-black: #000000;
    --db-white: #ffffff;
    --db-dark: #262626;
    --db-gray: #f2f2f2;
}


/* Accent Colors (Blue) */
.db-accent {
	color: var(--db-accent) !important;
}
.db-link-accent {
	text-decoration: none !important;
	color: var(--db-accent) !important;
	font-weight: bold !important;
}
.db-link-accent:hover {
	color: var(--db-accent-hover) !important;
	text-decoration: underline !important;
}


/* Accent Colors 2 (Gray) */
.db-accent2 {
	color: var(--db-accent2) !important;
}
.db-link-accent2 {
	text-decoration: none !important;
	color: var(--db-accent2) !important;
	font-weight: bold !important;
}
.db-link-accent2:hover {
	color: var(--db-accent2-hover) !important;
	text-decoration: underline !important;
}

/* Accent Colors 3 (Gold) */
.db-accent3 {
	color: var(--db-accent3) !important;
}
.db-link-accent3 {
	text-decoration: none !important;
	color: var(--db-accent3) !important;
	font-weight: bold !important;
}
.db-link-accent3:hover {
	color: var(--db-accent3-hover) !important;
	text-decoration: underline !important;
}

/* Accent Colors 4 (White) */
.db-white {
	color: var(--db-white) !important;
}
.db-link-white {
	text-decoration: none !important;
	color: var(--db-white) !important;
	font-weight: bold !important;
}
.db-link-white:hover {
	color: var(--db-accent2-hover) !important;
	text-decoration: underline !important;
}



/* Background Colors */
.db-bg-accent {
    background-color: var(--db-accent); /* Blue */
}
.db-bg-accent2 {
    background-color: var(--db-accent2); /* Gray */
}
.db-bg-accent3 {
    background-color: var(--db-accent3); /* Gold */
}
.db-bg-dark {
    background-color: var(--db-dark);
}
.db-bg-gray {
    background-color: var(--db-gray);
}

 
/* Button 1 (Blue) */
.db-button {
  background-color: transparent;
  color: var(--db-accent) !important;
  font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;
  font-weight: 700 !important;
  border: 2px solid var(--db-accent);
  border-radius: 25px;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button:hover {
  background-color: var(--db-accent);
  color: #ffffff !important;
  border: 2px solid var(--db-accent); 
}

.db-button-primary {
	background-color: var(--db-accent);
	color: var(--db-white) !important;
    font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;
    font-weight: 700 !important;
	border: 2px solid var(--db-accent);
	border-radius: 25px;
	padding: 0.5rem 1rem;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px;
}
.db-button-primary:hover {
	background-color: var(--db-accent-hover);
	color: var(--db-white) !important;
	border: 2px solid var(--db-accent-hover);
}


/* Button 2 (Chevy Gray) */
.db-button2 {
  background-color: transparent;
  color: var(--db-white) !important;
  font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;  
  font-weight: 700 !important;
  border: 2px solid var(--db-white);
  border-radius: 25px;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button2:hover {
  background-color: var(--db-accent2-hover);
  color: var(--db-white) !important;
  border: 2px solid var(--db-accent2-hover); 
}

.db-button2-primary {
	background-color: var(--db-accent2);
	color: var(--db-white) !important;
    font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;
    font-weight: 700 !important;
	border: 2px solid var(--db-accent2);
	border-radius: 25px;
	padding: 0.5rem 1rem;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px;
}
.db-button2-primary:hover {
	background-color: var(--db-accent2-hover);
	color: var(--db-white) !important;
	border: 2px solid var(--db-accent2-hover);
}

/* Button 3 (Chevy Gold) */
.db-button3 {
  background-color: transparent;
  color: var(--db-dark) !important;
  font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;  
  font-weight: 700 !important;
  border: 2px solid var(--db-accent3);
  border-radius: 25px;
  padding: 0.5rem 1rem;
  text-align: center;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
  cursor: pointer;
  min-width: 200px; }
.db-button3:hover {
  background-color: var(--db-accent3);
  color: var(--db-dark) !important;
  border: 2px solid var(--db-accent3); 
}

.db-button3-primary {
	background-color: var(--db-accent3);
	color: var(--db-white) !important;
    font-family: Roboto, Helvetica, NanumGothic, sans-serif !important;
    font-weight: 700 !important;
	border: 2px solid var(--db-accent3);
	border-radius: 25px;
	padding: 0.5rem 1rem;
	text-align: center;
	text-decoration: none !important;
	display: inline-block;
	font-size: 1rem;
	line-height: 1.4;
	-webkit-transition-duration: 0.5s; /* Safari */
	transition-duration: 0.5s;
	cursor: pointer;
	min-width: 200px;
}
.db-button3-primary:hover {
	background-color: transparent;
	color: var(--db-dark) !important;
	border: 2px solid var(--db-accent3);
}