@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","KanitMedium";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","KanitMedium"}
.experience360vr_infoArea .item .leftTitle .colorName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular","KanitRegular"}
.experience360vr_infoArea .item .leftTitle .optionName{margin-top:15px;font-size:16px;line-height:1;color:#000;font-family:"HyundaiRegular","KanitRegular"}
.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;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("../../../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("../../../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("../../../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("../../../images/find-a-car/360vr/btn-prev-disabled.png")}
.experience360vr_infoArea .item .experience_sort_Wrap .btn_next.swiper-button-disabled button{background:url("../../../images/find-a-car/360vr/btn-next-disabled.png")}
.experience360VrimgArea{overflow:hidden;position:relative;height:425px}
.experience360VrimgArea .panorama{overflow:hidden;width:auto !important;height:auto !important}
.experience360VrimgArea .panorama img{width:100% !important}
.experience360VrimgArea .experiencePanoramaBox{overflow:hidden;position:relative;height:425px}
.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;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.vr360Exterior .trimWrap{display:table;width:100%;padding:10px 0}
.vr360Exterior .trimWrap>p{display:table-cell;width:20%;padding-right:3%;vertical-align:middle}
.vr360Exterior .trimWrap .selForm{display:table-cell;width:80%;vertical-align:middle}
.vr360Exterior .trimWrap .selForm select{font-size:14px;font-family:"HyundaiMedium","KanitMedium";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:37.946%}
.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}
.pipVrWrap .panoLoadingStart{margin:-30px 0 0 -30px}
.pipVrWrap .panoLoadingStart button{width:60px;height:60px;background-size:60px}
.pipVrWrap .panoLoadingStart .btnPanoVRStart img{width:100%}
.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}
.vr360Exterior .trimWrap{display:block;padding:0 15px 50px}
.vr360Exterior .trimWrap>p{display:block;width:100%;padding:0 0 20px;font-size:14px;letter-spacing:.56px}
.vr360Exterior .trimWrap .selForm{display:block;width:100%}
.vr360Exterior .trimWrap .selForm select{font-size:12px}
}
.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%}
.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","KanitMedium"}
.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}
}
.secConfiguratorWrap{margin-top:30px}
.confOptionWrap .myOption .titleBox{display:table-cell;width:360px;height:80px;padding:20px;vertical-align:middle;background:#e4dcd3}
.confOptionWrap .selectOption{position:relative;width:auto;max-width:740px}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle{display:flex;justify-content:space-between}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optName{margin-right:20px}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optPrice{position:relative;flex-shrink:0;width:auto}
@media screen and (max-width:1240px){.confOptionWrap .selectOption{width:100%}
.confOptionWrap{min-height:auto}
.confStepWrap .stepArea{width:auto;margin:0 -10px}
.confStepWrap .stepArea .stepType1{max-width:100%;padding:0 20px}
.confStepWrap .stepArea .stepType1 .stepList{width:auto;min-width:20%;padding:0 10px}
.confVrWrap .topTitBox .subTitS{height:50px;padding:0 20px}
.confVrWrap .subTitM{padding-bottom:4px}
.experienceWrap .txtTop{padding-bottom:10px;line-height:1;font-size:12px}
.experienceWrap .cateWrap{top:15px;z-index:2}
.experienceWrap .cateWrap .category .tabTit{min-width:95px;height:30px;line-height:30px;font-size:13px}
.experienceWrap .btnByoWrap{bottom:16px}
.experienceWrap .btnByoWrap [class*=btnByo]{min-width:34px;margin:0 8px;padding-top:39px;line-height:17px;font-size:12px}
.experienceWrap .btnByoWrap [class*=btnByo]:after{width:34px;height:34px;margin-left:-17px}
.experienceWrap .vrArea{padding-top:30px}
.experienceWrap .vrArea .panoLoadingStart{width:60px;height:60px;margin:-30px 0 0 -30px}
.experienceWrap .vrArea .panoLoadingStart .btnPanoVRStart{width:60px;height:60px}
.experienceWrap .txtCaution{line-height:1;left:20px;font-size:12px}
.sectionWrap.secConfiguratorWrap,.secConfiguratorWrap{padding-top:45px;padding-bottom:70px}
.confOptionWrap .selectOption .selForm,.confOptionWrap .selectOption .btnArea{padding:0;padding:0}
.confOptionWrap .selectOption .selForm.first{width:37%}
.confOptionWrap .selectOption .selForm.second{width:47%}
.confOptionWrap .selectOption .btnArea{width:16%}
.confOptionWrap .selectOption .selForm select{height:40px}
.confOptionWrap .selectOption .btn{width:100%;min-width:0;height:40px}
.confOptionWrap .selectOption .selectBox{margin:0;padding-bottom:14px}
.confOptionWrap .selectOption .btnArea{padding:0;padding:0}
.confOptionWrap .optionBoxWrap .box.box1{width:44%}
.confOptionWrap .optionBoxWrap .box{height:auto;min-height:300px;padding:12px 15px}
.confOptionWrap .optionBoxWrap .box.box1{width:44%}
.confOptionWrap .optionBoxWrap .box.box2{width:56%;padding:0}
.confOptionWrap .optionBoxWrap .box.box2 .boxInner{margin-left:14px;min-height:300px;padding:12px 15px}
.confOptionWrap .optionBoxWrap .box .radioList{padding:7px 0}
.confOptionWrap .optionBoxWrap .box .grayBox2 .scrollBox{height:80px;margin-top:14px;margin-bottom:9px;padding:15px 10px}
.confOptionWrap .optionBoxWrap .box .priceInfo{line-height:21px;font-size:14px}
.confOptionWrap .myOption .optTglBox .tglTitle:after{width:12px;height:7px;margin-top:-3px;background-size:12px}
.confOptionWrap .myOption .optTglBox .btnToggleStep{width:12px;height:7px;margin-top:-3px;background-size:12px;background-image:url("../../../images/common/ico-arr-down-m.png")}
.confOptionWrap .myOption .optTglBox .dep1.opened .btnToggleStep{background-image:url("../../../images/common/ico-arr-up-m.png")}
.confOptionWrap .myOption .optTglBox .btnToggleStep.on{background-image:url("../../../images/common/ico-arr-up-m.png")}
.confOptionWrap .myOption .titleBox{display:table;width:100%;height:50px;padding:0}
.confOptionWrap .myOption .titleBox [class*=subTitS]{display:table-cell;height:50px;padding:0 14px;vertical-align:middle}
.confOptionWrap .myOption .optTglBox .tit{height:50px;padding:0 24px}
.confOptionWrap .myOption .optTglBox .conTit{padding-left:20px;line-height:1.2;font-size:15px}
.confOptionWrap .myOption .optTglBox .tit .num{width:15px;height:15px;line-height:16px;font-size:10px;top:1px}
.confOptionWrap .myOption .optTglBox .price{margin-top:-9px;line-height:18px;font-size:14px;right:65px}
.confOptionWrap .myOption .tglCont .inner{min-height:50px}
.confOptionWrap .myOption .tglCont .bltDashed{padding-left:14px;line-height:21px;font-size:14px;color:#767676}
.confOptionWrap .myOption .tglCont .bltDashed:after{background:#767676;top:10px}
.confOptionWrap .myOption .totalArea [class*=subTit],.confOptionWrap .myOption .totalArea [class*=conArea]{height:50px;font-size:15px}
.confOptionWrap .myOption .totalArea [class*=subTit]{padding-left:14px}
.confOptionWrap .myOption .totalArea [class*=conArea]{padding-right:25px}
.confOptionWrap .myOption .btnIconReset{width:15px;height:15px;background-size:15px;top:17px;right:25px}
.secConfiguratorWrap .btnWrap.btnSpaWrap{padding-top:50px}
.confOptionWrap .selectOption{width:100%;padding-bottom:50px;max-width:none}
.confOptionWrap .myOption{position:relative;right:auto;top:auto;width:100%;float:none}
.confOptionWrap .optionsWrap .itemWrap.package .itemList.selected .listInner:after{right:5px;top:5px}
.confOptionWrap .summaryWrap .titArea{margin-bottom:10px}
.confOptionWrap .summaryArea{margin-bottom:30px}
.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optName,.confOptionWrap .summaryArea .summaryBox .con .bltCircle .optPrice{font-size:12px}
.confOptionWrap .summaryWrap .totalBox{padding-bottom:5px;display:flex;flex-wrap:wrap;justify-content:space-between}
.confOptionWrap .summaryWrap .totalBox [class*=subTit],.confOptionWrap .summaryWrap .totalBox .con{float:inherit}
.confOptionWrap .summaryWrap .totalBox dt{margin-top:0}
.confOptionWrap .summaryWrap .totalBox .con strong.price{line-height:24px;font-size:19px}
.confOptionWrap .summaryWrap .totalBox .con .toolTipWrap{margin:0 0 0 10px}
.confOptionWrap .summaryWrap .totalBox .con .toolTipWrap .ic_Bquestion{margin:3px 0}
.secConfiguratorWrap .summaryWrap .btnWrap{padding-top:0;top:-18px}
.secConfiguratorWrap .summaryWrap .btnWrap.btnSpaWrap.colSm2 .col{width:150px}
.secConfiguratorWrap .summaryWrap .btnWrap.btnSpaWrap.colSm2 .col .btn{width:140px;height:40px;padding:0 5px;font-size:14px;line-height:40px}
.secConfiguratorWrap .btnWrap.confBtnWrap2{padding-top:15px}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col{width:20%}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn{width:100%;height:50px;min-width:0;padding:0;font-size:14px;letter-spacing:-0.2px}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col .btn .tblock{display:block}
}
@media screen and (max-width:1024px){.layerConfigurator .layerConWrap{padding-top:50px !important;padding-bottom:40px !important}
.layerConfigurator .priceInfoLayerBox{display:block;padding-bottom:30px}
.layerConfigurator .itemImgBox{display:block;width:100%;padding:0 15px 43px}
.layerConfigurator .itemImgBox .img{margin-bottom:10px}
.layerConfigurator .itemPriceInfo{display:block;width:100%}
.layerConfigurator .totalBox{display:table;width:100%}
.layerConfigurator .totalBox [class*=subTit]{display:table-cell;vertical-align:middle}
.layerConfigurator .totalBox .con{display:table-cell;vertical-align:middle;line-height:24px;font-size:19px;text-align:right}
.layerConfigurator .detailBox{margin-top:-15px;padding-top:30px}
.layerConfigurator .itemPriceInfo .detailList{margin-top:15px}
.layerConfigurator .itemPriceInfo .detailList .tit{line-height:1.42;font-size:12px}
.layerConfigurator .itemPriceInfo .detailList .con{line-height:1.42;font-size:12px}
.layerConfigurator .layerQuote .bntSpaLayerWrap{padding-top:25px}
.layerConfigurator .titCalc{padding-bottom:40px}
.layerConfigurator .calcPriceWrap .formBoxWrap .half{padding-top:40px}
.layerConfigurator .calcPriceWrap .formBoxWrap .half .formListWrap{padding:0 10px 0}
.layerConfigurator .calcPriceWrap .formBoxWrap .half .formListWrap ~ .formListWrap{margin-top:28px}
.layerConfigurator .resultPriceBox{margin-top:40px;padding:10px 15px 15px 15px}
.layerConfigurator .resultPriceBox .inner{display:block}
.layerConfigurator .resultPriceBox .itemImgBox{width:100%;padding:0}
.layerConfigurator .resultPriceBox .img{margin-bottom:0}
.layerConfigurator .resultPriceBox .paymentBox{display:block;padding-top:20px}
.layerConfigurator .resultPriceBox .paymentBox .subTitM{padding-bottom:10px}
.layerConfigurator .resultPriceBox .paymentBox .subTitM .txtSm{display:block;padding-right:1.417;font-size:12px}
.layerConfigurator .resultPriceBox .paymentBox .list .conTit{padding:10px 0}
.layerConfigurator .resultPriceBox .paymentBox .list [class*=conArea]{padding:10px 0}
.layerConfigurator .resultPriceBox .paymentBox .txtBttmR{font-size:12px}
.layerConfigurator .txtNoti{padding-top:10px;font-size:12px}
.layerConfigurator .layerCalc .bntSpaLayerWrap{padding-top:25px}
.layerConfiguratorByo .byoListWrap{height:272px}
.layerConfiguratorByo .byoListWrap .btnCtrlWrap{left:15px;bottom:20px}
.layerConfiguratorByo .btnCtrlWrap .btnCtrl{min-width:60px;height:30px;line-height:30px;font-size:13px}
.layerConfiguratorByo .bottomWrapper{padding:10px 25px 30px}
.layerConfiguratorByo .txtCaution{font-size:10px}
.layerConfiguratorByo .btnByoWrap [class*=btnByo]{min-width:34px;margin-left:12px;padding-top:38px;font-size:12px}
.layerConfiguratorByo .btnByoWrap [class*=btnByo]:after{width:34px;height:34px;margin-left:-17px}
.layerConfiguratorByo .btnByoWrap [class*=btnByo].active:after{width:30px;height:30px;border:2px solid #00aad2}
}
@media screen and (max-width:767px){.sectionWrap.confVrWrap,.confVrWrap{padding-top:40px}
.confStepWrap{width:auto;margin:0 -15px}
.confStepWrap .stepArea{margin:0}
.confStepWrap .stepArea .stepType1{max-width:100%;padding:0 20px}
.confStepWrap .stepArea .stepType1 .stepList{width:auto;min-width:20%;padding:0 20px}
.confVrWrap .topTitBox .subTitS{height:50px;padding:0 15px}
.confVrWrap .subTitM{padding-bottom:13px}
.experienceWrap{margin:0}
.experienceWrap .cateWrap{position:static;margin:15px auto 0;text-align:center;-webkit-transform:translate(0,0);transform:translate(0,0)}
.experienceWrap .cateWrap .category{display:inline-block}
.experienceWrap .vrArea{padding-bottom:0}
.experienceWrap .experienceInner{background:#fff}
.experienceWrap .btnByoWrap{display:block;position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;margin:20px 0 0;text-align:center;padding-bottom:10px}
.experienceWrap .btnByoWrap [class*=btnByo]{float:none;display:inline-block}
.experienceWrap .btnByoWrap [class*=btnByo]:after{border:1px solid #e8e8e8}
.experienceWrap .txtCaution{line-height:1.7;position:static;padding:5px 15px 0}
.experienceWrap.interiorWrap .txtCaution{padding-top:5px}
.experienceWrap .experienceInner>.cateWrap,.experienceWrap .experienceInner>.vrArea>.btnByoWrap,.experienceWrap .experienceInner>.txtCaution{display:none}
.sectionWrap.secConfiguratorWrap,.secConfiguratorWrap{padding-top:50px}
.experienceWrap .txtTop{margin:0 -15px}
.confOptionWrap .selectOption .selectBox{margin:0;padding-bottom:20px}
.confOptionWrap .selectOption .selForm,.confOptionWrap .selectOption .btnArea{display:block;float:left;padding:0}
.confOptionWrap .selectOption .selForm.first{width:38%}
.confOptionWrap .selectOption .selForm.second{width:62%;padding-right:0}
.confOptionWrap .selectOption .btnArea{display:block;width:100%;padding-top:10px}
.confOptionWrap .optionBoxWrap .box{height:auto;min-height:0;padding:20px 15px;display:block}
.confOptionWrap .optionBoxWrap .box.box1{width:100%;max-width:none}
.confOptionWrap .optionBoxWrap .box.box2{width:100%;margin-left:0;margin-top:10px}
.confOptionWrap .optionBoxWrap .box.box2 .boxInner{margin-left:0;min-height:0;padding:22px 14px}
.confOptionWrap .optionBoxWrap .box .radioList{padding:7px 0}
.confOptionWrap .optionBoxWrap .box .grayBox2 .scrollBox{height:80px;margin-top:14px;margin-bottom:9px;padding:15px 10px}
.confOptionWrap .optionBoxWrap .box .priceInfo{line-height:21px;font-size:14px}
.secConfiguratorWrap .btnWrap.btnSpaWrap{padding-top:20px}
.confOptionWrap .myOption .btnIconReset{width:15px;height:15px;background-size:15px;top:17px;right:25px}
.confOptionWrap .myOption .optTglBox .tit{padding:15px}
.confOptionWrap .optionsWrap .itemWrap .img{padding-bottom:0}
.confOptionWrap .optionsWrap .itemWrap.package .img{padding-bottom:0}
.confOptionWrap .exteriorOptions{padding-bottom:50px;position:relative}
.confOptionWrap .exteriorOptions ~ .exteriorOptions{margin-top:25px;padding-top:25px}
.confOptionWrap .exteriorOptions .titArea{margin-bottom:9px}
.confOptionWrap .exteriorOptions .titArea [class*=subTit]{padding-right:0}
.confOptionWrap .exteriorOptions .titArea .selectOpt{line-height:35px;padding:0 10px;background:#f6f3f2;float:none;position:absolute;bottom:0;left:0;right:0}
.confOptionWrap .interiorOptions{padding-bottom:50px;position:relative}
.confOptionWrap .interiorOptions ~ .interiorOptions{margin-top:37px;padding-top:28px}
.confOptionWrap .interiorOptions .titArea{margin-bottom:9px}
.confOptionWrap .interiorOptions .titArea [class*=subTit]{padding-right:0}
.confOptionWrap .interiorOptions .titArea .selectOpt{line-height:35px;padding:0 10px;background:#f6f3f2;float:none;position:absolute;bottom:0;left:0;right:0}
.confOptionWrap .sortListWrap .sortListWrap{margin:-10px -3px 0}
.confOptionWrap .sortListWrap .sortList{width:33.3%;max-width:101px;padding:11px 10px 0 3px;margin:10px 0 0}
.confOptionWrap .sortListWrap .sortList .optInfo{padding-top:8px}
.confOptionWrap .sortListWrap .sortList .name{line-height:1.4}
.confOptionWrap .sortListWrap .sortList .price{font-size:12px}
.confOptionWrap .optionsWrap .titArea{margin-bottom:10px}
.confOptionWrap .optionsWrap .selectOpt{display:none}
.confOptionWrap .optionsWrap .itemWrap .itemList{width:50%}
.confOptionWrap .discountOptWrap .txtNoti{padding-top:10px}
.secConfiguratorWrap .btnWrap.confBtnWrap2{width:auto;padding-top:0;text-align:left}
.secConfiguratorWrap .btnWrap.confBtnWrap2 .col{width:50%;padding-top:10px !important}
.secConfiguratorWrap .summaryWrap .downloadShare{display:none}
.layerConfigurator .priceInfoLayerBox{display:block;padding-bottom:40px}
.layerConfigurator .itemImgBox{padding:0 15px 53px}
.layerConfigurator .itemPriceInfo .detailList .tit{width:55px;padding-right:5px}
.layerConfigurator .formBoxWrap .titArea [class*=subTit]{display:block;width:100%;padding-bottom:25px}
.layerConfigurator .formBoxWrap .titArea .txtRequiredField{display:block;width:100%;text-align:left}
.layerConfigurator .resultPriceBox .paymentBox .list .conTit{width:58%;padding-right:10px}
.layerConfiguratorByo .byoListWrap{height:150px}
.layerConfiguratorByo .btnByoWrap{margin-top:75px}
.layerConfiguratorByo .byoListWrap .btnCtrlWrap{bottom:-85px;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
}
.fixedArea{width:100%;max-width:1120px;z-index:12;border-bottom:1px solid #f2f2f2;background:#fff;padding-bottom:0}
.secConfiguratorWrap{padding-top:0 !important}
.experienceWrap .vrArea{padding-top:0;padding-bottom:0}