.cmpnt-navigation{position:relative;font-family:HyundaiMedium;background-color:#fff}
.cmpnt-navigation sup{color:#999;padding-left:4px;font-size:12px}
.cmpnt-navigation__tab ul{display:flex}
.cmpnt-navigation__tab li{margin-left:30px;white-space:nowrap;font-size:20px}
.cmpnt-navigation__tab li a{display:inline-block;box-sizing:border-box;height:28px;text-decoration:none}
.cmpnt-navigation__tab li a.outlink::after{content:"";display:inline-block;overflow:hidden;margin-left:10px;vertical-align:middle;font-size:0;line-height:0;width:15px;height:15px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_outlink.png')}
.cmpnt-navigation__tab li a.outlink:hover::after{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/common/ico_outlink_blue.png')}
.cmpnt-navigation__tab li.contact a{position:relative;color:#666}
.cmpnt-navigation__tab li.contact a::before{content:"";background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_contact.png') 0 2px;background-repeat:no-repeat;padding:0 0 3px 26px}
.cmpnt-navigation__tab li.contact a::after{content:"";position:absolute;width:1px;height:20px;background-color:#dbdbdb}
[data-type='list'] .cmpnt-navigation__tab li a{color:#999}
[data-type='list'] .cmpnt-navigation__tab li{margin-left:24px}
[data-type='list'] .cmpnt-navigation__tab li.on a{border-bottom:1px solid #002c5f;color:#002c5f}
.cmpnt-navigation[data-type='list']{padding-bottom:50px}
.cmpnt-navigation__list ul{display:flex;gap:8px}
.cmpnt-navigation__list a{display:inline-block;border:1px solid #d8d8d8;box-sizing:border-box;text-decoration:none;line-height:20px}
.cmpnt-navigation__list li.on a{border:1px solid #00aad2}
.cmpnt-navigation__list a>img{position:absolute;bottom:6px;right:5px;z-index:-1}
.cmpnt-navigation__list[data-type='product'] a{position:relative;height:100%;padding:18px 20px}
.cmpnt-navigation__list[data-type='hashtag'] ul{gap:10px}
.cmpnt-navigation__list[data-type='hashtag'] a{padding:16px 20px;white-space:nowrap;cursor:pointer}
.cmpnt-navigation__list .swiper{padding-right:200px}
.cmpnt-navigation__search{position:relative;height:58px;display:flex;background-color:#002c5f}
.cmpnt-navigation--input{display:flex;align-items:center;width:20em;background-color:#002c5f;padding:0 15px}
#container .cmpnt-navigation--input input{width:100%;border:0;background-color:#002c5f;font-family:'HyundaiMedium';font-size:20px;padding:0}
.cmpnt-navigation__button{background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_search-white.png') 0 0;background-repeat:no-repeat;width:58px;height:58px;font-size:0}
.cmpnt-navigation__button.reset{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_close-white.png');background-position:50% 50%}
@media print,screen and (min-width:1024px) and (max-width:20000px){.cmpnt-navigation{display:flex;align-items:center;justify-content:space-between;padding-right:85px}
.cmpnt-navigation__link{display:none}
.cmpnt-navigation__tab{padding:46px 0 45px}
.cmpnt-navigation__tab li a:hover{border-bottom:1px solid #002c5f;color:#002c5f;text-decoration:none;padding-bottom:2px}
.cmpnt-navigation__tab li a:hover sup{color:#002c5f}
.cmpnt-navigation__tab li.contact{position:relative;margin:0 50px}
.cmpnt-navigation__tab li.contact a:hover{border:0;color:#002c5f}
.cmpnt-navigation__tab li.contact a:hover::before{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/ico_contact-hover.png')}
.cmpnt-navigation__tab li.contact a::after{left:-25px;top:3px}
[data-type='list'] .cmpnt-navigation__tab{padding:0;margin-left:calc(50% - (1120px/2))}
[data-type='list'] .cmpnt-navigation__tab li:first-child{margin-left:0}
.cmpnt-navigation__list a:hover{border:1px solid #00aad2}
.cmpnt-navigation__list{margin-top:24px;margin-bottom:50px;margin-left:calc(50% - (1120px/2))}
.cmpnt-navigation__list[data-type='product']{height:152px}
.cmpnt-navigation__list[data-type='product'] li{width:180px !important;height:150px}
.cmpnt-navigation__list[data-type='product'] li:last-child{width:300px !important}
.cmpnt-navigation__list[data-type='product'] a{width:180px}
.cmpnt-navigation__list[data-type='hashtag'] ul{flex-wrap:wrap}
.cmpnt-navigation__search{margin:0 0 0 25px}
.cmpnt-navigation--input{caret-color:#fff}
#container .cmpnt-navigation--input input{color:rgba(255,255,255,0.8)}
.cmpnt-navigation--input input::placeholder{color:rgba(255,255,255,0.8)}
.is-focus .cmpnt-navigation--input{caret-color:transparent}
.is-focus .cmpnt-navigation--input::after{content:'';position:absolute;left:81px;right:0;width:1px;height:24px;background:#fff;animation:blink-effect 1.15s 300ms step-end infinite;opacity:0}
@keyframes blink-effect{50%{opacity:1}
}
}
@media print,screen and (min-width:1024px) and (max-width:1715px){.cmpnt-navigation{padding-right:25px}
.cmpnt-navigation__tab li.contact{margin-right:0}
.cmpnt-navigation--input{width:240px}
}
@media print,screen and (min-width:1024px) and (max-width:1540px){.cmpnt-navigation__tab{position:relative;overflow-x:scroll;overflow-y:hidden;padding-bottom:40px}
.cmpnt-navigation__tab::-webkit-scrollbar{height:5px}
.cmpnt-navigation__tab::-webkit-scrollbar-thumb{background-color:#8b8b8b;border-radius:10px}
.cmpnt-navigation__tab::-webkit-scrollbar-track{background-color:#fff}
.cmpnt-navigation__tab li.contact{padding-right:25px}
.cmpnt-navigation__search::after{content:"";position:absolute;left:-25px;top:18px;width:1px;height:20px;background-color:#dbdbdb}
}
@media screen and (min-width:0) and (max-width:1023px){.cmpnt-navigation{display:flex;flex-wrap:wrap}
.cmpnt-navigation__link{display:flex;width:79px;height:79px;background:#002c5f;text-align:center;align-items:center;justify-content:center}
.cmpnt-navigation__link a{display:block;font-size:18px;color:#fff;line-height:1.2}
.cmpnt-navigation__link a:hover,.cmpnt-navigation__link a:active{text-decoration:none}
.cmpnt-navigation__tab{position:relative;width:calc(100% - 79px);overflow-x:scroll;overflow-y:hidden;height:79px;padding:0}
.cmpnt-navigation__tab ul{position:absolute;left:0;top:calc(50% - 9px);width:100%;overflow:visible;white-space:nowrap;line-height:19px;font-size:0}
.cmpnt-navigation__tab li sup{padding-left:2px;font-size:10px}
.cmpnt-navigation__tab li{margin-left:20px;font-size:18px;line-height:19px}
.cmpnt-navigation__tab li:first-child{margin-left:25px}
.cmpnt-navigation__tab li:last-child{padding-right:25px}
.cmpnt-navigation__tab li a{height:24px}
.cmpnt-navigation__tab li.contact{margin-left:40px}
.cmpnt-navigation__tab li.contact a::after{left:-20px;top:0}
.cmpnt-navigation__list{width:100vw}
.cmpnt-navigation__list ul{gap:10px}
.cmpnt-navigation__list li:first-child{margin-left:25px}
.cmpnt-navigation__list a{font-size:14px;line-height:18px}
.cmpnt-navigation__list a>img{bottom:6px;right:7px;width:95px;height:auto}
.cmpnt-navigation__list[data-type='product']{height:128px}
.cmpnt-navigation__list[data-type='product'] li{width:150px !important;height:120px}
.cmpnt-navigation__list[data-type='product'] li:last-child{width:285px !important}
.cmpnt-navigation__list[data-type='product'] a{width:150px}
.cmpnt-navigation__list[data-type='hashtag']{position:relative;padding-right:25px;overflow-x:scroll;overflow-y:hidden;height:58px}
.cmpnt-navigation__list[data-type='hashtag'] ul{position:absolute;left:0;top:0;width:100%;overflow:visible}
.cmpnt-navigation__list[data-type='hashtag'] a{font-size:16px}
.cmpnt-navigation__list[data-type='hashtag'] li:last-child a{margin-right:25px}
.cmpnt-navigation__search{position:relative;width:100%;border-width:1px 0;border-color:#dbdbdb;border-style:solid;padding:0 25px;display:flex;align-items:center;background-color:#fff;box-shadow:none}
.cmpnt-navigation--input{display:block;width:calc(100% - 28px);background-color:#fff;padding:0}
#container .cmpnt-navigation--input input{background-color:#fff;font-size:16px;color:#002c5f}
.cmpnt-navigation--input input::placeholder{color:#bebebe}
.cmpnt-navigation__button{width:28px;height:28px;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_search-blk-m.png') no-repeat 0 0;background-size:100%}
.cmpnt-navigation__button.reset{background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_close-m.png')}
}