خدمات پس از فروش > قطعات و خدمات

قطعات و خدمات

جهت مشاهده قیمت قطعه مورد نظر شماره فنی و یا نام قطعه را وارد کنید :

نام قطعه*

شماره فنی*

ارسال درخواست

جهت مشاهده اجرت خدمات مورد نظر نام خدمت و یا کد خدمت را وارد کنید :

نام خدمت*

کد خدمت*

ارسال درخواست

img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eee 0%,#a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0,0,0,.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0,0,0,.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0,0,0,.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0,0,0,1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*,div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*,div) { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } .p_section h3 { font-size: 30px; line-height: 40px; font-family: "HyundaiMedium"; text-align: center; margin-top: -9px; } .p_section p.sub_title { font-size: 16px; text-align: center; width: 790px; margin: 22px auto 0; } .p_section .engine_box { margin-top: 60px; } .p_section .engine_box:after { clear: both; content: ""; display: block; } .p_section .engine_box .engine_spec { margin-top: 10px; } .p_section .engine_box .engine_spec:after { clear: both; content: ""; display: block; } .p_section .engine_box .engine_spec .graph { float: right; width: 514px; margin-right: 150px; } .p_section .engine_box .engine_spec .max { float: left; width: 300px; margin-left: 100px; } .p_section .engine_box .pos { position: relative; opacity: 0; } .p_section .engine_box .pos .text { position: absolute; top: 0; left: 0; opacity: 0; } .p_section .engine_box .max { padding-top: 25px; margin-top: 25px; } .p_section .engine_box .max:after { clear: both; content: ""; display: block; } .p_section .engine_box .max .max_sub_info { width: 362px; } .p_section .engine_box .max_power { margin-top: 45px; } .p_section .engine_box .max_power:after { clear: both; content: ""; display: block; } .p_section .engine_box .max dl { display: block; } .p_section .engine_box .max dt { float: left; padding-top: 52px; width: 48px; font-size: 14px; line-height: 14px; color: #00aad2; text-align: center; font-weight: bold; } .p_section .engine_box .max dd { float: left; margin-left: 10px; } .p_section .engine_box .max dd strong { font-size: 80px; letter-spacing: -3px; line-height: 1; color: #444; } .p_section .engine_box .max dd span { font-size: 16px; } .p_section .engine_box .max .max_toque { display: block; margin-top: 35px; } .p_section .engine_box .max .max_power dt { background: url("https://hyundai-uae.com/content/dam/hyundai/ww/en/images/find-a-car/flat/performance_icon_1.png") no-repeat 0 0; } .p_section .engine_box .max .max_power dt.nitro-lazy { background-image: none !important; } .p_section .engine_box .max .max_toque dt { color: #002c5f; background: url("https://hyundai-uae.com/content/dam/hyundai/ww/en/images/find-a-car/flat/performance_icon_2.png") no-repeat 0 0; } .p_section .engine_box .max .max_toque dt.nitro-lazy { background-image: none !important; } .p_section .graph_m { display: none; } .p_section .engine_box { display: block; } @media screen and (min-width:0) and (max-width:740px) { .p_section .engine_box { display: none; } .p_section h3 { font-size: 19px; line-height: 24px; font-family: "HyundaiMedium"; text-align: center; } .p_section p.sub_title { font-size: 14px; line-height: 21px; text-align: center; width: 100%; margin: 5px auto 40px; } .p_section .graph_m { display: block; padding: 15px 0 70px; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } [lang= "ar"] * { font-family: 'Qs_Iranyekan' !important; font-size: 16px; } .elementor-row { direction: ltr; } .elementor-row:lang(ar) { direction: rtl; } html, body { overflow-x: hidden !important; } .elementor-widget-container:lang(ar) { padding-right: 0 !important; } @media (max-width: 425px) { .elementor-icon-list-text { font-size: 7px !important; } } .bdt-accordion .bdt-accordion-title .bdt-title { justify-content: left !important; } .imgView1 .grid { margin: 0 !important; } .titArea { padding: 0 !important; width: unset !important; } .bdt-tab > * { padding-right: 0px !important; } #breadcrumbs a { color: var(--e-global-color-primary); } #breadcrumbs a:hover { color: var(--e-global-color-7907644); } .elementor-size-default:lang(ar) { padding-right: 20px; } figure.elementor-image-box-img:lang(ar) { padding: 0 10px; } .fa:lang(ar), .fas:lang(ar), .far:lang(ar), .fab:lang(ar), w2gm-map-marker-icon:lang(ar) { font-family: "Font Awesome 5 Free","font awesome 5 brands" !important; } [class*=" eicon-"]:lang(ar), [class^=eicon]:lang(ar) { font-family: eicons !important; } .w2gm-content *:lang(ar) { font-family: FontAwesome !important; } .w2gm-content .w2gm-glyphicon:lang(ar) { font-family: "Glyphicons Halflings" !important; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right:lang(ar) { float: unset !important; } .subTitS font_normal h2 { font-size: 16px; line-height: 30px; } .elementor-toggle .elementor-tab-title { font-size: 50px; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: none !important; text-align: center !important; } .elementor-toggle { text-align: center !important; } .elementor-32 .elementor-element.elementor-element-470652c .sub-menu li.menu-item:not(:last-child), .elementor-32 .elementor-element.elementor-element-470652c nav.uael-dropdown li.menu-item:not(:last-child), .elementor-32 .elementor-element.elementor-element-470652c nav.uael-dropdown-expandible li.menu-item:not(:last-child) { border-bottom-style: none; border-bottom-color: #c4c4c4; border-bottom-width: 1px; } .elementor-20634 .elementor-element.elementor-element-ba4dd5f .elementor-nav-menu--dropdown a { width: 200px; } .mf-entry-data > li > strong { display: block; padding: 15px; background-color: var(--e-global-color-accent); border-bottom: 1px solid rgba(0,0,0,.1); } .broken_link, a.broken_link { text-decoration: none; } [lang="ar"] .bdt-accordion .bdt-accordion-title .bdt-title { justify-content: right !important; } [lang="ar"].navigation-order li.first:before, .navigation-order li.first:after, .navigation-order li.last:before, .navigation-order li.last:after { content: " "; display: none; } [lang="ar"] .navigation-order li.first:before, .navigation-order li.first:after, .navigation-order li.last:before, .navigation-order li.last:after { content: " "; display: none; } [lang="ar"] p { font-size: 18px !important; } [lang="ar"] .mf-input { text-align: right; } .elementor-size-default:lang(ar) { padding-right: 0px; } .navigation-order { justify-content: space-between; } .navigation-order { justify-content: space-between; } .navigation-order:after { display: none; } .elementor-toggle-icon-closed > i::before { color: white !important; } .elementor-toggle-icon-opened > i::before { color: white !important; } .ui-state-default { background: #fff !important; border-width: 2px !important; } .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus { border: 6px solid white !important; box-shadow: 0px 0px 1px #1f82a5 !important; background-color: #1f82a5 !important; } .mf-radio-option input[type="radio"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: #5f7bff !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } .mf-radio-option input[type="radio"]:checked + span::after { content: ""; position: absolute; left: 8px; top: 7px; width: 18px; height: 20px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/2022/03/check.svg"); background-repeat: repeat; background-repeat: no-repeat; background-size: auto; background-size: contain; } .mf-radio-option input[type="radio"] + span::before { content: ""; font-family: "Font Awesome 5 Free" !important; font-weight: 500 !important; font-weight: 400; display: inline-block; border: none; border: 2px solid #007fa8 !important; font-size: 18px; color: transparent !important; color: transparent !important; width: 25px; width: 20px !important; line-height: 1; top: 2px; position: relative; height: 20px !important; background: white; margin: 0px 8px !important; } .mf-radio-option input[type="radio"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: transparent !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } [lang="ar"] .mf-radio-option input[type="radio"]:checked + span::after { right: 10px !important; left: unset !important; top: 7px !important; } .mf-checkbox-option input[type="checkbox"]:checked + span::after { content: ""; position: absolute; left: 8px; top: 7px; width: 18px; height: 20px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/2022/03/check.svg"); background-repeat: repeat; background-repeat: no-repeat; background-size: auto; background-size: contain; } .mf-checkbox-option input[type="checkbox"] + span::before { content: ""; font-family: "Font Awesome 5 Free" !important; font-weight: 500 !important; font-weight: 400; display: inline-block; border: none; border: 2px solid #007fa8 !important; font-size: 18px; color: transparent !important; color: transparent !important; width: 25px; width: 20px !important; line-height: 1; top: 2px; position: relative; height: 20px !important; background: white; margin: 0px 8px !important; } .mf-checkbox-option input[type="checkbox"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: transparent !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } [lang="ar"] .mf-checkbox-option input[type="checkbox"]:checked + span::after { right: 10px !important; left: unset !important; top: 7px !important; } .mf-radio-option > label { position: relative !important; } .mf-checkbox-option > label { position: relative !important; } @media (max-width: 768px) { .w2gm-maps-canvas.w2gm-sidebar-open:lang(ar) { margin-right: 0px !important; } .car-image-custom-download img { width: 220px; height: 130px; } .w2gm-sidebar-open .w2gm-map-search-wrapper { width: 100%; position: relative; height: 68px; box-shadow: none; left: unset !important; top: unset !important; } .w2gm-map-search-panel-wrapper { display: block; padding-top: 73px; } .w2gm-col-md-12:lang(ar) { width: 100% !important; } .w2gm-sidebar-open .w2gm-map-search-wrapper:lang(ar) { width: 100%; position: relative; height: 68px; box-shadow: none; right: 0 !important; top: unset !important; } .w2gm-content .w2gm-map-search-input-container input:lang(ar) { padding-right: 0px !important; } #w2gm-map-search-panel-wrapper-e82d52a0abf427c4e6d97e439bf09fc4 { position: relative !important; padding: 0 !important; } .w2gm-content { z-index: 10; position: relative; background: white; } .w2gm-maps-canvas.w2gm-sidebar-open { height: 300px; } .w2gm-map-listings-panel { height: 230px !important; } .w2gm-map-search-panel-wrapper { height: 400px !important; } #w2gm-maps-canvas-e82d52a0abf427c4e6d97e439bf09fc4 { height: 500px !important; position: relative !important; } } @media (max-width: 991px) { .header_section .gnbWrap .topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 991px) { [lang="ar"].header_section .gnbWrap .topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (max-width: 991px) { [lang="ar"] .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { margin-left: 0px !important; } } @media (max-width: 991px) { .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { margin-right: 0px !important; } } @media (max-width: 991px) { .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { right: 12px !important; left: unset !important; } } @media (max-width: 991px) { .w2gm-map-search-panel-wrapper { position: absolute !important; } [lang="ar"].header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { left: 12px !important; right: unset !important; } ::placeholder { color: #676767 !important; opacity: 1; } :-ms-input-placeholder { color: #676767 !important; } ::-ms-input-placeholder { color: #676767 !important; } .footer-logo-jam img { width: 200px !important; } .footer-logo-jam .elementor-image { display: flex !important; justify-content: center !important; } .footer-logo-hyundai img { width: 60px !important; } .footer-logo-hyundai .elementor-image { display: flex !important; justify-content: center !important; } .w2gm-map-marker-icon { color: #002c5f !important; } .w2gm-map-marker { background: #002c5f !important; } } .code-link { background: transparent !important; } .sitemap-aligment h3 { text-align: left !important; } .sitemap-aligment h3:lang(ar) { text-align: right !important; } .header_section .gnbWrap .carListWrap .carList .item .carTit { text-align: center; } @media (max-width: 991px) { .metform-steps { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal .elementor-nav-menu { overflow-y: hidden !important; } @media only screen and (orientation: landscape) and (max-width: 991px) { html:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 1000; position: fixed; left: 0; top: 0; } } .contents_interior.pip .car { padding-bottom: 0px !important; } .pip.contents_interior .section1 { height: auto !important; } .pip.contents_interior .section1 .color ul.chip li a { z-index: 10 !important; position: relative !important; padding: 0 !important; margin: 0 !important; } .pip.contents_interior .section1 .color ul.chip li a span { position: absolute !important; left: 0; top: 0; } .chip .on a:after { width: 16px !important; height: 16px !important; background-size: cover !important; right: -3px !important; z-index: 3 !important; } .pip.contents_interior .section1 { overflow: unset !important; } .pip.contents_interior .car img { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; height: 400px !important; object-fit: contain; } .pip.contents_interior .section1 .color { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; display: flex; flex-direction: column; } .hd_txt_regular { font-family: "HyundaiRegular","NotoSansArabic-Regular" !important; } .item .optionName, .colorName { margin-top: 12px !important; font-family: "HyundaiRegular","NotoSansArabic-Regular" !important; } .pip.contents_interior .section1 .car { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; padding-bottom: 0px !important; padding-bottom: 0px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -20px; margin-bottom: -40px; } .w2gm-maps-canvas.w2gm-sidebar-open { position: unset !important; height: 1000px !important; } .mf-multistep-container.mf-form-multistep-nav-yes .metform-steps { justify-content: center !important; } button.swal2-styled.swal2-confirm { background-color: #012c5f; } .elementor-counter .elementor-counter-number-suffix { font-size: 40px; } @charset "UTF-8"; .header_section { } .header_section .gnbWrapFull { position: absolute; top: 232px; } .header_section .gnbWrapFull { min-width: 1240px; position: absolute; left: 0; left: -100px; top: 0 !important; top: -35px; width: 100%; min-height: 70px; z-index: 20; } .header_section .gnbWrapFull.edit { top: 25px; } .header_section .gnbWrapFull.ab { position: absolute; } .header_section .gnbWrapFull a { text-decoration: none; } .header_section .gnbWrapFull.openSub { min-height: 393px; overflow: hidden; z-index: 9999; } .header_section .gnbWrapFull.openSub.findCar { min-height: 571px; overflow: hidden; } .header_section .gnbWrap .logo { float: left; padding-top: 25px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo.png") no-repeat; width: 149px; height: 22px; display: block; text-indent: -9999px; overflow: hidden; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .btnBack { display: none; } .header_section .gnbWrap .topBar .rightArea { display: none; } .header_section .gnbWrap .topBar .pageTitle { display: none; } .header_section .gnbWrap .scrollBox { display: block; max-height: none; right: auto; height: auto; } .header_section .gnbWrap .gnbArea { float: left; font-size: 14px; } .header_section .gnbWrap .gnbArea:after { content: ""; display: block; clear: both; } .header_section .gnbWrap .gnbArea .dep1Wrap:after { content: ""; display: block; clear: both; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1.langList { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 { float: left; margin: 0px 10px; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a { display: block; line-height: 70px; text-decoration: none; color: #666; font-size: 14px; font-family: "HyundaiSansHead"; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:hover, .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:focus { color: #000; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1:hover .dep1_a { color: #00a1c7; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on { color: #000; } .header_section .gnbWrap .gnbArea .gnbSubArea { display: none; text-decoration: none; color: #767676; position: absolute; left: 0; top: 90px; width: 100%; padding-top: 23px; background: white; } .header_section .gnbWrap .gnbArea .gnbSubArea.car { padding-top: 0; top: 90px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { display: block; text-decoration: none; color: #767676; position: relative; line-height: 38px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:hover, .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:focus { color: #00a1c7; text-decoration: none; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on { color: #00a1c7; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after { content: ""; overflow: hidden; display: block; position: absolute; right: 0 !important; left: unset !important; top: 15px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-arr.png") no-repeat top left; width: 4px; height: 7px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after:lang(ar) { left: 0 !important; right: unset !important; } .experience360vr_infoArea .item .leftTitle:lang(ar) { float: right !important; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:lang(ar):after { left: 0 !important; right: unset !important; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on.arr:after { background-position: 0 -7px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; right: 0; top: 15px; width: 7px; height: 7px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin.png") no-repeat 0 -7px; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:hover:after { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin.png") no-repeat 0 0; } .header_section .gnbWrap .gnbArea .dep3Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .dep4Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .dep5Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .gnbGap { display: none; position: absolute; left: 205px; top: 66px; background: #00aad2; width: 84px; height: 4px; -webkit-transition: all .3s; transition: all .3s; } .header_section .gnbWrap .carListWrap { position: relative; margin-top: 0; } .header_section .gnbWrap .carListWrap .tabArea .tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn { display: block; width: 100%; color: #fff; font-size: 16px; text-align: center; font-family: "HyundaiSansHead"; background: #444; line-height: 40px; border-radius: 0px !important; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:after { content: ""; overflow: hidden; display: inline-block; margin-left: 10px; width: 10px; height: 10px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin2.png") no-repeat 0 -10px; font-size: 0; line-height: 0; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:hover:after { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin2.png") no-repeat 0 0; } .header_section .gnbWrap .carListWrap .tabArea .tab.all > .tabBtn { background: #002c5f; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn:hover, .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn:focus { background: #fff; color: #000; } .header_section .gnbWrap .carListWrap .tabArea .tab.on > .tabBtn { background: #fff; color: #000; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit { margin: 20px 0; font-size: 16px; line-height: 1.5; padding-bottom: 5px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li > a { display: block; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew, .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { position: absolute; left: 0; top: 0; display: block; width: 70px; height: 19px; text-indent: -99999px; background-position: 50% 0; background-repeat: no-repeat; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-new-w.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-upcoming-w.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .carList { position: relative; left: 0; right: 0; top: 0px; width: auto; display: none; } .header_section .gnbWrap .carListWrap .tab.on .carList .tabAllSlist, .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; } .header_section .gnbWrap .carListWrap .carList .item { max-width: 20%; margin-bottom: 40px; padding: 0 18px; } .header_section .gnbWrap .carListWrap .carList .item a { position: relative; } .header_section .gnbWrap .carListWrap .carList .item img { width: 100%; } .header_section .gnbWrap .carListWrap .carList .item .carTit { display: block; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 14px; color: #000; line-height: 1.71; } .header_section .gnbWrap .carListWrap .carList .item .carPrice { display: block; font-size: 14px; line-height: 1.71; color: #666; } .header_section .gnbWrap .gnbRight { float: right; padding-top: 27px; } .header_section .gnbWrap .gnbRight .item { float: left; margin-left: 19px; } .header_section .gnbWrap .gnbRight .item > a { display: block; width: 20px; height: 20px; text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; } .header_section .gnbWrap .gnbRight .item.item1 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item1 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item2 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-configurator-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item2 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item3 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-social-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item3 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item5 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-inquiry-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item5 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item8 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-language-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item8 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .btnGnbBrochure { display: block; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png") no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; } .header_section .gnbWrap .gnbRight .item .btnGnbBrochure.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .btnGnbConfigurator { display: block; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png") no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; } .header_section .gnbWrap .gnbRight .item .btnGnbConfigurator.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn { position: relative; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-body.png") no-repeat 0 0; background-size: 100% 100%; min-height: 66px; position: absolute; right: 50%; top: 12px; padding: 0 32px; text-align: center; -webkit-transform: translateX(50%); transform: translateX(50%); z-index: -1; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn.on .languageLayer { display: block; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul { margin-top: 20px; padding: 20px 0; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li a { display: inline-block; min-width: 50px; font-size: 12px; color: #999; line-height: 20px; white-space: nowrap; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li.on a { font-weight: bold; color: #555; } .header_section .gnbWrap .gnbRight .gnbSnsShareBtn { position: relative; } .header_section .gnbWrap .gnbRight .item .snsSlayer { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-body.png") no-repeat 0 0; background-size: 100% 100%; height: 66px; position: absolute; right: 0; top: 23px; padding: 0 32px; text-align: center; -webkit-transform: translateX(17%); transform: translateX(17%); } .header_section .gnbWrap .gnbRight .item .snsSlayer.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .snsSlayer:after { content: ""; position: absolute; top: 1px; right: 18%; width: 16px; height: 12px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-triangle.png") no-repeat 0 0; background-size: 100% 100%; } .header_section .gnbWrap .gnbRight .item .languageLayer:after { content: ""; position: absolute; top: 10px; right: 50%; width: 16px; height: 12px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-triangle.png") no-repeat 0 0; background-size: 100% 100%; -webkit-transform: translateX(50%); transform: translateX(50%); } .header_section .gnbWrap .gnbRight .item .snsSlayer ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 26px; } .header_section .gnbWrap .gnbRight .item .snsSlayer li { margin-left: 12px; } .header_section .gnbWrap .gnbRight .item .snsSlayer li:first-child { margin-left: 0; } .header_section .gnbWrap .gnbRight .item .snsSlayer li a { display: inline-block; width: 24px; height: 24px; text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; } .header_section .gnbUtilWrap { background: #f2f2f2; position: relative; height: 0; -webkit-transition: all .3s; transition: all .3s; } .header_section .gnbUtilWrap.search { height: 90px; } .header_section .gnbUtilWrap.language { height: 92px; } .header_section .gnbSearchArea { width: 1120px; margin: 0 auto; padding: 20px 0; text-align: center; position: absolute; left: 0; right: 0; top: 71px; display: none; } .header_section .gnbSearchArea .gnbSearch { width: 572px; margin: 0 auto; position: relative; background: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput { position: relative; font-weight: normal; padding-right: 55px; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText { width: 100%; border: 0; font-size: 16px; line-height: 50px; height: 50px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText::-ms-clear { display: none; } .header_section .gnbSearchArea .gnbSearch .btnSearch { position: absolute; right: 0; top: 0; display: block; width: 55px; text-align: center; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search.png") no-repeat center center; overflow: hidden; text-indent: -99999px; } .header_section .gnbSearchArea .gnbSearch .btnSearch.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset.on { display: block; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList { background: #fff; display: none; position: absolute; left: 0; top: 50px; width: 100%; } .header_section .gnbSearchArea .gnbSearch .autoSearch { border-top: 1px solid #063162; background: #fff; text-align: left; margin: 0 auto; width: 532px; padding: 12px 0; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link { display: block; font-size: 16px; line-height: 50px; text-decoration: none; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword { background: 0; color: #00a1c7; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbLanguageArea { width: 1120px; margin: 0 auto; padding: 25px 0; text-align: center; position: absolute; left: 0; right: 0; top: 71px; display: none; } .header_section .gnbLanguageArea .selectLanguage { margin: 0 20px; text-align: center; display: table; font-size: 0; width: 100%; } .header_section .gnbLanguageArea .selectLanguage select { width: 265px; margin: 0 20px; display: inline-block; -webkit-box-shadow: none; box-shadow: none; padding: 0 15px; line-height: 42px; height: 42px; font-size: 16px; } .header_section .gnbLanguageArea .btnGnbClose { position: absolute; right: 0; top: 20px; display: none; } .header_section .gnbWrapFull .temp { text-align: center; } @media screen and (max-width: 1024px) { .header_section { } .header_section .gnbWrap .carListWrap .tabArea .gnbWrap .gnbArea .dep1Wrap .dep1 { margin: 0 15px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li:nth-child(3n + 1) { clear: both; } } .header_section .mainTopBanner { background: #f6f3f2; } .header_section .mainTopBanner .bannerArea { max-width: 1120px; margin: 0 auto; position: relative; padding: 0 25px 45px; } .header_section .mainTopBanner .bannerArea .title { font-size: 30px; line-height: 40px; font-family: "HyundaiSansHead"; font-weight: 500; padding-top: 70px; } .header_section .mainTopBanner .bannerArea .txt { font-size: 16px; line-height: 28px; padding-top: 45px; max-width: 1050px; } .header_section .mainTopBanner .bannerArea .country { padding-top: 40px; font-size: 14px; line-height: 18px; } .header_section .mainTopBanner .bannerArea .country img { margin-right: 10px; vertical-align: top; } .header_section .mainTopBanner .bannerArea .btnArea { font-size: 0; margin-top: 25px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { position: absolute; right: 0; top: 40px; } .header_section .mainTopBanner .visitcountry { display: none !important; } .header_section img.flag { vertical-align: middle; width: 26px; height: 18px; -webkit-box-shadow: 1px 1px 3px rgba(148,148,148,.8); box-shadow: 1px 1px 3px rgba(148,148,148,.8); } .header_section .mainTopBanner .btnWrap { margin: 20px 0 0; } .header_section .mainTopBanner .btnWrap .btn { width: 140px; text-align: center; } .header_section .btnContentTop { position: fixed; right: 0; bottom: 0; width: 60px; height: 60px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); font-size: 0; line-height: 0; z-index: 50; } .header_section .btnContentTop button { vertical-align: top; } .header_section .btnContentTop.ab { position: absolute; } .header_section .footerWrap { background: #1c1b1b; height: auto; min-width: 1240px; padding-bottom: 24px; } .header_section .footerArea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 1120px; margin: 0 auto; padding: 24px 60px 0; -webkit-box-sizing: content-box; box-sizing: content-box; letter-spacing: 0; } .header_section .footerArea .footerMenu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin: 0 55px 15px; } .header_section .footerArea .footerMenu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px; } .header_section .footerArea .footerMenu li { position: relative; padding: 0 6px; line-height: 1; } .header_section .footerArea .footerMenu li:after { display: block; content: ""; position: absolute; left: 0; top: 3px; width: 1px; height: 9px; background: #333232; } .header_section .footerArea .footerMenu li a { color: #999; font-size: 14px; } .header_section .footerArea .snsShare ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px; } .header_section .footerArea .snsShare li { margin: 0 5px; } .header_section .footerArea .snsShare li a { display: block; overflow: hidden; width: 24px; height: 24px; text-indent: -9999px; background-position: 50% 50%; background-repeat: no-repeat; margin-top: -15%; } .header_section .footerArea .tabC { width: 100%; padding: 0 115px; } .header_section .footerArea .copyright { color: #5f5f5f; font-size: 12px; line-height: 1; } .header_section .footerArea .copyright .telgab { padding-left: 16px; } .header_section .footerArea .goto { overflow: hidden; position: absolute; right: 4px; top: 96px; color: #999; font-size: 14px; line-height: 18px; } .header_section .footerArea .goto a { padding-left: 5px; color: #999; font-size: 14px; text-decoration: underline; } .header_section .footerArea .goto img.flag { float: right; margin-left: 20px; -webkit-box-shadow: none !important; box-shadow: none !important; } .header_section .footerArea .etc_ban { margin: 22px -12px 0; } .header_section .footerArea .etc_ban > * { margin: 0 12px; } .header_section .footerArea .etc_ban a { display: inline-block; } .header_section .footerArea .etc_ban a.mlg { margin-left: 24px; } .header_section button { border: 0; padding: 0; overflow: hidden; background: 0; position: relative; } .header_section .contentWrap { width: 100%; } @media screen and (min-width: 1024px) and (max-width: 1240px) { .header_section { } .header_section .gnbWrapFull { min-width: 300px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 37px; height: 19px; display: block; text-indent: -9999px; overflow: hidden; background-size: 37px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbArea .gnbSubArea { left: 0px; } .header_section .gnbWrap .gnbRight li.tabhid { display: none; } .header_section .gnbSearchArea .gnbSearch { width: 290px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 25px; } .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { margin: 0 -7px; } .header_section .gnbWrap .carListWrap .carList .item { width: 25%; margin-right: 0; padding: 0 7px; } .header_section .gnbWrap .gnbRight .item .snsSlayer { height: 66px; background-size: 100% 100%; right: 0; } .header_section .gnbWrap .carListWrap .carList .item img { width: 100%; height: auto; } .header_section .gnbWrapFull.openSub.findCar { min-height: 650px; } .header_section .gnbSearchArea { width: 768px; } .header_section .gnbSearchArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbLanguageArea { width: 768px; } .header_section .gnbLanguageArea .selectLanguage select { width: 200px; } .header_section .gnbLanguageArea .btnGnbClose { top: 30px; right: 20px; } .header_section .footerWrap { min-width: unset; } .header_section .footerArea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .footerArea .footerMenu { margin: 0 30px; } .header_section .footerArea .footerMenu li.tabE:after { width: 0; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding-left: 0; } .header_section .footerArea .footerMenu li { margin-bottom: 8px; } .header_section .footerArea .tabC { margin-top: 30px; padding: 0 88px; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } } @media screen and (max-width: 1024px) { .header_section { } .header_section .contentWrap { width: 100%; min-width: 768px; background-color: #fff; } .header_section .topBanner .gnbWrapFull { top: 180px; } .header_section .mainTopBanner .bannerArea { padding-right: 58px; padding-bottom: 20px; } .header_section .mainTopBanner .bannerArea .txt { padding-top: 20px; font-size: 12px; line-height: 17px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { right: 25px; top: 25px; } .header_section .mainTopBanner .bannerArea .btnBannerClose img { width: 8px; } .header_section .mainTopBanner .bannerArea .btn { font-size: 14px; } .header_section .gnbWrap { margin: 0 30px; } .header_section .gnbWrapFull { min-width: 300px; } .header_section .gnbSearchArea { width: 768px; } .header_section .gnbSearchArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbLanguageArea { width: 768px; } .header_section .gnbLanguageArea .selectLanguage select { width: 200px; } .header_section .gnbLanguageArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 37px; height: 19px; display: block; text-indent: -9999px; overflow: hidden; background-size: 37px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbArea .gnbSubArea { left: 0px; } .header_section .gnbWrap .gnbRight li.tabhid { display: none; } .header_section .gnbSearchArea .gnbSearch { width: 290px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 25px; } .header_section .gnbWrap .carListWrap .tab.on .carList .tabAllSlist, .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } .header_section .gnbWrap .carListWrap .carList .item { width: 33.33%; padding: 0 7px; } .header_section .gnbWrap .gnbRight .item .snsSlayer { height: 66px; background-size: 100% 100%; right: 0; } .header_section .gnbWrap .carListWrap .carList .item img { width: 230px; height: auto; } .header_section .gnbWrapFull.openSub.findCar { min-height: 650px; } .header_section .footerWrap { min-width: unset; } .header_section .footerArea { width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .footerArea .footerMenu { margin: 0 30px; } .header_section .footerArea .footerMenu li.tabE:after { width: 0; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding-left: 0; } .header_section .footerArea .footerMenu li { margin-bottom: 8px; } .header_section .footerArea .tabC { margin-top: 30px; padding: 0 88px; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } .header_section .gnbWrap .gnbArea .dep2Wrap { left: 78px; } } @media screen and (max-width: 992px) { .header_section { } .header_section body { font-size: 14px; line-height: 21px; } .header_section button { border: 0; padding: 0; overflow: hidden; background: 0; position: relative; } .header_section img.flag { width: 26px; height: 18px; -webkit-box-shadow: 1px 1px 3px rgba(148,148,148,.8); box-shadow: 1px 1px 3px rgba(148,148,148,.8); vertical-align: middle; } .header_section .topBanner .gnbWrapFull { position: relative; top: 0; margin-bottom: 0; } .header_section .mainTopBanner .bannerArea { padding: 20px 45px 20px 15px; height: auto; } .header_section .mainTopBanner .bannerArea .txt { padding-top: 0; font-size: 12px; line-height: 17px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { top: 22px; right: 15px; } .header_section .mainTopBanner .bannerArea .btnBannerClose img { width: 13px; } .header_section .mainTopBanner .btnWrap { margin: 15px 0 0; } .header_section .mainTopBanner .bannerArea .btn { width: 100px; height: 30px; font-size: 13px; } .header_section .gnbDim { position: fixed; left: 0; top: 0; width: 100%; height: 1000000px; background: rgba(0,0,0,.7); z-index: 50; display: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .header_section .gnbWrapFull { min-width: 100% !important; width: 100%; z-index: 100; position: fixed; left: 0; top: 0; background: none; -webkit-transition: none; transition: none; -webkit-box-shadow: none; box-shadow: none; min-height: auto; } .header_section .gnbWrapFull.ab { position: absolute; } .header_section .gnbWrapFull a:focus { text-decoration: none; } .header_section .gnbWrapFull.openSub { min-height: auto; overflow: visible; } .header_section .gnbWrapFull.openSub.findCar { min-height: auto; overflow: visible; } .header_section .gnbWrap { height: 55px; margin: 0; } .header_section .gnbWrap .gnbArea { padding-bottom: 55px; float: none; padding-left: 0; font-size: 13px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 15px; font-size: 0; line-height: 0; } .header_section .gnbWrap .topBar { height: 71px; -webkit-box-shadow: none; box-shadow: none; background: #fff; padding: 0 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 20; } .header_section .gnbWrap .topBar .logo { position: unset; left: 23px; top: 23px; z-index: 1; float: none; float: left; padding-top: 0; padding-top: 25px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 55px; height: 28px; display: block; text-indent: -9999px; overflow: hidden; background-size: 55px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .btnBack { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-back.png") no-repeat; width: 18px; height: 16px; text-indent: -9999px; overflow: hidden; background-size: auto 16px; position: absolute; left: 15px; top: 19px; z-index: 1; } .header_section .gnbWrap .topBar .btnBack.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar.back .logo { display: none; } .header_section .gnbWrap .topBar.back .btnBack { display: block; } .header_section .gnbWrap .topBar .pageTitle { padding: 0 80px; text-align: center; position: absolute; left: 0; right: 0; width: 100%; display: block; } .header_section .gnbWrap .topBar .pageTitle .tit { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 55px; font-family: "HyundaiSansHead"; font-weight: 500; width: 100%; text-align: center; } .header_section .gnbWrap .topBar .pageTitle .tit.arr { padding-right: 10px; } .header_section .gnbWrap .topBar .pageTitle .tit.arr:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 0; top: 50%; margin-top: -2px; } .header_section .gnbWrap .topBar .pageTitle .tit.arr.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .topBar .pageTitle .subMenu { position: absolute; left: 0; top: 55px; width: 100%; border-top: 1px solid #e8e8e8; -webkit-box-shadow: 0 1px 3px rgba(216,209,200,.7); box-shadow: 0 1px 3px rgba(216,209,200,.7); overflow-y: auto; display: none; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a { display: block; line-height: 60px; height: 60px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #fff; text-align: left; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr:after { display: block; content: ""; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-menu-m.png") no-repeat; background-size: 23px auto; width: 23px; height: 23px; position: absolute; right: 20px; top: 50%; margin-top: -11px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after { background-position: 0 -23px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after { background-position: 0 -23px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a { display: block; line-height: 60px; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #f5f5f5; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.arr:after { display: none; } .header_section .gnbWrap .topBar .rightArea { float: right; margin: 31px 8px; z-index: 10; display: block; } .header_section .gnbWrap .topBar .rightArea .gnbSearchMobile { float: left; } .header_section .gnbSearchArea { text-align: center; position: absolute; left: 0; top: 55px; display: none; width: 100%; } .header_section .gnbSearchArea .gnbSearch { width: 100%; margin: 0 auto; position: relative; } .header_section .gnbSearchArea .gnbSearch .searchInput { position: relative; font-weight: normal; background: #00aad2; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText { width: 100%; border: 0; padding-right: 55px; font-size: 16px; line-height: normal; height: 60px; background: #00aad2; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText::-webkit-input-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText::-moz-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText:-ms-input-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText:-moz-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .btnSearch { position: absolute; right: 0; top: 0; display: block; width: 45px; text-align: center; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search-m.png") no-repeat center center; overflow: hidden; text-indent: -99999px; background-size: 15px auto; } .header_section .gnbSearchArea .gnbSearch .btnSearch.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset { display: none !important; position: absolute; right: 55px; top: 0; width: 18px; text-align: center; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-reset.png") no-repeat center center; overflow: hidden; text-indent: -99999px; } .header_section .gnbSearchArea .gnbSearch .btnReset.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset.on { display: block; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList { background: #fff; display: none; position: absolute; left: 0; top: 60px; width: 100%; } .header_section .gnbSearchArea .gnbSearch .autoSearch { background: #fff; text-align: left; padding: 0 15px; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list { border-top: 1px solid #f1f1f1; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link { display: block; font-size: 14px; line-height: 50px; text-decoration: none; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword { background: 0; color: #00a1c7; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbSearchArea .btnGnbClose { position: absolute; right: 0; top: 20px; display: none; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { float: left; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-menu-open.png") no-repeat; width: 16px; height: 16px; display: block; text-indent: -9999px; overflow: hidden; background-size: 16px auto; margin-left: 15px; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu.on { background-position: 0 -16px; } .header_section .gnbWrap .scrollBox { position: absolute; top: 130px; left: -100%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); background: #f6f3f2; overflow-y: auto; overflow-x: hidden; z-index: 10; display: none; -webkit-transition: right .3s; transition: right .3s; height: calc(100vh - 120px) !important; border-top: 1px solid rgba(200,200,200,.31); } .header_section .gnbWrap .gnbArea .depSubWrap { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1.langList { display: block; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 { margin: 0; float: none; } .header_section .gnbWrap .carListWrap .tabArea { display: block; width: 100%; padding-left: 0; } .header_section .gnbWrap .gnbArea .langList ul li { position: relative; border-bottom: 1px solid #e8e8e8; background: #fff; } .header_section .gnbWrap .gnbArea .langList ul li.on { background: #f5f3f2; } .header_section .gnbWrap .gnbArea .langList ul li a { display: none; font-size: 13px; color: #666; line-height: 40px; text-align: center; } .header_section .gnbWrap .gnbArea .langList ul li .active { display: block; font-weight: bold; color: #000; } .header_section .gnbWrap .gnbArea .langList ul li:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 20px; top: 18px; margin-top: -2px; } .header_section .gnbWrap .gnbArea .langList ul li.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .tab .tabBtn { display: block; color: #000 !important; /*font-family: "HyundaiSansHead" !important;*/ background: none !important; line-height: 60px !important; height: 60px !important; padding: 0 16px !important; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; width: 100% !important; text-align: left !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbWrap .gnbArea .tab .tabBtn.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .tab .tabBtn:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 20px; top: 50%; margin-top: -2px; } .header_section .gnbWrap .gnbArea .tab .tabBtn.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .tab .tabBtn.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; top: 26px; right: 20px; width: 10px; height: 10px; background: "/wp-content/uploads/common/ico_gnb_newwin2_mo.png" no-repeat top left; background-size: 10px 10px; border: 0 !important; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .tab.all .tabBtn:after { display: none; } .header_section .gnbWrap .gnbArea .tab .carList { display: none; padding: 20px 0 0 0; overflow: hidden; border-bottom: 1px solid #e8e8e8; position: relative; left: auto; top: auto; } .header_section .gnbWrap .gnbArea .tab.on .carList { display: block; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit { padding: 0 15px; font-size: 14px; } .header_section .gnbWrap .gnbArea .tab .carList .item { display: inline-block; width: 50%; margin-bottom: 30px; vertical-align: top; margin-right: 0; float: none; } .header_section .gnbWrap .carListWrap .carList .item { max-width: 100%; } .header_section .gnbWrap .gnbArea .tab .carList .item img { width: 100%; height: 100%; margin-top: 10px; } .header_section .gnbWrap .gnbArea .tab .carList .item .carTit { display: block; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; margin-top: 0; } .header_section .gnbWrap .carListWrap .carList .item .carPrice { display: block; font-size: 12px; line-height: 1.71; color: #000; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a { display: block; /*font-family: "HyundaiSansHead" !important;*/ line-height: 60px; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #fff; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after { display: block; content: ""; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/gnb_menu_mo.png") no-repeat; background-size: 23px auto; width: 23px; height: 23px; position: absolute; left: 12px; top: 50%; margin-top: -11px; } .header_section .yourLocationGnb .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on:after { background-position: 0 -23px; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on + .gnbSubArea { display: block; } .header_section .gnbWrap .gnbArea .dep2Wrap { position: relative; width: auto; left: 0; } .header_section .gnbWrap .gnbArea .depSubWrap { display: none; } .header_section .gnbWrap .gnbArea .depSub .depSub_a { display: block !important; font-family: "HyundaiSansHead"; line-height: 60px !important; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.arr:after { background: none !important; display: block; content: ""; width: 0 !important; height: 0 !important; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; left: 20px !important; top: 50% !important; margin-top: -2px; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.arr.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .gnbGap { display: none; } .header_section .gnbWrap .gnbArea .dep3Wrap { padding: 10px 0; border-bottom: 1px solid #e8e8e8; position: relative; width: auto; left: auto; top: auto; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a { display: block; line-height: 40px !important; height: auto; padding: 0 50px; font-size: 14px; position: relative; border-bottom: 0; color: #666 !important; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a:after { display: none; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: "/wp-content/uploads/common/ico_gnb_newwin_mo.png" no-repeat top left; background-size: 10px 10px; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .depSubWrap.dep4Wrap { display: none !important; } .header_section .gnbWrap .gnbArea .depSubWrap.dep5Wrap { display: none !important; } .header_section .gnbWrap .gnbArea .btnGnbClose { display: none; } .header_section .gnbWrap .gnbArea .gnbSubArea { display: none; height: auto !important; position: relative; top: 0 !important; left: auto; padding-top: 0; } .header_section .gnbWrap .gnbRight { display: none; } .header_section .gnbWrapFull .temp { width: 100%; background: #fff; text-align: center; } .header_section .gnbWrapFull .temp img { width: auto; height: 55px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew, .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { width: 60px; height: 14px; left: 15px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-new-m.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-upcoming-m.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming.nitro-lazy { background-image: none !important; } .header_section .contentWrap { min-width: 320px; } .header_section .sectionWrap { padding: 0 15px; } .header_section .footerWrap { background: #1c1b1b; padding-bottom: 30px; height: auto; min-width: 100%; } .header_section .footerArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 20px 0 0; } .header_section .footerArea .logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 30px; margin-top: 30px; text-align: center; } .header_section .footerArea .logo img { width: 48px; } .header_section .footerArea .footerMenu { overflow: hidden; margin: 0 20px; letter-spacing: -.02em; } .header_section .footerArea .footerMenu ul { overflow: hidden; vertical-align: top; position: relative; } .header_section .footerArea .footerMenu li { position: relative; width: 50%; height: 32px; padding: 0 6px 15px; line-height: 1.2; } .header_section .footerArea .footerMenu li a { color: #999; font-size: 13px; font-family: "HyundaiSansHead"; } .header_section .footerArea .footerMenu li:after { display: block; content: none; position: absolute; left: 0; top: 3px; width: 1px; height: 9px; background: #333232; } .header_section .footerArea .snsShare { position: relative; border-bottom: 1px solid #1f1f1f; border-top: 1px solid #1f1f1f; height: 60px; } .header_section .footerArea .snsShare ul { height: 60px; padding: 0 12px; } .header_section .footerArea .snsShare li { width: 16%; margin-left: 0; } .header_section .footerArea .snsShare li a { display: block; height: 60px; overflow: hidden; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; margin: 0 auto; } .header_section .footerArea .snsShare li a.facebook { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-facebook-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.facebook.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.youtube { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-youtube-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.youtube.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.linked { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-linkedin-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.linked.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.twitter { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-twitter-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.twitter.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.pinterest { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-pinterest-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.pinterest.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.instar { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-instagram-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.instar.nitro-lazy { background-image: none !important; } .header_section .footerArea .footerMenu li.tabE:after { width: auto; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding: 0 0 15px 12px; } .header_section .footerArea .copyright { width: 190px; margin: 25px auto 0; color: #666; font-size: 10px; text-align: center; } .header_section .footerArea .goto { position: absolute; top: 35px; left: 20px; color: #999; font-size: 14px; line-height: 18px; } .header_section .footerArea .goto a { padding-left: 5px; color: #999; font-size: 14px; text-decoration: underline; } .header_section .footerArea .goto img.flag { width: auto; margin-right: 15px; -webkit-box-shadow: none !important; box-shadow: none !important; vertical-align: top; } .header_section .footerDimBg { background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 110; opacity: .8; display: none; } .header_section .footerArea .tabC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; padding: 0; text-align: center; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } .header_section .footerArea .copyright a { color: #666; } .header_section .footerArea .etc_ban { margin-top: 0; } .header_section .footerArea .etc_ban > a { margin-left: 16px; margin-right: 16px; } .header_section .footerArea .etc_ban img { height: 24px; vertical-align: top; } .header_section .footerArea .etc_ban .mlg { margin-left: 19px; } } .header_section .btnWrap { min-width: 100%; margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden; display: block; text-align: center; } .header_section .btnWrap:after { content: ""; display: block; clear: both; } .header_section .btnWrap .col { display: inline-table; vertical-align: top; padding: 10px 5px 0; } .header_section .btnWrap.col1 > .col, .header_section .btnWrap.col2 > .col, .header_section .btnWrap.col3 > .col, .header_section .btnWrap.col4 > .col { width: 25%; } .header_section .btnWrap.col5 > .col { width: 20%; } .header_section .btnWrap .colWd { display: inline-table !important; min-width: 140px; vertical-align: middle; padding: 0; margin-left: 10px; } .header_section .btnWrap .colWd.lg { min-width: auto; width: 48%; margin-left: 2%; } .header_section .btnWrap .colWd:nth-child(1) { margin-left: 0; margin-top: 0; } .header_section a.btn, .header_section button.btn { display: table-cell; width: 100%; height: 50px; font-size: 16px; padding: 0 15px; background: #002c5f; color: #fff; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden !important; vertical-align: middle !important; position: relative; left: 0; right: 0; font-family: "HyundaiHRegular"; } .header_section a.btn:hover, .header_section button.btn:hover { text-decoration: underline; } .header_section a.btnSm, .header_section button.btnSm { height: 36px; line-height: 36px; font-size: 12px; } .header_section a.btnLg button.btnLg { height: 50px; line-height: 50px; font-size: 16px; } .header_section a.btn.bgBtnGray, .header_section button.btn.bgBtnGray { background: #767676; } .header_section a.btn.bgBtnWhite, .header_section button.btn.bgBtnWhite { background: #fff; } .header_section .btnText { display: inline-block; line-height: 23px; font-size: 18px; font-family: "HyundaiSansHead"; font-weight: 500; text-align: left; position: relative; } .header_section button.btnText { line-height: 1 !important; } .header_section .btnText.sm { line-height: 14px; font-size: 14px; } .header_section .btnText.navy { color: #002c5f; } .header_section .btnText.white { color: #fff; } .header_section .btnText.icoArrR { padding-right: 17px; position: relative; } .header_section .btnText.icoArrR:after { content: ""; display: block; width: 7px; height: 12px; margin-top: -6px; position: absolute; right: 0; top: 50%; } .header_section .btnText.sm.icArrDown { padding-left: 20px; } .header_section .btnText.sm.icDownload { padding-left: 20px; } .header_section .btnText.sm.icArrDown:after { content: ""; display: block; border-top: 6px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 0; top: 4px; } .header_section .btnText.sm.icDownload2 { height: 16px; padding-left: 26px; } .header_section .btnText.sm.icArrDown2 { padding-left: 26px; } .header_section .btnText.sm.icArrDown2:after { content: ""; display: block; border-top: 9.5px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 0; top: 0px; } @media screen and (max-width: 1240px) { .header_section .btnWrap.wide { margin-left: -25px; margin-right: -25px; } .header_section .btnWrap.wide button, .header_section .btnWrap.wide a, .header_section .btnWrap.wide span { width: 100%; } } @media screen and (max-width: 1024px) { .header_section { } .header_section a.btn, .header_section button.btn { font-size: 15px; } .header_section .btnWrap.col1, .header_section .btnWrap.col2, .header_section .btnWrap.col3, .header_section .btnWrap.col4 { margin: -14px -7px 0; } .header_section .btnWrap .col { padding: 14px 7px 0; } .header_section .btnText { line-height: 1.2; font-size: 15px; } .header_section .btnText.md { line-height: 18px; font-size: 15px; } .header_section .btnText.icoArrR { padding-right: 15px; } .header_section .btnText.md.icoArrR:after { width: 6px !important; height: 10px !important; margin-top: -6px !important; background-size: cover; } } @media screen and (max-width: 992px) { .header_section .btnWrap.col1, .header_section .btnWrap.col2, .header_section .btnWrap.col3, .header_section .btnWrap.col4 { margin: -10px -5px 0; } .header_section .btnWrap .col { padding: 10px 5px 0; } .header_section .btnWrap.col1 > .col { width: 100%; } .header_section .btnWrap.col2 > .col { width: 50%; } .header_section .btnWrap.col3 > .col { width: 50%; } .header_section .btnWrap.col4 > .col { width: 50%; } .header_section .btnWrap.col5 > .col { width: 50%; } .header_section .btnWrap .colWd.sm { min-width: 120px; } .header_section .btnWrap.col2 .col { width: 50%; } .header_section a.btn, .header_section button.btn { width: 100%; } .header_section .btnWrap .btn { margin-top: 10px; } .header_section .btnWrap .btn:first-child { margin-top: 0; } } .header_section .sectionWrap { position: relative; padding: 0 25px; } .header_section .contentWrap { position: relative; padding-top: 71px; } .header_section .topBanner .contentWrap { position: relative; padding-top: 71px; } .header_section .sectionInner { width: 100%; max-width: 1120px; margin: 0 auto; } .header_section .sectionFull { min-width: 1120px; margin: 0 -25px; } .header_section .fullImageSet { margin: 0 -25px; } .header_section .sectionFull > .sectionFull { margin: 0; } .header_section .sectionFull.maxWd { max-width: 1920px; margin: 0 auto; } .header_section .sectionFull.mdlWd { max-width: 1600px; margin: 0 auto; } .header_section .sectionInner.cfoo { width: 100%; max-width: 1120px; margin: 0 auto; } @media screen and (max-width: 1240px) { .header_section .sectionFull { min-width: 0; } } @media screen and (max-width: 1024px) { .header_section .contentWrap { min-width: 0; } .header_section .sectionInner { width: 100%; max-width: 100%; min-width: 0; } .header_section .sectionFull { width: auto; min-width: 0; } } @media screen and (max-width: 992px) { .header_section { } .header_section .contentWrap { min-width: 320px !important; padding-top: 55px; } .header_section .topBanner .contentWrap { padding-top: 0; } .header_section .sectionWrap { padding: 0 15px; } .header_section .sectionInner { max-width: 100%; min-width: 290px; } .header_section .sectionFull { min-width: 320px; margin: 0 -15px; } .header_section .fullImageSet { margin: 0 -15px; } .header_section .sectionFull.mdlWd { margin: 0; } } @media screen and (max-width: 320px) { .header_section .sectionInner { min-width: auto; } } .header_section .tableWrap { width: 100%; } .header_section .tableInner.scroll { width: 100%; overflow-y: hidden; overflow-x: auto; } .header_section .tableTypeCol { width: 100%; border-top: 1px solid #e4dcd3; border-bottom: 1px solid #e4dcd3; background: #fff; } .header_section .tableTypeCol thead th { padding: 13px 20px; font-size: 14px; line-height: 24px; color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; background: #002c5f; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol tbody th { padding: 13px 20px; line-height: 24px; font-size: 14px; text-align: center; border-top: 1px solid #e4dcd3; border-right: 1px solid #fff; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol tbody td { padding: 13px 20px; line-height: 24px; font-size: 14px; text-align: center; border-right: 1px solid #e4dcd3; border-top: 1px solid #e4dcd3; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .tableTypeCol tbody tr td.ranking { background-color: #f6f3f2; } .header_section .tableTypeCol thead tr th:first-child { border-left: 1px solid #fff; } .header_section .tableTypeCol tbody tr:first-child th, .header_section .tableTypeCol tbody tr:first-child td { border-top: 0; } .header_section .tableTypeCol tbody tr th:first-child, .header_section .tableTypeCol tbody tr td:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol tbody tr:first-child th.bgDB, .header_section .tableTypeCol tbody tr:first-child th.bgLB { border-top: 0 none !important; } .header_section .tableTypeCol .bgLB { background: #fff !important; } .header_section .tableTypeCol .bgDB { background: #e4dcd3 !important; } .header_section .tableTypeCol .bgDB { border-top: 1px solid #fff !important; font-weight: 400; } .header_section .tableTypeCol .bgLB { border-top: 1px solid #e4dcd3 !important; } .header_section .tableTypeCol thead th span.txt { line-height: 14px; font-family: "HyundaiSansHead"; font-size: 12px; } .header_section .alignTHL th, .header_section .alignTDL td { text-align: left !important; } .header_section .alignTHC th, .header_section .alignTDC td { text-align: center !important; } .header_section .alignTHR th, .header_section .alignTDR td { text-align: right !important; } .header_section .alignTHL .tTitle li p, .header_section .alignTDL .subTableContents li { text-align: left !important; } .header_section .alignTHC .tTitle li p, .header_section .alignTDC .subTableContents li { text-align: center !important; } .header_section .alignTHR .tTitle li p, .header_section .alignTDR .subTableContents li { text-align: right !important; } .header_section .alignBTHL .subTitle { text-align: left !important; } .header_section .alignBTHC .subTitle { text-align: center !important; } .header_section .alignBTHR .subTitle { text-align: right !important; } .header_section .tableTypeCol2 { width: 100%; border-top: 1px solid #e4dcd3; } .header_section .tableTypeCol2.ctoc { table-layout: fixed; } .header_section .tableTypeCol2 tr th { padding: 12px 20px 13px; font-size: 14px; line-height: 24px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #e4dcd3; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol2 tr td { padding: 20px; position: relative; font-size: 14px; line-height: 24px; border-left: 1px solid #fff; border-left: 1px solid #e4dcd3; background: #fff; border-bottom: 1px solid #e4dcd3; font-family: "HyundaiSansHead"; } .header_section .tableTypeCol2 tr th:first-child, .header_section .tableTypeCol2 tr td:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol2 tr th:last-child, .header_section .tableTypeCol2 tr td:last-child { border-right: 1px solid #e4dcd3; } @media all and (max-width: 1024px) { .header_section .tableTypeCol2 tr th { padding: 15px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol2 tr td { padding: 15px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol2 tr td:first-child { margin-top: 32px; } .header_section .tableTypeCol2 tr:first-child td:first-child { margin-top: 0; } } .header_section .tableTypeCol3 { width: 100%; border-top: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr th, .header_section .tableTypeCol3 tr td { height: 43px; line-height: 1.286; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .tableTypeCol3 tr th { padding: 12px 30px 12px 30px; font-size: 14px; font-family: "HyundaiSansHead"; font-weight: 400; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #e4dcd3; color: #000; } .header_section .tableTypeCol3 tr th:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr th:last-child { border-right: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr td { position: relative; padding: 8px 30px; font-size: 14px; border-left: 1px solid #e4dcd3; border-right: 1px solid #e4dcd3; border-bottom: 1px solid #e4dcd3; background: #fff; font-family: "HyundaiSansHead"; } @media all and (max-width: 992px) { .header_section .tableTypeCol2.ctoc { table-layout: auto; } } .header_section .ctodbox { width: 100%; } .header_section .ctodbox ul.tTitle li { display: block; float: left; width: 17.5%; background-color: #002c5f; height: 50px; padding: 0; margin: 0; border-left: solid 1px #fff; } .header_section .ctodbox ul.tTitle li.first { width: 30%; } .header_section .ctodbox ul.tTitle li.first > p { width: 336px; } .header_section .ctodbox ul.tTitle li > p { position: relative; display: table-cell; width: 224px; height: 50px; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 14px; color: #fff; vertical-align: middle; padding: 0 12px; text-align: center; } .header_section .ctodbox ul.tTitle li:first-child { border-left: 0; } .header_section .ctodWrap .tSub { width: 100%; } .header_section .ctodWrap .tSub .subTitle { position: relative; width: 30%; height: 100px; float: left; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { position: relative; width: 70%; float: left; height: 100px; background-color: #e4dcd3; border-right: 1px solid #fff; border-bottom: solid 1px #fff; padding: 0 20px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { display: inline-block; line-height: 100px; font-family: "HyundaiSansHead"; font-weight: 500; vertical-align: middle; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { position: relative; width: 30%; float: left; height: 50px; background-color: #e4dcd3; line-height: 50px; border-bottom: solid 1px #fff; padding: 0 12px; text-align: center; } .header_section .ctodWrap .tSub .subTableContents { width: 70%; float: left; } .header_section .ctodWrap .tSub .subTableContents li { width: 25%; float: left; height: 50px; line-height: 50px; border-left: solid 1px #fff; font-size: 14px; padding: 0 12px; } .header_section .ctodWrap .tSub .subTableContents li:nth-child(2n + 1) { background-color: #f6f3f2; border-left: solid 1px #e4dcd3; border-bottom: solid 1px #e4dcd3; } .header_section .ctodWrap .tSub .subTableContents li:nth-child(2n) { background-color: #fff; border-left: solid 1px #e4dcd3; border-bottom: solid 1px #e4dcd3; } .header_section .ctodWrap .tSub .subTableContents .toL, .header_section .ctodWrap .tSub .subTableContents .toR { width: 100%; border-right: #e4dcd3 1px solid; } @media screen and (max-width: 1024px) { .header_section .ctodWrap .tSub .subTitle { height: 90px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { padding: 0 15px; font-size: 12px; height: 90px; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { height: 45px; line-height: 45px; font-size: 12px; } .header_section .ctodWrap .tSub .subTableContents li { height: 45px; line-height: 45px; font-size: 12px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { line-height: 90px; } .header_section .ctodbox ul.tTitle li { height: 45px; } .header_section .ctodbox ul.tTitle li > p { font-size: 12px; height: 45px; } } @media screen and (max-width: 992px) { .header_section .ctodWrap h2 { margin-top: 0; font-size: 27px; line-height: 32px; } .header_section .ctodbox .tSub li.subTitle { display: block; width: 100%; height: auto; } .header_section .ctodWrap .tSub ~ .tSub { padding-top: 30px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { width: 100%; height: 45px; line-height: 45px; text-align: center; background-color: #002c5f; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { line-height: 1; color: #fff; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { width: 50%; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle:nth-child(2n) { border-right: #fff 1px solid; } .header_section .ctodWrap .tSub .subTableContents { width: 100%; } .header_section .ctodWrap .tSub .subTableContents li { line-height: 17px; padding: 15px; height: auto; } .header_section .ctodWrap .tSub .subTableContents .toL { width: 50%; float: left; } .header_section .ctodWrap .tSub .subTableContents .toR { width: 50%; float: left; } .header_section .ctodWrap .tSub .subTableContents .toR li { border-left: none; } .header_section .ctodWrap .tSub .subTableContents li { width: 100%; } .header_section .ctodWrap .tSub .subTableContents li p.mobile { line-height: 17px; } } @media screen and (max-width: 1024px) { .header_section { } .header_section .tableInner.scroll { width: 100%; max-width: 1210px; } .header_section .tableInner.scroll table { width: 100%; } .header_section .ctodList .ctodTit { width: 120px; } .header_section .ctodList ul li.first div { margin-left: 120px; } } @media screen and (max-width: 992px) { .header_section .tableInner.scroll { min-width: 290px; max-width: 737px; } .header_section .tableInner.scroll { width: 100%; min-width: 100%; max-width: 1210px; } .header_section .tableInner.scroll table { width: 100%; min-width: 960px; } .header_section .tableTypeCol thead th { display: none; } .header_section .tableTypeCol tbody td { width: 50%; } .header_section .tableTypeCol thead th { padding: 12px 10px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol thead th span.txt { font-size: 11px; } .header_section .tableTypeCol table tbody th { padding: 12px 10px; line-height: 17px; font-size: 12px; } .header_section .tableTypeCol tbody td { padding: 12px 10px; line-height: 17px; font-size: 12px; } .header_section .tableTypeRow { width: 100%; border-bottom: 1px solid #e4dcd3; } .header_section .tableTypeRow tr th, .header_section .tableTypeRow tr th { padding: 7px 15px; font-size: 12px; } .header_section .tableTypeRow tr td { padding: 7px 15px; font-size: 12px; } } .header_section .tabWrap { position: relative; } .header_section .tabWrap .tabActive { display: none; width: 100%; padding-left: 15px; padding-right: 15px; background: #444; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; color: #fff; text-decoration: none; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .tabWrap .tabArea { height: 60px; overflow: hidden; } .header_section .tabWrap .tabArea .tab { display: table; height: 60px; float: left; } .header_section .tabWrap .tabArea .tab .link { display: table-cell; width: 100%; height: 60px; padding-left: 10px; padding-right: 10px; line-height: 14px; font-size: 14px; text-align: center; font-family: "HyundaiSansHead"; font-weight: 500; text-decoration: none; vertical-align: middle; word-break: break-word; color: #000; } .header_section .tabWrap .tabArea .tab .link:hover, .header_section .tabWrap .tabArea .tab .link:focus { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab .link.on { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab.all .link { color: #fff; background-color: #002c5f; } .header_section .tabWrap .tabArea .tab.all .link:hover, .header_section .tabWrap .tabArea .tab.all .link:focus { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab.all .link.on { color: #fff; background-color: #002c5f; } .header_section .tabWrap .tabArea .tab .link > * { line-height: 16px; font-size: 14px; font-weight: 400; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { color: #000; background-color: #fff; font-size: 14px; line-height: 14px; } .header_section .tabBox .tabCont { display: none; } .header_section .tabBox .on { display: block; } @media screen and (max-width: 1024px) { .header_section .tabWrap .tabArea { height: 45px; } .header_section .tabWrap .tabArea .tab { height: 45px; } .header_section .tabWrap .tabArea .tab .link { height: 45px; } .header_section .tabWrap .tabArea .tab .link > * { font-size: 12px; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { font-size: 12px; line-height: 12px; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { font-size: 12px; line-height: 12px; } } @media screen and (max-width: 992px) { .header_section { } .header_section .tabWrap { margin: 0 -15px; line-height: 45px; } .header_section .tabWrap.noMg { margin: 0; } .header_section .tabWrap .tabActive { display: table; width: 100%; padding-left: 15px; padding-right: 15px; background: #444; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; color: #fff; text-decoration: none; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .tabWrap .tabActive span { display: table-cell; height: 45px; padding-right: 22px; line-height: 16px; vertical-align: middle; } .header_section .tabWrap:after { display: block; content: ""; width: 7px; height: 7px; margin-top: -4px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-tab-right-arr-m.png") no-repeat right center; background-size: 7px auto; position: absolute; right: 15px; top: 22px; } .header_section .tabWrap .tabArea { width: 100%; height: auto; } .header_section .tabWrap .tabArea.open { display: block; } .header_section .tabWrap .tabArea .tab { display: none; height: auto; float: none; width: 100% !important; } .header_section .tabWrap .tabArea .tab .link { display: block; width: auto; height: auto; line-height: 16px; font-size: 12px; text-align: left; padding: 14px 35px 15px 10px; } .header_section .tabWrap .tabArea .tab.on { display: block; background-color: #656565; } .header_section .tabWrap .tabArea .tab.on .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea.open .tab { display: block; width: 100%; } .header_section .tabWrap .tabArea.open .tab .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea.open .tab.on .link { background-color: #656565; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { font-size: 15px; line-height: 15px; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { font-size: 15px; line-height: 15px; } } .header_section .paging { width: 100%; line-height: 16px; font-size: 0; text-align: center; position: relative; z-index: 1; } .header_section .paging .btnPaging.btnFirst { width: 13px; background-position: 0 -11px; } .header_section .paging .btnPaging.btnPrev { width: 7px; background-position: -32px -11px; } .header_section .paging .btnPaging.btnNext { width: 7px; background-position: -38px -11px; } .header_section .paging .btnPaging.btnLast { width: 13px; background-position: right -11px; } .header_section .paging .btnPaging.disabled { cursor: default; } .header_section .paging .btnPaging.btnFirst.disabled { background-position: 0 0; } .header_section .paging .btnPaging.btnPrev.disabled { background-position: -32px 0; } .header_section .paging .btnPaging.btnNext.disabled { background-position: -38px 0; } .header_section .paging .btnPaging.btnLast.disabled { background-position: right 0; } .header_section .paging .number { display: inline-block; padding: 0 32px; overflow: hidden; vertical-align: top; } .header_section .paging .number button { margin: 0 9px; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 16px; float: left; } .header_section .paging .number button:hover, .header_section .paging .number button:focus { color: #00aad2; } .header_section .paging .number button.on { color: #00aad2; text-decoration: underline; } @media screen and (max-width: 992px) { .header_section .paging .btnPaging { height: 10px; margin-top: 1px; background-size: auto 20px; } .header_section .paging .btnPaging.btnFirst { width: 12px; background-position: 0 -10px; } .header_section .paging .btnPaging.btnPrev { width: 6px; background-position: -29px -10px; } .header_section .paging .btnPaging.btnNext { width: 6px; background-position: -35px -10px; } .header_section .paging .btnPaging.btnLast { width: 12px; background-position: right -10px; } .header_section .paging .btnPaging.btnFirst.disabled { background-position: 0 0; } .header_section .paging .btnPaging.btnPrev.disabled { background-position: -29px 0; } .header_section .paging .btnPaging.btnNext.disabled { background-position: -35px 0; } .header_section .paging .btnPaging.btnLast.disabled { background-position: right 0; } .header_section .paging .number { padding: 0 16px; } .header_section .paging .number button { font-size: 12px; margin: 0 9px; } } .header_section .headArea .topSect { position: relative; z-index: 1; max-width: 1120px; margin: 0 auto; padding: 0 60px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; } .header_section .headArea .topSect .locWrap { float: left; } .header_section .headArea .topSect .locWrap li { float: left; height: 90px; line-height: 90px; } .header_section .headArea .topSect .locWrap a.link { display: inline-block; } .header_section .headArea .topSect .locWrap span { margin-right: 11px; padding: 0 16px 0 0; font-size: 16px; color: #000; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-breadcrumb.png") no-repeat 100% 9px; white-space: nowrap; } .header_section .headArea .topSect .locWrap span.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .locWrap .active span { display: inline-block; color: #00aad2 !important; font-weight: normal; font-weight: 500; font-size: 16px; text-decoration: none; text-decoration: underline; font-family: "HyundaiSansHead"; background: none; } .header_section .headArea .topSect .utilWrap { float: right; height: 90px; line-height: 90px; } .header_section .headArea .topSect .utilWrap a.util { display: inline-block; display: inline-block; margin-left: 23px; padding: 0 0 0 23px; font-size: 14px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; background-repeat: no-repeat; background-position: 0 50%; } .header_section .headArea .topSect .utilWrap a:first-child { margin-left: 0; } .header_section .headArea .topSect .utilWrap a.share { padding-left: 23px; background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sharing.png"); } .header_section .headArea .topSect .utilWrap a.share.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .utilWrap a.print { padding-left: 27px; background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-print.png"); } .header_section .headArea .topSect .utilWrap a.print.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .utilWrap a.util.fb-like > span { vertical-align: middle !important; } .header_section .headArea .tWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 270px; margin: 0 60px; background: rgba(255,255,255,.7); text-align: center; } .header_section .headArea .tWrap .titInner { padding: 0 25px; width: 100%; max-width: 1120px; margin: 0 auto; } .header_section .headArea .tWrap .ftit { font-size: 58px; font-family: "HyundaiSansHead"; font-weight: 500; color: #000; } .header_section .headArea .tWrap .stit { font-size: 16px; font-family: "HyundaiSansHead"; color: #000; line-height: 30px; margin: 10px auto 0; } .header_section .headArea .tWrap .stit.type1 { margin-top: 20px; } .header_section .headArea .bottmBtns { margin-top: 50px; } .header_section .headArea .bottmBtns.btnWrap .colWd { margin-left: 20px; } .header_section .headArea .bottmBtns.btnWrap .colWd:first-child { margin-left: 0; } .header_section .layerPop { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; } .header_section .layerPop .dim { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/popup-bg.png") repeat left top; } .header_section .layerPop .dim.nitro-lazy { background-image: none !important; } .header_section .layerPop .layerPopArea { position: relative; width: 700px; margin: 0 auto; top: 120px; padding-bottom: 100px; z-index: 910; } .header_section .layerPop .layerPopArea.w550 { width: 550px; } .header_section .layerPop .layerPopArea .btnLayerClose { display: block; position: absolute; top: 30px; right: 30px; text-indent: -9999px; width: 16px; height: 16px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-layer-close.png") no-repeat; } .header_section .layerPop .layerPopArea .btnLayerClose.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont { padding: 60px; background: #fff; text-align: center; } .header_section .layerPop .popCont .headTit { display: block; padding: 15px 0; text-align: center; font-size: 24px; line-height: 30px; } .header_section .layerPop .popCont .titMsg { display: block; margin: 10px 0 40px 0; font-size: 16px; } .header_section .layerPop .popCont .titMsg a { display: block; color: #002c5f; text-decoration: underline; } .header_section .layerPop .popCont .icoNoti { display: block; text-indent: -9999px; width: 45px; height: 45px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico_noti.png") no-repeat; margin: 0 auto; } .header_section .layerPop .popCont .icoNoti.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont .icoNoti1 { display: block; text-indent: -9999px; width: 45px; height: 45px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/source/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico_noti_1.png") no-repeat; margin: 0 auto; } .header_section .layerPop .popCont .icoNoti1.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont .message { margin: 40px 0 20px 0; color: #000; } .header_section .layerPop .popCont .message.bold { font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .layerPop .popCont .message.wrong { color: #00aad2; } .header_section .layerPop .popCont .conArea { text-align: left; } .header_section .layerPop .popCont .inputWrap { width: 100%; } .header_section .layerPop .popCont .inputWrap input.txt { width: 100%; height: 50px !important; border: 1px solid #e4dcd3 !important; } .header_section .layerPop .popCont .etc { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e4dcd3; } .header_section .layerPop .popCont .etc .message { margin-top: 0; } .header_section .layerPop .popCont .btnWrap { margin-top: 30px; padding-bottom: 0; } .header_section .layerPop .shareList { display: table; width: 100%; text-align: center; font-size: 0; margin: 30px 0 20px 0; } .header_section .layerPop .shareList li { display: inline-block; vertical-align: middle; margin: 0 0 0 48px; } .header_section .layerPop .shareList li:first-child { margin-left: 0; } .header_section .layerPop .shareList li a { display: block; width: 60px; height: 43px; text-indent: -9999px; } .header_section .layerPop .shareList li a:hover, .header_section .layerPop .shareList li a:focus { background-position: 0 -43px !important; } .header_section .layerPop .shareList li.btnFacebook a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-facebook.png") no-repeat; } .header_section .layerPop .shareList li.btnFacebook a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnGoogle a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-google.png") no-repeat; } .header_section .layerPop .shareList li.btnGoogle a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnTwitter a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-twitter.png") no-repeat; } .header_section .layerPop .shareList li.btnTwitter a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnPinterest a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-pinterest.png") no-repeat; } .header_section .layerPop .shareList li.btnPinterest a.nitro-lazy { background-image: none !important; } .header_section .headArea .searchSect .searchTit { margin-bottom: 12px; } .header_section .headArea .searchSect .inputBox { margin: 0 auto 10px auto; } .header_section .headArea .searchSect .searchResultWrap { width: 608px; margin: 0 auto; text-align: left; } .header_section .headArea .searchSect .searchResultWrap dl.searchResult dt { display: inline-block; margin-right: 20px; font-size: 16px; line-height: 2; color: #000; text-align: left; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .headArea .searchSect .searchResultWrap dl.searchResult dd { display: inline-block; font-size: 14px; line-height: 2.29; color: #00aad2; text-align: left; font-family: "HyundaiSansHead"; } .header_section .headArea .topVisualWrap { overflow: hidden; position: relative; } .header_section .headArea .topVisualWrap .visual { max-width: 1860px; height: 540px; margin: 0 auto; overflow: hidden; } .header_section .headArea .topVisualWrap .visualInner img { width: auto; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header_section .headArea .topVisualWrap .titWrap { width: 100%; max-width: 1120px; padding-top: 68px; text-align: left; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .header_section .headArea .topVisualWrap .titWrap .stit { margin-top: 14px; font-family: "HyundaiSansHead"; } @media screen and (max-width: 1240px) { .header_section .headArea .tWrap .stit { margin: 0 10%; } .header_section .headArea .topVisualWrap { margin: 0 15px; } .header_section .headArea .topVisualWrap .titWrap { padding: 68px 35px 0; } .header_section .headArea .topVisualWrap .titWrap .stit { margin-top: 8px; } } @media screen and (max-width: 1024px) { .header_section { } .header_section .headArea .topSect { margin: 0 30px; padding: 0; } .header_section .headArea .tWrap { margin: 0; padding-bottom: 45px; } .header_section .headArea .topSect .locWrap li, .header_section .headArea .topSect .utilWrap { height: 80px; line-height: 80px; } .header_section .headArea .tWrap .ftit { font-size: 30px; line-height: 35px; } .header_section .headArea .tWrap .stit { font-size: 14px; line-height: 19px; } .header_section .headArea .tWrap .stit.type1 { margin-top: 10px; } .header_section .headArea .searchSect .searchTit { margin-bottom: 12px; } .header_section .headArea .searchSect .inputBox { margin: 0 auto 8px auto; } .header_section .headArea .searchSect .searchResultWrap { width: 430px; } .header_section .headArea .topVisualWrap .visual { height: 340px; } .header_section .headArea .topVisualWrap .titWrap { padding: 58px 35px; } } @media screen and (max-width: 992px) { .header_section { } .header_section .headArea { padding: 0; } .header_section .headArea .topSect { display: none; } .header_section .headArea .tWrap { height: 240px; padding-bottom: 0; background: rgba(255,255,255,.7); } .header_section .headArea .tWrap .stit { padding: 0; margin-top: 10px; } .header_section .headArea .searchSect .searchResultWrap { width: auto; } .header_section .headArea .bottmBtns { margin-top: 10px; } .header_section .headArea .bottmBtns.btnWrap .colWd { width: 50%; margin: 0; padding-right: 10px; min-width: 0; } .header_section .headArea .bottmBtns.btnWrap .colWd:last-child { padding-left: 10px; padding-right: 0; } .header_section .headArea .topVisualWrap { margin: 0 15px; } .header_section .headArea .topVisualWrap .visualInner img { width: 100%; position: static; -webkit-transform: none; transform: none; } .header_section .headArea .topVisualWrap .visual { height: auto; } .header_section .headArea .topVisualWrap .titWrap { padding: 58px 20px; } } @media all and (max-width: 992px) { .header_section .homeBgType1, .header_section .homeBgMain, .header_section .findACarBgPip, .header_section .findACarBgType1, .header_section .buildACarBgType1, .header_section .buildACarBgType2, .header_section .buildACarBgType3, .header_section .buildACarBgType4, .header_section .buildACarBgType5, .header_section .connectToServiceBgType1, .header_section .connectToServiceBgType2, .header_section .hyundaiStoryBgType3, .header_section .hyundaiStoryBgType1, .header_section .hyundaiStoryBgType2, .header_section .landingPageBgType1 { background-position: 50% 0; } } .header_section .errorSiteMap { max-width: 1120px; margin: 100px auto 130px; -webkit-transform: translate(70px,0); transform: translate(70px,0); } .header_section .errorSiteMap .esTit { font-size: 16px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; line-height: 30px; } .header_section .errorSiteMap .innerWrap { margin: 30px 0 0; display: table; width: 100%; } .header_section .errorSiteMap .innerWrap .col { display: table-cell; width: 25%; vertical-align: top; } .header_section .errorSiteMap .innerWrap .col .colTit { font-size: 16px; color: #000; line-height: 28px; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .errorSiteMap .innerWrap .col .list { margin: 8px 0 0; } .header_section .errorSiteMap .innerWrap .col .list li { font-size: 14px; line-height: 24px; font-family: "HyundaiSansHead"; } .header_section .errorSiteMap .innerWrap .col .list li a { text-decoration: underline; } @media all and (max-width: 1024px) { .header_section .errorSiteMapOuter { text-align: center; } .header_section .errorSiteMap { margin: 50px auto 70px; display: inline-block; -webkit-transform: translate(0,0); transform: translate(0,0); } .header_section .errorSiteMap .esTit { font-size: 17px; line-height: 22px; text-align: left; } .header_section .errorSiteMap .innerWrap { margin-top: 15px; overflow: hidden; display: block; text-align: center; } .header_section .errorSiteMap .innerWrap .col { display: inline-block; width: auto; margin-left: 50px; text-align: left; } .header_section .errorSiteMap .innerWrap .col:first-child { margin-left: 0; } .header_section .errorSiteMap .innerWrap .col .colTit { font-size: 14px; line-height: 21px; } .header_section .errorSiteMap .innerWrap .col .list li { font-size: 12px; line-height: 17px; } } @media all and (max-width: 992px) { .header_section .errorSiteMap { display: block; margin: 0 25px; padding: 50px 0 30px; } .header_section .errorSiteMap .innerWrap { overflow: hidden; } .header_section .errorSiteMap .innerWrap .col { float: left; width: 50%; margin: 0 0 30px; } } .header_section .errorPage { margin: 50px auto 0; max-width: 1150px; padding: 0 25px; } .header_section .errorPage .eTit { font-size: 58px; color: #000; text-align: center; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .errorPage .desc { margin-top: 20px; font-size: 16px; color: #000; line-height: 30px; font-family: "HyundaiSansHead"; } .header_section .errorPage .btnWrap { margin-top: 50px; text-align: center; } @media all and (max-width: 1024px) { .header_section .errorPage .eTit { font-size: 30px; line-height: 35px; } .header_section .errorPage .desc { max-width: 550px; margin: 10px auto 0; font-size: 14px; line-height: 19px; } } @media all and (max-width: 1024px) { .header_section .errorPage { margin: 85px 40px 0; padding: 0; } } .header_section .topVisualArea { position: relative; height: 540px; padding: 0 30px; } .header_section .topVisual { position: relative; min-width: 1120px; margin: 0 auto; overflow: hidden; max-width: 1800px; height: 540px; } .header_section .topVisual .visual { width: 1860px; position: absolute; left: 50%; top: 0; margin-left: -930px; } .header_section .topVisual .visual img { width: 1860px; } .header_section .topVisual .titWrap { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1120px; text-align: left; padding-top: 71px; } .header_section .topVisual .titWrap .ico { margin: -11px 0 11px; } .header_section .topVisual .titWrap .ftit { font-size: 58px; line-height: 64px; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .topVisual .titWrap .stit { margin-top: 12px; font-size: 16px; line-height: 26px; max-width: 440px; } .header_section .topVisual .titWrap .btn { margin-top: 80px; } .header_section .topVisualArea.vMiddle .middle { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; } .header_section .topVisualArea.vMiddle .middle .titWrap { display: table-cell; vertical-align: middle; padding-top: 0; position: relative; left: auto; top: auto; right: auto; text-align: center; } .header_section .topVisualArea.vMiddle .middle .titWrap .stit { max-width: none; } .header_section .contTop { background-color: #e4dcd3; background-repeat: no-repeat; background-size: cover; } .header_section .contTop.topVisNone { background-color: #fff; } @media screen and (max-width: 1024px) { .header_section .contTop { width: 100%; min-width: 768px; padding-top: 10px; } .header_section .topVisual img { width: 100% !important; } .header_section .topVisual { position: relative; padding: 0; width: 100%; max-width: 100%; height: auto; min-width: 100%; } .header_section .topVisual .visual { position: relative; width: 100%; height: auto; left: 0; margin-left: 0; top: 0; } .header_section .topVisualArea { position: relative; height: auto; padding: 0 15px; } } @media screen and (max-width: 992px) { .header_section .contTop { width: 100%; min-width: 320px; padding-top: 30px; background-color: #e4dcd3; background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; display: table; } .header_section .topVisualArea { position: relative; height: auto; padding: 0 15px; } .header_section .topVisual { position: relative; padding: 0; width: 100%; max-width: 100%; height: auto; min-width: 100%; } .header_section .topVisual img { width: 100% !important; } .header_section .topVisual .visual { position: relative; width: 100%; height: auto; left: 0; margin-left: 0; top: 0; } .header_section .topVisual .titWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 50px 35px 0; } .header_section .topVisual .titWrap .ico { height: 30px; margin-bottom: 5px; } .header_section .topVisual .titWrap .ico img { width: auto; height: auto; } .header_section .topVisual .titWrap .ftit { font-size: 30px; line-height: 35px; } .header_section .topVisual .titWrap .stit { margin-top: 7px; font-size: 14px; line-height: 19px; padding-right: 10%; } .header_section .topVisual .titWrap .btn { margin-top: 40px; } .header_section .topVisualArea.vMiddle .middle { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: table; width: 100%; height: 100%; } .header_section .topVisualArea.vMiddle .middle .titWrap { display: table-cell; vertical-align: middle; padding-top: 0; position: relative; left: auto; top: auto; right: auto; text-align: center; } .header_section .topVisualArea.vMiddle .middle .stit { padding-right: 0; } } .header_section input[type="text"], .header_section input[type="number"], .header_section input[type="tel"], .header_section input[type="password"], .header_section input[type="date"], .header_section input[type="email"] { display: inline-block; width: 100%; height: 44px; padding: 0 5px 0 20px; line-height: 44px; font-size: 14px; color: #666; border: 1px solid #e4dcd3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; } .header_section ::-webkit-input-placeholder { color: #999; } .header_section ::-moz-placeholder { color: #999; } .header_section :-ms-input-placeholder { color: #999; } .header_section :-moz-placeholder { color: #999; } @media screen and (max-width: 1024px) { .header_section input[type="text"], .header_section input[type="number"], .header_section input[type="tel"], .header_section input[type="password"], .header_section input[type="date"], .header_section input[type="email"] { height: 35px; line-height: 35px; font-size: 12px; } } .header_section .selForm select { display: inline-block; width: 100%; height: 40px; padding-left: 20px; color: #666; border: 0; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-select-right-arr.png") no-repeat right center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; background-color: #f6f3f2; font-size: 16px; padding-right: 42px; } .header_section .selForm select.nitro-lazy { background-image: none !important; } .header_section .selForm select:focus { outline: 2px solid #a4c6fd; } .header_section .selForm select::-ms-expand { display: none; } .header_section .selForm select.bgWhite { border: 1px solid #e5e5e5; background: #fff url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-select-right-arr.png") no-repeat right center !important; } .header_section .selForm select.bgWhite.nitro-lazy { background-image: none !important; } .header_section .selForm select.bdNone { border: 0 none; } .header_section .selForm select.noarrow { background: #fff none !important; } @media screen and (max-width: 1024px) { .header_section .selForm select { height: 35px; padding-left: 15px; font-size: 12px; } } .header_section .inputBox { display: block; width: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .header_section .inputBox.widMd { width: 460px !important; } .header_section .inputBox.widLg { width: 608px !important; } .header_section .inputBox.searchBox { width: auto; background: transparent; overflow: hidden; } .header_section .posIconR { display: block; padding-right: 55px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .header_section .posIconR .posRight { position: absolute; right: 0; top: 0; } .header_section .inputSearch { display: inline-block; width: 100%; height: 40px; padding: 0 20px; line-height: 40px; color: #000; font-size: 14px; border: 0 none; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .header_section .inputSearch.hLg { height: 44px; line-height: 44px; } .header_section .inputSearch.hXlg { height: 50px; line-height: 50px; } .header_section .inputSearch.bgGray { background: #f6f3f2; } .header_section .inputSearch::-webkit-input-placeholder { color: #666; } .header_section .inputSearch::-moz-placeholder { color: #666; } .header_section .inputSearch:-ms-input-placeholder { color: #666; } .header_section .inputSearch:-moz-placeholder { color: #666; } .header_section .btnSearch { display: inline-block; width: 55px; height: 44px; text-indent: -9999px; text-align: center; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search.png") no-repeat center center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .btnSearch.nitro-lazy { background-image: none !important; } .header_section .inputBox.widLg .btnSearch { height: 50px; } .header_section .inputBox.searchBox .inputSearch { width: 380px; float: left; } .header_section .inputBox.searchBox .btnBasic { min-width: 120px; margin-left: 12px; float: left; } .header_section .inputBox.searchBox .posIconR { width: 380px; float: left; } .header_section .posIconR.icoLocation:after { content: ""; display: block; width: 40px; height: 40px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-location.png") no-repeat center center; position: absolute; right: 0; top: 0; } .header_section .posIconR.icoLocation .inputSearch { padding-right: 55px; } .header_section .WTbHid { display: none; } @media screen and (max-width: 1024px) { .header_section .inputSearch.hXlg { height: 40px; line-height: 40px; } .header_section .inputBox.widLg { width: 430px !important; } .header_section .inputBox.widLg .btnSearch { height: 40px; } } @media screen and (max-width: 992px) { .header_section .inputSearch.hXlg { height: 50px; line-height: 50px; } .header_section .inputBox, .header_section .inputBox.widLg { width: 100% !important; } .header_section .inputBox.widLg .btnSearch { height: 50px; } .header_section .mbHid { display: none; } .header_section .WTbHid { display: block; } } .header_section .wtOnlyBlock { display: block; } @media screen and (max-width: 740px) and (min-width: 0) { .header_section .wtOnlyBlock { display: inline; } .pip.contents_interior .section1 .color .details_img.web img { display: none !important; } } .header_section .radioboxWrap { display: block; font-size: 0; line-height: 0; } .header_section .radioboxWrap .radioBoxInner { display: inline-block; vertical-align: top; position: relative; } .header_section .radioboxWrap .radioBoxInner ~ .radioBoxInner { margin-left: 7px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] { opacity: 0; -webkit-appearance: none; width: 0; height: 0; position: absolute; left: 0; top: 0; } .header_section .radioboxWrap .radioBoxInner label { display: inline-block; min-height: 18px; padding-left: 28px; line-height: 18px; font-size: 14px; vertical-align: top; cursor: pointer; padding-right: 76px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] ~ label:before { content: ""; display: inline-block; width: 18px; height: 18px; border: 2px solid #999; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:before { border: 2px solid #00aad2; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:after { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #00aad2; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 5px; top: 5px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:focus ~ label:before { border: 2px solid #00aad2; -webkit-box-shadow: 0 0 4px #00aad2; box-shadow: 0 0 4px #00aad2; } @media screen and (max-width: 992px) { .header_section { } .header_section .radioboxWrap .radioBoxInner ~ .radioBoxInner { margin-left: 25px; } .header_section .radioboxWrap .radioBoxInner label { min-height: 16px; padding-left: 25px; line-height: 16px; font-size: 12px; padding-right: 10px; width: 70%; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] ~ label:before { width: 16px; height: 16px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:after { left: 4px; top: 4px; } } .header_section .checkboxWrap { display: block; font-size: 0; line-height: 0; } .header_section .checkboxWrap .checkboxInner { display: inline-block; vertical-align: top; position: relative; overflow: hidden; } .header_section .checkboxWrap .checkboxInner ~ .checkboxInner { margin-left: 7px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] { position: absolute; left: -30px; top: -30px; } .header_section .checkboxWrap .checkboxInner label { display: inline-block; min-height: 18px; padding-left: 28px; line-height: 18px; font-size: 14px; vertical-align: top; cursor: pointer; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] ~ label:before { content: ""; display: inline-block; width: 18px; height: 18px; border: 2px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:checked ~ label:before { border: 2px solid #00aad2; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-checkbox.png") no-repeat center center; background-size: 10px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:focus ~ label:before { border: 2px solid #00aad2; -webkit-box-shadow: 0 0 3px #00aad2; box-shadow: 0 0 3px #00aad2; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:disabled ~ label:before, .header_section .checkboxWrap .checkboxInner input[type="checkbox"].disabled ~ label:before { border: 2px solid #e5e5e5; background: #f2f2f2; } @media screen and (max-width: 992px) { .header_section .checkboxWrap .checkboxInner ~ .checkboxInner { margin-left: 25px; } .header_section .checkboxWrap .checkboxInner label { min-height: 16px; padding-left: 25px; line-height: 16px; font-size: 14px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] ~ label:before { width: 16px; height: 16px; } } .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { display: inline-block; margin-right: 20px; vertical-align: top; } .header_section span.gt_cta, .header_section span.configurator img, .header_section span.drive img, .header_section span.quote img { width: 32px; height: 32px; } .header_section span.hiddenTm { display: inline-block; } @media screen and (max-width: 1024px) { .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { margin-right: 18px; } .header_section span.gt_cta, .header_section span.configurator img, .header_section span.drive img, .header_section span.quote img { width: 26px; height: 26px; } .header_section span.hiddenTm { display: none; } } @media screen and (max-width: 992px) { .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { margin-right: 0px; margin-bottom: 4px; } } .header_section .itemWrap { width: 100%; overflow: hidden; } .header_section .itemWrap em, .header_section .itemWrap i { font-style: normal; } .header_section .txtLineBox ~ .itemWrap { padding-top: 20px; } .header_section .itemWrap .itemListWrap { margin: -60px -16px 0; font-size: 0; line-height: 0; position: relative; } .header_section .itemWrap.mg2 .itemListWrap { margin: -60px -10px 0; } .header_section .itemWrap.mg3 .itemListWrap { margin: -60px -15px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -60px -10px 0; } .header_section .itemWrap .itemListWrap:after { content: ""; display: block; clear: both; } .header_section .itemWrap .itemList { display: inline-table; margin-top: 60px; vertical-align: top; } .header_section .itemWrap .itemList .listInner { margin: 0 16px; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 10px 0; } .header_section .itemWrap.mg3 .itemList .listInner { margin: 0 15px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 10px 0; } .header_section .itemWrap .itemList .itemTopTit { padding-bottom: 10px; line-height: 40px; font-size: 30px; font-family: "HyundaiSansHead"; font-weight: 500; letter-spacing: .5px; } .header_section .itemWrap .itemList .itemLink, .header_section .itemWrap .itemList .img { display: block; } .header_section .itemWrap .itemList .itemTit { padding-bottom: 6px; } .header_section .itemWrap .itemList .conTit { width: 100%; } .header_section .itemWrap .itemList .itemTit [class*="subTit"], .header_section .itemWrap .itemList .itemTit [class*="conTit"] { display: inline-block; vertical-align: middle; } .header_section .itemWrap .itemList .itemLink:hover [class*="subTit"], .header_section .itemWrap .itemList .itemLink:hover [class*="conTit"], .header_section .itemWrap .itemList .itemLink:hover [class*="conArea"] { text-decoration: underline; } .header_section .itemWrap .img { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 53.58%; text-align: center; overflow: hidden; position: relative; } .header_section .itemWrap .video { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 53.58%; text-align: center; overflow: hidden; position: relative; } .header_section .itemWrap .img img { width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .itemWrap .video img { width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .itemWrap .itemList .itemCon { display: block; line-height: 1.43; color: #666; font-size: 14px; font-family: "HyundaiSansHead"; } .header_section .itemWrap .itemList .itemCon .conAreaS { line-height: 20px; } .header_section .itemWrap .itemList .itemCon [class*="conArea"] ~ [class*="conArea"] { padding-top: 2px; } .header_section .itemWrap .itemList .itemCon.pd0 [class*="conArea"] ~ [class*="conArea"].pd0 { padding-top: 0; } .header_section .itemWrap .itemList .itemCon .conBlock { display: block; } .header_section .itemWrap .itemList .checkboxWrap { padding-bottom: 8px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.conTit { font-size: 16px; line-height: 20px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitS:before, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.conTit:before { top: 1px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM { font-size: 16px; line-height: 30px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitM:before { top: 6px; } .header_section .itemWrap .itemList .checkboxWrap ~ .itemCon { padding-left: 28px; } .header_section .itemWrap .itemList .itemBtnWrap { display: table; width: 100%; } .header_section .itemWrap .itemList .itemBtnWrap .left, .header_section .itemWrap .itemList .itemBtnWrap .right { display: table-cell; vertical-align: middle; } .header_section .itemWrap .itemList .itemBtnWrap .right { text-align: right; } .header_section .secListBox ~ .secListBox { padding-top: 80px; } .header_section .secSpaListWrap .conAreaS.icoNote { margin-top: 60px; } .header_section .btnMoreWhite { width: 100%; height: 50px; line-height: 50px; color: #767676; font-size: 15px; font-family: "HyundaiSansHead"; font-weight: 500; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .btnMoreWhite .icoArr { display: inline-block; padding-right: 17px; position: relative; } .header_section .btnMoreWhite .icoArr:after { content: ""; display: block; margin-top: -2px; border-top: 5px solid #767676; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; right: 0; top: 50%; } .header_section .itemWrap.bttmLayer .itemLayer { display: none; margin-top: 35px; padding: 40px 60px; background: #f6f3f2; position: absolute; top: 0; left: 10px; right: 10px; z-index: 1; } .header_section .itemWrap.bttmLayer .active .itemLayer { display: block; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 1) .itemLayer:after { left: 75px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 2) .itemLayer:after { left: 370px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 3) .itemLayer:after { left: 665px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 4) .itemLayer:after { left: 965px; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer { display: block; width: 16px; height: 16px; font-size: 0; text-indent: -9999px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-layer-close.png") no-repeat center center; background-size: cover; overflow: hidden; position: absolute; right: 20px; top: 20px; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer.nitro-lazy { background-image: none !important; } .header_section .secListBox .itemTxtTop { display: table; padding-bottom: 20px; } .header_section .secListBox .itemTxtTop .txtLeft { display: table-cell; font-family: "HyundaiSansHead"; font-weight: 500; line-height: 28px; font-size: 16px; vertical-align: middle; } .header_section .secListBox .itemTxtTop .txt_count { display: table-cell; line-height: 28px; vertical-align: middle; } @media screen and (max-width: 1024px) { .header_section { } .header_section .txtLineBox ~ .itemWrap { padding-top: 30px; } .header_section .itemWrap .itemListWrap { margin: -32px -7px 0 -7px; } .header_section .itemWrap.mg2 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap.mg3 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap .itemList { margin-top: 32px; } .header_section .itemWrap .itemList .listInner { margin: 0 7px; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap.mg3 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap .itemList .itemTopTit { line-height: 21px; font-size: 14px; letter-spacing: .2px; } .header_section .itemWrap .itemList .itemTit { padding-bottom: 7px; } .header_section .itemWrap .itemList .checkboxWrap { padding-bottom: 10px; } .header_section .itemWrap .itemList .itemCon [class*="conArea"] ~ [class*="conArea"] { padding-top: 5px; } .header_section .itemWrap .itemList .itemCon .conAreaS { font-size: 14px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.conTit { font-size: 14px; line-height: 21px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitS:before, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.conTit:before { top: 2px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM { font-size: 14px; line-height: 21px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitM:before { top: 2px; } .header_section .itemWrap .itemList .itemBtnWrap { display: block; } .header_section .itemWrap .itemList .itemBtnWrap .left, .header_section .itemWrap .itemList .itemBtnWrap .right { display: block; } .header_section .itemWrap .itemList .itemBtnWrap .right { padding-top: 10px; text-align: left; } .header_section .secListBox ~ .secListBox { padding-top: 35px; } .header_section .secSpaListWrap .conAreaS.icoNote { margin-top: 40px; } .header_section .btnWrap.btnMoreWrap { padding-top: 60px; } .header_section .itemWrap.bttmLayer .itemLayer { left: 7px; right: 7px; } .header_section .itemWrap.bttmLayer .active .itemLayer { padding: 25px 25px 50px 25px; } .header_section .itemWrap.bttmLayer .itemLayer:after { width: 18px; height: 18px; margin-left: -13px; top: -9px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 1) .itemLayer:after { left: 16.65%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 2) .itemLayer:after { left: 49.95%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 3) .itemLayer:after { left: 83.25%; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer { background-size: 12px; } .header_section .secListBox .itemTxtTop { padding-bottom: 15px; } .header_section .secListBox .itemTxtTop .txtLeft { line-height: 21px; font-size: 14px; } } @media screen and (max-width: 992px) { .header_section { } .header_section .txtLineBox ~ .itemWrap { padding-top: 20px; } .header_section .itemWrap.mg2 .itemListWrap { margin: -15px -3px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -15px -5px 0; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 3px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 5px 0; } .header_section .itemWrap .itemList { margin-top: 15px; } .header_section .itemWrap .itemList .itemTopTit { line-height: 22px; font-size: 17px; letter-spacing: .3px; } .header_section .secListBox ~ .secListBox { padding-top: 25px; } .header_section .btnWrap.btnMoreWrap { padding-top: 28px; } .header_section .itemWrap.bttmLayer .itemLayer { left: 5px; right: 5px; } .header_section .itemWrap.bttmLayer .active .itemLayer { padding: 30px 15px 40px 15px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(2n + 1) .itemLayer:after { left: 20%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(2n + 2) .itemLayer:after { left: 70%; } .header_section .itemWrap .img img { width: 100%; position: static; -webkit-transform: none; transform: none; } } .header_section .selectFormBox { margin: 0 -6px; } .header_section .selectFormBox:after { content: ""; display: block; clear: both; } .header_section .selectFormBox .selForm { padding: 0 6px; float: left; } .header_section .selectFormBox .inputForm { padding: 0 6px; float: left; } .header_section .selectFormBox .inputForm input { width: 100%; height: 40px; padding: 11px 20px; line-height: 17px; font-size: 14px; color: #666; border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f3f2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header_section .selectFormBox .searchBtn { display: table; padding: 0 6px; float: left; } .header_section .selectFormBox .searchBtn .btn { width: 100%; height: 40px; font-size: 14px; } @media screen and (max-width: 1024px) { .header_section .selectFormBox { margin: 0 -5px; } .header_section .selectFormBox .selForm { padding: 0 5px; } .header_section .selectFormBox .inputForm { padding: 0 5px; } .header_section .selectFormBox .selForm select { height: 35px; line-height: 35px; padding-left: 15px; font-size: 12px; } .header_section .selectFormBox .inputForm input { height: 35px; line-height: 35px; padding: 0 15px; font-size: 12px; } .header_section .selectFormBox .searchBtn { padding: 0 5px; } .header_section .selectFormBox .searchBtn .btn { width: 100%; height: 35px; line-height: 35px; font-size: 13px; } } @media screen and (max-width: 992px) { .header_section .selectFormBox { margin: 0; margin-top: -10px; } .header_section .selectFormBox .selForm { width: 100% !important; padding: 10px 0 0 0; float: none; } .header_section .selectFormBox .inputForm { width: 100% !important; padding: 10px 0 0 0; float: none; } .header_section .selectFormBox .searchBtn { width: 100% !important; padding: 30px 0 0 0px; float: none; } .header_section .selectFormBox .searchBtn .btn { height: 50px; font-size: 15px; } } .header_section .videoWrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; } .header_section .videoWrap .innerWrap { position: absolute; left: 0; right: 0; top: 50%; padding-bottom: 56.25%; padding-top: 25px; height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header_section .videoWrap video, .header_section .videoWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } .header_section .videoInnerDimm { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; background: rgba(0,0,0,.6); } .header_section .videoPlayBtn { position: absolute; top: 50%; left: 50%; z-index: 12; width: 60px; height: 60px; margin: -30px 0 0 -30px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-video.png") no-repeat top left; overflow: hidden; cursor: pointer; text-indent: -1000px; } .header_section .videoPlayBtn.nitro-lazy { background-image: none !important; } .header_section .videoPoster { position: relative; width: 100%; height: 100%; z-index: 3; overflow: hidden; } .header_section .videoPoster img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .tableBottomText { margin-top: 20px; } .header_section .tableBottomText + .tableBottomText { margin-top: 10px; } @media all and (max-width: 1024px) { .header_section .tableBottomText { margin-top: 10px; } .header_section .tableBottomText + .tableBottomText { margin-top: 5px; } } @media all and (max-width: 992px) { .header_section { } .header_section .videoPoster { height: auto; } .header_section .videoPoster img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; height: auto; } } .header_section .fullImg { display: block; width: 100%; text-align: center; overflow: hidden; position: relative; } .header_section .fullImg .img { position: relative; display: block; width: 100%; height: 100%; } .header_section .fullImg .img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @media screen and (max-width: 1024px) { .header_section { } .header_section .fullImg .img img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } } @media screen and (max-width: 992px) { .header_section { } .header_section .fullImg .img img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } } .header_section .gridWrap { width: 100%; } .header_section .gridWrap:after { content: ""; display: block; clear: both; } .header_section .gridbox:after { content: ""; display: block; clear: both; } .header_section .gridbox li { float: left; } .header_section .gridbox li.gridCont { width: 100%; } .header_section .gridbox li .imgArea { display: block; width: 100%; text-align: center; overflow: hidden; position: relative; } .header_section .gridbox li .imgArea img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow: hidden; width: 100%; } .header_section .gridbox li.gridCont2 { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } .header_section .gridbox li.gridCont2:first-child { padding-left: 0; padding-right: 10px; } .header_section .gridbox li.gridCont3 { width: 32%; margin-left: 2%; } .header_section .gridbox li.gridCont3:first-child { margin-left: 0; } .header_section .gridbox li.gridCont4 { width: 22.5%; margin-left: 3.3%; } .header_section .gridbox li.gridCont4:first-child { margin-left: 0; } .header_section .gridbox li .imgArea.half { float: left; width: 256px; margin-right: 20px; } .header_section .gridbox li .txtArea.half { float: left; width: 256px; } @media screen and (max-width: 1240px) { .header_section .gridbox li .imgArea.half { width: 47%; margin-right: 5%; } .header_section .gridbox li .txtArea.half { width: 48%; } .header_section .gridbox li.gridCont2 { padding-left: 7px; } .header_section .gridbox li.gridCont2:first-child { padding-right: 7px; } } @media screen and (max-width: 992px) { .header_section .gridbox li .imgArea img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } .header_section .gridbox li.gridCont2 { width: 100%; padding: 0; margin-top: 45px; } .header_section .gridbox li.gridCont2:first-child { padding: 0; } .header_section .gridbox li.gridCont3 { width: 100%; margin-left: 0; margin-top: 20px; } .header_section .gridbox li.gridCont4 { width: 100%; margin-left: 0; margin-top: 20px; } .header_section .gridbox li.gridCont2:first-child, .header_section .gridbox li.gridCont3:first-child, .header_section .gridbox li.gridCont4:first-child { margin-top: 0; } .header_section .gridbox li .imgArea.half { width: 100%; margin-right: 0; } .header_section .gridbox li .txtArea.half { width: 100%; } } .header_section .dim { position: fixed; display: block; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 900; } .header_section .cta-a .btnWrap.col1, .header_section .cta-a .btnWrap.col2, .header_section .cta-a .btnWrap.col3, .header_section .cta-a .btnWrap.col4 { margin: -20px -7px 0; } @media screen and (max-width: 375px) { .header_section { } .header_section .tWrap .ftit { font-size: 25px !important; line-height: 25px !important; } } @media screen and (max-width: 992px) { .header_section .gnbWrap .gnbArea { padding-bottom: 0; } .header_section .gnbWrap .gnbRight { display: block; float: none; padding-top: 0; } .header_section .gnbWrap .gnbRight li.tabhid { display: block; } .header_section .gnbWrap .gnbRight .item { float: none; height: 60px; margin-left: 0; padding-left: 20px; border-bottom: 1px solid #e7e6e5; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbWrap .gnbRight .item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: 100%; text-indent: 0; overflow: hidden; background-repeat: no-repeat; background-position: 0 50%; padding-left: 30px; } .header_section .gnbWrap .gnbRight .item .btnGnbSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; background-position: 0 50%; } .header_section .gnbWrap .gnbRight .item.gnbSnsShareBtn, .header_section .gnbWrap .gnbRight .item.gnbSearchBtn { display: none; } } @media only screen and (min-width: 1024px) { .header_section .dep1:hover .gnbSubArea { display: block !important; } .header_section .depSub:hover .depSubWrap { display: block; } .header_section .gnbWrapFull { position: unset; top: 0px !important; left: 0px !important; min-width: 0px; -webkit-box-shadow: none; box-shadow: none; min-height: 0 !important; overflow: visible !important; } .header_section .gnbSubArea.car { top: 60px !important; background: #fff; padding: 32px !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { display: block; position: absolute; background: #fff; top: 60px; margin: 0px -32px; padding: 0px 32px; border-bottom: 1px solid rgba(200,200,200,.27); } .header_section .elementor-widget-wrap, .header_section .elementor-column, .header_section .elementor-widget, .header_section .elementor-column-wrap, .header_section .elementor-container { position: unset !important; } .header_section .gnbWrap { height: 71px; max-width: 1120px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; position: unset; z-index: 10; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList > li { position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; } .header_section .gnbWrap .carListWrap .tabArea { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex !important; width: calc(100% - 40px); max-width: 1200px; margin-left: auto; margin-right: auto; } .header_section .gnbWrap .gnbArea .gnbSubArea .btnGnbClose { margin: 0px 22px; background: none !important; margin-bottom: auto; margin-left: auto; display: none !important; } .header_section #gnbCarTabArea .btnGnbClose { margin: 0px 22px !important; } .header_section .custom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header_section .custom-wrapper > .item { -ms-flex-negative: 0; flex-shrink: 0; } .header_section .gnbWrap .gnbArea .dep2Wrap { position: relative; left: 0; top: 0; } .header_section .gnbSubArea-wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 32px 32px; } .header_section .depSub_a { width: 245px; font-family: "hyundaisanshead"; } .header_section .gnbWrap .gnbArea .gnbSubArea { top: 60px !important; } } .header_section .lang-switch { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0px; z-index: 100; top: 71px; background: white; width: calc(100% - 30px) !important; height: 59px !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(200,200,200,.31); } .header_section .lang-switch .wpml-ls-statics-footer { margin-bottom: 0px !important; } [lang="en-GB"] .ar { display: none; } [lang="ar"] .en { display: none; } @media only screen and (max-width: 1024px) { [lang="en-GB"] .over-mune { position: fixed; left: 16px; top: 22px; width: 200px !important; } } @media only screen and (max-width: 1024px) { [lang="ar"] .over-mune { position: fixed; right: 16px; top: 22px; width: 200px !important; } } .d-none { display: none !important; } .over-mune { z-index: 99999; } .main-menu { position: unset; } .main-menu { position: unset; } body, div, section, dl, ul, ol, li { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } li { list-style: none; } @media screen and (min-width: 1024px) { .topBar { display: none; } .gnbSubArea-wrapper .dep2Wrap .depSub:hover .dep3Wrap { display: none; } } @media screen and (max-width: 1024px) { .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { padding-left: 32px; } } [lang="ar"] .header_section .gnbWrap .gnbArea { float: right; } @media only screen and (min-width: 1024px) { [lang="ar"] .dep1Wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr::after { right: auto; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } [lang="ar"] .header_section .gnbWrap .gnbArea .dep3Wrap { left: auto; right: 285px; } @media only screen and (max-width: 1024px) { [lang="ar"] .gnbArea { width: 100%; } [lang="ar"] .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { right: auto !important; left: 12px !important; } [lang="ar"] .gnbWrap .gnbArea .tab .tabBtn { text-align: right !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .tab .tabBtn::after { left: 20px; right: auto !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr::after { right: auto !important; left: 21px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } [lang="ar"] .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn { padding-right: 32px !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { padding-right: 32px !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .dep3Wrap { left: auto; right: 0 !important; } } li.on { position: unset !important; } @media print, screen and (min-width: 741px) and (max-width: 20000px) { .gnbWrap .carListWrap .carList .item { margin-right: unset !important; } .gnbWrap .carListWrap .carList .item img { width: unset !important; height: unset !important; } } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_icon { color: #f8f2ed; background: #1b1b1b; display: flex !important; align-items: center; justify-content: center; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot strong { transition: ease-in-out all .3s; display: inline-block; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span { color: #fff; background-color: #1b1b1b; position: absolute; left: -25px; display: block; width: auto; white-space: nowrap; top: 50%; transform: translate(-100%,-50%); } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span::before { border-left-color: #1b1b1b; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li { padding: 0; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu { flex-flow: column; align-items: flex-end; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot:hover i, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active i { color: #f8f2ed; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot:hover strong, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active strong { background: #545454; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li { text-align: left; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span { left: inherit; transform: translate(100%,-50%); right: -25px; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar.left .uc_nav-menu li .uc_dot span::before { left: -14px; right: inherit; border-right: 7px solid #1b1b1b; border-left: 0px; width: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu { align-items: flex-end !important; } li .uc_dot span::before { left: -28px !important; border-right: 7px solid #1b1b1b !important; border-right: 0px !important; width: 0 !important; border-left-color: #1b1b1b !important; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_icon { color: #f8f2ed; background: #1b1b1b; display: flex !important; align-items: center; justify-content: center; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot strong { transition: ease-in-out all .3s; display: inline-block; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span { color: #fff; background-color: #1b1b1b; position: absolute; left: -25px; display: block; width: auto; white-space: nowrap; top: 50%; transform: translate(-100%,-50%); } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span::before { border-left-color: #1b1b1b; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li { padding: 0; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu { flex-flow: column; align-items: flex-end; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot:hover i, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active i { color: #f8f2ed; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot:hover strong, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active strong { background: #545454; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li { text-align: left; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span { left: inherit; transform: translate(100%,-50%); right: -25px; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar.left .uc_nav-menu li .uc_dot span::before { left: -14px; right: inherit; border-right: 7px solid #1b1b1b; border-left: 0px; width: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu { align-items: flex-end !important; } li .uc_dot span::before { left: -28px !important; border-right: 7px solid #1b1b1b !important; border-right: 0px !important; width: 0 !important; border-left-color: #1b1b1b !important; } .elementor-widget-wrap:lang(ar) { justify-content: flex-end !important; }

