@charset "UTF-8";

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

@media screen and (min-width:720px) {
:root {
background:#fff;
}

html {
font-size:28px;
}
}

@media screen and (max-width:719px) {
html {
font-size:27.96112px;
}
}

@media screen and (max-width:718px) {
html {
font-size:27.92225px;
}
}

@media screen and (max-width:717px) {
html {
font-size:27.88338px;
}
}

@media screen and (max-width:716px) {
html {
font-size:27.8445px;
}
}

@media screen and (max-width:715px) {
html {
font-size:27.80562px;
}
}

@media screen and (max-width:714px) {
html {
font-size:27.76675px;
}
}

@media screen and (max-width:713px) {
html {
font-size:27.72788px;
}
}

@media screen and (max-width:712px) {
html {
font-size:27.689px;
}
}

@media screen and (max-width:711px) {
html {
font-size:27.65012px;
}
}

@media screen and (max-width:710px) {
html {
font-size:27.61125px;
}
}

@media screen and (max-width:709px) {
html {
font-size:27.57238px;
}
}

@media screen and (max-width:708px) {
html {
font-size:27.5335px;
}
}

@media screen and (max-width:707px) {
html {
font-size:27.49462px;
}
}

@media screen and (max-width:706px) {
html {
font-size:27.45575px;
}
}

@media screen and (max-width:705px) {
html {
font-size:27.41688px;
}
}

@media screen and (max-width:704px) {
html {
font-size:27.378px;
}
}

@media screen and (max-width:703px) {
html {
font-size:27.33912px;
}
}

@media screen and (max-width:702px) {
html {
font-size:27.30025px;
}
}

@media screen and (max-width:701px) {
html {
font-size:27.26138px;
}
}

@media screen and (max-width:700px) {
html {
font-size:27.2225px;
}
}

@media screen and (max-width:699px) {
html {
font-size:27.18362px;
}
}

@media screen and (max-width:698px) {
html {
font-size:27.14475px;
}
}

@media screen and (max-width:697px) {
html {
font-size:27.10588px;
}
}

@media screen and (max-width:696px) {
html {
font-size:27.067px;
}
}

@media screen and (max-width:695px) {
html {
font-size:27.02812px;
}
}

@media screen and (max-width:694px) {
html {
font-size:26.98925px;
}
}

@media screen and (max-width:693px) {
html {
font-size:26.95038px;
}
}

@media screen and (max-width:692px) {
html {
font-size:26.9115px;
}
}

@media screen and (max-width:691px) {
html {
font-size:26.87262px;
}
}

@media screen and (max-width:690px) {
html {
font-size:26.83375px;
}
}

@media screen and (max-width:689px) {
html {
font-size:26.79488px;
}
}

@media screen and (max-width:688px) {
html {
font-size:26.756px;
}
}

@media screen and (max-width:687px) {
html {
font-size:26.71712px;
}
}

@media screen and (max-width:686px) {
html {
font-size:26.67825px;
}
}

@media screen and (max-width:685px) {
html {
font-size:26.63938px;
}
}

@media screen and (max-width:684px) {
html {
font-size:26.6005px;
}
}

@media screen and (max-width:683px) {
html {
font-size:26.56162px;
}
}

@media screen and (max-width:682px) {
html {
font-size:26.52275px;
}
}

@media screen and (max-width:681px) {
html {
font-size:26.48388px;
}
}

@media screen and (max-width:680px) {
html {
font-size:26.445px;
}
}

@media screen and (max-width:679px) {
html {
font-size:26.40612px;
}
}

@media screen and (max-width:678px) {
html {
font-size:26.36725px;
}
}

@media screen and (max-width:677px) {
html {
font-size:26.32838px;
}
}

@media screen and (max-width:676px) {
html {
font-size:26.2895px;
}
}

@media screen and (max-width:675px) {
html {
font-size:26.25062px;
}
}

@media screen and (max-width:674px) {
html {
font-size:26.21175px;
}
}

@media screen and (max-width:673px) {
html {
font-size:26.17288px;
}
}

@media screen and (max-width:672px) {
html {
font-size:26.134px;
}
}

@media screen and (max-width:671px) {
html {
font-size:26.09512px;
}
}

@media screen and (max-width:670px) {
html {
font-size:26.05625px;
}
}

@media screen and (max-width:669px) {
html {
font-size:26.01738px;
}
}

