@charset "UTF-8";

@font-face {
  font-family: "HyundaiSansHeadKR";
  font-style: normal;
  font-weight: 400;
  src: local("HyundaiSansHeadKR"), url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRLight.eot") format("eot"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRLight.woff2") format("woff2"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRLight.woff") format("woff"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRLight.ttf") format("truetype");
}
@font-face {
  font-family: "HyundaiSansHeadKR";
  font-style: normal;
  font-weight: 500;
  src: local("HyundaiSansHeadKR"), 
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRRegular.eot") format("eot"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRRegular.woff2") format("woff2"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRRegular.woff") format("woff"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRRegular.ttf") format("truetype");
}
@font-face {
  font-family: "HyundaiSansHeadKR";
  font-style: normal;
  font-weight: 600;
  src: local("HyundaiSansHeadKR"), 
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRMedium.eot") format("eot"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRMedium.woff2") format("woff2"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRMedium.woff") format("woff"),
    url("https://r2-casper-hyundai-com.haecdn.com/css/fonts/HyundaiSansHeadKRMedium.ttf") format("truetype");
}

* { margin: 0; padding: 0; color: inherit; }
body { font-family: "HyundaiSansHeadKR"; font-weight: 500; }
h1, p { padding: 0; margin: 0; }
ul, ol, li { list-style: none; border: 0; }
a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
.offscreen { display: inline-block; position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }

.title { padding: 145px 0 125px; text-align: center; }
.title h1 { font-size: 80px; font-weight: 600; margin-bottom: 25px; }
.title p { font-size: 22px; line-height: 1.6; }
.visual { text-align: center; padding-bottom: 100px; }
.footer { box-sizing: border-box; font-size: 15px; color: #999; }
.footer-wrap { width: 100%; min-width: 1200px; background: #1c1a1b; }
.footer-cont { box-sizing: border-box; width: 1200px; height: 230px; margin: 0 auto; padding: 60px 0; display: -webkit-box; display: -ms-flexbox; display: flex; }
.footer-cont .logo { display: inline-block; width: 200px; height: 21px; background: url('https://r2-casper-hyundai-com.haecdn.com/images/logo-hyundai.a9ebdc6.png') left top no-repeat; background-size: 150px 21px; }
.footer-menu { width: 1000px; }
.footer-menu > ul { font-size: 0; }
.footer-menu > ul > li { display: inline-block; font-size: 15px; color: #999; font-weight: 400; }
.footer-menu > ul > li::before { content: ""; display: inline-block; width: 1px; height: 10px; background-color: #444; margin: 0 20px; }
.footer-menu > ul > li:first-child::before { content: none; }
.footer-menu > ul > li a { font-size: 15px; color: #999; }
.footer-menu > ul > li a strong { color: #fff; }
.footer-menu > ul > li a.info {  color: #fff; }
.footer-menu .footer-info { box-sizing: border-box; width: 100%; margin: 20px 0 0 0; }
.footer-menu .footer-info > li { margin: 0 40px 12px 0; }
.footer-menu .footer-info > li::before { content: none; }
.footer-menu .footer-info > li a { display: inline-block; font-size: 13px; color: #626262; margin: 0 0 0 6px; padding-top: 1px; }
.footer-menu .footer-info > li:nth-child(4) { margin-right: 0; }
.footer-menu .footer-info > li:last-child { margin-right: 0; }