@charset "utf-8";

.popup_terms.type2 .inner .inner_middle::-webkit-scrollbar{width:7px;}
.popup_terms.type2 .inner .inner_middle::-webkit-scrollbar-track{background:rgba(238,238,238,0);}
.popup_terms.type2 .inner .inner_middle::-webkit-scrollbar-thumb{scroll-height:25px;background:#ccc;border-radius:10px;}
.popup_terms.type2 .inner .inner_middle::-webkit-scrollbar-thumb:hover{background:#a0a0a0;}

.layout_deal_wrap{margin:0 0 50px;text-align:center;}

.layout_deal{display:flex;flex-direction:row;flex-wrap:wrap;border:solid #ddd;border-width:1px 0 0 1px;}
.layout_deal.type_center{justify-content:center;}
.layout_deal .item_deal{flex:0 1 calc(100% / 3);}
.layout_deal.col2 .item_deal{flex-basis:calc(100% / 2);}
.layout_deal.col3 .item_deal{flex-basis:calc(100% / 3);}
.layout_deal.col4 .item_deal{flex-basis:calc(100% / 4);}
.layout_deal .item_deal .btn_item_deal{display:flex;flex-direction:column;position:relative;width:100%;height:100%;padding:0 0 20px;border:solid #ddd;border-width:0 1px 1px 0;}
.layout_deal .item_deal .btn_item_deal span{display:flex;width:100%;padding:0 10px 0;text-align:left;box-sizing:border-box;}
.layout_deal .item_deal .btn_item_deal .item_deal_number{display:inline-block;position:absolute;top:0;left:0;width:35px;height:35px;background:rgba(0,0,0,.6);color:#fff;font-size:22px;font-weight:500;line-height:35px;text-align:center;}
.layout_deal .item_deal .btn_item_deal .item_deal_img_wrap{display:block;width:100%;overflow:hidden;padding:0;}
.layout_deal .item_deal .btn_item_deal .item_deal_img_wrap .item_deal_img{display:block;max-width:100%;transition:all .3s}
.layout_deal .item_deal .btn_item_deal .item_deal_name{margin:15px 0 10px;font-size:16px;color:#333;font-weight:600;}
.layout_deal .item_deal .btn_item_deal .item_deal_opt{margin:5px 0 0;font-size:14px;color:#222;}

.deal_info_img_wrap{text-align:center;}
.deal_info_img_wrap img{display:inline-block;max-width:100%;}

@media (max-width:767px){
    .layout_deal_wrap{margin:0 0 30px;}
    .layout_deal.type_center{justify-content:flex-start;}
    .layout_deal .item_deal{flex-basis:calc(100% / 2);}
    .layout_deal .item_deal .btn_item_deal{padding:0 0 10px;}
    .layout_deal .item_deal:hover .btn_item_deal .item_deal_img{transform:none;}
    .layout_deal .item_deal .btn_item_deal .item_deal_name{overflow:hidden;padding-top:10px;font-size:14px;}
    .layout_deal .item_deal .btn_item_deal .item_deal_opt{font-size:13px;}

}
