@charset "utf-8";.ctnb .tabWrap{position:relative}
.ctnb .tabWrap .tabActive{display:none;width:100%;padding-left:15px;padding-right:15px;background:#444;font-size:12px;font-family:"HyundaiMedium";color:#fff;text-decoration:none;text-align:left;box-sizing:border-box;overflow:hidden}
.ctnb .tabWrap .tabArea{height:60px;overflow:hidden}
.ctnb .tabWrap .tabArea .tab{display:table;height:60px;float:left}
.ctnb .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:"HyundaiMedium";text-decoration:none;vertical-align:middle;word-break:break-word;color:#000}
.ctnb .tabWrap .tabArea .tab .link:hover,.ctnb .tabWrap .tabArea .tab .link:focus{color:#000;background-color:#fff}
.ctnb .tabWrap .tabArea .tab .link.on{color:#000;background-color:#fff}
.ctnb .tabWrap .tabArea .tab.all .link{color:#fff;background-color:#002c5f}
.ctnb .tabWrap .tabArea .tab.all .link:hover,.ctnb .tabWrap .tabArea .tab.all .link:focus{color:#000;background-color:#fff}
.ctnb .tabWrap .tabArea .tab.all .link.on{color:#fff;background-color:#002c5f}
.ctnb .tabWrap .tabArea .tab .link>*{line-height:16px;font-size:14px;font-weight:400}
.ctnb .tabWrap .tabArea li[aria-selected="false"] .link{color:#fff;background-color:#444}
.ctnb .tabWrap .tabArea li[aria-selected="true"] .link{color:#000;background-color:#fff;font-size:14px;line-height:14px}
.ctnb .tabBox .tabCont{display:none}
.ctnb .tabBox .on{display:block}
.ctnbWrap .navigationTabWrap{overflow:hidden;position:relative;z-index:20;width:100%;min-width:inherit;height:70px;box-shadow:0 1px 0 rgba(0,0,0,0.05);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ctnbWrap .navigationTab{position:relative;height:70px;max-width:1170px;margin:0 auto;padding:0 25px;display:flex;align-items:center}
.ctnbWrap .navigationTab .tit{overflow:hidden;margin-right:143px;flex:none;width:auto;font-size:16px;line-height:16px;font-family:"HyundaiMedium"}
.ctnbWrap .navigationTab .tabListArea{overflow:hidden;margin-left:0}
.ctnbWrap .navigationTab .tabListArea .tabList{overflow:hidden;display:flex;width:max-content !important}
.ctnbWrap .navigationTab .tabListArea .tabList .tab{padding-left:28px;flex-shrink:0}
.ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child{padding-left:0}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a{display:block;font-size:16px;line-height:70px;color:#000;text-align:center;text-decoration:none;font-family:"HyundaiRegular"}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a:hover,.ctnbWrap .navigationTab .tabListArea .tabList .tab.on a{font-size:16px;font-weight:bold;color:#00aad2}
.ctnbWrap .navigationTab .ctnbBtn{overflow:hidden;display:none;position:absolute;top:50%;z-index:10;width:7px;height:12px;margin-top:-6px;text-indent:-9999px;cursor:pointer;background-position:0 0;background-repeat:no-repeat}
.ctnbWrap .navigationTab .ctnbBtn.btnPrev{left:107px;background-image:url("../../../../../template_en/en/images/common/ico-prev-arr-s.png")}
.ctnbWrap .navigationTab .ctnbBtn.btnNext{right:25px;background-image:url("../../../../../template_en/en/images/common/ico-next-arr-s.png")}
.ctnbWrap .navigationTab.maxWd .tit{margin-right:76px}
.ctnbWrap .navigationTab.maxWd .tabListArea{margin-right:35px}
.ctnbWrap .navigationTab.maxWd .ctnbBtn{display:block}
@media screen and (max-width:1024px){.ctnb .tabWrap .tabArea{height:45px}
.ctnb .tabWrap .tabArea .tab{height:45px}
.ctnb .tabWrap .tabArea .tab .link{height:45px}
.ctnb .tabWrap .tabArea .tab .link>*{font-size:12px}
.ctnb .tabWrap .tabArea li[aria-selected="true"] .link{font-size:12px;line-height:12px}
.ctnb .tabWrap .tabArea li[aria-selected="false"] .link{font-size:12px;line-height:12px}
.ctnbWrap .navigationTab{height:48px;line-height:48px}
.ctnbWrap .navigationTab .tit{margin-right:85px}
.ctnbWrap .navigationTab.maxWd .tabListArea{height:100%;margin-right:32px}
.ctnbWrap .navigationTab .tabListArea .tabList .tab{padding-left:25px}
.ctnbWrap .navigationTab .tabListArea .tabList .tab:first-child{padding-left:0}
.ctnbWrap .navigationTab .tabListArea .tabList .tab a{line-height:48px}
.ctnbWrap .navigationTab .tabListArea .tabList .tab.on a{font-size:14px}
.ctnbWrap .navigationTab .ctnbBtn.btnPrev{left:95px}
.ctnbWrap .navigationTab .ctnbBtn.btnNext{right:25px}
.ctnbWrap .navigationTabWrap{height:48px}
.ctnbWrap .navigationTab .tit{max-height:28px}
}
@media screen and (max-width:767px){.ctnb .tabWrap{margin:0 -15px;line-height:45px}
.ctnb .tabWrap.noMg{margin:0}
.ctnb .tabWrap .tabActive{display:table;width:100%;padding-left:15px;padding-right:15px;background:#444;font-size:12px;font-family:"HyundaiMedium";color:#fff;text-decoration:none;text-align:left;box-sizing:border-box;overflow:hidden}
.ctnb .tabWrap .tabActive span{display:table-cell;height:45px;padding-right:22px;line-height:16px;vertical-align:middle}
.ctnb .tabWrap:after{display:block;content:'';width:7px;height:7px;margin-top:-4px;background:url("../../../../../template_en/en/images/common/ico-tab-right-arr-m.png") no-repeat right center;background-size:7px auto;position:absolute;right:15px;top:22px}
.ctnb .tabWrap .tabArea{width:100%;height:auto}
.ctnb .tabWrap .tabArea.open{display:block}
.ctnb .tabWrap .tabArea .tab{display:none;height:auto;float:none;width:100% !important}
.ctnb .tabWrap .tabArea .tab .link{display:block;width:auto;height:auto;line-height:16px;font-size:12px;text-align:left;padding:14px 35px 15px 10px}
.ctnb .tabWrap .tabArea .tab.on{display:block;background-color:#656565}
.ctnb .tabWrap .tabArea .tab.on .link{color:#fff;background-color:#444}
.ctnb .tabWrap .tabArea.open .tab{display:block;width:100%}
.ctnb .tabWrap .tabArea.open .tab .link{color:#fff;background-color:#444}
.ctnb .tabWrap .tabArea.open .tab.on .link{background-color:#656565}
.ctnb .tabWrap .tabArea li[aria-selected="true"] .link{font-size:15px;line-height:15px}
.ctnb .tabWrap .tabArea li[aria-selected="false"] .link{font-size:15px;line-height:15px}
.ctnbWrap .navigationTab{padding:0 15px}
.ctnbWrap .navigationTab .tit,.ctnbWrap .navigationTab.maxWd .tit{margin-right:20px}
.ctnbWrap .navigationTab .tabListArea .tabList{padding:0}
.ctnbWrap .navigationTab .tabListArea .tabList .tab{margin-right:0}
.ctnbWrap .navigationTab.maxWd .ctnbBtn{display:none}
.ctnbWrap .navigationTab.maxWd .tabListArea{margin-right:0}
}