.brand_wrap{max-width: 450px; padding: 10px 30px; margin: 0 auto;}
.brand_wrap .top_bg_area{background:#f2f2f2; margin-right:-30px; margin-left:-30px; margin-top:-10px; padding:25px 0 15px 0;}
.brand_wrap .top_bg_area .search_area{position: relative; height: 44px; text-align: center; margin:0 30px;}
.brand_wrap .top_bg_area .search_area .search_icon{background:transparent; border:transparent; position: absolute; right:6px; top:50%; transform:translateY(-50%);}
.brand_wrap .top_bg_area .search_area .search_icon i {font-size:20px;}
.brand_wrap .top_bg_area .search_area .input_detail{ width: 100%; height: 100%; border-radius: 12px; background-color: #fff; border: 0; outline: none; padding: 0 10px;}
/*국내브랜드 brand area*/
.brand_wrap .top_bg_area .brand_area {background-color: #fff; margin:15px 30px 0 30px; padding:10px 0; border-radius: 12px;}
.brand_wrap .top_bg_area .brand_area .row{display:flex; justify-content:space-between; align-items: center; width:100%; margin:0 auto;}
.brand_wrap .top_bg_area .brand_area .row .logo_item{width:75px; text-align: center; margin:2px 0; letter-spacing: -1.6px;}
.brand_wrap .top_bg_area .brand_area .row .logo_item.on{border:1px solid lightgray;}
.brand_wrap .top_bg_area .brand_area .row .logo_item .logo{width:40px; margin:0 auto;}
.brand_wrap .top_bg_area .brand_area .row .logo_item .logo img {width:100%;}
/*해외브랜드 brand_area*/
#brand_slide h2{text-align: center; font-size:16px; font-weight:bold; margin-top:0; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd;}
#brand_slide .slick-slide{margin:0 auto;}
#brand_slide .slick-dots{display: flex; list-style-type: none; justify-content: center; margin:0; padding:0;}
#brand_slide .slick-dots li button{border:none; outline:none; font-size:0; width:10px; height:10px; padding:5px; margin:0 2px;color:transparent; border-radius: 50%; background-color: #ddd;}
#brand_slide .slick-dots li.slick-active button{background-color: #333;}

.brand_wrap .item_choise{height: 44px; margin: 15px 30px 0 30px; text-align: center;}
.brand_wrap .item_choise .btn_detail{width: 100%; height: 100%; font-size: 15px; border-radius: 12px; outline: none; border: 0; background-image:linear-gradient(to left, #ffbb00, #ffec05); color: #000; font-weight: bold;}

.brand_wrap .choise_item{ margin: 0 30px;}
.brand_wrap .choise_item .row{margin: 0; display: flex; margin-top: 10px; flex-wrap: wrap; flex-direction: row;}
.brand_wrap .choise_item .row .item{background:#fff; border: 1px solid lightgray; border-radius: 10px; padding: 5px; margin-right: 5px; margin-top: 8px;}
.brand_wrap .choise_item .row .item .fa-times{}

.brand_wrap .classification{margin-top: 20px;}
.brand_wrap .classification .row{margin: 0;}
.brand_wrap .classification .row .count{float: left;}
.brand_wrap .classification .row .count span{font-weight: bold;}
.brand_wrap .classification .row .classification_icon{float: left; padding: 0 15px;}

.brand_wrap .line{border: 1px solid #ededed; margin: 10px -30px 0 -30px; position: relative; }
 
.brand_wrap .car_list_area{}
.brand_wrap .car_list_area .car_item{padding:25px 0; border-bottom: 1px solid lightgray;}
.brand_wrap .car_list_area .car_item .row{display: flex; align-items: center; margin: 0;}
.brand_wrap .car_list_area .car_item .row .item_logo{flex: 1 1 10%;}
.brand_wrap .car_list_area .car_item .row .item_logo .logo_detail{ width: 100%;}
.brand_wrap .car_list_area .car_item .row .item_text{padding: 0 5px; word-break: break-all; flex: 1 1 90%; font-size: 16px; }
.brand_wrap .car_list_area .car_item .row .item_text span{}
.brand_wrap .car_list_area .car_item .row .item_text .line_type{height: 22px; border: 1px solid #1e1d29; opacity: 0.7; margin: 0 4px;}

.brand_wrap .car_list_area .car_item .car_item_detail{padding: 15px 0; }
.brand_wrap .car_list_area .car_item .car_item_detail .row{margin: 0; justify-content: space-between;}
.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_image{width:46%; margin:0 auto;}
.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_image .image_detail{width:100%;}

.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_text{width: 50%; text-align:right;}
.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_text .info_text{color: #73737c;}
.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_text .info_price{font-size:18px;}
.brand_wrap .car_list_area .car_item .car_item_detail .row .car_info_text .info_price span{font-weight: bold;}

.brand_wrap .car_list_area .car_item .item_btn_area{}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list{}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row{justify-content: space-between;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .left_btn_area{display: flex; justify-content: space-between; width:50%; flex-direction: column;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .left_btn_area .item_btn_top{display: flex; justify-content: space-between;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .left_btn_area .item_btn_bottom{display: flex; justify-content: space-between;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .left_btn_area .item_btn{border:1px solid #ccc; border-radius:4px; width:100%; margin:2px; padding: 3px 0; background:#f5f5f5;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .left_btn_area .item_btn .etc_btn{text-decoration:none; color:#111; font-size:14px;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .item_btn{text-align: center;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .item_estimate{ width:48%; margin-left:auto;}
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .item_estimate .lease_estimate_detail,
.brand_wrap .car_list_area .car_item .item_btn_area .button_list .row .item_estimate .rent_estimate_detail{width:100%; height: 60px; line-height: 60px; display: inline-block; border-radius: 6px; background-color:#ffec05; color: #111; text-align: center; text-decoration: none; font-size:16px; font-weight:bold;}

/* 로그아웃시 로그인 유도 모달 */
#popup_modal {text-align: center;}
#popup_modal .modal-dialog{width:90%; margin:0 auto; height: 180px; top:50%; transform:translateY(-50%);}
#popup_modal .modal-dialog .modal-content{padding:10px; border-radius:8px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#popup_modal .modal-dialog .modal-content p {margin:0;}
#popup_modal .modal-dialog .modal-content p:first-child{font-size:16px; letter-spacing: -1px;}
#popup_modal .modal-dialog .modal-content p.color_orange{color:#ffbb00; font-weight: bold; margin-top:10px;}
#popup_modal .modal-dialog .modal-content a{color:#000; display:inline-block; min-width:120px; padding:6px 10px; margin:0 4px;  margin-top:15px; font-weight: bold;}
#popup_modal .modal-dialog .modal-content a.just_look_btn{border:2px solid #ffec05; background:#fff;}
#popup_modal .modal-dialog .modal-content a.go_to_login_btn{background:#ffec05; border:2px solid #ffec05;}

.modal{}
.modal .modal-dialog{margin: 0 auto; height: 100%;}
.modal .modal-dialog .modal-content{border-radius: 0; height: 100%;}
.modal .modal-dialog .modal-content .modal-header{}
.modal .modal-dialog .modal-content .modal-header .row{}
.modal .modal-dialog .modal-content .modal-header .row .back_btn{}
.modal .modal-dialog .modal-content .modal-header .row .back_btn .fa-chevron-left{color: #000000;}
.modal .modal-dialog .modal-content .modal-header .row .header_text_area{text-align: center;}
.modal .modal-dialog .modal-content .modal-header .row .header_text_area .header_text{font-size: 16px; font-weight: bold;}
.modal .modal-dialog .modal-content .modal-body{background-color: #F4F4F5; height: 100%;}
.modal .modal-dialog .modal-content .modal-body .brand_area{}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_text{font-size: 16px; font-weight: bold; margin: 10px 0;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area{background-color: #ffffff; border-radius: 11px; padding:20px 10px; margin-top: 10px;  overflow: hidden;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row{display: flex; align-items: center; justify-content: space-between; margin: 0 0 12px 0;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row .logo_item{text-align: center; width: 50px;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row .logo_item .logo{width: 33px; margin: 0 auto;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row .logo_item.on{border: 1px solid gainsboro;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row .logo_item .logo .logo_detail{width: 100%;}
.modal .modal-dialog .modal-content .modal-body .brand_area .brand_logo_area .row .logo_item .brand_name{font-size: 10px;}

.modal .modal-dialog .modal-content .modal-body .car_item_area{}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_info_text{font-size: 16px; font-weight: bold; margin: 10px 0;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area{background-color: #ffffff; border-radius: 11px; margin-top: 10px;  overflow: hidden;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container{}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper{}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide{ padding:10px; }
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row{width:100%; margin:0 auto;  display: flex; justify-content: space-between;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row.type{justify-content: flex-start; padding-left: 18px;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row .item_list{ }
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row .item_list label{width: 100px; height: 34px; border-radius: 12px; border:1px solid #dddde0; text-align: center;
    line-height: 34px;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row .item_list input[class="check_detail"]:checked + label {border:1px solid#0091ff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -5px;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: auto;}
.swiper-pagination-bullet-active{width: 15px; border-radius: 5px;}
:root { --swiper-theme-color: black; }

.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area.type {padding-top: 10px;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row {width:100%; margin:0 auto; display: flex; justify-content: space-between;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row.type{justify-content: flex-start; padding-left: 18px;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row .item_list{ }
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row .item_list label{width: 100px; height: 34px; border-radius: 12px; border:1px solid #dddde0; text-align: center; line-height: 34px;}
.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row .item_list input[class="check_detail"]:checked + label {border:1px solid#0091ff;}
.modal .modal-dialog .modal-content .modal-body .modal_btn_area{text-align: center; margin-top: 30px;}
.modal .modal-dialog .modal-content .modal-body .modal_btn_area .btn_detail{width: 100%; height: 44px; color: #ffffff; background-color: #0091ff; border: 0; font-size: 16px; border-radius: 12px;}

.modal .modal-dialog .modal-content .modal-footer{}

.modal.type{top: 75%;}
.modal.type .modal-dialog{margin:  0 auto;}
.modal.type .modal-dialog .modal-content{border-top-left-radius: 20px;  border-top-right-radius: 20px;} 
.modal.type .modal-dialog .modal-content .modal-header{}
.modal.type .modal-dialog .modal-content .modal-header .modal-title{font-weight: bold;}
.modal.type .modal-dialog .modal-content .modal-body{background-color: #ffffff;  padding: 10px 20px; height: auto;}
.modal.type .modal-dialog .modal-content .modal-body .check_item{}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row{margin: 10px 0;}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row .check_item_text{font-size: 15px;}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row .label_detail{display: block;}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row .label_detail .fa-check{ display: none; float: right;}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row input[class="check_input"]:checked + label{color:#0091ff}
.modal.type .modal-dialog .modal-content .modal-body .check_item .row input[class="check_input"]:checked + label .fa-check{display: block;color:#0091ff }

.modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row.type{justify-content: flex-start; padding-left: 18px;}

.pagination{display: block;text-align: center;}
.pagination .page_detail{padding: 5px 10px; color: #000; text-decoration: none;}
.pagination .page_detail.type{border: 1px solid #d0d2d3; border-radius: 5px;}
.pagination .page_detail.type.active{background-color:#ccc; color: #fff;}

@media (max-width: 360px){
    .modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .swiper-container .swiper-wrapper .swiper-slide .row .item_list label{
        width:82px;
        font-size: 14px;
    }
    .modal .modal-dialog .modal-content .modal-body .car_item_area .item_check_area .row .item_list label{
        width:90px;
        font-size:13px;
    }
}