@charset "utf-8";

/* home */
.membership_pic {position:relative;height: 600px; background:url('/images/etc/visual_membership.jpg') no-repeat bottom center; background-size: cover; border-radius: 32px}
.membership_pic .con_txt{position:absolute;top:15%;left:50%;transform:translate(-50%, 0%);text-align: center;color:#fff;}
.membership_pic .con_txt h3{font-size: 24px;font-weight:700;}
.membership_pic .con_txt p{margin:20px 0;font-size:20px;line-height:1.4;}
.membership_pic .con_txt h2{font-family: 'GodoM';font-size:30px;line-height:1.4;font-weight:700;}
.membership_pic .con_txt h2 span{font-family: 'GodoB';font-size:40px;}

.registration_menu_wrap {display: flex; align-items:flex-start; justify-content: space-between; margin: 40px -10px 0;}
.registration_menu_wrap .box_wh {width:calc(100% / 2); margin: 0 10px}
.registration_menu_wrap .box_wh .head {display: flex; align-items:flex-start; justify-content: space-between; height: 50px; border-bottom: 1px solid #eee; font-family: 'Pretendard'}
.registration_menu_wrap .box_wh .cont {padding: 20px 0 0 0}
.registration_menu_wrap .box_wh .cont .data {display: flex; align-items:flex-start; justify-content: space-between; margin-bottom: 10px}
.registration_menu_wrap .box_wh .cont .data em {font-weight: 600}
.registration_menu_wrap .box_wh .cont .data span {color: #9da0a5}
.registration_menu_wrap .box_wh .cont .btn_wrap {margin-top: 20px}
.registration_menu_wrap .box_wh .cont p {color: #999}

.registration_menu_wrap dt {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px}
.registration_menu_wrap dt strong {font-weight: 600;font-size: 20px }
.registration_menu_wrap dt p.price {color: #1778FB !important; font-weight: 600; font-size: 20px }
.registration_menu_wrap dd {color: #9da0a5}

/* 판매신차등록 */
.btn_tab {display: flex; align-items: center; margin: 0 -5px}
.btn_tab li {width: 50%}
.btn_tab li .btn_r {display: block; margin: 0 5px; text-align: center}
.btn_tab_in {position: relative; display: flex; align-items: center; justify-content: center; margin: 0 50px}
.btn_tab_in .btn_move a {display: block; width: 50px; height: 50px; border-radius: 100%}
.btn_tab_in .btn_move.prev {position: absolute; left: -55px; top:50%; transform: translate(0, -50%)}
.btn_tab_in .btn_move.prev a {background:#fff url('/images/ico/arrow/prev.svg') no-repeat center center; background-size: 18px;}
.btn_tab_in .btn_move.next {position: absolute; right: -55px; top:50%; transform: translate(0, -50%)}
.btn_tab_in .btn_move.next a {background:#fff url('/images/ico/arrow/next.svg') no-repeat center center; background-size: 18px;}
.btn_tab_in li {margin: 0 5px}
.page_tab .btn_tab_in {margin-top: 40px}

.model_search {display: flex; align-items: flex-start; justify-content: space-between; background: #fff; overflow: hidden; border-radius: 32px}
.model_search .menu_area {flex-shrink: 0; width: 240px; height: 470px; background: #163989; color: #fff; padding-bottom: 20px}
.model_search .menu_area h3 {display: flex; align-items: center; height: 82px; padding: 0 30px; font-size: 24px; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.09)}
.model_search .menu_area .menu .row {position: relative; display: flex; align-items: center; height: 48px; padding: 0 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.09)}
.model_search .menu_area .menu .row:last-child {border: 0}
.model_search .menu_area .menu .row:before {content: ""; display: block; width:15px; height: 50px; position: absolute; right: 20px; top:50%; transform: translate(0, -50%); background:url('/images/ico/arrow/next_wh.svg') no-repeat center center; background-size: contain; opacity: .3}
.model_search .menu_area .menu .row.on {background: #1778FB}
.model_search .menu_area .menu .row.on:before {opacity: 1}
.model_search .result_area {width: calc(100% - 240px);  height: 470px; overflow-y: scroll}
.model_search .result_area .list {display: flex; align-items: flex-start; flex-wrap: wrap; padding: 10px}
.model_search .result_area .list .row {width: 25%;}
.model_search .result_area .list .car_block {display: flex; align-items: flex-start; flex-direction: column; padding: 20px; border: 1px solid #eee; border-radius: 20px; margin: 10px}
.model_search .result_area .list .car_block:hover {border: 2px solid #1778FB}
.model_search .result_area .list .car_block.on {border: 2px solid #1778FB} /* 23-11-07 LEE추가 */

/* 판매신차등록 2 */
.check_row  {display: flex; align-items: center; justify-content: space-between; height: 50px; border: 1px solid #ddd; border-radius: 50px; padding: 0 20px; box-sizing: border-box}
.check_row label {margin-left: 20px}
.check_row.on {border: 2px solid #1778FB}
.check_row .price {color: #1778FB}
.check_row label {font-size: 18px}
.list_align .row {margin-bottom: 20px}
.list_align .row:last-child {margin: 0}

.color_list {display: flex; align-items: flex-start; flex-wrap: wrap}
.color_list .row {text-align: center; margin:0 20px 20px 0}
.color_list .thumb {position: relative; display: block; width: 100px; height: 100px; border-radius: 10px; border: 1px solid #ddd}
.color_list .name {font-size: 12px; color: #999; margin-top: 10px; word-break:break-all}
.color_list .checked {position: absolute; top:-10px; right: -10px; display: inline-block; width: 40px; height: 40px; background: url('/images/etc/input_check_on.svg') no-repeat center center; display: none}
.color_list .row.on .checked {display: inline-block}
/* 23-11-12 LEE */
.color_list .thumb2 {position: relative; display: block; width: 100px; height: 50px; border-radius: 10px 10px 0px 0px; border: 1px solid #ddd}
.color_list .thumb3 {position: relative; display: block; width: 100px; height: 50px; border-radius: 0px 0px 10px 10px; border: 1px solid #ddd}
/* 23-12-31 LEE 
.popupcont ul {width:100%;}
.color_list li {display: relative; width:25%; text-align: center; margin:0 20px 20px 0; border: 1px solid #ddd}
.color_list .row.on .checked {display: inline-block}
*/
.color_list2 {display: flex; align-items: flex-start; flex-wrap: wrap}
.color_list2 .row {width:17%; text-align: center; margin:0 10px 20px 10px}
.color_list2 .thumb {position: relative; text-align: center; display: block; width: 100px; height: 100px; border-radius: 10px; border: 1px solid #ddd}
.color_list2 .name {position: relative; font-size: 12px; color: #999; margin-top: 10px}
.color_list2 .checked {position: absolute; top:-10px; right: -10px; display: inline-block; width: 40px; height: 40px; background: url('/images/etc/input_check_on.svg') no-repeat center center; display: none}
.color_list2 .row.on .checked {display: inline-block}


.box_wh .block {display: flex; width: 100%;}
/*
.box_wh .block:first-child {border-bottom: 1px solid #ddd; margin-bottom: 30px; padding-bottom: 30px}
.box_wh .block:last-child {border-top: 1px solid #ddd; margin-top: 30px; padding-top: 30px}
*/
.box_wh .block.linespan {border-top: 1px solid #ddd; margin: 30px 0px}

/*
.new_car_regist .select_result {position: relative; background: #F1F6FF; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0px 80px 0 20px; border-radius: 100px;}
*/
.new_car_regist .select_result {position: relative; background: #F1F6FF; height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0px 80px 0 20px; border-radius: 100px;margin-top: 5px;}
.new_car_regist .select_result .ico_delete {position: absolute; right: 20px; top:50%; transform: translate(0, -50%)}
.new_car_regist .select_result .price {color: #1778FB}
.new_car_regist .select_result .name {font-size: 18px}
.new_car_regist .result_area {margin-top: 20px}

.new_car_regist2 .info_box {text-align: center;}
.new_car_regist2 .info_box dt {font-size: 24px; font-weight: 600; margin-bottom: 20px}
.new_car_regist2 .info_box dd {font-weight: 300}

/* 23-12-26 LEE */
.join_step2 {width: 100%}
.join_step2 .list {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; flex-wrap: wrap; padding: 0 100px; box-sizing: border-box}
.join_step2 .list:before {content: ""; height: 2px; background: #ddd; position: absolute; left: 0; right: 0; bottom: 10px}
.join_step2 .list .step {position: relative; width: 50%; text-align: center; background: url('/images/etc/input_check_full.svg') no-repeat bottom center; background-size: 20px; padding-bottom: 30px; z-index: 1; color: #9da0a5}
.join_step2 .list .step.on {background: url('/images/etc/input_check_navy.svg') no-repeat bottom center; background-size: 20px; color: #163989; font-weight: 600}
/* 23-12-26 LEE */

/* 나의등록신차 MY */
.new_car_my .box_navy {padding: 20px 40px}
.new_car_my .box_navy2 {padding: 20px 40px}	/* 24-07-27 LEE */
.new_car_my .myData {display: flex; flex-wrap: wrap; height: 50px}
.new_car_my .myData .data {display: flex; width:calc(95% - 31px); align-items: center; justify-content: space-between;}
.new_car_my .myData .data em {color: #B7CFFF}
.new_car_my .myData .data strong {font-size: 20px; font-weight: 600}
.new_car_my .myData .sp {margin: 0 20px; border-left: 1px solid rgba(221, 221, 221, 0.3)}
/*
.new_car_my .myData .data:first-child {width:calc(50% - 31px); padding-right: 30px; border-right: 1px solid rgba(221, 221, 221, 0.3)}
.new_car_my .myData .data:last-child {width:calc(50% - 30px); margin-left: 30px;}
*/

.tbl_sorting {padding-bottom: 15px; border-bottom: 1px solid #d5d7da}
.tbl_sorting {display: flex; align-items: center; justify-content: space-between}
.page_up_down {display: flex; align-items: center;}
.page_up_down .btn {display: flex; align-items: center; justify-content: center; height: 30px; box-sizing: border-box; border: 1px solid #d5d7da; border-radius: 50px; padding: 0 10px; margin-right: 5px; font-size: 12px; color: #9da0a5}
.page_up_down .btn i {display: block; width: 6px; height: 12px; margin: 0 2px; background: url('/images/ico/arrow/page_up.svg') no-repeat center center; background-size: contain}
.page_up_down .btn i.down {background: url('/images/ico/arrow/page_down.svg') no-repeat center center; background-size: contain}
/* 23-11-21 LEE */
.page_up_down .btn.on {border:1px solid #163989; color: #163989;}
.up {display: inline flex; width: 6px; height: 12px; margin-left: 4px; background: url('/images/ico/arrow/page_up.svg') no-repeat center center; background-size: contain}
.down {display: inline flex; width: 6px; height: 12px; margin-left: 4px; background: url('/images/ico/arrow/page_down.svg') no-repeat center center; background-size: contain}
/* 23-11-21 LEE */

.tbl_sorting .btn_wrap {display: flex; align-items: center;}
.tbl_sorting .btn_wrap a {margin-left: 5px}
.tbl_sorting .work_sum {display: flex; align-items: center;}
.tbl_sorting .work_sum li {padding-right: 10px; margin-right: 10px; border-right: 1px solid #ddd}
.tbl_sorting .work_sum li:last-child {margin: 0; padding: 0; border: 0}
.tbl_sorting .work_sum li em {color: #1778FB; font-weight: 600;}
.tbl_sorting .sorting_check {display: flex; align-items: center;}
.tbl_sorting .sorting_check .check_full {width: 20px; height: 20px; margin-right: 5px}
.tbl_sorting .sorting_check span {display: flex; align-items: center; margin-left: 20px}

.result_wrap {}
/*.result_row {position: relative; padding:40px 0 40px 50px; border-bottom: 1px solid #ddd}*/
.result_row {position: relative; padding:30px 0 30px 50px; border-bottom: 1px solid #ddd}
.result_row .checkbox {position: absolute; left: 0; top:40px}
.result_row .head {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.result_row .head .page_ctr {display: flex; align-items: center;}
.result_row .head .btn_wrap {display: flex; align-items: center;}
.result_row .head .btn_wrap a {margin-left: 5px}
.result_row .head .name {font-size: 22px; font-weight: 600}

.detail_list {display: flex; align-items: flex-start; flex-wrap: wrap; margin: 20px 0 -10px}
.detail_list li {width: 50%; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 10px 0}
.detail_list li.blue {color: #1778FB}
.detail_list li.blue em {color: #000}
.detail_list em {font-weight: 600; width: 100px; flex-shrink: 0}
/* 23-11-20 LEE */
.detail_list2 {display: flex; align-items: flex-start; flex-wrap: wrap; margin: 20px 0 -10px}
.detail_list2 .title {width: 80%; display: flex; align-items: flex-start; flex-wrap: wrap; margin: 5px 0}
.detail_list2 .price {width: 20%; text-align: right; align-items: flex-start; flex-wrap: wrap; margin: 5px 0}
.detail_list2 em {font-weight: 600; width: 100px; flex-shrink: 0}


/* 등록신차검색 */
.new_car_search .box_navy {padding: 20px 40px}
.new_car_search .myData {display: flex; flex-wrap: wrap; height: 50px}
.new_car_search .myData .data {display: flex; align-items: center; justify-content: space-between}
.new_car_search .myData .data em {color: #B7CFFF}
.new_car_search .myData .data strong {font-size: 20px; font-weight: 600}
.new_car_search .myData .data:first-child {width:calc(49% - 31px); padding-right: 30px; border-right: 1px solid rgba(221, 221, 221, 0.3)}
.new_car_search .myData .data:last-child {width:calc(49% - 30px); margin-left: 30px;}

/* 24-01-02 LEE */
.consult .box_navy {padding: 20px 40px}
.consult .detail_bt2{width:100%;margin:10px 0 0 0;padding:10px 5px;border-top:1px solid #ddd;border-radius:10px;background:#F1F6FF;box-sizing: border-box;}
.consult .detail_bt2 .cont{display:flex;}
.consult .detail_bt2 .cont_top{display:flex;width:30%;align-items: center;}
.consult .detail_bt2 .txt{font-size:14px;color: #808080;}
.consult .detail_bt2 .txtp{font-size:14px;color: #808080;padding-left:20px;}
.consult .detail_bt2 .cont_right{display:flex;width:70%;justify-content:flex-end;text-align: right;align-items: center;}
.consult .detail_bt2 .txtbw{font-size:12px;background: #fff;color: #808080;margin-left:5px;padding:0 5px;border-radius: 8px;}
.consult .detail_bt2 .cont_top2{display:flex;width:15%;align-items: center;}
.consult .detail_bt2 .cont_right2{display:flex;width:85%;justify-content:flex-end;text-align: right;align-items: center;}

/*
.new_car_search .detail_bt .cont_top>div{width:50%;}
.new_car_search .detail_bt .detail_select{display:flex;align-items: center;}
.new_car_search .detail_bt .detail_select li{display:flex;height:34px;margin-right:15px;padding:0 15px;align-items: center;justify-content: center;background:#fff;border-radius:8px;font-size:14px;font-weight:700;}
.new_car_search .detail_bt .detail_select li.detail_on{background:#1778FB;color:#fff;}
.new_car_search .detail_bt_descript{margin:0 20px 0 30px;font-size:14px;font-weight:700;}
.new_car_search .detail_bt_color{display:flex;align-items: center;font-size:14px;font-weight:700;}
.new_car_search .detail_bt .cont_top .color_wrap{display:inline-block;width:18px;height:18px;margin-right:8px;border-radius:2px;background:#1778FB;}
.new_car_search .detail_info ul{display:flex;margin-top:5px;align-items: center;flex-wrap: wrap;}
.new_car_search .detail_info li{display:flex;width:50%;margin-top:5px;align-items: center;}
.new_car_search .detail_info li h4{width:120px;font-size:14px;font-weight:700;}
.new_car_search .detail_info li p{width:calc(100% - 120px);font-size:16px;}
.new_car_search .detail_info li .result_amount{color:#1778FB;font-weight:700;font-size:16px;}
.new_car_search .detail_info label{display:flex;align-items: center;}
.new_car_search .detail_info label span{display:inline-block;margin:0 8px;color:#5D6066;}

.new_car_search .detail_info .oline{width:100%;}
.new_car_search .detail_info .li .button{width:100%;text-align: right;}

.new_car_search .detail_lease ul:first-child li:last-child .result_amount,
.new_car_search .detail_rent ul:first-child li:last-child .result_amount{font-size:16px;}
.new_car_search .detail_info li.radio_wrap p{width:auto;margin-left:10px;}
.new_car_search .detail_info li .result_amount span{font-size:16px;}
*/

.box_wh .input_hoz:nth-child(2),
.box_wh .input_hoz:nth-child(3) {margin-top: 20px}

.add_search {margin-top: 20px}
.add_search h3 {font-weight: 600; display: block; margin-bottom: 10px; font-size: 16px; margin-left: 5px}
.add_search .block {border: 1px solid #eee; padding: 20px !important; border-radius: 20px; display: flex; align-items: center; box-sizing: border-box}
.add_search .block .row {display: flex; align-items: center; justify-content: space-between; width: 50%}
.add_search .block .row:first-child {width: calc(50% - 31px); padding-right: 30px; border-right: 1px solid #eee}
.add_search .block .row:last-child {width: calc(50% - 30px); margin-left: 30px;}
.add_search .block .row .cont {display: flex; align-items: center; justify-content: space-between}
.add_search .block .row .cont .thumb {display: block; width: 40px; height: 40px; border: 1px solid #eee; border-radius: 8px}
.add_search .block .row .cont .thumb.link {background:url('/images/ico/arrow/next.svg') no-repeat center center; background-size: 15px; margin-left: 20px}
.add_search .block .row .cont .in {display: flex; align-items: center;}
.add_search .block .row .cont .in .tit {margin-right: 5px}
.add_search .block .row .cont .in .tit small {display: block; color: #999}
.add_search .block .row .cont .in:first-child {margin-right: 10px}
/* 23-12-31 LEE */
.add_search .block2 {border: 1px solid #eee; padding: 15px 20px !important; border-radius: 20px; display: flex; align-items: center; box-sizing: border-box}
.add_search .block2 .title {display: flex; align-items: center; justify-content: space-between; width: 20%}
.add_search .block2 .row {display: flex; align-items: center; justify-content: space-between; width: 40%; margin-left: 20px; padding-left: 20px; border-left: 1px solid #eee}
.add_search .block2 .row .cont {display: flex; align-items: center; justify-content: space-between}
.add_search .block2 .row .cont .popup {display: block; width: 40px; height: 40px; border: 1px solid #eee; border-radius: 8px}
.add_search .block2 .row .cont .popup.link {background:url('/images/ico/arrow/next.svg') no-repeat center center; background-size: 15px; margin-left: 20px}
.add_search .block2 .row .cont .in {display: flex; align-items: center;}
.add_search .block2 .row .cont .in .tit {margin-right: 20px;}
.add_search .block2 .row .cont .in .tit small {display: block; color: #999}
.add_search .block2 .row .cont .in:first-child {margin-right: 20px}


/* 카달로그 전송 */
.step_box_title {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px}
.step_box_title .block_tit {line-height: 50px;}
.catalog_wrap .model_search {border: 1px solid #ddd}
.add_search .block.half .row:first-child {width: calc(50% - 31px); padding-right: 30px; border-right: 1px solid #eee}
.add_search .block.half .row:last-child {width: calc(50% - 30px); margin-left: 30px;}
.step2_row {margin: 0 -5px}
.step2_row .row {width: calc(100% / 3); margin: 0 5px}

.sns_row {display: flex; align-items: center;}
.sns_row .btn_sns {margin-right: 10px}
.btn_sns {display: inline-block; width: 50px; height: 50px; background: #ccc; border-radius: 50px}
.btn_sns.kakao {background:#ccc url('/images/ico/sns/ico_kakao.svg') no-repeat center center; background-size: 30px; }
.btn_sns.blog {background:#ccc url('/images/ico/sns/ico_blog.svg') no-repeat center center; background-size: 30px; }
.btn_sns.facebook {background:#ccc url('/images/ico/sns/ico_facebook.svg') no-repeat center center; background-size: 30px; }
.btn_sns.twitter {background:#ccc url('/images/ico/sns/ico_twitter.svg') no-repeat center center; background-size: 30px; }
.btn_sns.mail {background:#ccc url('/images/ico/sns/ico_mail.svg') no-repeat center center; background-size: 30px; }
.btn_sns.print {width: auto; padding: 0 30px; line-height: 50px; color: #fff; font-weight: 600}
.btn_sns.on {background-color: #1778FB}


/* 등록신차검색 */
.advice_wrap .box_navy {padding: 20px 40px}
.advice_wrap .myData {display: flex; flex-wrap: wrap; height: 50px}
.advice_wrap .myData .data {display: flex; align-items: center; justify-content: space-between}
.advice_wrap .myData .data em {color: #B7CFFF}
.advice_wrap .myData .data strong {font-size: 20px; font-weight: 600}
.advice_wrap .myData .data:first-child {width:calc(50% - 31px); padding-right: 30px; border-right: 1px solid rgba(221, 221, 221, 0.3)}
.advice_wrap .myData .data:last-child {width:calc(50% - 30px); margin-left: 30px;}

/* 23-11-23 LEE 
.customer_info {display: flex; align-items: center; justify-content: space-between; border-top:1px dashed #ddd; margin-top: 20px; padding-top: 20px}
*/
.customer_info {display: block; align-items: center; justify-content: space-between; border-top:1px dashed #ddd; margin-top: 20px; padding-top: 20px}

.customer_info .customer {display: flex; align-items: center; }
.customer_info .customer .tag {margin: 0 10px 0 0}
.customer_info .customer .msg {font-size: 18px; margin-right: 10px}
.customer_info .state {display: flex; align-items: center;}
.customer_info .state .check {display: block; width: 16px; height: 16px; margin-right: 5px; background:url('/images/ico/check_bk.svg') no-repeat center center; background-size: contain;}
.customer_info .state .tag.on {background: rgba(23, 120, 251, 0.1); color: #1778FB}
.customer_info .state .tag.on .check {background:url('/images/ico/check_blue.svg') no-repeat center center; background-size: contain;}


/* 23-11-20 LEE 견적관리 */
.new_car_my .myData2 {display: flex; flex-wrap: wrap; height: 50px}
.new_car_my .myData2 .data {display: flex; align-items: center; justify-content: space-between;}
.new_car_my .myData2 .data em {color: #B7CFFF}
.new_car_my .myData2 .data strong {font-size: 20px; font-weight: 600}
.new_car_my .myData2 .data:first-child {width:calc(18% - 10px); padding-right: 20px; border-right: 1px solid rgba(221, 221, 221, 0.3)}
.new_car_my .myData2 .data:last-child {width:calc(15% - 5px); padding-left: 7px;}
.new_car_my .myData2 .datam {display: flex; align-items: center; justify-content: space-between; width:calc(15% - 5px); padding: 0 7px; border-right: 1px solid rgba(221, 221, 221, 0.3)}
.new_car_my .myData2 .datam em {color: #B7CFFF}



/******************20231219 추가 작업******************/

.con-flex{display:flex;align-items: center;}
.con-flex-bet{display:flex;align-items: center;justify-content: space-between;}

/*home.php*/
.new_car_home div[class*="registration_link"]{margin:20px 0;text-align: center;}
.new_car_home div[class*="registration_link"] h2{font-size:24px;font-weight:700;}
.new_car_home div[class*="registration_link"] .btn_bor{width:394px;margin:30px auto 0;}
.new_car_home .registration_link2 .btn_bor{background:#fff;}
.new_car_home .registration_menu_wrap .cont_top{display:flex;margin-bottom:8px;justify-content: space-between;align-items: center;}
.new_car_home .registration_menu_wrap .cont_top h4{font-size:18px;font-weight:700;}
.new_car_home .registration_menu_wrap .cont_top p{font-size:18px;font-weight:700;color:#1778FB !important;}
.new_car_home .registration_menu_wrap .btn_bor.done{border:1px solid #C6C7CA;color:#9DA0A5;}

/*my.php*/
/* .new_car_my .result_row{border-bottom:none;} */
.new_car_my .detail_bt{width:calc(100% + 30px);margin:10px 0 0 -30px;padding:10px 20px;border-top:1px solid #ddd;border-radius:0 0 20px 20px;background:#F1F6FF;box-sizing: border-box;}
.new_car_my .detail_bt .cont_top{display:flex;padding:6px 0 10px;align-items: center;font-size:18px;}
.new_car_my .detail_bt .cont_top>div{width:50%;}
.new_car_my .detail_bt .detail_select{display:flex;align-items: center;}
.new_car_my .detail_bt .detail_select li{display:flex;height:34px;margin-right:15px;padding:0 15px;align-items: center;justify-content: center;background:#fff;border-radius:8px;font-size:14px;font-weight:700;}
.new_car_my .detail_bt .detail_select li.detail_on{background:#1778FB;color:#fff;}
.new_car_my .detail_bt_descript{margin:0 20px 0 30px;font-size:14px;font-weight:700;}
.new_car_my .detail_bt_color{display:flex;align-items: center;font-size:14px;font-weight:700;}
.new_car_my .detail_bt .cont_top .color_wrap{display:inline-block;width:18px;height:18px;margin-right:8px;border-radius:2px;background:#1778FB;}
.new_car_my .detail_info ul{display:flex;margin-top:5px;align-items: center;flex-wrap: wrap;}
.new_car_my .detail_info li{display:flex;width:50%;margin-top:5px;align-items: center;}
.new_car_my .detail_info li h4{width:120px;font-size:14px;font-weight:700;}
.new_car_my .detail_info li p{width:calc(100% - 120px);font-size:16px;}
.new_car_my .detail_info li .result_amount{color:#1778FB;font-weight:700;font-size:16px;}
.new_car_my .detail_info label{display:flex;align-items: center;}
.new_car_my .detail_info label span{display:inline-block;margin:0 8px;color:#5D6066;}
/* 23-12-25 LEE */
.new_car_my .detail_info .oline{width:100%;}
.new_car_my .detail_info .li .button{width:100%;text-align: right;}

.new_car_my .detail_lease ul:first-child li:last-child .result_amount,
.new_car_my .detail_rent ul:first-child li:last-child .result_amount{font-size:16px;}
.new_car_my .detail_info li.radio_wrap p{width:auto;margin-left:10px;}
.new_car_my .detail_info li .result_amount span{font-size:16px;}

/*home2.php*/
.onemaker_select{text-align: center;}
.onemaker_select .box_wh{margin-bottom:20px;}
.onemaker_select .onemaker_tit h2{margin-bottom:20px;font-size:24px;font-weight:700;}
.onemaker_select .onemaker_tit h3{margin-bottom:10px;font-size:20px;font-weight:700;}
.onemaker_select .onemaker_tit h3 span{color:#1778FB;}
.onemaker_select .onemaker_tit p{font-size:18px;}
.onemaker_select .onemaker_con .con_tab{margin-bottom:30px;}
.onemaker_select .onemaker_con .con_tab ul{display:flex;}
.onemaker_select .onemaker_con .con_tab li{width:50%;padding:15px;border-bottom:1px solid #DFE0E2;font-size:20px;font-weight:700;color:#9da0a5;}
.onemaker_select .onemaker_con .con_tab li.tab_on{color:#000;border-bottom: 2px solid #163989;}
.onemaker_select .onemaker_con .con_wrap ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.onemaker_select .onemaker_con .con_wrap li{display:flex;width:calc(33.33% - 10px);height:118px;margin-bottom:10px;align-items:center;justify-content:center;border-radius:10px;border:1px solid #eee;box-sizing: border-box;}
.onemaker_select .onemaker_con .con_wrap li h4{margin:5px 0 10px;font-size:18px;font-weight:700;}
.onemaker_select .onemaker_con .con_wrap li p{font-size:16px;color:#C6C7CA;}
.onemaker_select .onemaker_con .con_wrap li.on{border:2px solid #1778FB;}
.onemaker_select .onemaker_con .con_wrap li.on h4,
.onemaker_select .onemaker_con .con_wrap li.on p{color:#1778FB;}
.onemaker_select .onemaker_con .con_wrap .logo_area{display:flex;height:40px;align-items:center;justify-content: center;}
.onemaker_select .onemaker_bt .btn_bor{width:394px;margin:30px auto 0;background:#fff;}
.onemaker_select .onemaker_bt p{margin-top:5px;color:#c6c7ca;font-size:16px;}
.onemaker_select .onemaker_con .con_wrap{display:none;}
.onemaker_select .onemaker_con .con_wrap.on{display:block;}