@charset "utf-8";.configurator .tab-list{display:flex;text-align:center}
.configurator .tab-list>li{width:50%;border-bottom:4px solid #e5e5e5}
.configurator .tab-list .tab{width:100%;padding:16px;font-size:20px;font-family:"HyundaiMedium","KanitMedium";color:rgba(0,0,0,.3);line-height:1.5;letter-spacing:.4px}
.configurator .tab-list .on{border-bottom-color:#002c5f}
.configurator .tab-list .on .tab{color:#002c5f}
.configurator .visual{position:relative}
.configurator .visual .swiper{position:relative;overflow:hidden}
.configurator .visual .swiper-slide{flex-shrink:0}
.configurator .visual img{width:100%;height:auto;object-fit:cover;aspect-ratio:81 / 44}
.configurator .visual .prev,.configurator .visual .next{position:absolute;top:50%;z-index:10;overflow:hidden;width:32px;height:58px;margin-top:-29px;background:url(../../../../../../../../content/dam/hyundai/template_en/en/images/common/3d-configurator/common/arrow-prev.png) no-repeat 50% 0;background-size:100%;text-indent:-9999px}
.configurator .visual .prev{left:40px}
.configurator .visual .next{right:40px;background-image:url(../../../../../../../../content/dam/hyundai/template_en/en/images/common/3d-configurator/common/arrow-next.png)}
.configurator .visual .pagination>button{background:#fff}
.configurator .visual .thumb{position:absolute;right:30px;bottom:30px;display:flex}
.configurator .visual .thumb>li{width:72px;height:52px}
.configurator .visual .thumb>li+li{margin-left:3px}
.configurator .visual .thumb button,.configurator .visual .thumb img{height:100%}
.configurator .visual .thumb .on{border:4px solid #00aad2}
.configurator .visual .noti-txt{position:absolute;left:30px;bottom:35px;width:calc(100% - 310px);font-size:16px;color:rgba(0,0,0,.8);letter-spacing:.24px}
.configurator .option-list .swiper{overflow:hidden;padding-top:6px}
.configurator .option-list .swiper+.swiper{padding-top:18px}
.configurator .option-list li{position:relative}
.configurator .option-list li+li{margin-left:8px}
.configurator .option-list [class^="btn-"]{width:64px;height:64px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;font-size:16px;font-family:"HyundaiMedium","KanitMedium";color:#fff;vertical-align:top;letter-spacing:.32px;text-indent:-9999px}
.configurator .option-list .btn-wheel{border:1px solid #d2d2d2;background-size:56px}
.configurator .option-list .on{border:4px solid #00aad2}
.configurator .option-list .on:after{content:'';position:absolute;right:-10px;top:-10px;z-index:1;width:24px;height:24px;background:url(../../../../../../../../content/dam/hyundai/template_en/en/images/common/3d-configurator/common/chipSelect-pc.png) no-repeat 0 0;background-size:100%}
.configurator .option-list .on [class^="btn-"]{width:256px;height:56px;border:1px solid #fff;text-indent:0}
.configurator .option-list .on .btn-wheel{color:#000;background-position:100% 0;background-size:55px}
.configurator .option-list .prev,.configurator .option-list .next{position:absolute;top:6px;z-index:10;overflow:hidden;width:20px;height:64px;background:url(../../../images/find-a-car/360vr/btn-prev.png) no-repeat 50% 50%;text-indent:-9999px}
.configurator .option-list .prev{left:-24px}
.configurator .option-list .next{right:-24px;background-image:url(../../../images/find-a-car/360vr/btn-next.png)}
.configurator.interior .visual .noti-txt{left:0;bottom:auto;width:100%;padding-top:30px}
.configurator.interior .option-list{position:relative;margin-top:70px}
.configurator.interior .option-list+.option-list{margin-top:12px}
.configurator.interior .option-list .swiper{margin-right:-6px;padding-right:6px}
.configurator.interior .option-list ul{justify-content:flex-end}
@media all and (max-width:1024px){.configurator .visual .prev,.configurator .visual .next{width:24px;height:44px;margin-top:-22px}
.configurator .visual .prev{left:30px}
.configurator .visual .next{right:30px}
}
@media all and (max-width:767px){.niic .pip-inner{padding:0}
.configurator{overflow:hidden}
.configurator .tab-list>li{border-bottom-width:2.5px}
.configurator .tab-list .tab{padding:8px;font-size:17px}
.configurator .visual .prev,.configurator .visual .next{width:16px;height:29px;margin-top:-15px}
.configurator .visual .prev{left:15px}
.configurator .visual .next{right:15px}
.configurator .visual .thumb{display:none}
.configurator .visual .noti-txt,.configurator.interior .visual .noti-txt{position:static;width:auto;padding:15px 15px 0;font-size:14px;line-height:1.5;text-align:center}
.configurator .option-list,.configurator.interior .option-list{margin-top:24px}
.configurator .option-list .swiper,.configurator.interior .option-list .swiper{padding:6px 15px 0}
.configurator .option-list [class^="btn-"]{width:38px;height:38px;font-size:12px;font-family:"HyundaiHRegular","KanitRegular"}
.configurator .option-list .btn-wheel{background-size:34px}
.configurator .option-list .on{border-width:2px}
.configurator .option-list .on:after{right:-7px;top:-7px;width:18px;height:18px}
.configurator .option-list .on [class^="btn-"]{width:144px;height:34px}
.configurator .option-list .on .btn-wheel{padding-right:34px;background-size:34px}
.configurator .option-list .prev,.configurator .option-list .next{display:none}
.configurator .option-list.wheel ul{justify-content:flex-end}
}