@charset "utf-8";

.info_msg {font-size: 14px; color: #999; margin-top: 10px;}
.row_box .cont .info_msg {font-size: 14px; color: #999; margin-top: 10px; text-align: right}
.block_link {margin: 20px -10px 0}
.block_link .btn {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 120px; background: #eee; border-radius: 20px; width: 100%}
.block_link .btn strong {font-size: 24px; font-weight: 600}
.block_link .btn .add_btn {margin-top: 5px}
.block_link .btn .txt {margin-top: 10px; color: #999}
.block_link li {margin: 0 10px; width: 100%}
.block_link ul {width: 20%}
.block_link ul.three {width: 60%}
.block_link ul.full {width: 100%}	/* 23-11-26 LEE */

.complete_msg {text-align: center; width: 100%}
.complete_msg {font-size: 24px; font-weight: 600; display: block; padding-top: 50px; background: url('/images/etc/input_check_on.svg') no-repeat top center; background-size: 40px; line-height: 1.3}

/* 견적서작성 */
.sheet_car {}
.sheet_car .price {font-weight: 600; flex-shrink: 0;}
.sheet_car .head {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #000; width: 100%; justify-content: space-between;}
.sheet_car .head .block_tit span {font-size: 14px; margin-left: 10px; color: #999; font-weight: normal}
.sheet_car .head .price {font-size: 24px; flex-shrink: 0}

.box_wh.sheet_car .block:first-child,
.sheet_car .block {flex-direction: column; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee}
.box_wh.sheet_car .block:last-child,
.sheet_car .block:last-child {margin: 0; padding: 0; border:0;}
.box_wh.sheet_car .block.flex_row:first-child,
.sheet_car .block.flex_row {flex-direction: row; justify-content: space-between}
.sheet_car .block.flex_row .title {margin: 0; width: auto}
.sheet_car .block .title {width: 100%; justify-content: space-between; margin-bottom: 20px}
.sheet_car .block .title strong {font-weight: 600; font-size: 18px; margin-right: 20px; flex-shrink: 0}
.sheet_car .block .in_txt {width: 100%; justify-content: space-between; margin-bottom: 20px}
/* .sheet_car .block .in_txt {width: 50%; justify-content: space-between; margin-bottom: 20px} 23-11-09 LEE*/
.sheet_car .block .in_txt:last-child {margin: 0}
.sheet_car .block .in_txt strong {color: #5d6066}
/* 23-11-18 LEE */
.sheet_car .block .txt2 {width: 100%; justify-content: space-between; margin-bottom: 15px}
.sheet_car .block .txt2:last-child {margin: 0}
.sheet_car .block .txt2 strong {color: #5d6066}

.sheet_car .block .color_thumb {display: flex; align-items: center;}
.sheet_car .block .color_thumb .tit {color: #000}
.sheet_car .block .color_thumb .tit small {display: block; color: #999; margin-bottom: 5px}
.sheet_car .block .color_thumb .thumb {display: block; width: 40px; height: 40px; border: 1px solid #eee; border-radius: 8px; margin-right: 10px}
.sheet_car .block .input_hoz {margin: 0; align-items: center}
/* 23-11-12 LEE */
.sheet_car .block .color_thumb .thumb2 {display: block; width: 40px; height: 40px; border: 1px solid #eee; border-radius: 8px;}

.sum_area {margin-top: 20px; background: #F1F6FF; border-radius: 15px}
.sum_area .row {width: 100%; justify-content: space-between; padding: 20px; border-bottom: 1px solid #d8e5ff; box-sizing: border-box}
.sum_area .row:last-child {margin: 0; border: 0;}
.sum_area .important .price {color: #1778FB}
.sum_area .price {font-size: 20px}
.sum_area .block_tit {font-size: 18px}
.solo_input {width: 366px}

.sheet_car .check_list.flex_row  {width: 100%; align-items: flex-start; justify-content: start}
.sheet_car .check_list li {display:flex; align-items: center; margin-right: 20px}
.sheet_car .check_list li label {margin-left:10px}

.vertical_block {flex-direction: column}
.new_car_regist01 .input_hoz .check {margin-right: 20px; line-height: 50px}
.between {display: flex; justify-content: space-between}
.half_row {display: flex; flex-wrap: wrap; justify-content: space-between}
.half_row .row_box {width:calc(50% - 25px); margin-bottom: 20px}
.half_row .row_box .head {width: 100px}
.half_row .row_box .cont {width: calc(100% - 100px);}
.half_row .row_box .cont .txt {line-height: 50px; font-size: 20px}
.half_row .row_box:nth-child(5),
.half_row .row_box:nth-child(6) {margin: 0}

.check_btnwrap {display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -8px}
.check_btnwrap li {width: 20%;}
.check_btnwrap .btn {display: flex; align-items: center; justify-content: center; height: 60px; background: #eee; border-radius: 10px; margin:8px}
.check_btnwrap .btn.on {background: #1778FB; color: #fff; font-weight: 600}


/**/
.online_txt {display: flex; align-items: center; height: 40px; border: 1px solid #ddd; border-radius: 50px;}
.online_txt li {position: relative; display: flex; align-items: center; justify-content: center; color: #999; padding: 0 20px}
.online_txt li:before {content: ""; width: 1px; background: #ddd; position: absolute; right: 0; height: 100%}
.sheet_car .right {display: flex; align-items: center;}
.sheet_car .right .online_txt {margin-right: 20px}

.sheet_view .customer_info {display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 30px; padding:0 0 30px; border-top:0; border-bottom: 1px solid #eee}
.sheet_view .customer_info li {width: calc(100% / 2)}
.sheet_view .customer_info li em {font-weight: 600; font-size: 18px; margin-right: 5px}
.sheet_view .customer_info li:nth-child(1),
.sheet_view .customer_info li:nth-child(2),
.sheet_view .customer_info li:nth-child(3) {margin-bottom: 10px}


/* 견적서작성 */
.sheet_wrap {display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between}
.sheet_wrap .sheet_input {width: 400px}
.sheet_wrap .sheet_input .btn_wrap a {width: 100%;}
.sheet_wrap .sheet_input .sum_btn_wrap {padding-top: 40px; border-top:1px solid #000;}
.sheet_wrap .sheet_input .sum_btn_wrap a {width: 100%; margin-bottom: 20px}
.sheet_wrap .sheet_input .sum_btn_wrap a:last-child {margin: 0}
.sheet_wrap .sheet_input .sum_btn_wrap .etc_check {text-align: right; margin-bottom: 20px}
.sheet_wrap .sheet_input .sum_btn_wrap .input_hoz {justify-content: space-between}
.sheet_wrap .sheet_input .sum_btn_wrap .input_hoz a {width: calc(50% - 5px)}

.sheet_wrap .sheet_input .flex_row.col_3 {justify-content:start}

.flex_row.col_3 {flex-wrap: wrap; margin: 0 -5px}
.flex_row.col_3 li {width: calc(100% / 3 - 10px); margin:5px}
.flex_row.col_3 li .size40 {padding: 0 14px}
.flex_row.col_2 {flex-wrap: wrap; margin: 0 -5px}
.flex_row.col_2 li {width: calc(100% / 2 - 10px); margin:5px}
.flex_row.col_2 li .size40 {padding: 0 14px}

.sheet_wrap .sheet_input .sheet_car .block .in_txt {flex-direction: column}
.sheet_wrap .sheet_input .sheet_car .block .in_txt strong {width: 100%; margin-bottom:10px}

.sheet_wrap .sheet_view {width: calc(100% - 420px)} 

.sheet_wrap .sheet_input .input_hoz select {width: 100%}
.sheet_wrap .sheet_car .block .input_hoz {width: 100%}
.sheet_wrap .input_hoz .txt:last-child {margin-right: 0}
.sheet_wrap .origin_price {display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between}

.bank_list .row {margin-bottom: 10px}
.bank_list .box {border: 1px solid #eee; border-radius: 20px; padding: 20px}
.bank_list .box .bank {display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #eee; padding-bottom: 10px}
.bank_list .box .bank .name {display: flex; align-items: center }
.bank_list .box .bank .name strong {font-weight: 600}
.bank_list .box .bank .name .logo {display: inline-flex; width: 24px; margin-right: 4px}
.bank_list .box .bank .name .logo img {max-width: 100%}
/* 23-11-29 LEE */
.bank_list .box .bank .name .logo2 {display: inline-flex; width: 100px; margin-right: 4px}
.bank_list .box .bank .name .logo2 img {max-width: 100%}
.bank_list .box .cont {padding-top: 10px}
.bank_list .box .cont .data {font-size: 14px; margin-bottom: 10px; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.bank_list .box .cont .data:last-child {margin: 0}
.bank_list .box .cont .data .tit {color: #777}

.sheet_wrap .sheet_car .block .title .result {color: #1778FB; font-weight: 600}

.sheet_car .block.box_style {border: 1px solid #eee; border-radius: 20px; padding: 20px; box-sizing: border-box}
.sheet_car .block.box_style:last-child {border: 1px solid #eee; border-radius: 20px; padding: 20px; box-sizing: border-box}
.sheet_wrap .in_result {display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-between}
.sheet_wrap .in_result .result {color: #1778FB; font-weight: 600}
.sheet_wrap .in_result .radio_label label {margin-left: 5px}

/* etc */
.bank_comparison {width: 100%}
.bank_comparison .bank_list .row {display: flex; background: #fff;  border: 1px solid #eee; border-radius:20px; overflow: hidden}
.bank_comparison .bank_list .number {position: relative; width: 60px; background: #eee; display: flex; align-items: center; justify-content: center}
.bank_comparison .bank_list .number .best {position: absolute; top:-7px; right: -24px; width: 46px; height: 46px; background: url('/images/ico/ico_best.png') no-repeat top center; background-size: 46px;}
.bank_comparison .bank_list .number .recommend {position: absolute; top:-7px; right: -24px; width: 46px; height: 46px; background: url('/images/ico/ico_recommend.png') no-repeat top center; background-size: 46px;}
.bank_comparison .bank_list .number .recommend2 {position: absolute; top:30px; right: -24px; width: 46px; height: 46px; background: url('/images/ico/ico_recommend.png') no-repeat top center; background-size: 46px;}
.bank_comparison .bank_list .box {width: calc(100% - 60px); border: 0; border-radius:0; padding: 0} 
.bank_comparison .bank_list .box .bank {padding: 20px 40px}
.bank_comparison .bank_list .btn_wrap {display: flex; align-items: center; margin: 0}
.bank_comparison .bank_list .btn_wrap a {margin-left: 10px;}
.bank_comparison .bank_list .cont {padding:16px 40px}
.bank_comparison .bank_list .cont .price {font-weight: bold; color: #163989; margin-right: 15px}

.bank_comparison .bank_list .row.on .box .bank {border-color: #4896ff}
.bank_comparison .bank_list .row.on .box .bank,
.bank_comparison .bank_list .row.on .cont {background: #1778FB}
.bank_comparison .bank_list .row.on .box .bank .name strong,
.bank_comparison .bank_list .row.on .box .bank .month,
.bank_comparison .bank_list .row.on .box .bank .btn_bor,
.bank_comparison .bank_list .row.on .cont .data .tit,
.bank_comparison .bank_list .row.on .cont .price,
.bank_comparison .bank_list .row.on .cont .per {color: #fff}
/* 23-12-23 LEE */
.bank_comparison .bank_list .row.on {border: 2px solid #4896ff;}		
.bank_comparison .bank_list .row.on .number {background: #4896ff; color: #fff}
.cashback.on {border: 1.5px solid #163989;}
/* 23-12-23 LEE */

.box_result {padding: 20px}
.tbl_bank_comparison {width: 100%;}
.tbl_bank_comparison td {text-align: right}
.tbl_bank_comparison th {border-right: 1px solid #eee}
.tbl_bank_comparison th, .tbl_bank_comparison td {padding: 15px 20px; border-bottom: 1px solid #eee}
.tbl_bank_comparison .title th {border-right: 0; font-size: 16px; font-weight: bold}
.tbl_bank_comparison .title th em {margin-left: 15px; color: #163989;}
.tbl_bank_comparison .sum {background: #f5f5f5}
.tbl_bank_comparison .sum td strong {font-size: 20px; margin-left: 15px; font-weight: bold}

/* 23-11-25 LEE */
.view_request {}
.view_request .head {margin-bottom: 20px}
.view_request .block_tit {font-size: 20px; font-weight: 600; line-height: 1;}
.view_request .head .txt {margin-top: 15px; color: #9da0a5}

.view_request .summary_block {display: flex; align-items: flex-start; justify-content: space-between;}
.view_request .summary_block .pic_area {width: 30%; border-radius: 20px; overflow: hidden}
.view_request .summary_block .pic_area img {width: 100%}
.view_request .summary_block .cont {width:calc(70% - 50px)}
.view_request .summary_block .cont .btn_wrap {display: flex; align-items: flex-start; margin: 40px -5px 0}
.view_request .summary_block .cont .btn_wrap a {width:calc(50% - 10px); margin: 0 5px}

/* 23-12-04 LEE */
.company_sel {display: flex;}
.company_sel .row {display: flex; width: 160px; height: 110px;}
.company_sel .row .thumb {position: relative; text-align: center; vertical-align: middle; border: 1px solid #ddd; border-radius: 20px; width: 150px; height: 110px; margin-bottom: 5px}
.company_sel .row .thumb img {width: 130px; height: 60px;text-align: center; padding:10px 0;}
.company_sel .row strong {color: #9da0a5; font-size: 15px; margin-bottom: 10px; width: 100%}

/*
.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추가 */
*/