@charset "utf-8";.secHomeModelWrap-tab{overflow:hidden;width:100%}
.secHomeModelWrap-tab .conYear,.secHomeModelWrap-tab .priceTxt{font-family:'HyundaiHRegular'}
.secHomeModelWrap-tab h3,.secHomeModelWrap-tab .homeTit,.secHomeModelWrap-tab .conTit,.secHomeModelWrap-tab .carPrice,.secHomeModelWrap-tab .thumbArea p{font-family:"HyundaiMedium"}
.secHomeModelWrap-tab .secModelBox-tab{max-width:1600px;margin:0 auto 80px;padding:100px 0;background:#fff}
.secHomeModelWrap-tab .secModelBox-tab .homeTit{padding-bottom:100px;font-size:44px;line-height:54px;letter-spacing:.88px;text-align:center}
.secHomeModelWrap-tab .secHomeModelTab{padding-bottom:60px}
.secHomeModelWrap-tab .secHomeModelTab .tabBox{text-align:center}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList{display:flex;justify-content:center;align-items:center}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item{position:relative;padding:0 30px}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item .link{text-decoration:none}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item h3{padding-bottom:10px;font-size:20px;line-height:24px;letter-spacing:.4px}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item[aria-selected="true"] h3{color:#00aad2;font-family:"HyundaiBold"}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item[aria-selected="true"]:after{content:'';display:block;position:absolute;left:0;bottom:0;right:0;height:4px;background-color:#00aad2}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item .link:hover{text-decoration:none}
.secHomeModelWrap-tab .secHomeModelTabCont .swiperBox{visibility:hidden;opacity:0;position:relative;width:100%;height:0;position:relative;max-width:1248px;margin:0 auto;padding:0 64px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiperBox.on{visibility:visible;height:auto;opacity:1}
.secHomeModelWrap-tab .secHomeModelTabCont .swiperBox .secHomeModelTabSwiper{position:relative;overflow:hidden;max-width:1120px;margin:0 auto}
.secHomeModelWrap-tab .secHomeModelTabCont .model-detail{width:100%}
.secHomeModelWrap-tab .secHomeModelTabCont .textArea{margin-bottom:25px;text-align:left;color:#999;aspect-ratio:292/160}
.secHomeModelWrap-tab .secHomeModelTabCont .conYear{margin-bottom:6px;font-size:14px}
.secHomeModelWrap-tab .secHomeModelTabCont .conTit{padding-bottom:20px;font-size:28px;color:#000;line-height:1.5}
.secHomeModelWrap-tab .secHomeModelTabCont .carPrice{margin-left:10px;font-size:20px;color:#000}
.secHomeModelWrap-tab .secHomeModelTabCont .descWrap{display:inline}
.secHomeModelWrap-tab .secHomeModelTabCont .priceTxt{display:inline-block;font-size:14px;line-height:18px}
.secHomeModelWrap-tab .secHomeModelTabCont .priceDiscount{color:#999;margin-top:10px;font-size:14px}
.secHomeModelWrap-tab .secHomeModelTabCont .toolTipWrap.ib{margin-left:0;margin-top:0}
.secHomeModelWrap-tab .secHomeModelTabCont .toolTipWrap .ic_Bquestion{position:relative;margin-left:10px;width:18px;height:18px;background:url("../../../images/common/ico_notice_grey.png") no-repeat 0 0;background-size:auto 100%}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea{position:relative}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeNew,.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgePromotion,.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeUpcoming{position:absolute;left:0;top:0;padding:0 8px;display:block;min-width:80px;line-height:20px;color:#fff;text-align:center;font-size:12px}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeNew{background-color:#00aad2}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgePromotion{background-color:#002c5f}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeUpcoming{background-color:#999}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea a{display:block;aspect-ratio:293/157}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea img{display:block;width:100%;height:100%;-webkit-transition:all .3s;transition:all .3s;object-fit:cover}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea{display:flex;flex-direction:column;gap:10px;margin-top:30px;width:100%}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea .btn{display:flex;align-items:center;justify-content:center;height:40px;border:1px solid #b7b7b7;background:#fff;color:#767676;text-transform:uppercase}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea .btn:hover{border-color:#002c5f;background:#002c5f;color:#fff}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-inner{overflow:hidden;max-width:1020px;margin:0 auto}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0,0,0)}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide{position:relative;width:100%;height:100%;padding:0 1%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;flex-shrink:0;transition-property:transform;text-align:center;font-size:18px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1248px;height:44px;margin-top:0}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-prev,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;cursor:pointer;z-index:10}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-prev:after,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-next:after{content:''}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-prev{left:0;background:url("../../../images/common/btn-prev3.png") no-repeat center center}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-next{right:0;background:url("../../../images/common/btn-next3.png") no-repeat center center}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging{display:flex;justify-content:center;align-items:center;margin-top:50px;text-align:center}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-pagination{display:flex;margin-left:-14px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:12px;height:12px;margin-left:10px;border:1px solid #999;border-radius:12px;background:#fff;opacity:1;box-sizing:border-box;cursor:pointer}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-pagination .swiper-pagination-bullet-active{background:#00aad2;border:1px solid #00aad2}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control{display:flex;margin-left:11px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .pause,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .play{overflow:hidden;display:flex;width:10px;height:12px;text-indent:-9999px;cursor:pointer}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .pause{background:url("../../../images/common/btn-stop.png") no-repeat;background-size:100%}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .play{background:url("../../../images/common/btn-play.png") no-repeat;background-size:100%}
.secHomeModelWrap-tab .btnMoreModel{overflow:hidden;display:block;height:50px;margin:60px 0 0;text-align:center}
.secHomeModelWrap-tab .btnMoreModel .colWd{display:table;width:200px;margin:0 auto;padding:0}
.secHomeModelWrap-tab .btnMoreModel .btn{width:100%;height:50px}
@media screen and (max-width:1248px){.secHomeModelWrap-tab .secModelBox-tab{padding:100px 30px;min-width:0}
.secHomeModelWrap-tab .secHomeModelTabCont .textArea{aspect-ratio:292/210}
}
@media screen and (max-width:1024px){.secHomeModelWrap-tab{margin-top:70px}
.secHomeModelWrap-tab .secModelBox-tab{padding:70px 25px}
.secHomeModelWrap-tab .secModelBox-tab .homeTit{padding-bottom:50px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiperBox{padding:0 16px}
.secHomeModelWrap-tab .secHomeModelTabCont .conTit{padding-bottom:13px;font-size:24px}
.secHomeModelWrap-tab .secHomeModelTabCont .textArea{aspect-ratio:292/250}
.secHomeModelWrap-tab .secHomeModelTabCont .carPrice{font-size:15px}
.secHomeModelWrap-tab .secHomeModelTabCont .priceTxt{font-size:14px}
.secHomeModelWrap-tab .secHomeModelTabCont .toolTipWrap .ic_Bquestion{width:15px;height:15px;margin-top:1px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-prev,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-next{background-size:50%}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-prev{left:-12px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction .swiper-button-next{right:-12px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging{margin-top:35px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-pagination .swiper-pagination-bullet{width:9px;height:9px;margin-left:8px;border-radius:9px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .pause,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .play{width:8px;height:10px}
.secHomeModelWrap-tab .btnMoreModel{height:40px;margin:40px 0 0}
.secHomeModelWrap-tab .btnMoreModel .colWd{width:auto}
.secHomeModelWrap-tab .btnMoreModel .btn{height:40px}
}
@media screen and (max-width:767px){.home-models-tab{padding-bottom:0}
.secHomeModelWrap-tab{margin-top:0;background:transparent}
.secHomeModelWrap-tab .secModelBox-tab{margin:0;padding:70px 0;background:#fff}
.secHomeModelWrap-tab .secModelBox-tab .homeTit{padding-bottom:54px;font-size:27px;line-height:32px;letter-spacing:.504px}
.secHomeModelWrap-tab .secHomeModelTab{padding-bottom:34px}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList{display:flex;justify-content:center;align-items:center}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item{position:relative;flex:1;padding:0 15px}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item h3{padding:10px 0;font-size:14px}
.secHomeModelWrap-tab .secHomeModelTab .tabBoxList-item[aria-selected="true"]:after{height:2px}
.secHomeModelWrap-tab .secHomeModelTabCont{overflow:inherit;padding:0}
.secHomeModelWrap-tab .secHomeModelTabCont .swiperBox{padding:0}
.secHomeModelWrap-tab .secHomeModelTabCont .textArea{opacity:0;-webkit-transition:all .3s;transition:all .3s;aspect-ratio:292/90}
.secHomeModelWrap-tab .secHomeModelTabCont .conYear{font-size:12px}
.secHomeModelWrap-tab .secHomeModelTabCont .conTit{padding-bottom:10px;font-size:19px}
.secHomeModelWrap-tab .secHomeModelTabCont .carPrice{margin-right:6px;font-size:14px}
.secHomeModelWrap-tab .secHomeModelTabCont .priceTxt{font-size:12px}
.secHomeModelWrap-tab .secHomeModelTabCont .toolTipWrap.ib{margin-top:1px}
.secHomeModelWrap-tab .secHomeModelTabCont .toolTipWrap .ic_Bquestion{margin-left:7px;width:12px;height:12px;margin-top:0;background-size:auto 100%}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeNew,.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgePromotion,.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea .icBadgeUpcoming{padding:0 5px;min-width:60px;line-height:14px;font-size:9px}
.secHomeModelWrap-tab .secHomeModelTabCont .thumbArea img:hover{-webkit-transform:unset;transform:unset}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea{flex-direction:row;justify-content:center;opacity:0;-webkit-transition:all .3s;transition:all .3s}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea .btn{height:30px;font-size:14px;width:calc(50% - 5px)}
.secHomeModelWrap-tab .secHomeModelTabCont .btnArea .btn:hover{border-color:#b7b7b7;background:#fff;color:#767676}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide{padding:0}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-prev img,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-prev img{opacity:.5}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-direction{display:none}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-pagination{margin-left:-14px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .pause,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-handler-paging .swiper-control .play{width:8px;height:10px}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-active img,.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-active img:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-active .textArea{opacity:1}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-slide-active .btnArea{opacity:1;position:relative;width:calc(140% - 30px);left:calc(-20%  + 15px)}
.secHomeModelWrap-tab .secHomeModelTabCont .swiper-pagination-bullet-active{width:9px}
.secHomeModelWrap-tab .btnMoreModel{height:50px;margin:30px 0 0}
.secHomeModelWrap-tab .btnMoreModel .colWd{width:calc(100% - 30px)}
.secHomeModelWrap-tab .btnMoreModel .btn{height:50px;font-size:14px}
}
@media screen and (max-width:420px){.secHomeModelWrap-tab .secHomeModelTabCont .textArea{aspect-ratio:292/150}
}