@media screen and (max-width:668px) {
html {
font-size:25.9785px;
}
}

@media screen and (max-width:667px) {
html {
font-size:25.93962px;
}
}

@media screen and (max-width:666px) {
html {
font-size:25.90075px;
}
}

@media screen and (max-width:665px) {
html {
font-size:25.86188px;
}
}

@media screen and (max-width:664px) {
html {
font-size:25.823px;
}
}

@media screen and (max-width:663px) {
html {
font-size:25.78412px;
}
}

@media screen and (max-width:662px) {
html {
font-size:25.74525px;
}
}

@media screen and (max-width:661px) {
html {
font-size:25.70638px;
}
}

@media screen and (max-width:660px) {
html {
font-size:25.6675px;
}
}

@media screen and (max-width:659px) {
html {
font-size:25.62862px;
}
}

@media screen and (max-width:658px) {
html {
font-size:25.58975px;
}
}

@media screen and (max-width:657px) {
html {
font-size:25.55088px;
}
}

@media screen and (max-width:656px) {
html {
font-size:25.512px;
}
}

@media screen and (max-width:655px) {
html {
font-size:25.47312px;
}
}

@media screen and (max-width:654px) {
html {
font-size:25.43425px;
}
}

@media screen and (max-width:653px) {
html {
font-size:25.39538px;
}
}

@media screen and (max-width:652px) {
html {
font-size:25.3565px;
}
}

@media screen and (max-width:651px) {
html {
font-size:25.31762px;
}
}

@media screen and (max-width:650px) {
html {
font-size:25.27875px;
}
}

@media screen and (max-width:649px) {
html {
font-size:25.23988px;
}
}

@media screen and (max-width:648px) {
html {
font-size:25.201px;
}
}

@media screen and (max-width:647px) {
html {
font-size:25.16212px;
}
}

@media screen and (max-width:646px) {
html {
font-size:25.12325px;
}
}

@media screen and (max-width:645px) {
html {
font-size:25.08438px;
}
}

@media screen and (max-width:644px) {
html {
font-size:25.0455px;
}
}

@media screen and (max-width:643px) {
html {
font-size:25.00662px;
}
}

@media screen and (max-width:642px) {
html {
font-size:24.96775px;
}
}

@media screen and (max-width:641px) {
html {
font-size:24.92888px;
}
}

@media screen and (max-width:640px) {
html {
font-size:24.89px;
}
}

@media screen and (max-width:639px) {
html {
font-size:24.85112px;
}
}

@media screen and (max-width:638px) {
html {
font-size:24.81225px;
}
}

@media screen and (max-width:637px) {
html {
font-size:24.77338px;
}
}

@media screen and (max-width:636px) {
html {
font-size:24.7345px;
}
}

@media screen and (max-width:635px) {
html {
font-size:24.69562px;
}
}

@media screen and (max-width:634px) {
html {
font-size:24.65675px;
}
}

@media screen and (max-width:633px) {
html {
font-size:24.61788px;
}
}

@media screen and (max-width:632px) {
html {
font-size:24.579px;
}
}

@media screen and (max-width:631px) {
html {
font-size:24.54012px;
}
}

@media screen and (max-width:630px) {
html {
font-size:24.50125px;
}
}

@media screen and (max-width:629px) {
html {
font-size:24.46238px;
}
}

@media screen and (max-width:628px) {
html {
font-size:24.4235px;
}
}

@media screen and (max-width:627px) {
html {
font-size:24.38462px;
}
}

@media screen and (max-width:626px) {
html {
font-size:24.34575px;
}
}

@media screen and (max-width:625px) {
html {
font-size:24.30688px;
}
}

@media screen and (max-width:624px) {
html {
font-size:24.268px;
}
}

@media screen and (max-width:623px) {
html {
font-size:24.22912px;
}
}

@media screen and (max-width:622px) {
html {
font-size:24.19025px;
}
}

@media screen and (max-width:621px) {
html {
font-size:24.15138px;
}
}

@media screen and (max-width:620px) {
html {
font-size:24.1125px;
}
}

@media screen and (max-width:619px) {
html {
font-size:24.07362px;
}
}

@media screen and (max-width:618px) {
html {
font-size:24.03475px;
}
}

@media screen and (max-width:617px) {
html {
font-size:23.99587px;
}
}

@media screen and (max-width:616px) {
html {
font-size:23.957px;
}
}

