.top_input > div {margin-bottom: 10px;}
.modal_ele_name{font-weight: 600; font-size: 16px; color: #333;}
.modal_input_div{width: 80%; position: relative; border: 1px solid #ddd; border-radius: 4px; }
.modal_date_div > input {border: none; font-size: 14px;}
.modal input[type=search] {padding: 0 8px; width: calc(100% - 15px);}
.modal input{border-radius: 4px;}

.bw_modal2 .min_txt.red{text-align: left;}



/* 로열티 관리 모달 (16-1) */
.royal_modal_1 .top_input > div {display: flex; justify-content: space-between; align-items: center;}
.bottom_input .modal_chart {margin-top: 20px;}
.bottom_input .modal_chart > li {display: flex; align-items: center; padding: 12px 20px; font-size: 14px;}
.bottom_input .modal_chart > li label{ }
.bottom_input .modal_chart > li label p{width: calc(100% - 16px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bottom_input .modal_chart > .modal_chart_hd > div:first-child {width: 57%;}
.bottom_input .modal_chart > .modal_chart_body > div:first-child { text-align: left; width: calc(100% - 160px);}
.modal_chart_hd {background-color: #464646;}
.modal_chart_hd p {color: #fff; text-align: left; font-weight: 500;} 
.modal_chart_body{border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.modal_chart_nt_div > input {padding: 10px; width: 160px; height: 30px;}
.check input[type=checkbox] + label:before{margin-right: 7px;}
.modal .search_btn {
    width: 30px;
    height: 30px;
    background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/168062874244340.png) no-repeat center center;
    background-size: 20px 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
}

/* 로열티 관리 모달 (16-3) */
.modal_input_ele{margin-bottom: 20px;}
.modal_input_ele:last-child{margin-bottom: 0;}
.modal_input_ele > h5 {text-align: left; font-size: 16px; font-weight: 700; margin-bottom: 7px;}
.flex_select {display: flex; justify-content: space-between;}
.flex_select > select {width: calc((100% - 20px ) / 2); border-radius: 3px;}

.modal_mintxt{text-align: left ; line-height: 1.4; margin-top: 4px;}




.franchisee_status_modal_1 .modal_input_ele > h5{font-size: 14px;}





















/* ********************************************* *
* 1400px max
* ********************************************* */
@media (max-width:1400px){
.modal-sm.password_modal {width: 60%;}
.password_modal .input_box { width: 75%;}
.password_modal .input_box .password {width: 23%;}
.modal-sm.shop_view_next {width: 50%;}
}

/********************************************* *
* height 800px max
* ********************************************* */
@media (max-width:800px){
.modal-sm.shop_view_next {width: 70%;}

.cupon_modal .shopping_basket .in_body ul{display: inherit;}
.cupon_modal .shopping_basket .table_body .how{width:100%;}
.cupon_modal .shopping_basket .table_body .p-name{width:100%;}
.cupon_modal .shopping_basket .table_body .but {position: absolute; right: 0; top: 50%;transform: translateY(-50%);}



}
/* ********************************************* *
* 768px max
* ********************************************* */
@media (max-width:768px){
.modal-sm.password_modal {width: 90%;}
.password_modal .button button:first-child {margin-right: 10px;}
.popup_m .tabSet ul.tabs li a {font-size: 12px;}

.popup_m .panels {margin-top:0;}

.modal.popup_m .modal-wrap {
width: 90% !important;}

.modal.popup_m { background-color: hsla(0,0%,0%,0.4);}
.popup_m.modal{width:100% !important;     height: 100%;position:fixed;}
.modal.popup_m .modal-wrap{position:absolute;top:50% !important;;left:20px;transform:translateY(-50%) !important;}



.cal_mo .modal-sm.shop_view_next{min-width: 100%;}

.sear_produ .btn-container li.col-xs-6 {width: 33.3%;}
.sear_produ .modal-wrap {height: 497px;}



}

/* ********************************************* *
* width 800px max
* ********************************************* */
@media (max-width:640px){
.cart_modal .select_list .select_numder {justify-content: center;}
.cart_modal .product_con {flex-direction: column; }
.cart_modal .product_con .produc_txt {width: 100%; padding-left: 0;margin-top: 20px;}

.modal-container { padding: 20px;}
}



/* ********************************************* *
* 480px max
* ********************************************* */
@media (max-width:480px){
.password_modal .input_box { width: 100%;}
.password_modal .input_box .password {width: 25%;}
.password_modal .button {width: 100%;}
.modal-sm.shop_view_next {width: 90%;}

.cart_modal .select_con .select_list{display: block; position:relative }
.cart_modal .select_list .close{position:absolute; top:10px; right:0px;}

.cart_modal .select_list .select_price {
text-align: right;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: row-reverse;
}
.cart_modal .select_list .select_name {
width: 100%;
}
.cart_modal .select_list .select_numder{position:absolute; bottom:15px; left:0px;width: auto;}

.cart_modal .select_list .select_price {margin-top: 20px;width: 100%;}
.cart_modal .select_list .span_ac_point {font-size:10px}
.cart_modal .select_list .product_accumulate {color: #888;}
.cart_modal .select_list .product_price { margin-left:10px; }
.cart_modal .select_list .span_price{font-weight:500;font-size: 1.25rem;}


.modal.popup_m .modal-wrap {
width: 90% !important;margin:0 auto;
}

.sear_produ .btn-container li.col-xs-6 {width: 50%;}
.sear_produ .modal-wrap {height: 497px;}
.popup_m .panel { height: auto;}

}






/* ********************************************* *
* 350px max
* ********************************************* */
@media (max-width:1024px){

.modal-sm.cupon_modal {
width: 80%;}


}
/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
.cal_mo .call button{width:100px;}
.cal_mo .call input{width: calc(100% - 100px);}
.cal_mo .call {width: 100%;}


.cupon_modal .shopping_basket .table_body .but {position: inherit; right: 0; top: auto;transform: none;width: 100%;}
.cupon_modal .shopping_basket .table_body .but button {margin-top:5px;padding: 5px 0;color:#333;}
.cupon_modal .shopping_basket .table_body .how {font-size: 0.9rem; opacity: 0.7;margin-top:2px;}
.modal-sm.cupon_modal {border-radius: 10px;width: 90%;}
.modal-container .modal-out-tit {font-size: 1.125em;}

}

/* ********************************************* *
* 350px max
* ********************************************* */
@media (max-width:350px){

.modal-container {padding: 39px 18px 32px; }
.password_modal .input_box .password {margin-right: 10px;  width: 30%; }
.secession .but button {padding: 10px 0; }
.password_modal .button button:first-child { padding: 8px 0;}
.popup_m .panel {height: auto;}
.modal.popup_m .modal-wrap{left:50%;transform: translate(-50% , -50%) !important}
}