@media(min-width: 1024px){.col-1{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:8.3333333333%;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:16.6666666667%;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:25%;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:33.3333333333%;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:41.6666666667%;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:50%;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:58.3333333333%;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:66.6666666667%;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:75%;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:83.3333333333%;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:91.6666666667%;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-preferred-size:100%;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}.wrap .online_shop_index{margin:0 auto;min-width:1100px;max-width:1920px;background-color:rgba(0,0,0,0)}.wrap .online_shop_index .sec{padding:160px 6.25%;width:100%}.wrap .online_shop_index .sec.active .sec_inner{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.wrap .online_shop_index .sec .sec_inner{margin:0 auto;width:auto;max-width:1200px;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}.wrap .online_shop_index .sec1{background-color:#f1f1f1}.wrap .online_shop_index .sec2{padding:120px 6.25%}.wrap .online_shop_index .desc{position:relative;margin-bottom:32px;padding-left:12px;font-size:18px;line-height:1.25em}.wrap .online_shop_index .desc::before{content:"*";position:absolute;left:0;top:5px;font-size:inherit;color:#444}.wrap .online_shop_index .visual_content{overflow:hidden;position:relative;margin:0 auto;width:100%}.wrap .online_shop_index .visual_wrap img{display:block;width:100%}.wrap .online_shop_index .visual_wrap .info_wrap{z-index:10;position:absolute;left:6%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.wrap .online_shop_index .visual_wrap .txt_box .tit{font-size:56px;color:#fff;font-weight:bold}.wrap .online_shop_index .visual_wrap .txt_box .txt{margin-top:16px;font-size:24px;color:#fff;line-height:1.5}.wrap .online_shop_index .visual_wrap .btn_wrap{margin-top:64px;text-align:left}.wrap .online_shop_index .visual_wrap .btn_wrap button{display:inline-block;padding:15px 0;font-size:18px;color:#fff;text-align:center;font-weight:400;border:1px solid #fff;border-radius:12px}.wrap .online_shop_index .visual_wrap .btn_wrap button.btn_myCar{width:288px;margin-left:0}.wrap .online_shop_index .visual_wrap .btn_wrap button.btn_myCar:hover{background-color:hsla(0,0%,100%,.2);-webkit-transition:.3s;transition:.3s}.wrap .online_shop_index .visual_wrap .btn_wrap a{display:inline-block;margin-left:12px;padding:19px 0;font-size:18px;color:#fff;text-align:center;font-weight:400;border:1px solid #fff;border-radius:12px}.wrap .online_shop_index .visual_wrap .btn_wrap a:hover{background-color:hsla(0,0%,100%,.2);-webkit-transition:.3s;transition:.3s}.wrap .online_shop_index .visual_wrap .btn_wrap a strong{position:relative;display:inline-block;vertical-align:top;margin-right:12px;padding-right:12px}.wrap .online_shop_index .visual_wrap .btn_wrap a strong::after{content:"";display:block;position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:16px;background-color:#fff}.wrap .online_shop_index .visual_wrap .btn_wrap a:last-child{width:200px}.wrap .online_shop_index .visual_wrap .btn_wrap a span{text-indent:-9999px;visibility:hidden}.wrap .online_shop_index .visual_wrap .control_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:32px}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:158px;height:40px;border-radius:12px;background-color:rgba(0,0,0,.3)}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .slide_btn{position:static;width:24px;height:24px;margin:0}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .slide_btn::after{display:none}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-button-prev{background:url(/httpobject/images/onlineShop/index/slide_prev.png) 0 0 no-repeat;background-size:100% 100%}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-button-next{background:url(/httpobject/images/onlineShop/index/slide_next.png) 0 0 no-repeat;background-size:100% 100%}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:static;width:48px;margin:3px 20px 0 20px;font-size:0}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination span{width:10px;font-size:16px;font-family:ChevySans;font-weight:400;line-height:24px;letter-spacing:-0.2px;color:#fff}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination .swiper-pagination-total{position:relative;margin-left:14px;padding-left:14px;color:#999}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination .swiper-pagination-total::before{content:"";display:block;position:absolute;top:3px;left:0;width:1px;height:16px;background-color:#999}.wrap .online_shop_index .visual_wrap .control_wrap .control{width:40px;height:40px;margin-left:10px;border-radius:12px;font-size:0}.wrap .online_shop_index .visual_wrap .control_wrap .control[data-control=stop]{background:url(/httpobject/images/onlineShop/index/stop_icon.png) center no-repeat rgba(0,0,0,.3);background-size:8px 10px}.wrap .online_shop_index .visual_wrap .control_wrap .control[data-control=play]{background:url(/httpobject/images/onlineShop/index/play_icon.png) center no-repeat rgba(0,0,0,.3);background-size:10px 12px}.wrap .online_shop_index .car_list{overflow:hidden}.wrap .online_shop_index .car_list li{float:left;margin-top:40px;width:48%}.wrap .online_shop_index .car_list li:nth-child(1),.wrap .online_shop_index .car_list li:nth-child(2){margin-top:0}.wrap .online_shop_index .car_list li:nth-child(odd){margin-right:4%}.wrap .online_shop_index .car_list li a{display:block;padding:60px;background-color:#fff;border-radius:12px;text-align:center}.wrap .online_shop_index .car_list li .img_box{margin:0 auto;width:100%;max-width:400px}.wrap .online_shop_index .car_list li .img_box img{width:100%}.wrap .online_shop_index .car_list li .car_info{margin-top:24px;text-align:center}.wrap .online_shop_index .car_list li .car_tit{display:inline-block;position:relative;padding-right:46px;font-family:ChevySans;font-size:42px;color:#222;font-weight:bold}.wrap .online_shop_index .car_list li .car_tit::after{content:"";position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:32px;height:32px;background:url(/httpobject/images/onlineShop/index/ico_car_list_arrow_off.svg) left top no-repeat;background-size:cover}.wrap .online_shop_index .car_list li a:hover{background-color:#222;-webkit-box-shadow:0px 32px 70px 0px rgba(0,0,0,.1);box-shadow:0px 32px 70px 0px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.wrap .online_shop_index .car_list li a:hover .car_tit{color:#fff}.wrap .online_shop_index .car_list li a:hover .car_tit::after{background-image:url(/httpobject/images/onlineShop/index/ico_car_list_arrow_on.svg)}.wrap .online_shop_index .info_box{overflow:hidden}.wrap .online_shop_index .info_box .box{position:relative;float:left;width:33.33%;min-height:162px;padding:0 10px 0 64px;border-left:1px solid #d9d9d9}.wrap .online_shop_index .info_box .box:first-of-type{border-left:0}.wrap .online_shop_index .info_box .box span{display:block;word-wrap:break-word;word-break:keep-all}.wrap .online_shop_index .info_box .box .tit{position:relative;padding-top:52px;font-size:24px;color:#222;font-weight:bold}.wrap .online_shop_index .info_box .box .tit::before{content:"";position:absolute;left:0;top:0;width:32px;height:32px;background-size:cover;background-repeat:no-repeat;background-position:0 0}.wrap .online_shop_index .info_box .box .txt{margin-top:16px;font-size:18px;color:#666;line-height:1.5em}.wrap .online_shop_index .info_box .box1 button{width:100%;text-align:left}.wrap .online_shop_index .info_box .box1 .tit::before{background-image:url(/httpobject/images/onlineShop/index/ico_box1.svg)}.wrap .online_shop_index .info_box .box2 .tit::before{background-image:url(/httpobject/images/onlineShop/index/ico_box2.svg)}.wrap .online_shop_index .info_box .box3 .tit::before{background-image:url(/httpobject/images/onlineShop/index/ico_box3.svg)}@media screen and (max-width: 1280px){.wrap .online_shop_index .visual_wrap .txt_box .tit{font-size:42px}.wrap .online_shop_index .visual_wrap .txt_box .txt{font-size:20px}.wrap .online_shop_index .visual_wrap .btn_wrap{margin-top:48px}.wrap .online_shop_index .visual_wrap .btn_wrap button,.wrap .online_shop_index .visual_wrap .btn_wrap a{min-width:140px;margin-left:10px;padding:10px;font-size:14px}.wrap .online_shop_index .visual_wrap .btn_wrap button strong::after,.wrap .online_shop_index .visual_wrap .btn_wrap a strong::after{height:12px}.wrap .online_shop_index .visual_wrap .btn_wrap button:first-child,.wrap .online_shop_index .visual_wrap .btn_wrap a:first-child{width:237px}.wrap .online_shop_index .visual_wrap .btn_wrap button:last-child,.wrap .online_shop_index .visual_wrap .btn_wrap a:last-child{width:140px}.wrap .online_shop_index .visual_wrap .btn_wrap a{padding:13px 0}.wrap .online_shop_index .visual_wrap .control_wrap{margin-top:24px}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box{width:156px;border-radius:8px}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination{width:48px;margin:3px 20px 0 20px}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination span{font-size:14px}.wrap .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination .swiper-pagination-total::before{top:4px;height:12px}.wrap .online_shop_index .visual_wrap .control_wrap .control{border-radius:8px;font-size:0}.wrap .online_shop_index .car_list_wrap .desc{font-size:14px}.wrap .online_shop_index .car_list li{margin-top:32px}.wrap .online_shop_index .car_list li a{padding:32px}.wrap .online_shop_index .car_list li .car_info{margin-top:16px}.wrap .online_shop_index .car_list li .car_tit{margin-top:16px;padding-right:32px;font-size:28px}.wrap .online_shop_index .car_list li .car_tit::after{width:20px;height:20px}.wrap .online_shop_index .info_box .box{padding:0 10px 0 48px;min-height:132px}.wrap .online_shop_index .info_box .box .tit{padding-top:48px;font-size:20px}.wrap .online_shop_index .info_box .box .txt{margin-top:12px;font-size:14px}}.cert_confirm_popup_layer{z-index:300;display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.cert_confirm_popup_layer.open{display:block}.cert_confirm_popup_layer .popup_inner{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:40px 45px;width:880px;background-color:#fff}.cert_confirm_popup_layer .popup_cont{font-family:"NotoSansKRWeb",Arial,sans-serif;color:#393839;text-align:center;letter-spacing:-0.06em}.cert_confirm_popup_layer .popup_cont .tit{font-size:20px;font-weight:bold;text-align:center}.cert_confirm_popup_layer .popup_cont .tit.ico{position:relative;padding-top:66px}.cert_confirm_popup_layer .popup_cont .tit.ico::before{content:"";position:absolute;top:0;left:50%;margin-left:-19px;width:38px;height:38px;background:url("/httpobject/images/onlineShop/common/ico_cert_success.png") left top no-repeat}.cert_confirm_popup_layer .popup_cont .info{line-height:24px}.cert_confirm_popup_layer .popup_cont .txt{margin-top:20px;font-size:16px}.cert_confirm_popup_layer .popup_cont .txt .txt_pointColor{color:#0077d9}.cert_confirm_popup_layer .popup_cont .txt .txt_red{color:#d52b2b}.cert_confirm_popup_layer .popup_cont small{display:inline-block;font-size:13px;color:#6e6e6e}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap{padding:25px;background-color:#f8f8f8}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .tit{margin-bottom:30px;font-size:16px;color:#393839;font-weight:bold;text-align:center}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list{overflow:hidden;margin-top:30px}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list li{float:left;width:24%}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list li:last-child{width:28%}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .txt{display:block;margin-top:12px;font-family:"NotoSansKRWeb",Arial,sans-serif;font-size:15px;color:#393839;font-weight:400}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico{display:inline-block;width:80px;height:80px;background-position:left top;background-repeat:no-repeat}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_kakao{background-image:url("/httpobject/images/onlineShop/common/ico_kakao.svg")}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_pass{background-image:url("/httpobject/images/onlineShop/common/ico_pass.svg")}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_naver{background-image:url("/httpobject/images/onlineShop/common/ico_naver.svg")}.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_cert{background-image:url("/httpobject/images/onlineShop/common/ico_cert.svg")}.cert_confirm_popup_layer .btm_cont{overflow:hidden;margin:30px auto 45px;text-align:center}.cert_confirm_popup_layer .btm_cont button{width:120px;height:36px;line-height:36px;vertical-align:middle;font-family:"NotoSansKRWeb",Arial,sans-serif;font-size:14px;color:#fff;background-color:#0077d9;letter-spacing:-0.04em;text-align:center}.cert_confirm_popup_layer.popup2 .popup_inner{width:620px}.cert_confirm_popup_layer.popup2 .popup_cont .txt{font-weight:400}.cert_confirm_popup_layer.popup2 .popup_cont .txt.bold{font-weight:600}.cert_confirm_popup_layer.popup2 .btm_cont{margin:30px auto 0}.popup_mediaView{display:none}.popup_mediaView .bg{z-index:10010;position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5}.popup_mediaView .popup_inner{z-index:10011;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}.popup_mediaView .popup_inner .popup_cont{position:relative;width:1098px;padding-top:56px;margin:0 auto}.popup_mediaView .popup_inner .popup_cont .view_wrap{width:1098px;height:620px}.popup_mediaView .popup_inner .popup_cont .view_wrap iframe{width:100%;height:100%}.popup_mediaView .popup_inner .popup_cont .close{position:absolute;right:0;top:0;width:40px;height:40px}