@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&display=swap');
html {
	scroll-behavior: smooth;
}
/* reset.css is here */
*{padding: 0;margin: 0;box-sizing: border-box;} 
fieldset,img{border:0;}
figure {margin: 0;}
button, input, optgroup, select, textarea {-webkit-appearance: none;appearance: none;}
.form-control.error {
    border-color: #E74C3C;
}
img{border:0;max-width: 100%;display: block;height: auto;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
q:before,q:after {content:'';}
header,nav,section,article,aside,footer,hgroup,figure,main {display: block; }
main{max-width:1200px;}
a {text-decoration: none;display:  inline-block;outline: none;color: #000;}
ol,ul{list-style: none;margin:  0;}
h1,h2,h3,h4,h5,h6 {font-family: "Hyundai Sans Text","Arial", sans-serif;font-weight: normal;}
h2{font-size: 40px;line-height: 50px;margin: 0;color: #ffffff;}
h3{font-size: 50px;line-height: 72px;margin: 0;color: #ffffff;}
h5{font-size: 24px;line-height: 27px;margin: 0;color: #4f4f6f;}
h6{font-size: 14px;line-height: 16px;margin: 0;color: #9fa4af;letter-spacing: 0.7px;font-family: 'HelveticaNeue-Bold', sans-serif;}
p {font-size: 16px;line-height: 28px;margin: 0;color: #9fa4af;letter-spacing: 0.1px;}
.clear:after {content: '';clear: both;font-size: 1px;line-height: 1px;display: block;height: 0;}
.transition {transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.transform{transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.btn{font-size: 14px;color: #ffffff;line-height:48px;width:100%;display: block;max-width: 240px;font-family: 'HelveticaNeue-Bold', sans-serif;font-weight: normal;border:1px solid #fff;background: transparent;border-radius: 0px;padding: 0 15px;text-align: center;text-transform: uppercase;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.mobile-size{display:none;}
.slick-list{padding: 20px 0;}
/* bootstrap hackhere */

.order-4 {
  -ms-flex-order: 4;
  order: 4;
}


.align-content-center{-ms-flex-line-pack: center!important;
    align-content: center!important;-webkit-align-content: center!important;}
.flex-row-reverse {-webkit-flex-direction: row-reverse !important; }
.row{display:-webkit-flex;-webkit-flex-wrap:wrap;}
.flex-wrap{-webkit-flex-wrap:wrap !important;}
.d-flex {display: -webkit-flex !important;}
.d-inline-flex{display:-webkit-inline-flex!important}
.input-group-append, .input-group-prepend{display: -webkit-flex;}

.input-group>.custom-file, .input-group>.custom-select, .input-group>.form-control{-webkit-flex: 1 1 auto;}
.input-group{display: -webkit-flex;-webkit-flex-wrap: wrap;-webkit-align-items: stretch;}

.navbar{display: -webkit-flex;-webkit-flex-wrap:wrap;-webkit-align-items: center;-webkit-justify-content: space-between;}
.navbar-collapse{-webkit-flex-basis:100%;-webkit-flex-grow: 1;-webkit-align-items: center;}
.navbar-nav{display: -webkit-flex;-webkit-flex-direction: column;}

.flex-column {-webkit-flex-direction:column!important;}

/*form classess*/
.form-inline{display: -webkit-flex;-webkit-flex-flow: row wrap;-webkit-align-items: center;}
.form-row {display: -webkit-flex;-webkit-flex-wrap: wrap;}

/*align classess*/
.align-items-start{-webkit-align-items:start!important;}
.align-items-end{-webkit-align-items: flex-end!important;}
.align-items-center{-webkit-align-items: center!important;}
.align-items-baseline{-webkit-align-items: baseline!important;}
.align-items-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-start{-webkit-justify-content:flex-start!important;}
.justify-content-end{-webkit-justify-content:flex-end!important;}
.justify-content-center{-webkit-justify-content: center!important;}
.justify-content-between{-webkit-justify-content: space-between!important;}
.justify-content-around{-webkit-justify-content: space-around!important;}
/*align self classes*/
.align-self-start {-webkit-align-self: flex-start!important;}
.align-self-end {-webkit-align-self: flex-end!important;}
.align-self-center {-webkit-align-self: center!important;}
.align-self-baseline {align-self: baseline!important;}
.align-self-stretch {align-self: stretch!important;}

.col-1 {-webkit-flex: 0 0 8.33333%; }
.col-2 {-webkit-flex: 0 0 16.66667%; }
.col-3 {-webkit-flex: 0 0 25%; }
.col-4 {-webkit-flex: 0 0 33.33333%; }
.col-5 {-webkit-flex: 0 0 41.66667%; }
.col-6 {-webkit-flex: 0 0 50%; }
.col-7 {-webkit-flex: 0 0 58.33333%; }
.col-8 {-webkit-flex: 0 0 66.66667%; }
.col-9 {-webkit-flex: 0 0 75%; }
.col-10 {-webkit-flex: 0 0 83.33333%; }
.col-11 {-webkit-flex: 0 0 91.66667%; }
.col-12 {-webkit-flex: 0 0 100%; }

@media (min-width: 576px) {
	.d-sm-flex {    display: -webkit-flex!important;}
    .d-sm-inline-flex{display:-webkit-inline-flex!important}
	.navbar-expand-sm{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-sm .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-sm .navbar-nav{-webkit-flex-direction: row;}
	
  .col-sm-1 {-webkit-flex: 0 0 8.33333%; }
  .col-sm-2 {-webkit-flex: 0 0 16.66667%; }
  .col-sm-3 {-webkit-flex: 0 0 25%; }
  .col-sm-4 {-webkit-flex: 0 0 33.33333%; }
  .col-sm-5 {-webkit-flex: 0 0 41.66667%; }
  .col-sm-6 {-webkit-flex: 0 0 50%; }
  .col-sm-7 {-webkit-flex: 0 0 58.33333%; }
  .col-sm-8 {-webkit-flex: 0 0 66.66667%; }
  .col-sm-9 {-webkit-flex: 0 0 75%; }
  .col-sm-10 {-webkit-flex: 0 0 83.33333%; }
  .col-sm-11 {-webkit-flex: 0 0 91.66667%; }
  .col-sm-12 {-webkit-flex: 0 0 100%; }
    

    /*align classess*/
    .align-items-sm-start{-webkit-align-items:start!important;}
    .align-items-sm-end{-webkit-align-items: flex-end!important;}
    .align-items-sm-center{-webkit-align-items: center!important;}
    .align-items-sm-baseline{-webkit-align-items: baseline!important;}
    .align-items-sm-stretch{-webkit-align-items: stretch!important;}
    /*Justify Classess*/
    .justify-content-sm-start{-webkit-justify-content:flex-start!important;}
    .justify-content-sm-end{-webkit-justify-content:flex-end!important;}
    .justify-content-sm-center{-webkit-justify-content: center!important;}
    .justify-content-sm-between{-webkit-justify-content: space-between!important;}
    .justify-content-sm-around{-webkit-justify-content: space-around!important;}
        /*align self classes*/
    .align-self-sm-start {-webkit-align-self: flex-start!important;}
    .align-self-sm-end {-webkit-align-self: flex-end!important;}
    .align-self-sm-center {-webkit-align-self: center!important;}
    .align-self-sm-baseline {-webkit-align-self: baseline!important;}
    .align-self-sm-stretch {-webkit-align-self: stretch!important;}
    
}
@media (min-width: 768px) {
	.d-md-flex {    display: -webkit-flex!important;}
    .d-md-inline-flex{display:-webkit-inline-flex!important}
	.navbar-expand-md{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-md .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-md .navbar-nav{-webkit-flex-direction: row;}
	
  .col-md-1 {-webkit-flex: 0 0 8.33333%; }
  .col-md-2 {-webkit-flex: 0 0 16.66667%; }
  .col-md-3 {-webkit-flex: 0 0 25%;}
  .col-md-4 {-webkit-flex: 0 0 33.33333%;}
  .col-md-5 {-webkit-flex: 0 0 41.66667%; }
  .col-md-6 {-webkit-flex: 0 0 50%; }
  .col-md-7 {-webkit-flex: 0 0 58.33333%; }
  .col-md-8 {-webkit-flex: 0 0 66.66667%; }
  .col-md-9 {-webkit-flex: 0 0 75%; }
  .col-md-10 {-webkit-flex: 0 0 83.33333%; }
  .col-md-11 {-webkit-flex: 0 0 91.66667%; }
  .col-md-12 {-webkit-flex: 0 0 100%; }
    
    .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
    /*align classess*/
.align-items-md-start{-webkit-align-items:start!important;}
.align-items-md-end{-webkit-align-items: flex-end!important;}
.align-items-md-center{-webkit-align-items: center!important;}
.align-items-md-baseline{-webkit-align-items: baseline!important;}
.align-items-md-stretch{-webkit-align-items: stretch!important;}
/*Justify Classess*/
.justify-content-md-start{-webkit-justify-content:flex-start!important;}
.justify-content-md-end{-webkit-justify-content:flex-end!important;}
.justify-content-md-center{-webkit-justify-content: center!important;}
.justify-content-md-between{-webkit-justify-content: space-between!important;}
.justify-content-md-around{-webkit-justify-content: space-around!important;}
    /*align self classes*/
.align-self-sm-start {-webkit-align-self: flex-start!important;}
.align-self-sm-end {-webkit-align-self: flex-end!important;}
.align-self-sm-center {-webkit-align-self: center!important;}
.align-self-sm-baseline {-webkit-align-self: baseline!important;}
.align-self-sm-stretch {-webkit-align-self: stretch!important;}
 }
@media (min-width: 992px) {
	.d-lg-flex {    display: -webkit-flex!important;}
    .d-lg-inline-flex{display:-webkit-inline-flex!important}
	.navbar-expand-lg{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-lg .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-lg .navbar-nav{-webkit-flex-direction: row;}
	
    .col-lg-1 {-webkit-flex: 0 0 8.33333%; }
    .col-lg-2 {-webkit-flex: 0 0 16.66667%; }
    .col-lg-3 {-webkit-flex: 0 0 25%; }
    .col-lg-4 {-webkit-flex: 0 0 33.33333%; }
    .col-lg-5 {-webkit-flex: 0 0 41.66667%; }
    .col-lg-6 {-webkit-flex: 0 0 50%; }
    .col-lg-7 {-webkit-flex: 0 0 58.33333%; }
    .col-lg-8 {-webkit-flex: 0 0 66.66667%; }
    .col-lg-9 {-webkit-flex: 0 0 75%; }
    .col-lg-10 {-webkit-flex: 0 0 83.33333%;}
    .col-lg-11 {-webkit-flex: 0 0 91.66667%; }
    .col-lg-12 {-webkit-flex: 0 0 100%; } 
        
        /*align classess*/
    .align-items-lg-start{-webkit-align-items:start!important;}
    .align-items-lg-end{-webkit-align-items: flex-end!important;}
    .align-items-lg-center{-webkit-align-items: center!important;}
    .align-items-lg-baseline{-webkit-align-items: baseline!important;}
    .align-items-lg-stretch{-webkit-align-items: stretch!important;}
    /*Justify Classess*/
    .justify-content-lg-start{-webkit-justify-content:flex-start!important;}
    .justify-content-lg-end{-webkit-justify-content:flex-end!important;}
    .justify-content-lg-center{-webkit-justify-content: center!important;}
    .justify-content-lg-between{-webkit-justify-content: space-between!important;}
    .justify-content-lg-around{-webkit-justify-content: space-around!important;}
        /*align self classes*/
    .align-self-lg-start {-webkit-align-self: flex-start!important;}
    .align-self-lg-end {-webkit-align-self: flex-end!important;}
    .align-self-lg-center {-webkit-align-self: center!important;}
    .align-self-lg-baseline {-webkit-align-self: baseline!important;}
    .align-self-lg-stretch {-webkit-align-self: stretch!important;}
}
@media (min-width: 1200px) {
	.d-xl-flex {    display: -webkit-flex!important;}
	navbar-expand-xl{-webkit-flex-flow: row nowrap;-webkit-justify-content: flex-start;}
	.navbar-expand-xl .navbar-collapse{display: -webkit-flex!important;-webkit-flex-basis: auto;}
	.navbar-expand-xl .navbar-nav{-webkit-flex-direction: row;}
	
    .col-xl-1 {-webkit-flex: 0 0 8.33333%;}
    .col-xl-2 {-webkit-flex: 0 0 16.66667%;}
    .col-xl-3 {-webkit-flex: 0 0 25%;}
    .col-xl-4 {-webkit-flex: 0 0 33.33333%;}
    .col-xl-5 {-webkit-flex: 0 0 41.66667%;}
    .col-xl-6 {-webkit-flex: 0 0 50%;}
    .col-xl-7 {-webkit-flex: 0 0 58.33333%;}
    .col-xl-8 {-webkit-flex: 0 0 66.66667%;}
    .col-xl-9 {-webkit-flex: 0 0 75%;}
    .col-xl-10 {-webkit-flex: 0 0 83.33333%;}
    .col-xl-11 {-webkit-flex: 0 0 91.66667%;}
    .col-xl-12 {-webkit-flex: 0 0 100%;} 
  
  
    /*align classess*/
    .align-items-xl-start{-webkit-align-items:start!important;}
    .align-items-xl-end{-webkit-align-items: flex-end!important;}
    .align-items-xl-center{-webkit-align-items: center!important;}
    .align-items-xl-baseline{-webkit-align-items: baseline!important;}
    .align-items-xl-stretch{-webkit-align-items: stretch!important;}
    /*Justify Classess*/
    .justify-content-xl-start{-webkit-justify-content:flex-start!important;}
    .justify-content-xl-end{-webkit-justify-content:flex-end!important;}
    .justify-content-xl-center{-webkit-justify-content: center!important;}
    .justify-content-xl-between{-webkit-justify-content: space-between!important;}
    .justify-content-xl-around{-webkit-justify-content: space-around!important;}
    /*align self classes*/
    .align-self-xl-start {-webkit-align-self: flex-start!important;}
    .align-self-xl-end {-webkit-align-self: flex-end!important;}
    .align-self-xl-center {-webkit-align-self: center!important;}
    .align-self-xl-baseline {-webkit-align-self: baseline!important;}
    .align-self-xl-stretch {-webkit-align-self: stretch!important;}
}
/*--fonts starts here--*/

/* 한글 HyundaiSansHead */
@font-face {
    font-family: "HeadBold";
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRBold.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRBold.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRBold.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadMedium";
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRMedium.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRMedium.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRMedium.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadRegular";
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRRegular.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRRegular.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRRegular.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "HeadLight";
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRLight.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansHeadKRLight.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRLight.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansHeadKRLight.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
/* 한글 HyundaiSansText */
@font-face {
    font-family: "TextBold";
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRBold.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRBold.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRBold.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRBold.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TextMedium";
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRMedium.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRMedium.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRMedium.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRMedium.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "TextRegular";
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRRegular.eot");
    src: url("https://www.hyundaievents.com/font/HyundaiSansTextKRRegular.eot?#iefix") format("embedded-opentype"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRRegular.woff2") format("woff2"),
    url("https://www.hyundaievents.com/font/HyundaiSansTextKRRegular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

body {color: #ffffff;font-size: 16px;line-height: 18px;font-weight: normal;word-break: keep-all;}
#zh{font-family: "Noto Sans TC","TextRegular","Arial", sans-serif;}
#en{font-family: "TextRegular","Arial", sans-serif;}
#ko{font-family: "TextRegular","Arial", sans-serif;}
.wrapper{/*max-width: 1200px;*/width:100%;margin: 0 auto;}
.container{max-width: 1200px; margin: 0 auto;padding-right:0px; padding-left:0px;}
.container-inner {padding:0 100px;margin: 0 auto;}

/*--header starts here--*/
header{}
.header-main{padding: 13px 0px 7px;}
.header-main ul{margin: 0 -15px;}
.header-main ul li{padding: 0 15px;}
.header-main ul li a{font-size:18px;line-height: 20px;color: #666666;text-align: center;display: block;}
.header-main ul li:nth-child(2){border-left: 1px solid #666666;}
.header-main ul li a:hover{color: #000000;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}


.banner{background: url(../images/New_HPB.jpg)no-repeat;width: 100%;background-size: cover;background-position:center;}
/* .banner.img2{background: url(../image/header.jpg)no-repeat;width: 100%;background-size: cover;background-position:center;}
.banner.img3{background: url(../images/header.jpg)no-repeat;width: 100%;background-size: cover;background-position:center;} */
#banner-main{height: 540px;}
#banner-main .container { background:url(../images/New_HPB.jpg) no-repeat; height: 100%;}
#banner-main .container-inner { padding-top: 80px;}
#banner-main h2{font-size:48px;color: #ffffff;font-family: 'HeadMedium';padding: 0 0 30px 0;}
#banner-main h1{font-size:30px;color: #ffffff;font-family: 'HeadRegular';padding: 30px 0 0 0;}
#banner-main p {color:#FFF; font-size:21px; font-family: 'TextRegular'; line-height: 150%;}
.banner-left p{font-size:21px;color: #ffffff;padding: 0 0 5px 0;position: relative;font-family: 'HeadBold';}
.banner-left p:before{content: "";left: -13px;width: 3px;height: 3px;background: #ffffff;top: 6px;position: absolute;border-radius: 100%;}
.banner-right p{font-size:21px;color: #ffffff;padding: 0 0 5px 0;letter-spacing: 0.2px;}
.banner-left{padding: 0 25px 0 9px;}
#banner-main p a{display:block;color: #ffffff;padding: 0 0 8px 0;}
#banner-main a.enter{display: block;color: #ffffff;}
#banner-main a.enter:hover{font-style: bold; transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.btn-sweepstakes{height:50px;width:250px;margin:30px 0 5px;text-align: center;font-size:18px;line-height: 25px;padding: 8px 5px;}
.btn-sweepstakes:hover{}
/*.sweepstakes-main .learn-more-elantra a:after{content:"\f105";position: absolute;top: -5px;right: -18px;color: #002c5e;font-family: fontawesome;font-size: 30px;}*/

.btn-navy{
    width:100%; max-width: 380px; height:50px;background: #002c5e;margin-bottom:5px;text-align: center;font-size:18px;line-height: 25px;padding: 12px 0;
}
.btn-navy a{
    color:#FFFFFF;
}
.btn-navy:hover{background-color:#001938;cursor:pointer;}

.center-box .btn-navy{
    margin-left:auto; margin-right:auto; margin-top: 25px;
}
/* Dots */
.slick-dotted.slick-slider{
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    max-width:1200px;
}

.slick-dots
{
    position: absolute;
    bottom: 22px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li button:before
{font-family: 'slick';font-size: 9px !important;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;color: #ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;opacity: 1;}
.slick-dots li.slick-active button:before{opacity: .75;color: #02baf7;}
.dura{display: none !important;}
.dura-left p{font-size:21px;line-height: 23px;color: #000000;padding: 0 0 38px;position: relative;font-family: 'HeadBold';}
.dura-left p:before{content: "";left: -13px;width: 3px;height: 3px;background: #000000;top: 9px;position: absolute;border-radius: 50%;}
.dura-right p{font-size:21px;line-height: 23px;color: #000000;padding: 0 0 5px 0;letter-spacing: 0.2px;}
.dura-left{padding: 0 25px 0 9px;}
.dura-right p a{display:block;color: #000000;padding: 0 0 8px 0;}
.car{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.car-main{
    padding-bottom: 27px;
}
.car-left{
    padding: 0 55px 0 0;
}

.car-left #link {
    text-decoration: underline;
    color: #02baf7;
}
#en .car-left, #ko .car-left{word-break: keep-all;}
.car-left h2{font-size: 1.2em;;color: #000000;font-family: 'TextBold';font-weight: 700;padding: 20px 0 20px;}
.car-left p{font-size:1.1em;line-height: 21px;color: #666666;letter-spacing: 0px;padding: 0 0 26px 0;}

#ch .car-left p,#ko .car-left p{line-height:25px;}
.car-right{
    margin: auto 0; padding: auto 0; align-items: center;
}
.car-right a{text-align: right;font-size:0.8em;line-height: 20px;color: #002c5e;display: block;margin: 40px 20px 0px 0;margin-left: auto;margin-top: 40px;position: relative;}
/* .car-right a:after{content:"\f105";position: absolute;top: -5px;right: -18px;color: #002c5e;font-family: fontawesome;font-size: 30px;} */
.car-right a:hover:after{}
.car-right a:hover:before{text-decoration: none; text-border-bottom: 1px solid;content:"";position: absolute;bottom:0px;right:0;background: #002c5e;left:0;margin: 0 auto;}

.sweepstakes-main .learn-more-elantra a{font-size:0.5em;line-height: 20px;color: #002c5e;}

/*.sweepstakes-main span a:hover:after{}*/
/*.sweepstakes-main span a:hover:before{text-decoration: none;text-border-bottom: 1px solid;content:"";position: absolute;bottom:0px;right:0;background: #002c5e;left:0;margin: 0 auto;}*/


.slick-list{padding: 0;}
.participate{
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.participate-main{padding: 27px 0 27px;}
.participate-main h2{
    font-size:36px;font-weight: 700;
    line-height: 38px;color: #000000;font-family: 'TextBold';
    text-align: center;padding: 0 0 52px 0;
    
}
.participate-main ul{margin: 0 -10px;}
.participate-main ul li{padding: 0 10px;}
/* .participate-in{border: 1px solid #f6f6f6;} */
/* .participate-top{background: #f6f6f6;padding: 40px 0;} */
/* .participate-top figure{} */
.participate-top figure img{margin: 0 auto;}
.participate-top figure img{width:100%;}
.participate-btm{text-align: center; padding: 23px 0;}
/* .participate-btm h3{font-size:21px;line-height: 23px;color: #000000;font-family: 'TextBold';padding: 0 0 4px 0;} */
.participate-btm p{font-size:18px;line-height: 23px;color: #666666;}
.participate-btm a {color:#00abd5; text-decoration: underline;}
.participate-btm h5{color:#02baf7}
.participate-btm hr{align-items: center; margin: 20px auto;}
.sweepstakes{
    background: #f3f3f3;
    margin-left: auto;
    margin-right: auto;
	padding: 60px 0;
}
.sweepstakes-main{padding: 35px 0;}
.sweepstakes-main h2{font-size:36px;font-weight: 700;line-height: 38px;color: #000000;font-family: 'TextBold';text-align: center;}
.sweepstakes-main p{font-size: 21px; font-family: "TextRegular"; line-height: 29px;color: #333;padding: 0 0 11px;}
.sweepstakes-main label{font-size: 22px;font-weight: 700;line-height: 23px;color: #000000;font-family: 'TextBold';display: block;letter-spacing: 0.7px;padding: 0 0 6px 0;}
/*.sweepstakes-main span{font-size: 23px;line-height: 29px;color: #002c5e;font-family: 'HeadMedium';}*/
.sweepstakes-main input{width: 100%;display: block;border: 1px solid #e6e6e6;border-radius: 5px;height: 45px;margin: 0 0 44px;padding: 0 15px;}
.sweepstakes-main textarea{width: 100%;display: block;border: 1px solid #e6e6e6;border-radius: 5px;height: 80px;resize: none;margin: 0 0 50px;padding: 15px;}
.sweepstakes-main .btn-next a{width: 201px;text-align: center;font-size: 24px;line-height: 28px;color: #ffffff;height: 62px;display: block;background: #002c5e;margin: 0 auto;padding: 20px 0;}
.prizes{
    /* max-width: 1000px; */
    margin-left: auto;
    margin-right: auto;
    margin-top:auto;
    margin-bottom:auto;

}
/* yurim starts to add prizes h4, h5, and iframe style  */
.prizes h4 {font-size:22px;line-height: 38px;color: #000000;text-align: center; }
.prizes h5 {font-size:17px;line-height: 38px;color: #000000;text-align: center; margin: 18px 0 18px 0 }
.prizes .textbox {margin-bottom: 37px;}


/* yurim ends to add prizes h4, h5, and iframe style  */
.prizes-main{padding: 15px 0 15px;}
.prizes-main h2{font-size:36px;font-weight: 700;line-height: 38px;color: #000000;font-family: 'TextBold';text-align: center;padding: 0 0 44px 0;}
.prizes-left{padding: 0px;}
.prizes-left h3{font-size:21px;font-weight: 700;line-height: 23px;color: #000000;font-family: 'TextBold';padding: 0px 0 7px 0;}
.prizes-left p{font-size:21px;line-height: 25px;color: #666666;letter-spacing: -0.1px;padding: 0 0 26px 0; }
.prizes-right h3{font-size:21px;font-weight: 700;line-height: 23px;color: #000000;font-family: 'TextBold';padding: 0px 0 7px 0;}
.prizes-right p{font-size:21px;line-height: 25px;color: #666666;letter-spacing: -0.1px;padding: 0 0 26px 0; }

/* .prizes-right figure{}
.prizes-right figure img{margin: 15px auto;} */
.prizes-cont{padding: 91px 0 91px 0;}
.prizes-cont p{font-size:13px;line-height: 17px;color: #666666;}

#ceos img { max-width: 194px;}
#ceos .sweepstakes-main {padding:65px 0;}
#ceos .prizes-header { text-align: center;}
#ceos h1 {font-size:28px; display: inline-block;border-bottom: 4px solid #00abd5; margin:0 auto 30px auto; color:#000;}
.ceo-btm h4 {font-size: 21px; font-style: bold;}
.ceo-btm p {font-size: 18px; padding:20px;}




.makeit{background: linear-gradient(to bottom, #ffffff00, black), url(../images/footer.jpg)no-repeat center; width: 100%;background-size: cover; }


.makeit-main{padding: 59px 0 50px;}


.makeit-in{padding: 0 0 420px 0;}
.makeit-in h2 {font-size: 18px;line-height: 20px;color: #ffffff;font-family: 'HeadMedium';position: relative;}
.makeit-in h2 a{color: #ffffff;}
.makeit-in h2:after{content: "";left: 0px;width: 24px;height: 2px;position: absolute;bottom: -3px;background: #ffffff;border-radius: 3px;}
.makeit-main ul{}
.makeit-main ul li{border-right: 1px solid #ffffff;}
.makeit-main ul li:last-child{border-right: 0;}
.makeit-main ul li figure{
    min-height: 45px;
}

#en .makeit-main ul li h3,#kr .makeit-main ul li h3{font-family: 'HeadMedium';}
#ch .makeit-main ul li h3{font-family: "Noto Sans TC", 'HeadMedium';}
#ch .elentra ul li h3{font-family: "Noto Sans TC", "Arial", sans-serif;}

.makeit-main ul li figure img{margin: 0 auto;}
.makeit-main ul li h3{font-size: 17px;line-height: 25px;color: #ffffff;text-align: center;padding: 25px 0 10px;}
.makeit-main ul li a{font-size:14px;line-height:16px;color: #ffffff;text-align: center;display: block;}
footer{
    background: #000000;padding: 80px 0;
    margin-left: auto;
    margin-right: auto;
}
.footer-main {}
.footer-main ul{width: 250px;margin: 0 auto;padding: 0px 0 24px;}
.footer-main p{font-family: "TextRegular","Arial", sans-serif;font-size:14px;line-height:16px;color: #ffffff;text-align: center;}
.footer-main ul li{border-right: 1px solid #404040;padding: 0 15px;}
.footer-main ul li:last-child{border-right: 0;}
.elentra{padding: 20px;}
.elentra ul{}
.elentra ul li{border-bottom: 1px solid #c9c9c9;padding: 20px 0;}
.elentra ul li figure img{margin: 0 auto;}
.elentra ul li h3{font-size: 18px;line-height: 25px;color: #000000;font-family: 'HeadMedium';text-align: center;padding: 25px 0 10px;}
.elentra ul li a{font-size:14px;line-height:16px;color: #002c5e;text-align: center;display: block;font-family: 'HeadMedium';}
.elentra ul li:last-child{border-bottom: 0;}
.car-right a.chi{width: 190px;}
.learn-more-elantra-container a.chii{
    color: #002c5e;
    font-weight: 700;
    margin-top: 10px;
    display: inline-block;
    max-width: 100%;
    font-size: 18px;
    text-decoration: none;
    line-height: 14px;
    margin-bottom:16px;
    font-family: 'TextMedium';
}
.learn-more-elantra-container a.chii span:hover{
    text-decoration: underline;
}

.car-main .learn-more-elantra-container {
    text-align:right;
}
.sticky-icon-wrap {
    display: inline;
    white-space: nowrap;
    position: absolute;
    margin-left: 10px;
}
.sticky-icon-wrap img{margin-right:10px;}
.btn-elantra{}

@media(max-width:1200px){
    .participate-main ul{margin: 0;}
    .header-main ul{margin: 0;}
}
@media(max-width:1024px){
.container{max-width: 100%;padding: 0 30px;}
}

@media(max-width:992px){
.car-right figure img{margin: auto 0; padding: auto 0; align-items: center;}
.car-right a{text-align: center;margin-left: 0;margin: 40px auto 0;}
.car-main .learn-more-elantra-container {text-align:center;}
}
/* .prizes-right {padding: 0;}
.prizes-left {padding: 0;} */


@media(max-width:768px){
    #banner-main .container-inner {
        padding-top: 50px;
        padding-left: 20px;
    }
    .banner{background: url(../images/banner1-768.jpg)no-repeat;background-position:center;width: 100%;}
    .banner.img2{background: url(../images/banner2-768.jpg)no-repeat ;background-position:center;width: 100%;}
    .banner.img3{background: url(../images/banner3-768.jpg)no-repeat;background-position:center;width: 100%;}
    .banner-main h2 {font-size: 35px;line-height: 37px;padding: 0px 0px 5px 0;}
    .banner-main h3{font-size: 33px;line-height: 37px;padding: 0px 0px 13px 0;}
    .banner-main {
        /*padding: 40px 0 50px;*/
        height: 492px;
    }
    .banner-left p{font-size: 15px;line-height: 18px;padding: 0 0 25px;}
    .banner-right p{font-size: 15px;line-height: 16px;}
    .participate-btm p br{display: none;}
    .makeit-in {padding: 0 0 270px 0;}
    .makeit-main ul li{padding: 0 5px;}
    .footer-main p {font-size: 12px;}
    .car-left{padding: 0;}
    .prizes-right {padding: 17px 0 0 0;}
    .prizes-left {padding: 0;}
    /* .prizes-right h3 { size:10px; color:black;} */
    #en .participate-btm p, #ko .participate-btm p, #ch .participate-btm p{
        margin-right: auto;
        margin-left: auto;
    }
    #en .participate-btm p{
        width:242px;
    }
}
@media(max-width:576px){
    #banner-main .container-inner {
        padding-top: 30px !important;
        padding-left: 20px;
    }

    .container-inner { padding:0px;}
    .participate-main ul li{padding: 0;margin-bottom: 10px;}
    .banner{background: url(../images/banner1-576.jpg)no-repeat right;width: 100%;}
    .banner.img2{background: url(../images/banner2-576.jpg)no-repeat right;width: 100%;}
    .banner.img3{background: url(../images/banner3-576.jpg)no-repeat right;width: 100%;}
    .prizes-main h2{font-size: 30px;}
    .prizes-right {padding: 17px 0 0 0;}
    .sweepstakes-main h2{font-size: 30px;}
    .participate-main h2{font-size: 30px;}
    .makeit-main ul{display: none !important;}


    /* .banner-in{display: none !important;} */
    .banner-left p{font-size: 10px;line-height: 18px;padding: 0 0 25px;}
    .banner-right p{font-size: 10px;line-height: 16px;}


    .car-main {padding-bottom: 27px;}
    .dura{display: block !important;}
    .dura-left{display: inline-block;padding: 0 8px 0 20px;}
    .dura-left p:before{left: -7px;}
    .prize-duration {
        padding: 0px 10px 0;height:48px;color:#000000;display:inline-block;
        height:100%;
    }
    .prize-duration.c1{padding-top:30px;}
    .prize-duration.c2{padding-bottom:32px;}
    .prize-duration .d-left{
        font-size: 19px;
        line-height: 23px;
        color: #000000;
        padding: 0px;
        position: relative;
        font-family: 'HeadBold';
        float:left;
    }
    .prize-duration .d-right{
        padding: 0 0 5px 0;
        float:right;
        text-align:left;
    }
    .prize-duration .d-right p{
        font-size: 19px;
        line-height: 23px;
        color: #000000;
        letter-spacing: 0.2px;
    }

    .dura-right{display:inline-block;}
    .dura{padding: 30px 10px 0;}
    .prizes-right {padding: 70px 0 0 0px;}
    .prizes-cont{padding:40px 0 40px 0;}
    .makeit-main {padding: 40px 0 30px;}
    .makeit-in{padding: 0 0 100px;}
    .sweepstakes-main p {font-size: 19px;line-height: 22px;}
    .sweepstakes-main label {font-size: 18px;line-height: 20px;}
}

@media(max-width:479px){
.dura-left p:before{left: -7px;}
.dura-left p{font-size: 4vw;}
.dura-right p{font-size: 4vw;word-spacing: -3px;}
.prizes-main h2{font-size: 30px;line-height: 32px;}
.prizes-right {padding: 17px 0 0 0;}
.sweepstakes-main h2{font-size: 30px;line-height: 32px;}

/* added yurim on 5/4/2021 starts */
.banner{background: url(../images/banner1-576.jpg)no-repeat right;width: 100%;}
.banner.img2{background: url(../images/banner2-576.jpg)no-repeat right;width: 100%;}
.banner.img3{background: url(../images/banner3-576.jpg)no-repeat right;width: 100%;}
/* added yurim on 5/4/2021 ended */

.banner-left p{font-size: 10px;line-height: 18px;padding: 0 0 25px;}
.banner-right p{font-size: 10px;line-height: 16px;}


    .car-right a{font-size: 0.8em;width: 228px;}

    .car-right .learn-more-elantra-container{

    }
    .prize-duration .d-left{font-size: 17px;}
    .prize-duration .d-right{font-size: 17px;}
}

@media(max-width:430px){
    .dura-left p:before{left: -7px;}
    .dura-left p{font-size: 4vw;}
    .dura-right p{font-size: 4vw;;word-spacing: -3px;}
    .prizes-right {padding: 17px 0 0 0;}
    /* added yurim on 5/4/2021 starts */
    .banner{background: url(../images/banner1-576.jpg)no-repeat right;width: 100%;}
    .banner.img2{background: url(../images/banner2-576.jpg)no-repeat right;width: 100%;}
    .banner.img3{background: url(../images/banner3-576.jpg)no-repeat right;width: 100%;}
    /* added yurim on 5/4/2021 ended */



}


.animated-modal {
    max-width: 550px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all 0.7s;
  }
  
  .animated-modal h2,
  .animated-modal p {
    transform: translateY(-50px);
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: .8s;
   

  }
  



  /* Final state */
  .fancybox-slide--current .animated-modal,
  .fancybox-slide--current .animated-modal h2,
  .fancybox-slide--current .animated-modal p {
    transform: translateY(0);
    opacity: 1;
  }
  
  /* Reveal content with different delays */
  .fancybox-slide--current .animated-modal h2 {
    transition-delay: .3s;
  }
  
  .fancybox-slide--current .animated-modal p {
    transition-delay: .3s;
  }

#selectableModal img {
    align-items: center;
    text-align: center;
    margin:auto;
}

/* #selectableModal {
    width: 1000px;
    height: 500px;
} */

#selectableModal h1 {
    color:black;
	font-weight: bold;
	font-size: 2em;
}

#selectableModal p {
	color:#000;
}
#selectableModal p a {
	color:#00aad2;
	font-weight: bold;
}
#selectableModal .close {
    position:absolute;
    top:0;
    right:14px;
    font-size: 42px;
    transform: rotate(45deg);
    cursor: pointer;
}
.fancybox-slide--html .fancybox-close-small {
	color:#000 !important;
}
#selectableModal .btn-navy {
	display: block;
	color:#FFFFFF;
}

.cookie-disclaimer-wrapper {font-family:"TextRegular","Arial",sans-serif;color:#333}
.cookie-disclaimer-wrapper .cookie-disclaimer-cta{font-family:"Hyundai Sans Head","Arial",sans-serif;text-align:center}
.cookie-disclaimer-wrapper button {border-radius:0px;padding:0px 0px 0px 0px;border:0px}
.cookie-disclaimer-wrapper button,.cookie-disclaimer-wrapper .button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;background-color: transparent;}
.cookie-disclaimer-wrapper button:disabled,.cookie-disclaimer-wrapper button.disabled,.cookie-disclaimer-wrapper .button:disabled,.cookie-disclaimer-wrapper .button.disabled{cursor:default;pointer-events:none}
.cookie-disclaimer-wrapper .button,.cookie-disclaimer-wrapper .cookie-disclaimer-action-box .button{font-family:"Hyundai Sans Head","Arial",sans-serif;font-weight:400;height:2.75rem;padding:0 1.75rem;font-size:1rem}
.cookie-disclaimer-wrapper .button,.cookie-disclaimer-wrapper .button-navy{border:2px solid #002c5e;background-color:#002c5e;color:#fff}
.cookie-disclaimer-close-btn .icon{fill:#002c5e}
.cookie-disclaimer-hide{display:none}
.cookie-disclaimer-close-btn ion-icon {
    font-size: 28px;
}

/* cookie */

.cookie-disclaimer-wrapper{display:flex;position:fixed;align-items:flex-start;bottom:0;left:0;right:0;background:#f3f3f3;padding:1rem;z-index:1000}
@media(min-width:640px){.cookie-disclaimer-wrapper{padding:1.875rem 1.375rem 1.875rem 2rem}
}
@media(min-width:1024px){.cookie-disclaimer-wrapper{padding:1.875rem 1.375rem 1.875rem 2.625rem}
}
@media(min-width:1440px){.cookie-disclaimer-wrapper{padding-left:4.5rem;padding-right:1.5625rem}
}
.cookie-disclaimer-wrapper .cookie-disclaimer-text{color:#333;text-align:left;font-size:1rem;line-height:1.375rem;padding-bottom:1rem}
@media(min-width:640px){.cookie-disclaimer-wrapper .cookie-disclaimer-text{padding:0}
}
@media(min-width:1024px){.cookie-disclaimer-wrapper .cookie-disclaimer-text{padding:.625rem 0}
}
.cookie-disclaimer-wrapper a{font-weight:700;color:#002c5e;text-decoration:none}
.cookie-disclaimer-wrapper .cookie-disclaimer-action-box{display:flex;flex-basis:86%;max-width:86%;flex-wrap:wrap;margin-right:10%}
@media(min-width:640px){.cookie-disclaimer-wrapper .cookie-disclaimer-action-box{align-items:center;flex-wrap:nowrap;flex-basis:94%;max-width:94%}
}
@media(min-width:1024px){.cookie-disclaimer-wrapper .cookie-disclaimer-action-box{flex-basis:98%;max-width:98%;margin-right:8%}
}

@media(min-width:640px){.cookie-disclaimer-wrapper .cookie-disclaimer-cta{margin-left:4%;white-space:nowrap;min-width:30%}
}
@media(min-width:1024px){.cookie-disclaimer-wrapper .cookie-disclaimer-cta{min-width:18%}
}
@media(min-width:1440px){.cookie-disclaimer-wrapper .cookie-disclaimer-cta{margin-left:2%}
}
/*@media(min-width:0) and (max-width:1440px){.cookie-disclaimer-wrapper .cookie-disclaimer-cta{min-width:12%}*/
/*}*/
.cookie-disclaimer-close-btn .icon{fill:#002c5e}
.cookie-disclaimer-hide{display:none}