img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,#9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,#7adcb4 0%,#00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,#cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,#eee 0%,#a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,#ffceec 0%,#9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,#caf880 0%,#71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,#020381 0%,#2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0,0,0,.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0,0,0,.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0,0,0,.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255,255,255,1),6px 6px rgba(0,0,0,1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0,0,0,1); } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*,div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*,div) { margin: 0; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root :where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } .p_section h3 { font-size: 30px; line-height: 40px; font-family: "HyundaiMedium"; text-align: center; margin-top: -9px; } .p_section p.sub_title { font-size: 16px; text-align: center; width: 790px; margin: 22px auto 0; } .p_section .engine_box { margin-top: 60px; } .p_section .engine_box:after { clear: both; content: ""; display: block; } .p_section .engine_box .engine_spec { margin-top: 10px; } .p_section .engine_box .engine_spec:after { clear: both; content: ""; display: block; } .p_section .engine_box .engine_spec .graph { float: right; width: 514px; margin-right: 150px; } .p_section .engine_box .engine_spec .max { float: left; width: 300px; margin-left: 100px; } .p_section .engine_box .pos { position: relative; opacity: 0; } .p_section .engine_box .pos .text { position: absolute; top: 0; left: 0; opacity: 0; } .p_section .engine_box .max { padding-top: 25px; margin-top: 25px; } .p_section .engine_box .max:after { clear: both; content: ""; display: block; } .p_section .engine_box .max .max_sub_info { width: 362px; } .p_section .engine_box .max_power { margin-top: 45px; } .p_section .engine_box .max_power:after { clear: both; content: ""; display: block; } .p_section .engine_box .max dl { display: block; } .p_section .engine_box .max dt { float: left; padding-top: 52px; width: 48px; font-size: 14px; line-height: 14px; color: #00aad2; text-align: center; font-weight: bold; } .p_section .engine_box .max dd { float: left; margin-left: 10px; } .p_section .engine_box .max dd strong { font-size: 80px; letter-spacing: -3px; line-height: 1; color: #444; } .p_section .engine_box .max dd span { font-size: 16px; } .p_section .engine_box .max .max_toque { display: block; margin-top: 35px; } .p_section .engine_box .max .max_power dt { background: url("https://hyundai-uae.com/content/dam/hyundai/ww/en/images/find-a-car/flat/performance_icon_1.png") no-repeat 0 0; } .p_section .engine_box .max .max_power dt.nitro-lazy { background-image: none !important; } .p_section .engine_box .max .max_toque dt { color: #002c5f; background: url("https://hyundai-uae.com/content/dam/hyundai/ww/en/images/find-a-car/flat/performance_icon_2.png") no-repeat 0 0; } .p_section .engine_box .max .max_toque dt.nitro-lazy { background-image: none !important; } .p_section .graph_m { display: none; } .p_section .engine_box { display: block; } @Media screen and (min-width:0) and (max-width:740px) { .p_section .engine_box { display: none; } .p_section h3 { font-size: 19px; line-height: 24px; font-family: "HyundaiMedium"; text-align: center; } .p_section p.sub_title { font-size: 14px; line-height: 21px; text-align: center; width: 100%; margin: 5px auto 40px; } .p_section .graph_m { display: block; padding: 15px 0 70px; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @Media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @Media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } [lang= "ar"] * { font-family: 'Qs_Iranyekan' !important; font-size: 16px; } .elementor-row { direction: ltr; } .elementor-row:lang(ar) { direction: rtl; } html, body { overflow-x: hidden !important; } .elementor-widget-container:lang(ar) { padding-right: 0 !important; } @Media (max-width: 425px) { .elementor-icon-list-text { font-size: 7px !important; } } .bdt-accordion .bdt-accordion-title .bdt-title { justify-content: left !important; } .imgView1 .grid { margin: 0 !important; } .titArea { padding: 0 !important; width: unset !important; } .bdt-tab > * { padding-right: 0px !important; } #breadcrumbs a { color: var(--e-global-color-primary); } #breadcrumbs a:hover { color: var(--e-global-color-7907644); } .elementor-size-default:lang(ar) { padding-right: 20px; } figure.elementor-image-box-img:lang(ar) { padding: 0 10px; } .fa:lang(ar), .fas:lang(ar), .far:lang(ar), .fab:lang(ar), w2gm-map-marker-icon:lang(ar) { font-family: "Font Awesome 5 Free","font awesome 5 brands" !important; } [class*=" eicon-"]:lang(ar), [class^=eicon]:lang(ar) { font-family: eicons !important; } .w2gm-content *:lang(ar) { font-family: FontAwesome !important; } .w2gm-content .w2gm-glyphicon:lang(ar) { font-family: "Glyphicons Halflings" !important; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-right:lang(ar) { float: unset !important; } .subTitS font_normal h2 { font-size: 16px; line-height: 30px; } .elementor-toggle .elementor-tab-title { font-size: 50px; } .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left { float: none !important; text-align: center !important; } .elementor-toggle { text-align: center !important; } .elementor-32 .elementor-element.elementor-element-470652c .sub-menu li.menu-item:not(:last-child), .elementor-32 .elementor-element.elementor-element-470652c nav.uael-dropdown li.menu-item:not(:last-child), .elementor-32 .elementor-element.elementor-element-470652c nav.uael-dropdown-expandible li.menu-item:not(:last-child) { border-bottom-style: none; border-bottom-color: #c4c4c4; border-bottom-width: 1px; } .elementor-20634 .elementor-element.elementor-element-ba4dd5f .elementor-nav-menu--dropdown a { width: 200px; } .mf-entry-data > li > strong { display: block; padding: 15px; background-color: var(--e-global-color-accent); border-bottom: 1px solid rgba(0,0,0,.1); } .broken_link, a.broken_link { text-decoration: none; } [lang="ar"] .bdt-accordion .bdt-accordion-title .bdt-title { justify-content: right !important; } [lang="ar"].navigation-order li.first:before, .navigation-order li.first:after, .navigation-order li.last:before, .navigation-order li.last:after { content: " "; display: none; } [lang="ar"] .navigation-order li.first:before, .navigation-order li.first:after, .navigation-order li.last:before, .navigation-order li.last:after { content: " "; display: none; } [lang="ar"] p { font-size: 18px !important; } [lang="ar"] .mf-input { text-align: right; } .elementor-size-default:lang(ar) { padding-right: 0px; } .navigation-order { justify-content: space-between; } .navigation-order { justify-content: space-between; } .navigation-order:after { display: none; } .elementor-toggle-icon-closed > i::before { color: white !important; } .elementor-toggle-icon-opened > i::before { color: white !important; } .ui-state-default { background: #fff !important; border-width: 2px !important; } .ui-slider-handle.ui-corner-all.ui-state-default.ui-state-focus { border: 6px solid white !important; box-shadow: 0px 0px 1px #1f82a5 !important; background-color: #1f82a5 !important; } .mf-radio-option input[type="radio"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: #5f7bff !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } .mf-radio-option input[type="radio"]:checked + span::after { content: ""; position: absolute; left: 8px; top: 7px; width: 18px; height: 20px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/2022/03/check.svg"); background-repeat: repeat; background-repeat: no-repeat; background-size: auto; background-size: contain; } .mf-radio-option input[type="radio"] + span::before { content: ""; font-family: "Font Awesome 5 Free" !important; font-weight: 500 !important; font-weight: 400; display: inline-block; border: none; border: 2px solid #007fa8 !important; font-size: 18px; color: transparent !important; color: transparent !important; width: 25px; width: 20px !important; line-height: 1; top: 2px; position: relative; height: 20px !important; background: white; margin: 0px 8px !important; } .mf-radio-option input[type="radio"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: transparent !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } [lang="ar"] .mf-radio-option input[type="radio"]:checked + span::after { right: 10px !important; left: unset !important; top: 7px !important; } .mf-checkbox-option input[type="checkbox"]:checked + span::after { content: ""; position: absolute; left: 8px; top: 7px; width: 18px; height: 20px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/2022/03/check.svg"); background-repeat: repeat; background-repeat: no-repeat; background-size: auto; background-size: contain; } .mf-checkbox-option input[type="checkbox"] + span::before { content: ""; font-family: "Font Awesome 5 Free" !important; font-weight: 500 !important; font-weight: 400; display: inline-block; border: none; border: 2px solid #007fa8 !important; font-size: 18px; color: transparent !important; color: transparent !important; width: 25px; width: 20px !important; line-height: 1; top: 2px; position: relative; height: 20px !important; background: white; margin: 0px 8px !important; } .mf-checkbox-option input[type="checkbox"]:checked + span::before { content: “” !important; display: inline-block !important; border: none !important; border: 2px solid #007fa8 !important; font-size: 18px !important; color: transparent !important; width: 20px !important; height: 20px !important; background: #007fa8 !important; top: 5px !important; left: -1px !important; position: relative !important; margin: 0px 8px !important; } [lang="ar"] .mf-checkbox-option input[type="checkbox"]:checked + span::after { right: 10px !important; left: unset !important; top: 7px !important; } .mf-radio-option > label { position: relative !important; } .mf-checkbox-option > label { position: relative !important; } @Media (max-width: 768px) { .w2gm-maps-canvas.w2gm-sidebar-open:lang(ar) { margin-right: 0px !important; } .car-image-custom-download img { width: 220px; height: 130px; } .w2gm-sidebar-open .w2gm-map-search-wrapper { width: 100%; position: relative; height: 68px; box-shadow: none; left: unset !important; top: unset !important; } .w2gm-map-search-panel-wrapper { display: block; padding-top: 73px; } .w2gm-col-md-12:lang(ar) { width: 100% !important; } .w2gm-sidebar-open .w2gm-map-search-wrapper:lang(ar) { width: 100%; position: relative; height: 68px; box-shadow: none; right: 0 !important; top: unset !important; } .w2gm-content .w2gm-map-search-input-container input:lang(ar) { padding-right: 0px !important; } #w2gm-map-search-panel-wrapper-e82d52a0abf427c4e6d97e439bf09fc4 { position: relative !important; padding: 0 !important; } .w2gm-content { z-index: 10; position: relative; background: white; } .w2gm-maps-canvas.w2gm-sidebar-open { height: 300px; } .w2gm-map-listings-panel { height: 230px !important; } .w2gm-map-search-panel-wrapper { height: 400px !important; } #w2gm-maps-canvas-e82d52a0abf427c4e6d97e439bf09fc4 { height: 500px !important; position: relative !important; } } @Media (max-width: 991px) { .header_section .gnbWrap .topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @Media (max-width: 991px) { [lang="ar"].header_section .gnbWrap .topBar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @Media (max-width: 991px) { [lang="ar"] .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { margin-left: 0px !important; } } @Media (max-width: 991px) { .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { margin-right: 0px !important; } } @Media (max-width: 991px) { .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { right: 12px !important; left: unset !important; } } @Media (max-width: 991px) { .w2gm-map-search-panel-wrapper { position: absolute !important; } [lang="ar"].header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { left: 12px !important; right: unset !important; } ::placeholder { color: #676767 !important; opacity: 1; } :-ms-input-placeholder { color: #676767 !important; } ::-ms-input-placeholder { color: #676767 !important; } .footer-logo-jam img { width: 200px !important; } .footer-logo-jam .elementor-image { display: flex !important; justify-content: center !important; } .footer-logo-hyundai img { width: 60px !important; } .footer-logo-hyundai .elementor-image { display: flex !important; justify-content: center !important; } .w2gm-map-marker-icon { color: #002c5f !important; } .w2gm-map-marker { background: #002c5f !important; } } .code-link { background: transparent !important; } .sitemap-aligment h3 { text-align: left !important; } .sitemap-aligment h3:lang(ar) { text-align: right !important; } .header_section .gnbWrap .carListWrap .carList .item .carTit { text-align: center; } @Media (max-width: 991px) { .metform-steps { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal .elementor-nav-menu { overflow-y: hidden !important; } @Media only screen and (orientation: landscape) and (max-width: 991px) { html:before { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 1000; position: fixed; left: 0; top: 0; } } .contents_interior.pip .car { padding-bottom: 0px !important; } .pip.contents_interior .section1 { height: auto !important; } .pip.contents_interior .section1 .color ul.chip li a { z-index: 10 !important; position: relative !important; padding: 0 !important; margin: 0 !important; } .pip.contents_interior .section1 .color ul.chip li a span { position: absolute !important; left: 0; top: 0; } .chip .on a:after { width: 16px !important; height: 16px !important; background-size: cover !important; right: -3px !important; z-index: 3 !important; } .pip.contents_interior .section1 { overflow: unset !important; } .pip.contents_interior .car img { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; height: 400px !important; object-fit: contain; } .pip.contents_interior .section1 .color { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; display: flex; flex-direction: column; } .hd_txt_regular { font-family: "HyundaiRegular","NotoSansArabic-Regular" !important; } .item .optionName, .colorName { margin-top: 12px !important; font-family: "HyundaiRegular","NotoSansArabic-Regular" !important; } .pip.contents_interior .section1 .car { position: relative !important; -webkit-transform: unset !important; transform: unset !important; top: unset !important; right: unset !important; padding-bottom: 0px !important; padding-bottom: 0px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: -20px; margin-bottom: -40px; } .w2gm-maps-canvas.w2gm-sidebar-open { position: unset !important; height: 1000px !important; } .mf-multistep-container.mf-form-multistep-nav-yes .metform-steps { justify-content: center !important; } button.swal2-styled.swal2-confirm { background-color: #012c5f; } .elementor-counter .elementor-counter-number-suffix { font-size: 40px; } @charset "UTF-8"; .header_section { } .header_section .gnbWrapFull { position: absolute; top: 232px; } .header_section .gnbWrapFull { min-width: 1240px; position: absolute; left: 0; left: -100px; top: 0 !important; top: -35px; width: 100%; min-height: 70px; z-index: 20; } .header_section .gnbWrapFull.edit { top: 25px; } .header_section .gnbWrapFull.ab { position: absolute; } .header_section .gnbWrapFull a { text-decoration: none; } .header_section .gnbWrapFull.openSub { min-height: 393px; overflow: hidden; z-index: 9999; } .header_section .gnbWrapFull.openSub.findCar { min-height: 571px; overflow: hidden; } .header_section .gnbWrap .logo { float: left; padding-top: 25px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo.png") no-repeat; width: 149px; height: 22px; display: block; text-indent: -9999px; overflow: hidden; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .btnBack { display: none; } .header_section .gnbWrap .topBar .rightArea { display: none; } .header_section .gnbWrap .topBar .pageTitle { display: none; } .header_section .gnbWrap .scrollBox { display: block; max-height: none; right: auto; height: auto; } .header_section .gnbWrap .gnbArea { float: left; font-size: 14px; } .header_section .gnbWrap .gnbArea:after { content: ""; display: block; clear: both; } .header_section .gnbWrap .gnbArea .dep1Wrap:after { content: ""; display: block; clear: both; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1.langList { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 { float: left; margin: 0px 10px; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a { display: block; line-height: 70px; text-decoration: none; color: #666; font-size: 18px; font-weight: bold; /*font-family: "HyundaiSansHead";*/ } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:hover, .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:focus { color: #000; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1:hover .dep1_a { color: #00a1c7; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on { color: #000; } .header_section .gnbWrap .gnbArea .gnbSubArea { display: none; text-decoration: none; color: #767676; position: absolute; left: 0; top: 90px; width: 100%; padding-top: 23px; background: white; } .header_section .gnbWrap .gnbArea .gnbSubArea.car { padding-top: 0; top: 90px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { display: block; text-decoration: none; color: #767676; position: relative; line-height: 38px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:hover, .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a:focus { color: #00a1c7; text-decoration: none; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on { color: #00a1c7; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after { content: ""; overflow: hidden; display: block; position: absolute; right: 0 !important; left: unset !important; top: 15px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-arr.png") no-repeat top left; width: 4px; height: 7px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:after:lang(ar) { left: 0 !important; right: unset !important; } .experience360vr_infoArea .item .leftTitle:lang(ar) { float: right !important; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr:lang(ar):after { left: 0 !important; right: unset !important; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.on.arr:after { background-position: 0 -7px; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; right: 0; top: 15px; width: 7px; height: 7px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin.png") no-repeat 0 -7px; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.newWin:hover:after { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin.png") no-repeat 0 0; } .header_section .gnbWrap .gnbArea .dep3Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .dep4Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .dep5Wrap { position: absolute; left: 285px; top: 0; width: 245px; display: none; } .header_section .gnbWrap .gnbArea .gnbGap { display: none; position: absolute; left: 205px; top: 66px; background: #00aad2; width: 84px; height: 4px; -webkit-transition: all .3s; transition: all .3s; } .header_section .gnbWrap .carListWrap { position: relative; margin-top: 0; } .header_section .gnbWrap .carListWrap .tabArea .tab { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn { display: block; width: 100%; color: #fff; font-size: 16px; text-align: center; font-family: "HyundaiSansHead"; background: #444; line-height: 40px; border-radius: 0px !important; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:after { content: ""; overflow: hidden; display: inline-block; margin-left: 10px; width: 10px; height: 10px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin2.png") no-repeat 0 -10px; font-size: 0; line-height: 0; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn.newWin:hover:after { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-newwin2.png") no-repeat 0 0; } .header_section .gnbWrap .carListWrap .tabArea .tab.all > .tabBtn { background: #002c5f; } .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn:hover, .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn:focus { background: #fff; color: #000; } .header_section .gnbWrap .carListWrap .tabArea .tab.on > .tabBtn { background: #fff; color: #000; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit { margin: 20px 0; font-size: 16px; line-height: 1.5; padding-bottom: 5px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li > a { display: block; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew, .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { position: absolute; left: 0; top: 0; display: block; width: 70px; height: 19px; text-indent: -99999px; background-position: 50% 0; background-repeat: no-repeat; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-new-w.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-upcoming-w.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .carList { position: relative; left: 0; right: 0; top: 0px; width: auto; display: none; } .header_section .gnbWrap .carListWrap .tab.on .carList .tabAllSlist, .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -18px; } .header_section .gnbWrap .carListWrap .carList .item { max-width: 20%; margin-bottom: 40px; padding: 0 18px; } .header_section .gnbWrap .carListWrap .carList .item a { position: relative; } .header_section .gnbWrap .carListWrap .carList .item img { width: 100%; } .header_section .gnbWrap .carListWrap .carList .item .carTit { display: block; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 14px; color: #000; line-height: 1.71; } .header_section .gnbWrap .carListWrap .carList .item .carPrice { display: block; font-size: 14px; line-height: 1.71; color: #666; } .header_section .gnbWrap .gnbRight { float: right; padding-top: 27px; } .header_section .gnbWrap .gnbRight .item { float: left; margin-left: 19px; } .header_section .gnbWrap .gnbRight .item > a { display: block; width: 20px; height: 20px; text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; } .header_section .gnbWrap .gnbRight .item.item1 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item1 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item2 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-configurator-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item2 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item3 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-social-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item3 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item5 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-inquiry-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item5 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item.item8 > a { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-language-20-x-20.png"); } .header_section .gnbWrap .gnbRight .item.item8 > a.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .btnGnbBrochure { display: block; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png") no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; } .header_section .gnbWrap .gnbRight .item .btnGnbBrochure.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .btnGnbConfigurator { display: block; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-brochure-20-x-20.png") no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; } .header_section .gnbWrap .gnbRight .item .btnGnbConfigurator.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn { position: relative; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-body.png") no-repeat 0 0; background-size: 100% 100%; min-height: 66px; position: absolute; right: 50%; top: 12px; padding: 0 32px; text-align: center; -webkit-transform: translateX(50%); transform: translateX(50%); z-index: -1; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn.on .languageLayer { display: block; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul { margin-top: 20px; padding: 20px 0; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li a { display: inline-block; min-width: 50px; font-size: 12px; color: #999; line-height: 20px; white-space: nowrap; } .header_section .gnbWrap .gnbRight .gnbLanguageBtn .languageLayer ul li.on a { font-weight: bold; color: #555; } .header_section .gnbWrap .gnbRight .gnbSnsShareBtn { position: relative; } .header_section .gnbWrap .gnbRight .item .snsSlayer { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-body.png") no-repeat 0 0; background-size: 100% 100%; height: 66px; position: absolute; right: 0; top: 23px; padding: 0 32px; text-align: center; -webkit-transform: translateX(17%); transform: translateX(17%); } .header_section .gnbWrap .gnbRight .item .snsSlayer.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbRight .item .snsSlayer:after { content: ""; position: absolute; top: 1px; right: 18%; width: 16px; height: 12px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-triangle.png") no-repeat 0 0; background-size: 100% 100%; } .header_section .gnbWrap .gnbRight .item .languageLayer:after { content: ""; position: absolute; top: 10px; right: 50%; width: 16px; height: 12px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/bg-snslayer-triangle.png") no-repeat 0 0; background-size: 100% 100%; -webkit-transform: translateX(50%); transform: translateX(50%); } .header_section .gnbWrap .gnbRight .item .snsSlayer ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 26px; } .header_section .gnbWrap .gnbRight .item .snsSlayer li { margin-left: 12px; } .header_section .gnbWrap .gnbRight .item .snsSlayer li:first-child { margin-left: 0; } .header_section .gnbWrap .gnbRight .item .snsSlayer li a { display: inline-block; width: 24px; height: 24px; text-indent: -1000px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; } .header_section .gnbUtilWrap { background: #f2f2f2; position: relative; height: 0; -webkit-transition: all .3s; transition: all .3s; } .header_section .gnbUtilWrap.search { height: 90px; } .header_section .gnbUtilWrap.language { height: 92px; } .header_section .gnbSearchArea { width: 1120px; margin: 0 auto; padding: 20px 0; text-align: center; position: absolute; left: 0; right: 0; top: 71px; display: none; } .header_section .gnbSearchArea .gnbSearch { width: 572px; margin: 0 auto; position: relative; background: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput { position: relative; font-weight: normal; padding-right: 55px; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText { width: 100%; border: 0; font-size: 16px; line-height: 50px; height: 50px; padding-left: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText::-ms-clear { display: none; } .header_section .gnbSearchArea .gnbSearch .btnSearch { position: absolute; right: 0; top: 0; display: block; width: 55px; text-align: center; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search.png") no-repeat center center; overflow: hidden; text-indent: -99999px; } .header_section .gnbSearchArea .gnbSearch .btnSearch.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset.on { display: block; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList { background: #fff; display: none; position: absolute; left: 0; top: 50px; width: 100%; } .header_section .gnbSearchArea .gnbSearch .autoSearch { border-top: 1px solid #063162; background: #fff; text-align: left; margin: 0 auto; width: 532px; padding: 12px 0; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link { display: block; font-size: 16px; line-height: 50px; text-decoration: none; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword { background: 0; color: #00a1c7; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbLanguageArea { width: 1120px; margin: 0 auto; padding: 25px 0; text-align: center; position: absolute; left: 0; right: 0; top: 71px; display: none; } .header_section .gnbLanguageArea .selectLanguage { margin: 0 20px; text-align: center; display: table; font-size: 0; width: 100%; } .header_section .gnbLanguageArea .selectLanguage select { width: 265px; margin: 0 20px; display: inline-block; -webkit-box-shadow: none; box-shadow: none; padding: 0 15px; line-height: 42px; height: 42px; font-size: 16px; } .header_section .gnbLanguageArea .btnGnbClose { position: absolute; right: 0; top: 20px; display: none; } .header_section .gnbWrapFull .temp { text-align: center; } @Media screen and (max-width: 1024px) { .header_section { } .header_section .gnbWrap .carListWrap .tabArea .gnbWrap .gnbArea .dep1Wrap .dep1 { margin: 0 15px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li:nth-child(3n + 1) { clear: both; } } .header_section .mainTopBanner { background: #f6f3f2; } .header_section .mainTopBanner .bannerArea { max-width: 1120px; margin: 0 auto; position: relative; padding: 0 25px 45px; } .header_section .mainTopBanner .bannerArea .title { font-size: 30px; line-height: 40px; font-family: "HyundaiSansHead"; font-weight: 500; padding-top: 70px; } .header_section .mainTopBanner .bannerArea .txt { font-size: 16px; line-height: 28px; padding-top: 45px; max-width: 1050px; } .header_section .mainTopBanner .bannerArea .country { padding-top: 40px; font-size: 14px; line-height: 18px; } .header_section .mainTopBanner .bannerArea .country img { margin-right: 10px; vertical-align: top; } .header_section .mainTopBanner .bannerArea .btnArea { font-size: 0; margin-top: 25px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { position: absolute; right: 0; top: 40px; } .header_section .mainTopBanner .visitcountry { display: none !important; } .header_section img.flag { vertical-align: middle; width: 26px; height: 18px; -webkit-box-shadow: 1px 1px 3px rgba(148,148,148,.8); box-shadow: 1px 1px 3px rgba(148,148,148,.8); } .header_section .mainTopBanner .btnWrap { margin: 20px 0 0; } .header_section .mainTopBanner .btnWrap .btn { width: 140px; text-align: center; } .header_section .btnContentTop { position: fixed; right: 0; bottom: 0; width: 60px; height: 60px; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); font-size: 0; line-height: 0; z-index: 50; } .header_section .btnContentTop button { vertical-align: top; } .header_section .btnContentTop.ab { position: absolute; } .header_section .footerWrap { background: #1c1b1b; height: auto; min-width: 1240px; padding-bottom: 24px; } .header_section .footerArea { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: 1120px; margin: 0 auto; padding: 24px 60px 0; -webkit-box-sizing: content-box; box-sizing: content-box; letter-spacing: 0; } .header_section .footerArea .footerMenu { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; margin: 0 55px 15px; } .header_section .footerArea .footerMenu > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -6px; } .header_section .footerArea .footerMenu li { position: relative; padding: 0 6px; line-height: 1; } .header_section .footerArea .footerMenu li:after { display: block; content: ""; position: absolute; left: 0; top: 3px; width: 1px; height: 9px; background: #333232; } .header_section .footerArea .footerMenu li a { color: #999; font-size: 14px; } .header_section .footerArea .snsShare ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -5px; } .header_section .footerArea .snsShare li { margin: 0 5px; } .header_section .footerArea .snsShare li a { display: block; overflow: hidden; width: 24px; height: 24px; text-indent: -9999px; background-position: 50% 50%; background-repeat: no-repeat; margin-top: -15%; } .header_section .footerArea .tabC { width: 100%; padding: 0 115px; } .header_section .footerArea .copyright { color: #5f5f5f; font-size: 12px; line-height: 1; } .header_section .footerArea .copyright .telgab { padding-left: 16px; } .header_section .footerArea .goto { overflow: hidden; position: absolute; right: 4px; top: 96px; color: #999; font-size: 14px; line-height: 18px; } .header_section .footerArea .goto a { padding-left: 5px; color: #999; font-size: 14px; text-decoration: underline; } .header_section .footerArea .goto img.flag { float: right; margin-left: 20px; -webkit-box-shadow: none !important; box-shadow: none !important; } .header_section .footerArea .etc_ban { margin: 22px -12px 0; } .header_section .footerArea .etc_ban > * { margin: 0 12px; } .header_section .footerArea .etc_ban a { display: inline-block; } .header_section .footerArea .etc_ban a.mlg { margin-left: 24px; } .header_section button { border: 0; padding: 0; overflow: hidden; background: 0; position: relative; } .header_section .contentWrap { width: 100%; } @Media screen and (min-width: 1024px) and (max-width: 1240px) { .header_section { } .header_section .gnbWrapFull { min-width: 300px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 37px; height: 19px; display: block; text-indent: -9999px; overflow: hidden; background-size: 37px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbArea .gnbSubArea { left: 0px; } .header_section .gnbWrap .gnbRight li.tabhid { display: none; } .header_section .gnbSearchArea .gnbSearch { width: 290px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 25px; } .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { margin: 0 -7px; } .header_section .gnbWrap .carListWrap .carList .item { width: 25%; margin-right: 0; padding: 0 7px; } .header_section .gnbWrap .gnbRight .item .snsSlayer { height: 66px; background-size: 100% 100%; right: 0; } .header_section .gnbWrap .carListWrap .carList .item img { width: 100%; height: auto; } .header_section .gnbWrapFull.openSub.findCar { min-height: 650px; } .header_section .gnbSearchArea { width: 768px; } .header_section .gnbSearchArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbLanguageArea { width: 768px; } .header_section .gnbLanguageArea .selectLanguage select { width: 200px; } .header_section .gnbLanguageArea .btnGnbClose { top: 30px; right: 20px; } .header_section .footerWrap { min-width: unset; } .header_section .footerArea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .footerArea .footerMenu { margin: 0 30px; } .header_section .footerArea .footerMenu li.tabE:after { width: 0; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding-left: 0; } .header_section .footerArea .footerMenu li { margin-bottom: 8px; } .header_section .footerArea .tabC { margin-top: 30px; padding: 0 88px; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } } @Media screen and (max-width: 1024px) { .header_section { } .header_section .contentWrap { width: 100%; min-width: 768px; background-color: #fff; } .header_section .topBanner .gnbWrapFull { top: 180px; } .header_section .mainTopBanner .bannerArea { padding-right: 58px; padding-bottom: 20px; } .header_section .mainTopBanner .bannerArea .txt { padding-top: 20px; font-size: 12px; line-height: 17px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { right: 25px; top: 25px; } .header_section .mainTopBanner .bannerArea .btnBannerClose img { width: 8px; } .header_section .mainTopBanner .bannerArea .btn { font-size: 14px; } .header_section .gnbWrap { margin: 0 30px; } .header_section .gnbWrapFull { min-width: 300px; } .header_section .gnbSearchArea { width: 768px; } .header_section .gnbSearchArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbLanguageArea { width: 768px; } .header_section .gnbLanguageArea .selectLanguage select { width: 200px; } .header_section .gnbLanguageArea .btnGnbClose { top: 30px; right: 20px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 37px; height: 19px; display: block; text-indent: -9999px; overflow: hidden; background-size: 37px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .gnbArea .gnbSubArea { left: 0px; } .header_section .gnbWrap .gnbRight li.tabhid { display: none; } .header_section .gnbSearchArea .gnbSearch { width: 290px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 25px; } .header_section .gnbWrap .carListWrap .tab.on .carList .tabAllSlist, .header_section .gnbWrap .carListWrap .tab.on:not(:first-of-type) .carList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -7px; } .header_section .gnbWrap .carListWrap .carList .item { width: 33.33%; padding: 0 7px; } .header_section .gnbWrap .gnbRight .item .snsSlayer { height: 66px; background-size: 100% 100%; right: 0; } .header_section .gnbWrap .carListWrap .carList .item img { width: 230px; height: auto; } .header_section .gnbWrapFull.openSub.findCar { min-height: 650px; } .header_section .footerWrap { min-width: unset; } .header_section .footerArea { width: 100%; padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .footerArea .footerMenu { margin: 0 30px; } .header_section .footerArea .footerMenu li.tabE:after { width: 0; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding-left: 0; } .header_section .footerArea .footerMenu li { margin-bottom: 8px; } .header_section .footerArea .tabC { margin-top: 30px; padding: 0 88px; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } .header_section .gnbWrap .gnbArea .dep2Wrap { left: 78px; } } @Media screen and (max-width: 992px) { .header_section { } .header_section body { font-size: 14px; line-height: 21px; } .header_section button { border: 0; padding: 0; overflow: hidden; background: 0; position: relative; } .header_section img.flag { width: 26px; height: 18px; -webkit-box-shadow: 1px 1px 3px rgba(148,148,148,.8); box-shadow: 1px 1px 3px rgba(148,148,148,.8); vertical-align: middle; } .header_section .topBanner .gnbWrapFull { position: relative; top: 0; margin-bottom: 0; } .header_section .mainTopBanner .bannerArea { padding: 20px 45px 20px 15px; height: auto; } .header_section .mainTopBanner .bannerArea .txt { padding-top: 0; font-size: 12px; line-height: 17px; } .header_section .mainTopBanner .bannerArea .btnBannerClose { top: 22px; right: 15px; } .header_section .mainTopBanner .bannerArea .btnBannerClose img { width: 13px; } .header_section .mainTopBanner .btnWrap { margin: 15px 0 0; } .header_section .mainTopBanner .bannerArea .btn { width: 100px; height: 30px; font-size: 13px; } .header_section .gnbDim { position: fixed; left: 0; top: 0; width: 100%; height: 1000000px; background: rgba(0,0,0,.7); z-index: 50; display: none; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .header_section .gnbWrapFull { min-width: 100% !important; width: 100%; z-index: 100; position: fixed; left: 0; top: 0; background: none; -webkit-transition: none; transition: none; -webkit-box-shadow: none; box-shadow: none; min-height: auto; } .header_section .gnbWrapFull.ab { position: absolute; } .header_section .gnbWrapFull a:focus { text-decoration: none; } .header_section .gnbWrapFull.openSub { min-height: auto; overflow: visible; } .header_section .gnbWrapFull.openSub.findCar { min-height: auto; overflow: visible; } .header_section .gnbWrap { height: 55px; margin: 0; } .header_section .gnbWrap .gnbArea { padding-bottom: 55px; float: none; padding-left: 0; font-size: 13px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { margin: 0 15px; font-size: 0; line-height: 0; } .header_section .gnbWrap .topBar { height: 71px; -webkit-box-shadow: none; box-shadow: none; background: #fff; padding: 0 15px; position: absolute; left: 0; top: 0; width: 100%; z-index: 20; } .header_section .gnbWrap .topBar .logo { position: unset; left: 23px; top: 23px; z-index: 1; float: none; float: left; padding-top: 0; padding-top: 25px; } .header_section .gnbWrap .topBar .logo .topLogo { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-logo-m.png") no-repeat; width: 55px; height: 28px; display: block; text-indent: -9999px; overflow: hidden; background-size: 55px auto; } .header_section .gnbWrap .topBar .logo .topLogo.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .btnBack { display: none; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-back.png") no-repeat; width: 18px; height: 16px; text-indent: -9999px; overflow: hidden; background-size: auto 16px; position: absolute; left: 15px; top: 19px; z-index: 1; } .header_section .gnbWrap .topBar .btnBack.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar.back .logo { display: none; } .header_section .gnbWrap .topBar.back .btnBack { display: block; } .header_section .gnbWrap .topBar .pageTitle { padding: 0 80px; text-align: center; position: absolute; left: 0; right: 0; width: 100%; display: block; } .header_section .gnbWrap .topBar .pageTitle .tit { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; line-height: 55px; font-family: "HyundaiSansHead"; font-weight: 500; width: 100%; text-align: center; } .header_section .gnbWrap .topBar .pageTitle .tit.arr { padding-right: 10px; } .header_section .gnbWrap .topBar .pageTitle .tit.arr:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 0; top: 50%; margin-top: -2px; } .header_section .gnbWrap .topBar .pageTitle .tit.arr.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .topBar .pageTitle .subMenu { position: absolute; left: 0; top: 55px; width: 100%; border-top: 1px solid #e8e8e8; -webkit-box-shadow: 0 1px 3px rgba(216,209,200,.7); box-shadow: 0 1px 3px rgba(216,209,200,.7); overflow-y: auto; display: none; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a { display: block; line-height: 60px; height: 60px; padding: 0 20px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #fff; text-align: left; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr:after { display: block; content: ""; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-gnb-menu-m.png") no-repeat; background-size: 23px auto; width: 23px; height: 23px; position: absolute; right: 20px; top: 50%; margin-top: -11px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after { background-position: 0 -23px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSub_a.arr.on:after { background-position: 0 -23px; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a { display: block; line-height: 60px; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #f5f5f5; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .topBar .pageTitle .depSubWrap .depSub .depSubWrap .depSub .depSub_a.arr:after { display: none; } .header_section .gnbWrap .topBar .rightArea { float: right; margin: 31px 8px; z-index: 10; display: block; } .header_section .gnbWrap .topBar .rightArea .gnbSearchMobile { float: left; } .header_section .gnbSearchArea { text-align: center; position: absolute; left: 0; top: 55px; display: none; width: 100%; } .header_section .gnbSearchArea .gnbSearch { width: 100%; margin: 0 auto; position: relative; } .header_section .gnbSearchArea .gnbSearch .searchInput { position: relative; font-weight: normal; background: #00aad2; } .header_section .gnbSearchArea .gnbSearch .searchInput .inputText { width: 100%; border: 0; padding-right: 55px; font-size: 16px; line-height: normal; height: 60px; background: #00aad2; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText::-webkit-input-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText::-moz-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText:-ms-input-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .searchInput input.inputText:-moz-placeholder { color: #fff; } .header_section .gnbSearchArea .gnbSearch .btnSearch { position: absolute; right: 0; top: 0; display: block; width: 45px; text-align: center; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search-m.png") no-repeat center center; overflow: hidden; text-indent: -99999px; background-size: 15px auto; } .header_section .gnbSearchArea .gnbSearch .btnSearch.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset { display: none !important; position: absolute; right: 55px; top: 0; width: 18px; text-align: center; height: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-reset.png") no-repeat center center; overflow: hidden; text-indent: -99999px; } .header_section .gnbSearchArea .gnbSearch .btnReset.nitro-lazy { background-image: none !important; } .header_section .gnbSearchArea .gnbSearch .btnReset.on { display: block; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList { background: #fff; display: none; position: absolute; left: 0; top: 60px; width: 100%; } .header_section .gnbSearchArea .gnbSearch .autoSearch { background: #fff; text-align: left; padding: 0 15px; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list { border-top: 1px solid #f1f1f1; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link { display: block; font-size: 14px; line-height: 50px; text-decoration: none; } .header_section .gnbSearchArea .gnbSearch .gnbautoSearchList .list .link .keyword { background: 0; color: #00a1c7; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .gnbSearchArea .btnGnbClose { position: absolute; right: 0; top: 20px; display: none; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu { float: left; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-menu-open.png") no-repeat; width: 16px; height: 16px; display: block; text-indent: -9999px; overflow: hidden; background-size: 16px auto; margin-left: 15px; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .topBar .rightArea .btnMobileMenu.on { background-position: 0 -16px; } .header_section .gnbWrap .scrollBox { position: absolute; top: 130px; left: -100%; width: calc(100% - 30px); width: -webkit-calc(100% - 30px); background: #f6f3f2; overflow-y: auto; overflow-x: hidden; z-index: 10; display: none; -webkit-transition: right .3s; transition: right .3s; height: calc(100vh - 120px) !important; border-top: 1px solid rgba(200,200,200,.31); } .header_section .gnbWrap .gnbArea .depSubWrap { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1.langList { display: block; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 { margin: 0; float: none; } .header_section .gnbWrap .carListWrap .tabArea { display: block; width: 100%; padding-left: 0; } .header_section .gnbWrap .gnbArea .langList ul li { position: relative; border-bottom: 1px solid #e8e8e8; background: #fff; } .header_section .gnbWrap .gnbArea .langList ul li.on { background: #f5f3f2; } .header_section .gnbWrap .gnbArea .langList ul li a { display: none; font-size: 13px; color: #666; line-height: 40px; text-align: center; } .header_section .gnbWrap .gnbArea .langList ul li .active { display: block; font-weight: bold; color: #000; } .header_section .gnbWrap .gnbArea .langList ul li:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 20px; top: 18px; margin-top: -2px; } .header_section .gnbWrap .gnbArea .langList ul li.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .tab .tabBtn { display: block; color: #000 !important; /*font-family: "HyundaiSansHead" !important;*/ background: none !important; line-height: 60px !important; height: 60px !important; padding: 0 16px !important; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; width: 100% !important; text-align: left !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbWrap .gnbArea .tab .tabBtn.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .tab .tabBtn:after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; right: 20px; top: 50%; margin-top: -2px; } .header_section .gnbWrap .gnbArea .tab .tabBtn.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .tab .tabBtn.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; top: 26px; right: 20px; width: 10px; height: 10px; background: "/wp-content/uploads/common/ico_gnb_newwin2_mo.png" no-repeat top left; background-size: 10px 10px; border: 0 !important; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .tab.all .tabBtn:after { display: none; } .header_section .gnbWrap .gnbArea .tab .carList { display: none; padding: 20px 0 0 0; overflow: hidden; border-bottom: 1px solid #e8e8e8; position: relative; left: auto; top: auto; } .header_section .gnbWrap .gnbArea .tab.on .carList { display: block; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList .tabStit { padding: 0 15px; font-size: 14px; } .header_section .gnbWrap .gnbArea .tab .carList .item { display: inline-block; width: 50%; margin-bottom: 30px; vertical-align: top; margin-right: 0; float: none; } .header_section .gnbWrap .carListWrap .carList .item { max-width: 100%; } .header_section .gnbWrap .gnbArea .tab .carList .item img { width: 100%; height: 100%; margin-top: 10px; } .header_section .gnbWrap .gnbArea .tab .carList .item .carTit { display: block; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; margin-top: 0; } .header_section .gnbWrap .carListWrap .carList .item .carPrice { display: block; font-size: 12px; line-height: 1.71; color: #000; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a { display: block; /*font-family: "HyundaiSansHead" !important;*/ line-height: 60px; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; background: #fff; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after { display: block; content: ""; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/gnb_menu_mo.png") no-repeat; background-size: 23px auto; width: 23px; height: 23px; position: absolute; left: 12px; top: 50%; margin-top: -11px; } .header_section .yourLocationGnb .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a:after { display: none; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on:after { background-position: 0 -23px; } .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a.on + .gnbSubArea { display: block; } .header_section .gnbWrap .gnbArea .dep2Wrap { position: relative; width: auto; left: 0; } .header_section .gnbWrap .gnbArea .depSubWrap { display: none; } .header_section .gnbWrap .gnbArea .depSub .depSub_a { display: block !important; font-family: "HyundaiSansHead"; line-height: 60px !important; height: 60px; padding: 0 16px; border-bottom: 1px solid #e8e8e8; font-size: 16px; position: relative; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.arr:after { background: none !important; display: block; content: ""; width: 0 !important; height: 0 !important; border-style: solid; border-width: 5px 3.5px 0 3.5px; border-color: #000 transparent transparent transparent; position: absolute; left: 20px !important; top: 50% !important; margin-top: -2px; } .header_section .gnbWrap .gnbArea .depSub .depSub_a.arr.on:after { border-width: 0 3.5px 5px 3.5px; border-color: transparent transparent #000 transparent; } .header_section .gnbWrap .gnbArea .gnbGap { display: none; } .header_section .gnbWrap .gnbArea .dep3Wrap { padding: 10px 0; border-bottom: 1px solid #e8e8e8; position: relative; width: auto; left: auto; top: auto; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a { display: block; line-height: 40px !important; height: auto; padding: 0 50px; font-size: 14px; position: relative; border-bottom: 0; color: #666 !important; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.on { color: #00aad2; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a:after { display: none; } .header_section .gnbWrap .gnbArea .dep3Wrap .depSub .depSub_a.newWin:after { content: ""; overflow: hidden; display: block; position: absolute; top: 15px; right: 20px; width: 10px; height: 10px; background: "/wp-content/uploads/common/ico_gnb_newwin_mo.png" no-repeat top left; background-size: 10px 10px; font-size: 0; line-height: 0; } .header_section .gnbWrap .gnbArea .depSubWrap.dep4Wrap { display: none !important; } .header_section .gnbWrap .gnbArea .depSubWrap.dep5Wrap { display: none !important; } .header_section .gnbWrap .gnbArea .btnGnbClose { display: none; } .header_section .gnbWrap .gnbArea .gnbSubArea { display: none; height: auto !important; position: relative; top: 0 !important; left: auto; padding-top: 0; } .header_section .gnbWrap .gnbRight { display: none; } .header_section .gnbWrapFull .temp { width: 100%; background: #fff; text-align: center; } .header_section .gnbWrapFull .temp img { width: auto; height: 55px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew, .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { width: 60px; height: 14px; left: 15px; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-new-m.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeNew.nitro-lazy { background-image: none !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-upcoming-m.png"); } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList li .icBadgeUpcoming.nitro-lazy { background-image: none !important; } .header_section .contentWrap { min-width: 320px; } .header_section .sectionWrap { padding: 0 15px; } .header_section .footerWrap { background: #1c1b1b; padding-bottom: 30px; height: auto; min-width: 100%; } .header_section .footerArea { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 20px 0 0; } .header_section .footerArea .logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-top: 30px; margin-top: 30px; text-align: center; } .header_section .footerArea .logo img { width: 48px; } .header_section .footerArea .footerMenu { overflow: hidden; margin: 0 20px; letter-spacing: -.02em; } .header_section .footerArea .footerMenu ul { overflow: hidden; vertical-align: top; position: relative; } .header_section .footerArea .footerMenu li { position: relative; width: 50%; height: 32px; padding: 0 6px 15px; line-height: 1.2; } .header_section .footerArea .footerMenu li a { color: #999; font-size: 13px; font-family: "HyundaiSansHead"; } .header_section .footerArea .footerMenu li:after { display: block; content: none; position: absolute; left: 0; top: 3px; width: 1px; height: 9px; background: #333232; } .header_section .footerArea .snsShare { position: relative; border-bottom: 1px solid #1f1f1f; border-top: 1px solid #1f1f1f; height: 60px; } .header_section .footerArea .snsShare ul { height: 60px; padding: 0 12px; } .header_section .footerArea .snsShare li { width: 16%; margin-left: 0; } .header_section .footerArea .snsShare li a { display: block; height: 60px; overflow: hidden; text-indent: -9999px; background-position: center center; background-repeat: no-repeat; margin: 0 auto; } .header_section .footerArea .snsShare li a.facebook { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-facebook-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.facebook.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.youtube { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-youtube-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.youtube.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.linked { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-linkedin-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.linked.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.twitter { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-twitter-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.twitter.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.pinterest { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-pinterest-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.pinterest.nitro-lazy { background-image: none !important; } .header_section .footerArea .snsShare li a.instar { background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sns-share-instagram-m.png"); background-size: auto 15px; background-position: center center; } .header_section .footerArea .snsShare li a.instar.nitro-lazy { background-image: none !important; } .header_section .footerArea .footerMenu li.tabE:after { width: auto; } .header_section .footerArea .footerMenu li.tabE { margin-left: 0; padding: 0 0 15px 12px; } .header_section .footerArea .copyright { width: 190px; margin: 25px auto 0; color: #666; font-size: 10px; text-align: center; } .header_section .footerArea .goto { position: absolute; top: 35px; left: 20px; color: #999; font-size: 14px; line-height: 18px; } .header_section .footerArea .goto a { padding-left: 5px; color: #999; font-size: 14px; text-decoration: underline; } .header_section .footerArea .goto img.flag { width: auto; margin-right: 15px; -webkit-box-shadow: none !important; box-shadow: none !important; vertical-align: top; } .header_section .footerDimBg { background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 110; opacity: .8; display: none; } .header_section .footerArea .tabC { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse; flex-flow: column-reverse; padding: 0; text-align: center; } .header_section .footerArea .copyright .telgab { display: block; margin-top: -30px; padding-left: 0; } .header_section .footerArea .copyright a { color: #666; } .header_section .footerArea .etc_ban { margin-top: 0; } .header_section .footerArea .etc_ban > a { margin-left: 16px; margin-right: 16px; } .header_section .footerArea .etc_ban img { height: 24px; vertical-align: top; } .header_section .footerArea .etc_ban .mlg { margin-left: 19px; } } .header_section .btnWrap { min-width: 100%; margin: 0; padding: 0; font-size: 0; line-height: 0; overflow: hidden; display: block; text-align: center; } .header_section .btnWrap:after { content: ""; display: block; clear: both; } .header_section .btnWrap .col { display: inline-table; vertical-align: top; padding: 10px 5px 0; } .header_section .btnWrap.col1 > .col, .header_section .btnWrap.col2 > .col, .header_section .btnWrap.col3 > .col, .header_section .btnWrap.col4 > .col { width: 25%; } .header_section .btnWrap.col5 > .col { width: 20%; } .header_section .btnWrap .colWd { display: inline-table !important; min-width: 140px; vertical-align: middle; padding: 0; margin-left: 10px; } .header_section .btnWrap .colWd.lg { min-width: auto; width: 48%; margin-left: 2%; } .header_section .btnWrap .colWd:nth-child(1) { margin-left: 0; margin-top: 0; } .header_section a.btn, .header_section button.btn { display: table-cell; width: 100%; height: 50px; font-size: 16px; padding: 0 15px; background: #002c5f; color: #fff; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden !important; vertical-align: middle !important; position: relative; left: 0; right: 0; font-family: "HyundaiHRegular"; } .header_section a.btn:hover, .header_section button.btn:hover { text-decoration: underline; } .header_section a.btnSm, .header_section button.btnSm { height: 36px; line-height: 36px; font-size: 12px; } .header_section a.btnLg button.btnLg { height: 50px; line-height: 50px; font-size: 16px; } .header_section a.btn.bgBtnGray, .header_section button.btn.bgBtnGray { background: #767676; } .header_section a.btn.bgBtnWhite, .header_section button.btn.bgBtnWhite { background: #fff; } .header_section .btnText { display: inline-block; line-height: 23px; font-size: 18px; font-family: "HyundaiSansHead"; font-weight: 500; text-align: left; position: relative; } .header_section button.btnText { line-height: 1 !important; } .header_section .btnText.sm { line-height: 14px; font-size: 14px; } .header_section .btnText.navy { color: #002c5f; } .header_section .btnText.white { color: #fff; } .header_section .btnText.icoArrR { padding-right: 17px; position: relative; } .header_section .btnText.icoArrR:after { content: ""; display: block; width: 7px; height: 12px; margin-top: -6px; position: absolute; right: 0; top: 50%; } .header_section .btnText.sm.icArrDown { padding-left: 20px; } .header_section .btnText.sm.icDownload { padding-left: 20px; } .header_section .btnText.sm.icArrDown:after { content: ""; display: block; border-top: 6px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 0; top: 4px; } .header_section .btnText.sm.icDownload2 { height: 16px; padding-left: 26px; } .header_section .btnText.sm.icArrDown2 { padding-left: 26px; } .header_section .btnText.sm.icArrDown2:after { content: ""; display: block; border-top: 9.5px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 0; top: 0px; } @Media screen and (max-width: 1240px) { .header_section .btnWrap.wide { margin-left: -25px; margin-right: -25px; } .header_section .btnWrap.wide button, .header_section .btnWrap.wide a, .header_section .btnWrap.wide span { width: 100%; } } @Media screen and (max-width: 1024px) { .header_section { } .header_section a.btn, .header_section button.btn { font-size: 15px; } .header_section .btnWrap.col1, .header_section .btnWrap.col2, .header_section .btnWrap.col3, .header_section .btnWrap.col4 { margin: -14px -7px 0; } .header_section .btnWrap .col { padding: 14px 7px 0; } .header_section .btnText { line-height: 1.2; font-size: 15px; } .header_section .btnText.md { line-height: 18px; font-size: 15px; } .header_section .btnText.icoArrR { padding-right: 15px; } .header_section .btnText.md.icoArrR:after { width: 6px !important; height: 10px !important; margin-top: -6px !important; background-size: cover; } } @Media screen and (max-width: 992px) { .header_section .btnWrap.col1, .header_section .btnWrap.col2, .header_section .btnWrap.col3, .header_section .btnWrap.col4 { margin: -10px -5px 0; } .header_section .btnWrap .col { padding: 10px 5px 0; } .header_section .btnWrap.col1 > .col { width: 100%; } .header_section .btnWrap.col2 > .col { width: 50%; } .header_section .btnWrap.col3 > .col { width: 50%; } .header_section .btnWrap.col4 > .col { width: 50%; } .header_section .btnWrap.col5 > .col { width: 50%; } .header_section .btnWrap .colWd.sm { min-width: 120px; } .header_section .btnWrap.col2 .col { width: 50%; } .header_section a.btn, .header_section button.btn { width: 100%; } .header_section .btnWrap .btn { margin-top: 10px; } .header_section .btnWrap .btn:first-child { margin-top: 0; } } .header_section .sectionWrap { position: relative; padding: 0 25px; } .header_section .contentWrap { position: relative; padding-top: 71px; } .header_section .topBanner .contentWrap { position: relative; padding-top: 71px; } .header_section .sectionInner { width: 100%; max-width: 1120px; margin: 0 auto; } .header_section .sectionFull { min-width: 1120px; margin: 0 -25px; } .header_section .fullImageSet { margin: 0 -25px; } .header_section .sectionFull > .sectionFull { margin: 0; } .header_section .sectionFull.maxWd { max-width: 1920px; margin: 0 auto; } .header_section .sectionFull.mdlWd { max-width: 1600px; margin: 0 auto; } .header_section .sectionInner.cfoo { width: 100%; max-width: 1120px; margin: 0 auto; } @Media screen and (max-width: 1240px) { .header_section .sectionFull { min-width: 0; } } @Media screen and (max-width: 1024px) { .header_section .contentWrap { min-width: 0; } .header_section .sectionInner { width: 100%; max-width: 100%; min-width: 0; } .header_section .sectionFull { width: auto; min-width: 0; } } @Media screen and (max-width: 992px) { .header_section { } .header_section .contentWrap { min-width: 320px !important; padding-top: 55px; } .header_section .topBanner .contentWrap { padding-top: 0; } .header_section .sectionWrap { padding: 0 15px; } .header_section .sectionInner { max-width: 100%; min-width: 290px; } .header_section .sectionFull { min-width: 320px; margin: 0 -15px; } .header_section .fullImageSet { margin: 0 -15px; } .header_section .sectionFull.mdlWd { margin: 0; } } @Media screen and (max-width: 320px) { .header_section .sectionInner { min-width: auto; } } .header_section .tableWrap { width: 100%; } .header_section .tableInner.scroll { width: 100%; overflow-y: hidden; overflow-x: auto; } .header_section .tableTypeCol { width: 100%; border-top: 1px solid #e4dcd3; border-bottom: 1px solid #e4dcd3; background: #fff; } .header_section .tableTypeCol thead th { padding: 13px 20px; font-size: 14px; line-height: 24px; color: #fff; border-top: 1px solid #fff; border-right: 1px solid #fff; background: #002c5f; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol tbody th { padding: 13px 20px; line-height: 24px; font-size: 14px; text-align: center; border-top: 1px solid #e4dcd3; border-right: 1px solid #fff; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol tbody td { padding: 13px 20px; line-height: 24px; font-size: 14px; text-align: center; border-right: 1px solid #e4dcd3; border-top: 1px solid #e4dcd3; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .tableTypeCol tbody tr td.ranking { background-color: #f6f3f2; } .header_section .tableTypeCol thead tr th:first-child { border-left: 1px solid #fff; } .header_section .tableTypeCol tbody tr:first-child th, .header_section .tableTypeCol tbody tr:first-child td { border-top: 0; } .header_section .tableTypeCol tbody tr th:first-child, .header_section .tableTypeCol tbody tr td:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol tbody tr:first-child th.bgDB, .header_section .tableTypeCol tbody tr:first-child th.bgLB { border-top: 0 none !important; } .header_section .tableTypeCol .bgLB { background: #fff !important; } .header_section .tableTypeCol .bgDB { background: #e4dcd3 !important; } .header_section .tableTypeCol .bgDB { border-top: 1px solid #fff !important; font-weight: 400; } .header_section .tableTypeCol .bgLB { border-top: 1px solid #e4dcd3 !important; } .header_section .tableTypeCol thead th span.txt { line-height: 14px; font-family: "HyundaiSansHead"; font-size: 12px; } .header_section .alignTHL th, .header_section .alignTDL td { text-align: left !important; } .header_section .alignTHC th, .header_section .alignTDC td { text-align: center !important; } .header_section .alignTHR th, .header_section .alignTDR td { text-align: right !important; } .header_section .alignTHL .tTitle li p, .header_section .alignTDL .subTableContents li { text-align: left !important; } .header_section .alignTHC .tTitle li p, .header_section .alignTDC .subTableContents li { text-align: center !important; } .header_section .alignTHR .tTitle li p, .header_section .alignTDR .subTableContents li { text-align: right !important; } .header_section .alignBTHL .subTitle { text-align: left !important; } .header_section .alignBTHC .subTitle { text-align: center !important; } .header_section .alignBTHR .subTitle { text-align: right !important; } .header_section .tableTypeCol2 { width: 100%; border-top: 1px solid #e4dcd3; } .header_section .tableTypeCol2.ctoc { table-layout: fixed; } .header_section .tableTypeCol2 tr th { padding: 12px 20px 13px; font-size: 14px; line-height: 24px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; background: #e4dcd3; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; font-weight: 400; } .header_section .tableTypeCol2 tr td { padding: 20px; position: relative; font-size: 14px; line-height: 24px; border-left: 1px solid #fff; border-left: 1px solid #e4dcd3; background: #fff; border-bottom: 1px solid #e4dcd3; font-family: "HyundaiSansHead"; } .header_section .tableTypeCol2 tr th:first-child, .header_section .tableTypeCol2 tr td:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol2 tr th:last-child, .header_section .tableTypeCol2 tr td:last-child { border-right: 1px solid #e4dcd3; } @Media all and (max-width: 1024px) { .header_section .tableTypeCol2 tr th { padding: 15px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol2 tr td { padding: 15px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol2 tr td:first-child { margin-top: 32px; } .header_section .tableTypeCol2 tr:first-child td:first-child { margin-top: 0; } } .header_section .tableTypeCol3 { width: 100%; border-top: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr th, .header_section .tableTypeCol3 tr td { height: 43px; line-height: 1.286; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .tableTypeCol3 tr th { padding: 12px 30px 12px 30px; font-size: 14px; font-family: "HyundaiSansHead"; font-weight: 400; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; background: #e4dcd3; color: #000; } .header_section .tableTypeCol3 tr th:first-child { border-left: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr th:last-child { border-right: 1px solid #e4dcd3; } .header_section .tableTypeCol3 tr td { position: relative; padding: 8px 30px; font-size: 14px; border-left: 1px solid #e4dcd3; border-right: 1px solid #e4dcd3; border-bottom: 1px solid #e4dcd3; background: #fff; font-family: "HyundaiSansHead"; } @Media all and (max-width: 992px) { .header_section .tableTypeCol2.ctoc { table-layout: auto; } } .header_section .ctodbox { width: 100%; } .header_section .ctodbox ul.tTitle li { display: block; float: left; width: 17.5%; background-color: #002c5f; height: 50px; padding: 0; margin: 0; border-left: solid 1px #fff; } .header_section .ctodbox ul.tTitle li.first { width: 30%; } .header_section .ctodbox ul.tTitle li.first > p { width: 336px; } .header_section .ctodbox ul.tTitle li > p { position: relative; display: table-cell; width: 224px; height: 50px; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 14px; color: #fff; vertical-align: middle; padding: 0 12px; text-align: center; } .header_section .ctodbox ul.tTitle li:first-child { border-left: 0; } .header_section .ctodWrap .tSub { width: 100%; } .header_section .ctodWrap .tSub .subTitle { position: relative; width: 30%; height: 100px; float: left; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { position: relative; width: 70%; float: left; height: 100px; background-color: #e4dcd3; border-right: 1px solid #fff; border-bottom: solid 1px #fff; padding: 0 20px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { display: inline-block; line-height: 100px; font-family: "HyundaiSansHead"; font-weight: 500; vertical-align: middle; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { position: relative; width: 30%; float: left; height: 50px; background-color: #e4dcd3; line-height: 50px; border-bottom: solid 1px #fff; padding: 0 12px; text-align: center; } .header_section .ctodWrap .tSub .subTableContents { width: 70%; float: left; } .header_section .ctodWrap .tSub .subTableContents li { width: 25%; float: left; height: 50px; line-height: 50px; border-left: solid 1px #fff; font-size: 14px; padding: 0 12px; } .header_section .ctodWrap .tSub .subTableContents li:nth-child(2n + 1) { background-color: #f6f3f2; border-left: solid 1px #e4dcd3; border-bottom: solid 1px #e4dcd3; } .header_section .ctodWrap .tSub .subTableContents li:nth-child(2n) { background-color: #fff; border-left: solid 1px #e4dcd3; border-bottom: solid 1px #e4dcd3; } .header_section .ctodWrap .tSub .subTableContents .toL, .header_section .ctodWrap .tSub .subTableContents .toR { width: 100%; border-right: #e4dcd3 1px solid; } @Media screen and (max-width: 1024px) { .header_section .ctodWrap .tSub .subTitle { height: 90px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { padding: 0 15px; font-size: 12px; height: 90px; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { height: 45px; line-height: 45px; font-size: 12px; } .header_section .ctodWrap .tSub .subTableContents li { height: 45px; line-height: 45px; font-size: 12px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { line-height: 90px; } .header_section .ctodbox ul.tTitle li { height: 45px; } .header_section .ctodbox ul.tTitle li > p { font-size: 12px; height: 45px; } } @Media screen and (max-width: 992px) { .header_section .ctodWrap h2 { margin-top: 0; font-size: 27px; line-height: 32px; } .header_section .ctodbox .tSub li.subTitle { display: block; width: 100%; height: auto; } .header_section .ctodWrap .tSub ~ .tSub { padding-top: 30px; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle { width: 100%; height: 45px; line-height: 45px; text-align: center; background-color: #002c5f; } .header_section .ctodWrap .tSub .subTitle .mobileFirtstTitle span { line-height: 1; color: #fff; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle { width: 50%; } .header_section .ctodWrap .tSub .subTitle .mobileSecondTitle:nth-child(2n) { border-right: #fff 1px solid; } .header_section .ctodWrap .tSub .subTableContents { width: 100%; } .header_section .ctodWrap .tSub .subTableContents li { line-height: 17px; padding: 15px; height: auto; } .header_section .ctodWrap .tSub .subTableContents .toL { width: 50%; float: left; } .header_section .ctodWrap .tSub .subTableContents .toR { width: 50%; float: left; } .header_section .ctodWrap .tSub .subTableContents .toR li { border-left: none; } .header_section .ctodWrap .tSub .subTableContents li { width: 100%; } .header_section .ctodWrap .tSub .subTableContents li p.mobile { line-height: 17px; } } @Media screen and (max-width: 1024px) { .header_section { } .header_section .tableInner.scroll { width: 100%; max-width: 1210px; } .header_section .tableInner.scroll table { width: 100%; } .header_section .ctodList .ctodTit { width: 120px; } .header_section .ctodList ul li.first div { margin-left: 120px; } } @Media screen and (max-width: 992px) { .header_section .tableInner.scroll { min-width: 290px; max-width: 737px; } .header_section .tableInner.scroll { width: 100%; min-width: 100%; max-width: 1210px; } .header_section .tableInner.scroll table { width: 100%; min-width: 960px; } .header_section .tableTypeCol thead th { display: none; } .header_section .tableTypeCol tbody td { width: 50%; } .header_section .tableTypeCol thead th { padding: 12px 10px; font-size: 12px; line-height: 17px; } .header_section .tableTypeCol thead th span.txt { font-size: 11px; } .header_section .tableTypeCol table tbody th { padding: 12px 10px; line-height: 17px; font-size: 12px; } .header_section .tableTypeCol tbody td { padding: 12px 10px; line-height: 17px; font-size: 12px; } .header_section .tableTypeRow { width: 100%; border-bottom: 1px solid #e4dcd3; } .header_section .tableTypeRow tr th, .header_section .tableTypeRow tr th { padding: 7px 15px; font-size: 12px; } .header_section .tableTypeRow tr td { padding: 7px 15px; font-size: 12px; } } .header_section .tabWrap { position: relative; } .header_section .tabWrap .tabActive { display: none; width: 100%; padding-left: 15px; padding-right: 15px; background: #444; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; color: #fff; text-decoration: none; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .tabWrap .tabArea { height: 60px; overflow: hidden; } .header_section .tabWrap .tabArea .tab { display: table; height: 60px; float: left; } .header_section .tabWrap .tabArea .tab .link { display: table-cell; width: 100%; height: 60px; padding-left: 10px; padding-right: 10px; line-height: 14px; font-size: 14px; text-align: center; font-family: "HyundaiSansHead"; font-weight: 500; text-decoration: none; vertical-align: middle; word-break: break-word; color: #000; } .header_section .tabWrap .tabArea .tab .link:hover, .header_section .tabWrap .tabArea .tab .link:focus { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab .link.on { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab.all .link { color: #fff; background-color: #002c5f; } .header_section .tabWrap .tabArea .tab.all .link:hover, .header_section .tabWrap .tabArea .tab.all .link:focus { color: #000; background-color: #fff; } .header_section .tabWrap .tabArea .tab.all .link.on { color: #fff; background-color: #002c5f; } .header_section .tabWrap .tabArea .tab .link > * { line-height: 16px; font-size: 14px; font-weight: 400; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { color: #000; background-color: #fff; font-size: 14px; line-height: 14px; } .header_section .tabBox .tabCont { display: none; } .header_section .tabBox .on { display: block; } @Media screen and (max-width: 1024px) { .header_section .tabWrap .tabArea { height: 45px; } .header_section .tabWrap .tabArea .tab { height: 45px; } .header_section .tabWrap .tabArea .tab .link { height: 45px; } .header_section .tabWrap .tabArea .tab .link > * { font-size: 12px; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { font-size: 12px; line-height: 12px; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { font-size: 12px; line-height: 12px; } } @Media screen and (max-width: 992px) { .header_section { } .header_section .tabWrap { margin: 0 -15px; line-height: 45px; } .header_section .tabWrap.noMg { margin: 0; } .header_section .tabWrap .tabActive { display: table; width: 100%; padding-left: 15px; padding-right: 15px; background: #444; font-size: 12px; font-family: "HyundaiSansHead"; font-weight: 500; color: #fff; text-decoration: none; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .tabWrap .tabActive span { display: table-cell; height: 45px; padding-right: 22px; line-height: 16px; vertical-align: middle; } .header_section .tabWrap:after { display: block; content: ""; width: 7px; height: 7px; margin-top: -4px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-tab-right-arr-m.png") no-repeat right center; background-size: 7px auto; position: absolute; right: 15px; top: 22px; } .header_section .tabWrap .tabArea { width: 100%; height: auto; } .header_section .tabWrap .tabArea.open { display: block; } .header_section .tabWrap .tabArea .tab { display: none; height: auto; float: none; width: 100% !important; } .header_section .tabWrap .tabArea .tab .link { display: block; width: auto; height: auto; line-height: 16px; font-size: 12px; text-align: left; padding: 14px 35px 15px 10px; } .header_section .tabWrap .tabArea .tab.on { display: block; background-color: #656565; } .header_section .tabWrap .tabArea .tab.on .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea.open .tab { display: block; width: 100%; } .header_section .tabWrap .tabArea.open .tab .link { color: #fff; background-color: #444; } .header_section .tabWrap .tabArea.open .tab.on .link { background-color: #656565; } .header_section .tabWrap .tabArea li[aria-selected="true"] .link { font-size: 15px; line-height: 15px; } .header_section .tabWrap .tabArea li[aria-selected="false"] .link { font-size: 15px; line-height: 15px; } } .header_section .paging { width: 100%; line-height: 16px; font-size: 0; text-align: center; position: relative; z-index: 1; } .header_section .paging .btnPaging.btnFirst { width: 13px; background-position: 0 -11px; } .header_section .paging .btnPaging.btnPrev { width: 7px; background-position: -32px -11px; } .header_section .paging .btnPaging.btnNext { width: 7px; background-position: -38px -11px; } .header_section .paging .btnPaging.btnLast { width: 13px; background-position: right -11px; } .header_section .paging .btnPaging.disabled { cursor: default; } .header_section .paging .btnPaging.btnFirst.disabled { background-position: 0 0; } .header_section .paging .btnPaging.btnPrev.disabled { background-position: -32px 0; } .header_section .paging .btnPaging.btnNext.disabled { background-position: -38px 0; } .header_section .paging .btnPaging.btnLast.disabled { background-position: right 0; } .header_section .paging .number { display: inline-block; padding: 0 32px; overflow: hidden; vertical-align: top; } .header_section .paging .number button { margin: 0 9px; font-family: "HyundaiSansHead"; font-weight: 500; font-size: 16px; float: left; } .header_section .paging .number button:hover, .header_section .paging .number button:focus { color: #00aad2; } .header_section .paging .number button.on { color: #00aad2; text-decoration: underline; } @Media screen and (max-width: 992px) { .header_section .paging .btnPaging { height: 10px; margin-top: 1px; background-size: auto 20px; } .header_section .paging .btnPaging.btnFirst { width: 12px; background-position: 0 -10px; } .header_section .paging .btnPaging.btnPrev { width: 6px; background-position: -29px -10px; } .header_section .paging .btnPaging.btnNext { width: 6px; background-position: -35px -10px; } .header_section .paging .btnPaging.btnLast { width: 12px; background-position: right -10px; } .header_section .paging .btnPaging.btnFirst.disabled { background-position: 0 0; } .header_section .paging .btnPaging.btnPrev.disabled { background-position: -29px 0; } .header_section .paging .btnPaging.btnNext.disabled { background-position: -35px 0; } .header_section .paging .btnPaging.btnLast.disabled { background-position: right 0; } .header_section .paging .number { padding: 0 16px; } .header_section .paging .number button { font-size: 12px; margin: 0 9px; } } .header_section .headArea .topSect { position: relative; z-index: 1; max-width: 1120px; margin: 0 auto; padding: 0 60px; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; } .header_section .headArea .topSect .locWrap { float: left; } .header_section .headArea .topSect .locWrap li { float: left; height: 90px; line-height: 90px; } .header_section .headArea .topSect .locWrap a.link { display: inline-block; } .header_section .headArea .topSect .locWrap span { margin-right: 11px; padding: 0 16px 0 0; font-size: 16px; color: #000; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-breadcrumb.png") no-repeat 100% 9px; white-space: nowrap; } .header_section .headArea .topSect .locWrap span.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .locWrap .active span { display: inline-block; color: #00aad2 !important; font-weight: normal; font-weight: 500; font-size: 16px; text-decoration: none; text-decoration: underline; font-family: "HyundaiSansHead"; background: none; } .header_section .headArea .topSect .utilWrap { float: right; height: 90px; line-height: 90px; } .header_section .headArea .topSect .utilWrap a.util { display: inline-block; display: inline-block; margin-left: 23px; padding: 0 0 0 23px; font-size: 14px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; background-repeat: no-repeat; background-position: 0 50%; } .header_section .headArea .topSect .utilWrap a:first-child { margin-left: 0; } .header_section .headArea .topSect .utilWrap a.share { padding-left: 23px; background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-sharing.png"); } .header_section .headArea .topSect .utilWrap a.share.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .utilWrap a.print { padding-left: 27px; background-image: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-print.png"); } .header_section .headArea .topSect .utilWrap a.print.nitro-lazy { background-image: none !important; } .header_section .headArea .topSect .utilWrap a.util.fb-like > span { vertical-align: middle !important; } .header_section .headArea .tWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 270px; margin: 0 60px; background: rgba(255,255,255,.7); text-align: center; } .header_section .headArea .tWrap .titInner { padding: 0 25px; width: 100%; max-width: 1120px; margin: 0 auto; } .header_section .headArea .tWrap .ftit { font-size: 58px; font-family: "HyundaiSansHead"; font-weight: 500; color: #000; } .header_section .headArea .tWrap .stit { font-size: 16px; font-family: "HyundaiSansHead"; color: #000; line-height: 30px; margin: 10px auto 0; } .header_section .headArea .tWrap .stit.type1 { margin-top: 20px; } .header_section .headArea .bottmBtns { margin-top: 50px; } .header_section .headArea .bottmBtns.btnWrap .colWd { margin-left: 20px; } .header_section .headArea .bottmBtns.btnWrap .colWd:first-child { margin-left: 0; } .header_section .layerPop { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; } .header_section .layerPop .dim { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/popup-bg.png") repeat left top; } .header_section .layerPop .dim.nitro-lazy { background-image: none !important; } .header_section .layerPop .layerPopArea { position: relative; width: 700px; margin: 0 auto; top: 120px; padding-bottom: 100px; z-index: 910; } .header_section .layerPop .layerPopArea.w550 { width: 550px; } .header_section .layerPop .layerPopArea .btnLayerClose { display: block; position: absolute; top: 30px; right: 30px; text-indent: -9999px; width: 16px; height: 16px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-layer-close.png") no-repeat; } .header_section .layerPop .layerPopArea .btnLayerClose.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont { padding: 60px; background: #fff; text-align: center; } .header_section .layerPop .popCont .headTit { display: block; padding: 15px 0; text-align: center; font-size: 24px; line-height: 30px; } .header_section .layerPop .popCont .titMsg { display: block; margin: 10px 0 40px 0; font-size: 16px; } .header_section .layerPop .popCont .titMsg a { display: block; color: #002c5f; text-decoration: underline; } .header_section .layerPop .popCont .icoNoti { display: block; text-indent: -9999px; width: 45px; height: 45px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico_noti.png") no-repeat; margin: 0 auto; } .header_section .layerPop .popCont .icoNoti.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont .icoNoti1 { display: block; text-indent: -9999px; width: 45px; height: 45px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/source/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico_noti_1.png") no-repeat; margin: 0 auto; } .header_section .layerPop .popCont .icoNoti1.nitro-lazy { background-image: none !important; } .header_section .layerPop .popCont .message { margin: 40px 0 20px 0; color: #000; } .header_section .layerPop .popCont .message.bold { font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .layerPop .popCont .message.wrong { color: #00aad2; } .header_section .layerPop .popCont .conArea { text-align: left; } .header_section .layerPop .popCont .inputWrap { width: 100%; } .header_section .layerPop .popCont .inputWrap input.txt { width: 100%; height: 50px !important; border: 1px solid #e4dcd3 !important; } .header_section .layerPop .popCont .etc { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e4dcd3; } .header_section .layerPop .popCont .etc .message { margin-top: 0; } .header_section .layerPop .popCont .btnWrap { margin-top: 30px; padding-bottom: 0; } .header_section .layerPop .shareList { display: table; width: 100%; text-align: center; font-size: 0; margin: 30px 0 20px 0; } .header_section .layerPop .shareList li { display: inline-block; vertical-align: middle; margin: 0 0 0 48px; } .header_section .layerPop .shareList li:first-child { margin-left: 0; } .header_section .layerPop .shareList li a { display: block; width: 60px; height: 43px; text-indent: -9999px; } .header_section .layerPop .shareList li a:hover, .header_section .layerPop .shareList li a:focus { background-position: 0 -43px !important; } .header_section .layerPop .shareList li.btnFacebook a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-facebook.png") no-repeat; } .header_section .layerPop .shareList li.btnFacebook a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnGoogle a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-google.png") no-repeat; } .header_section .layerPop .shareList li.btnGoogle a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnTwitter a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-twitter.png") no-repeat; } .header_section .layerPop .shareList li.btnTwitter a.nitro-lazy { background-image: none !important; } .header_section .layerPop .shareList li.btnPinterest a { background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/sns-share-layer-pinterest.png") no-repeat; } .header_section .layerPop .shareList li.btnPinterest a.nitro-lazy { background-image: none !important; } .header_section .headArea .searchSect .searchTit { margin-bottom: 12px; } .header_section .headArea .searchSect .inputBox { margin: 0 auto 10px auto; } .header_section .headArea .searchSect .searchResultWrap { width: 608px; margin: 0 auto; text-align: left; } .header_section .headArea .searchSect .searchResultWrap dl.searchResult dt { display: inline-block; margin-right: 20px; font-size: 16px; line-height: 2; color: #000; text-align: left; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .headArea .searchSect .searchResultWrap dl.searchResult dd { display: inline-block; font-size: 14px; line-height: 2.29; color: #00aad2; text-align: left; font-family: "HyundaiSansHead"; } .header_section .headArea .topVisualWrap { overflow: hidden; position: relative; } .header_section .headArea .topVisualWrap .visual { max-width: 1860px; height: 540px; margin: 0 auto; overflow: hidden; } .header_section .headArea .topVisualWrap .visualInner img { width: auto; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header_section .headArea .topVisualWrap .titWrap { width: 100%; max-width: 1120px; padding-top: 68px; text-align: left; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .header_section .headArea .topVisualWrap .titWrap .stit { margin-top: 14px; font-family: "HyundaiSansHead"; } @Media screen and (max-width: 1240px) { .header_section .headArea .tWrap .stit { margin: 0 10%; } .header_section .headArea .topVisualWrap { margin: 0 15px; } .header_section .headArea .topVisualWrap .titWrap { padding: 68px 35px 0; } .header_section .headArea .topVisualWrap .titWrap .stit { margin-top: 8px; } } @Media screen and (max-width: 1024px) { .header_section { } .header_section .headArea .topSect { margin: 0 30px; padding: 0; } .header_section .headArea .tWrap { margin: 0; padding-bottom: 45px; } .header_section .headArea .topSect .locWrap li, .header_section .headArea .topSect .utilWrap { height: 80px; line-height: 80px; } .header_section .headArea .tWrap .ftit { font-size: 30px; line-height: 35px; } .header_section .headArea .tWrap .stit { font-size: 14px; line-height: 19px; } .header_section .headArea .tWrap .stit.type1 { margin-top: 10px; } .header_section .headArea .searchSect .searchTit { margin-bottom: 12px; } .header_section .headArea .searchSect .inputBox { margin: 0 auto 8px auto; } .header_section .headArea .searchSect .searchResultWrap { width: 430px; } .header_section .headArea .topVisualWrap .visual { height: 340px; } .header_section .headArea .topVisualWrap .titWrap { padding: 58px 35px; } } @Media screen and (max-width: 992px) { .header_section { } .header_section .headArea { padding: 0; } .header_section .headArea .topSect { display: none; } .header_section .headArea .tWrap { height: 240px; padding-bottom: 0; background: rgba(255,255,255,.7); } .header_section .headArea .tWrap .stit { padding: 0; margin-top: 10px; } .header_section .headArea .searchSect .searchResultWrap { width: auto; } .header_section .headArea .bottmBtns { margin-top: 10px; } .header_section .headArea .bottmBtns.btnWrap .colWd { width: 50%; margin: 0; padding-right: 10px; min-width: 0; } .header_section .headArea .bottmBtns.btnWrap .colWd:last-child { padding-left: 10px; padding-right: 0; } .header_section .headArea .topVisualWrap { margin: 0 15px; } .header_section .headArea .topVisualWrap .visualInner img { width: 100%; position: static; -webkit-transform: none; transform: none; } .header_section .headArea .topVisualWrap .visual { height: auto; } .header_section .headArea .topVisualWrap .titWrap { padding: 58px 20px; } } @Media all and (max-width: 992px) { .header_section .homeBgType1, .header_section .homeBgMain, .header_section .findACarBgPip, .header_section .findACarBgType1, .header_section .buildACarBgType1, .header_section .buildACarBgType2, .header_section .buildACarBgType3, .header_section .buildACarBgType4, .header_section .buildACarBgType5, .header_section .connectToServiceBgType1, .header_section .connectToServiceBgType2, .header_section .hyundaiStoryBgType3, .header_section .hyundaiStoryBgType1, .header_section .hyundaiStoryBgType2, .header_section .landingPageBgType1 { background-position: 50% 0; } } .header_section .errorSiteMap { max-width: 1120px; margin: 100px auto 130px; -webkit-transform: translate(70px,0); transform: translate(70px,0); } .header_section .errorSiteMap .esTit { font-size: 16px; color: #000; font-family: "HyundaiSansHead"; font-weight: 500; line-height: 30px; } .header_section .errorSiteMap .innerWrap { margin: 30px 0 0; display: table; width: 100%; } .header_section .errorSiteMap .innerWrap .col { display: table-cell; width: 25%; vertical-align: top; } .header_section .errorSiteMap .innerWrap .col .colTit { font-size: 16px; color: #000; line-height: 28px; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .errorSiteMap .innerWrap .col .list { margin: 8px 0 0; } .header_section .errorSiteMap .innerWrap .col .list li { font-size: 14px; line-height: 24px; font-family: "HyundaiSansHead"; } .header_section .errorSiteMap .innerWrap .col .list li a { text-decoration: underline; } @Media all and (max-width: 1024px) { .header_section .errorSiteMapOuter { text-align: center; } .header_section .errorSiteMap { margin: 50px auto 70px; display: inline-block; -webkit-transform: translate(0,0); transform: translate(0,0); } .header_section .errorSiteMap .esTit { font-size: 17px; line-height: 22px; text-align: left; } .header_section .errorSiteMap .innerWrap { margin-top: 15px; overflow: hidden; display: block; text-align: center; } .header_section .errorSiteMap .innerWrap .col { display: inline-block; width: auto; margin-left: 50px; text-align: left; } .header_section .errorSiteMap .innerWrap .col:first-child { margin-left: 0; } .header_section .errorSiteMap .innerWrap .col .colTit { font-size: 14px; line-height: 21px; } .header_section .errorSiteMap .innerWrap .col .list li { font-size: 12px; line-height: 17px; } } @Media all and (max-width: 992px) { .header_section .errorSiteMap { display: block; margin: 0 25px; padding: 50px 0 30px; } .header_section .errorSiteMap .innerWrap { overflow: hidden; } .header_section .errorSiteMap .innerWrap .col { float: left; width: 50%; margin: 0 0 30px; } } .header_section .errorPage { margin: 50px auto 0; max-width: 1150px; padding: 0 25px; } .header_section .errorPage .eTit { font-size: 58px; color: #000; text-align: center; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .errorPage .desc { margin-top: 20px; font-size: 16px; color: #000; line-height: 30px; font-family: "HyundaiSansHead"; } .header_section .errorPage .btnWrap { margin-top: 50px; text-align: center; } @Media all and (max-width: 1024px) { .header_section .errorPage .eTit { font-size: 30px; line-height: 35px; } .header_section .errorPage .desc { max-width: 550px; margin: 10px auto 0; font-size: 14px; line-height: 19px; } } @Media all and (max-width: 1024px) { .header_section .errorPage { margin: 85px 40px 0; padding: 0; } } .header_section .topVisualArea { position: relative; height: 540px; padding: 0 30px; } .header_section .topVisual { position: relative; min-width: 1120px; margin: 0 auto; overflow: hidden; max-width: 1800px; height: 540px; } .header_section .topVisual .visual { width: 1860px; position: absolute; left: 50%; top: 0; margin-left: -930px; } .header_section .topVisual .visual img { width: 1860px; } .header_section .topVisual .titWrap { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 1120px; text-align: left; padding-top: 71px; } .header_section .topVisual .titWrap .ico { margin: -11px 0 11px; } .header_section .topVisual .titWrap .ftit { font-size: 58px; line-height: 64px; font-family: "HyundaiSansHead"; font-weight: 500; } .header_section .topVisual .titWrap .stit { margin-top: 12px; font-size: 16px; line-height: 26px; max-width: 440px; } .header_section .topVisual .titWrap .btn { margin-top: 80px; } .header_section .topVisualArea.vMiddle .middle { position: absolute; left: 0; top: 0; display: table; width: 100%; height: 100%; } .header_section .topVisualArea.vMiddle .middle .titWrap { display: table-cell; vertical-align: middle; padding-top: 0; position: relative; left: auto; top: auto; right: auto; text-align: center; } .header_section .topVisualArea.vMiddle .middle .titWrap .stit { max-width: none; } .header_section .contTop { background-color: #e4dcd3; background-repeat: no-repeat; background-size: cover; } .header_section .contTop.topVisNone { background-color: #fff; } @Media screen and (max-width: 1024px) { .header_section .contTop { width: 100%; min-width: 768px; padding-top: 10px; } .header_section .topVisual img { width: 100% !important; } .header_section .topVisual { position: relative; padding: 0; width: 100%; max-width: 100%; height: auto; min-width: 100%; } .header_section .topVisual .visual { position: relative; width: 100%; height: auto; left: 0; margin-left: 0; top: 0; } .header_section .topVisualArea { position: relative; height: auto; padding: 0 15px; } } @Media screen and (max-width: 992px) { .header_section .contTop { width: 100%; min-width: 320px; padding-top: 30px; background-color: #e4dcd3; background-repeat: no-repeat; background-position: center bottom; background-size: 100% 100%; display: table; } .header_section .topVisualArea { position: relative; height: auto; padding: 0 15px; } .header_section .topVisual { position: relative; padding: 0; width: 100%; max-width: 100%; height: auto; min-width: 100%; } .header_section .topVisual img { width: 100% !important; } .header_section .topVisual .visual { position: relative; width: 100%; height: auto; left: 0; margin-left: 0; top: 0; } .header_section .topVisual .titWrap { position: absolute; top: 0; left: 0; right: 0; width: 100%; padding: 50px 35px 0; } .header_section .topVisual .titWrap .ico { height: 30px; margin-bottom: 5px; } .header_section .topVisual .titWrap .ico img { width: auto; height: auto; } .header_section .topVisual .titWrap .ftit { font-size: 30px; line-height: 35px; } .header_section .topVisual .titWrap .stit { margin-top: 7px; font-size: 14px; line-height: 19px; padding-right: 10%; } .header_section .topVisual .titWrap .btn { margin-top: 40px; } .header_section .topVisualArea.vMiddle .middle { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: table; width: 100%; height: 100%; } .header_section .topVisualArea.vMiddle .middle .titWrap { display: table-cell; vertical-align: middle; padding-top: 0; position: relative; left: auto; top: auto; right: auto; text-align: center; } .header_section .topVisualArea.vMiddle .middle .stit { padding-right: 0; } } .header_section input[type="text"], .header_section input[type="number"], .header_section input[type="tel"], .header_section input[type="password"], .header_section input[type="date"], .header_section input[type="email"] { display: inline-block; width: 100%; height: 44px; padding: 0 5px 0 20px; line-height: 44px; font-size: 14px; color: #666; border: 1px solid #e4dcd3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; } .header_section ::-webkit-input-placeholder { color: #999; } .header_section ::-moz-placeholder { color: #999; } .header_section :-ms-input-placeholder { color: #999; } .header_section :-moz-placeholder { color: #999; } @Media screen and (max-width: 1024px) { .header_section input[type="text"], .header_section input[type="number"], .header_section input[type="tel"], .header_section input[type="password"], .header_section input[type="date"], .header_section input[type="email"] { height: 35px; line-height: 35px; font-size: 12px; } } .header_section .selForm select { display: inline-block; width: 100%; height: 40px; padding-left: 20px; color: #666; border: 0; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-select-right-arr.png") no-repeat right center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 1px; text-overflow: ""; background-color: #f6f3f2; font-size: 16px; padding-right: 42px; } .header_section .selForm select.nitro-lazy { background-image: none !important; } .header_section .selForm select:focus { outline: 2px solid #a4c6fd; } .header_section .selForm select::-ms-expand { display: none; } .header_section .selForm select.bgWhite { border: 1px solid #e5e5e5; background: #fff url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-select-right-arr.png") no-repeat right center !important; } .header_section .selForm select.bgWhite.nitro-lazy { background-image: none !important; } .header_section .selForm select.bdNone { border: 0 none; } .header_section .selForm select.noarrow { background: #fff none !important; } @Media screen and (max-width: 1024px) { .header_section .selForm select { height: 35px; padding-left: 15px; font-size: 12px; } } .header_section .inputBox { display: block; width: 100%; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .header_section .inputBox.widMd { width: 460px !important; } .header_section .inputBox.widLg { width: 608px !important; } .header_section .inputBox.searchBox { width: auto; background: transparent; overflow: hidden; } .header_section .posIconR { display: block; padding-right: 55px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .header_section .posIconR .posRight { position: absolute; right: 0; top: 0; } .header_section .inputSearch { display: inline-block; width: 100%; height: 40px; padding: 0 20px; line-height: 40px; color: #000; font-size: 14px; border: 0 none; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; } .header_section .inputSearch.hLg { height: 44px; line-height: 44px; } .header_section .inputSearch.hXlg { height: 50px; line-height: 50px; } .header_section .inputSearch.bgGray { background: #f6f3f2; } .header_section .inputSearch::-webkit-input-placeholder { color: #666; } .header_section .inputSearch::-moz-placeholder { color: #666; } .header_section .inputSearch:-ms-input-placeholder { color: #666; } .header_section .inputSearch:-moz-placeholder { color: #666; } .header_section .btnSearch { display: inline-block; width: 55px; height: 44px; text-indent: -9999px; text-align: center; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-search.png") no-repeat center center; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .header_section .btnSearch.nitro-lazy { background-image: none !important; } .header_section .inputBox.widLg .btnSearch { height: 50px; } .header_section .inputBox.searchBox .inputSearch { width: 380px; float: left; } .header_section .inputBox.searchBox .btnBasic { min-width: 120px; margin-left: 12px; float: left; } .header_section .inputBox.searchBox .posIconR { width: 380px; float: left; } .header_section .posIconR.icoLocation:after { content: ""; display: block; width: 40px; height: 40px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-location.png") no-repeat center center; position: absolute; right: 0; top: 0; } .header_section .posIconR.icoLocation .inputSearch { padding-right: 55px; } .header_section .WTbHid { display: none; } @Media screen and (max-width: 1024px) { .header_section .inputSearch.hXlg { height: 40px; line-height: 40px; } .header_section .inputBox.widLg { width: 430px !important; } .header_section .inputBox.widLg .btnSearch { height: 40px; } } @Media screen and (max-width: 992px) { .header_section .inputSearch.hXlg { height: 50px; line-height: 50px; } .header_section .inputBox, .header_section .inputBox.widLg { width: 100% !important; } .header_section .inputBox.widLg .btnSearch { height: 50px; } .header_section .mbHid { display: none; } .header_section .WTbHid { display: block; } } .header_section .wtOnlyBlock { display: block; } @Media screen and (max-width: 740px) and (min-width: 0) { .header_section .wtOnlyBlock { display: inline; } .pip.contents_interior .section1 .color .details_img.web img { display: none !important; } } .header_section .radioboxWrap { display: block; font-size: 0; line-height: 0; } .header_section .radioboxWrap .radioBoxInner { display: inline-block; vertical-align: top; position: relative; } .header_section .radioboxWrap .radioBoxInner ~ .radioBoxInner { margin-left: 7px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] { opacity: 0; -webkit-appearance: none; width: 0; height: 0; position: absolute; left: 0; top: 0; } .header_section .radioboxWrap .radioBoxInner label { display: inline-block; min-height: 18px; padding-left: 28px; line-height: 18px; font-size: 14px; vertical-align: top; cursor: pointer; padding-right: 76px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] ~ label:before { content: ""; display: inline-block; width: 18px; height: 18px; border: 2px solid #999; border-radius: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:before { border: 2px solid #00aad2; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:after { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 100%; background: #00aad2; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 5px; top: 5px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:focus ~ label:before { border: 2px solid #00aad2; -webkit-box-shadow: 0 0 4px #00aad2; box-shadow: 0 0 4px #00aad2; } @Media screen and (max-width: 992px) { .header_section { } .header_section .radioboxWrap .radioBoxInner ~ .radioBoxInner { margin-left: 25px; } .header_section .radioboxWrap .radioBoxInner label { min-height: 16px; padding-left: 25px; line-height: 16px; font-size: 12px; padding-right: 10px; width: 70%; } .header_section .radioboxWrap .radioBoxInner input[type="radio"] ~ label:before { width: 16px; height: 16px; } .header_section .radioboxWrap .radioBoxInner input[type="radio"]:checked ~ label:after { left: 4px; top: 4px; } } .header_section .checkboxWrap { display: block; font-size: 0; line-height: 0; } .header_section .checkboxWrap .checkboxInner { display: inline-block; vertical-align: top; position: relative; overflow: hidden; } .header_section .checkboxWrap .checkboxInner ~ .checkboxInner { margin-left: 7px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] { position: absolute; left: -30px; top: -30px; } .header_section .checkboxWrap .checkboxInner label { display: inline-block; min-height: 18px; padding-left: 28px; line-height: 18px; font-size: 14px; vertical-align: top; cursor: pointer; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] ~ label:before { content: ""; display: inline-block; width: 18px; height: 18px; border: 2px solid #999; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 0; top: 0; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:checked ~ label:before { border: 2px solid #00aad2; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/ico-checkbox.png") no-repeat center center; background-size: 10px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:focus ~ label:before { border: 2px solid #00aad2; -webkit-box-shadow: 0 0 3px #00aad2; box-shadow: 0 0 3px #00aad2; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"]:disabled ~ label:before, .header_section .checkboxWrap .checkboxInner input[type="checkbox"].disabled ~ label:before { border: 2px solid #e5e5e5; background: #f2f2f2; } @Media screen and (max-width: 992px) { .header_section .checkboxWrap .checkboxInner ~ .checkboxInner { margin-left: 25px; } .header_section .checkboxWrap .checkboxInner label { min-height: 16px; padding-left: 25px; line-height: 16px; font-size: 14px; } .header_section .checkboxWrap .checkboxInner input[type="checkbox"] ~ label:before { width: 16px; height: 16px; } } .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { display: inline-block; margin-right: 20px; vertical-align: top; } .header_section span.gt_cta, .header_section span.configurator img, .header_section span.drive img, .header_section span.quote img { width: 32px; height: 32px; } .header_section span.hiddenTm { display: inline-block; } @Media screen and (max-width: 1024px) { .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { margin-right: 18px; } .header_section span.gt_cta, .header_section span.configurator img, .header_section span.drive img, .header_section span.quote img { width: 26px; height: 26px; } .header_section span.hiddenTm { display: none; } } @Media screen and (max-width: 992px) { .header_section span.gt_cta, .header_section span.configurator, .header_section span.drive, .header_section span.quote { margin-right: 0px; margin-bottom: 4px; } } .header_section .itemWrap { width: 100%; overflow: hidden; } .header_section .itemWrap em, .header_section .itemWrap i { font-style: normal; } .header_section .txtLineBox ~ .itemWrap { padding-top: 20px; } .header_section .itemWrap .itemListWrap { margin: -60px -16px 0; font-size: 0; line-height: 0; position: relative; } .header_section .itemWrap.mg2 .itemListWrap { margin: -60px -10px 0; } .header_section .itemWrap.mg3 .itemListWrap { margin: -60px -15px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -60px -10px 0; } .header_section .itemWrap .itemListWrap:after { content: ""; display: block; clear: both; } .header_section .itemWrap .itemList { display: inline-table; margin-top: 60px; vertical-align: top; } .header_section .itemWrap .itemList .listInner { margin: 0 16px; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 10px 0; } .header_section .itemWrap.mg3 .itemList .listInner { margin: 0 15px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 10px 0; } .header_section .itemWrap .itemList .itemTopTit { padding-bottom: 10px; line-height: 40px; font-size: 30px; font-family: "HyundaiSansHead"; font-weight: 500; letter-spacing: .5px; } .header_section .itemWrap .itemList .itemLink, .header_section .itemWrap .itemList .img { display: block; } .header_section .itemWrap .itemList .itemTit { padding-bottom: 6px; } .header_section .itemWrap .itemList .conTit { width: 100%; } .header_section .itemWrap .itemList .itemTit [class*="subTit"], .header_section .itemWrap .itemList .itemTit [class*="conTit"] { display: inline-block; vertical-align: middle; } .header_section .itemWrap .itemList .itemLink:hover [class*="subTit"], .header_section .itemWrap .itemList .itemLink:hover [class*="conTit"], .header_section .itemWrap .itemList .itemLink:hover [class*="conArea"] { text-decoration: underline; } .header_section .itemWrap .img { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 53.58%; text-align: center; overflow: hidden; position: relative; } .header_section .itemWrap .video { display: block; width: 100%; margin-bottom: 10px; padding-bottom: 53.58%; text-align: center; overflow: hidden; position: relative; } .header_section .itemWrap .img img { width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .itemWrap .video img { width: auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .itemWrap .itemList .itemCon { display: block; line-height: 1.43; color: #666; font-size: 14px; font-family: "HyundaiSansHead"; } .header_section .itemWrap .itemList .itemCon .conAreaS { line-height: 20px; } .header_section .itemWrap .itemList .itemCon [class*="conArea"] ~ [class*="conArea"] { padding-top: 2px; } .header_section .itemWrap .itemList .itemCon.pd0 [class*="conArea"] ~ [class*="conArea"].pd0 { padding-top: 0; } .header_section .itemWrap .itemList .itemCon .conBlock { display: block; } .header_section .itemWrap .itemList .checkboxWrap { padding-bottom: 8px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.conTit { font-size: 16px; line-height: 20px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitS:before, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.conTit:before { top: 1px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM { font-size: 16px; line-height: 30px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitM:before { top: 6px; } .header_section .itemWrap .itemList .checkboxWrap ~ .itemCon { padding-left: 28px; } .header_section .itemWrap .itemList .itemBtnWrap { display: table; width: 100%; } .header_section .itemWrap .itemList .itemBtnWrap .left, .header_section .itemWrap .itemList .itemBtnWrap .right { display: table-cell; vertical-align: middle; } .header_section .itemWrap .itemList .itemBtnWrap .right { text-align: right; } .header_section .secListBox ~ .secListBox { padding-top: 80px; } .header_section .secSpaListWrap .conAreaS.icoNote { margin-top: 60px; } .header_section .btnMoreWhite { width: 100%; height: 50px; line-height: 50px; color: #767676; font-size: 15px; font-family: "HyundaiSansHead"; font-weight: 500; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .btnMoreWhite .icoArr { display: inline-block; padding-right: 17px; position: relative; } .header_section .btnMoreWhite .icoArr:after { content: ""; display: block; margin-top: -2px; border-top: 5px solid #767676; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; right: 0; top: 50%; } .header_section .itemWrap.bttmLayer .itemLayer { display: none; margin-top: 35px; padding: 40px 60px; background: #f6f3f2; position: absolute; top: 0; left: 10px; right: 10px; z-index: 1; } .header_section .itemWrap.bttmLayer .active .itemLayer { display: block; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 1) .itemLayer:after { left: 75px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 2) .itemLayer:after { left: 370px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 3) .itemLayer:after { left: 665px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(4n + 4) .itemLayer:after { left: 965px; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer { display: block; width: 16px; height: 16px; font-size: 0; text-indent: -9999px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-layer-close.png") no-repeat center center; background-size: cover; overflow: hidden; position: absolute; right: 20px; top: 20px; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer.nitro-lazy { background-image: none !important; } .header_section .secListBox .itemTxtTop { display: table; padding-bottom: 20px; } .header_section .secListBox .itemTxtTop .txtLeft { display: table-cell; font-family: "HyundaiSansHead"; font-weight: 500; line-height: 28px; font-size: 16px; vertical-align: middle; } .header_section .secListBox .itemTxtTop .txt_count { display: table-cell; line-height: 28px; vertical-align: middle; } @Media screen and (max-width: 1024px) { .header_section { } .header_section .txtLineBox ~ .itemWrap { padding-top: 30px; } .header_section .itemWrap .itemListWrap { margin: -32px -7px 0 -7px; } .header_section .itemWrap.mg2 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap.mg3 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -32px -7px 0; } .header_section .itemWrap .itemList { margin-top: 32px; } .header_section .itemWrap .itemList .listInner { margin: 0 7px; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap.mg3 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 7px 0; } .header_section .itemWrap .itemList .itemTopTit { line-height: 21px; font-size: 14px; letter-spacing: .2px; } .header_section .itemWrap .itemList .itemTit { padding-bottom: 7px; } .header_section .itemWrap .itemList .checkboxWrap { padding-bottom: 10px; } .header_section .itemWrap .itemList .itemCon [class*="conArea"] ~ [class*="conArea"] { padding-top: 5px; } .header_section .itemWrap .itemList .itemCon .conAreaS { font-size: 14px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitS, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.conTit { font-size: 14px; line-height: 21px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitS:before, .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.conTit:before { top: 2px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner label.subTitM { font-size: 14px; line-height: 21px; } .header_section .itemWrap .itemList .checkboxWrap .checkboxInner input[type="checkbox"] ~ label.subTitM:before { top: 2px; } .header_section .itemWrap .itemList .itemBtnWrap { display: block; } .header_section .itemWrap .itemList .itemBtnWrap .left, .header_section .itemWrap .itemList .itemBtnWrap .right { display: block; } .header_section .itemWrap .itemList .itemBtnWrap .right { padding-top: 10px; text-align: left; } .header_section .secListBox ~ .secListBox { padding-top: 35px; } .header_section .secSpaListWrap .conAreaS.icoNote { margin-top: 40px; } .header_section .btnWrap.btnMoreWrap { padding-top: 60px; } .header_section .itemWrap.bttmLayer .itemLayer { left: 7px; right: 7px; } .header_section .itemWrap.bttmLayer .active .itemLayer { padding: 25px 25px 50px 25px; } .header_section .itemWrap.bttmLayer .itemLayer:after { width: 18px; height: 18px; margin-left: -13px; top: -9px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 1) .itemLayer:after { left: 16.65%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 2) .itemLayer:after { left: 49.95%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(3n + 3) .itemLayer:after { left: 83.25%; } .header_section .itemWrap.bttmLayer .itemLayer .btnCloseLayer { background-size: 12px; } .header_section .secListBox .itemTxtTop { padding-bottom: 15px; } .header_section .secListBox .itemTxtTop .txtLeft { line-height: 21px; font-size: 14px; } } @Media screen and (max-width: 992px) { .header_section { } .header_section .txtLineBox ~ .itemWrap { padding-top: 20px; } .header_section .itemWrap.mg2 .itemListWrap { margin: -15px -3px 0; } .header_section .itemWrap.mg4 .itemListWrap { margin: -15px -5px 0; } .header_section .itemWrap.mg2 .itemList .listInner { margin: 0 3px 0; } .header_section .itemWrap.mg4 .itemList .listInner { margin: 0 5px 0; } .header_section .itemWrap .itemList { margin-top: 15px; } .header_section .itemWrap .itemList .itemTopTit { line-height: 22px; font-size: 17px; letter-spacing: .3px; } .header_section .secListBox ~ .secListBox { padding-top: 25px; } .header_section .btnWrap.btnMoreWrap { padding-top: 28px; } .header_section .itemWrap.bttmLayer .itemLayer { left: 5px; right: 5px; } .header_section .itemWrap.bttmLayer .active .itemLayer { padding: 30px 15px 40px 15px; } .header_section .itemWrap.bttmLayer .itemList:nth-child(2n + 1) .itemLayer:after { left: 20%; } .header_section .itemWrap.bttmLayer .itemList:nth-child(2n + 2) .itemLayer:after { left: 70%; } .header_section .itemWrap .img img { width: 100%; position: static; -webkit-transform: none; transform: none; } } .header_section .selectFormBox { margin: 0 -6px; } .header_section .selectFormBox:after { content: ""; display: block; clear: both; } .header_section .selectFormBox .selForm { padding: 0 6px; float: left; } .header_section .selectFormBox .inputForm { padding: 0 6px; float: left; } .header_section .selectFormBox .inputForm input { width: 100%; height: 40px; padding: 11px 20px; line-height: 17px; font-size: 14px; color: #666; border: 0 none; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f3f2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .header_section .selectFormBox .searchBtn { display: table; padding: 0 6px; float: left; } .header_section .selectFormBox .searchBtn .btn { width: 100%; height: 40px; font-size: 14px; } @Media screen and (max-width: 1024px) { .header_section .selectFormBox { margin: 0 -5px; } .header_section .selectFormBox .selForm { padding: 0 5px; } .header_section .selectFormBox .inputForm { padding: 0 5px; } .header_section .selectFormBox .selForm select { height: 35px; line-height: 35px; padding-left: 15px; font-size: 12px; } .header_section .selectFormBox .inputForm input { height: 35px; line-height: 35px; padding: 0 15px; font-size: 12px; } .header_section .selectFormBox .searchBtn { padding: 0 5px; } .header_section .selectFormBox .searchBtn .btn { width: 100%; height: 35px; line-height: 35px; font-size: 13px; } } @Media screen and (max-width: 992px) { .header_section .selectFormBox { margin: 0; margin-top: -10px; } .header_section .selectFormBox .selForm { width: 100% !important; padding: 10px 0 0 0; float: none; } .header_section .selectFormBox .inputForm { width: 100% !important; padding: 10px 0 0 0; float: none; } .header_section .selectFormBox .searchBtn { width: 100% !important; padding: 30px 0 0 0px; float: none; } .header_section .selectFormBox .searchBtn .btn { height: 50px; font-size: 15px; } } .header_section .videoWrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; overflow: hidden; } .header_section .videoWrap .innerWrap { position: absolute; left: 0; right: 0; top: 50%; padding-bottom: 56.25%; padding-top: 25px; height: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header_section .videoWrap video, .header_section .videoWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; } .header_section .videoInnerDimm { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; background: rgba(0,0,0,.6); } .header_section .videoPlayBtn { position: absolute; top: 50%; left: 50%; z-index: 12; width: 60px; height: 60px; margin: -30px 0 0 -30px; background: url("https://cdn-ikpfmib.nitrocdn.com/ZEXwfxGOXUdhPaOZiMyJIVXNtyaqNvwQ/assets/images/optimized/rev-622131a/hyundai-uae.com/wp-content/uploads/common/btn-video.png") no-repeat top left; overflow: hidden; cursor: pointer; text-indent: -1000px; } .header_section .videoPlayBtn.nitro-lazy { background-image: none !important; } .header_section .videoPoster { position: relative; width: 100%; height: 100%; z-index: 3; overflow: hidden; } .header_section .videoPoster img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .header_section .tableBottomText { margin-top: 20px; } .header_section .tableBottomText + .tableBottomText { margin-top: 10px; } @Media all and (max-width: 1024px) { .header_section .tableBottomText { margin-top: 10px; } .header_section .tableBottomText + .tableBottomText { margin-top: 5px; } } @Media all and (max-width: 992px) { .header_section { } .header_section .videoPoster { height: auto; } .header_section .videoPoster img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; height: auto; } } .header_section .fullImg { display: block; width: 100%; text-align: center; overflow: hidden; position: relative; } .header_section .fullImg .img { position: relative; display: block; width: 100%; height: 100%; } .header_section .fullImg .img img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } @Media screen and (max-width: 1024px) { .header_section { } .header_section .fullImg .img img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } } @Media screen and (max-width: 992px) { .header_section { } .header_section .fullImg .img img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } } .header_section .gridWrap { width: 100%; } .header_section .gridWrap:after { content: ""; display: block; clear: both; } .header_section .gridbox:after { content: ""; display: block; clear: both; } .header_section .gridbox li { float: left; } .header_section .gridbox li.gridCont { width: 100%; } .header_section .gridbox li .imgArea { display: block; width: 100%; text-align: center; overflow: hidden; position: relative; } .header_section .gridbox li .imgArea img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); overflow: hidden; width: 100%; } .header_section .gridbox li.gridCont2 { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 10px; } .header_section .gridbox li.gridCont2:first-child { padding-left: 0; padding-right: 10px; } .header_section .gridbox li.gridCont3 { width: 32%; margin-left: 2%; } .header_section .gridbox li.gridCont3:first-child { margin-left: 0; } .header_section .gridbox li.gridCont4 { width: 22.5%; margin-left: 3.3%; } .header_section .gridbox li.gridCont4:first-child { margin-left: 0; } .header_section .gridbox li .imgArea.half { float: left; width: 256px; margin-right: 20px; } .header_section .gridbox li .txtArea.half { float: left; width: 256px; } @Media screen and (max-width: 1240px) { .header_section .gridbox li .imgArea.half { width: 47%; margin-right: 5%; } .header_section .gridbox li .txtArea.half { width: 48%; } .header_section .gridbox li.gridCont2 { padding-left: 7px; } .header_section .gridbox li.gridCont2:first-child { padding-right: 7px; } } @Media screen and (max-width: 992px) { .header_section .gridbox li .imgArea img { position: static; top: auto; left: auto; -webkit-transform: none; transform: none; width: 100%; } .header_section .gridbox li.gridCont2 { width: 100%; padding: 0; margin-top: 45px; } .header_section .gridbox li.gridCont2:first-child { padding: 0; } .header_section .gridbox li.gridCont3 { width: 100%; margin-left: 0; margin-top: 20px; } .header_section .gridbox li.gridCont4 { width: 100%; margin-left: 0; margin-top: 20px; } .header_section .gridbox li.gridCont2:first-child, .header_section .gridbox li.gridCont3:first-child, .header_section .gridbox li.gridCont4:first-child { margin-top: 0; } .header_section .gridbox li .imgArea.half { width: 100%; margin-right: 0; } .header_section .gridbox li .txtArea.half { width: 100%; } } .header_section .dim { position: fixed; display: block; top: 0; width: 100%; height: 100%; background: #000; opacity: .5; z-index: 900; } .header_section .cta-a .btnWrap.col1, .header_section .cta-a .btnWrap.col2, .header_section .cta-a .btnWrap.col3, .header_section .cta-a .btnWrap.col4 { margin: -20px -7px 0; } @Media screen and (max-width: 375px) { .header_section { } .header_section .tWrap .ftit { font-size: 25px !important; line-height: 25px !important; } } @Media screen and (max-width: 992px) { .header_section .gnbWrap .gnbArea { padding-bottom: 0; } .header_section .gnbWrap .gnbRight { display: block; float: none; padding-top: 0; } .header_section .gnbWrap .gnbRight li.tabhid { display: block; } .header_section .gnbWrap .gnbRight .item { float: none; height: 60px; margin-left: 0; padding-left: 20px; border-bottom: 1px solid #e7e6e5; -webkit-box-sizing: border-box; box-sizing: border-box; } .header_section .gnbWrap .gnbRight .item > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: 100%; text-indent: 0; overflow: hidden; background-repeat: no-repeat; background-position: 0 50%; padding-left: 30px; } .header_section .gnbWrap .gnbRight .item .btnGnbSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; background-position: 0 50%; } .header_section .gnbWrap .gnbRight .item.gnbSnsShareBtn, .header_section .gnbWrap .gnbRight .item.gnbSearchBtn { display: none; } } @Media only screen and (min-width: 1024px) { .header_section .dep1:hover .gnbSubArea { display: block !important; } .header_section .depSub:hover .depSubWrap { display: block; } .header_section .gnbWrapFull { position: unset; top: 0px !important; left: 0px !important; min-width: 0px; -webkit-box-shadow: none; box-shadow: none; min-height: 0 !important; overflow: visible !important; } .header_section .gnbSubArea.car { top: 60px !important; background: #fff; padding: 32px !important; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList { display: block; position: absolute; background: #fff; top: 60px; margin: 0px -32px; padding: 0px 32px; border-bottom: 1px solid rgba(200,200,200,.27); } .header_section .elementor-widget-wrap, .header_section .elementor-column, .header_section .elementor-widget, .header_section .elementor-column-wrap, .header_section .elementor-container { position: unset !important; } .header_section .gnbWrap { height: 71px; max-width: 1120px; margin: 0 auto; -webkit-box-sizing: content-box; box-sizing: content-box; position: unset; z-index: 10; } .header_section .gnbWrap .carListWrap .tabArea .tab.on .carList > li { position: relative; max-width: 1200px; margin-left: auto; margin-right: auto; } .header_section .gnbWrap .carListWrap .tabArea { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex !important; width: calc(100% - 40px); max-width: 1200px; margin-left: auto; margin-right: auto; } .header_section .gnbWrap .gnbArea .gnbSubArea .btnGnbClose { margin: 0px 22px; background: none !important; margin-bottom: auto; margin-left: auto; display: none !important; } .header_section #gnbCarTabArea .btnGnbClose { margin: 0px 22px !important; } .header_section .custom-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header_section .custom-wrapper > .item { -ms-flex-negative: 0; flex-shrink: 0; } .header_section .gnbWrap .gnbArea .dep2Wrap { position: relative; left: 0; top: 0; } .header_section .gnbSubArea-wrapper { max-width: 1200px; margin-left: auto; margin-right: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 32px 32px; } .header_section .depSub_a { width: 265px; font-family: "hyundaisanshead"; } .header_section .gnbWrap .gnbArea .gnbSubArea { top: 60px !important; } } .header_section .lang-switch { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; left: 0px; z-index: 100; top: 71px; background: white; width: calc(100% - 30px) !important; height: 59px !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid rgba(200,200,200,.31); } .header_section .lang-switch .wpml-ls-statics-footer { margin-bottom: 0px !important; } [lang="en-GB"] .ar { display: none; } [lang="ar"] .en { display: none; } @Media only screen and (max-width: 1024px) { [lang="en-GB"] .over-mune { position: fixed; left: 16px; top: 22px; width: 200px !important; } } @Media only screen and (max-width: 1024px) { [lang="ar"] .over-mune { position: fixed; right: 16px; top: 22px; width: 200px !important; } } .d-none { display: none !important; } .over-mune { z-index: 99999; } .main-menu { position: unset; } .main-menu { position: unset; } body, div, section, dl, ul, ol, li { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } li { list-style: none; } @Media screen and (min-width: 1024px) { .topBar { display: none; } .gnbSubArea-wrapper .dep2Wrap .depSub:hover .dep3Wrap { display: none; } } @Media screen and (max-width: 1024px) { .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { padding-left: 32px; } } [lang="ar"] .header_section .gnbWrap .gnbArea { float: right; } @Media only screen and (min-width: 1024px) { [lang="ar"] .dep1Wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr::after { right: auto; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } [lang="ar"] .header_section .gnbWrap .gnbArea .dep3Wrap { left: auto; right: 285px; } @Media only screen and (max-width: 1024px) { [lang="ar"] .gnbArea { width: 100%; } [lang="ar"] .header_section .gnbWrap .gnbArea .dep1Wrap .dep1 .dep1_a::after { right: auto !important; left: 12px !important; } [lang="ar"] .gnbWrap .gnbArea .tab .tabBtn { text-align: right !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .tab .tabBtn::after { left: 20px; right: auto !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a.arr::after { right: auto !important; left: 21px; -webkit-transform: rotate(0deg); transform: rotate(0deg); } [lang="ar"] .header_section .gnbWrap .carListWrap .tabArea .tab > .tabBtn { padding-right: 32px !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .gnbSubArea .depSub .depSub_a { padding-right: 32px !important; } [lang="ar"] .header_section .gnbWrap .gnbArea .dep3Wrap { left: auto; right: 0 !important; } } li.on { position: unset !important; } @Media print, screen and (min-width: 741px) and (max-width: 20000px) { .gnbWrap .carListWrap .carList .item { margin-right: unset !important; } .gnbWrap .carListWrap .carList .item img { width: unset !important; height: unset !important; } } * { box-sizing: border-box; } form.map input[type=text] { padding: 13px; font-size: 12px; border: 0px; float: left; width: 80%; background: #fff; } @Media only screen and (max-width: 600px) { form.map button { float: left; width: 20%; padding: 10px; background: #002c5f; font-size: 10px; border: 0px; border-left: none; cursor: pointer; } } form.map button { float: left; width: 20%; padding: 10px; background: #002c5f; color: white; font-size: 17px; border: 0px; border-left: none; cursor: pointer; } form.map button:hover { background: #002c5f; border: 0px; } form.map::after { content: ""; clear: both; display: table; } #sb_youtube_sbyUC2y1M9uDpjYbTBn6XVePXrg4 .sby_caption_wrap .sby_caption { font-size: 13px !important; } #sb_youtube_sbyUC2y1M9uDpjYbTBn6XVePXrg4[data-videostyle=boxed] .sby_items_wrap .sby_item .sby_inner_item { background-color: #fff !important; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_icon { color: #f8f2ed; background: #1b1b1b; display: flex !important; align-items: center; justify-content: center; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot strong { transition: ease-in-out all .3s; display: inline-block; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span { color: #fff; background-color: #002c5f !important; position: absolute; right: 175px; display: block; width: auto; white-space: nowrap; top: 50%; transform: translate(-100%,-50%); } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span::before { border-left-color: #002c5f !important; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li { padding: 0; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu { flex-flow: column; align-items: flex-end; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot:hover i, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active i { color: #f8f2ed; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot:hover strong, #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active strong { background: #545454; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li { text-align: left; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu li .uc_dot span { left: inherit; transform: translate(100%,-50%); right: 175px; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar.left .uc_nav-menu li .uc_dot span::before { left: -14px; right: inherit; border-right: 7px solid #1b1b1b; border-left: 0px; width: 0; } #uc_icon_one_page_scroll_navigation_elementor_d46733e.uc_icon_navbar .uc_nav-menu { align-items: flex-end !important; } li .uc_dot span::before { left: -28px !important; border-right: 7px solid #1b1b1b !important; border-right: 0px !important; width: 0 !important; border-left-color: #1b1b1b !important; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_icon { color: #f8f2ed; background: #1b1b1b; display: flex !important; align-items: center; justify-content: center; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot strong { transition: ease-in-out all .3s; display: inline-block; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span { color: #fff; background-color: #1b1b1b; position: absolute; left: -25px; display: block; width: auto; white-space: nowrap; top: 50%; transform: translate(-100%,-50%); } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span::before { border-left-color: #1b1b1b; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li { padding: 0; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu { flex-flow: column; align-items: flex-end; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot:hover i, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active i { color: #f8f2ed; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot:hover strong, #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li:hover .uc_dot.uc_active strong { background: #545454; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li { text-align: left; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu li .uc_dot span { left: inherit; transform: translate(100%,-50%); right: -25px; margin: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar.left .uc_nav-menu li .uc_dot span::before { left: -14px; right: inherit; border-right: 7px solid #1b1b1b; border-left: 0px; width: 0; } #uc_icon_one_page_scroll_navigation_elementor_38d4440.uc_icon_navbar .uc_nav-menu { align-items: flex-end !important; } li .uc_dot span::before { left: -28px !important; border-right: 7px solid #1b1b1b !important; border-right: 0px !important; width: 0 !important; border-left-color: #1b1b1b !important; } .elementor-widget-wrap:lang(ar) { justify-content: flex-end !important; }

قطعات و خدمات

جهت مشاهده قیمت قطعه مورد نظر شماره فنی و یا نام قطعه را وارد کنید :

جهت مشاهده اجرت خدمات مورد نظر نام خدمت و یا کد خدمت را وارد کنید :

کلیه حقوق متعلق به هرمس خودرو محفوظ می باشد.

کلیه حقوق متعلق به هرمس خودرو محفوظ می باشد.