@charset "utf-8";.pipVrWrap .panoLoadingStart{position:absolute;top:50%;left:50%;z-index:2;margin:-50px 0 0 -50px}
.pipVrWrap .panoLoadingStart button{overflow:hidden;display:block;width:100px;height:100px;text-indent:-9999px}
.pipVrWrap .loadingPersent{display:block;display:none;position:absolute;top:50%;left:50%;z-index:2;width:100px;height:100px;margin:-50px 0 0 -50px;background:rgba(0,0,0,0.7);line-height:100px;color:#fff;font-family:"HyundaiMedium";text-align:center;border-radius:100%}
.experience360vr_infoArea{padding:0 103px 0 64px;background:#fff}
.experience360vr_infoArea .item{position:relative;height:146px;padding-top:33px;padding-left:335px;border-bottom:1px solid #f1ede9}
.experience360vr_infoArea .item:last-child{border-bottom:0}
.experience360vr_infoArea .item .leftTitle{position:absolute;top:50%;left:0;width:296px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.experience360vr_infoArea .item .leftTitle .title{font-size:20px;line-height:1;color:#000;font-family:"HyundaiMedium"}
.experience360vr_infoArea .item .leftTitle .colorName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular"}
.experience360vr_infoArea .item .leftTitle .optionName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular"}
.experience360vr_infoArea .item .experience_sort_Wrap{position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea{overflow:hidden;position:relative;width:100%}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{float:left;position:relative;flex-shrink:1;width:auto;margin-right:0 !important;padding:10px 20px 0 0}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:64px;height:64px}
.experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.15);box-sizing:border-box}
.swiper-wrapper{display:flex}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea.wheel li img{width:68px;height:68px}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{overflow:hidden;display:block;position:absolute;top:0;right:11px;z-index:1;width:22px;height:22px;background:url("../../../../../template_en/en/images/find-a-car/360vr/ico-chk-on.png") no-repeat;content:''}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{position:absolute;top:30px;left:-39px}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev.disabled{opacity:.23}
.experience360vr_infoArea .item .experience_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}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next{position:absolute;top:30px;right:-39px}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.disabled{opacity:.23}
.experience360vr_infoArea .item .experience_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}
.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_prev,.experience360vr_infoArea .item .experience_sort_Wrap.hideBtn .btn_next{display:none}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev.swiper-button-disabled button{background:url("../../../../../template_en/en/images/find-a-car/360vr/btn-prev-disabled.png")}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.swiper-button-disabled button{background:url("../../../../../template_en/en/images/find-a-car/360vr/btn-next-disabled.png")}
.experience360VrimgArea{overflow:hidden;position:relative;height:445px}
.experience360VrimgArea .panorama{overflow:hidden;width:auto !important;height:auto !important}
.experience360VrimgArea .panorama img{width:100% !important}
.experience360VrimgArea .experiencePanoramaBox{overflow:hidden;position:relative;height:445px}
.pipVrWrap .experience360VrimgArea{overflow:hidden;position:relative;width:100%}
.pipVrWrap .experience360VrimgArea .panorama{position:absolute !important;top:0;right:0;bottom:0;left:0;z-index:1}
.pipVrWrap .experience360VrimgArea .panorama img{position:absolute;top:50%;left:50%;width:auto !important;height:100%;object-fit:contain;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
[class*="vr360"] .trimWrap{display:flex;align-items:center;gap:3%;margin-bottom:30px}
[class*="vr360"] .trimWrap>label,[class*="vr360"] .trimWrap>p{width:17%}
[class*="vr360"] .trimWrap .selForm{width:80%}
[class*="vr360"] .trimWrap .selForm select{font-size:14px;font-family:"HyundaiMedium";letter-spacing:.28px}
@media screen and (max-width:1240px){.experience360vr_infoArea .item{padding-left:200px}
.experience360vr_infoArea .item .leftTitle{width:200px}
.contents_interior.pip .color .item{padding-left:200px}
.contents_interior.pip .color .item .leftTitle{width:200px}
}
@media screen and (max-width:1024px){.experience360VrimgArea{overflow:hidden;height:0;padding-bottom:50.6%}
.experience360VrimgArea .experiencePanoramaBox{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;height:auto}
.pipVrWrap .experience360VrimgArea{overflow:hidden;position:relative;width:100%}
.pipVrWrap .experience360VrimgArea .panorama{height:auto !important}
.pipVrWrap .experience360VrimgArea .panorama img{width:100% !important;max-height:none}
.pipVrWrap .experience360VrimgArea .panorama .btnPanoVRStart img{width:50px !important}
.pipVrWrap .panoLoadingStart{margin:-30px 0 0 -30px}
.pipVrWrap .panoLoadingStart button{width:60px;height:60px;background-size:60px}
.pipVrWrap .panoLoadingStart .btnPanoVRStart img{width:100%;height:auto;object-fit:cover}
.pipVrWrap .loadingPersent{width:60px;height:60px;margin:-30px 0 0 -30px;line-height:60px}
}
@media screen and (max-width:1024px){.experience360vr_infoArea{padding:0 30px}
.experience360vr_infoArea .item{height:auto;padding:25px 0 49px}
.experience360vr_infoArea .item .leftTitle{display:table;position:static;width:auto;-webkit-transform:none;transform:none}
.experience360vr_infoArea .item .leftTitle .title{display:table-cell;vertical-align:bottom;font-size:17px;line-height:21px}
.experience360vr_infoArea .item .leftTitle .colorName,.experience360vr_infoArea .item .leftTitle .optionName{display:table-cell;vertical-align:bottom;padding-left:15px;font-size:12px;line-height:17px;text-align:left}
.experience360vr_infoArea .item .experience_sort_Wrap{margin-top:23px;padding:0}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea{height:auto}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{width:84px}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{right:12px;width:24px;height:24px;background-size:24px}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:64px;height:64px}
.experience360vr_infoArea .item.option1 .experience_sort_Wrap .slideArea li img{border:1px solid rgba(0,0,0,0.15)}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next,.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{top:32px}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next{right:-30px}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{left:-30px}
}
@media screen and (max-width:767px){.experience360vr_infoArea{padding:6px 0 0}
.experience360vr_infoArea .item{padding:16px 0 20px}
.experience360vr_infoArea .item .experience_sort_Wrap{width:100%;margin-top:28px;margin-right:-15px}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li{width:48px;padding:6px 8px 0 0}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li img{width:40px;height:40px}
.experience360vr_infoArea .item .experience_sort_Wrap .slideArea li.on:after{right:3px;width:12px;height:12px;background-size:12px}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_prev{display:none}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next{display:none}
[class*="vr360"] .trimWrap{display:block}
[class*="vr360"] .trimWrap>label,[class*="vr360"] .trimWrap>p{display:inline-block;width:auto;margin-bottom:15px;font-size:14px;letter-spacing:.56px}
[class*="vr360"] .trimWrap .selForm{width:100%}
[class*="vr360"] .trimWrap .selForm select{font-size:12px}
.tabWrap .trimWrap{margin:0 15px 30px}
}
.titArea.pvreTitArea{padding-bottom:40px}
.titArea.pvreTitArea [class*=subTit]{padding-bottom:20px}
.vr360Exterior .tabWrap .tabArea{height:auto}
.vr360Exterior .tabWrap .tabArea .tab{margin-bottom:1px}
.vr360Exterior .tabWrap .tabArea .tab .link{font-size:12px}
.vr360Exterior .pipVrWrap{margin-top:-1px}
@media screen and (max-width:1024px){.titArea.pvreTitArea{padding-bottom:30px}
.titArea.pvreTitArea [class*=subTit]{padding-bottom:15px}
.vr360Exterior .tabWrap .tabArea .tab{max-height:45px}
.vr360Exterior .tabWrap .tabArea .tab .link{height:45px;padding-right:5px;padding-left:5px;font-size:11px;line-height:12px}
}
@media screen and (max-width:767px){.vr360Exterior .tabWrap .tabArea .tab{height:auto;max-height:none;margin-bottom:0}
.vr360Exterior .tabWrap .tabArea .tab .link{height:auto}
}
.titArea.pvriTitArea{padding-bottom:40px}
.titArea.pvriTitArea [class*=subTit]{padding-bottom:20px}
.vr360Interia .tabWrap .tabArea{height:auto}
.vr360Interia .tabWrap .tabArea .tab{margin-bottom:1px}
.vr360Interia .tabWrap .tabArea .tab .link{font-size:12px}
.vr360Interia .pipVrWrap{margin-top:-1px}
@media screen and (max-width:1024px){.titArea.pvriTitArea{padding-bottom:30px}
.titArea.pvriTitArea [class*=subTit]{padding-bottom:15px}
.vr360Interia .tabWrap .tabArea .tab{max-height:45px}
.vr360Interia .tabWrap .tabArea .tab .link{height:45px;padding-right:5px;padding-left:5px;font-size:11px;line-height:12px}
}
@media screen and (max-width:767px){.vr360Interia .tabWrap .tabArea .tab{height:auto;max-height:none;margin-bottom:0}
.vr360Interia .tabWrap .tabArea .tab .link{height:auto}
}
@media screen and (max-width:767px){.pipVrWrap .experience360VrimgArea{width:auto;margin:0 -15px}
.vr360Exterior .tabWrap .tabArea .tab .link,.vr360Interia .tabWrap .tabArea .tab .link{padding:10px 35px 11px 16px;font-size:16px;line-height:24px}
}
.pnlm-container{overflow:hidden;position:relative;width:100%;height:100%;margin:0;padding:0;line-height:1.4;cursor:default;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;contain:content}
.pnlm-container *{box-sizing:content-box}
.pnlm-container:-moz-full-screen{width:100% !important;height:100% !important}
.pnlm-container:-webkit-full-screen{width:100% !important;height:100% !important}
.pnlm-container:-ms-fullscreen{width:100% !important;height:100% !important}
.pnlm-container:fullscreen{width:100% !important;height:100% !important}
.pnlm-render-container{position:absolute;width:100%;height:100%;cursor:inherit}
.pnlm-controls{z-index:2;margin-top:4px;border:1px solid #999;background-color:#fff;border-color:rgba(0,0,0,0.15);border-radius:3px;cursor:pointer;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}
.pnlm-control:hover{background-color:#f8f8f8}
.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}
.pnlm-zoom-controls{width:26px;height:52px}
.pnlm-zoom-in{position:absolute;top:0;width:100%;height:50%;border-radius:3px 3px 0 0}
.pnlm-zoom-out{position:absolute;bottom:0;width:100%;height:50%;border-top:1px solid #ddd;background-position:0 -26px;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}
.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}
.pnlm-hot-spot-debug-indicator{display:none;position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px}
.pnlm-orientation-button-inactive{background-position:0 -156px}
.pnlm-orientation-button-active{background-position:0 -182px}
.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}
.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}
.pnlm-panorama-info{display:none;position:absolute;bottom:4px;z-index:2;padding-right:10px;background-color:rgba(0,0,0,0.7);color:#fff;border-radius:0 3px 3px 0;text-align:left;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}
.pnlm-title-box{display:table;position:relative;margin-bottom:3px;padding-left:5px;font-size:20px}
.pnlm-author-box{display:table;position:relative;padding-left:5px;font-size:12px}
.pnlm-load-box{display:none;position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:rgba(0,0,0,0.7);font-size:20px;line-height:100px;color:#fff;border-radius:50px;text-align:center}
.pnlm-load-box p{font-size:20px;line-height:50px;color:#fff}
.pnlm-lbox{display:none;position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px}
.pnlm-loading{position:relative;width:10px;height:10px;background-color:#fff;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear}
@keyframes pnlm-mv{from{top:0;left:0}
25%{top:0;left:10px}
50%{top:10px;left:10px}
75%{top:10px;left:0}
to{top:0;left:0}
}
@-webkit-keyframes pnlm-mv{from{top:0;left:0}
25%{top:0;left:10px}
50%{top:10px;left:10px}
75%{top:10px;left:0}
to{top:0;left:0}
}
.pnlm-load-button{position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;cursor:pointer}
.pnlm-load-button p{display:table-cell;vertical-align:middle}
.pnlm-info-box{display:table;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;font-size:15px;color:#fff;border-radius:3px;text-align:center;table-layout:fixed}
.pnlm-info-box a{color:#fff;overflow-wrap:break-word}
.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}
.pnlm-error-msg{display:none}
.pnlm-about-msg{display:none;position:absolute;top:50px;left:50px;z-index:1;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);font-size:11px;line-height:11px;color:#fff;border-radius:3px;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}
.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}
.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}
.pnlm-hotspot-base{vertical-align:middle;position:absolute;top:0;z-index:1;visibility:hidden;cursor:default}
.pnlm-hotspot{width:26px;height:26px;border-radius:13px}
.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}
.pnlm-hotspot.pnlm-info{background-position:0 -104px}
.pnlm-hotspot.pnlm-scene{background-position:0 -130px}
div.pnlm-tooltip span{position:absolute;max-width:200px;margin-left:-220px;padding:5px 10px;background-color:rgba(0,0,0,0.7);color:#fff;visibility:hidden;border-radius:3px;text-align:center;cursor:default}
div.pnlm-tooltip:hover span{visibility:visible}
div.pnlm-tooltip:hover span:after{position:absolute;bottom:-20px;left:-10px;width:0;height:0;margin:0 50%;content:'';border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent}
.pnlm-compass{display:none;position:absolute;right:4px;bottom:4px;width:50px;height:50px;border-radius:25px;cursor:default}
.pnlm-world{position:absolute;top:50%;left:50%}
.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}
.pnlm-dragfix,.pnlm-preview-img{position:absolute;width:100%;height:100%;object-fit:cover}
.pnlm-preview-img{background-size:cover;background-position:center}
.pnlm-lbar{display:none;width:150px;height:6px;margin:0 auto;border:#fff 1px solid}
.pnlm-lbar-fill{width:0;height:100%;background:#fff}
.pnlm-lmsg{font-size:20px;line-height:50px;color:#fff;font-family:"HyundaiMedium"}
.pnlm-fade-img{position:absolute;top:0;left:0}
@media screen and (max-width:767px){.pnlm-load-button{width:50px;height:50px;margin:-25px 0 0 -25px;background-size:50px}
.pnlm-load-button img{width:50px;height:auto}
}