@media screen and (max-width:615px) {
html {
font-size:23.91812px;
}
}

@media screen and (max-width:614px) {
html {
font-size:23.87925px;
}
}

@media screen and (max-width:613px) {
html {
font-size:23.84038px;
}
}

@media screen and (max-width:612px) {
html {
font-size:23.8015px;
}
}

@media screen and (max-width:611px) {
html {
font-size:23.76262px;
}
}

@media screen and (max-width:610px) {
html {
font-size:23.72375px;
}
}

@media screen and (max-width:609px) {
html {
font-size:23.68487px;
}
}

@media screen and (max-width:608px) {
html {
font-size:23.646px;
}
}

@media screen and (max-width:607px) {
html {
font-size:23.60712px;
}
}

@media screen and (max-width:606px) {
html {
font-size:23.56825px;
}
}

@media screen and (max-width:605px) {
html {
font-size:23.52938px;
}
}

@media screen and (max-width:604px) {
html {
font-size:23.4905px;
}
}

@media screen and (max-width:603px) {
html {
font-size:23.45162px;
}
}

@media screen and (max-width:602px) {
html {
font-size:23.41275px;
}
}

@media screen and (max-width:601px) {
html {
font-size:23.37387px;
}
}

@media screen and (max-width:600px) {
html {
font-size:23.335px;
}
}

@media screen and (max-width:599px) {
html {
font-size:23.29612px;
}
}

@media screen and (max-width:598px) {
html {
font-size:23.25725px;
}
}

@media screen and (max-width:597px) {
html {
font-size:23.21838px;
}
}

@media screen and (max-width:596px) {
html {
font-size:23.1795px;
}
}

@media screen and (max-width:595px) {
html {
font-size:23.14062px;
}
}

@media screen and (max-width:594px) {
html {
font-size:23.10175px;
}
}

@media screen and (max-width:593px) {
html {
font-size:23.06287px;
}
}

@media screen and (max-width:592px) {
html {
font-size:23.024px;
}
}

@media screen and (max-width:591px) {
html {
font-size:22.98513px;
}
}

@media screen and (max-width:590px) {
html {
font-size:22.94625px;
}
}

@media screen and (max-width:589px) {
html {
font-size:22.90738px;
}
}

@media screen and (max-width:588px) {
html {
font-size:22.8685px;
}
}

@media screen and (max-width:587px) {
html {
font-size:22.82963px;
}
}

@media screen and (max-width:586px) {
html {
font-size:22.79075px;
}
}

@media screen and (max-width:585px) {
html {
font-size:22.75187px;
}
}

@media screen and (max-width:584px) {
html {
font-size:22.713px;
}
}

@media screen and (max-width:583px) {
html {
font-size:22.67413px;
}
}

@media screen and (max-width:582px) {
html {
font-size:22.63525px;
}
}

@media screen and (max-width:581px) {
html {
font-size:22.59638px;
}
}

@media screen and (max-width:580px) {
html {
font-size:22.5575px;
}
}

@media screen and (max-width:579px) {
html {
font-size:22.51863px;
}
}

@media screen and (max-width:578px) {
html {
font-size:22.47975px;
}
}

@media screen and (max-width:577px) {
html {
font-size:22.44087px;
}
}

@media screen and (max-width:576px) {
html {
font-size:22.402px;
}
}

@media screen and (max-width:575px) {
html {
font-size:22.36313px;
}
}

@media screen and (max-width:574px) {
html {
font-size:22.32425px;
}
}

@media screen and (max-width:573px) {
html {
font-size:22.28538px;
}
}

@media screen and (max-width:572px) {
html {
font-size:22.2465px;
}
}

@media screen and (max-width:571px) {
html {
font-size:22.20763px;
}
}

@media screen and (max-width:570px) {
html {
font-size:22.16875px;
}
}

@media screen and (max-width:569px) {
html {
font-size:22.12987px;
}
}

@media screen and (max-width:568px) {
html {
font-size:22.091px;
}
}

@media screen and (max-width:567px) {
html {
font-size:22.05213px;
}
}

@media screen and (max-width:566px) {
html {
font-size:22.01325px;
}
}

@media screen and (max-width:565px) {
html {
font-size:21.97438px;
}
}

@media screen and (max-width:564px) {
html {
font-size:21.9355px;
}
}

@media screen and (max-width:563px) {
html {
font-size:21.89663px;
}
}

