@charset "utf-8";

/* 금융지원센터 */
.board_view .head {text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 30px}
.board_view .head .title {font-size: 30px; font-weight: 600}
.board_view .head .board_info {display: flex; align-items: center; justify-content: center; margin-top: 20px; color: #999}
.board_view .head .board_info li {margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #ddd}
.board_view .head .board_info li:last-child {padding: 0; margin: 0; border: 0}
.board_view .cont {padding: 30px 0 0; min-height: 300px}

/* 할부계산기 */
.calculator_wrap {}
.bor_box {padding:20px 40px; border: 1px solid #eee; border-radius: 20px}
.bor_box .tit {font-weight: 600; line-height: 50px}
.bor_box .tit .data {color: #1778FB; font-weight: 600; margin-left: 20px}
.calculator_wrap .block_tit {margin-bottom: 20px}
.sum_data {display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 50px; background: rgba(23, 120, 251, 0.1); color: #1778FB; margin-top: 20px}
.sum_data strong {font-weight: 600; font-size: 24px; margin-left: 20px}

.add_money {flex-shrink: 0; display: flex; align-items: center; margin-right: 12px}
.add_money a {display: inline-flex; align-items: center; justify-content: center; height: 30px; background: #eee; border-radius: 30px; padding: 0 10px; font-size: 14px; margin-right: 8px}
.calculator_wrap .sorting_check {flex-shrink: 0; display: flex; align-items: center; height: 50px; margin-right: 12px}
.calculator_wrap .sorting_check span {display: flex; align-items: center; margin-right: 20px}

.calculator_result {}
.calculator_result .block_tit {margin-bottom: 20px}
.calculator_result .td_price {display: flex; align-items: center;}
.calculator_result .td_price .price {color: #000; margin-right: 20px; font-weight: 600}
.calculator_wrap .row_box .head {width: 260px}
.calculator_wrap .row_box .cont {width: calc(100% - 260px);}

.bar_control {}
.bar_control .bar_bg {height: 16px; background: rgba(23, 120, 251, 0.1); border-radius: 16px}
.bar_control .bar_bg .bar {position: relative; height: 16px; background: #1778FB; border-radius: 16px}
.bar_control .bar_bg .bar .control {border: 1px solid #1778FB; width: 10px; height: 24px; background: #fff; border-radius: 10px; position: absolute; right: -6px; top:-5px}
.bar_control .bar_data {display: flex; align-items: center; justify-content: space-between; font-size: 14px; margin-top: 0px}

.car_calculator .head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px}
.car_calculator .head .input_hoz {margin: 0 !important}
.car_calculator .head .input_hoz .txt strong {color: #1778FB; font-weight: 600; margin-left:10px}

/* 친환경차 보조금 정보 */
.subsidy_wrap .block_txt {margin-top: 20px; color: #}
.subsidy_01 .pic {border: 1px solid #eee; border-radius: 20px; overflow: hidden}
.subsidy_01 .pic img {max-width: 100%;}
.subsidy_01 .calculate {display: flex; align-items: center; width: 100%}
.subsidy_01 .calculate ul {display: flex; align-items: center; width: 100%}
.subsidy_01 .calculate ul li {display: flex; align-items: center; justify-content: center; height: 50px; background: #ccc; width: 100%; color: #fff; font-size: 20px; font-weight: 600}
.subsidy_01 .calculate .ico_plus_bk {margin: 0 10px}

.subsidy_02 .tbl_wrap {border: 1px solid #eee; border-radius: 20px; overflow: hidden; padding: 40px}
.subsidy_02 .tbl_wrap .thumb {margin-bottom: 20px}
.subsidy_02 .tbl_wrap .thumb img {max-width: 120px}
.subsidy_02 .tbl_wrap th {font-weight: 600}

.both_block {display: flex; align-items: flex-start; justify-content: space-between}
.both_block .left_block {width: calc(50% - 10px)}
.both_block .right_block {width: calc(50% - 10px)}

.subsidy_03 .cont .row {display: flex; align-items: flex-start; padding: 25px 0; border-bottom: 1px solid #ddd}
.subsidy_03 .cont .row strong {flex-shrink: 0; width: 200px; color: #000; font-weight: 600; font-size: 20px}
.subsidy_03 .dot_list li {font-size: 20px}

.subsidy_04 {}
.subsidy_04 .head {margin-bottom: 20px}
.subsidy_04 .cont .row {display: flex; align-items: center; justify-content: space-between; height: 50px; border-bottom: 1px solid #ddd}
.subsidy_04 .cont .row .title {display: flex; align-items: center; font-size: 20px;}
.subsidy_04 .cont .row .title strong {font-weight: 600; margin-left: 5px}

.subsidy_05 {height: 1047px}
.subsidy_05 .tbl_gray td,
.subsidy_05 .tbl_gray th {border-right: 1px solid #eee}
.subsidy_05 .head {margin-bottom: 20px}

.subsidy_06 {text-align: center}
.subsidy_06 .cont img {height: 600px; width: auto}
.subsidy_07 {height: 879px}

/* 포인트샵 */
.point_summary {display: flex; align-items: flex-start; margin: 0 -10px 20px}
.point_summary .summary { width: calc(60% - 20px); margin: 0 10px;}
.point_summary .boxWrap.navy { height: 280px; box-sizing: border-box}
.point_summary .summary .head {display: flex; align-items:flex-start; justify-content: space-between; height: 130px}
.point_summary .summary .head .name em {display: block; color: #B7CFFF; margin-bottom: 5px}
.point_summary .summary .head .name strong {display: flex; align-items: center; font-size: 30px; font-weight: 500}
.point_summary .summary .head .info span {display: flex; align-items: center; justify-content: center; height: 30px; line-height: 30px; padding: 0 20px; border: 1px solid #fff; font-size: 14px; border-radius: 50px; margin-bottom:5px}
.point_summary .summary .head .info span i {display: inline-block; width: 14px; height: 14px; background:url('/images/ico/bbs_check.svg') no-repeat center center; background-size: contain; margin-right: 4px}
.point_summary .summary .head .btn_wrap .ico_24 {margin-right: 5px}
.point_summary .summary .head .btn_wrap .btn_r:first-child {margin-right: 10px}

.point_summary .summary .cont {display: flex; align-items: center; width: 100%}
.point_summary .summary .cont .in {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.point_summary .summary .cont .in:first-child {width: 60%; display: flex; align-items: center; flex-direction: row; justify-content: space-between}
.point_summary .summary .cont .in:last-child {width: 40%; margin: 0; text-align: center}
.point_summary .summary .cont .div_bar {width: 1px; height:53px; background: #ddd; margin-left: 50px}
.point_summary .summary .cont .in a {display: block; width: 100%}
.point_summary .summary .cont .in strong {display: block; margin-bottom: 10px; font-size: 16px; font-weight: 500; font-weight: normal}
.point_summary .summary .cont .in p {font-size: 22px; font-weight: 600;}

.point_summary .etc { width: calc(40% - 20px); margin: 0 10px}
.point_summary .etc .box_btn {display: flex; align-items:center; justify-content: space-between; height: 80px; background: #fff; padding: 0 20px; border-radius: 20px; margin-bottom: 20px}
.point_summary .etc .box_btn p {display: flex; align-items:center; font-size: 20px; font-weight: 600}
.point_summary .etc .box_btn p .ico_24 {margin-right: 5px}
.point_summary .etc .box_btn:last-child {margin: 0}

.w_shop_title {text-align: center; padding: 40px 0}
.w_shop_title .logo {width: 200px; height: 54px; margin: 0 auto; background:url('/images/etc/logo_wshop.svg') no-repeat center center; background-size: contain;}
.w_shop_title p {margin-top: 20px}

.wshop_ad {display: flex; align-items: flex-start; justify-content: space-between}
.wshop_ad {margin: 0 -20px}
.wshop_ad .row {width: calc(100% / 3); margin: 0 20px}
.wshop_ad .row .thumb {display: flex; align-items:center; justify-content: center; border: 1px solid #ddd; border-radius: 20px; height: 140px; margin-bottom: 20px}
.wshop_ad .row .cate {margin-bottom: 10px}
.wshop_ad .row strong {font-size: 20px; font-weight: 600; display: block; margin-bottom: 10px}
.wshop_ad .row .price {color: #488CE9; font-weight: 600; font-size: 20px}
.wshop_ad .row .btn_r {margin-top: 20px; width: 100%}

.shop_in_wrap {}
.shop_in_wrap .model_search {border: 1px solid #ddd}
.shop_in_wrap .model_search .menu_area,
.shop_in_wrap .model_search .result_area {height: 254px; box-sizing: border-box}
.shop_in_wrap .result_area {padding: 20px; overflow-y: scroll}
.shop_in_wrap .result_area .check_list {display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: -10px}
.shop_in_wrap .result_area .check_list li {width: calc(100% / 3); padding: 10px 0}
.shop_in_wrap .result_area .check_list li label {margin-left: 5px}
.shop_in_wrap .input_hoz {width: 100%}
.shop_in_wrap .bor_box .btn_r:last-child {margin-left: 10px}


/* 입점협력업체 */
.cooper_step {display: flex; align-items:center; justify-content: space-between; }
.cooper_step .box {text-align: center; display:flex; align-items:flex-start; flex-direction: column; justify-content: center; border: 2px solid #dddd; border-radius: 20px; width: 100%; padding: 20px 0}
.cooper_step .step {width: calc(20% - 40px)}
.cooper_step .arrow .ico_24 {margin-right: -5px}
.cooper_step .box .ico {display: flex; align-items:center; justify-content: center; margin:0 auto 20px}
.cooper_step .box .txt {line-height: 1.5; height: 46px; width: 100%; color: #163989; font-weight: 600}
.cooper_step .step.on .box {border-color: #163989}

.cooper_step.edu .step {width: calc(25% - 40px)}
.cooper_step.edu .box .txt {height: auto}

/* 25-01-08 LEE */
.findid {text-align: center; display:flex; align-items:flex-start; flex-direction: column; justify-content: center; border: 2px solid #dddd; border-radius: 20px; width: 100%;border-color: #163989}
.findid .txts {line-height: 1.5; height: 46px; width: 100%; color: #000; font-weight: 600; font-size:20px}
/* 25-01-08 LEE */

.report_wrap .box_wh.noti {display: flex; align-items: flex-start; justify-content: space-between}
.report_wrap .box_wh.noti .box {width: 50%}