@charset "euc-kr";

/* online_sales common */
:focus {outline: 0;}
.gnb .depth1:first-child > a{border-right:none;}
.container{height: auto;}
.info_list li{padding:0;}
.top_area .subject_area{display:none;padding: 50px 50px 50px 60px;}
.top_area .subject_area.active{display: block;}
.top_area .subject_area p{line-height:1.375em;}
.option_table td .item_list{line-height:1.5em;}
.point td.none_space .btn{margin-left:0;}
/* .privacy_area.phone{width:280px;min-height:30px;}
.privacy_area.phone .phone_num{height:30px;line-height:30px;vertical-align: middle;} */
.accessories h3{margin-bottom:0;}
.total_area .total_txt .total_price{margin-left: 40px;}

/* #floatingQuote{display: none;}
.floating_request_wrap{visibility: hidden; opacity:0; position: fixed; right: 90px; bottom: 0; z-index: 10;}
.floating_request_wrap.active{display:block;visibility: visible; opacity: 1;}
.floating_request_btn{ display: block; width: 110px; height: 100px; padding: 70px 0 15px; background-color: #393839; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; transition:all 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.floating_request_btn::before{position: absolute; left: 50%; top: 30px; width: 32px; height: 21px; margin-left: -16px; background: url(/httpobject/cad_images/onlineShop/contract/ico_floating_request.png) 0 0 no-repeat; content: "";}
.floating_installment_list{display: none; position: absolute; left: 0; bottom: 130px; border: 1px solid #e2e2e2;}
.floating_request_wrap.active.menu_open .floating_installment_list{display: block;}
.floating_installment_list::after{content: ""; position: absolute; left: 50%; bottom: -16px; width: 20px; height: 16px; margin-left: -10px; background: url(/httpobject/cad_images/onlineShop/contract/ico_floating_arrow.png) 0 0 no-repeat;}
.floating_installment_list > li{border-top: 1px solid #e2e2e2;}
.floating_installment_list > li:first-child{border-top: none;}
.floating_installment_list .floating_link{display: block; overflow: hidden; width: 110px; height: 100px; background-color: #fff; background-position: 50%; background-repeat: no-repeat; font-size: 0; text-indent: -9999px;}
.floating_installment_list li[data-type="faq"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_faq.png);}
.floating_installment_list li[data-type="hana"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_hana.png);}
.floating_installment_list li[data-type="kb"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_kb.png);}
.floating_installment_list li[data-type="bnk"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_bnk.png);}
.floating_installment_list li[data-type="faq"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_faq_on.png);}
.floating_installment_list li[data-type="hana"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_hana_on.png);}
.floating_installment_list li[data-type="kb"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_kb_on.png);}
.floating_installment_list li[data-type="bnk"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_bnk_on.png);} */

#floatingQuote{display: none;}
.floating_request_wrap{position:relative; width:128px; margin-left:8px;}
.floating_request_btn{display:block; width:100%; padding:24px 0; background-color:#666; border-radius:12px; font-size:18px; letter-spacing:-0.2px; line-height:24px; color:#fff; font-weight:bold; text-align:center;}
.floating_request_btn:hover{background-color:#444;}
.floating_installment_list{display:none; position:absolute; bottom:106px; left:0; fill: #FFF; stroke-width: 1px; stroke: #D9D9D9;filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.12));}
.floating_request_wrap.menu_open .floating_installment_list{display: block;}
.floating_installment_list::after{content: ""; position: absolute; left: 50%; bottom: -16px; width: 20px; height: 16px; margin-left: -10px; background: url(/httpobject/cad_images/onlineShop/contract/ico_floating_arrow.png) 0 0 no-repeat;}
.floating_installment_list > li{overflow:hidden; border-top: 1px solid #e2e2e2;border-radius:12px;}
/* .floating_installment_list > li:first-of-type{border-top: none; border-radius:12px 12px 0 0;}
.floating_installment_list > li:last-of-type{border-radius:0 0 12px 12px;} */

.floating_installment_list .floating_link{display: block; overflow: hidden; width: 128px; height: 96px; background-color: #fff; background-position: 50%; background-repeat: no-repeat; font-size: 0; text-indent: -9999px;}
.floating_installment_list li[data-type="faq"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_faq.png);}
.floating_installment_list li[data-type="hana"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_hana.png);}
.floating_installment_list li[data-type="kb"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_kb.png);}
.floating_installment_list li[data-type="bnk"] .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_bnk.png);}
.floating_installment_list li[data-type="faq"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_faq_on.png);}
.floating_installment_list li[data-type="hana"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_hana_on.png);}
.floating_installment_list li[data-type="kb"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_kb_on.png);}
.floating_installment_list li[data-type="bnk"]:hover .floating_link{background-image: url(/httpobject/cad_images/onlineShop/contract/floating_bnk_on.png);}


@media all and (max-width:1280px){
    .floating_request_wrap{width:112px;}
    .floating_request_btn{padding:15px 0; font-size:14px; line-height:19px; border-radius:8px;}
    .floating_installment_list{bottom:98px;}
    .floating_installment_list .floating_link{width:112px;}
}