@media screen and (max-width:562px) {
html {
font-size:21.85775px;
}
}

@media screen and (max-width:561px) {
html {
font-size:21.81887px;
}
}

@media screen and (max-width:560px) {
html {
font-size:21.78px;
}
}

@media screen and (max-width:559px) {
html {
font-size:21.74113px;
}
}

@media screen and (max-width:558px) {
html {
font-size:21.70225px;
}
}

@media screen and (max-width:557px) {
html {
font-size:21.66338px;
}
}

@media screen and (max-width:556px) {
html {
font-size:21.6245px;
}
}

@media screen and (max-width:555px) {
html {
font-size:21.58563px;
}
}

@media screen and (max-width:554px) {
html {
font-size:21.54675px;
}
}

@media screen and (max-width:553px) {
html {
font-size:21.50787px;
}
}

@media screen and (max-width:552px) {
html {
font-size:21.469px;
}
}

@media screen and (max-width:551px) {
html {
font-size:21.43013px;
}
}

@media screen and (max-width:550px) {
html {
font-size:21.39125px;
}
}

@media screen and (max-width:549px) {
html {
font-size:21.35238px;
}
}

@media screen and (max-width:548px) {
html {
font-size:21.3135px;
}
}

@media screen and (max-width:547px) {
html {
font-size:21.27463px;
}
}

@media screen and (max-width:546px) {
html {
font-size:21.23575px;
}
}

@media screen and (max-width:545px) {
html {
font-size:21.19687px;
}
}

@media screen and (max-width:544px) {
html {
font-size:21.158px;
}
}

@media screen and (max-width:543px) {
html {
font-size:21.11913px;
}
}

@media screen and (max-width:542px) {
html {
font-size:21.08025px;
}
}

@media screen and (max-width:541px) {
html {
font-size:21.04138px;
}
}

@media screen and (max-width:540px) {
html {
font-size:21.0025px;
}
}

@media screen and (max-width:539px) {
html {
font-size:20.96363px;
}
}

@media screen and (max-width:538px) {
html {
font-size:20.92475px;
}
}

@media screen and (max-width:537px) {
html {
font-size:20.88587px;
}
}

@media screen and (max-width:536px) {
html {
font-size:20.847px;
}
}

@media screen and (max-width:535px) {
html {
font-size:20.80813px;
}
}

@media screen and (max-width:534px) {
html {
font-size:20.76925px;
}
}

@media screen and (max-width:533px) {
html {
font-size:20.73038px;
}
}

@media screen and (max-width:532px) {
html {
font-size:20.6915px;
}
}

@media screen and (max-width:531px) {
html {
font-size:20.65263px;
}
}

@media screen and (max-width:530px) {
html {
font-size:20.61375px;
}
}

@media screen and (max-width:529px) {
html {
font-size:20.57487px;
}
}

@media screen and (max-width:528px) {
html {
font-size:20.536px;
}
}

@media screen and (max-width:527px) {
html {
font-size:20.49713px;
}
}

@media screen and (max-width:526px) {
html {
font-size:20.45825px;
}
}

@media screen and (max-width:525px) {
html {
font-size:20.41937px;
}
}

@media screen and (max-width:524px) {
html {
font-size:20.3805px;
}
}

@media screen and (max-width:523px) {
html {
font-size:20.34163px;
}
}

@media screen and (max-width:522px) {
html {
font-size:20.30275px;
}
}

@media screen and (max-width:521px) {
html {
font-size:20.26387px;
}
}

@media screen and (max-width:520px) {
html {
font-size:20.225px;
}
}

@media screen and (max-width:519px) {
html {
font-size:20.18613px;
}
}

@media screen and (max-width:518px) {
html {
font-size:20.14725px;
}
}

@media screen and (max-width:517px) {
html {
font-size:20.10837px;
}
}

@media screen and (max-width:516px) {
html {
font-size:20.0695px;
}
}

@media screen and (max-width:515px) {
html {
font-size:20.03063px;
}
}

@media screen and (max-width:514px) {
html {
font-size:19.99175px;
}
}

@media screen and (max-width:513px) {
html {
font-size:19.95287px;
}
}

@media screen and (max-width:512px) {
html {
font-size:19.914px;
}
}

@media screen and (max-width:511px) {
html {
font-size:19.87513px;
}
}

@media screen and (max-width:510px) {
html {
font-size:19.83625px;
}
}

