/* 멤버십 양도 */
.transfer_modal.fade .modal-dialog {width:800px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.transfer_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.transfer_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.transfer_modal .modal-dialog .modal-content .modal-header .title {font-size:18px; font-weight:700; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-header p:last-child { font-weight:700; float:right; }
.transfer_modal .modal-dialog .modal-content .modal-header p:last-child span { margin-left:5px; font-weight:400; }
.transfer_modal .modal-dialog .modal-content .modal-body {padding:0 0 10px 0; margin-top:20px;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top { width:100%; display:table; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .box_title { font-size:18px; font-weight:700; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box { width:45%; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li { margin-top:20px; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span { padding-left:10px; margin-left:5px; position:relative; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span::after { content:''; display:block; width:1px; height:60%; position:absolute; top:20%; left:0; background:#777; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span:first-child { padding-left:0; margin-left:0; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p span:first-child::after { display:none; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(1) { height:113px; padding-top:50px; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(2) { height:61px; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box { width:10%; height:304px; position:relative; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box img { width:40px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box { width:45%; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li { margin-top:20px; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box {width:150px; float:left; height:36px; position:relative; margin-bottom:10px;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box img {position:absolute; top:50%; transform:translateY(-50%); left:5px; z-index:1;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input {width:100%; height:36px; border:1px solid #E9ECF0; border-radius:5px; background:none; position:absolute; left:0; padding:0 10px 0 30px; font-size:14px; background:#fff;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input::placeholder {color:#B5BDC4;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box .search_list {position:absolute; top:40px; left:0; width:150px; background:#fff; color:#fff; border-radius:5px; transition:.4s ease-in; z-index:1; border:solid 1px #E9ECF0; display:none; margin:0; padding:10px;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_btn {background:#3985EA; border-radius:5px; color:#fff; margin-left:5px;}
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box { margin-top:10px; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box textarea { width:100%; height:62px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; resize:none; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box input { height:36px; margin-right:5px; padding:0 10px; border:1px solid #E9ECF0; border-radius:5px; text-align:right; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance { max-width:40%; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance label { width:100%; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .img_box { width:10%; height:45px; margin-right:10%; position:relative; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .img_box img { width:20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom { margin-top:20px; border-top:1px solid #E9ECF0; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box { width:100%; margin-top:20px; display:table; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box label { width:100px; float:left; }
.transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box textarea { width:calc(100% - 100px); height:100px; padding:10px; border:1px solid #E9ECF0; border-radius:5px; float:left; resize:none; }
.transfer_modal .modal-dialog .modal-content .modal-footer {border:none; display:table; padding:0; padding-top:30px; background:#fff; position:relative; top:-1px; width:100%;}
.transfer_modal .modal-dialog .modal-content .modal-footer .btn_box {margin:0 auto; display:table;}
.transfer_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; float:left; margin-right:10px;}
.transfer_modal .modal-dialog .modal-content .modal-footer .seve_bth {color:#fff; width:100px; height:36px; background:#3985EA; border-radius:16px; font-size:14px; margin-left:10px;}
/* 멤버십 양수인 조회 */
.search_modal.fade .modal-dialog {width:700px; background:none; bottom:0; z-index:1; border-radius:5px; position:absolute; top:50%; left:50%; transform:translate3d(-50%, -50%, 0); margin:0; display:table;}
.search_modal .modal-dialog .modal-content {border:none; width:100%; padding:30px; float:left;}
.search_modal .modal-dialog .modal-content .modal-header {padding:0; padding-bottom:30px; border:none; display:block; border-radius:0; border-bottom:1px solid #E9ECF0;}
.search_modal .modal-dialog .modal-content .modal-header .title {font-size:18px; font-weight:700; float:left; }
.search_modal .modal-dialog .modal-content .modal-header p:last-child { font-weight:700; float:right; }
.search_modal .modal-dialog .modal-content .modal-header p:last-child span { margin-left:5px; font-weight:400; }
.search_modal .modal-dialog .modal-content .modal-body {padding:0 0 10px 0; margin-top:20px;}
.search_modal .modal-dialog .modal-content .modal-body .input_box {  width: 100%; height: 36px; float: none; }
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box { width: 200px; height: 36px; position: relative; float: left;}
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box img {position: absolute;top: 50%;left: 10px;transform: translatey(-50%);}
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box input {width: 100%;height: 100%;padding-left: 40px;border: 1px solid #E9ECF0;color: #8F8F8F;border-radius: 5px;font-size: 14px;}
.search_modal .modal-dialog .modal-content .modal-body .input_box .search_box input::placeholder {color: #B5BDC4;}
.search_modal .modal-dialog .modal-content .modal-body .input_box button {font-size: 14px;font-weight: 700;color: #3985EA;background: none;float: left;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table {height:300px; margin-top:20px; border-bottom:1px solid #E9ECF0; overflow:auto;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table {width:100%; border-collapse:collapse;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th {position:sticky; top:0; padding:0 10px; line-height:30px; background:#F8FBFF;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th::after {content:''; display:block; position:absolute; top:-1px; left:2%; width:95%; height:1px; background:#F8FBFF;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th:first-child { border-radius:5px 0 0 5px;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table thead tr th:last-child { border-radius:0 5px 5px 0;}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table tbody tr td:first-child {cursor: pointer; color: #3985EA}
.search_modal .modal-dialog .modal-content .modal-body .modal_table table tbody tr td {line-height:30px; padding:5px 10px; border-bottom:1px solid #E9ECF0;}
.search_modal .modal-dialog .modal-content .modal-footer .cancel_btn {color:#fff; width:100px; height:36px; background:#F8FBFF; color:#21272C; border-radius:16px; font-size:14px; display: table;}

/* 멤버십 충전 */
.charge_modal.fade .modal-dialog { width:310px; height:445px; background:none; bottom:0; z-index:1; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; display:table; }
.charge_modal.fade .modal-dialog .modal-content { height:100%; }
.charge_modal.fade .modal-dialog .modal-content .modal-header { padding:20px; margin-top:10px; border-bottom:0; }
.charge_modal.fade .modal-dialog .modal-content .modal-header p { font-size:16px; font-weight:700; }
.charge_modal.fade .modal-dialog .modal-content .modal-header p:last-child { margin-top:5px; font-size:18px; color:#3985EA; }
.charge_modal.fade .modal-dialog .modal-content .modal-body { padding:0 20px 20px 20px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body p { font-weight:700; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box {width:100%; height:36px; margin-top:10px; border:1px solid #E9ECF0; border-radius:5px; background:url(../../image/web/select_arrow.svg) no-repeat 95% 55%/20px auto #fff;}
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .label {width:100%; height:100%; padding:0 10px; outline:none; font-size:14px; font-weight:400; text-align:left; color: #494E53; cursor:pointer; background:none;}
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list {min-width:100%; border-radius:5px; transition:.4s ease-in; border:Solid 1px #E9ECF0; padding:10px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item {width:100%; line-height:30px; transition:.1s; position:relative; display:table; font-size:14px; color:#494E53;}
.charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item label {width:100%; line-height:30px; margin-bottom:0px; clear:both; font-weight:400;}
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box { width:100%; margin-top:20px; display:table; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box p { margin-bottom:10px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button { width:calc((100% - 10px) / 3); padding:0; margin-left:5px; border:solid 1px #D8DDE3; border-radius:5px; background:none; float:left; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { margin-right:5px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.account_btn img { width:18px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.card_btn { margin-left:0; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.on { color:#fff; background:#3985EA; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button:hover { background: #3985EA !important; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box.openBox { display:block; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box p { margin-bottom:10px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:first-child {margin-right: 6px;}
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { float: left;border-radius: 5px;width: 131px;font-size: small; color:#333;background-color: white;border: 1px solid #ccc;cursor: pointer; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button.active { background-color: #007bff;color: white;border: 1px solid #0056b3; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button:hover { color: white; background: #007bff !important; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box { margin-top:20px; display:none; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .input_box input { width:100%; height:36px; margin-top:10px; padding:0 10px; border:solid 1px #D8DDE3; border-radius:5px; }
.charge_modal.fade .modal-dialog .modal-content .afterShow { display:none; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow { height:190px; text-align:center; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow img { margin-top:80px; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.first { margin-top:30px; font-size:20px; font-weight:700; }
.charge_modal.fade .modal-dialog .modal-content .modal-body .afterShow p.last { margin-top:5px; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer { width:100%; position:absolute; bottom:0; right:0; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box { width:100%; text-align:center; display:table; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button { width:70px; line-height:32px; border-radius:16px; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.cancel_btn { background:#F8FBFF; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.pick_payment_btn { color:#fff; background:#3985EA; }
.charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button.check_btn { color:#fff; background:#3985EA; }




@media only screen and (max-width: 1280px){
    .transfer_modal.fade .modal-dialog { width:700px;}
    .transfer_modal .modal-dialog .modal-content { padding:30px; }
    .transfer_modal .modal-dialog .modal-content .modal-header { padding-bottom:20px; }
    .transfer_modal .modal-dialog .modal-content .modal-header .title { font-size:16px; }
    .transfer_modal .modal-dialog .modal-content .modal-header p:last-child { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .box_title { font-size:14px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li { margin-top:15px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li label { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li p { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(2) { height:58px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box { height:270px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .img_box img { width:30px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li { width:100%; margin-top:15px; display:table; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul li label { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .balance { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .input_box input { height:32px; font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box { height:32px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box img { width:22px; height:22px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .search_list .search_box input { height:32px; font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .right_box ul .textarea_box textarea { height:56px; font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_top .left_box ul li:nth-child(1) { height:103px; padding-top:45px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box label { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-body .transfer_bottom .textarea_box textarea { font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-footer { padding-top:20px; }
    .transfer_modal .modal-dialog .modal-content .modal-footer .cancel_btn { width:80px; height:32px; margin-right:0; font-size:12px; }
    .transfer_modal .modal-dialog .modal-content .modal-footer .seve_bth { width:80px; height:32px; font-size:12px; }

    /* 멤버십 충전 */
    .charge_modal.fade .modal-dialog { width:270px; height:400px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-header { padding:15px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-header p:first-child { font-size:14px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-header p:last-child { font-size:14px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body { padding:15px; padding-top:0; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul { padding:10px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul li:first-child { margin-top:0; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul li .title { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul li p { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul li p.last { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body ul li.remaining p { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box { height:32px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .label { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .select_box_box .select_box .select_option_list .option_list_item { font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button img { width:16px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .button_box button.account_btn img { width:15px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .input_box input { height:32px; font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .subP { margin-top:35px; font-size:12px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-body .input_box .cashReceiptsType button { width:116px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-footer { padding-top:15px; }
    .charge_modal.fade .modal-dialog .modal-content .modal-footer .button_box button{ width:65px; height:30px; font-size:12px; }
}