.online_shop .gnb .depth1 .depth1_subj{display: block; float: left; min-width: 142px; height: 60px; padding: 0 20px; color:#999; font-weight: 600; font-size:14px; line-height: 60px; letter-spacing: -.05em;}
.online_shop .gnb .depth1.on .depth1_subj{color: #393939;}
.online_shop .sub_gnb .depth2{display: block; height: 60px; font-weight: 400; color: #393939; line-height: 60px;}

.section > .btn_link{position:relative; display:inline-block; margin:10px 0 20px 0;padding:0 0 0 10px; width:160px; height:30px; line-height:28px; font-size:13px; color:#666; background-color:#fff; border:1px solid #cac9c7;}
.section > .btn_link::after{
    content:'';
    display: block;
    position:absolute;
    right:12px;
    top:50%;
    width:5px;
    height:5px;
    margin-top:-3px;
    border-top:1px solid #707070;
    border-left:1px solid #707070;
    transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    -ms-transform: rotate(-225deg);
}
.btn_link.btn_prev{text-align:right;background-color: #808080;}
.btn_link.btn_prev::after{
    content:'';
    display: block;
    position:absolute;
    left:20px;
    top:50%;
    width:8px;
    height:8px;
    margin-top:-3px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}
.btn_link.btn_complete{text-align: center;}
.btn_link.btn_complete::after{content: none;}
.btn_link.disabled{color:#bbb;background-color: #ddd;cursor: auto;}
/* .btn_link.disabled::after{border-top: 1px solid #bbb;border-left: 1px solid #bbb;} */


.point td.none_space{padding:0;}

/* .option_table th{padding:20px 10px 20px 45px;}
.option_table th #registrationAddress span{display:block;}
.option_table td .btn{display:inline-block;min-width:94px;width:auto;height:auto;line-height:1;padding:8px 20px;}
.option_table input.short{width:130px;}
.option_table input.long{width:280px;}
.option_table .select_group select.long{min-width:300px;width:auto;} */

.btn_wrap .btn_request,
.btn_wrap .btn_save{text-align: center;}
.btn_wrap .btn_request::after,
.btn_wrap .btn_save::after{content: none;}
.btn_address_modify{padding: 8px 20px; margin-top: 15px; border: 1px solid #666; font-size: 13px;}

.consignment .tr_zone{display:table-row;}

.consignment .option_table td.none_space,
.regist_fee .option_table td.none_space{padding: 0;text-align: right;background-color: #f9f9f9;}
.consignment .other_type .price,
.regist_fee .other_type .price{padding-right:10px;}

.subsidy .tr_zone{display:none;}
.subsidy .tr_zone.on{display:table-row;}
.subsidy .tr_zone th label{vertical-align:top;}

.payment .option_table td.none_space{padding: 0;}
.payment .option_table td.big_space{padding: 27px 3% 27px 50px;}
.payment .other_type .re_point{overflow:hidden;float:right; padding-right:40px; width:44%; font-size:16px;color:#383938;font-weight: 600;letter-spacing: -0.4px;text-align: right;}

.payment_group .payment_item.first{margin:0 180px 4px 0;width:250px;}
.payment_group .payment_item.second{margin:0;}
.payment_group .payment_item.second .payment_name + .payment_area{float:none;display: inline-block;width:auto;}
.payment_group .payment_item .payment_name.other{margin:7px 0;}
.payment_group .payment_item.installment_zone{overflow: visible;}
.payment_group .payment_item.installment_zone::after{display: block; content: ""; clear: both;}
.payment_group .payment_item.installment_zone .payment_name{position: relative;}

/* online_shop */
/* common */
.header .inner{min-width:1200px;}
.sub_gnb{display:none;}
.gnb .depth1.on > .sub_gnb{display:block;}

.online_shop input,
.online_shop button,
.online_shop a{font-family: 'Pretendard', Arial, sans-serif;box-sizing: border-box;}
.online_shop{min-width:1200px; padding:140px 0 160px; font-family: 'Pretendard', Arial, sans-serif;font-size:14px;color:#666;box-sizing: border-box; background-color:#F1F3F5;}
.online_shop.summary{background-color:transparent; padding:0;}
.online_shop .en{font-family: 'CadillacGothic', 'Pretendard', Arial, sans-serif; letter-spacing: -.4px;}
.online_shop .sec{width:1280px;margin:0 auto;}
.online_shop .tit_wrap .tit{margin-bottom:10px;font-size:15px;color: #393839; font-weight: 600; letter-spacing: -0.75px;}
.online_shop .tit_wrap .txt{letter-spacing: -0.7px;line-height: 1.714em;}
.check_item input{
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.online_shop .sec_inner{margin-top: 60px;}
.online_shop .sec_inner.mt0,
.online_shop .sec_inner:first-child{margin-top: 0;}
.online_shop .info_inner{margin-top:20px; padding:40px 40px 48px 40px; border:1px solid #000; border-radius:12px; background-color:#fff;}
.online_shop .info_inner strong{display:block; margin-bottom:8px; font-size:22px; font-weight:bold; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop .customer_agree_wrap .info_inner{padding-bottom:36px;}
.online_shop .customer_tit{font-size:24px; font-weight:bold; letter-spacing:-0.2px; color:#222;}
.online_shop .customer_tit span{display:inline-block; vertical-align:middle; margin:-6px 12px 0 0; padding:5px 10px; font-size:14px; color:#fff; border-radius:8px; background-color:#3B7CBD;}
.online_shop .customer_tit span.buyer2 {background-color: #999;}
.online_shop .sub_customer_wrap .customer_tit span{background-color:#999;}



/* tab */
.online_shop .tab_list{overflow:hidden;}
.online_shop .tab_list li{float:left;margin-left:12px;width:calc(33.33% - 8px);}
.online_shop .tab_list li:first-child{margin-left: 0;border-left:none;}
.online_shop .tab_list li a{display:block;width:100%;height:100%; height:60px;line-height:60px; font-size:18px; text-align:center; font-weight: 600; letter-spacing: -0.2px; border:1px solid #666; background-color: #666; color:#fff; border-radius:8px;}
.online_shop .tab_list li.on a{border:1px solid #000; background-color: #fff; color:#222;}
.online_shop .tabCont{display:none;}
.online_shop .tabCont.active{display:block;}

/* paging */
.online_shop .paging {margin-top:50px;padding-top:10px;text-align:center;letter-spacing: -.04px;word-spacing:0.9em;}
.online_shop .paging span,.online_shop .paging a{font-size:16px;color:#393839;}
.online_shop .paging .on{font-weight:bold;color:#cd9834;}
.online_shop .paging .first{letter-spacing:-0.4px;}
.online_shop .paging .last{letter-spacing:-0.4px;}

.online_shop .btn_shop_link{display: block; width: 100%; height: 50px; border:2px solid #cd9834; line-height: 47px; font-weight: 600; font-size:16px; color: #393839; text-align: center; letter-spacing: -.05em;}
.online_shop .btn_shop_link.grey{border: 2px solid #aaa;}
.online_shop .btn_shop_link:hover{color:#fff;background-color: #cd9834;}
.online_shop .btn_shop_link.grey:hover{color:#fff;background-color: #aaa;}



/* ¿Â¶óÀÎ ¼¥ À妽º */
.onlineShopIndex #footer{width: 1100px;}
.online_shop_index{margin:0 auto;min-width: 1100px; max-width: 1920px; background-color:transparent; padding:0;}
.online_shop_index *{box-sizing: border-box;letter-spacing: -0.4px;}
.online_shop_index .sec{padding:160px 6.25%;width:100%;}
.online_shop_index .sec1{background-color: #f1f1f1;}
.online_shop_index .sec .sec_inner{margin:0 auto;width:auto;max-width: 1200px;}
.online_shop_index .sec2{padding: 80px 6.25%;}
.online_shop_index .desc{ position: relative; margin-bottom: 32px;padding-left: 12px;font-size:18px;line-height: 1.25em;}
.online_shop_index .desc::before{content: "*";position: absolute;left: 0;top: 5px;font-size: inherit;color: #444;}

/* ani */
.online_shop_index .sec .sec_inner {opacity: 0;transform: translateY(100px);}
.online_shop_index .sec.active .sec_inner{opacity: 1;transform: translateY(0);transition: all .8s ease-in-out;}

.online_shop_index .visual_content{overflow: hidden; position: relative; margin: 0 auto; width:100%;}
.online_shop_index .visual_wrap img{display:block; width: 100%;}
.online_shop_index .visual_wrap .info_wrap{z-index:10;position: absolute;left:6%;top: 50%;transform: translateY(-50%); width: 100%;}
.online_shop_index .visual_wrap .txt_box .tit{font-family: CadillacGothicVF; font-size: 56px;color: #fff;font-weight: bold;}
.online_shop_index .visual_wrap .txt_box .txt{margin-top:16px;font-size: 24px;color: #fff;line-height: 1.5;}
.online_shop_index .visual_wrap .btn_wrap{margin-top: 64px;}
.online_shop_index .visual_wrap .btn_wrap a{display:inline-block;margin-left:12px;padding:15px 0;font-size:18px;color:#fff;text-align: center;font-weight:400; border:1px solid #fff; border-radius: 12px;}
.online_shop_index .visual_wrap .btn_wrap a:hover{background-color:rgba(255,255,255,0.2);}
.online_shop_index .visual_wrap .btn_wrap .carName{position:relative; display:inline-block; font-size: inherit; color: inherit; vertical-align:top; margin-right:12px; padding-right:12px;}
.online_shop_index .visual_wrap .btn_wrap .carName::after{content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:16px; background-color:#fff;}
.online_shop_index .visual_wrap .btn_wrap a:first-child{width:288px; margin-left: 0;}
.online_shop_index .visual_wrap .btn_wrap a:last-child{width:200px;}
/* .online_shop_index .visual_wrap .btn_wrap a span{text-indent: -9999px;visibility: hidden;} */
.online_shop_index .visual_wrap .control_wrap{display:flex; align-items:center; margin-top:32px;}
.online_shop_index .visual_wrap .control_wrap .indicator_box{display:flex; align-items:center; justify-content:center; width:158px; height:40px; border-radius:12px; background-color:rgba(0,0,0,0.30);}
.online_shop_index .visual_wrap .control_wrap .indicator_box .slide_btn{position:static; width:24px; height:24px; margin:0;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .slide_btn::after{display:none;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-button-prev{background:url(/httpobject/cad_images/onlineShop/index/slide_prev.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-button-next{background:url(/httpobject/cad_images/onlineShop/index/slide_next.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination{display:flex; align-items:center; position:static; width:48px; margin:3px 20px 0 20px; font-size:0;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination span{width:10px; font-size:16px;font-weight:400; line-height:24px; letter-spacing:-0.2px; color:#fff;}
.online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination .swiper-pagination-total{position:relative; margin-left:14px; padding-left:14px; color:#999;}
.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;}
.online_shop_index .visual_wrap .control_wrap .control{width:40px; height:40px; margin-left:10px; border-radius:12px; font-size:0;}
.online_shop_index .visual_wrap .control_wrap .control[data-control="stop"]{background:url(/httpobject/cad_images/onlineShop/index/stop_icon.png) center no-repeat rgba(0,0,0,0.30); background-size:8px 10px;}
.online_shop_index .visual_wrap .control_wrap .control[data-control="play"]{background:url(/httpobject/cad_images/onlineShop/index/play_icon.png) center no-repeat rgba(0,0,0,0.30); background-size:10px 12px;}

.online_shop_index .car_list{overflow: hidden;}
.online_shop_index .car_list li{float: left;margin-top:40px; width:48%;}
.online_shop_index .car_list li:nth-child(1), .online_shop_index .car_list li:nth-child(2){margin-top: 0;}
.online_shop_index .car_list li:nth-child(odd){margin-right: 4%;}
.online_shop_index .car_list li a{display:block;padding: 60px;background-color: #fff;border-radius: 12px;text-align: center;}
.online_shop_index .car_list li .img_box{margin:0 auto; width:100%;max-width: 400px;}
.online_shop_index .car_list li .img_box img{width: 100%;}
.online_shop_index .car_list li .car_info{margin-top: 24px;text-align: center;}
.online_shop_index .car_list li .car_tit{ display:inline-block;position: relative;padding-right:32px; font-family: CadillacGothicVF;font-size:28px;color: #222;font-weight: bold;}
.online_shop_index .car_list li .car_tit::after{content: "";position: absolute;right:0;top:50%; transform: translateY(-50%); width:32px;height:32px;background: url(/httpobject/cad_images/onlineShop/index/ico_car_list_arrow_off.svg) left top no-repeat;background-size: cover;}
.online_shop_index .car_list li a:hover{background-color: #222;box-shadow: 0px 32px 70px 0px rgba(0, 0, 0, 0.10);transition: all .3s ease;}
.online_shop_index .car_list li a:hover .car_tit{ color: #fff;}
.online_shop_index .car_list li a:hover .car_tit::after{background-image: url(/httpobject/cad_images/onlineShop/index/ico_car_list_arrow_on.svg);}

.online_shop_index .banner_wrap .banner{overflow: relative; height: 440px;padding:40px;background:url(/httpobject/cad_images/onlineShop/index/banner.png) center no-repeat;background-size: cover;border-radius: 12px;}
.online_shop_index .banner_wrap .banner .tit{ font-family: Cadillac Gothic Wide; font-weight:500; font-size: 30px; color:#fff; line-height: 1.2;letter-spacing: -0.56px;text-transform: uppercase;}
.online_shop_index .banner_wrap .banner .tit02{margin-top:8px; font-family: Cadillac Gothic Wide; font-weight:500; font-size: 36px; color:#fff; line-height: 1.2;letter-spacing: -0.56px;text-transform: uppercase;}
.online_shop_index .banner_wrap .banner .txt{margin-top:16px;font-size: 20px; font-family: "Pretendard"; color:#fff;line-height: 1.4;letter-spacing: -0.4px;}
.online_shop_index .banner_wrap .banner .btn_showroom{position:absolute;right: 40px; bottom:40px; padding: 15px 60px; font-family: CadillacGothic; font-size: 18px; color: #222; font-weight: bold;letter-spacing: -0.36px;background-color: #fff;border-radius: 8px;}


@media screen and (max-width: 1280px) { 
    .online_shop_index .visual_wrap .txt_box .tit{font-size: 42px;}
    .online_shop_index .visual_wrap .txt_box .txt{font-size: 20px;}
    .online_shop_index .visual_wrap .btn_wrap{margin-top: 48px;}
    .online_shop_index .visual_wrap .btn_wrap a{min-width:140px;margin-left:10px;padding:10px;font-size:14px;}
    .online_shop_index .visual_wrap .btn_wrap a strong::after{height:12px;}
    .online_shop_index .visual_wrap .btn_wrap a:first-child{width:237px;}
    .online_shop_index .visual_wrap .btn_wrap a:last-child{width:140px;}
    .online_shop_index .visual_wrap .control_wrap{margin-top:24px;}
    .online_shop_index .visual_wrap .control_wrap .indicator_box{width:156px; border-radius:8px;}
    .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination{width:48px; margin:3px 20px 0 20px;}
    .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination span{font-size:14px;}
    .online_shop_index .visual_wrap .control_wrap .indicator_box .swiper-pagination .swiper-pagination-total::before{top:4px; height:12px;}
    .online_shop_index .visual_wrap .control_wrap .control{border-radius:8px; font-size:0;}

    .online_shop_index .car_list_wrap .desc{font-size: 14px;}
    .online_shop_index .car_list li{margin-top:32px;}
    .online_shop_index .car_list li a{padding: 32px;}
    .online_shop_index .car_list li .car_info{margin-top: 16px;}
    .online_shop_index .car_list li .car_tit{margin-top: 16px;padding-right:32px;font-size:28px;}
    .online_shop_index .car_list li .car_tit::after{width:20px;height:20px;}
}

/* desc_list */
.online_shop .desc_list{margin-top:13px;}
.online_shop .desc_list li{padding-top:6px; font-size:12px; color:#999; letter-spacing:-0.048em;}
.online_shop .desc_list li:first-child{padding-top:0;}
.online_shop .desc_list li>ul{padding:5px 0 0 10px;}
.online_shop .desc_list li.hidden{display: none;}
.online_shop .desc_list.chk_tax_info,
.online_shop .desc_list.chk_subTax_info{display: none;}
.online_shop .desc_list.chk_tax_info.on,
.online_shop .desc_list.chk_subTax_info.on{display: block;}

.online_shop .payment .desc_list li{font-size: 13px;}

.section .total_area .info_list li strong{font-weight: 600;}
.section .total_area .info_list .bolt_info_txt{display: none;}
.section .total_area .info_list .bolt_info_txt.on{display: block;}
.section .total_area .info_list .bolt_euv_info_txt{display: none;}
.section .total_area .info_list .bolt_euv_info_txt.on{display: block;}


/* check_item */
.online_shop .inventory .check_item input{display:none;}
.online_shop .inventory .check_item label{position:relative; display:inline-block; padding-left:25px; font-size:14px; font-weight:600; color:#383938;}
.online_shop .inventory .check_item label::before{content:''; display:inline-block; position: absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:15px; height:15px; background:url(/httpobject/cad_images/onlineSales/common/chkbox_img.jpg) no-repeat 0 0;}
.online_shop .inventory .check_item input:checked + label::before{background-position: -15px 0;}

/* radio_group */
/* .online_shop .inventory .radio_item{display:inline-block;} */
.online_shop .inventory .radio_item input{overflow: hidden;position: absolute;z-index: -1;width: 1px;height: 1px;opacity: 0;margin-left: -1px;}
.online_shop .inventory .radio_item label{display:block;position:relative;font-size:13px; color:#383938; letter-spacing:-0.02em;}
.online_shop .inventory .radio_item label::before{content:''; display:inline-block; width:20px; height:20px; margin-right:6px;border:1px solid #c5c5c5;border-radius:100%;background-color: #fff; vertical-align:top; box-sizing:border-box;}
.online_shop .inventory .radio_item label span{display:inline-block;padding-top:2px;width:calc(100% - 26px);word-break: keep-all;}
.online_shop .inventory .radio_item input:checked + label{color: #cd9834;font-weight: 600;}
.online_shop .inventory .radio_item input:checked + label::before{background-color: #cd9834;border: none;}
.online_shop .inventory .radio_item input:checked + label::after{content:''; display:inline-block; position:absolute; left:6px; top:6px; width:8px; height:8px; border-radius:100%; background-color:#fff;}


/* inventory */
.online_shop.bg{background-color: #f2f2f2;}
.online_shop .inventory{padding:100px 0 150px;}
.online_shop .inventory .car_model_list{ z-index:100; position: fixed;left: 0;top: 60px;width: 100%;
  background-color: #fff;
    -webkit-box-shadow: 3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    -moz-box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
}
.online_shop .inventory .car_model_list .model_list{margin:0 auto;width:1280px;}
.online_shop .inventory .car_model_list .model_list li{display: none; overflow: hidden; padding:15px 0;position: relative; cursor: pointer;border-top: 1px solid #f2f2f2;}
.online_shop .inventory .car_model_list .model_list li.on,
.online_shop .inventory .car_model_list .model_list li.current{display: block;}
.online_shop .inventory .car_model_list .model_list li:first-child{border-top: none;}
.online_shop .inventory .car_model_list .model_list li.current:after {
    content: ''; display: block; position: absolute; right: 15px; top: 50%; width: 10px; height: 10px; margin-top: -9px; border-top: 2px solid #434343; border-left: 2px solid #434343;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}
.online_shop .inventory .car_model_list .model_list li.current.on::after {
    right: 25px; margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.online_shop .inventory .car_model_list .model_list li .thumb{overflow: hidden; position: relative; float:left;width: 70px;height:70px; background-color: #f1f1f1; border-radius: 10px;}
.online_shop .inventory .car_model_list .model_list li .thumb img{position: absolute;left: 0;top: 0;width:200%;transform: translateX(2%);}
.online_shop .inventory .car_model_list .model_list li[data-value="1F"] .thumb img{transform: translateX(-9%);}
.online_shop .inventory .car_model_list .model_list li[data-value="1"] .thumb img{transform: translateX(-2%);}
.online_shop .inventory .car_model_list .model_list li .car_tit{float:left;padding:17px 10px 0 20px;height:70px;font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;font-size: 30px; color:#535353;font-weight: 600; letter-spacing: -.01em;}
.online_shop .inventory .car_model_list .model_list li .sub_tit{float:left;padding-top:26px;font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;font-size: 15px; color:#888;letter-spacing: -.01em;}

.online_shop .inventory .sec{position: relative; margin: 40px auto 0;width: 1280px;height:100%;min-height:520px;background-color: transparent;}
.online_shop .inventory .sec:after{clear: both;content: "";display: block;}
.online_shop .inventory .left_area{/*position: absolute;left:0;top: 0; */float:left;width:290px;height:100%;margin-right:40px;}
.online_shop .inventory .left_area .left_area_inner{width:100%;height:100%;background-color: #fff;border-radius:15px;
    -webkit-box-shadow: 3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    -moz-box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
}

.online_shop .inventory .select_area .tit{padding:20px;font-size:16px;color:#383938;text-align: center;font-weight: 600;border-bottom: 1px solid #f2f2f2;}
.online_shop .inventory .select_wrap{border-bottom: 1px solid #f2f2f2;}
.online_shop .inventory .select_wrap .option_tit{position: relative;padding:20px 26px;width:100%;height:66px;font-size:18px;color:#393839; font-weight: 600;}
.online_shop .inventory .select_wrap .option_tit::before{content: "";display: block;position: absolute;right: 25px;top: 50%;margin-top:-1px;width: 13px;height: 3px;background-color: #383938;}
.online_shop .inventory .select_wrap .option_tit::after{content: "";display: block;position: absolute;right: 30px;top: 50%;width: 3px;height: 13px;background-color: #383938;transform: translateY(-50%) rotate(180deg);transition: all 0.3s ease-in-out;}
/* tit on */
.online_shop .inventory .select_wrap .option_tit.on::before{content: none;}
.online_shop .inventory .select_wrap .option_tit.on::after{transform: translateY(-50%) rotate(270deg);}
.online_shop .inventory .select_wrap .option_tit.on + .select_list{display:block;}

.online_shop .inventory .select_wrap .select_list{display:none;margin-bottom:30px;width:100%;transition: all 0.3s ease-in-out;}
.online_shop .inventory .select_wrap .select_list li{margin-top:10px;padding:0 36px;font-size: 18px; color: #b3b3b3; letter-spacing: -.025em;}
.online_shop .inventory .select_wrap .select_list li.on{color:#393839;}
.online_shop .inventory .select_wrap .select_list li:first-child{margin-top:0;}
.online_shop .inventory .select_wrap .select_list li a{display:block;}

.online_shop .inventory .select_btm_wrap{padding:40px 20px;}
.online_shop .inventory .select_btm_wrap .btn_search{width:200px;height: 50px;font-size:15px;letter-spacing: -.02em; color:#fff;text-align:center;background-color: #9f9f9f;border-radius: 10px;}
.online_shop .inventory .select_btm_wrap .btn_search:hover{color:#fff;background-color:#cd9834;}
.online_shop .inventory .select_btm_wrap .btn_reset{margin-left:15px;width:25px;height:25px;background: url("/httpobject/cad_images/onlineShop/common/ico_reset.png") left top no-repeat;background-size: 100% auto;text-indent: -9999px;}


.online_shop .inventory .car_list_wrap{float:right;width:calc(100% - 330px);}
.online_shop .inventory .car_list_wrap .data_none{padding:242px 0;text-align:center;font-size:18px;color: #393839;background-color: #fff;border-radius:15px;
    -webkit-box-shadow: 3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    -moz-box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
}
.online_shop .inventory .car_list_wrap .desc{display:none;width: 1200px; margin: 0 auto 30px;}
.online_shop .inventory .car_list_wrap .desc > span{display: inline-block;margin-left:17px;}
.online_shop .inventory .car_list_wrap .desc.on{display: block;}

.online_shop .inventory .car_list_wrap .total_info {margin-bottom: 30px;}
.online_shop .inventory .car_list_wrap .total_info .info_list{overflow: hidden;}
.online_shop .inventory .car_list_wrap .total_info .info_list > li{ position: relative; float: left;margin-right:13px;padding-left:10px;border-radius: 5px;font-size:12px;color: #535353;letter-spacing: -.02em;}
.online_shop .inventory .car_list_wrap .total_info .info_list > li::before{content: "";position: absolute;left:0;top:5px;width:4px;height: 4px;background-color:#535353;border-radius: 50%;}
.online_shop .inventory .car_list_wrap .total_info .total_txt{margin-top:10px;font-size:18px;color: #383938;letter-spacing: -.05em;}
.online_shop .inventory .car_list_wrap .total_info .total_txt .total{font-weight: 600;}
.online_shop .inventory .car_list_wrap .car_list > li{overflow:hidden;position: relative;margin-top: 40px;padding:0 40px 40px;min-height:300px;background-color: #fff;border-radius: 15px;
    -webkit-box-shadow: 3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    -moz-box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    box-shadow:3px 3px 15px 8px rgb(0, 0, 0, 0.05);
    animation: listAni .4s ease-in-out both;
}
@keyframes listAni{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.online_shop .inventory .car_list_wrap .car_list > li:first-child{margin-top: 0;}
.online_shop .inventory .car_list_wrap .car_list .car_info{margin-top: 40px;float: left;width: 370px;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_tit{margin-bottom: 8px;font-family: 'RouisWeb', 'NotoSansKRWeb', Arial, sans-serif; font-size: 24px;font-weight: 600;  color: #535353; letter-spacing: -.01em;word-break: keep-all;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_tit span{margin-left: 5px; font-weight: 400; font-size: 14px;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_price{margin-bottom:20px;padding-bottom: 20px;border-bottom: 1px solid #707070;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_price .price{font-family: 'RouisWeb', 'NotoSansKRWeb', Arial, sans-serif;font-size: 20px;color:#919191;letter-spacing: -.01em;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_price .tag_list{overflow:hidden;margin-top:10px;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_price .tag_list li{float:left;margin-left:10px;font-size:12px;color: #1b85e2;letter-spacing: -.02em;}
.online_shop .inventory .car_list_wrap .car_list .car_info .car_price .tag_list li:first-child{margin-left: 0;}
.online_shop .inventory .car_list_wrap .car_list .car_info .built_in_option .tit{font-size:13px;color: #383938;font-weight:600;letter-spacing: -.05em;}
.online_shop .inventory .car_list_wrap .car_list .car_info .built_in_option li{position: relative;margin-top:5px;padding-left:15px;font-size:13px;color: #383938;letter-spacing: -.05em;word-break: keep-all;}
.online_shop .inventory .car_list_wrap .car_list .car_info .built_in_option li:first-child{margin-top: 10px;}
.online_shop .inventory .car_list_wrap .car_list .car_info .built_in_option li::before{content: "";position: absolute;left:0;top:5px;width:4px;height: 4px;background-color: #383938;border-radius: 50%;}
.online_shop .inventory .car_list_wrap .car_list .img_box{float: right;width:440px;}
.online_shop .inventory .car_list_wrap .car_list .img_box img{width: 100%;}

.online_shop .inventory .car_list_wrap .car_list .btn_shop_link{position: absolute;bottom:30px;right:30px; border:none;width:200px;line-height:48px;font-size:15px;color:#fff;text-align: center;border-radius: 10px;background-color: #9f9f9f;letter-spacing: -.02em;}
.online_shop .inventory .car_list_wrap .car_list .btn_shop_link:hover{color:#fff;background-color:#cd9834;}

/* paging */
.online_shop .inventory .paging{margin-top:40px;float:right;text-align: right;word-spacing: 0;}
.online_shop .inventory .paging span.on,
.online_shop .inventory .paging a{display:inline-block;padding:0 15px;font-size: 15px;height:40px;line-height:40px;vertical-align: middle;}
.online_shop .inventory .paging .first,
.online_shop .inventory .paging .last{display: none;padding:0;}
.online_shop .inventory .paging .prev,
.online_shop .inventory .paging .next{position: relative; width:80px;height:40px;text-align:center;background-color: #d1d1d1;border-radius: 7px;}
.online_shop .inventory .paging .prev{color: #d1d1d1;margin:0 20px 0 0;padding:0;}
.online_shop .inventory .paging .next{color:#535353;background-color: #535353;margin:0 0 0 20px;padding:0;}
.online_shop .inventory .paging .prev::before{content: '';position: absolute;left: 22px;top: 50%; transform: translateY(-50%) rotate(-45deg); width: 6px; height: 6px;border-top: 2px solid #fff; border-left: 2px solid #fff;}
.online_shop .inventory .paging .prev::after{content: 'ÀÌÀü';position: absolute;left: 40px;top: 50%;transform: translateY(-50%);font-size:13px;color: #fff;font-weight: 600;letter-spacing:-.05em;}
.online_shop .inventory .paging .next::before{content: '';position: absolute;left: 52px;top: 50%; transform: translateY(-50%) rotate(130deg); width: 6px; height: 6px;border-top: 2px solid #fff; border-left: 2px solid #fff;}
.online_shop .inventory .paging .next::after{content: '´ÙÀ½';position: absolute;left: 20px;top: 50%;transform: translateY(-50%);font-size:13px;color: #fff;font-weight: 600;letter-spacing:-.05em;}




/* request */
/* .section.notice{margin-top:50px} */
.installment{margin:100px 0;}
.installment .inst_wrap{overflow:hidden;width:100%; padding:30px 100px; background:#f9f9f9;}
.installment .inst_wrap .info_box{float:left;position:relative;padding:20px 0 20px 153px;font-size:13px; color:#666; font-weight: 500;line-height:1.75; letter-spacing:-0.65px;}
.installment .inst_wrap .info_box::before{content: "";position: absolute;left:0;top:0;width:103px;height:85px;background: url(/httpobject/cad_images/onlineShop/contract/ico_inst.png) left top no-repeat;}
.installment .inst_wrap .btn{float:right;margin-top:20px;width:240px;height: 45px;line-height: 45px;vertical-align: middle;font-size:16px;color: #393839; font-weight: 600; letter-spacing: -0.8px;background-color: #b3b3b3;}

/* .online_shop .privacy_area.company .select_group .input_item{width:150px;}
.online_shop .privacy_area.company .select_group .input_item::before{content:''; display:inline-block; position:absolute; left:6px; top:50%; width:8px; height:1px; background-color:#666;}
.online_shop .privacy_area.company .select_group .input_item:first-child{padding-left:0;width:130px;}
.online_shop .privacy_area.company .select_group .input_item:first-child::before{content: none;} */

/* tooltip_wrap */
/* .tooltip_subj{position: relative;}
.tooltip_wrap{position: absolute; right: -25px; top: 50%; margin-top: -10px; line-height: 1;}
.tooltip_wrap .tooltip_btn{width:20px; height: 20px; border-radius: 50%; background-color: #aaa; color: #fff; text-align:center;cursor: pointer;}
.tooltip_wrap .tooltip_info{display:none;z-index:1; position: absolute; bottom:40px; left:0; padding:30px 20px; width:420px; border-radius: 10px; background-color: #aaa; font-size: 14px; color: #fff; line-height: 22px; letter-spacing: -.025em;}
.tooltip_wrap .tooltip_info .tooltip_arrow{display:block; position: absolute; bottom:-25px; left: 0; border-color: #aaa transparent transparent transparent; border-width: 15px 10px 10px 10px; border-style: solid;}
.tooltip_wrap.active .tooltip_info{display: block;}
.tooltip_wrap.active .tooltip_info .txt{display: block;}
.tooltip_wrap .tooltip_info .tooltip_list{margin-top: 5px;}
.tooltip_wrap .tooltip_info .tooltip_list li{padding-left: 10px; font-weight: 400; font-size: 13px; line-height: 22px; color: #fff; text-indent: -10px;}
.tooltip_wrap + .radio_group{display: inline-block;}
.tooltip_wrap .tooltip_btn_close{overflow: hidden; position: absolute; right: 15px; top: 15px; width: 15px; height: 15px; background: url(/httpobject/cad_images/onlineShop/contract/ico_tooltip_close.png) 0 0 no-repeat; background-size: cover; font-size: 0; text-indent: -9999px;} */

.tooltip_wrap{display:none; position:fixed; top:0; left:0; z-index:101; width:100%; height:100%;}
.tooltip_wrap.active{display:block;}
.tooltip_wrap .tooltip_bg{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
.tooltip_wrap .tooltip_cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:680px; padding:28px; background-color:#fff;}
.tooltip_wrap .tooltip_cont .cont{display:none;}
.tooltip_wrap .tooltip_cont .cont.on{display:block;}
.tooltip_wrap .tooltip_cont .top_box{position:relative; padding-bottom:16px; border-bottom:1px solid #D9D9D9;}
.tooltip_wrap .tooltip_cont .top_box strong{display:block; padding-top:4px; font-size:18px; letter-spacing:-0.2px; line-height:24px; font-weight:bold; color:#222;}
.tooltip_wrap .tooltip_cont .top_box .tooltip_btn_close{position:absolute; top:0; right:3px; width:36px; height:36px; background:url(/httpobject/cad_images/onlineShop/common/close_btn.png) 0 0 no-repeat; background-size:100% 100%; font-size:0;}
.tooltip_wrap .tooltip_cont .box{padding-top:28px;}
.tooltip_wrap .tooltip_cont .box p{position:relative; padding-left:8px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666; font-weight:400;}
.tooltip_wrap .tooltip_cont .box p.bold{font-weight:bold;}
.tooltip_wrap .tooltip_cont .box p::before{content:""; display:block; position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#666;}
.tooltip_wrap .tooltip_cont .box p.dot_no{padding-left:0;}
.tooltip_wrap .tooltip_cont .box p.dot_no::before{display:none;}
.tooltip_wrap .tooltip_cont .box p + p{margin-top:6px;}
.tooltip_wrap .tooltip_cont .box a{display:inline-block; vertical-align:top; margin-top:20px; padding:9px 12px; background-color:#666; border-radius:8px; font-size:14px; line-height:24px; letter-spacing:-0.2px; color:#fff;}



#companyAddress{display: none; position: absolute; left: 15px; bottom: -20px;}
#subCompanyAddress{display: none; position: absolute; left: 15px; bottom: -20px;}

/* accordion */
.accordion_wrap{margin-top:60px;}
.accordion_wrap .top_wrap{overflow: hidden; position: relative; margin-bottom: 20px;}
.accordion_wrap .top_wrap h3{padding-bottom: 0;}
.accordion_wrap .top_wrap .more_btn{position: relative; float: right;margin-top:5px; padding-left: 30px;font-size: 16px;; color: #383938;font-weight: bold;}
.accordion_wrap .top_wrap .more_btn::before{content: "";display: block;position: absolute;left: -1px;top: 50%; transform: translateY(-50%); width: 15px;height: 3px;background-color: #cd9834;}
.accordion_wrap .top_wrap .more_btn::after{content: "";display: block;position: absolute;left: 5px;top: 50%;width: 3px;height: 15px;background-color: #cd9834;transform: translateY(-50%) rotate(180deg);transition: all 0.3s ease-in-out;}
.accordion_wrap .top_wrap h3 + p{margin-top: 10px;}
.accordion_wrap .top_wrap .check_item{position: absolute;right: 0;bottom: 0;}
.accordion_wrap .top_wrap .txt_red{color: red;}
.accordion_wrap .accordion_list{border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.accordion_wrap .accordion_list > li{border-top: 1px solid #e5e5e5;}
.accordion_wrap .accordion_list > li:first-child{border-top: none;}
.accordion_wrap .accordion_list .acco_tit{overflow:hidden;position: relative;font-size: 16px;font-weight: 500;cursor: pointer;}
.accordion_wrap .accordion_list .acco_tit .tit{padding: 20px 200px 20px 60px;}
.accordion_wrap .accordion_list .acco_tit::before{content: "";position: absolute;top:28px;left:30px;width: 15px;height: 3px;background: #cd9834;}
.accordion_wrap .accordion_list .acco_tit::after{content: "";position: absolute;top: 28px;left: 30px;width: 15px;height: 3px;background: #cd9834;transform: rotate(90deg);transition: transform .2s ease-in-out;}
.accordion_wrap .accordion_list .acco_tit .radio_group{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);padding: 20px 0;height: 100%;}
.accordion_wrap .accordion_list > li.active .acco_tit:after{transform: rotate(180deg);}
.accordion_wrap .accordion_list .acco_cont{display: none;}
.accordion_wrap .accordion_list > li.active .acco_cont{display: block;}
.accordion_wrap .guide_wrap{overflow-y:scroll; width:100%; height:186px; padding:30px 30px 30px 40px;line-height:1.4; background-color:#f9f9f9; border-top:1px solid #e5e5e5;}
.accordion_wrap .guide_wrap h4{font-size:15px; font-weight:600; color:#383938; letter-spacing:-0.075em;}
.accordion_wrap .guide_wrap .guide_box{margin-top:40px;}
.accordion_wrap .guide_wrap .guide_box:first-child{margin-top:0;}
.accordion_wrap .guide_wrap .guide_box ol li{margin-top:10px;list-style: decimal;}
.accordion_wrap .guide_wrap .guide_box ol li:first-child{margin-top:0;}
.accordion_wrap .guide_wrap .guide_txt{margin-top:20px;}
.accordion_wrap .guide_wrap table{margin:10px 0 8px; border:1px solid #a3a19e;background-color: #fff;}
.accordion_wrap .guide_wrap table th{border-bottom:1px solid #a3a19e;background-color:#eee;}
.accordion_wrap .guide_wrap table td{border-bottom:1px solid #a3a19e;}
.accordion_wrap .guide_wrap table th, 
.accordion_wrap .guide_wrap table td{padding:5px 10px; border-left:1px solid #a3a19e;}
.accordion_wrap .guide_wrap table th:first-child, 
.accordion_wrap .guide_wrap table td:first-child{border-left:0;}
.accordion_wrap .guide_wrap .desc_txt{font-size:12px; line-height:1.3;}

/* customer_agree_wrap */
/* .online_shop .customer_agree_wrap{margin-top: 60px;}
.agree_info_wrap{margin-top:60px;padding-top: 60px;border-top: 1px solid #e5e5e5;}
.agree_info_wrap:first-child{margin-top: 0;padding-top: 0;border-top: none;}
.agree_info_wrap .sec_top_wrap{display:flex; align-items: center; justify-content:space-between; margin-bottom:40px;padding: 24px 30px 25px;border: 2px solid #b3b3b3;}
.agree_info_wrap .sec_top_wrap .tit{display: inline-block;font-size: 24px; color:#383938; font-weight: bold;}
.agree_info_wrap .sec_top_wrap .more_btn{position: relative; float: right;margin-top:5px; padding-left: 30px;font-size: 16px;; color: #383938;font-weight: bold;}
.agree_info_wrap .sec_top_wrap .more_btn::before{content: "";display: block;position: absolute;left: -1px;top: 50%; transform: translateY(-50%); width: 15px;height: 3px;background-color: #cd9834;}
.agree_info_wrap .sec_top_wrap .more_btn::after{content: "";display: block;position: absolute;left: 5px;top: 50%;width: 3px;height: 15px;background-color: #cd9834;transform: translateY(-50%) rotate(180deg);transition: all 0.3s ease-in-out;}
.agree_info_wrap .sec_top_wrap .check_item_box{position: relative; float: right;margin-top:5px; text-align:right;}
.agree_info_wrap .sec_top_wrap .check_item_box p{font-size: 12px; color: #383938;font-weight: bold; margin-top:5px;}

.agree_info_wrap .cont_wrap{margin-top: 30px;padding:0 30px;}
.agree_info_wrap .agree_tit{overflow: hidden;}
.agree_info_wrap .agree_tit h3{display: inline-block;}
.agree_info_wrap .agree_tit .check_item{float: right;margin-top: 12px;}
.agree_info_wrap .agree_tit .check_item label{font-weight: bold;}
.agree_info_wrap .agree_list{border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;}
.agree_info_wrap .agree_list li{ overflow: hidden; padding: 20px 30px; border-top: 1px solid #e5e5e5;}
.agree_info_wrap .agree_list li:first-child{border-top:none;}
.agree_info_wrap .agree_list li .tit{display: inline-block;line-height: 1.375em;}
.agree_info_wrap .agree_list li a.tit{position:relative; padding-left:30px;}
.agree_info_wrap .agree_list li a.tit::before{content: "";display: block;position: absolute;left: -1px;top: 50%; transform: translateY(-50%); width: 15px;height: 3px;background-color: #cd9834;}
.agree_info_wrap .agree_list li a.tit::after{content: "";display: block;position: absolute;left: 5px;top: 50%;width: 3px;height: 15px;background-color: #cd9834;transform: translateY(-50%) rotate(180deg);transition: all 0.3s ease-in-out;}
.agree_info_wrap .agree_list li .radio_group{float: right;}
.agree_info_wrap .agree_list li .radio_group.floatNone{float: none;} */


/* agree_chk_list */
/* .agree_chk_list{width:100%; padding:20px 30px;}
.agree_chk_list b.bold{font-weight:bold; font-size:16.5px;}
.agree_chk_list b.bold > *{font-weight:bold; font-size:16.5px;}
.agree_chk_list li{overflow:hidden;position:relative; margin-top:8px; padding-left:10px; font-size:14px; color:#666; line-height:1.45; letter-spacing:-0.07em;}
.agree_chk_list li:first-child{margin-top:0;}
.agree_chk_list li::before{content:'-'; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); margin-top:-1px;}
.agree_chk_list li .radio_group{float:right;}
.agree_chk_list li .radio_group .radio_item{line-height:1;} */
/* .notice.other .notice_list li::before{content:''; display:block; position:absolute; left:0; top:11px; width:4px; height:4px; background-color:#a3a19e; border-radius:100%;} */


/* table_wrap */
#tabWrap .tabCont .table_wrap{border-top:none;}
.online_shop .table_wrap .symbol{display: inline-block;margin: 0 2px;}
.online_shop .table_wrap.border_none{border-bottom:1px solid #e5e5e5;}
.online_shop .buyer_wrap{display: none;margin-top: 60px;text-align: right;}
.online_shop .buyer_wrap.on{display:block;}
.online_shop .buyer_wrap input[type='radio']{width: 0;height: 0;opacity: 0;visibility: hidden;}
.online_shop .btn_buyer{padding:18px 0; width:160px; text-align: center; background-color: #666; border-radius:8px; text-align:left;}
.online_shop .btn_buyer span{display:block;position: relative;padding-left: 18px; font-size:18px; line-height:24px; color:#fff;font-weight:bold;letter-spacing: -0.2px;}
.online_shop .btn_buyer span::after{content: "";position: absolute;top: 50%;right:18px;transform: translateY(-50%); width:13px; height:12px; background:url(/httpobject/cad_images/onlineShop/contract/plus_icon.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop .btn_buyer.del span::after{width:12px; height:2px; background-color:#fff;}

/* sub_customer_wrap */
.online_shop .sub_customer_wrap{display: none;}
.online_shop .sub_customer_wrap.active{display: block;}

/* sub_agent_wrap */
.online_shop .sub_customer_wrap .sub_agent_wrap{display: none;}
.online_shop .sub_customer_wrap .sub_agent_wrap.active{display: block;}
.online_shop .sub_customer_wrap .sub_agent_wrap .sec_inner:first-of-type{margin-top:60px;}
.online_shop .sub_customer_wrap .sub_agent_wrap .agreement_wrap{margin-bottom: 60px;}
.online_shop .sub_customer_wrap .sub_agent_wrap .top_area .subject_area{display:block;padding: 50px 0 60px;}

/* Á¶°ÇºÎ ¾à°ü È°¼ºÈ­ */
.online_shop .bolt_agree.dpNone, 
.online_shop .taxFree_agree.dpNone, 
.online_shop .subTaxFree_agree.dpNone, 
.online_shop .installment_agree.dpNone, 
.online_shop .point_agree.dpNone, 
.online_shop .highPass_agree.dpNone, 
.online_shop .plusCare_agree.dpNone{display: none;}
.sec_inner.agree6_1, 
.sec_inner.agree6_2{display: none;}
.sec_cont_wrap.agree6_1, 
.sec_cont_wrap.agree6_2{display: none;}


/* highPass */
.highPass .high_pass_type,
.highPass .bolt_car_address{display: none;}
.highPass .high_pass_type.on,
.highPass .bolt_car_address.on{display: table-row;}
.highPass .high_pass_type .radio_item.bolt{display: none;}
.highPass .high_pass_type .radio_item label{cursor:unset;}
.highPass .high_pass_type .radio_item label::before{content: none;}
.highPass .high_pass_type .radio_item input:checked+label::after{content: none;}
/* .highPass .high_pass_type .radio_item{display: block;width: 100%;margin-top: 10px;}
.highPass .high_pass_type .radio_item:first-child{margin-top: 0;} */

/* plus_care */
.plus_care .tool_tip{width:19px; height:19px; background:url(/httpobject/cad_images/onlineSales/common/tooltip_icon_type2.png) no-repeat;}
.plus_care .plus_care_item{display:none;}
.plus_care .plus_care_item.on{display:table-row;}


/* resident_registration_wrap */
.resident_registration_wrap{font-size:0;}
.resident_registration_wrap .input_item{display: inline-block; vertical-align:top;}
.resident_registration_wrap .input_item + .input_item{margin-left:12px;}

/* email_wrap */
.email_wrap .inner{display: none;}
.email_wrap .inner.on{display: block;}
.email_wrap .change,
.email_wrap .email_num_chk{margin-top:12px;}
.email_wrap .email_num_chk input{width:252px !important;}
.email_wrap .email_num_chk{display: none;}
.email_wrap .symbol{display:inline-block; vertical-align:top; width:17px; margin:0 4px; font-size:18px; line-height:60px; letter-spacing:-0.2px; color:#222;}
.email_wrap .input_item,
.email_wrap .select_group{display: inline-block; vertical-align:top;}
.email_wrap .input_item input{width:167.5px !important;}
.email_wrap .select_group{margin-top:12px;}
.email_wrap .btn_address_modify{margin:12px 0 0 8px; padding:0;}
.email_wrap .desc_list{display: none;}
.email_wrap .desc_list.on{display: block;}
.email_wrap .default_txt{display:block;}
.online_shop .email_wrap .select_group{display:block; width:100%;}
.online_shop .email_wrap select{width:100%;}



/* phone */
.cert_phone_wrap .phone_wrap{display: none;}
.cert_phone_wrap .phone_wrap.on{display: block;}
.cert_phone_wrap .desc_list{display: none;}
.cert_phone_wrap .desc_list.on{display: block;}
.phone .phone_num{display:inline-block;margin-right:15px;}
.phone .btn{margin-left:0;}


/* ¿ÀÅä Æ÷ÀÎÆ® ¹× À籸¸Å ÇÒÀÎ table */
.online_shop .table_wrap .option_table + .option_table{border-top:1px solid #e5e5e5;}

#taxTypeArea, #subTaxTypeArea{display: none;}
#taxTypeArea.on, #subTaxTypeArea.on{display: table-row;}


/* carManager_code */
.carManager_code{display:none; margin-top:15px;}
.carManager_code.on{display:block;}

/* car_agency_code */
.car_agency_code{display:none; margin-top:15px;}
.car_agency_code.on{display:block;}

.step_agree .taho_agree_wrap{display: none;}
.step_agree .taho_agree_wrap.on{display: block;}

/* pay_benefits */
/* .pay_benefits .input_group{margin:-3px -15px;}
.pay_benefits .input_group .check_item{display:inline-block;margin:3px 15px;}
.pay_benefits .input_group .none_txt{margin: 3px 15px;}
.pay_benefits #productSelect{padding-right: 40px;}
.pay_benefits .coupon_wrap {margin-left:15px;}
.pay_benefits .coupon_wrap .tit{position: relative; margin: 20px 0 10px;padding-left: 10px;}
.pay_benefits .coupon_wrap .tit::before{content: "";position: absolute;left:0;top:6px;width:2px;height:2px;background-color: #666;}
#payBenefitsSelect div[class^=catalog] + div[class^=catalog]{margin-top:15px;padding-top:15px;border-top: 1px solid #e5e5e5;} */

/* point */
.point .other_type .select_group select{width:174px;}
/* .point .point_lookup{padding:0;} */
.point .point_use{text-align:right;}

.point .point_space{display:none;}
.point .point_space.active{display:block;}
.point .point_item.allPoint{padding-top: 5px;}

.family_point{overflow:hidden;}
/* .family_point .input_group{float:left;}
.family_point .point_use{float:right;} */

.subsidy_point .select_group{display: inline-block;}
.subsidy_point .select_group + .select_group{margin-left: 10px;}

/* reset */
.car_info{margin-bottom:0;}
.summary .info_wrap .info_box{border-top:none;}
.summary .info_wrap .total_box.top_total{border-top:none;}

/* summary common */
/* .summary .summary_inner{margin:0 auto;}
.summary .info_wrap .info_box h4{width:auto; font-size: 15px;}
.summary .info_wrap .info_box h4 span{display:inline-block; font-size:13px; font-weight:300;}
.summary .info_wrap .info_list{float: right; width:calc(100% - 160px);}
.summary .summary_info{float:none;margin-top:20px;width: 100%;}
.summary .tit_area{margin-bottom:0;}

.summary .info_wrap .info_inner{padding:30px 0;}
.summary .info_wrap .info_box{overflow:hidden;padding:10px 60px;}
.summary .info_wrap .info_box .desc{clear: both;padding-top:13px;font-size:12px; color:#999; letter-spacing:-0.48px;}
.summary .info_wrap .info_box .option_price{text-align:right;}
.summary .info_wrap .info_box.payment_box .list li{overflow:hidden;margin-top:22px;}
.summary .info_wrap .info_box.payment_box .list li:first-child{margin-top:0;} */

/* 2-5  summary > summary_wrap */
/* .summary_wrap{position: relative;margin-top:0;}
.summary_wrap h3{font-size:22px; font-weight:600; color:#383938; letter-spacing:-1.1px;}
.summary_wrap .desc{clear: both;padding-top:13px;font-size:12px; color:#999; letter-spacing:-0.048em;}
.summary_wrap::after{content: "";display: block;clear: both;}
.summary_wrap .summary_info.user_info h4 + .option_price{width:calc(100% - 160px);}

.summary_wrap .info_wrap .info_box{overflow:hidden;padding:12px 30px;border-top: none;}
.summary_wrap .info_wrap .info_box .regist_discount_txt{margin-left: 10px; font-weight: 400;}
.summary_wrap .info_wrap .info_box .info_list li .option_tit{width:55%; line-height:1.25em;word-break: keep-all;}
.summary_wrap .info_wrap .info_box .info_list li .option_tit > span{display: inline-block;margin-left:30px;}
.summary_wrap .info_wrap .info_box .info_list li .option_price{width:45%;text-align:right;}
.summary_wrap .info_wrap .info_box .info_list li::after{clear: both;display: block;content: "";} */

/* info_list ¾Æ´Ò °æ¿ì¿¡µµ color */
/* .summary_wrap .info_wrap .info_box .option_tit,
.summary_wrap .info_wrap .info_box .option_price{font-size: 15px; color:#393839;} */

/* 2-5 model_option */
/* .summary .info_wrap .model_option .info_list li{overflow: hidden;}
.summary .info_wrap .model_option .info_list li .option_price{float:right;}
.summary .info_wrap .model_option .info_list li .option_list{padding:20px 30px;background-color: #fff;}
.summary .info_wrap .model_option .info_list li .option_list p{font-size:15px;} */

/* .summary .prePrice_info.active{display:block;} */

/* interim_total :: Áß°£ Á¤»ê 2-4 */
/* .summary.interim_total .section > div {margin-top:20px;}
.summary.interim_total .section > div:first-child{margin-top:0;}
.summary.interim_total .info_wrap .info_box h4{font-weight: 400;}
.summary.interim_total .info_wrap .info_list{width:calc(100% - 200px);}
.summary.interim_total .accordion .btm_total{margin:0 60px;}
.summary.interim_total .payment{margin-top:80px;}
.summary.interim_total .payment {margin-top:80px;} */

/* interim_total_price */
.summary .interim_total_price{padding:40px; background-color:#222; border-radius:12px;}
.summary .interim_total_price .total_wrap{display:flex; align-items:center; justify-content:space-between; width:100%;}
.summary .interim_total_price .total_wrap p{color:#fff;}
.summary .interim_total_price .total_wrap .total_txt{font-size:18px; line-height:39px; letter-spacing:-0.2px; font-weight:500;}
.summary .interim_total_price .total_wrap .total_txt span{font-size:16px; font-weight:400;}
.summary .interim_total_price .total_wrap .total{font-size:32px; line-height:24px; letter-spacing:-0.2px; font-weight:700;}
.summary .interim_total_price .total_wrap .total span{font-size:24px;}

/* accordion */
.accordion .set_summary_inner{border:2px solid #ccc;background-color: #f9f9f9;}
.accordion .total_box.total_box{overflow:hidden; position: relative; padding:20px 120px 20px 40px;background-color: #fff;}
.accordion .total_box.total_box::before{content: "";position: absolute; right:46px; top:50%; width:8px; height:8px; border-width: 2px 2px 0 0; border-color: #393839; border-style: solid; transform: translateY(-50%) rotate(135deg); transition: all 0.1s ease-in-out;}
.accordion .total_box.total_box + .info_inner{display:none;}
.accordion .total_box.total_box .total_txt{font-size:18px;padding-top:0;letter-spacing: -0.9px;}
.accordion .total_box.total_box .total{font-size:18px;letter-spacing: -0.45px;}
.accordion .total_box.total_box.top_total{cursor: pointer;}

.accordion .total_box.btm_total{margin:0 30px;padding:30px 0;border-top: 1px solid #ccc;background-color: #f9f9f9;}
.accordion .total_box.btm_total .tit{float:left;width:50%;font-size:18px;color: #383938;font-weight:600;letter-spacing:-0.9px;}
.accordion .total_box.btm_total .total{font-family:'RouisWeb','NotoSansKRWeb', Arial, sans-serif; font-weight:600;color:#383938;text-align:right;}
.accordion .total_box.btm_total .total span{padding-right:5px;}
.accordion .total_box.btm_total::before,
.accordion .total_box.btm_total::after{content: none;}
.accordion .total_box.btm_total{display:none;}
.accordion .total_box.btm_total .total .regist_total{display: block;}

/* active */
.accordion.active .set_summary_inner{border:2px solid #393839;}
.accordion.active .btm_total{display:block;}
.accordion.active .total_box::before{transform: translateY(-50%) rotate(-45deg);}

/* 2-5 summary */
/* user_info */
/* .summary_wrap .user_info .info_wrap .info_inner{min-height:auto;}
.summary_wrap .user_info .info_wrap .option_price{text-align:left;} */

/* car_info */
/* .summary_wrap .car_info .info_box.car_info{margin-bottom: 0;}
.summary_wrap .car_info .info_box.car_info .car_name{display:inline-block;}
.summary_wrap .car_info .info_box.point_box .option_list{margin-top:15px; padding:20px 30px; background-color:#fff;}
.summary_wrap .car_info .info_box.point_box .option_list li p{font-size:12px; color:#666;} */

/* discount_info */
/* .summary .discount_info .info_box.active{display:block;}
.summary_wrap .discount_info .payment_box .list li{overflow:hidden;margin-top:22px;}
.summary_wrap .discount_info .payment_box .list li:first-child{margin-top:0;} */

/* add_fee_info */
/* .summary .add_fee_info .info_box.active{display:block;} */

/* floating_quote */
.floating_quote{visibility: hidden; position: fixed; right: 90px; bottom: 0; z-index: 10; width: 110px; height: 100px; padding: 60px 0 20px; background-color: #393839; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-weight: 600; font-size: 14px; color: #fff; text-align: center; box-sizing: border-box; opacity:0; transition:all 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.floating_quote:before{position: absolute; left: 50%; top: 20px; width: 45px; height: 36px; margin-left: -22px; background: url(/httpobject/cad_images/visual/quote_icon.png) 0 0 no-repeat; content: "";}
.floating_quote:hover{color: #fff;}
.floating_quote.active{display:block;visibility: visible; opacity: 1;}

/* btn_link */
.btn_link{width:200px;margin-left:5px;}

/* scroll */
/* .summary .scroll_wrap{float:right;position: inherit;padding-top:77px;width:610px;} */

/* popup_layer */
.popup_layer {display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 101;}
.popup_layer.open {display: block;}
.popup_layer .popup_inner { z-index:100;position: relative; left: 50%;top: 50%;transform: translate(-50%, -50%);padding:32px 40px;width: 1060px;background-color: #F1F3F5;letter-spacing: -.05em; border-radius:12px;}
.popup_layer .pop_close{position:absolute; top:25px; right:20px; display:block; width:36px; height:36px;}
.popup_layer .popup_cont h1{margin-bottom:24px; font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.2px; color:#222;}
.popup_layer .desc_txt{position:relative; margin-top:25px; padding-left:10px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666; text-align:left;}
.popup_layer .desc_txt + .desc_txt{margin-top:5px;}
.popup_layer .desc_txt::before{content:"*"; display:block; position:absolute; top:0; left:0;  font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.popup_layer .bot_box{margin-top:16px; text-align:right;}
.popup_layer .bot_box::after{content:""; display:block; clear:both;}
.popup_layer .control_box{float:right; display:flex; align-items: center;}
.popup_layer .control_box .control{display:flex; align-items: center;}
.popup_layer .control_box .control .btn{width:48px; height:48px; border-radius:8px; background:url(/httpobject/cad_images/onlineShop/common/popup_arrow_white.png) center center no-repeat #666; background-size:24px 24px; margin:0;}
.popup_layer .control_box .control .btn.prev{transform:rotate(180deg);}
.popup_layer .control_box .control .btn.prev.disabled{transform:rotate(0);}
.popup_layer .control_box .control .btn.disabled{background:url(/httpobject/cad_images/onlineShop/common/popup_arrow_gray.png) center center no-repeat #aaa; background-size:24px 24px; margin:0; cursor:auto;}
.popup_layer .control_box .control .btn.none{display:none;}
.popup_layer .control_box .btn_confirm{display:none;} 

.popup_layer .control_box .btn_confirm.on{display:inline-block; margin-left:20px;}

.popup_layer .control_box .control .num_box{display:flex; align-items:center; margin:0 6px;}
.popup_layer .control_box .control .num_box span{display:inline-block; vertical-align:top; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#999; padding:0 14px;}
.popup_layer .control_box .control .num_box .current{position:relative; color:#222;}
.popup_layer .control_box .control .num_box .current::after{content:""; display:block; position:absolute; top:6px; right:0; width:1px; height:16px; background-color:#999;}


.popup_layer a.btn_confirm{margin-right:10px; background-color:#707070;}
.popup_layer .btn_confirm{display:inline-block; vertical-align:top; min-width:94px; padding:12px 10px; font-size:18px; font-weight:bold; line-height:24px; letter-spacing:-0.2px; color:#fff; background-color:#666; text-align:center; border-radius:8px;}
.popup_layer .btn_confirm.on{background-color:#CD9834;}



/* agree_popup_layer */
.agree_popup_layer .pop_close{right:40px;}
.agree_popup_layer .popup_cont .bot_box > .desc_txt{float:left; width:570px; margin-top:0;}
.agree_popup_layer .guide_wrap{position:relative; overflow-y:auto; width:100%; max-height:420px; padding:20px 10px;line-height:1.4; border:1px solid #e5e5e5;background: #fff;}
.agree_popup_layer .guide_wrap h4{font-size:15px; font-weight:bold; color:#383938; letter-spacing:-0.075em;}
.agree_popup_layer .guide_wrap .guide_box{margin-top:40px;}
.agree_popup_layer .guide_wrap .guide_box:first-child{margin-top:0;}
.agree_popup_layer .guide_wrap .guide_txt{margin-top:20px;}
.agree_popup_layer .guide_wrap .guide_txt2{margin-bottom: 20px;}
.agree_popup_layer .guide_wrap table{margin:10px 0 8px; border:1px solid #a3a19e;}
.agree_popup_layer .guide_wrap table th{border-bottom:1px solid #a3a19e;background-color:#eee;}
.agree_popup_layer .guide_wrap table td{border-bottom:1px solid #a3a19e;}
.agree_popup_layer .guide_wrap table th, 
.agree_popup_layer .guide_wrap table td{padding:5px 10px; border-left:1px solid #a3a19e;}
.agree_popup_layer .guide_wrap table th:first-child, 
.agree_popup_layer .guide_wrap table td:first-child{border-left:0;}
.agree_popup_layer .guide_wrap table td.border{border-left:1px solid #a3a19e;}
.agree_popup_layer .guide_wrap .desc_txt{font-size:13px; line-height:1.3;}
.agree_popup_layer .guide_wrap .guide_box .desc_txt + .ltxt{margin-top: 30px;}
.agree_popup_layer .guide_wrap b.bold{font-weight:bold; font-size:16.5px;}
.agree_popup_layer .guide_wrap b.bold > *{font-weight:bold; font-size:16.5px;}
.agree_popup_layer .notice_list li{margin-top:15px;}
.agree_popup_layer .none{display:none;}
.agree_popup_layer .none.active{display:table-row;}
.agree_popup_layer .guide_box ol li{margin-top:15px;}
.agree_popup_layer .guide_box ol li:first-child{margin-top:0;}
.agree_popup_layer .guide_list > li + li{margin-top: 50px;}
.agree_popup_layer .guide_list > li .sub_guide_box + .sub_guide_box{margin-top: 50px;}
.agree_popup_layer .guide_list > li .title{padding: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 600; background-color:#eee;}
.agree_popup_layer .guide_list > li .sub_title{margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 600;}
.agree_popup_layer .guide_list > li .contract_list{padding-left: 10px;}
.agree_popup_layer .guide_list > li .contract_list > li + li{margin-top: 30px;}
.agree_popup_layer .guide_list > li .num_list{margin-top: 5px; padding-left: 20px;}
.agree_popup_layer .guide_list > li .num_list > li{position: relative; padding-left: 20px; margin-top: 0;}
.agree_popup_layer .guide_list > li .num_list > li::before{display: block; position: absolute; left: 0; top: 0;}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(1):before{content: '1';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(2):before{content: '2';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(3):before{content: '3';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(4):before{content: '4';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(5):before{content: '5';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(6):before{content: '6';}
.agree_popup_layer .guide_list > li .num_list > li:nth-child(7):before{content: '7';}

#agreePopupLayerAgent .popup_inner{width:880px;}
#agreePopupLayerAgent .guide_wrap{margin-top:24px;}
#agreePopupLayerAgent h4{margin-bottom:29px; font-size:18px; font-weight:400; color:#222; line-height:24px; letter-spacing:-0.2px;}
#agreePopupLayerAgent table{border-top:2px solid #000; background-color:#fff;}
#agreePopupLayerAgent table tr{border-bottom:1px solid #B3B3B3;}
#agreePopupLayerAgent table tr th{font-size:16px; font-weight:400; letter-spacing:-0.48px; color:#222; padding-left:20px; text-align:left;}
#agreePopupLayerAgent table tr td{font-size:16px; font-weight:400; color:#666; padding:32px 20px 32px 0;}




/* certSign_popup_layer */
.certSign_popup_layer.popup_layer{z-index: 100;}
.certSign_popup_layer.popup_layer .popup_inner{padding:40px 40px 50px;width: 640px;}
.certSign_popup_layer .popup_cont{text-align: center;}
.certSign_popup_layer .popup_cont .tit{position: relative;margin-bottom: 20px;padding-top:75px;font-size:20px;color: #393839;font-weight: bold;letter-spacing: -.05em;}
.certSign_popup_layer .popup_cont .tit::before{content: ""; position: absolute;left:50%;top: 0;transform: translateX(-50%); width: 55px; height: 50px;background: url('/httpobject/cad_images/onlineShop/common/ico_sign.svg') left top no-repeat;background-size: cover;}
.certSign_popup_layer .popup_cont .txt{margin-top: 10px;font-size:14px;letter-spacing: -.05em;line-height: 24px;}

/* popup :: ÀüÀÚ¼­¸í ¹× ÀÎÁõ¼­ ¹ß±Þ ¾È³» */
.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, 0.5);}
.cert_confirm_popup_layer.open {display: block;}
.cert_confirm_popup_layer .popup_inner {position: relative; left: 50%;top: 50%;transform: translate(-50%, -50%);padding:40px 45px;width: 880px;background-color: #fff;border-radius: 12px;}
.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/cad_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: #cd9834;}
.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;border-radius: 8px;}
.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{display:block;overflow: hidden;}
.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list li{float: left;width: 20%;}
/* .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/cad_images/onlineShop/common/ico_kakao.svg');}
.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_pass{background-image: url('/httpobject/cad_images/onlineShop/common/ico_pass.svg');}
.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_naver{background-image: url('/httpobject/cad_images/onlineShop/common/ico_naver.svg');}
.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_cert{background-image: url('/httpobject/cad_images/onlineShop/common/ico_cert.svg');}
.cert_confirm_popup_layer .popup_cont .sign_cert_wrap .list .ico_signature{background-image: url('/httpobject/cad_images/onlineShop/common/ico_signature.svg');}
.cert_confirm_popup_layer .btm_cont {overflow: hidden;margin:30px auto 45px;text-align: center;}
.cert_confirm_popup_layer .btm_cont button{width:140px;height:48px;line-height:48px;vertical-align:middle;font-family: 'NotoSansKRWeb', Arial, sans-serif;font-size: 18px;color: #fff;background-color: #cd9834;letter-spacing: -.04em;text-align: center;border-radius: 8px;}
.cert_confirm_popup_layer .btm_cont .btn_confirm{margin-right:12px;background-color: transparent;color:#393839;border: 1px solid #cd9834;}


/* cert_info_popup_layer */ 
.cert_info_popup_layer .popup_inner{width: 860px;box-sizing: border-box;font-family: 'NotoSansKRWeb', Arial, sans-serif; background-color:#fff;}
.cert_info_popup_layer .tit_box{margin-bottom:28px; padding-bottom:8px; border-bottom:1px solid #D9D9D9;}
.cert_info_popup_layer .tit_box::after{content:""; display:block; clear:both;}
.cert_info_popup_layer .tit_box h1{float:left; margin:6px 0 0 0; font-size:20px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.cert_info_popup_layer .tit_box .btn_close{float:right; width:36px; height:36px;}
.cert_info_popup_layer .tit_box .btn_close img{width:100%;}
.cert_info_popup_layer .guide_wrap{overflow-y:auto; width:100%; height:480px; padding:0 10px 30px 10px;color: #383938;letter-spacing: -0.06em; line-height:24px;}
.cert_info_popup_layer .guide_wrap .txt_pointColor{font-weight:bold; color: #444;}
.cert_info_popup_layer .guide_wrap small{display:inline-block;font-size:14px;color: #666;font-weight: 400;}
.cert_info_popup_layer .guide_wrap .info{ margin-bottom: 40px; padding:32px 40px; line-height: 24px;text-align: center;border-radius: 8px;background: #F8F8F8;}
.cert_info_popup_layer .guide_wrap .txt {margin-top:20px;font-size:16px;}
.cert_info_popup_layer .guide_wrap .txt:first-child{margin-top: 0;}
.cert_info_popup_layer .guide_wrap .txt .txt_pointColor{color: #cd9834;}
.cert_info_popup_layer .guide_wrap .txt .txt_red{color: #d52b2b;}
.cert_info_popup_layer .cert_list > li{margin-top: 64px; font-size: 16px;}
.cert_info_popup_layer .cert_list li:first-child{margin-top: 0;}
.cert_info_popup_layer .cert_list > li .tit{font-size: 20px;font-weight: bold; color:#222;}
.cert_info_popup_layer .cert_list > li ol{margin-top: 20px;}
.cert_info_popup_layer .cert_list > li ol li{ position: relative; margin-top: 12px;padding-left: 32px;}
.cert_info_popup_layer .cert_list > li ol li .num{ position: absolute; left: 0;top: 0; display: inline-block; width: 24px;height: 24px;font-size: 14px; line-height:22px; color: #999; font-weight:bold; text-align: center; background: #F2F2F2;border-radius: 100%;}
.cert_info_popup_layer .btm_cont{margin-top:10px;}
.cert_info_popup_layer .btm_cont .btn_confirm{display:block; width:140px; margin:0 auto; min-width:inherit;  font-size: 18px;}
.cert_info_popup_layer .scroll_custom{overflow-y: auto;}
.cert_info_popup_layer .scroll_custom::-webkit-scrollbar{width: 4px;}
.cert_info_popup_layer .scroll_custom::-webkit-scrollbar-track{background-color: #eee;}
.cert_info_popup_layer .scroll_custom::-webkit-scrollbar-thumb {background-color: #222;border-radius: 4px;}


.cert_confirm_message {z-index:300;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.cert_confirm_message.open {display: block;}
.cert_confirm_message .popup_inner {position: relative; left: 50%;top: 50%;transform: translate(-50%, -50%);padding:40px 20px;width: 620px;background-color: #fff;}
.cert_confirm_message .popup_cont{font-family: 'NotoSansKRWeb', Arial, sans-serif;color: #393839;text-align: center;letter-spacing: -0.06em;}
.cert_confirm_message .popup_cont .tit{font-size: 20px;font-weight: bold;text-align: center;}
.cert_confirm_message .popup_cont .tit.ico{position: relative;padding-top:66px;}
.cert_confirm_message .popup_cont .tit.ico::before{content: ""; position: absolute;top: 0;left:50%;margin-left:-19px;width: 38px;height: 38px;background: url("/httpobject/cad_images/onlineShop/common/ico_cert_success.png") left top no-repeat;}
.cert_confirm_message .popup_cont .info{line-height: 24px;}
.cert_confirm_message .popup_cont .txt {margin-top:30px;font-size:16px;}
.cert_confirm_message .popup_cont .txt .txt_pointColor{color: #cd9834;}
.cert_confirm_message .popup_cont .txt .txt_red{color: #d52b2b;}
.cert_confirm_message .btm_cont {overflow: hidden;margin:30px auto 0;text-align: center;}
.cert_confirm_message .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: #cd9834;letter-spacing: -.04em;text-align: center;}
.cert_confirm_message .btm_cont .btn_confirm{margin:0;width:120px;height:36px;line-height:36px;}
.cert_confirm_message .btm_cont .btn_todayClose{margin-right:10px;background-color: transparent;color:#393839;border: 1px solid #cd9834;}

/* ÀüÀÚ¼­¸í - ¼ö±â ¼­¸í Æ˾÷ */
.cert_signature_popup_layer {z-index:300;display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.cert_signature_popup_layer.open {display: block;}
.cert_signature_popup_layer .popup_inner {position: relative; left: 50%;top: 50%;transform: translate(-50%, -50%);padding:40px;width: 860px;background-color: #fff;border-radius: 12px;}
.cert_signature_popup_layer .popup_cont{font-family: 'NotoSansKRWeb', Arial, sans-serif;color: #393839;text-align: center;letter-spacing: -0.06em;}
.cert_signature_popup_layer .popup_cont .tit_wrap{text-align: center;width: 90%;margin: 0 auto 28px;}
.cert_signature_popup_layer .popup_cont .tit_wrap h2{font-size: 20px; color: #222; font-weight: bold;}
.cert_signature_popup_layer .popup_cont .tit_wrap .txt{margin-top:16px;font-size: 16px;color: #393839;line-height: 24px;}
.cert_signature_popup_layer .canvas_area{ overflow: hidden; height: 300px;}
.cert_signature_popup_layer .canvas_area  .box{position: relative;float: left; width:384px; height: 300px;border: 1px solid #ddd;background: #f8f8f8;border-radius: 8px;-webkit-touch-callout: none;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}
.cert_signature_popup_layer .canvas_area  .box:first-child{margin-right: 12px;}
.cert_signature_popup_layer .canvas_area .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cert_signature_popup_layer .canvas_area .bg .txt_area{display: flex;align-content: center;width: 100%;height: 100%;flex-wrap: wrap;align-items: center;flex-direction: column;justify-content: center;}
.cert_signature_popup_layer .canvas_area .bg .txt_area span{display: block;}
.cert_signature_popup_layer .canvas_area .bg .name{margin-bottom:10px;font-size: 24px;color: #bbb;letter-spacing: 9.6px;}
.cert_signature_popup_layer .canvas_area .bg .placeholder{font-size: 16px;color: #bbb;letter-spacing: -0.96px;}
.cert_signature_popup_layer .canvas_area .bg.bg2 .placeholder{font-size: 24px;letter-spacing: -1.44px;}
.cert_signature_popup_layer .canvas_area .canvas{position: absolute;left: 0;top: 0;width: 384px;height: 300px;}
.cert_signature_popup_layer .btm_cont {overflow: hidden;margin:28px auto 0;text-align: center;}
.cert_signature_popup_layer .btm_cont button{width:140px;height:48px;line-height:48px;vertical-align:middle;font-size: 18px;color: #383938;border: 1px solid #cd9834;letter-spacing: -.02em;text-align: center;border-radius: 8px;}
.cert_signature_popup_layer .btm_cont .btn_signatureSave{margin-left:12px;background-color: transparent;color:#fff;background-color: #cd9834;border: none;}
.cert_signature_popup_layer .pop_close{position:absolute; top:26px; right:26px; display:block; width:40px; height:40px;}


/* ÀÌ´ÞÀÇ ±¸¸ÅÇýÅà Æ˾÷(±¸¸ÅÇìÅÃ) */
.payBenefit_popup_layer{display:none; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:860px;max-height: 675px;background-color: #fff;border-radius: 12px; z-index:101;}
.payBenefit_popup_layer.active{display:block;}
.payBenefit_popup_layer .pop_inner{position: relative;}
.payBenefit_popup_layer .pop_header{ position: fixed;left: 0;top: 0;z-index: 1; width: calc(100% - 80px);margin:0 40px; padding:20px 0;border-bottom: 1px solid #d9d9d9;background-color: #fff;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.payBenefit_popup_layer .pop_header h2{font-size: 28px;color: #222; font-weight: bold;letter-spacing: -0.2px;}
.payBenefit_popup_layer .pop_header .icon_btn{position:absolute; top:16px; right:0; width:40px; height:40px; box-sizing:border-box;}
.payBenefit_popup_layer .popup_cont_inner{overflow-y: auto;position:fixed; top:72px; left:0;width:100%;height:calc(100% - 72px);}
.payBenefit_popup_layer .popup_cont{padding:28px 40px;color: #222;letter-spacing: -0.2px;}
.payBenefit_popup_layer .popup_cont .tit{margin-bottom:20px; font-size: 18px;font-weight: bold;}
.payBenefit_popup_layer .popup_cont .tit .choose{font-weight: 400;}
.payBenefit_popup_layer .popup_cont .info{margin-top:32px;line-height: 1.375;}
.payBenefit_popup_layer .popup_cont .info:first-child{margin-top: 0;}
.payBenefit_popup_layer .popup_cont .info .sub_tit{margin:20px auto 10px; font-size: 16px;color: #222;font-weight: bold;}
.payBenefit_popup_layer .popup_cont .info .sub_tit:first-child{margin:0 auto 10px;}
.payBenefit_popup_layer .popup_cont .info .sub_tit .choose{font-weight: 400;}
.payBenefit_popup_layer .popup_cont .info .box{padding:20px;background-color: #f2f2f2;border-radius: 8px;}
.payBenefit_popup_layer .popup_cont .info .box ul li{ position: relative; margin-top: 8px; padding-left: 10px; font-size: 16px;}
.payBenefit_popup_layer .popup_cont .info .box ul li:first-child{margin-top: 0;}
.payBenefit_popup_layer .popup_cont .info .box ul li::before{content: "";position: absolute;left: 0;top: 12px;width: 2px;height: 2px;background-color: #666;border-radius: 100%;}
.payBenefit_popup_layer .popup_cont .info .desc{margin-top:8px;font-size: 14px;color: #666;}




/* pinWrap */
/* #pinWrap{float:left;width:calc(100% - 670px);padding-top:70px;background-color:#fff;}
#pinWrap h4{font-size:40px;color:#393839;font-weight: 600;letter-spacing: -2px;}
#pinWrap .img_box{height:320px;text-align: center;}
#pinWrap .img_box img{width:100%;}

#pinWrap .summary_info{overflow:hidden;margin-top:0;padding:30px 30px;background-color: #f9f9f9;}
#pinWrap .summary_info .set_summary_inner{margin-top:30px;}
#pinWrap .summary_info .set_summary_inner:first-child{margin-top:0;}
#pinWrap .summary_info .tit{margin-bottom:5px; font-size:16px; color:#383938; font-weight:600; letter-spacing: -.03em;}
#pinWrap .summary_info .info_list{overflow:hidden;}
#pinWrap .summary_info .info_list li{float:left;margin-top:14px;width:50%;}
#pinWrap .summary_info .info_list li dl{overflow:hidden; position:relative;padding-left:130px;}
#pinWrap .summary_info .info_list li.pb15 dl{padding-bottom:15px;}
#pinWrap .summary_info .info_list li dt{position:absolute;top:1px;left:0;padding-left:10px;width:120px; font-weight: 600; font-size:14px; color: #393839; letter-spacing: -0.38px;}
#pinWrap .summary_info .info_list li dt::before{content: "";position: absolute;left:0;top:50%;transform: translateY(-50%);width:4px;height:4px; background-color: #393839; border-radius: 100%;}
#pinWrap .summary_info .info_list li dd{margin-top:5px;font-size:15px;letter-spacing: -0.38px;line-height: 1.25em;}
#pinWrap .summary_info .info_list li dd:first-of-type{margin-top:0;}
#pinWrap .summary_info .info_list li.full{width:100%;}
#pinWrap .summary_info .info_list li.full dt{width:24%;}
#pinWrap .summary_info .info_list li.full dd{width:86%;}
#pinWrap .summary_info .info_list li.business_number{float: right;}
#pinWrap .summary_info .set_summary[data-summary="vehicle"]{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc;}
#pinWrap .summary_info .set_summary[data-summary="vehicle"] .total_box{display: none;} */

.orderTotal_box{padding: 0 15px; margin-bottom: 10px; border-top: 2px solid #707070; border-bottom:2px solid #707070;}
.orderTotal_box .info_inner{padding: 25px 10px;}
.orderTotal_box .info_box{overflow: hidden;}
.orderTotal_box .info_box + .info_box{margin-top: 20px;}
.orderTotal_box .info_box > p{font-weight: 600; font-size: 18px; color: #393839; letter-spacing: -.03em;}
.orderTotal_box .info_box .subj{float: left;}
.orderTotal_box .info_box .option_price{float: right; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;}
.orderTotal_box .info_box .txt_payment{clear: both;padding-top:5px;color: #666;}
.orderTotal_box .total{overflow:hidden; padding: 25px 10px; border-top: 1px solid #dcdcdc;}
.orderTotal_box .total p{color:#383938; font-size: 22px; font-weight: 600;}
.orderTotal_box .total .tit{float: left; letter-spacing: -.05em;}
.orderTotal_box .total .price{float: right; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif; color:#cd9834; letter-spacing: -.025em;}
.orderTotal_box .total_desc{padding: 10px 0; margin-bottom: 25px; text-align: center; background-color: #ddd; font-size: 12px; color: #383938; letter-spacing: -0.03em;}

/* trigger accordion */
#trigger .summary .info_wrap .info_box h4,
#trigger .summary .info_wrap .info_list li p{font-size:15px;}
#trigger .accordion .info_inner{padding:20px 0;}
#trigger .accordion .total_box.top_total{padding:29px 50px 29px 25px;}
#trigger .accordion .total_box.top_total::before{right:26px;}
#trigger .accordion .total_box.top_total::after{right:20px;}
#trigger .accordion .btm_total{padding:30px 0;margin:0 30px;border-top: 1px solid #ccc;background-color: #f9f9f9;}
#trigger .accordion .btm_total .total{font-family:'RouisWeb','NotoSansKRWeb', Arial, sans-serif; font-weight:600; font-size:18px; color:#383938;text-align:right;}
#trigger .accordion .btm_total .total span{padding-right:5px;}
#trigger .accordion .btm_total .total .regist_total{padding-right: 0;}
#trigger .accordion .btm_total .total .regist_total span{padding-right: 0;}
#trigger .accordion .btm_total .total .regist_total.discount{margin-top: 5px; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-weight: 400;}
#trigger .accordion .btm_total .total .regist_total_txt{font-size: 14px;}
#trigger .accordion .btm_total .total .regist_total_price{display: inline-block; min-width: 130px; text-align: right;}
#trigger .accordion .btm_total .total .discount .regist_total_price{font-size: 16px;}
#trigger .accordion .btm_total::before,
#trigger .accordion .btm_total::after{content: none;}
#trigger .accordion .btm_total{display:none;}
#trigger .accordion.active .btm_total{display:block;}

/* .chk_address + .address_group{margin-top:15px;}
.address_group{overflow:hidden; position:relative; padding-right:130px;}
.address_group .input_item{float:left;}
.address_group.first{width:280px;}
.address_group.last{margin-top:10px;}
.address_group.last .input_item{width:340px; margin-right:10px;} */

/* payment */
.payment .section{margin-top: 100px;}
.payment .section:first-child{margin-top: 0;}
.payment .payment_order_wrap + .notice{position: relative; margin-top: 10px;}

.total_amount_wrap .total_amount_inner{overflow: hidden; padding: 30px 40px; background-color: #f9f9f9;}
.total_amount_wrap .total_amount_inner .tit{float: left; font-weight: 600; font-size: 18px; color: #cd9834; letter-spacing: -.9px;}
.total_amount_wrap .total_amount_inner .price{float: right; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif; font-size: 18px; color: #cd9834;}
.total_amount_wrap .notice{margin-top: 10px; font-size: 13px; letter-spacing: -.33px;}

.payment_action_wrap{background-color: #f9f9f9; border-top: 1px solid #a3a19e; border-bottom: 1px solid #a3a19e;}
.payment_action_wrap .action_tit_list{overflow: hidden; padding-left: 23%; border-bottom: 1px solid #a3a19e;}
.payment_action_wrap .action_tit_list .list{float: left; width: 25%; background-color: #fff; font-weight: 600; color: #393839; letter-spacing: -.42px; line-height: 58px; text-align: center;}

.payment_action_wrap .action_bottom_area{position: relative; padding-left: 23%;}
.payment_action_wrap .action_total_wrap{overflow: visible; position: absolute; left: 0; top: 50%; z-index: 1; width: 23%; padding: 0 35px 0 35px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.payment_action_wrap .action_total_wrap .list{margin-bottom: 30px; color: #383938;}
.payment_action_wrap .action_total_wrap .list::after{display: block; clear: both; content: "";}
.payment_action_wrap .action_total_wrap .list:last-child{margin-bottom: 0;}
.payment_action_wrap .action_total_wrap .tit{float: left; font-weight: 600; letter-spacing: -.7px;}
.payment_action_wrap .action_total_wrap .price{float: right; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif; letter-spacing: -.35px;}

.payment_action_wrap .payment_check_wrap{background-color: #fff;}
.payment_action_wrap .check_item label.checkbox_hidden::before{display: none;}
.payment_action_wrap .payment_check_inner{position: relative; padding-left: 25%;}
.payment_action_wrap .payment_check_inner.card{border-bottom: 1px solid #e5e5e5;}
.payment_action_wrap .payment_check_inner .payment_check_tit{position: absolute; left: 0; top: 50%; width: 25%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center;}
.payment_action_wrap .payment_check_inner .payment_check_box{letter-spacing: -.7px; line-height: 20px; text-align: center;}
.payment_action_wrap .payment_check_inner .list{display: table; width: 100%; min-height: 80px; padding: 10px 0; border-top: 1px solid #e5e5e5;}
.payment_action_wrap .payment_check_inner .list:first-child{border-top: none;}
.payment_action_wrap .payment_check_inner .step_box{display: table-cell; font-size: 0; vertical-align: middle;}
.payment_action_wrap .payment_check_inner .step{display: inline-block; width: 33.3%; font-size: 14px; color: #999; vertical-align: middle;}
.payment_action_wrap .payment_check_inner .step > span{display: block;}
.payment_action_wrap .payment_check_inner .step_input{width: 180px; height: 30px; padding: 5px 20px 5px 0; border: 1px solid #dcdcdc; font-size: 14px; color: #666; text-align: right;}
.payment_action_wrap .payment_check_inner .step .btn_wrap{text-align: center; margin-top: 0;}
.payment_action_wrap .payment_check_inner .step:last-child .btn_wrap{text-align: right;}
.payment_action_wrap .account_txt{font-size: 14px;}

/* payment-mgmt */
.payment-mgmt .notice{position: relative; padding-bottom: 30px;}
.payment-mgmt .payment_agree{position: absolute; right: 0; bottom: 0;}
.payment_order_wrap{overflow:hidden;padding: 30px 40px; background-color: #f9f9f9; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.payment_order_wrap .payment_tit_wrap{overflow: hidden;}
.payment_order_wrap .payment_tit_wrap .payment_tit{float: left; margin-bottom: 20px; font-weight: 600; font-size: 18px; color: #393839; letter-spacing: -.9px;}
.payment_order_wrap .payment_tit_wrap .total_amount{float: right; font-size: 18px; color: #393839; letter-spacing: -.9px;}
.payment_order_wrap .payment_tit_wrap .total_amount .price{margin-left: 30px; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif; color: #cd9834;}
.payment_order_wrap .order_txt{font-weight: 400;}
.payment_order_wrap .payment_order_inner{padding: 30px 50px; background-color: #fff;}

.payment_order_wrap .payment_amount{overflow: hidden; letter-spacing: -.35px;}
.payment_order_wrap .payment_amount.current{margin-bottom: 20px;}
.payment_order_wrap .payment_amount.modelPrice{margin-bottom: 20px;}
.payment_order_wrap .payment_amount .tit{float: left;}
.payment_order_wrap .payment_amount .tit > span{color: #cd9834;}
.payment_order_wrap .payment_amount > .price{float: right; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;}

.payment_order_price{border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.payment_order_price::after{display: block; content: ""; clear: both;}
.payment_order_price .payment_amount{float: left;width:50%;height: 66px;line-height: 66px;vertical-align: middle;}
.payment_order_price .payment_amount::after{display: block; content: ""; clear: both;}
.payment_order_price .payment_amount h5{float: left;width:50%;padding:0 40px;background-color: #f9f9f9;font-weight: 600; font-size: 18px; color: #393839; line-height: 66px; letter-spacing: -.9px;border-right: 1px solid #e5e5e5;}
.payment_order_price .payment_amount .price{float: left;width:50%;padding:0 40px;text-align:right;background-color: #fff;}
.payment_order_price .payment_amount:first-child{border-right: 1px solid #e5e5e5;}

.payment_detail_wrap{margin-bottom: 20px; border: 1px solid #e5e5e5; text-align: center;}
.payment_detail_wrap h4{background-color: #f9f9f9; border-bottom: 1px solid #e5e5e5; font-weight: 600; font-size: 18px; color: #393839; line-height: 66px; letter-spacing: -.9px;}
.payment_detail_wrap h5{background-color: #f9f9f9; border-bottom: 1px solid #e5e5e5; font-size: 18px; color: #393839; line-height: 66px; letter-spacing: -.9px;}
.payment_detail_wrap h5.type1{border-top: 1px solid #e5e5e5;}
.payment_detail_wrap .payment_detail_cont{font-size: 14px; color: #666; letter-spacing: -.35px;}
.payment_detail_wrap .payment_detail_cont .payment_detail_none{padding:25px 0;font-size: 13px;}
.payment_detail_wrap .payment_detail_cont .payment_detail_none + .payment_detail_list{padding: 0;}
.payment_detail_wrap .payment_detail_list_th{padding:20px 0 0;}
.payment_detail_wrap .payment_detail_list_th li{font-size:0;}
.payment_detail_wrap .payment_detail_list_th li > span{display: inline-block; font-size: 13px; line-height:30px; color:#393839}
.payment_detail_wrap .payment_detail_list_th li > span.price{width:16%}
.payment_detail_wrap .payment_detail_list_th li > span.approve{width:18%}
.payment_detail_wrap .payment_detail_list_th li > span.cancel{width:18%}
.payment_detail_wrap .payment_detail_list_th li > span.name{width:16%}
.payment_detail_wrap .payment_detail_list_th li > span.state{width:16%}
.payment_detail_wrap .payment_detail_list_th li > span.method{width:16%}
.payment_detail_wrap .payment_detail_list_th.type1 li span.approve{width:34%}
.payment_detail_wrap .payment_detail_list_th.type1 li span.state{width:34%}
.payment_detail_wrap .payment_detail_list{padding:20px 0 25px;}
.payment_detail_wrap .payment_detail_list .list{margin-top:5px; font-size: 0;}
.payment_detail_wrap .payment_detail_list .list:last-child{margin-bottom: 0;}
.payment_detail_wrap .payment_detail_list .list > span{display: inline-block; font-size: 14px; line-height:30px; color:#666666;}
.payment_detail_wrap .payment_detail_list .price{width:16%;}
.payment_detail_wrap .payment_detail_list .approve{width:18%}
.payment_detail_wrap .payment_detail_list .cancel{width:18%}
.payment_detail_wrap .payment_detail_list .name{width:16%;}
.payment_detail_wrap .payment_detail_list .state{width:16%;}
.payment_detail_wrap .payment_detail_list .method{width:16%}
.payment_detail_wrap .payment_detail_list.type1 .approve{width:34%;}
.payment_detail_wrap .payment_detail_list.type1 .state{width:34%;}

.payment_card_list {padding: 30px 0; margin-top: 20px; border: 1px solid #e5e5e5; font-size: 0; text-align: center; background-color:#fff;}
.payment_card_list > li {display: inline-block; margin-left: 70px; vertical-align: middle;}
.payment_card_list > li:first-child {margin-left: 0;}

.payment .btn_wrap{text-align: right;}
.btn_wrap .btn_payment{display: inline-block; width: 200px; height: 45px; margin-left: 10px; background-color: #cd9834; font-size: 16px; color: #fff; letter-spacing: -.58px; line-height: 45px; text-align: center;}
.btn_wrap .btn_payment.other{background-color: #707070;}
.btn_wrap .btn_payment:first-child{margin-left: 0;}
.btn_wrap .btn_payment_cancel{background-color: #666;}
.btn_wrap .btn_payment_link{background-color: #cd9834;}

/* payment-complete */
.payment-complete .complete_txt_area{margin-bottom: 40px;}
.payment-complete .complete_txt_area .tit{margin-bottom: 10px; font-weight: 600; font-size: 18px; color: #393839; letter-spacing: -.9px;}
.payment-complete .complete_txt_area .tit .ico_check{display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 5px; background-color: #cd9834; border-radius: 100%; vertical-align: middle;}
.payment-complete .complete_txt_area .tit .ico_check::before{content: ''; position: absolute; left: 50%; top: 50%; width: 6px; height: 12px; border-width: 0 2px 2px 0; border-color: #fff; border-style: solid; transform: translate(-50%, -60%) rotate(45deg); -webkit-transform: translate(-50%, -60%) rotate(45deg);}
.payment-complete .complete_txt_area .txt{font-size: 14px; line-height: 24px; letter-spacing: -.35px;}

.payment-complete .complete_order_wrap{padding: 30px 40px; background-color: #f9f9f9;}
.payment-complete .complete_order_wrap .inner{padding: 30px 0; background-color: #fff; text-align: center;}
.payment-complete .complete_order_wrap .order_tit{margin-bottom: 10px; font-weight: 600; font-size: 20px; color: #393839; letter-spacing: -1px;}
.payment-complete .complete_order_wrap .total_tit{font-size: 18px; color: #393839; letter-spacing: -.9px;}
.payment-complete .complete_order_wrap .total_price{font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif;}

.consignment_type_box{display:none;}
/* .consignment_box{display:none;} */
.consignment_box .select_group{margin: -10px 0}
.consignment_box th label {vertical-align: top;}

/* payment pop_open */
.wrap.pop_open{ overflow: hidden; width: 100%;height: 100%;}
.wrap.pop_open::after{content:"";overflow-y: auto;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);text-align: center; z-index: 100001;}

.notice.first .guide_wrap .guide_box .desc_txt + .ltxt{margin-top: 30px;}

#bondDiscountWrap{display: none; margin-left: 20px;}
.regist_total_wrap{overflow: hidden;}
.regist_total_wrap .total_subj{float: left; padding-top: 6px;}
.regist_total_wrap .total_box{float: left;}
.regist_total_wrap .total_box dl{overflow: hidden;}
.regist_total_wrap .total_box dt,
.regist_total_wrap .total_box dd{color: #393839;}
.regist_total_wrap .total_box dt{float: left; padding-top: 6px; font-weight: 600; font-size: 14px;}
.regist_total_wrap .total_box dd{float: right; min-width: 150px; font-family: 'RouisWeb','NotoSansKRWeb', Arial, sans-serif; font-size: 22px; text-align: right;}
.regist_total_wrap .total_box .total_price{margin-left: 20px;}
.regist_total_wrap .total_box .regist_discount_txt{margin: 3px 0 0 -5px;}
.regist_total_wrap .total_box .regist_discount_txt dt{font-weight: 400;}
.regist_total_wrap .total_box .regist_discount_txt dd{padding-top: 3px; font-size: 16px;}
.regist_total_wrap .total_box .regist_discount_txt dd span{padding-right: 0; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-weight: 400;}


/*login extension pop*/
.cert_confirm_popup{display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); box-sizing: border-box;z-index:999;}
.cert_confirm_popup.on{display: block;}
.cert_confirm_popup .pop_inner{display:table; position: absolute; left: 50%; top: 50%; width:420px; height:280px; background-color: #fff; text-align: center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.cert_confirm_popup .pop_inner .txt_wrap{display:table-cell; vertical-align:middle;}
.cert_confirm_popup .pop_inner .txt_wrap::before{display: inline-block; width: 38px; height: 38px; margin-bottom: 19px; background-position: 0 0; background-repeat: no-repeat; content: "";}
.cert_confirm_popup.success .pop_inner .txt_wrap::before, .cert_confirm_popup.cert_complete .pop_inner .txt_wrap::before{background-image: url('/httpobject/cad_images/onlineShop/common/ico_cert_success.png');}
.cert_confirm_popup.fail .pop_inner .txt_wrap::before{background-image: url('/httpobject/cad_images/onlineShop/common/ico_cert_fail.png');}
.cert_confirm_popup .pop_inner .txt_wrap .subj{margin-bottom: 18px; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-size: 16px; color: #de4931; letter-spacing: -.05em;}
.cert_confirm_popup.success .pop_inner .txt_wrap .subj{display:none;}
.cert_confirm_popup .pop_inner .txt_wrap .txt{margin-bottom: 29px; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-size: 16px; color: #262626; line-height: 22px; letter-spacing: -.02em; white-space: pre-wrap;}
.cert_confirm_popup .pop_inner .txt_wrap .btn_box{font-size:0; text-align:center;}
.cert_confirm_popup .pop_inner .txt_wrap .btn_box button{display:inline-block; vertical-align:top; border:1px solid #666; padding: 10px 24px; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-size: 14px; letter-spacing: -.02em;}
.cert_confirm_popup .pop_inner .txt_wrap .btn_box .confirm_btn{ background-color: #666; color: #fff;}
.cert_confirm_popup .pop_inner .txt_wrap .btn_box .logout_btn{color:#666; margin-left:6px;}
.cert_confirm_popup.success .pop_inner .txt_wrap .btn_box .logout_btn{display:none;}
.cert_confirm_popup.cert_complete .pop_inner .txt_wrap .subj{display: block; margin-bottom: 10px; font-family: 'NotoSansKRWeb', Arial, sans-serif; font-size: 18px; color: #262626; font-weight: 600; letter-spacing: -.05em;}


/* ÀüÀÚ¼­¸í ÀÎÁõ¼­ ÀÌ¿ë¾à°ü */
.terms_area_wrap{display: none;}
.terms_area{overflow-y: auto; padding: 15px;height: 370px;}
.terms_area .terms_box > .title{text-align: center; font-weight: bold;margin-bottom: 10px;}
.terms_area .terms_box > .txt{margin-bottom: 10px;}
.terms_area .terms_box .desc{margin-top: 10px;}
.terms_area .terms_box .desc + .desc{margin-top: 10px;}
.terms_area .terms_list{margin: 20px 0;}
.terms_area .terms_list > li{margin-top: 10px;}
.terms_area .terms_list > li:first-child{margin-top: 0;}
.terms_area .terms_list ul{padding-left: 15px;}
.terms_area .terms_list ul li{margin-top: 5px;}
.terms_area .terms_list ul li:first-child{margin-top: 0;}
.terms_area .terms_list > li .title{margin-bottom: 5px;}

/* 20240119 ¿Â¶óÀμ¥ °³¼± */

.agree_cont{display:none;}
.agree_cont h4{font-size:15px; font-weight:bold; color:#383938; letter-spacing:-0.075em;}
.agree_cont .guide_box{margin-top:40px;}
.agree_cont .guide_box:first-child{margin-top:0;}
.agree_cont .guide_txt{margin-top:20px;}
.agree_cont .guide_txt2{margin-bottom: 20px;}
.agree_cont table{margin:10px 0 8px; border:1px solid #a3a19e;}
.agree_cont table .none{display:none;}
.agree_cont table .none.active{display:table-row;}
.agree_cont table th{border-bottom:1px solid #a3a19e;background-color:#eee;}
.agree_cont table td{border-bottom:1px solid #a3a19e;}
.agree_cont table th, 
.agree_cont table td{padding:5px 10px; border-left:1px solid #a3a19e;}
.agree_cont table th:first-child, 
.agree_cont table td:first-child{border-left:0;}
.agree_cont table td.border{border-left:1px solid #a3a19e;}
.agree_cont .desc_txt{font-size:13px; line-height:1.3;}
.agree_cont .guide_box ol li{margin-top:15px;}
.agree_cont .guide_box ol li:first-child{margin-top:0;}
.agree_cont .guide_list > li + li{margin-top: 50px;}
.agree_cont .guide_list > li .sub_guide_box + .sub_guide_box{margin-top: 50px;}
.agree_cont .guide_list > li .title{padding: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 600; background-color:#eee;}
.agree_cont .guide_list > li .sub_title{margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: 600;}
.agree_cont .guide_list > li .contract_list{padding-left: 10px;}
.agree_cont .guide_list > li .contract_list > li + li{margin-top: 30px;}
.agree_cont .guide_list > li .num_list{margin-top: 5px; padding-left: 20px;}
.agree_cont .guide_list > li .num_list > li{position: relative; padding:0 0 0 20px; margin-top: 0;}
.agree_cont .guide_list > li .num_list > li::before{display: block; position: absolute; left: 0; top: 0;}
.agree_cont .guide_list > li .num_list > li:nth-child(1):before{content: '1';}
.agree_cont .guide_list > li .num_list > li:nth-child(2):before{content: '2';}
.agree_cont .guide_list > li .num_list > li:nth-child(3):before{content: '3';}
.agree_cont .guide_list > li .num_list > li:nth-child(4):before{content: '4';}
.agree_cont .guide_list > li .num_list > li:nth-child(5):before{content: '5';}
.agree_cont .guide_list > li .num_list > li:nth-child(6):before{content: '6';}
.agree_cont .guide_list > li .num_list > li:nth-child(7):before{content: '7';}



/* 20240117 ¿Â¶óÀμ¥ °³¼± */
/*********************************************************** 20240202 ¿Â¶óÀμ¥ °³¼± º¯°æ css ***********************************************************/

.car_configuration{width:100%; height:calc(100vh - 60px); font-size:0;}
.car_configuration > div{display:inline-block; vertical-align:top;}
.car_configuration .car_info_wrap{position:relative; width:calc(100% - 520px); height:100%;}
.car_configuration .car_info_wrap .bot_txt{position:absolute; bottom:38px; left:40px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#999;z-index: 1;}
.car_configuration .car_info_wrap .view_wrap{width:100%; height:100%;}
.car_configuration .car_info_wrap .view_img{height:100%;}
.car_configuration .car_info_wrap .swiper-container{height:100%;}
.car_configuration .car_info_wrap .swiper-container .swiper-button-prev:after,
.car_configuration .car_info_wrap .swiper-container .swiper-button-next:after{display:none;}
.car_configuration .car_info_wrap .swiper-container .swiper-button-prev,
.car_configuration .car_info_wrap .swiper-container .swiper-button-next{width:60px; height:60px; margin-top:0; transform:translateY(-50%);}
.car_configuration .car_info_wrap .swiper-pagination{bottom:12.8vh;}
.car_configuration .car_info_wrap .view_img .car_default{width:100%; height:100%;}
.car_configuration .car_info_wrap .view_img .car_default img{width:100%;}
.car_configuration .car_info_wrap .view_img .swiper-slide .car_option{display:none; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.car_configuration .car_info_wrap .view_img .swiper-slide .car_option.on{display: block;}
.car_configuration .car_info_wrap .interior .view_img .swiper-slide .car_option .img_box{width:100%; height:100%;}
.car_configuration .car_info_wrap .interior .view_img .swiper-slide .car_option img{min-width:100%; min-height:100%; width:100%; object-fit: cover;}

.car_configuration .exterior{background:url(/httpobject/cad_images/onlineShop/configuration/car_info_bg.png) 0 0 no-repeat; background-size:100% 100%;}
.car_configuration .exterior .view_wrap .view_img .swiper-slide{text-align:center;}
.car_configuration .exterior .view_wrap .view_img .swiper-slide .car_default{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%;}
.car_configuration .exterior .view_wrap .view_img .swiper-slide .img_box{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center;}
.car_configuration .exterior .view_wrap .view_img .swiper-slide .img_box img{width:100%; max-width:1045px;}
.car_configuration .exterior .view_wrap .view_img .swiper-container .swiper-button-prev{left:20px; background:url(/httpobject/cad_images/onlineShop/configuration/slide_prev.png)0 0 no-repeat; background-size:100% 100%;}
.car_configuration .exterior .view_wrap .view_img .swiper-container .swiper-button-next{right:20px; background:url(/httpobject/cad_images/onlineShop/configuration/slide_next.png)0 0 no-repeat; background-size:100% 100%;}
.car_configuration .exterior .view_wrap .view_img .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent; border:2px solid #999; border-radius:50%; box-sizing:border-box;}
.car_configuration .exterior .view_wrap .view_img .swiper-pagination .swiper-pagination-bullet-active{background-color:#999;}
.car_configuration .interior.active + .bot_txt{color:#fff;}
.car_configuration .interior .view_wrap .view_img .swiper-container{height:100%;}
.car_configuration .interior .view_wrap .view_img .car_default img{min-width:100%; width:100%; height:100%; object-fit:cover;}
.car_configuration .interior .view_wrap .view_img .swiper-container .swiper-button-prev{left:20px; background:url(/httpobject/cad_images/onlineShop/configuration/white_slide_prev.png)0 0 no-repeat; background-size:100% 100%;}
.car_configuration .interior .view_wrap .view_img .swiper-container .swiper-button-next{right:20px; background:url(/httpobject/cad_images/onlineShop/configuration/white_slide_next.png)0 0 no-repeat; background-size:100% 100%;}
.car_configuration .interior .view_wrap .view_img .swiper-pagination .swiper-pagination-bullet{width:12px; height:12px; background-color:transparent; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.car_configuration .interior .view_wrap .view_img .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff;}

.car_configuration .car_option_wrap{position:relative; width:520px; height:calc(100vh - 60px); padding-top:60px;}
.car_configuration .car_option_wrap #carName{display:block; padding:0 40px 20px 40px; font-size:32px; letter-spacing:-0.3px; line-height:40px; color:#222; font-weight:bold;}
.car_configuration .car_option_wrap .car_option_box{width:100%; height:calc(100vh - 380px);}
.car_configuration .car_option_wrap .car_option_box .mCustomScrollBox{padding:0 40px 40px;}
.car_configuration .car_option_wrap .option_type{padding:60px 0; border-top:1px solid #D9D9D9;}
.car_configuration .car_option_wrap .option_type:first-child{padding-top: 40px;border-top: none;}
.car_configuration .car_option_wrap .option_type strong{ margin-bottom:12px; font-size:24px; letter-spacing:-0.2px; line-height:40px; font-weight:bold; color:#222;}
.car_configuration .car_option_wrap .option_type .btn_allTrimPopup{margin-left:10px;font-size:16px;letter-spacing: -0.2px;text-decoration-line: underline;}
.car_configuration .car_option_wrap .option_type > div + div{padding-top:40px;}
.car_configuration .car_option_wrap .option_type .radio_wrap{width:100%;}
.car_configuration .car_option_wrap .option_type .radio_wrap input[type="radio"] + label{width:100%; height:90px; line-height:90px; padding-left:68px; border:2px solid #999; border-radius:12px; box-sizing:border-box; font-size:18px; font-family: 'NotoSansKRWeb', Arial, sans-serif; color:#999; font-weight:400;}
.car_configuration .car_option_wrap .option_type .radio_wrap input[type="radio"] + label:before{top:50%; left:24px; transform:translateY(-50%); width:24px; height:24px; border:2px solid #999; border-radius:50%;}
.car_configuration .car_option_wrap .option_type .radio_wrap input[type="radio"]:checked + label{border-color:#222; color:#222;}
.car_configuration .car_option_wrap .option_type .radio_wrap input[type="radio"]:checked + label:before{border-color:#222;}
.car_configuration .car_option_wrap .option_type .radio_wrap input[type="radio"]:checked + label:after{top:50%; left:32px; transform:translateY(-50%); width:12px; height:12px; background-color:#222;}
.car_configuration .car_option_wrap .option_type .excise_tax{ display: none; margin-top:5px;font-size: 16px;color: #222;text-align: right;}
.car_configuration .car_option_wrap .option_type .trim_car > li{position:relative;}
.car_configuration .car_option_wrap .option_type .trim_car > li + li{margin-top:12px;}
.car_configuration .car_option_wrap .option_type .trim_car li a{display:flex; align-items: center; justify-content:space-between; position:relative; width:100%; height:90px; padding:0 58px 0 68px; border:2px solid #999; border-radius:12px;}
.car_configuration .car_option_wrap .option_type .trim_car li img{display:none;}
.car_configuration .car_option_wrap .option_type .trim_car li a::before,
.car_configuration .car_option_wrap .option_type .trim_car li a::after{content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%;}
.car_configuration .car_option_wrap .option_type .trim_car li a::before{left:24px; width:24px; height:24px; border:2px solid #999; box-sizing:border-box;}
.car_configuration .car_option_wrap .option_type .trim_car li a::after{left:30px; width:12px; height:12px; background-color:transparent;}
.car_configuration .car_option_wrap .option_type .trim_car li span{font-weight:400; color:#999; line-height:23px;}
.car_configuration .car_option_wrap .option_type .trim_car li .car_name{width:130px; font-size:18px;}
.car_configuration .car_option_wrap .option_type .trim_car li .car_price{width:calc(100% - 130px); font-size:24px;}
.car_configuration .car_option_wrap .option_type .trim_car li .car_price span{display:inline-block; vertical-align:middle; margin:-2px 4px 0 0; font-size:18px;}

.car_configuration .car_option_wrap .option_type .trim_car li button{position:absolute; top:50%; transform:translateY(-50%); right:24px; width:26px; height:26px; background:url(/httpobject/cad_images/onlineShop/configuration/trim_info_icon_off.png) 0 0 no-repeat; background-size:100% 100%; font-size:0;}
.car_configuration .car_option_wrap .option_type .trim_car li.on a{border-color:#222;}
.car_configuration .car_option_wrap .option_type .trim_car li.on a::before{border-color:#222;}
.car_configuration .car_option_wrap .option_type .trim_car li.on a::after{background-color:#222;}
.car_configuration .car_option_wrap .option_type .trim_car li.on span{color:#222;}
.car_configuration .car_option_wrap .option_type .trim_car li.on button{background:url(/httpobject/cad_images/onlineShop/configuration/trim_info_icon_on.png) 0 0 no-repeat; background-size:100% 100%; font-size:0;}
.car_configuration .car_option_wrap .option_type .view_option > strong{margin-bottom:28px;}
.car_configuration .car_option_wrap .option_type .view_option > span{display:block; margin-bottom:12px; font-size:16px; letter-spacing:-0.2px; line-height:24px; color:#222;}
.car_configuration .car_option_wrap .option_type .view_option .option_target{display:block; width:100%; height:100%; border-radius:12px; overflow:hidden;}
.car_configuration .car_option_wrap .option_type .view_option .option_img{height:100%; border-radius:10px; overflow:hidden;}
.car_configuration .car_option_wrap .option_type .view_option .option_img img{width:100%; height:100%;}
.car_configuration .car_option_wrap .option_type .view_option ul li.on .option_target{padding:2px; border:2px solid #222;}
.car_configuration .car_option_wrap .option_type .view_option .price_box{display:flex; align-items: center; justify-content:space-between; width:100%; margin-top:12px; padding:12px 16px; border-radius:8px; background-color:#F1F3F5;}
.car_configuration .car_option_wrap .option_type .view_option .price_box p{font-size:16px; letter-spacing:-0.2px; line-height:24px; color:#666;}
.car_configuration .car_option_wrap .option_type .catalogue_btn{position:relative; display:block; width:100%; padding:32px 28px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#666; border:1px solid #666; border-radius:12px; background-color:#fff;}
.car_configuration .car_option_wrap .option_type .catalogue_btn::after{content:""; position:absolute; top:32px; right:28px; display:block; width:26px; height:26px; background:url(/httpobject/cad_images/onlineShop/common/catalogue_arrow.png) center center no-repeat #C2C2C2; background-size:20px 20px; border-radius:50%;}
.car_configuration .car_option_wrap .option_type .catalogue_btn:hover{border-color:#222; color:#222;}
.car_configuration .car_option_wrap .option_type .catalogue_btn:hover::after{background:url(/httpobject/cad_images/onlineShop/common/catalogue_arrow.png) center center no-repeat #222;}

.car_configuration .car_option_wrap .option_type #exterior_color ul li{display:inline-block; vertical-align:top; width:100px; height:100px; margin-right:12px;}
.car_configuration .car_option_wrap .option_type #exterior_color ul li:nth-of-type(4n){margin-right:0;}
.car_configuration .car_option_wrap .option_type #exterior_color ul li:nth-of-type(n+5){margin-top:12px;}
.car_configuration .car_option_wrap .option_type #interior_color ul li{display:inline-block; vertical-align:top; width:212px; height:100px;}
.car_configuration .car_option_wrap .option_type #interior_color ul li:nth-of-type(odd){margin-right:12px;}
.car_configuration .car_option_wrap .option_type #interior_color ul li:nth-of-type(n+3){margin-top:24px;}
.car_configuration .car_option_wrap .option_type #total_option ul li{position:relative; display:inline-block; vertical-align:top; width:214px;}
.car_configuration .car_option_wrap .option_type #total_option ul li.option_none{display:block; width:100%; font-size:18px; letter-spacing:-0.2px; line-height:24px; color:#666;}
.car_configuration .car_option_wrap .option_type #total_option ul li:nth-of-type(odd){margin-right:12px;}
.car_configuration .car_option_wrap .option_type #total_option ul li:nth-of-type(n+3){margin-top:24px;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_txt{display:none;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_icon{position:absolute; top:8px; right:8px; display:block; width:20px; height:20px;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_icon img{display:block; width:100%;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_img{height:120px; border-radius:12px 12px 0 0;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_info{position:relative; padding:12px 16px 20px 16px; border:1px solid #D9D9D9; border-radius:0 0 12px 12px;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_info p{font-size:16px; letter-spacing:-0.2px; line-height:24px; color:#666;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_info .price{margin-top:4px;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_chk{position: absolute; bottom:8px; right:10px; display:block; width:24px; height:24px; background:url(/httpobject/cad_images/onlineShop/common/check_off.png) 0 0 no-repeat; background-size:100% 100%;}
.car_configuration .car_option_wrap .option_type #total_option ul li .option_img img{width:100%; height:100%; object-fit:cover;}
.car_configuration .car_option_wrap .option_type #total_option ul li.on .option_target{padding:0;}
.car_configuration .car_option_wrap .option_type #total_option ul li.on .option_img{padding:2px 2px 0 2px; border-radius:14px 14px 0 0;}
.car_configuration .car_option_wrap .option_type #total_option ul li.on .option_info{border:0; border-radius:0;}
.car_configuration .car_option_wrap .option_type #total_option ul li.on .option_chk{background:url(/httpobject/cad_images/onlineShop/common/check_on.png) 0 0 no-repeat; background-size:100% 100%;}
.car_configuration .car_option_wrap .config_bottom{position:absolute; bottom:0; left:0; z-index:1; width:100%; padding:30px 40px 28px 40px; background-color:#222;}
.car_configuration .car_option_wrap .config_bottom .config_price{ display:flex; align-items:center; justify-content:space-between;}
.car_configuration .car_option_wrap .config_bottom .config_price p{font-size:16px; letter-spacing:-0.2px; line-height:24px; color:#999;}
.car_configuration .car_option_wrap .config_bottom .config_price .box{display:flex; align-items: center;}
.car_configuration .car_option_wrap .config_bottom .config_price .car_price{display:flex; font-size:32px; line-height:24px; letter-spacing:-0.2px; font-weight:bold; color:#fff;}
.car_configuration .car_option_wrap .config_bottom .config_price .car_price span{margin:3px 4px 0 0; font-size:24px; font-weight:400;}
.car_configuration .car_option_wrap .config_bottom .config_price .btn_receipt{display:block; width:40px; height:40px; margin-left:12px; border-radius:50%; border:0; background:url(/httpobject/cad_images/onlineShop/common/arrow_white_top.png) center center no-repeat #666; background-size:28px 29px; font-size:0; transition:transform .3s;}
.car_configuration .car_option_wrap .config_bottom .config_price .btn_receipt.active{transform:rotate(180deg);}
.car_configuration .car_option_wrap .config_bottom .btn_wrap .default_btn{height:72px; margin-top:30px; padding-left:0; font-size:18px; letter-spacing:-0.2px; line-height:72px;font-weight: bold; text-align:center; border-radius:12px;transition: background-color .2s ease;}
.car_configuration .car_option_wrap .config_bottom .btn_wrap .default_btn::after{ position:relative; top:0; right:0; display:inline-block; vertical-align:middle; width:20px; height:20px; margin:-4px 0 0 4px; border:0; transform:none; background:url(/httpobject/cad_images/onlineShop/common/arrow_black_right.png) 0 0 no-repeat; background-size:100% 100%;}
.car_configuration .car_option_wrap .car_receipt{position:absolute; top:100%; left:0; width:100%; height:calc(100vh - 260px); padding:60px 0 0 40px; background-color:#fff; box-sizing:border-box; transition:top .3s;}
.car_configuration .car_option_wrap .car_receipt .mCSB_container{padding-bottom:82px;}
@keyframes arrowMotion{
  0%{
    opacity: 0;
    right: 0;
  }
  100%{
    opacity: 1;
    right: -20px;
  }
}
.car_configuration .car_option_wrap .config_bottom .btn_wrap .default_btn.active::after{animation: arrowMotion 1.3s infinite forwards ease-out;}
.car_configuration .car_option_wrap .car_receipt.active{top:0;}
.car_configuration .car_option_wrap .car_receipt h3{font-size:28px; line-height:40px; letter-spacing:-0.2px; font-weight:bold; color:#222;}
.car_configuration .car_option_wrap .car_receipt .info_box{padding:28px 60px 28px 0; border-top:1px solid #D9D9D9;}
.car_configuration .car_option_wrap .car_receipt .info_box:first-of-type{border-top:0;}
.car_configuration .car_option_wrap .car_receipt .info_box h4{margin-bottom:12px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list{padding:20px; border-radius:8px; background-color:#F1F3F5;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list li{display:flex; align-items:flex-end; justify-content:space-between;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list li + li{margin-top:6px;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list li p{font-size:18px; line-height:26px; letter-spacing:-0.2px; color:#222;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list li .option_tit{width:calc(100% - 130px); padding-right:10px;}
.car_configuration .car_option_wrap .car_receipt .info_box .info_list li .option_price{width:130px; text-align:right;}
.car_configuration .car_option_wrap .car_receipt .model_box .info_list li .option_tit span{display:block;}
.car_configuration .car_option_wrap .car_receipt .option_box{display:none;}
.car_configuration .car_option_wrap .car_receipt .option_box.active{display:block;}

.configuration .pop_info_wrap{position:absolute; top:0; right:-100%; width:520px; height:100vh; background-color:#fff; z-index:101;}
.configuration .pop_info_wrap.active{right:0;}
.configuration .pop_info_wrap.trim_pop .img_wrap img{width:100%;}
.configuration .pop_info_wrap.option_pop .img_wrap img{width:auto; height:100%;}
.configuration .pop_info_wrap .icon_btn{position:absolute; top:20px; right:20px; width:40px; height:40px; box-sizing:border-box;}
.configuration .pop_info_wrap .img_wrap{display:flex; align-items:center; justify-content:center; width:100%; height:400px; background: linear-gradient(0deg, #393839 0%, #393839 100%), #F1F3F5;}
.configuration .pop_info_wrap .info_wrap{padding:40px;}
.configuration .pop_info_wrap .info_wrap .top_box{display:flex; align-items:center; justify-content:space-between;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name{position:relative; width:calc(100% - 170px); padding-left:36px; font-size:28px; font-weight:700; color:#222;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name::before,
.configuration .pop_info_wrap .info_wrap .top_box .car_name::after{content:""; position:absolute; top:50%; transform:translateY(-50%); display:block; border-radius:50%;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name.radio::before{left:0; width:24px; height:24px; border:2px solid #222; box-sizing:border-box;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name.radio::after{left:6px; width:12px; height:12px; background-color:#222;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name.check::before{left:0; width:24px; height:24px; background:url(/httpobject/cad_images/onlineShop/common/check_on.png) 0 0 no-repeat; background-size:100% 100%;}
.configuration .pop_info_wrap .info_wrap .top_box .car_name.check::after{display:none;}
.configuration .pop_info_wrap .info_wrap .top_box .price_box{width:170px; text-align:right; font-size:0;}
.configuration .pop_info_wrap .info_wrap .top_box .price_box span{display:inline-block; vertical-align:baseline; font-size:18px; line-height:20px; color:#222;}
.configuration .pop_info_wrap .info_wrap .top_box .price_box .price{margin-left:4px; font-size:24px; line-height:36px;}
.configuration .pop_info_wrap .info_wrap .info_box{width:100%; margin-top:12px; padding:20px; border-radius:8px; background-color:#F1F3F5;}
.configuration .pop_info_wrap .info_wrap .info_box ul li + li{margin-top:6px;}
.configuration .pop_info_wrap .info_wrap .info_box ul li p{position:relative; padding-left:8px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666; word-break:keep-all;}
.configuration .pop_info_wrap .info_wrap .info_box ul li p::before{content:""; display:block; position:absolute; top:12px; left:0; width:2px; height:2px; background-color:#666; border-radius:50%;}
.configuration .pop_info_wrap .info_wrap .btn{display:block; width:100%; padding:24px 0; margin-top:40px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#fff; font-weight:700; text-align:center; border-radius:12px; background-color:#222;}

/* all trim popup */
.configuration .pop_all_trim_wrap{display:none;overflow:hidden;position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:1320px; height:auto;max-height:calc(100% - 100px);background-color:#fff;border-radius: 12px; z-index:101;}
.configuration .pop_all_trim_wrap.active{display:block;}
.configuration .pop_all_trim_wrap .pop_inner{position: relative;padding:0 40px;}
.configuration .pop_all_trim_wrap .pop_header{ position: fixed;left: 0;top: 0;z-index: 1; width: 100%;background-color: #fff;border-top-left-radius: 12px;border-top-right-radius: 12px;}
.configuration .pop_all_trim_wrap .pop_header h2{margin:0 40px;padding:20px 0; font-size: 28px;color: #222; font-weight: bold;letter-spacing: -0.2px;border-bottom: 1px solid #d9d9d9;}
.configuration .pop_all_trim_wrap .pop_header .icon_btn{position:absolute; top:20px; right:40px; width:40px; height:40px; box-sizing:border-box;}
.configuration .pop_all_trim_wrap .pop_cont_inner{overflow-y: auto;position:fixed; top:72px; left:0;width:100%;height:calc(100% - 72px);}
.configuration .pop_all_trim_wrap .pop_cont{display:flex;flex-direction: row;flex-wrap: wrap;align-content: center;justify-content: flex-start;gap:24px;padding:0 40px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item{width:396px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap{position: relative;padding-bottom:32px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap::before{content: ""; z-index: -1; position: absolute;left: 0;top: 130px;width: 100%;height: calc(100% - 130px);background-color: #f1f3f5;border-radius: 8px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap .img img{width:100%;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap .top_box{padding: 0 32px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap .top_box .car_name{min-height: 64px;font-size: 28px;color: #222;font-weight: bold;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .img_wrap .top_box .price_box{font-size: 24px;color: #222;text-align: right;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .info_wrap{padding:20px 32px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .info_wrap .info_box ul li{position: relative;margin-top:8px; padding-left: 10px; font-size: 16px;letter-spacing: -0.2px;line-height: 24px;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .info_wrap .info_box ul li:first-child{margin-top: 0;}
.configuration .pop_all_trim_wrap .pop_cont .pop_trim_item .info_wrap .info_box ul li::before{content: "";position: absolute;left:0;top:12px;width:2px;height:2px;background-color: #666;}

/* pdf_pop */
.configuration .pdf_pop{position:absolute; top:-100%; left:50%; transform:translateX(-50%);  z-index:101; width:calc(100% - 336px); height:calc(100vh - 188px); opacity:0; transition:opacity 0.3s;}
.configuration .pdf_pop.active{top:50%; transform:translate(-50%,-50%); opacity:1;}
.configuration .pdf_pop .pdf_close{position:absolute; top:0; right:-40px; display:block; width:40px; height:40px; font-size:0;}
.configuration .pdf_pop .popup_cont{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.3s;}
.configuration .pdf_pop .popup_cont.active{opacity:1; z-index:1;}
.configuration .pdf_pop .embed{display:block; width:100%; height:100%;}

@media all and (max-width:1280px){
  .car_configuration .car_info_wrap{width:calc(100% - 416px);}
  .car_configuration .car_info_wrap .bot_txt{bottom:20px; font-size:12px; letter-spacing:-0.2px; line-height:20px;}
  .car_configuration .car_option_wrap{width:416px; padding-top:48px;}
  .car_configuration .car_option_wrap #carName{padding:0 32px 20px 32px; font-size:24px; letter-spacing:-0.4px; line-height:32px;}
  .car_configuration .car_option_wrap .car_option_box{height:calc(100vh - 290px);}
  .car_configuration .car_option_wrap .car_option_box .mCustomScrollBox{padding:0 32px 32px;}
  .car_configuration .car_option_wrap .option_type{padding:36px 0;}
  .car_configuration .car_option_wrap .option_type:first-child{padding-top:12px;}
  .car_configuration .car_option_wrap .option_type>div+div{padding-top:30px;}
  /* .car_configuration .car_option_wrap .option_type:last-of-type{padding-bottom:64px;} */
  .car_configuration .car_option_wrap .option_type strong{font-size:20px; letter-spacing:-0.4px; line-height:32px;}
  .car_configuration .car_option_wrap .option_type .view_option > span{margin-bottom:8px; letter-spacing:-0.4px; line-height:20px;}
  .car_configuration .car_option_wrap .option_type .view_option .option_target{border-radius:9px;}
  .car_configuration .car_option_wrap .option_type .view_option .option_img{border-radius:6px;}
  .car_configuration .car_option_wrap .option_type .excise_tax{ font-size: 12px;}
  .car_configuration .car_option_wrap .option_type .trim_car li a{height:72px; padding:0 45px 0 40px; border-radius:8px;}
  .car_configuration .car_option_wrap .option_type .trim_car li a::before{left:10px; width:20px; height:20px;}
  .car_configuration .car_option_wrap .option_type .trim_car li a::after{left:15px; width:10px; height:10px;}
  .car_configuration .car_option_wrap .option_type .trim_car li span{line-height:20px;}
  .car_configuration .car_option_wrap .option_type .trim_car li .car_name{width:110px; font-size:14px;}
  .car_configuration .car_option_wrap .option_type .trim_car li .car_price{width:calc(100% - 110px); font-size:20px;}
  .car_configuration .car_option_wrap .option_type .trim_car li .car_price span{font-size:14px;}
  .car_configuration .car_option_wrap .option_type .trim_car li button{width:20px; height:20px; right:20px;}
  .car_configuration .car_option_wrap .option_type .view_option .price_box{margin-top:8px; padding:9px 12px;}
  .car_configuration .car_option_wrap .option_type .view_option .price_box p{font-size:12px; line-height:20px;}
  .car_configuration .car_option_wrap .option_type #exterior_color ul li{width:82px; height:82px; margin-right:8px;}
  .car_configuration .car_option_wrap .option_type #exterior_color ul li:nth-of-type(n+5){margin-top:8px;}
  .car_configuration .car_option_wrap .option_type #interior_color ul li{width:170px; height:80px;}
  .car_configuration .car_option_wrap .option_type #interior_color ul li:nth-of-type(odd){margin-right:8px;}
  .car_configuration .car_option_wrap .option_type #interior_color ul li:nth-of-type(n+3){margin-top:12px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li{width:170px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li:nth-of-type(odd){margin-right:8px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li:nth-of-type(n+3){margin-top:12px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_img{height:96px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_icon{top:4px; right:4px; width:16px; height:16px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_info{padding:10px 12px 15px 12px; border:0 0 9px 9px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_info p{font-size:12px; line-height:20px; letter-spacing:-0.4px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_info .price{margin-top:2px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li .option_chk{width:20px; height:20px; right:5px; bottom:6px;}
  .car_configuration .car_option_wrap .option_type #total_option ul li.on .option_img{border-radius:12px 12px 0 0;}
  .car_configuration .car_option_wrap .option_type #total_option ul li.on .option_info{border-radius:0;}
  .car_configuration .car_option_wrap .option_type .catalogue_btn{padding:26px 20px; font-size:14px; letter-spacing:-0.4px; line-height:20px;}
  .car_configuration .car_option_wrap .option_type .catalogue_btn::after{top:26px; right:20px; width:20px; height:20px; background-size:16px 16px;}
  .car_configuration .car_option_wrap .option_type .catalogue_btn:hover::after{background-size:16px 16px;}
  .car_configuration .car_option_wrap .config_bottom{padding:20px 32px;}
  .car_configuration .car_option_wrap .config_bottom .config_price p{font-size:12px; letter-spacing:-0.4px; line-height:20px;}
  .car_configuration .car_option_wrap .config_bottom .config_price .car_price{font-size:24px; letter-spacing:-0.4px; line-height:20px;}
  .car_configuration .car_option_wrap .config_bottom .config_price .car_price span{font-size:18px;}
  .car_configuration .car_option_wrap .config_bottom .config_price .btn_receipt{width:32px; height:32px; background-size:22px 22px;}
  .car_configuration .car_option_wrap .config_bottom .btn_wrap .default_btn{height:48px; margin-top:10px;  font-size:14px; letter-spacing:-0.4px; line-height:48px; border-radius:8px;}
  .car_configuration .car_option_wrap .config_bottom .btn_wrap .default_btn::after{margin-top:-3px; width:16px; height:16px;}
  .car_configuration .exterior .view_wrap .view_img .swiper-slide img{width:90%;}
  .configuration .pop_info_wrap{width:416px;}
  .configuration .pop_info_wrap .img_wrap{height:320px;}
  .configuration .pop_info_wrap .info_wrap{padding:32px;}
  .configuration .pop_info_wrap .info_wrap .top_box .car_name{padding-left:28px; font-size:22px;}
  .configuration .pop_info_wrap .info_wrap .top_box .car_name.check::before{width:20px; height:20px;}
  .configuration .pop_info_wrap .info_wrap .top_box .car_name.radio::before{width:20px; height:20px;}
  .configuration .pop_info_wrap .info_wrap .top_box .car_name.radio::after{left:5px; width:10px; height:10px;}
  .configuration .pop_info_wrap .info_wrap .top_box .price_box span{font-size:14px; line-height:19px;}
  .configuration .pop_info_wrap .info_wrap .top_box .price_box .price{font-size:20px; line-height:28px;}
  .configuration .pop_info_wrap .info_wrap .info_box ul li p{font-size:12px; letter-spacing:-0.4px; line-height:20px;}
  .configuration .pop_info_wrap .info_wrap .info_box ul li p::before{top:9px;}
  .configuration .pop_info_wrap .info_wrap .btn{margin-top:28px; padding:12px; font-size:14px; letter-spacing:-0.4px; line-height:24px;}
  .car_configuration .car_option_wrap .car_receipt{height:calc(100vh - 190px); padding:48px 0 0 32px;}
  .car_configuration .car_option_wrap .car_receipt .mCSB_container{padding-bottom:40px;}
  .car_configuration .car_option_wrap .car_receipt h3{font-size:24px; letter-spacing:-0.4px; line-height:32px;}
  .car_configuration .car_option_wrap .car_receipt .info_box h4{margin-bottom:8px; line-height:20px;}
  .car_configuration .car_option_wrap .car_receipt .info_box:first-of-type{padding-top:12px;}
  .car_configuration .car_option_wrap .car_receipt .info_box{padding:28px 32px 28px 0;}
  .car_configuration .car_option_wrap .car_receipt .info_box .info_list{padding:12px;}
  .car_configuration .car_option_wrap .car_receipt .info_box .info_list li p{font-size:14px; line-height:20px; letter-spacing:-0.4px;}
  .car_configuration .car_option_wrap .car_receipt .info_box .info_list li .option_tit{width:calc(100% - 95px);}
  .car_configuration .car_option_wrap .car_receipt .info_box .info_list li .option_price{width:95px;}

  .configuration .car_select_wrap{width:416px; padding-top:48px;}
  .configuration .car_select_wrap strong{padding-left:32px; font-size:22px; line-height:32px; letter-spacing:-0.4px;}
  .configuration .car_list_wrap{height:calc(100vh - 108px); margin-top:28px;}
  .configuration .car_list > span{padding-left:32px; font-size:12px; letter-spacing:-0.2px; line-height:20px;}
  .configuration .car_list .car{margin-top:8px;}
  .configuration .car_list .car .img_box{width:224px; height:86px;}
  .configuration .car_list .car .info_box{width:calc(100% - 224px);}
  .configuration .car_list .car .info_box .car_name{font-size:14px; letter-spacing:-0.2px; line-height:20px;}
  .configuration .car_list .car .info_box .car_price{font-size:20px; line-height:28px;}
  .configuration .car_list .car .info_box .car_price span:first-of-type{font-size:14px;}

  .configuration .pop_all_trim_wrap{width:900px;}
}




.mt16{margin-top:16px;}
.online_shop select{width:340px; height:60px; padding:0 12px 0 16px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/httpobject/cad_images/onlineShop/summary/select_arrow_off.png) right 12px center no-repeat #fff; background-size:28px; border-radius:8px;}
.online_shop select::-ms-expand{display:none;}
.online_shop.summary .step_cover{font-size:0;}
.online_shop.summary .step_cover .section_area{display:inline-block; vertical-align:top; margin:0; padding:0;}
.online_shop.summary .step_cover .acco_sec .top_total{position:relative;display:flex; align-items:center; justify-content:space-between;padding-right:44px; cursor:pointer;}
.online_shop.summary .step_cover .acco_sec .top_total::after{content:""; display:block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:28px; height:28px; background:url(/httpobject/cad_images/onlineShop/summary/arrow_off.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop.summary .step_cover .acco_sec.active .top_total::after{transform:rotate(360deg) translateY(-50%); background:url(/httpobject/cad_images/onlineShop/summary/arrow_on.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop.summary .step_cover .acco_sec .top_total h3{display:inline-block; vertical-align:middle; padding-bottom:0; font-size:24px; letter-spacing:-0.2px; line-height:39px; color:#222; font-weight:bold;}
.online_shop.summary .step_cover .acco_sec .top_total h3 span{font-size:18px; font-weight:400; line-height:39px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .step_cover .acco_sec .top_total h3 span.none{display:none;}
.online_shop.summary .step_cover .acco_sec .top_total .price_box{font-size:0;}
.online_shop.summary .step_cover .acco_sec .top_total .price_box span{display:inline-block; vertical-align:top;font-size:18px; letter-spacing:-0.2px; color:#222; line-height:37px;}
.online_shop.summary .step_cover .acco_sec .top_total .price_box .total_price{width:162px; margin-left:8px; text-align:right;}
.online_shop.summary .step_cover .acco_sec .top_total .price_box .total_price span:first-of-type{margin-right:4px;}
.online_shop.summary .step_cover .acco_sec .top_total .price_box .empty_value{font-size:24px; font-weight:bold;}
.online_shop.summary .step_cover .acco_sec .top_total.type1 .price_box p{display:flex; justify-content:flex-end;}
.online_shop.summary .step_cover .info_list{margin-top:32px;}
.online_shop.summary .step_cover .info_list li + li{margin-top:2px;}
.online_shop.summary .step_cover .info_list li p{position:relative; padding-left:10px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .step_cover .info_list li p::before{content:"*"; display:block; position:absolute; top:0; left:0; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;} 
.online_shop.summary .step_cover .info_list li.black p{color:#222;}
.online_shop.summary .step_cover .none_txt{font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}

.online_shop.summary .check_group{margin-left:0;}
.online_shop.summary .check_group .check_item{display:block; margin:0;}
.online_shop.summary .check_group .check_item + .check_item{margin-top:16px;}
.online_shop.summary input{height:60px; padding:0 20px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222; border:1px solid #999; border-radius:8px; background-color:#fff;}
.online_shop.summary .bot_total{display:none; width:100%; margin-top:32px; padding:16px 24px; background-color:#F1F3F5; border-radius:12px;}
.online_shop.summary .bot_total .box{display:flex; align-items:center; justify-content:space-between;}
.online_shop.summary .bot_total .box + .box{margin-top:8px;}
.online_shop.summary .bot_total .box > p{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .bot_total .box .price_box{font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .bot_total .box .price_box > *{display:inline-block; vertical-align:top;}

.online_shop.summary .step_cover .carinfo_wrap .carinfo_box{padding:40px;}
.online_shop.summary .step_cover .carinfo_wrap .top_box{display:flex; width:100%; height:120px; align-items:center; background-color:#F1F3F5; border-radius:8px}
.online_shop.summary .step_cover .carinfo_wrap .top_box .txt_box{width:calc(100% - 210px); padding-left:20px;}
.online_shop.summary .step_cover .carinfo_wrap .top_box .txt_box span{font-size:16px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .step_cover .carinfo_wrap .top_box h4{font-size:20px; font-weight:bold; line-height:29px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .step_cover .carinfo_wrap .top_box .img_box{display:flex; align-items:center; width:210px; padding:0 18px;}
.online_shop.summary .step_cover .carinfo_wrap .top_box .img_box img{width:100%;}
.online_shop.summary .step_cover .carinfo_wrap .total_price{ display:flex; align-items:center; justify-content:space-between;margin-top:18px; padding:20px; background-color:#F1F3F5; border-radius:8px;}
.online_shop.summary .step_cover .carinfo_wrap .total_price.line_2{display: block;}
.online_shop.summary .step_cover .carinfo_wrap .total_price.line_2>div{display:flex; align-items:center; justify-content:space-between;}
.online_shop.summary .step_cover .carinfo_wrap .total_price .excise_tax{display:none;font-size: 16px;color: #222;text-align: right;}
.online_shop.summary .step_cover .carinfo_wrap .total_price p{font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .step_cover .carinfo_wrap .total_price .price_box{font-size:0;}
.online_shop.summary .step_cover .carinfo_wrap .total_price .price_box span{display:inline-block; vertical-align:top; font-size:24px; line-height:36px; font-weight:bold; color:#222;}
.online_shop.summary .step_cover .carinfo_wrap .total_price .price_box span:first-of-type{margin:3px 4px 0 0; font-size:18px; font-weight:400;}
.online_shop.summary .step_cover .carinfo_wrap .banner_wrap{margin-top:20px;}
.online_shop.summary .step_cover .carinfo_wrap .banner_wrap .banner{display:block; width:100%;height: 160px; border-radius: 8px; background: url(/httpobject/cad_images/onlineShop/common/bg_banner.png) 0 0 no-repeat;}
.online_shop.summary .step_cover .carinfo_wrap .banner_wrap .banner .tit{display: block;padding: 40px 10px 10px; font-family: CadillacGothicVF; font-size: 18px; color: #fff; font-weight: bold;text-align: center; letter-spacing: -0.36px;}


.online_shop.summary .detail_step button{width:100px; height:60px; margin-left:8px; background-color:#666; border-radius:8px; font-size:18px; line-height:60px; letter-spacing:-0.2px; color:#fff; border:0; text-align:center;}

/*** ÃßõÀÎ ÇÒÀÎ ***/
.online_shop.summary .recommenderbox .input_box{font-size:0;}
.online_shop.summary .recommenderbox .input_box > *{display:inline-block; vertical-align:top;}
.online_shop.summary .recommenderbox .input_box input{width:340px;}
.online_shop.summary .recommenderbox .input_box input::placeholder{color:#aaa;}

.online_shop.summary .step_cover .carinfo_wrap{width:520px; background-color:#fff;}
.online_shop.summary .step_cover .carinfo_wrap .carinfo_box{position:relative; width:100%; padding-bottom:40px;}
.online_shop.summary .step_cover .carinfo_wrap .carinfo_box.active{position:fixed; width:520px; top:60px;}
.online_shop.summary .step_cover .carinfo_wrap .carinfo_box.end{position:absolute; top:auto; bottom:100px;}

/***»ó¼¼ °ßÀû***/
.online_shop.summary .detail_step{position:relative; margin:0;}
.online_shop.summary .detail_step .summary_form{width:calc(100% - 520px); max-width:inherit; padding:80px 40px 180px 40px; background-color:#F1F3F5;}
.online_shop.summary .detail_step .summary_form > div{width:100%; max-width:840px; margin:0 auto;}
.online_shop.summary .detail_step .acco_sec .top_total .tit_box > span{display:inline-block; vertical-align:middle; margin:7px 12px 0 0; font-size:16px; line-height:24px; color:#666;}
.online_shop.summary .detail_step .acco_sec .top_total .price_box{display:none;}
.online_shop.summary .detail_step .acco_sec .top_total .price_box.on{display:block;}
.online_shop.summary .detail_step .acco_sec .info_inner{display:none; width:100%; margin-top:18px; padding:8px 40px 16px 40px; border:1px solid #000; border-radius:12px; background-color:#fff;}
.online_shop.summary .detail_step .acco_sec.active .info_inner{display:block !important;}
.online_shop.summary .detail_step .acco_sec .info_inner .cont{margin-top:0; padding:32px 0; border-top:1px solid #D9D9D9;}
.online_shop.summary .detail_step .acco_sec .info_inner .cont:first-of-type{border-top:0;}
.online_shop.summary .detail_step .acco_sec .info_inner .tit_box{display:flex; align-items:center; width:100%; margin-bottom:12px;}
.online_shop.summary .detail_step .acco_sec .info_inner .tit_box .tooltip_btn{margin-left:2px;}
.online_shop.summary .detail_step .acco_sec .info_inner .tit_box.mb24{margin-bottom:24px;}
.online_shop.summary .detail_step .acco_sec .info_inner .tit_box > strong{display:inline-block; vertical-align:top; margin-bottom:0; font-size:20px; letter-spacing:-0.2px; line-height:24px; font-weight:bold; color:#222;}
.online_shop.summary .detail_step .acco_sec .top_total.type1 .price_box p:nth-of-type(2){margin-top:4px; font-size:16px; color:#666;}
.online_shop.summary .detail_step .acco_sec .top_total.type1 .price_box p:nth-of-type(2) span,
.online_shop.summary .detail_step .acco_sec .top_total.type1 .price_box p:nth-of-type(2) .empty_value{font-size:16px; color:#666; line-height:24px; font-weight:400;}
.online_shop.summary .detail_step .fix_bot_box{position:fixed; bottom:0; left:0; z-index:11; display:flex; align-items:center; width:100%; height:100px; background-color:#222; box-shadow:0px -5px 15px 0px rgba(0, 0, 0, 0.10), 0px -20px 27px 0px rgba(0, 0, 0, 0.09), 0px -50px 37px 0px rgba(0, 0, 0, 0.04); font-size:0;}
.online_shop.summary .detail_step .fix_bot_box.end{position:absolute;}
.online_shop.summary .detail_step .fix_bot_box .fix_total{width:calc(100% - 520px); padding:0 40px; height:100%;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .inner{display:flex; align-items:center; justify-content:space-between; width:100%; height:100%; max-width:840px; margin:0 auto;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .inner strong{font-size:24px; line-height:39px; letter-spacing:-0.2px; font-weight:bold; color:#fff;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total{display:none; font-size:0;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total.active{display:block;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total > *{display:inline-block; vertical-align:baseline;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total p{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#999;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box{margin-left:16px}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box span{font-size:32px; font-weight:bold; line-height:24px; letter-spacing:-0.2px; color:#fff;}
.online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box span:first-of-type{font-size:24px; font-weight:400; margin:2px 4px 0 0;}
.online_shop.summary .detail_step .fix_bot_box .btn_wrap{display:flex; align-items:center; width:520px; padding:0 40px; margin-top:0; overflow:visible;}
.online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_group{float:none; /*width:304px;*/ width: 100%;}
.online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_link{width:100%; padding:24px 0; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:rgba(255,255,255,0.4); background-color:rgba(255,255,255,0.1); border-radius:12px; text-align:center;}
.online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_link.active{background-color:#fff; cursor:pointer; color:#222;font-weight: bold;}
.online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_link::after{display:none;}


/*** step1 °áÁ¦¹æ½Ä ¹× ±¸¸ÅÇýÅà ***/
.online_shop.summary .detail_step .pay_benefits{margin-top:0;}
.online_shop.summary .detail_step .pay_benefits p{margin-top:10px;font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .detail_step .pay_benefits .payment_desc{margin-top:10px;font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .detail_step #payBenefitsSelect div + div{margin-top:16px;}
.online_shop.summary .detail_step #payBenefitsSelect .check_item{margin:0; display:block;}
.online_shop.summary .detail_step #payBenefitsSelect .check_item + .check_item{margin-top:16px;}
/* .online_shop.summary .detail_step #payBenefitsSelect .catalog0 .check_item{display:inline-block; vertical-align:top;}
.online_shop.summary .detail_step #payBenefitsSelect .catalog0 .check_item + .check_item{margin:0 0 0 40px;} */
.online_shop.summary .detail_step .pay_benefits .btn_payBenefit_popup{margin-left:12px;font-size:16px;color:#666;letter-spacing:-0.2px;text-decoration-line: underline;}

.online_shop.summary .detail_step .pay_benefits .benefits{display:none;}
.online_shop.summary .detail_step .pay_benefits .selectionSupplies{display:none;}
.online_shop.summary .detail_step .pay_benefits #productSelect{width:460px; margin-top:24px;}
.online_shop.summary .detail_step .pay_benefits .payment_installment .desc_list{margin-top:32px;}
.online_shop.summary .detail_step .pay_benefits .payment_installment .desc_list .desc{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .detail_step .pay_benefits .payment_installment .desc_list .desc + .desc{margin-top:4px;}
.online_shop.summary .detail_step .carinfo_wrap .car_info{margin-top:20px;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type + .info_type{margin-top:18px;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type > span{display:block; font-size:12px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dl{display:flex; align-items:flex-start; justify-content:space-between;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dl + dl{margin-top:8px;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dl > *{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dt{width:calc(100% - 115px); margin-bottom:0;}
.online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dd{width:115px; text-align:right}

/*** step2 ÇÒÀÎ ***/
.online_shop.summary .detail_step .repurchasebox .other_type{font-size:0;}
.online_shop.summary .detail_step .repurchasebox .other_type > *{display:inline-block; vertical-align:top;}
.online_shop.summary .detail_step .repurchasebox .other_type input{width:340px; padding-right:24px; text-align:right;}
.online_shop.summary .detail_step .point .point_lookup{margin-top:16px; padding:0 20px 0 36px;}
.online_shop.summary .detail_step .point .point_center{font-size:0;}
.online_shop.summary .detail_step .point .point_center .point_wrap{display:inline-block; vertical-align:top; width:calc(50% - 12px);}
.online_shop.summary .detail_step .point .point_center .point_wrap:first-of-type{margin-right:24px;}
.online_shop.summary .detail_step .point .point_center .holding{font-size:0;}
.online_shop.summary .detail_step .point .point_center .holding > *{display:inline-block; vertical-align:middle;}
.online_shop.summary .detail_step .point .point_center .holding .txt{width:72px; font-size:18px; letter-spacing:-0.2px; line-height:24px; color:#222;}
.online_shop.summary .detail_step .point .point_center .holding .holding_point{width:calc(100% - 72px); margin-top:-3px; font-size:14px; letter-spacing:-0.2px; line-height:20px; color:#666;}
.online_shop.summary .detail_step .point .point_center .input_item{margin-top:12px;}
.online_shop.summary .detail_step .point .point_center .input_item input{width:100%;}
.online_shop.summary .detail_step .point .point_center .input_item input::placeholder{color:#222;}
.online_shop.summary .detail_step .point .other_type{margin-top:16px; padding:0 20px 0 36px;}
.online_shop.summary .detail_step .point .other_type .input_group input{width:100%;}
.online_shop.summary .detail_step .point .other_type .input_group input::placeholder{color:#222;}

/*** step2 ÇÒÀÎ ***/
.online_shop.summary .detail_step .discount .radio_group{margin:0;}
.online_shop.summary .detail_step .discount .radio_group .radio_item{display:block; margin:0;}
.online_shop.summary .detail_step .discount .radio_group .radio_item + .radio_item{margin-top:16px;}
.online_shop.summary .detail_step .discount #repurchase_type{display:none; margin-top:12px; padding-left:30px;}
.online_shop.summary .detail_step .discount #repurchase_type.active{display:block;}


/*** step3 ºÎ´ëºñ¿ë ***/
.online_shop.summary .detail_step #plusCareSelect{margin:0;}
.online_shop.summary .detail_step #plusCareSelect .radio_item{display:block; margin:0;}
.online_shop.summary .detail_step #plusCareSelect .radio_item + .radio_item{margin-top:16px;}
.online_shop.summary .detail_step .consignment .select_group select:first-of-type{margin-right:12px;}

/*** step4 ÇÒºÎ±Ý °è»ê ***/
.online_shop.summary .detail_step .payment{display:none;}
.online_shop.summary .detail_step .payment .payment_name{font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .detail_step .payment .payment_area p{font-size:0;}
.online_shop.summary .detail_step .payment .payment_area span{display:inline-block; vertical-align:top; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .detail_step .payment .info_inner .cont{padding-top:0;}
.online_shop.summary .detail_step .payment .table_wrap{padding:16px 0 12px; border-top:0; border-bottom:0;}
.online_shop.summary .detail_step .payment .table_wrap colgroup .col1{width:120px;}
.online_shop.summary .detail_step .payment .table_wrap colgroup .col2{width:240px;}
.online_shop.summary .detail_step .payment .table_wrap colgroup .col3{width:160px;}
.online_shop.summary .detail_step .payment .table_wrap colgroup .col4{width:240px;}
.online_shop.summary .detail_step .payment .table_wrap tr td{padding:12px 0; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .detail_step .payment .table_wrap tr td:nth-of-type(3){padding-left:40px;}
.online_shop.summary .detail_step .payment .table_wrap tr .tit p{font-size:16px; color:#666;}
.online_shop.summary .detail_step .payment .table_wrap tr .tooltip_tit{font-size:0;}
.online_shop.summary .detail_step .payment .table_wrap tr .tooltip_tit p,
.online_shop.summary .detail_step .payment .table_wrap tr .tooltip_tit a{display:inline-block; vertical-align:middle;}
.online_shop.summary .detail_step .payment .table_wrap tr .tooltip_tit .tooltip_btn{width:16px; height:16px; margin:2px 0 0 3px}
.online_shop.summary .detail_step .payment .table_wrap tr td .total span:last-of-type{margin-left:4px; font-size:16px; color:#666;}
.online_shop.summary .detail_step .payment .table_wrap tr input,
.online_shop.summary .detail_step .payment .table_wrap tr select{width:240px;}
.online_shop.summary .detail_step .payment .bot_box{padding:20px 24px 23px 0; text-align:right; background-color:#F1F3F5; border-radius:8px;}
.online_shop.summary .detail_step .payment .bot_box p{font-size:0;}
.online_shop.summary .detail_step .payment .bot_box span{display:inline-block; vertical-align:top; font-size:18px; font-weight:400; line-height:36px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .detail_step .payment .bot_box .total_price span{font-size:24px; font-weight:bold;}
.online_shop.summary .detail_step .payment .bot_box .total_price span:first-of-type{margin:0 4px 0 12px; font-size:18px; font-weight:400;}

/*** step5 ºÎ´ëºñ¿ë ***/
.online_shop.summary .detail_step .regist_fee .select_group{display:flex; align-items:center;}
.online_shop.summary .detail_step #bondDiscountWrap{margin-left:12px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}

/*** À¯ÀÇ»çÇ× ***/
.online_shop .notice h3{font-size:18px; line-height:24px; font-weight:bold; letter-spacing:-0.2px; color:#222;}
.online_shop .notice .notice_wrap{padding:0; background:transparent;}
.online_shop .notice .notice_list li + li{margin-top:4px;}
.online_shop .notice .notice_list li p{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop .notice .dot_type li{padding-left:0;}
.online_shop .notice .dot_type li p{position:relative; padding-left:8px;}
.online_shop .notice .dot_type li p::before{content:""; display:block; position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#666;}

/*** °ßÀû ¿ä¾à ***/
.online_shop.summary .estimate_step .sec_top_box{padding:119px 88px 68px 88px; background-color:#F1F3F5; border-bottom:1px solid #D9D9D9;}
.online_shop.summary .estimate_step .sec_top_box .top_box{width:100%; max-width:1360px; margin:0 auto;}
.online_shop.summary .estimate_step .sec_top_box .car_info{display:flex; align-items:center; justify-content:space-between; width:100%; height:160px; padding-left:40px; background-color:#DBE0E4}
.online_shop.summary .estimate_step .sec_top_box .car_info .name_box strong{display:block; font-size:40px; font-weight:bold; color:#222; text-transform:uppercase;}
.online_shop.summary .estimate_step .sec_top_box .car_info .name_box span{font-size:40px; font-weight:400; color:#222;}
.online_shop.summary .estimate_step .sec_top_box .car_info .img_box{width:50%;}
.online_shop.summary .estimate_step .sec_top_box .car_info .img_box img{width:100%;}

.online_shop.summary .estimate_step .sec_top_box .inside_img{position:relative; margin-top:107px; font-size:0;}
.online_shop.summary .estimate_step .sec_top_box .inside_img li{display:inline-block; vertical-align:top; width:calc(33.333333% - 3.333333px); margin-right:5px;}
.online_shop.summary .estimate_step .sec_top_box .inside_img li:last-of-type{margin-right:0;}
.online_shop.summary .estimate_step .sec_top_box .inside_img li img{width:100%;}

.online_shop.summary .estimate_step .sec_bot_box{position:relative;}
.online_shop.summary .estimate_step .interim_total{width:calc(100% - 520px); max-width:inherit; background-color:#F1F3F5; padding:64px 40px 80px 40px;}
.online_shop.summary .estimate_step .acco_sec .top_total .price_box .total_price{width:auto; margin-left:auto;}
.online_shop.summary .estimate_step .carinfo_wrap .top_wrap{border-radius:8px; background-color:#F1F3F5; padding:0 20px;}
.online_shop.summary .estimate_step .carinfo_wrap .top_box{border-radius:0;}
.online_shop.summary .estimate_step .carinfo_wrap .top_box .txt_box{padding-left:0;}
.online_shop.summary .estimate_step .carinfo_wrap .total_price{padding:20px 0; border-radius:0; margin-top:0; border-top:1px solid #D9D9D9;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap{margin-top:20px; font-size:0; text-align:center;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn{display:inline-block; vertical-align:top; width:50%; height:auto; margin:0; padding:24px 0; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#fff; text-align:center;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn.save_btn{position:relative; background-color:#222; border-radius:12px 0 0 12px;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn.save_btn::after{content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); display:block; width:1px; height:14px; background-color:#D9D9D9;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn.application_btn{background-color:#222; border-radius:0 12px 12px 0;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn.order_btn{display:block; width:100%; margin-bottom:12px; color: #fff; background-color:#222; border-radius:12px;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box{margin-top:32px; font-size:0;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box a{position:relative; display:inline-block; vertical-align:top; width:50%; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box a::after{content:""; display:inline-block; vertical-align:middle; margin:-5px 0 0 4px; width:20px; height:20px;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box .download_btn::after{background:url(/httpobject/cad_images/onlineShop/summary/download_btn.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box .email_btn::after{background:url(/httpobject/cad_images/onlineShop/summary/email_btn.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box .email_btn::before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); display:block; width:1px; height:14px; background-color:#666;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .desc{margin-top:20px; font-size:16px; line-height:24px; letter-spacing:-0.4px; color:#999; text-align:center;}
.online_shop.summary .estimate_step .carinfo_wrap .car_info .desc + .desc{margin-top:5px;}
.online_shop.summary .estimate_step #midSummaryWrap{width:100%; max-width:840px; margin:0 auto;}
.online_shop.summary .estimate_step #midSummaryWrap > div + div{margin-top:60px;}
.online_shop.summary .estimate_step .set_summary .info_inner{display:none; width:100%; margin-top:19px; padding:32px 32px 40px 32px; border:1px solid #000; background-color:#fff; border-radius:12px;}
.online_shop.summary .estimate_step .set_summary.active .info_inner{display:block;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimatePrice"] .info_inner{margin-top:36px;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimatePrice"] .top_total{display: block;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimatePrice"] .top_total.line_2>div{display:flex;align-items:center;justify-content:space-between;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimatePrice"] .top_total .excise_tax{font-size: 16px;color: #222;text-align: right;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total{display: block;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total .price_box .total_price{width:189px; margin-left:8px;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total .price_box p + p{margin-top:4px;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total .price_box p:nth-of-type(2) span{color:#666;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total .price_box p:nth-of-type(2) .empty_value{font-weight:400;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .info_inner dl .box .price{display:flex; justify-content:flex-end; width:100%;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .info_inner dl .box .price + .price{margin-top:4px;}
.online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .info_inner dl .box .price .chevy{width:108px; margin-left:8px;}


.online_shop.summary .estimate_step .set_summary .info_inner dl{font-size:0;}
.online_shop.summary .estimate_step .set_summary .info_inner dl:nth-of-type(n+2){margin-top:20px;}
.online_shop.summary .estimate_step .set_summary .info_inner dl > *{display:inline-block; vertical-align:top;}
.online_shop.summary .estimate_step .set_summary .info_inner dl dt{width:140px; font-size:16px; font-weight:400; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop.summary .estimate_step .set_summary .info_inner dl dd{width:calc(100% - 140px); font-size:0;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .box > *{display:inline-block; vertical-align:top;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .txt{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666; text-align:right;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .price{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666; text-align:right;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .price.black{color:#222; font-weight:500;}
.online_shop.summary .estimate_step .set_summary .info_inner .desc{margin-top:8px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#999;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .box .txt{width:calc(100% - 250px); text-align:left;}
.online_shop.summary .estimate_step .set_summary .info_inner dl .box .price{width:250px;}
.online_shop.summary .estimate_step #midSummaryWrap .interim_total_price{margin-top:40px;}
.online_shop.summary .estimate_step .notice{width:100%; max-width:840px; margin:80px auto 0;}

#mailPopup{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1000;}
#mailPopup.active{display:block;}
#mailPopup .bg{position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
#mailPopup .cont{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:880px; padding:80px 0 100px; border-radius:12px; background-color:#F1F3F5; text-align:center;}
#mailPopup .cont .top_close{display:block; position:absolute; top:24px; right:20px; width:36px; height:36px;}
#mailPopup .cont .top_close img{width:100%;}
#mailPopup .cont strong{display:block; font-size:28px; line-height:40px; letter-spacing:-0.2px; color:#222;}
#mailPopup .cont p{margin-top:12px; font-size:18px; line-height:26px; letter-spacing:-0.2px; color:#666;}
#mailPopup .cont .input_wrap{display:flex; align-items:center; justify-content:center; margin-top:48px;}
#mailPopup .cont .input_wrap > *{margin-right:12px;}
#mailPopup .cont .input_wrap .w240{width:240px;}
#mailPopup .cont .input_wrap .w194{width:194px;}
#mailPopup .cont .input_wrap .input_item input{width:100%; border:1px solid #999; border-radius:8px; padding-left:16px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
#mailPopup .cont .input_wrap .input_item input::placeholder{color:#aaa;}
#mailPopup .cont .input_wrap .symbol{font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#666;}
#mailPopup .cont .input_wrap .select_group select{width:100%; padding-left:16px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
#mailPopup .cont .input_wrap .email_share{width:100px; padding:18px 0; background-color:#666; margin-right:0; border-radius:8px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#fff;}

#mailPopup .type_wrap .type{display:none;}
#mailPopup .type_wrap .type.on{display:block;}
#mailPopup .type_wrap .type2 .btn_wrap{margin-top:48px; font-size:0; text-align:center;}
#mailPopup .type_wrap .type2 .btn_wrap a{display:inline-block; vertical-align:top; width:140px; margin:0 10px; padding:18px 0; background-color:#666; border-radius:8px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#fff;}






@media all and (max-width:1280px){
    .mt16{margin-top:12px;}
    .summary .interim_total_price{padding:32px;}
    .summary .interim_total_price .total_wrap .total_txt{font-size:14px;}
    .summary .interim_total_price .total_wrap .total_txt span{font-size:12px;}
    .summary .interim_total_price .total_wrap .total{font-size:24px; line-height:24px;}
    .summary .interim_total_price .total_wrap .total span{font-size:20px;}

    .online_shop.summary .step_cover .acco_sec .top_total h3{font-size:20px; line-height:36px;}
    .online_shop.summary .step_cover .acco_sec .top_total .price_box{font-size:14px;}
    .online_shop.summary .step_cover .acco_sec .top_total .price_box span{line-height:36px;}
    .online_shop.summary .step_cover .acco_sec .top_total .price_box .total_price{width:132px; margin-left:4px;}
    .online_shop.summary .step_cover .acco_sec .top_total .price_box .empty_value{font-size:20px;}
    .online_shop.summary .step_cover .info_list{margin-top:24px;}
    .online_shop.summary .step_cover .info_list li p{font-size:12px; line-height:20px;}
    .online_shop.summary .step_cover .info_list li p::before{font-size:12px; line-height:20px;} 
    .online_shop.summary .step_cover .info_list li + li{margin-top:2px;}
    .online_shop.summary .step_cover .none_txt{font-size:14px; line-height:19px;}
    .online_shop.summary .bot_total{display:none; width:100%; margin-top:24px; padding:12px 20px; border-radius:8px;}
    .online_shop.summary .bot_total .box + .box{margin-top:6px;}
    .online_shop.summary .bot_total .box > p{font-size:12px; line-height:20px;}
    .online_shop.summary .bot_total .box .price_box{font-size:14px; line-height:20px;}

    .online_shop.summary .step_cover .carinfo_wrap .carinfo_box{padding:32px;}
    .online_shop.summary .step_cover .carinfo_wrap .top_box{height:96px;}
    .online_shop.summary .step_cover .carinfo_wrap .top_box .txt_box{width:calc(100% - 168px);}
    .online_shop.summary .step_cover .carinfo_wrap .top_box .txt_box span{font-size:12px; line-height:19px;}
    .online_shop.summary .step_cover .carinfo_wrap .top_box h4{margin-top:4px; font-size:16px; line-height:23px;}
    .online_shop.summary .step_cover .carinfo_wrap .top_box .img_box{display:flex; align-items:center; width:168px; padding:0 14px;}

    /*** À¯ÀÇ»çÇ× ***/
    .online_shop .notice h3{font-size:14px; line-height:20px;}
    .online_shop .notice .notice_list li p{font-size:14px; line-height:20px;}
    .online_shop .notice .notice_list li + li{margin-top:4px;}
    .online_shop .notice .dot_type li p::before{top:9px;}

    .online_shop.summary .step_cover .carinfo_wrap{width:416px;}
    .online_shop.summary .step_cover .carinfo_wrap .carinfo_box{padding-bottom:32px;}
    .online_shop.summary .step_cover .carinfo_wrap .carinfo_box.active{width:416px;}
    .online_shop.summary .step_cover .carinfo_wrap .carinfo_box.end{bottom:72px;}
    .online_shop.summary .step_cover .carinfo_wrap .total_price{margin-top:14px; padding:12px 16px;}
    .online_shop.summary .step_cover .carinfo_wrap .total_price p{font-size:12px; line-height:19px;}
    .online_shop.summary .step_cover .carinfo_wrap .total_price .excise_tax{font-size: 12px}
    .online_shop.summary .step_cover .carinfo_wrap .total_price .price_box span{font-size:16px; line-height:28px;}
    .online_shop.summary .step_cover .carinfo_wrap .total_price .price_box span:first-of-type{margin:3px 4px 0 0; font-size:12px;}

    /***»ó¼¼ °ßÀû***/
    .online_shop.summary .detail_step .summary_form{width:calc(100% - 416px); padding-top:65px; padding-bottom:120px;}
    .online_shop.summary .detail_step .acco_sec .info_inner{padding:8px 32px 12px 32px;}
    .online_shop.summary .detail_step .acco_sec .info_inner .cont{padding:24px 0;}
    .online_shop.summary .detail_step .acco_sec .info_inner .tit_box > strong{font-size:16px; line-height:20px;}
    .online_shop.summary .detail_step .acco_sec .info_inner .tit_box{margin-bottom:12px;}
    .online_shop.summary .detail_step .acco_sec .info_inner .tit_box.mb24{margin-bottom:18px;}
    .online_shop.summary .check_group .check_item + .check_item{margin-top:13px;}
    .online_shop.summary select{width:280px; height:48px; padding:0 12px 0 14px; font-size:14px; line-height:19px; letter-spacing:-0.2px; color:#222; background-size:22px; border-radius:8px;}
    .online_shop.summary input{height:48px; padding:0 14px; font-size:14px; line-height:19px;}

    
    .online_shop.summary .detail_step .section{margin-top:32px;}
    .online_shop.summary .detail_step button{width:92px; height:48px; font-size:14px; line-height:48px;}

    .online_shop.summary .detail_step .pay_benefits #productSelect{margin-top:18px;}
    .online_shop.summary .detail_step .pay_benefits .payment_installment .desc_list{margin-top:24px;}
    .online_shop.summary .detail_step .pay_benefits .payment_installment .desc_list .desc{font-size:12px; line-height:20px;}


    .online_shop.summary .detail_step .point .point_center .holding .txt{width:57px; font-size:14px; line-height:19px;}
    .online_shop.summary .detail_step .point .point_center .holding .holding_point{width:calc(100% - 57px); font-size:14px; line-height:20px;}

    .online_shop.summary .detail_step .carinfo_wrap .info_box .info_type + .info_type{margin-top:14px;}
    .online_shop.summary .detail_step .carinfo_wrap .info_box .info_type > span{font-size:10px; line-height:20px;}
    .online_shop.summary .detail_step .carinfo_wrap .info_box .info_type dl > *{font-size:12px; line-height:19px;}


    /*** step1 °áÁ¦¹æ½Ä ¹× ±¸¸ÅÇýÅà ***/
    .online_shop.summary .detail_step .pay_benefits{margin-top:0;}

    /*** step2 ÇÒÀÎ ***/
    .online_shop.summary .detail_step .discount #repurchase_type{padding-left:28px;}

    /*** step4 ÇÒºÎ±Ý °è»ê ***/
    .online_shop.summary .detail_step .payment .info_inner .cont{padding-top:0;}
    .online_shop.summary .detail_step .payment .payment_name{font-size:14px; line-height:19px;}
    .online_shop.summary .detail_step .payment .payment_area span{font-size:14px; line-height:19px;}
    .online_shop.summary .detail_step .payment .table_wrap{padding:13px 0 15px;}
    .online_shop.summary .detail_step .payment .table_wrap colgroup .col1{width:84px;}
    .online_shop.summary .detail_step .payment .table_wrap colgroup .col2{width:192px;}
    .online_shop.summary .detail_step .payment .table_wrap colgroup .col3{width:228px;}
    .online_shop.summary .detail_step .payment .table_wrap colgroup .col4{width:192px;}
    .online_shop.summary .detail_step .payment .table_wrap tr td{padding:9px 0; font-size:14px; line-height:20px; letter-spacing:-0.4px;}
    .online_shop.summary .detail_step .payment .table_wrap tr td:nth-of-type(3){padding-left:132px;}
    .online_shop.summary .detail_step .payment .table_wrap tr .tit p{font-size:12px;}
    .online_shop.summary .detail_step .payment .table_wrap tr td .total span:last-of-type{font-size:12px;}
    .online_shop.summary .detail_step .payment .table_wrap tr input,
    .online_shop.summary .detail_step .payment .table_wrap tr select{width:192px;}
    .online_shop.summary .detail_step .payment .bot_box{padding:12px 20px;}
    .online_shop.summary .detail_step .payment .bot_box span{font-size:14px; line-height:28px;}
    .online_shop.summary .detail_step .payment .bot_box .total_price span{font-size:20px;}
    .online_shop.summary .detail_step .payment .bot_box .total_price span:first-of-type{font-size:14px;}

    .online_shop.summary .detail_step .payment .bot_box span{font-size:14px; line-height:30px; letter-spacing:-0.2px;}
    .online_shop.summary .detail_step .payment .bot_box .total_price span:first-of-type{margin:0 4px 0 12px;}

    .online_shop.summary .detail_step .fix_bot_box{height:72px;}
    .online_shop.summary .detail_step .fix_bot_box .fix_total{width:calc(100% - 416px);}
    .online_shop.summary .detail_step .fix_bot_box .fix_total .inner strong{font-size:20px; line-height:32px;}
    .online_shop.summary .detail_step .fix_bot_box .fix_total .price_total p{font-size:12px; line-height:20px;}
    .online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box{margin-left:12px}
    .online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box span{font-size:24px; line-height:20px;}
    .online_shop.summary .detail_step .fix_bot_box .fix_total .price_total .box span:first-of-type{font-size:18px;}
    .online_shop.summary .detail_step .fix_bot_box .btn_wrap{width:416px; padding:0 32px;}
    .online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_group{/*width:232px;*/ width: 100%;}
    .online_shop.summary .detail_step .fix_bot_box .btn_wrap .btn_link{padding:15px 0; font-size:14px; line-height:19px; border-radius:8px;}

    .online_shop.summary .estimate_step .acco_sec .top_total .price_box .total_price{width:auto;}
    .online_shop.summary .estimate_step .set_summary[data-summary="estimatePrice"] .top_total .excise_tax{font-size: 12px;}
    .online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .top_total .price_box .total_price{width:155px; margin-left:4px;}
    .online_shop.summary .estimate_step .set_summary[data-summary="estimateregist"] .info_inner dl .box .price .chevy{width:88px; margin-left:4px;}

    .online_shop.summary .estimate_step .carinfo_wrap .top_box h4{margin-top:0;}
    .online_shop.summary .estimate_step .carinfo_wrap .total_price{padding:14px 0px; margin-top:0;}
    .online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap{margin-top:16px;}
    .online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .btn{padding:14px 0; font-size:14px;}
    .online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box{margin-top:16px;}
    .online_shop.summary .estimate_step .carinfo_wrap .car_info .btn_wrap .share_btn_box a{font-size:12px;}
    .online_shop.summary .estimate_step .carinfo_wrap .car_info .desc{margin-top:16px; font-size:12px; line-height:24px;}

    .online_shop.summary .estimate_step .sec_top_box{padding:70px 150px 50px 150px;}
    .online_shop.summary .estimate_step .sec_top_box .car_info{height:120px;}
    .online_shop.summary .estimate_step .sec_top_box .car_info .name_box strong{font-size:28px;}
    .online_shop.summary .estimate_step .sec_top_box .car_info .name_box span{font-size:28px;}
    /* .online_shop.summary .estimate_step .sec_top_box .car_info .img_box{width:45.598%; padding-top:22.799%;} */
    .online_shop.summary .estimate_step .sec_top_box .inside_img{margin-top:60px;}
    .online_shop.summary .estimate_step .interim_total{width:calc(100% - 416px);}
    .online_shop.summary .estimate_step .set_summary .info_inner dl dt{width:120px; font-size:12px; line-height:24px;}
    .online_shop.summary .estimate_step .set_summary .info_inner dl dd{width:calc(100% - 120px);}
    .online_shop.summary .estimate_step .set_summary .info_inner dl .txt{font-size:12px; line-height:24px;}
    .online_shop.summary .estimate_step .set_summary .info_inner dl .price{font-size:12px; line-height:24px;}
    .online_shop.summary .estimate_step .set_summary .info_inner dl .box .txt{width:calc(100% - 150px);}
    .online_shop.summary .estimate_step .set_summary .info_inner dl .box .price{width:150px;}
    .online_shop.summary .estimate_step .set_summary .info_inner .desc{margin-top:4px; font-size:12px; line-height:24px;}
    .online_shop.summary .estimate_step #midSummaryWrap .interim_total_price{margin-top:32px;}
    .online_shop.summary .estimate_step .notice{margin:64px auto 0;}

    /*** step5 ºÎ´ëºñ¿ë ***/
    .online_shop.summary .detail_step #bondDiscountWrap{font-size:12px; line-height:20px;}
}


/********************************************** ÁÖ¹®¼­ ÀÛ¼º **********************************************/
.online_shop .essential{display:inline-block; vertical-align:top; margin-left:2px; font-size:14px; font-weight:bold; letter-spacing:-0.2px; color:#3B7CBD;}
.online_shop .agree_list li{padding:12px 0;}
.online_shop .agree_list li + li{border-top:1px solid #D9D9D9;}
.online_shop .agree_list li:first-of-type{padding-top:0 !important;}
.online_shop .desc_list{margin-top:14px;}
.online_shop .desc_list li{font-size:12px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop .info_box{padding:32px 0;}
.online_shop .info_box + .info_box{border-top:1px solid #D9D9D9;}
.online_shop .info_box:first-of-type{padding-top:0;}
.online_shop .info_box:last-of-type{padding-bottom:0;}
.online_shop .notice h3{padding-bottom:10px;}
.online_shop .btn_wrap.mt{margin-top:84px;}
.online_shop .btn_group{float:none; font-size:0;}
.online_shop .btn_group.one_type > *{display:block; width:100%;}
.online_shop .btn_group.two_type > *{display:inline-block; vertical-align:top;}
.online_shop .btn_group.two_type > *{width:calc(50% - 6px);}
.online_shop .btn_group.three_type > * {width:201px;}
.online_shop .btn_group.three_type .btn_order{width:414px;}
.online_shop .btn_group:not(.one_type) button + button,
.online_shop .btn_group:not(.one_type) a + a,
.online_shop .btn_group:not(.one_type) a + button,
.online_shop .btn_group:not(.one_type) button + a{margin-left:12px;}
.online_shop .btn_group button,
.online_shop .btn_group a{padding:24px 0; border-radius:12px; font-size:18px; line-height:24px; letter-spacing:-0.2px; text-align:center;}
.online_shop .btn_group .btn_link::after{display:none; position:static; width:24px; height:24px; margin:0; border:0; transform:none;}
.online_shop .btn_group .after_btn{background-color:#666;}
.online_shop .btn_group .disabled{background-color:#666; color:#fff;}
.online_shop .btn_group button.btn_prev::before{content:""; display:inline-block; vertical-align:middle; width:24px; height:24px; margin:-4px 4px 0 0; background:url(/httpobject/cad_images/onlineShop/contract/arrow_prev.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop .btn_group button.btn_next::after{display:inline-block; vertical-align:middle; margin:-4px 0 0 4px; background:url(/httpobject/cad_images/onlineShop/contract/arrow_next.png) 0 0 no-repeat; background-size:100% 100%;}

.online_shop .section_area{max-width:840px; margin:0 auto; padding:0;}
.online_shop .agree_info_wrap .agree_list > li{padding:12px 0; font-size:0;}
.online_shop .agree_info_wrap .agree_list.flex li{display:flex; align-items:center;}
.online_shop .agree_list .check_group{display:flex; align-items:center; width:100%; margin-left:0;}
.online_shop .agree_list .check_item{margin:0; width:calc(100% - 84px); padding-right:20px; vertical-align:middle;}
.online_shop .agree_list .check_item.w_full{width:100%; padding-right:0;}
.online_shop .agree_list.check_item label{font-weight:500; color:#444;}
.online_shop .agree_list .agree_btn{display:inline-block; vertical-align:middle; width:84px; border-radius:8px; background-color:#666; padding:4px 0; font-size:14px; line-height:24px; letter-spacing:-0.2px; color:#fff; text-align:center;}
.online_shop .btn{width:100px; height:60px; margin-left:8px; border-radius:8px; background-color:#666; font-size:18px; line-height:60px; letter-spacing:-0.2px;}
.online_shop .re_send{position:relative;}
.online_shop .re_send::before{content:""; display:inline-block; vertical-align:middle; margin:-7px 6px 0 0; width:18px; height:22px; background:url(/httpobject/cad_images/onlineShop/contract/re_send_icon.png) 0 0 no-repeat; background-size:100% 100%;}
.online_shop .time_txt{position:absolute; top:18px; right:16px; font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#F00;}
.online_shop .info_box .default_txt{display:block; width:240px; padding:18px 16px; border-radius:8px; background-color:#F1F3F5; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop .radio_group .radio_item + .radio_item{margin-top:9px;}

/* ¹ýÁ¤´ë¸®ÀÎ */
.online_shop .agree_info_wrap .top_wrap h3{padding-bottom:24px; font-size:22px; font-weight:bold; letter-spacing:-0.2px; color:#222;}
.online_shop .desc_list{margin-top:16px;}
.online_shop .desc_list li{font-size:16px; line-height:24px; letter-spacing:-0.2px; color:#666;}
.online_shop .birth_date_wrap{font-size:0;}
.online_shop .agentRelations_wrap{font-size:0;}
.online_shop .minor_info_wrap .agree_list > li:nth-of-type(2){margin-top:20px; padding-top:32px;}
.online_shop .minor_info_wrap .info_box > strong{font-size:20px;}
.online_shop .minor_info_wrap .flex{display:flex; align-items:center;}
.online_shop .minor_info_wrap .flex > strong{width:180px; margin-bottom:0;}
.online_shop .minor_info_wrap .desc_list{margin-top:10px;}

.online_shop .info_box{font-size:0;}
.online_shop .info_box.two dl{display:inline-block; vertical-align:top; width:calc(50% - 19px);}
.online_shop .info_box.two dl:first-of-type{margin-right:38px;}
.online_shop .info_box dl dt{display:flex; align-items:center; margin-bottom:16px;}
.online_shop .info_box dl dt span{font-size:20px; font-weight:bold; line-height:24px; letter-spacing:-0.2px; color:#222;}
.online_shop .info_box dl dt .tooltip_btn{margin-left:2px;}
.online_shop .info_box dl dd{width:100%;}
.online_shop .info_box dl .default_txt{width:100% !important;}
.online_shop .info_box dl input{width:100%; height:60px; padding:0 12px 0 16px; font-size:18px; line-height:24px; letter-spacing:-0.2px; color:#222; border-radius:8px; border:1px solid #999;}
.online_shop .info_box dl input.w_full{width:100%;}
.online_shop .info_box dl .corporation input{width:100%; height:60px;}
.online_shop .info_box dl .cert_phone_wrap .default_txt{display:inline-block; vertical-align:top; width:252px !important;}
.online_shop .info_box dl .resident_registration_wrap .input_item input{width:174px;}
.online_shop .info_box dl .cert_phone_wrap input{width:78.6px;}
.online_shop .info_box dl .cert_phone_wrap .phone_num.on input{width:114.6px;}
.online_shop .info_box dl .cert_phone_wrap input + input{margin-left:8px;}
.online_shop .info_box dl .cert_phone_wrap .phone_num_chk{margin-top:12px;}
.online_shop .info_box dl .cert_phone_wrap .phone_num_chk .box{display:inline-block; vertical-align:top; position:relative;}
.online_shop .info_box dl .cert_phone_wrap .phone_num_chk input{width:252px;}
.online_shop .info_box dl .cert_phone_wrap .phone_num_chk input::placeholder{font-size:16px;}

.online_shop #taxCheckArea{padding-bottom:0;}
.online_shop .tabCont{margin-top:32px;}
.online_shop .tabCont .info_box:first-of-type{padding-top:32px; border-top:1px solid #D9D9D9;}
.online_shop .tabCont dl .cert_phone_wrap input{width:114px;}
.online_shop .tabCont dl .privacy_area{font-size:0;}
.online_shop .tabCont dl .privacy_area .input_item{display:inline-block; vertical-align:top; width:114px;}
.online_shop .tabCont dl .privacy_area .input_item + .input_item{margin-left:8px;}

.online_shop .agree_info_wrap + .agree_info_wrap{padding-top:32px; margin-top:20px; border-top:1px solid #D9D9D9;}
.online_shop .agree_info_wrap:first-of-type{padding-top:0;}
.online_shop .agree_info_wrap:last-of-type{padding-bottom:0;}
.online_shop .agree_info_wrap .sec_top_wrap{margin-bottom:32px;}
.online_shop .agree_info_wrap .sec_top_wrap .tit{font-size:22px; font-weight:bold; color:#222; letter-spacing:-0.2px;}
.online_shop .agree_info_wrap .cont_wrap .check_item{margin:0;}
.online_shop .agree_info_wrap .cont_wrap .box{display:flex; align-items:center; justify-content:space-between;}
.online_shop .agree_info_wrap .cont_wrap .box .w_auto{width:auto;}
.online_shop .agree_info_wrap .cont_wrap .box p{font-size:16px; letter-spacing:-0.2px; color:#666;}
.online_shop .agree_info_wrap .cont_wrap .agree_list:not(.type1){margin-top:32px; padding-left:40px;}
.online_shop .agree_info_wrap .cont_wrap .agree_list:not(.type1) .check_item label{font-size:16px; font-weight:400; color:#666;}
.online_shop .agree_info_wrap .cont_wrap .agree_list strong{display:inline-block; vertical-align:top; margin-bottom:8px; font-size:16px; font-weight:bold; color:#444; letter-spacing:-0.2px;}
.online_shop .agree_info_wrap .cont_wrap .agree_list .desc{padding-left:40px; margin-top:10px; font-size:14px; font-weight:400; color:#888; line-height:20px; letter-spacing:-0.2px;}
.online_shop .agree_info_wrap .cont_wrap .agree_list .desc a{text-decoration-line: underline;}
.online_shop .agree_info_wrap .cont_wrap .agree_list .radio_group{margin:0;}
.online_shop .agree_info_wrap .cont_wrap .agree_list .radio_group .radio_item{display:block; margin-left:0; margin-right:0;}

.online_shop .agree_info_wrap.agree_info_desc {margin: 20px 0 32px;padding-top: 0;border-top: 0;}
.online_shop .agree_info_desc .desc {padding-left: 42px;font-size:14px; font-weight:400; color:#888; line-height:20px; letter-spacing:-0.2px;}
.online_shop .agree_list li + li:last-child {border-bottom: 1px solid #ddd}

@media all and (max-width:1280px){
    .online_shop .agree_info_wrap .cont_wrap .agree_list:not(.type1){padding-left:28px;}
    .online_shop .agree_info_wrap .cont_wrap .agree_list .desc{padding-left:28px;}
}


.customer_sec .info_inner{padding-top:24px; padding-bottom:16px;}
.customer_sec .option_table th.vertical_top{padding-top:37px;}
.customer_sec .option_table tr input{width:400px;}
.customer_sec .radio_group .radio_item + .radio_item{margin-top:0;}


.online_shop.contract .notice .fs20{font-size:20px; padding-bottom:20px;}
.online_shop.contract .notice .notice_list li{padding-left:0;}
.online_shop.contract .notice .notice_list li::before{display:none;}

.online_shop.signature .sec_inner + .sec_inner{margin-top:40px;}
.online_shop.signature .top_txt{text-align:center;}
.online_shop.signature .top_txt h3{padding-bottom:0; font-size:24px; font-weight:bold; color:#222; letter-spacing:-0.2px;}
.online_shop.signature .sec_inner .custyn.custyn1{background-color:#3B7CBD;}
.online_shop.signature .sec_inner .custyn.custyn2{background-color:#999;}
.online_shop.signature .sec_inner .info_inner th .tit{display: block;}
.online_shop.signature .sec_inner .info_inner th span{display:block;font-size:20px; font-weight:bold;}
.online_shop.signature .sec_inner .info_inner th .btn_cert_popup{display:block;margin-top:4px;font-size:16px;text-decoration-line: underline;font-weight: 400;}
.online_shop.signature .sec_inner .info_inner td .custyn{display:inline-block; vertical-align:middle; margin:-7px 0 0 12px; padding:5px 10px; border-radius:8px; font-size:14px; font-weight:500; color:#fff;}
.online_shop.signature .sec_inner .info_table .tit{display:flex; align-items:center;}
.online_shop.signature .sec_inner .info_table .tit a{margin-left:2px;}
.online_shop.signature .user_info_popup .tit_box{margin-bottom:12px;}
.online_shop.signature .user_info_popup .option_table th span{font-size:20px; font-weight:bold;}

.online_shop.new_signature .info_inner{padding:24px 40px 32px 40px; margin-top:0; border:0; border-radius:0 0 12px 12px;}
.online_shop.new_signature .custyn{display:block; width:100%; padding:5px 0; border-radius:12px 12px 0 0; font-size:14px; font-weight:500; line-height:20px; color:#fff; text-align:center;}
.online_shop.new_signature .sign_cert_wrap .cert_txt{margin-right:0;}


.step_cover.summary{width:840px; margin:0 auto;}
.step_cover.summary .summary_wrap{margin-top:18px; padding:40px 40px 48px 40px; border:1px solid #000; border-radius:12px; background-color:#fff;}
.step_cover.summary #pinWrap{display:flex; align-items:center; width:100%; background-color:#F1F3F5; border-radius:12px;}
.step_cover.summary #carName{width:310px; padding-left:36px; font-size:32px; letter-spacing:-0.2px; line-height:46px; color:#222; font-weight:bold;}
.step_cover.summary #pinWrap .img_box{width:calc(100% - 310px); padding:16px 30px;}
.step_cover.summary #pinWrap .img_box img{width:100%;}
.step_cover.summary .scroll_wrap{padding-top:40px;}
.step_cover.summary .set_summary_inner{display:flex;}
.step_cover.summary .set_summary_inner .left_box{width:278px;}
.step_cover.summary .set_summary_inner .tit{font-size:20px; font-weight:700; letter-spacing:-0.2px; color:#222; line-height:28px;}
.step_cover.summary .set_summary_inner .left_box a{display:block; margin-top:8px; font-size:16px; letter-spacing:-0.2px; text-decoration-line:underline;}
.step_cover.summary .set_summary_inner .inner_wrap{width:calc(100% - 278px);}
.step_cover.summary .set_summary_inner .user_info + .user_info{margin-top:24px; padding-top:24px; border-top:1px solid #D9D9D9;}
.step_cover.summary .set_summary_inner .buyer{display:inline-block; vertical-align:top; padding:5px 10px; border-radius:8px; font-size:14px; font-weight:500; color:#fff;}
.step_cover.summary .set_summary_inner .buyer1{background-color:#3B7CBD;}
.step_cover.summary .set_summary_inner .buyer2{background-color:#999;}
.step_cover.summary .set_summary_inner .info_list{margin-top:12px;}
.step_cover.summary .set_summary_inner .info_list li + li{margin-top:16px;}
.step_cover.summary .set_summary_inner .info_list dl{display:flex;}
.step_cover.summary .set_summary_inner .info_list dl dt{width:120px; font-size:16px; font-weight:500; line-height:24px; letter-spacing:-0.2px; color:#222;}
.step_cover.summary .set_summary_inner .info_list dl dd{width:calc(100% - 120px); text-align:right; font-size:16px; line-height:24px; font-weight:400; letter-spacing:-0.2px; color:#222;}
.step_cover.summary .set_summary_inner .info_list .total dl{align-items:center;}
.step_cover.summary .set_summary_inner .info_list .total dl dt{font-size:18px; line-height:36px; font-weight:700;}
.step_cover.summary .set_summary_inner .info_list .total dl dd p{font-size:24px; font-weight:700; line-height:36px;}
.step_cover.summary .set_summary_inner .info_list .total dl dd span{display:inline-block; vertical-align:top; margin:1px 3px 0 0; font-size:18px; font-weight:400;}


.step_cover.summary .estimate_info{margin-top:32px; padding-top:32px; border-top:1px solid #D9D9D9;}
.step_cover.summary .notice{margin-top:104px;}
.step_cover.summary .sub_txt{font-size:14px; color:#999;}
.step_cover.summary .price{font-family: ChevySans;}
.step_cover.summary .blue{color:#3B7CBD;}

.online_shop .privacy .privacy_area{font-size:0;}
.online_shop .privacy .privacy_area > *{display:inline-block; vertical-align:top;}
.online_shop .privacy .privacy_area .select_group{width:calc(100% - 108px);}
.online_shop .privacy .privacy_area .select_group.w_full{width:100%;}
.online_shop .privacy .privacy_area .select_group.w_full select,
.online_shop .privacy .privacy_area .select_group.w_full input{width:114.6px;}
.online_shop .privacy .privacy_area .input_item{display:inline-block; vertical-align:top;}


.online_shop .privacy .privacy_area.phone .input_item{ margin-left:8px;}
.online_shop .privacy .privacy_area.phone + .phone{margin-top:10px;}
.online_shop .privacy .privacy_area.phone + .phone .select_group{width:100%;}
.online_shop .privacy .privacy_area.phone #authNum{width:calc(100% - 108px);}
.online_shop .privacy .privacy_area.phone select,
.online_shop .privacy .privacy_area.phone input{width:78.6px;}
.online_shop .privacy .privacy_area.phone select{background-position:right 4px center;}
.online_shop .privacy .privacy_area.email .symbol{display:inline-block; vertical-align:top; width:17px; margin:0 4px; font-size:18px; line-height:60px; letter-spacing:-0.2px; color:#222;}
.online_shop .privacy .privacy_area.email .input_item,
.online_shop .privacy .privacy_area.email select{width:205.6px;}
.online_shop .privacy .privacy_area.email select{margin-left:8px;}

.online_shop.signature .notice .notice_list li{padding-left:0;}

.online_shop.payment{padding-top:60px;}
.online_shop.payment .top_area{margin-bottom:60px;}
.online_shop.payment .top_area .subject_area{display:block;}
.online_shop.payment .payment_action_wrap .action_total_wrap{width:28%;}
.online_shop.payment .payment_action_wrap .action_tit_list,
.online_shop.payment .payment_action_wrap .action_bottom_area{padding-left:28%;}
.online_shop.payment .payment_action_wrap .payment_check_inner .step_input{width:100%;}
.online_shop.payment .payment_action_wrap .payment_check_inner .step .btn_wrap{padding:0 10px;}
.online_shop.payment .btn_wrap .btn_payment{width:100%;}

.online_shop.payment-mgmt{padding-top:60px;}
.online_shop.payment-mgmt .notice .notice_wrap{padding:30px 40px; background-color:#f9f9f9;}
.online_shop.payment-mgmt .top_area{margin-bottom:60px;}
.online_shop.payment-mgmt .top_area .subject_area{display:block;}
.online_shop.payment-mgmt .payment_detail_wrap{background-color:#fff;}
.online_shop.payment-mgmt .btn_wrap .btn_payment{height:auto;}




/* @media all and (max-width:1280px){
    .online_shop.contract .essential{font-size:12px;}
    .online_shop.contract .sec_inner{padding:32px;}
    .online_shop.contract .agree_info_wrap .top_wrap h3{font-size:18px;}
    .online_shop.contract .info_box{padding:24px 0;}
    .online_shop.contract .info_box strong{font-size:16px;}
    .online_shop.contract .info_box .default_txt p{padding:12px 16px; font-size:14px;}
    .online_shop.contract .info_box .info_table th span{font-size:14px;}
    .online_shop.contract .info_table td{padding:12px 0;}
    .online_shop.contract .info_table input,
    .online_shop.contract .info_table select{height:48px; font-size:14px;}
    .online_shop.contract .btn{height:48px; font-size:14px; line-height:48px;}
    .online_shop.contract .desc_list li{font-size:12px;}
    .online_shop.contract .btn_wrap.mt{margin-top:48px;}
    .online_shop.contract .btn_group button{padding:12px 0; font-size:14px;}
    .online_shop.contract .btn_group .btn_link::before{width:16px; height:16px;}
    .online_shop.contract .btn_group .btn_link::after{width:16px; height:16px;}
} */