@media screen and (max-width:509px) {
html {
font-size:19.79738px;
}
}

@media screen and (max-width:508px) {
html {
font-size:19.7585px;
}
}

@media screen and (max-width:507px) {
html {
font-size:19.71963px;
}
}

@media screen and (max-width:506px) {
html {
font-size:19.68075px;
}
}

@media screen and (max-width:505px) {
html {
font-size:19.64187px;
}
}

@media screen and (max-width:504px) {
html {
font-size:19.603px;
}
}

@media screen and (max-width:503px) {
html {
font-size:19.56413px;
}
}

@media screen and (max-width:502px) {
html {
font-size:19.52525px;
}
}

@media screen and (max-width:501px) {
html {
font-size:19.48638px;
}
}

@media screen and (max-width:500px) {
html {
font-size:19.4475px;
}
}

@media screen and (max-width:499px) {
html {
font-size:19.40863px;
}
}

@media screen and (max-width:498px) {
html {
font-size:19.36975px;
}
}

@media screen and (max-width:497px) {
html {
font-size:19.33087px;
}
}

@media screen and (max-width:496px) {
html {
font-size:19.292px;
}
}

@media screen and (max-width:495px) {
html {
font-size:19.25313px;
}
}

@media screen and (max-width:494px) {
html {
font-size:19.21425px;
}
}

@media screen and (max-width:493px) {
html {
font-size:19.17538px;
}
}

@media screen and (max-width:492px) {
html {
font-size:19.1365px;
}
}

@media screen and (max-width:491px) {
html {
font-size:19.09763px;
}
}

@media screen and (max-width:490px) {
html {
font-size:19.05875px;
}
}

@media screen and (max-width:489px) {
html {
font-size:19.01987px;
}
}

@media screen and (max-width:488px) {
html {
font-size:18.981px;
}
}

@media screen and (max-width:487px) {
html {
font-size:18.94213px;
}
}

@media screen and (max-width:486px) {
html {
font-size:18.90325px;
}
}

@media screen and (max-width:485px) {
html {
font-size:18.86438px;
}
}

@media screen and (max-width:484px) {
html {
font-size:18.8255px;
}
}

@media screen and (max-width:483px) {
html {
font-size:18.78663px;
}
}

@media screen and (max-width:482px) {
html {
font-size:18.74775px;
}
}

@media screen and (max-width:481px) {
html {
font-size:18.70887px;
}
}

@media screen and (max-width:480px) {
html {
font-size:18.67px;
}
}

@media screen and (max-width:479px) {
html {
font-size:18.63113px;
}
}

@media screen and (max-width:478px) {
html {
font-size:18.59225px;
}
}

@media screen and (max-width:477px) {
html {
font-size:18.55338px;
}
}

@media screen and (max-width:476px) {
html {
font-size:18.5145px;
}
}

@media screen and (max-width:475px) {
html {
font-size:18.47563px;
}
}

@media screen and (max-width:474px) {
html {
font-size:18.43675px;
}
}

@media screen and (max-width:473px) {
html {
font-size:18.39787px;
}
}

@media screen and (max-width:472px) {
html {
font-size:18.359px;
}
}

@media screen and (max-width:471px) {
html {
font-size:18.32013px;
}
}

@media screen and (max-width:470px) {
html {
font-size:18.28125px;
}
}

@media screen and (max-width:469px) {
html {
font-size:18.24238px;
}
}

@media screen and (max-width:468px) {
html {
font-size:18.2035px;
}
}

@media screen and (max-width:467px) {
html {
font-size:18.16463px;
}
}

@media screen and (max-width:466px) {
html {
font-size:18.12575px;
}
}

@media screen and (max-width:465px) {
html {
font-size:18.08687px;
}
}

@media screen and (max-width:464px) {
html {
font-size:18.048px;
}
}

@media screen and (max-width:463px) {
html {
font-size:18.00912px;
}
}

@media screen and (max-width:462px) {
html {
font-size:17.97025px;
}
}

@media screen and (max-width:461px) {
html {
font-size:17.93137px;
}
}

@media screen and (max-width:460px) {
html {
font-size:17.8925px;
}
}

@media screen and (max-width:459px) {
html {
font-size:17.85363px;
}
}

@media screen and (max-width:458px) {
html {
font-size:17.81475px;
}
}

@media screen and (max-width:457px) {
html {
font-size:17.77587px;
}
}

