@charset "utf-8";.titArea.pscoTitArea{padding-bottom:40px}
.titArea.pscoTitArea [class*=subTit]{padding-bottom:20px}
.contents_interior.pip .features [class*=subTit]{position:relative;margin-bottom:20px;padding:50px 0 15px}
.contents_interior.pip .features [class*=subTit]:after{display:block;position:absolute;bottom:0;left:50%;width:112px;height:1px;margin-left:-56px;background:#ff7500;content:""}
.contents_interior.pip .car{overflow:hidden;position:relative;width:100%;padding-bottom:59.64%}
.contents_interior.pip .car img{display:none;position:absolute;top:50%;left:50%;max-width:100%;height:auto;object-fit:cover;aspect-ratio:2 / 1;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.contents_interior.pip .color{padding:0 50px;background:#fff}
.contents_interior.pip .color .item{position:relative;padding-top:33px;padding-left:292px;border-bottom:1px solid #f1ede9}
.contents_interior.pip .color .item.option2{height:auto;padding-top:50px}
.contents_interior.pip .color .item:last-child{border-bottom:0}
.contents_interior.pip .color .item .leftTitle{position:absolute;top:50%;left:0;width:292px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.contents_interior.pip .color .item .leftTitle .title{font-size:20px;line-height:1;color:#000;font-family:"HyundaiMedium"}
.contents_interior.pip .color .item.option2 .leftTitle .title{padding-top:50px}
.contents_interior.pip .color .item .leftTitle .colorName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular"}
.contents_interior.pip .color .item .tailored_sort_Wrap{position:relative;width:100%;padding:0 39px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea{display:flex;overflow:hidden;position:relative;width:100%;height:74px}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea .ix-list-items{display:flex}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li{flex-shrink:0;position:relative;width:80px;margin:0 !important;padding:10px 10px 0}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img{width:60px;height:60px;box-sizing:border-box}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after{overflow:hidden;display:block;position:absolute;top:0;right:0;z-index:1;width:22px;height:22px;background:url("../../../../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content:''}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{position:absolute;top:30px;left:0}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev.disabled{opacity:.23}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev .prev{overflow:hidden;display:block;width:9px;height:16px;background:url("../../../../../template_en/en/images/find-a-car/360vr/btn-prev.png") no-repeat;text-indent:-9999px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{position:absolute;top:30px;right:0}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next.disabled{opacity:.23}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next .next{overflow:hidden;display:block;width:9px;height:16px;background:url("../../../../../template_en/en/images/find-a-car/360vr/btn-next.png") no-repeat;text-indent:-9999px}
.tailored_sort_Wrap .ix-controller.disabled{visibility:hidden}
.tailored_sort_Wrap .ix-thumbs{margin:16px 0;text-align:center}
.tailored_sort_Wrap .ix-thumbs .ix-thumb{display:inline-block;margin:5px}
.tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn{display:block;width:12px;height:12px;background:#f5f3f2;text-indent:-9999px;border-radius:100%}
.tailored_sort_Wrap .ix-thumbs .ix-thumb.active .ix-btn{background:#00aad2}
.contents_interior.pip .color .details{width:100%;padding:35px 0}
.contents_interior.pip .color .option2 .details{padding:0}
.contents_interior.pip .color .option2 .details .detailWrap{display:none;position:relative}
.contents_interior.pip .color .option2 .details .detailWrap .detailWrapBg{position:absolute;top:0;left:0}
.contents_interior.pip .color .details .detail{width:300px;height:30px;display:flex}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail]{position:relative;width:100px;height:100%;flex-shrink:0}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .trigger{overflow:hidden;display:block;width:100%;height:100%;text-indent:-1000px}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info{display:none;position:absolute;bottom:25px;left:50%;margin-left:-60px;padding:6px 34px 4px 7px;background:#fff;font-size:12px;line-height:24px;box-sizing:border-box;min-width:120px;text-align:center;-webkit-box-shadow:0 3px 7px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 3px 7px 0 rgba(0,0,0,0.1);box-shadow:0 3px 7px 0 rgba(0,0,0,0.1)}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info h4,.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info #sColro1{overflow:hidden;max-height:48px}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info .close{overflow:hidden;position:absolute;top:10px;right:10px;width:14px;height:14px;background:#999;color:#999;border-radius:50%}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active .close:after{position:absolute;top:50%;left:50%;content:"+";color:#fff;transform:translateX(-55%) translateY(-50%) rotate(45deg)}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active{display:block}
.contents_interior.pip .color .details .detailWrap .detail [class*=color_detail] .info.active:after{display:block;position:absolute;top:100%;left:50%;margin-left:-7px;border-top:10px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent;content:""}
.contents_interior.pip .color .details .detailWrap .detail.detail1 .color_detail{width:100%}
.contents_interior.pip .color .details .detailWrap .detail.detail2 .color_detail{width:50%}
.contents_interior.pip .color .details .detailWrap .detail.detail3 .color_detail{width:33.33%}
.contents_interior.pip .color .details .detailWrap .detail.detail3 .color_detail:first-child{width:33.34%}
.contents_interior.pip .color .details .detailWrap .detail.detail4 .color_detail{width:25%}
.contents_interior.pip .color .details .detailWrap .detail.detail5 .color_detail{width:20%}
.contents_interior.pip .color .details .detailWrap .detail.detail6 .color_detail{width:16.6%}
.contents_interior.pip .color .details .detailWrap .detail.detail6 .color_detail:first-child{width:17%}
.contents_interior.pip .color .details .detailWrap .detail.detail7 .color_detail{width:14.3%}
.contents_interior.pip .color .details .detailWrap .detail.detail7 .color_detail:first-child{width:14.2%}
.contents_interior.pip .color .details .detailWrap .detail.detail8 .color_detail{width:12.5%}
.contents_interior.pip .color .details .detailWrap .detail.detail9 .color_detail{width:11.11%}
.contents_interior.pip .color .details .detailWrap .detail.detail9 .color_detail:first-child{width:11.12%}
.contents_interior.pip .color .details .detailWrap .detail.detail10 .color_detail{width:10%}
.contents_interior.pip .ix-btn-prev.disabled,.contents_interior.pip .ix-btn-next.disabled{opacity:.3}
@media screen and (max-width:1024px){.titArea.pscoTitArea{padding-bottom:30px}
.titArea.pscoTitArea [class*=subTit]{padding-bottom:15px}
.contents_interior.pip .features [class*=subTit]{margin-bottom:15px;padding:35px 0 15px}
.contents_interior.pip .features [class*=subTit]:after{width:56px;height:1px;margin-left:-28px}
.contents_interior.pip .car{padding-bottom:0}
.contents_interior.pip .car img{position:static;width:100%;-webkit-transform:none;transform:none}
.contents_interior.pip .color{padding:0 25px}
.contents_interior.pip .color .item.option{height:auto;padding:25px 0 49px}
.contents_interior.pip .color .item.option .leftTitle{display:table;position:static;width:auto;-webkit-transform:none;transform:none}
.contents_interior.pip .color .item.option .leftTitle .title{display:table-cell;vertical-align:bottom;font-size:17px;line-height:21px}
.contents_interior.pip .color .item.option .leftTitle .colorName{display:table-cell;vertical-align:bottom;padding-left:15px;font-size:12px;line-height:17px;text-align:left}
.contents_interior.pip .color .item.option2{padding-top:35px;padding-left:175px}
.contents_interior.pip .color .item.option2 .leftTitle .title{padding-top:35px}
.contents_interior.pip .color .item.option2 .leftTitle{width:175px;font-size:17px;line-height:21px}
.contents_interior.pip .color .item.option2 .leftTitle .title{font-size:17px;line-height:21px}
.contents_interior.pip .color .item .tailored_sort_Wrap{margin-top:23px;padding:0}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea{height:auto}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li{width:84px;padding:12px 10px 0}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after{right:-2px;width:25px;height:25px;background-size:25px}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img{width:64px;height:64px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{top:35px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{right:-25px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{left:-25px}
.tailored_sort_Wrap .ix-thumbs .ix-thumb .ix-btn{width:9px;height:9px}
}
@media screen and (max-width:767px){.contents_interior.pip .car{width:auto;margin:0 -15px}
.contents_interior.pip .color{padding:0}
.contents_interior.pip .color .item.option{padding:20px 0 25px}
.contents_interior.pip .color .item.option2{height:auto;padding:20px 0 0}
.contents_interior.pip .color .item.option2 .leftTitle{display:table;position:static;width:auto;-webkit-transform:none;transform:none}
.contents_interior.pip .color .item.option2 .leftTitle .title{display:table-cell;vertical-align:bottom;padding-top:0}
.contents_interior.pip .color .details{padding:15px 0;text-align:center}
.contents_interior.pip .color .item .tailored_sort_Wrap{width:auto;margin-top:22px}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li{width:48px;padding:6px 4px 0}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li img{width:40px;height:40px}
.contents_interior.pip .color .item .tailored_sort_Wrap .slideArea li.on:after{right:-2px;width:14px;height:14px;background-size:14px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{display:none}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{display:none}
.contents_interior.pip .color .option2 .details{padding:20px 0 0}
.contents_interior.pip .color .ix-controller{display:none}
.contents_interior.pip .color .slide_direction{display:none}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next,.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{top:18px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_next{right:-5px}
.contents_interior.pip .color .item .tailored_sort_Wrap .btn_prev{left:-5px}
.contents_interior.pip .color .option2 .details .detailWrap,.contents_interior.pip .color .option2 .details .detailWrap .detailWrapBg{width:100%}
.contents_interior.pip .color .option2 .details .detailWrap .detailWrapBg img{width:100%;height:auto}
}