@media screen and (max-width:456px) {
html {
font-size:17.737px;
}
}

@media screen and (max-width:455px) {
html {
font-size:17.69812px;
}
}

@media screen and (max-width:454px) {
html {
font-size:17.65925px;
}
}

@media screen and (max-width:453px) {
html {
font-size:17.62037px;
}
}

@media screen and (max-width:452px) {
html {
font-size:17.5815px;
}
}

@media screen and (max-width:451px) {
html {
font-size:17.54263px;
}
}

@media screen and (max-width:450px) {
html {
font-size:17.50375px;
}
}

@media screen and (max-width:449px) {
html {
font-size:17.46487px;
}
}

@media screen and (max-width:448px) {
html {
font-size:17.426px;
}
}

@media screen and (max-width:447px) {
html {
font-size:17.38712px;
}
}

@media screen and (max-width:446px) {
html {
font-size:17.34825px;
}
}

@media screen and (max-width:445px) {
html {
font-size:17.30937px;
}
}

@media screen and (max-width:444px) {
html {
font-size:17.2705px;
}
}

@media screen and (max-width:443px) {
html {
font-size:17.23163px;
}
}

@media screen and (max-width:442px) {
html {
font-size:17.19275px;
}
}

@media screen and (max-width:441px) {
html {
font-size:17.15387px;
}
}

@media screen and (max-width:440px) {
html {
font-size:17.115px;
}
}

@media screen and (max-width:439px) {
html {
font-size:17.07612px;
}
}

@media screen and (max-width:438px) {
html {
font-size:17.03725px;
}
}

@media screen and (max-width:437px) {
html {
font-size:16.99837px;
}
}

@media screen and (max-width:436px) {
html {
font-size:16.9595px;
}
}

@media screen and (max-width:435px) {
html {
font-size:16.92063px;
}
}

@media screen and (max-width:434px) {
html {
font-size:16.88175px;
}
}

@media screen and (max-width:433px) {
html {
font-size:16.84287px;
}
}

@media screen and (max-width:432px) {
html {
font-size:16.804px;
}
}

@media screen and (max-width:431px) {
html {
font-size:16.76512px;
}
}

@media screen and (max-width:430px) {
html {
font-size:16.72625px;
}
}

@media screen and (max-width:429px) {
html {
font-size:16.68737px;
}
}

@media screen and (max-width:428px) {
html {
font-size:16.6485px;
}
}

@media screen and (max-width:427px) {
html {
font-size:16.60963px;
}
}

@media screen and (max-width:426px) {
html {
font-size:16.57075px;
}
}

@media screen and (max-width:425px) {
html {
font-size:16.53187px;
}
}

@media screen and (max-width:424px) {
html {
font-size:16.493px;
}
}

@media screen and (max-width:423px) {
html {
font-size:16.45412px;
}
}

@media screen and (max-width:422px) {
html {
font-size:16.41525px;
}
}

@media screen and (max-width:421px) {
html {
font-size:16.37637px;
}
}

@media screen and (max-width:420px) {
html {
font-size:16.3375px;
}
}

@media screen and (max-width:419px) {
html {
font-size:16.29863px;
}
}

@media screen and (max-width:418px) {
html {
font-size:16.25975px;
}
}

@media screen and (max-width:417px) {
html {
font-size:16.22087px;
}
}

@media screen and (max-width:416px) {
html {
font-size:16.182px;
}
}

@media screen and (max-width:415px) {
html {
font-size:16.14312px;
}
}

@media screen and (max-width:414px) {
html {
font-size:16.10425px;
}
}

@media screen and (max-width:413px) {
html {
font-size:16.06537px;
}
}

@media screen and (max-width:412px) {
html {
font-size:16.0265px;
}
}

@media screen and (max-width:411px) {
html {
font-size:15.98762px;
}
}

@media screen and (max-width:410px) {
html {
font-size:15.94875px;
}
}

@media screen and (max-width:409px) {
html {
font-size:15.90987px;
}
}

@media screen and (max-width:408px) {
html {
font-size:15.871px;
}
}

@media screen and (max-width:407px) {
html {
font-size:15.83212px;
}
}

@media screen and (max-width:406px) {
html {
font-size:15.79325px;
}
}

@media screen and (max-width:405px) {
html {
font-size:15.75437px;
}
}

@media screen and (max-width:404px) {
html {
font-size:15.7155px;
}
}

@media screen and (max-width:403px) {
html {
font-size:15.67662px;
}
}

@media screen and (max-width:402px) {
html {
font-size:15.63775px;
}
}

@media screen and (max-width:401px) {
html {
font-size:15.59887px;
}
}

@media screen and (max-width:400px) {
html {
font-size:15.56px;
}
}

@media screen and (max-width:399px) {
html {
font-size:15.52112px;
}
}

@media screen and (max-width:398px) {
html {
font-size:15.48225px;
}
}

@media screen and (max-width:397px) {
html {
font-size:15.44337px;
}
}

@media screen and (max-width:396px) {
html {
font-size:15.4045px;
}
}

@media screen and (max-width:395px) {
html {
font-size:15.36562px;
}
}

@media screen and (max-width:394px) {
html {
font-size:15.32675px;
}
}

@media screen and (max-width:393px) {
html {
font-size:15.28787px;
}
}

@media screen and (max-width:392px) {
html {
font-size:15.249px;
}
}

@media screen and (max-width:391px) {
html {
font-size:15.21012px;
}
}

@media screen and (max-width:390px) {
html {
font-size:15.17125px;
}
}

@media screen and (max-width:389px) {
html {
font-size:15.13237px;
}
}

@media screen and (max-width:388px) {
html {
font-size:15.0935px;
}
}

@media screen and (max-width:387px) {
html {
font-size:15.05462px;
}
}

@media screen and (max-width:386px) {
html {
font-size:15.01575px;
}
}

@media screen and (max-width:385px) {
html {
font-size:14.97687px;
}
}

@media screen and (max-width:384px) {
html {
font-size:14.938px;
}
}

@media screen and (max-width:383px) {
html {
font-size:14.89912px;
}
}

@media screen and (max-width:382px) {
html {
font-size:14.86025px;
}
}

@media screen and (max-width:381px) {
html {
font-size:14.82137px;
}
}

@media screen and (max-width:380px) {
html {
font-size:14.7825px;
}
}

@media screen and (max-width:379px) {
html {
font-size:14.74362px;
}
}

@media screen and (max-width:378px) {
html {
font-size:14.70475px;
}
}

@media screen and (max-width:377px) {
html {
font-size:14.66587px;
}
}

@media screen and (max-width:376px) {
html {
font-size:14.627px;
}
}

@media screen and (max-width:375px) {
html {
font-size:14.58812px;
}
}

@media screen and (max-width:374px) {
html {
font-size:14.54925px;
}
}

@media screen and (max-width:373px) {
html {
font-size:14.51037px;
}
}

@media screen and (max-width:372px) {
html {
font-size:14.4715px;
}
}

@media screen and (max-width:371px) {
html {
font-size:14.43262px;
}
}

@media screen and (max-width:370px) {
html {
font-size:14.39375px;
}
}

@media screen and (max-width:369px) {
html {
font-size:14.35487px;
}
}

@media screen and (max-width:368px) {
html {
font-size:14.316px;
}
}

@media screen and (max-width:367px) {
html {
font-size:14.27712px;
}
}

@media screen and (max-width:366px) {
html {
font-size:14.23825px;
}
}

@media screen and (max-width:365px) {
html {
font-size:14.19937px;
}
}

@media screen and (max-width:364px) {
html {
font-size:14.1605px;
}
}

@media screen and (max-width:363px) {
html {
font-size:14.12162px;
}
}

@media screen and (max-width:362px) {
html {
font-size:14.08275px;
}
}

@media screen and (max-width:361px) {
html {
font-size:14.04387px;
}
}

@media screen and (max-width:360px) {
html {
font-size:14.005px;
}
}

@media screen and (max-width:359px) {
html {
font-size:13.96612px;
}
}

@media screen and (max-width:358px) {
html {
font-size:13.92725px;
}
}

@media screen and (max-width:357px) {
html {
font-size:13.88837px;
}
}

@media screen and (max-width:356px) {
html {
font-size:13.8495px;
}
}

@media screen and (max-width:355px) {
html {
font-size:13.81062px;
}
}

@media screen and (max-width:354px) {
html {
font-size:13.77175px;
}
}

@media screen and (max-width:353px) {
html {
font-size:13.73287px;
}
}

@media screen and (max-width:352px) {
html {
font-size:13.694px;
}
}

@media screen and (max-width:351px) {
html {
font-size:13.65512px;
}
}

@media screen and (max-width:350px) {
html {
font-size:13.61625px;
}
}

@media screen and (max-width:349px) {
html {
font-size:13.57737px;
}
}

@media screen and (max-width:348px) {
html {
font-size:13.5385px;
}
}

@media screen and (max-width:347px) {
html {
font-size:13.49962px;
}
}

@media screen and (max-width:346px) {
html {
font-size:13.46075px;
}
}

@media screen and (max-width:345px) {
html {
font-size:13.42188px;
}
}

@media screen and (max-width:344px) {
html {
font-size:13.383px;
}
}

@media screen and (max-width:343px) {
html {
font-size:13.34413px;
}
}

@media screen and (max-width:342px) {
html {
font-size:13.30525px;
}
}

@media screen and (max-width:341px) {
html {
font-size:13.26638px;
}
}

@media screen and (max-width:340px) {
html {
font-size:13.2275px;
}
}

@media screen and (max-width:339px) {
html {
font-size:13.18863px;
}
}

@media screen and (max-width:338px) {
html {
font-size:13.14975px;
}
}

@media screen and (max-width:337px) {
html {
font-size:13.11088px;
}
}

@media screen and (max-width:336px) {
html {
font-size:13.072px;
}
}

@media screen and (max-width:335px) {
html {
font-size:13.03313px;
}
}

@media screen and (max-width:334px) {
html {
font-size:12.99425px;
}
}

@media screen and (max-width:333px) {
html {
font-size:12.95538px;
}
}

@media screen and (max-width:332px) {
html {
font-size:12.9165px;
}
}

@media screen and (max-width:331px) {
html {
font-size:12.87763px;
}
}

@media screen and (max-width:330px) {
html {
font-size:12.83875px;
}
}

@media screen and (max-width:329px) {
html {
font-size:12.79988px;
}
}

@media screen and (max-width:328px) {
html {
font-size:12.761px;
}
}

@media screen and (max-width:327px) {
html {
font-size:12.72213px;
}
}

@media screen and (max-width:326px) {
html {
font-size:12.68325px;
}
}

@media screen and (max-width:325px) {
html {
font-size:12.64438px;
}
}

@media screen and (max-width:324px) {
html {
font-size:12.6055px;
}
}

@media screen and (max-width:323px) {
html {
font-size:12.56663px;
}
}

@media screen and (max-width:322px) {
html {
font-size:12.52775px;
}
}

@media screen and (max-width::321px) {
html {
font-size:12.48888px;
}
}

@media screen and (max-width:320px) {
html {
font-size:12.45px;
}
}

* { 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: 7.14rem 0; text-align: center; }
.title h1 { font-size: 2.857rem; font-weight: 600; }
.title p { font-size: 1rem; line-height: 1.4; margin-top: 1.785rem; }
.visual { text-align: center; padding: 0 2.642rem 4.142rem; }
.visual img { width: 100%; }
.footer { width: 100%; font-size: .85714rem; color: #999; }
.footer .footer-area { background-color: #1c1b1b; padding: 2.14286rem 0; }
.footer .footer-area .footer-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 1.42857rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.07143rem; }
.footer .footer-area .footer-link li { position: relative; margin-bottom: 1.07143rem; padding: 0 1.35714rem; line-height: 1.2;}
.footer .footer-area .footer-link li a:before { display: block; content: ""; width: 1px; height: .60714rem; background-color: #666; position: absolute; top: 50%; left: 0; margin-top: -.42857rem; }
.footer .footer-area .footer-link li:first-child a:before { content: none; }
.footer .footer-area .footer-link li:nth-child(4) a:before { display: none; }
.footer .footer-area .footer-link li .info { color: #fff; }
.footer .footer-area .footer-info li { margin-top: .53571rem; line-height: 1.2; }
.footer .footer-area .footer-info li .info-num { color: #666; padding-left: .17857rem; }
.footer .footer-area .logo { width: 8.57143rem; height: 1rem; background: url('https://failover-hyundai.akamaized.net/aka_maintenance/casper/mobile/images/logo-footer.ad76ce6.png') 100% 0 no-repeat; background-size: auto 100%; margin: 2.14286rem 0 1.07143rem; }
.footer .footer-area .footer-link li:first-child,
.footer .footer-area .footer-link li:nth-child(4) { padding-left: 0; }
.footer .footer-area .footer-info,.footer .footer-area .copyright { padding-left: 1.42857rem; }