@charset "UTF-8";

/* tag reset */
html,body{height: 100%}
body, nav, h1, h2, h3, h4, h5, h6, p, ul, button, input,textarea, th, td{padding: 0; margin: 0;}
body{font-size: 16px;font-family: NotoSans,"MalgumGothic","sans-serif";color: #333;font-weight: 400;}
a:link,a:visited,a:hover,a:active{color: inherit;text-decoration: none;outline:none}
h1,h2,h3,h4,h5,h6{font-size: inherit;}
ul{list-style: none}
img{border: none;vertical-align: top;max-width: 100%;height: auto;}
input, button{font-family: inherit;font-size: inherit;color: inherit;}
input[type="text"]{border: none;}
input[type="text"], input[type="password"]{padding: 2px 12px}
textarea{padding: 6px}
button{cursor: pointer;border: none;background: none;}
em,address{font-style:normal}
table{border-spacing: 0px;border-collapse: collapse}

/* commmon */
.blind{font-size: 0; width: 1px;height: 1px;line-height: 0;overflow: hidden;position: absolute;top: 0;left: -9999px;text-indent: -9999px}
.hide{font-size: 0;line-height: 0;text-indent: -9999px}
.clearfix:after{content: "";display: block;clear: both}
.p_r{position: relative;}

.btn1{background: #f29c00;border-radius: 4px; color: #fff;padding: 6px 20px;}
.btn2{background: #000;color: #fff;padding: 6px 20px;}
.btn3{background: #666;color: #fff;padding: 6px 20px;border-radius: 4px}
button img.icon_btn{margin-left:18px;vertical-align: middle;}
input + label{padding: 0 4px}
label + input{margin-left: 10px}

.btm_ctrl{width: 100%;margin-top: 18px;text-align: center;font-size: 14px}

/* header */
.header, .header > *{position: fixed;left: 0;width: 100%;}
.header{z-index: 500;top: 0}
.header .header_top{top: 0;width: 100%;height: 60px;background: #fff;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); z-index:100;}
.header .header_top > *{float: left}
.header .header_top h1{padding: 9px 0 10px 30px;font-size: inherit;}
.header .header_top h1 a{display: block;width: 103px;height: 100%}
.header .header_top h2{margin-left: 30px;font-size: 20px;line-height: 63px;position: relative;font-weight: bold;font-family: NotoSans,"MalgumGothic","sans-serif";}
.header .header_top .go_table:after{z-index:-1; border: 1px solid #f49d00;content:""; position:absolute; display:block; width:190px; height:35px;border-radius: 45px;top: 13px;left: -15px;}
.header .header_top .go_table img{width: 18px;padding: 22px 5px;box-sizing: content-box;}

.header .header_top .header_util {float:right; text-align:right;margin-right: 30px}
.header .header_top .header_util .login_info {position:relative; display:inline-block; margin:17px 10px 0 0;}
.header .header_top .header_util .login_info span {font-size:17px; font-weight:600; vertical-align:bottom;}
.header .header_top .header_util .login_info em {margin-left:3px; font-size:12px; font-weight:400;}
.header .header_top .header_util .login_my{font-size: 14px}

.header .header_top .header_util .login_cnts {display:inline-block;}
.header .header_top .header_util .login_btns {display:inline-block;}
.header .header_top .header_util .login_btns button {display:inline-block; font-weight:600; color:#f29c00; font-size:13px; padding:5px 20px 5px 10px;}
.header .header_top .header_util .btn_logout {position:relative; background:url(/image/common/icon_logout.png) no-repeat right center; background-size:16px;}
.header .header_top .header_util .btn_logout:after {content:""; position:absolute; display:block; width:1px; height:20px; left:0px; top:4px; background-color:#ccc;}
.header .header_top .header_util .btn_help {background:url(/image/common/icon_info.svg) no-repeat right center; background-size:16px;}

.header .gnb{top: 60px;width: 100%;height: 40px;background: #f29c00;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.3); z-index:50;}
.header .gnb.main_gnb{height: 14px}
.header .gnb ul li{width: 120px;height: 40px;float: left;}
.header .gnb ul li a{display: block;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #fff}
.header .gnb ul li:hover a, .header .gnb ul li a:focus, .header .gnb ul li.on a{background: #fac900;color: #000;font-weight: 700}

/* sub_nav */
.sub_nav{position: fixed;top: 100px;left: -200px;width: 200px;height: 100%;background: #ddd;text-align: center; transition: left 0.2s;}
.sub_nav.on {top: 100px;left: 0;}
.sub_nav h3{font-size: 25px;height: 100px;line-height: 100px;}
.sub_nav ul li{height: 40px;}
.sub_nav ul li:nth-child(even){border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.sub_nav ul li a{position: relative;display: block;width: 100%;height: 40px;line-height: 40px;color: #fff;background: #777}
.sub_nav ul li:hover a,.sub_nav ul li:hover a:focus,.sub_nav ul li.on a{background: #333;}
.sub_nav ul li.on a:before{content: "";position: absolute;left: 20px;top: 15px;width: 12px;height: 10px;background: url("/image/common/arrow.png") no-repeat center;}

.sub_nav.on ~ #frm > div {margin-left: 200px !important;}
.sub_nav ~ #frm > div {margin: 0 auto !important;}
.sub_nav.on ~ .cnt {margin-left: 200px !important;}
.sub_nav ~ .cnt {margin: 0 auto !important;}

.sub_nav.on ~ .more_nav {left: 30px;}
.sub_nav.on ~ .more_nav:hover {cursor: pointer;}
.more_nav{position: fixed; bottom: 30px; left: 30px; background: #ccc; width: 30px; height: 30px; padding: 4px; border-radius: 1000px;}
.more_nav > p {display: inline-block; position: relative; width: 100%; height: 100%;}
.sub_nav.on ~ .more_nav:after {content: "<"; font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold;}
.sub_nav ~ .more_nav:after {content: ">"; font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: bold;}


 /* .main_contents */
.main_contents{position: relative;width: 100%;height: calc(100% - 100px);padding-top: 100px}
.main_contents .cnt_wrap{position: absolute;top: 50%;left: 50%;margin-top: -250px;margin-left: -500px;width: 1000px;text-align: center}
.main_contents .cnt_wrap > div{float: left;width: 400px;}
.main_contents .cnt_wrap > div > a{display: block;border-radius: 70px;background: #f29c00;width: 400px;height: 72px;line-height: 72px;color: #fff;font-size: 30px;font-weight: 700}
.main_contents .cnt_wrap .login > img{margin-bottom: 40px}
.main_contents .cnt_wrap .login > input{width: 330px;height: 50px;text-align: center;border: none;border: 1px solid #ddd;font-size: 14px;border-radius: 50px; padding: 2px 12px; margin-bottom: 10px;}
.main_contents .cnt_wrap .login > input:focus{ border: 1px solid #f29c00; outline: none; border-radius:30px; }
.main_contents .cnt_wrap .login > a{margin: 15px 0 28px}
.main_contents .cnt_wrap .login div{font-size: 14px;}
.main_contents .cnt_wrap .login div a{position: relative;}
/*.main_contents .cnt_wrap .login div a:after{content: "";position: absolute;width: 100%;height: 1px;background: #333;left: 0;bottom: -2px}*/

.main_contents .cnt_wrap .join{margin-left: 200px;}
.main_contents .cnt_wrap .join h4{position: relative;font-size: 35px;padding-top: 50px;margin-bottom: 74px}
.main_contents .cnt_wrap .join h4:after{content: "";position: absolute;height: 4px;width: 150px;left: 125px;bottom: -5px;background: #f29c00}
.main_contents .cnt_wrap .join p{ padding: 33px 0px;;line-height: 1.8;}
.main_contents .cnt_wrap .join .btn_join{margin-top: 56px;}

.main_contents .cnt_wrap .login_keeping{text-align: start; padding: 10px 50px;}
.login_keeping input{border-radius: 20px;}
.login_keeping .chk{ position: absolute;width: 0px; height: 0px;  margin: 8px; overflow: hidden;border: 0; opacity: 0;}
.login_keeping .chk label{ display: inline-block; position: relative;}
.login_keeping .chk_round + label:before{ border-radius: 50%;}
.login_keeping .chk_round + label:before{ width: 17px; height: 17px; content: "";position: absolute; left: 30px; top: 310px;border: 1px solid #bbb; background-color: #fff;}
.login_keeping .chk_round:checked + label:before{ background-image: url(/image/common/icon_chkbox_roundx2.png);}
.login_keeping .chk:checked + label:before{ width: 17px; height: 17px; border: none; background-size: cover;}

/* cnt */
.cnt{padding: 126px 0 50px 36px;margin-left: 200px;width: 76%;min-height: 100%;box-sizing: border-box;}
.cnt > div + div{margin-top: 50px;}
.cnt .sub_tit{position: relative;font-size: 18px;padding-left: 25px;margin-bottom: 36px}
.cnt .sub_tit:before{content: "";position: absolute;width: 15px;height: 4px;background: #f29c00;left: 0;top: 10px}
.cnt > div{width: 100%;}
.cnt .tab_list{position: relative;width: 100%;}
.cnt .tab_list li{float: left;width: calc(100% / 5);height: 38px;border: 1px solid #f29c00;box-sizing: border-box;margin-bottom: 6px}

.cnt .tab_list li + li{border-left: none}
.cnt .tab_list li:nth-child(5n+1){border-left: 1px solid #f29c00}
.cnt .tab_list li a{display: block;width: 100%;height: 100%;line-height: 38px;text-align: center;}
.cnt .tab_list li:hover a,.cnt .tab_list li a:focus,.cnt .tab_list li.on a{background: #f29c00;color: #fff}

.cnt .row_first{border-top: 2px solid #333;}
.customer_list.cnt .row_first{border-top: 1px solid #333;border-bottom: 1px solid #333;}
.cnt .row_last{border-bottom: 2px solid #333;}
.cnt .btn_wrap{text-align: center}
.cnt .btn_wrap button{background: #f29c00;width: 144px;height: 54px;border-radius: 10px;color: #fff;font-size: 20px;}
.cnt input[type="text"], input[type="password"]{border: 1px solid #ccc}

.cnt .tb_shop tr{min-height: 60px}
.cnt .tb_shop tr + tr{border-top: 1px solid #bbb;}
.cnt .tb_shop tr th{font-size: 14px;font-weight: 400;background: #f5f5f5;width: 144px;padding: 0 12px;}
.cnt .tb_shop tr td{font-size: 14px;width: 232px;padding: 10px 20px;}
.cnt .tb_shop tr td input[type="text"], .cnt .tb_shop tr td input[type="password"]{height: 38px;width: 90%;}
.cnt .tb_shop tr td .ip_select{height: 38px;width: 100%;margin: 7px 0}
.cnt .tb_shop tr td button{width: 110px;height: 40px;background: #333;color: #fff;margin-left: 15px;font-size: 14px}

.tb, .tb div{box-sizing: border-box;text-align: center;font-size: 14px;}
.tb .tb_top > div{font-weight: 600}
.tb .tb_top, .tb .tb_data .tb_row{display: table;border-bottom: 1px solid #bbb;width: 100%;table-layout: fixed;}
.tb .tb_top > div, .tb .tb_row > div{display: table-cell;height: 50px;border-left: 1px solid #bbb;vertical-align: middle;padding: 4px 6px}
.tb .tb_row > div{height: 43px}
.tb .tb_top > div span{font-size: 12px;margin-top: -8px;}
.tb .tb_top > div:first-child, .tb .tb_row > div:first-child{border-left: 0}

.tb .tb_top, .tb .row_tit{background: #f5f5f5}
.tb .tb_row{display: table;table-layout:fixed;width: 100%;font-size: 14px;border-bottom: 1px solid #bbb;min-height: 68px}
.tb .tb_row .row_tit{display:table-cell;vertical-align: middle;width: 120px;text-align: center;}
.tb .tb_row .row_cnt{display: table-cell;vertical-align: middle;padding: 12px}

.tb .tb_top .table_sub {padding: 0;}
.tb .tb_top .table_sub .table_sub_title{padding: 3px 0; width: 100%; border-bottom: 1px solid #bbb; }
.tb .tb_top .table_sub .table_sub_item_list{display: flex; justify-content: center; align-items: center;}
.tb .tb_top .table_sub .table_sub_item_list div{flex: 1; padding: 5px 10px;}
.tb .tb_top .table_sub .table_sub_item_list div:not(:last-child){border-right: 1px solid #bbb;}

.tb .tb_row .table_content_sub {padding: 0}
.tb .tb_row .table_content_sub .table_content_sub_container{display: flex; height: 100%; width: 100%; padding: 0; align-items: center; justify-content: center;}
.tb .tb_row .table_content_sub div {flex:1; vertical-align: middle; padding: 4px 6px;}
.tb .tb_row .table_content_sub div:not(:last-child){border-right: 1px solid #bbb;}

.tb .tb_row.last {background-color:#fac900}
.tb .tb_row .datepicker{width: 64px}

.tb_pagination{text-align: center;padding: 10px 0;font-size: 14px}
.tb_pagination ul{display: inline-block}
.tb_pagination ul li{float: left;width: 36px;height: 36px;margin: 0 2px}
.tb_pagination ul li a{display: block;width: 100%;height:100%;line-height: 36px;}
.tb_pagination ul li .btn_min{background: url("/image/common/p_first.png") no-repeat center;background-size: 12px;}
.tb_pagination ul li .btn_prev{background: url("/image/common/p_prev.png") no-repeat center;background-size: 9px;}
.tb_pagination ul li .btn_next{background: url("/image/common/p_next.png") no-repeat center;background-size: 9px;}
.tb_pagination ul li .btn_max{background: url("/image/common/p_last.png") no-repeat center;background-size: 12px;}
.tb_pagination ul li.on a{background: #000;color: #fff}

.lv_graph{position: relative;height: 30px;}
.lv_graph:before{content: "";position: absolute;height: 1px;background: #bbb;top: 15px;z-index: 1}
.lv_graph ul{position: relative;z-index: 10}
.lv_graph ul li{float: left;width: 22px;height: 22px;font-size: 0;line-height: 0;;text-align: center;}
.lv_graph ul li .ip_radio{display: block;width: 20px;height: 20px;border: 1px solid #bbb;background: #fff;border-radius: 50%;margin: 0 auto}
.lv_graph ul li .ip_radio + label{display: block;padding-top: 10px}

/* .footer */
.footer {margin-left:16%; text-align:center;margin-top: 50px}
.footer *{font-size:12px; font-weight:600; color:#666; line-height:1.5;}
.footer p {margin-bottom:2px;}
.footer.main_footer{margin-left: 0}

/*tooltips*/
.tooltip_container:after {content:""; display:block; clear:both;}
.tooltip_container .sub_tit {float:left;}
.tooltip_container .tooltip_wrap {float:left; position:relative;}
.tooltip_wrap .btn_tooltip {width:20px; height:20px; margin:0 0 0 10px;}
.tooltip_wrap .tooptip_box {transition: 0.3s ease 0.1s; z-index:-1; opacity:0; position: absolute; width:450px; padding:20px 20px 16px 16px; top:0; left:48px; border-radius:12px; background:#fff; border:1px solid #ababab; box-sizing:border-box; box-shadow:5px 5px 5px rgba(0,0,0,0.16);}
.tooltip_wrap .tooptip_box:before {content:""; position:absolute; left:-16px; top:0; display:block; width:16px; height:34px; background:url('/image/sub/tooptipbox_corner.png') no-repeat left top;}
.tooltip_wrap .tooptip_box ul {margin-top:6px;}
.tooltip_wrap .tooptip_box ul li {position:relative; margin-bottom:2px; padding-left:12px;}
.tooltip_wrap .tooptip_box ul li:before {content:"-"; display:block; position:absolute; left:0; left:5px;}
.tooltip_wrap .btn_tooltip:hover + .tooptip_box {opacity:1; z-index:100;}

/* agreement_join.html */
.agree_contents{padding-right: 36px;;margin: 0 auto}
.agree_all{font-size: 18px;font-weight: 500;padding: 24px 0}
.agree_txt{padding: 24px;font-size: 14px;line-height: 1.5;border: 1px solid #ccc;max-height: 200px;overflow-y:auto}
.chk_agree{padding: 12px 0 36px}
.agree_contents .btn_wrap{margin-bottom: 100px;margin-top: 25px}

/* 회원가입 .join_contents */
.join_contents.cnt{padding-left: 0;margin: 0 auto;width: 700px;padding-top: 120px}
.join_top{width: 220px;margin: 0 auto 40px}
.tb_join{width: 100%}
.tb_join .join_row{padding: 4px 0}
.cnt .tb_join .join_row td{width: 50%;padding: 14px 10px 20px;}
.cnt .tb_join .join_row td .uid_input{width: calc(100% - 166px)}
.cnt .tb_join .join_row td label{display: block;margin-bottom: 6px;font-size: 16px;font-weight: 600}
.cnt .tb_join .join_row td label span{font-size: 14px;color: #bbb}
.cnt .tb_join .pw_row td{position: relative;padding-bottom: 22px}
.cnt .tb_join .pw_row .pw_msg{display: none;position: absolute;left: 14px;bottom: 2px;font-size: 12px;color: #f00;}
.cnt .tb_join .chk_row input[type="text"] {width: 44%}
.cnt .tb_join .chk_row button{margin-bottom: 0;margin-top: 0}
.join_contents .btn_wrap > *{vertical-align: top}
.join_contents .btn_wrap .btn_join{margin-left: 30px;}

/* 아이디비번찾기 .find_user_account.html */
.find_accnt_cnt.cnt{padding-left: 0;margin: 0 auto;width: 700px;padding-top: 120px}
.find_accnt_cnt .sub_tit{margin-bottom: 20px}
.find_accnt_cnt .find_ip_wrap{margin-bottom: 36px}
.find_accnt_cnt .find_ip_wrap .find_row{position: relative;padding: 14px 10px 20px;}
.find_accnt_cnt .find_ip_wrap .find_row + .find_row{border-top: 1px solid #bbb}
.find_accnt_cnt .find_ip_wrap .find_row label{display: block;margin-bottom: 6px;font-size: 16px;font-weight: 600}
.find_accnt_cnt .find_ip_wrap .find_row .find_input{height: 38px;width: 90%;}
.find_accnt_cnt .find_ip_wrap .find_row .uphone_input{width: calc(100% - 168px)}
.find_accnt_cnt .find_ip_wrap .find_row .your_id{font-weight: 700;text-decoration: underline;}
.find_accnt_cnt .find_ip_wrap .find_row button{width: 110px;height: 40px;background: #333;color: #fff;margin: 7px 0 7px 15px;font-size: 14px;}
.find_accnt_cnt .find_ip_wrap .find_row button.btn_find_pw{position: absolute;right: 10px;top: 0px;background: #f29c00;color: #000;font-weight: 700}
.find_accnt_cnt .find_ip_wrap .find_row > input + label{margin-top: 12px;}
.find_accnt_cnt .find_ip_wrap .find_row .pw_msg{display: none; color: #f00;font-weight: 500;padding-left: 10px;padding-top: 6px}
.find_accnt_cnt .find_ip_wrap .find_row.col2{display: table;width: 100%;}
.find_accnt_cnt .find_ip_wrap .find_row.col2 div{display: table-cell}

/* .shop_basic */
.shop_basic{position: relative;}
.shop_basic .shop_basic2{margin-top: 30px;}
.shop_basic .btn_wrap{margin-top: 50px;}
.necessary:after{content:"*"; color:red;}

.cnt .shop_basic1{position: relative;}
.cnt .shop_basic_info tr .shop_ctg .shop_input{width: 50%;}
.cnt .shop_basic_info tr .shop_license .shop_input{width: 24%;}
.cnt .shop_basic_info tr .shop_address1 .shop_input{width: 23%;}
.cnt .shop_basic_info tr .shop_address2 .shop_input{width: 45%;}
.cnt .shop_basic_info tr .shop_wifi .shop_input{width: 35%;}
.cnt .shop_basic_info tr .shop_address2 .shop_input.address2, .cnt .shop_basic_info tr .shop_wifi .shop_input.wifi2{margin-left: 20px}
.cnt .shop_basic_info tr .partner_num{padding: 20px;}
.cnt .shop_basic1 .btn_wifi_wrap{position: absolute;bottom: 14px;right: 20px;font-size: 13px;}
.cnt .shop_basic1 .btn_wifi_wrap button{color: #fff;background: #333;padding: 10px}
.cnt .shop_basic1 .btn_add{margin-right: 10px}
.cnt .shop_account_info tr .shop_calc .shop_input{width: 56%}

.cnt .modal.modal_sort{position: absolute;left: auto;right: 20px;top: 280px;width: auto}
.modal_sort .food_sort1, .modal_sort .food_sort2{float: left}
.modal_sort .sort_cnt{border: 1px solid #ddd;padding: 12px;height: 200px;width: 180px;overflow-y: auto;}
.modal_sort .sort_cnt div{padding: 6px 0}
.modal_sort .sort_cnt .sort_chk + label{font-size: 14px;}
.modal_sort .btn_close{background-image: url("/image/common/btn_close_b.png") !important}

/* .shop_operation */
.shop_operation .shop_tab_cnt{padding-top: 60px;}
.shop_operation .shop_tab_cnt > div{width: 100%;}

/* .shop_operation .shop_tab1 운영정보 */
.shop_operation .tb_shop .shop_schedule > div{float: left}
.shop_operation .tb_shop .shop_schedule > div + div{margin-left: 40px;}
.shop_operation .tb_shop .shop_schedule > div > div{padding: 4px 0}
.shop_operation .tb_shop .shop_schedule > div .ip_time{width: 40px;padding: 2px 6px}
.shop_operation .tb_shop .day_schedule .ip_time, .shop_operation .tb_shop .break_time .ip_time{width: 40px;padding: 2px 6px}
.shop_operation .tb_shop .row_cnt{text-align: left}
.shop_operation .tb_shop .row_cnt .txtbox{width: 96%}
.shop_operation .tb_shop .temp_off_time{display: inline-block;}
.shop_operation .tb_shop .tb_row.row_col2 .row_cnt select{width: 80px;height: 32px}
.shop_operation .tb_shop .tb_row.row_col2 .row_cnt .last_order_h{margin-right: 6px}
.shop_operation .tb_shop .tb_row.row_col2 .row_cnt .last_order_m{margin-left: 6px}
.shop_operation .btn_wrap{margin-top: 50px;}
.shop_operation #expirationDate {width: 100px;}
/* .shop_operation .shop_tab2 예약포장배달관리 */
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row .tb{padding: 0;}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row.no_bdb{border-bottom: 0;}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .row_tit span{font-size: 12px;color: #777}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row .tb .row_cnt div{text-align: left}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row .service_time div{padding: 4px 0}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row .service_time .ip_time{width: 60px;padding: 2px 6px;}
.shop_operation .shop_tab_cnt .shop_tab2 .extra_control .tb_row .service_time .ip_time:first-child{margin-left: 12px;}

.re_setting_dt {margin-bottom: 5px;}
.re_setting_dt select {width: 218px; height: 28px;}

/* .shop_operation .shop_tab3 이미지설정 */
.shop_operation .shop_tab_cnt .shop_tab3 .image_control > *{float: left}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile{position: relative;width: 280px;height: 500px;margin-right: 30px;margin-top: 17px;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile > div{position: absolute;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web{top: 33px; left: 13px;width: 213px;height: 432px;overflow: hidden;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web > div{top: 33px; left: 13px;width: 717px;height: 432px;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web > div > div{float: left;width: 213px;height: 432px;background: no-repeat center;background-size: cover}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web .web_img1{background-image: url("/image/sub/phone_samsung.png")}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web .web_img2{background-image: url("/image/sub/phone_samsung2.png")}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .m_web .web_img3{background-image: url("/image/sub/phone_samsung2.png")}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .phone{top: 0; left: 0}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .box_border{top: 0; left: 0}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .box_border > div{position: absolute;left: 13px;border: 5px dashed #d63c38;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .box_border .top_box{top: 46px;width: 203px;height: 50px;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .box_border .shop_box{top: 33px;width: 203px;height: 422px;}
.shop_operation .shop_tab_cnt .shop_tab3 .image_control .mobile .box_border .icon_box{top: 153px;width: 38px;height: 42px;}

.shop_operation .shop_tab_cnt .shop_tab3 .image_control .img_ctrl{width: calc(93% - 270px)}
.shop_operation .shop_tab_cnt .shop_tab3 .img_ctrl_nav{margin-bottom: 24px;}
.shop_operation .shop_tab_cnt .shop_tab3 .img_ctrl_nav li{float: left;padding: 6px 20px;font-size: 14px;}
.shop_operation .shop_tab_cnt .shop_tab3 .img_ctrl_nav li.on{font-weight:700;border-bottom: 4px solid #f29c00;}
.shop_operation .shop_tab_cnt .shop_tab3 .img_ctrl_nav li a{display: block;width: 100%;height: 100%}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list, .shop_operation .shop_tab_cnt .shop_tab3 .change_list div{text-align: left;}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .ctrl_list_tit{font-weight: 700;font-size: 16px}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .img_select .basic_option{text-align: left;}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .img_select .basic_option div{float: left;width: calc(100% / 4)}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .img_select img{display: block;width: 96%;height: auto}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .tit_deco div{padding: 6px 0}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .tit_deco p{display: inline-block;font-weight: 700}
.shop_operation .shop_tab_cnt .shop_tab3 .change_list .tit_deco .ip_select{height: 38px;width: 50%;margin: 7px 0 7px 12px}
.shop_operation .shop_tab_cnt .shop_tab3 .img_ctrl .btn_wrap{margin-top: 20px}

/* .shop_operation .shop_tab4 테이블관리 */
.shop_operation .shop_tab_cnt .shop_tab4 .table_control{width: 100%}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_box{ overflow: scroll;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{font-size: 14px;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .current_table > *{float: left;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .current_table p{font-weight: 700;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .current_table .ip_tb_num{width: 32px;margin: -2px 6px 0;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .current_table .btn_reset{color: #999;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{margin-left: 4%; float: left;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_col{float: left;margin-left: 5px;}

.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{float: left;margin-top: 10px;}

.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code p{font-weight: 700; float: left}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code .ip_code_num{width: 55px;margin: -2px 6px 0;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code .btn_reset{color: #999;}

.shop_operation .shop_tab_cnt #sortable{list-style-type: none; margin: 0; padding: 24px;height: 450px;overflow-y: auto}
.shop_operation .shop_tab_cnt #sortable li{float: left; width: 100px; height: 90px; font-size: 2em;margin: 4px 8px 4px 0;text-align: center;line-height: 90px}

.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option > div{float: left;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option > .btn_add{float: left;padding: 8px 0;width: 12%;border-radius: 4px}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option > .btn_add .icon_btn{width: auto;height: 12px;margin-left: -6px;padding-right: 8px}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option p{font-weight: 700;height: 36px;line-height: 36px;}
.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .ctrl_floor > *{float: left}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap{position: relative;width: 108px;height: 36px;margin: 0 12px 0 6px}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap span{display: inline-block;width: 36px;height: 36px;line-height: 36px;font-weight: 700;color: #f00;border: 1px solid #ddd;border-radius: 4px;}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap button{position: absolute;width: 36px;height: 36px;border-radius: 4px;background: #999}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap button:before{content:"";position: absolute;width: 16px;height:2px;background: #fff;left: 10px;top:17px}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap .btn_up:after{content:"";position: absolute;width: 2px;height: 16px;background: #fff;left: 17px;top: 10px}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap .btn_down{left: 0}
.shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap .btn_up{left: 72px}
.shop_operation .shop_tab_cnt .ctrl_option .list_floor button{width: 36px;height: 36px;background: #000;color: #fff;border-radius: 4px}
.shop_operation .shop_tab_cnt .ctrl_option .list_floor button + button{margin-left: 4px}
.shop_operation .shop_tab_cnt .ctrl_option .list_floor button.show{background: #f29c00}
.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 36%}
.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table button{border-radius:4px;width: 47%;padding: 8px 0}
.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table .icon_btn{width: auto;height: 16px;margin-left: -6px;margin-top: -4px;padding-right: 8px}

.modify_tb_num .btn_code_table {padding: 6px 30px; background-color: rgb(233, 168, 22);}

/* (이미지배열)메뉴등록/수정 menu_registration.html*/
.menu_registration.cnt{margin-bottom: 15px;min-height: 100vh;}
.menu_registration .sub_tit{margin-bottom: 10px}
.menu_registration .tab_list{display: table;width: 100%;}
.cnt.menu_registration .tab_list:after{content: "";position: absolute;height: 0;width: 1089px;bottom: 0;left: 0;}
.cnt.menu_registration .tab_list li{display: table-cell;box-sizing: border-box}
.menu_registration .tab_list li a{display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;overflow: hidden;}

.menu_registration .menu_tab_cnt{position: relative;}
.menu_registration .menu_tab_cnt > div{position: relative;}

.menu_registration .menu_tab_cnt .menu_list{height: 500px;background: #f5f5f5;border: 1px solid #eee;overflow-y:auto}
.menu_registration .menu_tab_cnt .menu_list div{position: relative;float: left;padding: 20px 18px;box-sizing: border-box}
.menu_registration .menu_tab_cnt .menu_list div a.on{border: 5px solid #f29c00;}
.menu_registration .menu_tab_cnt .menu_list div a{position: relative;display: block;width: 100px;height: 100px;border: 1px solid #ddd;background: url("/image/common/no_img.png") no-repeat center #eee;-webkit-background-size: 64%;-moz-background-size: 64%;-o-background-size: 64%;background-size: 64%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow:hidden}
.menu_registration .menu_tab_cnt .menu_list div a img{width: 100%;height: 100%;}
.menu_tab_cnt .menu_list div a .soldout_msg{display: none;}
.menu_tab_cnt .menu_list div.soldout a .soldout_msg{display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;text-align: center;line-height: 100px;font-size: 20px;color: #a40000;font-weight: 700;background: rgba(255,255,255, 0.7);}
.menu_registration .menu_tab_cnt .menu_list div span{position: absolute;top: 126px;left: 12px;line-height: 1.2;font-size: 13px;padding-left: 27px;height: fit-content;text-overflow: ellipsis;width: 68%;white-space: normal;line-height: 1.28;word-wrap: break-word;display: -webkit-box;
 -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.menu_registration .menu_tab_cnt .menu_list div input{position: absolute; top: 126px;left: 14px;width: 16px;height: 16px;left:18px;}
.menu_registration .menu_tab_cnt div > div .menu_list .add_menu a:before{content: "";position: absolute;top: 48px;left: 30px;background: #fff;width: 40px;height: 4px;}
.menu_registration .menu_tab_cnt div > div .menu_list .add_menu a:after{content: "";position: absolute;top: 30px;left: 48px;background: #fff;width: 4px;height: 40px;}

.menu_registration .menu_ctrl{text-align: center;}
.menu_registration .menu_ctrl button{width:18%;border-radius: 4px;font-size: 14px;padding: 10px 6px;outline: none}
.menu_registration .menu_ctrl button.on{background: #f29c00}
.menu_registration .menu_ctrl button + button{margin-left: 1%}
.menu_registration .menu_ctrl .icon_btn{margin-left: -6px;margin-top: -4px;padding-right: 8px;width: auto;height: 16px;}

.ord_wrap {padding: 0 !important; width: 100%; margin-top: 45px; background-color: #fff;}
.ord_wrap button {background-color: #ccc; width: 25px; height: 25px;}
.ord_wrap .ord_number {display: inline-block; padding: 0 !important; float: none !important; width: 42%; text-align: center;}


/* account_monthly.html */
.account_monthly .calendar_box #curDate{font-size: 24px;font-family: NanumBGB;}
.account_monthly .calendar_box .cal_top{margin-bottom: 20px;}
.account_monthly .calendar_box .cal_top h5{float: left}
.account_monthly .calendar_box .cal_top .select_wrap{float: right}
.account_monthly .calendar_box .cal_top .select_wrap button{background-color: #000;color: #fff;padding: 7px 9px}
.account_monthly .calendar_box .cal_top .select_wrap .btn_today{background-color: #f29c00;margin-right: 10px}

.account_monthly #calendar {width: 100%;}

.account_monthly #calendar td {height: 50px;}
.account_monthly #calendar tbody tr td{ height: 100px;}
.account_monthly #calendar thead {margin-bottom: 10px;}
.account_monthly #calendar .week_wrapper td{width: 50px; background-color: #000; color: #fff; border: 1px solid #fff;}

.account_monthly #calendar tbody tr td .item_wrapper {width: 100%; height: 100%; display: flex; flex-direction: column; background-color:#fff; border: 1px solid #ccc;}
.account_monthly #calendar tbody tr td .item_wrapper .item_day{text-align: center; padding-top: 5px; background-color:#f2f2f2; border: 1px solid #ccc;}
.account_monthly #calendar tbody tr td .item_wrapper .item_day.week{background-color: #fac900;}
.account_monthly #calendar tbody tr td .item_wrapper .item_content{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.account_monthly #calendar tbody tr td .item_wrapper .item_content .item{cursor:pointer; padding: 5px 0; text-align: center;}
.account_monthly #calendar tbody tr td .item_wrapper .item_content .item:hover {color: #f29c00}


.account_monthly #calendar tbody tr td .total_wrapper{ background-color: #fff; width: 100%; height: 100%; display: flex; flex-direction: column;border: 1px solid #ccc;}
.account_monthly #calendar tbody tr td .total_wrapper .total_count{ text-align: center; padding-top: 5px; background-color: #fac900; border: 1px solid #ccc;}
.account_monthly #calendar tbody tr td .total_wrapper .total_price{flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center;}


/* account_detail.html */
.account_detail .acco_tab{display: table;width: 100%}
.account_detail .acco_tab li{display:table-cell;text-align: center;height: 38px;border: 1px solid #f29c99;box-sizing: border-box;vertical-align: middle;}
.account_detail .acco_tab li + li{border-left: 0}
.account_detail .acco_tab li a{display: block;width: 100%;height: 100%;line-height: 38px;}
.account_detail .acco_tab li:hover a,.account_detail .acco_tab li a:focus,.account_detail .acco_tab li.on a{background: #f29c00;color: #fff}
.account_detail .order_form_cd {display: inline-block;float: right;}
.account_detail .order_form_cd select { margin-left: auto; width: 200px; height: 30px; border: 1px solid #aaa; text-align: center; text-align-last: center; }
.account_detail .chart_cnt{margin:15px;}
.account_detail .chart_cnt #columnchart_material {width: 100%; overflow: scroll; margin: 45px 5px;display: inline-block;}
.account_detail .chart_cnt #piechart{ margin: 150px 5px;}
.account_detail .chart_cnt #piechart div {display: inline-block; width: 49%;}

.order_total_info {width: 100%; display: flex;align-items: center; height: 70px; background-color: #fac900; margin-top:15px;}
.order_total_info .order_info_label {font-weight: bold; height: 100%; width:130px; box-sizing: border-box; font-size: 18px;  border: 1px solid #fff; display: flex; justify-content: center; align-items: center;}


.order_total_info .order_info_content {display: flex; flex:1; height: 100%; align-items: center; justify-content: center;}
.order_total_info .order_info_content .order_info_row {flex: 1; display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center;}
.order_total_info .order_info_content .order_info_row .order_info_col {flex:1; width:100%; height: 100%;  border-bottom: 1px solid #fff; border-right: 1px solid #fff; display: flex; justify-content: center; align-items: center;}

.accoh_tab_cnt{padding-top:30px}
.accoh_tab_cnt .accoh_tab{display: none}
.accoh_tab_cnt .accoh_tab.on{display: block}
.accoh_tab_cnt .tab_top{margin-bottom: 10px;}
.accoh_tab_cnt .tab_top .print_wrap select {display: inline-block; margin-left: auto; width: 105px; height: 30px; border: 1px solid #aaa; text-align: center; text-align-last:center;}
.accoh_tab_cnt .tab_top .print_wrap.pay_means_cd select {margin-right: 5px;}
.accoh_tab_cnt .tab_top *{float: left;font-size: 14px;}

.accoh_tab2 .select_date_wrap{position: relative;width: 220px;height: 30px;}
.accoh_tab_cnt .tab_top .select_date_wrap{position: relative;width: 200px;height: 30px;}
.accoh_tab_cnt .tab_top .select_date_wrap button{position: absolute;top: 0;height: 100%;width: 30px;background: #f4f4f4}
.accoh_tab_cnt .tab_top .select_date_wrap button{position: absolute;top: 0;height: 100%;width: 30px;background: #f4f4f4}
.accoh_tab_cnt .tab_top .select_date_wrap .btn_prev{border: 1px solid #aaa;left: 0;background: url("/image/common/icon_prev.png") no-repeat center;background-color: #ccc;}
.accoh_tab_cnt .tab_top .select_date_wrap .btn_next{border: 1px solid #aaa;right: 0;background: url("/image/common/icon_next.png") no-repeat center;background-color: #ccc;}
.accoh_tab_cnt .tab_top .select_date_wrap .datepicker{border-radius: 0;background: #fff;box-sizing: border-box;margin-left:33px;height: 30px;width: 133px;border: 1px solid #aaa;text-align: center}
.accoh_tab2 .tab_top .select_date_wrap .datepicker{padding: 2px 10px;margin-left: 5px;height: 30px;width: 71px;border: 1px solid #aaa;text-align: center;background-color: #fff;}
.accoh_tab2 .tab_top .select_date_wrap .datepicker:nth-child(1){margin-left: 35px;}
.accoh_tab_cnt .tab_top .select_date_wrap select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.accoh_tab2 .tab_top .select_date_wrap .month_input{box-sizing: border-box;margin-left: 35px;height:30px;width: 71px;border: 1px solid #aaa;text-align: center}
.select_option_account{}
.accoh_history_cnt .tab_top .select_date_wrap .btn_next_page{right: -15px;}
.accoh_history_cnt .accoh_history .tab_top .btn_term {margin-left: 20px;}

.accoh_tab_cnt .tab_top .select_date_wrap .ui-datepicker-trigger{left: 50px;}
.accoh_tab_cnt .tab_top .btn_term{margin-left: 12px;}
.accoh_tab_cnt .tab_top .print_wrap{float: right}
.accoh_tab_cnt .tb{max-height: 407px;overflow: auto; position:relative;}
.accoh_tab_cnt .tb div .col_i{width: 9%}

.accoh_tab_cnt .tb_top {position: sticky; top: 0;}

.accoh_tab_cnt .total_price {text-align: right;}
.accoh_tab_cnt .total_price p { display: inline-block; height: 43px; width: 14% ; padding: 10px; line-height: 43px; text-align: center;}

.datepicker_year{padding-left: 40px;}
.account_none{font-size:30px; color:#a1a1a1;padding: 30px 0px;}

/* account_report.html */
.account_section_table { width: 100%; }
.account_section_table .account_section_main_title { text-align: center; background-color: #000; color: #fff; }

.account_section_table .account_section{display: flex; flex-direction: column;}
.account_section_table .account_section > .account_section_title{ text-align: center; padding: 5px 0;}
.account_section_table .account_section .account_section_content{display: flex; flex-direction: column; background-color: #d4d4d4;}
.account_section_table .account_section .account_section_content div { width: 100%; height: 100%;}


.account_section_table .account_section .account_section_content .account_row_1{ display: flex; justify-content: center; align-items: center; width: 100%; flex:1;}
.account_section_table .account_section .account_section_content .account_row_2{ display: flex; justify-content: center; align-items: center; width: 100%; flex: 1;}
.account_section_table .account_section .account_section_content .account_row_2 > div {width: 50%;}

.account_section_table .account_section .account_section_content .account_col_1{flex:1; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.account_section_table .account_section .account_section_content .account_col_2{flex:2; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.account_section_table .account_section .account_section_content .account_col_3{flex:3; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.account_section_table .account_section .p {padding: 10px 0;}
.account_section_table .account_section .h_100 {height: 100%;}
.account_section_table .account_section .b {border: 1px solid #fff;}
.account_section_table .account_section .b_t {border-top: 1px solid #fff;}
.account_section_table .account_section .b_b {border-bottom: 1px solid #fff;}
.account_section_table .account_section .b_l {border-left: 1px solid #fff;}
.account_section_table .account_section .b_r {border-right: 1px solid #fff;}




/* customer_list.html */
.customer_list .cust_wrap > *{float: left;}
.customer_list .cust_input{height: 38px;width: 50%;border-radius: 35px;padding-left: 4%;outline-style: none;}
.customer_list .cname{font-weight: 600;display: inline-block;}
.customer_list .list_box .cust_thumb .cname{margin-right: 20px;}
.customer_list .list_box .none_ment p{color: #ccc;font-size: 18px;text-align: center;padding: 40px 20px;}
.customer_list .cphone{font-size: 14px;display: inline-block;}

.customer_list .search_box .btn{font-size: 1rem; height: 30px; border-radius: 5px; background: #f29c00; width: 120px; color: #fff; margin-left: 5px;}

.customer_list .cust_list{ width: 100%;  position: relative;}
.customer_list .cust_list .search_box{position: relative;outline-style: none;}
.customer_list .cust_list .search_box .cust_input:focus{border-radius: 35px; border: 1px solid #f29c00}
.customer_list .cust_list .search_box .btn_search_img{position: absolute;top: 8px;right: 47%;width: 26px;height: 26px;font-size: 0;line-height: 0;background: url("/image/common/btn_search.jpg") no-repeat center;background-size: cover}
.customer_list .cust_list .sort_box{margin-top: 17px; padding-bottom: 10px;}
.customer_list .cust_list .sort_box > div p{padding: 0px 7px;float: left;height: 44px;line-height: 44px;font-weight: 400}
.customer_list .cust_list .sort_box > div .ip_select{border-radius: 5px;float: right;height: 30px;width: 40%;padding: 0px 0px 0px 45px;margin-top: 10px;}
.customer_list .cust_list .sort_box .tab_list:after{width: 0;background: none}
.customer_list .cust_list .sort_box .cust_tab li{width: calc(25% - 2px)}
.customer_list .cust_list .sort_box .cust_tab li a{width: 100%;box-sizing: border-box}
.customer_list .cust_list .list_box{height: 540px;}
.customer_list .cust_list .list_box .cust_thumb{position:relative; display: block;background: #f5f5f5;margin: 10px 0px;padding: 5px 20px;;border-radius: 10px}
.customer_list .cust_list .list_box .cust_thumb span{position: absolute; right: 10px; color: #ccc;}
.customer_list .cust_list .list_box .cust_thumb.on{border: 3px solid #f29c00}
.customer_list .cust_list .filter{margin-top: 20px}
.customer_list .cust_list .filter p{float: left;font-size: 14px;margin: 10px 0}
.customer_list .cust_list .filter p span{font-size: 15px;font-weight: 600}
.customer_list .cust_list .filter .btn_filter{float: right;background: #f29c00;color: #fff;padding: 10px 20px;border-radius: 10px}


.customer_list .cust_info .info_tit{height: 70px;}
.customer_list .cust_info .info_tit > *{float: left}
.customer_list .cust_info .info_tit > div:last-child{float: right}
.customer_list .cust_info .info_tit .cust_lv{width: 80px;height: 80px;margin-right: 10px;margin-bottom: 10px;}
.customer_list .cust_info .info_tit .cust_name{padding-top: 25px;}
.customer_list .cust_info .info_tit .btn_modify{width: 110px;height: 40px;background: #333;color: #fff;margin: 20px 0;font-size: 14px}
.customer_list .cust_info .tb_info{width: 100%; font-size: 14px}

.customer_list .cust_info .tb_info tr {height: 50px;}
.customer_list .cust_info .tb_info tr:nth-child(2){border-bottom: 1px solid #333;}
.customer_list .cust_info .tb_info tr > *{padding: 5px 0;border: 1px solid #333;width: 30px;font-weight: 500; }
.customer_list .cust_info .tb_info tr th{width: 200px; padding: 5px 10px; font-weight: bold;}
.customer_list .cust_info .tb_info tr td{width: 100px; padding: 5px 10px;}

.customer_list .modal_menu_contents.user_detail {padding: 40px 10px 15px !important}

.customer_list .modal_menu_contents.user_setting {font-size: 14px; margin:5px 5px 0px 10px;}
.customer_list .modal_menu_contents.user_setting .cust_setting .setting_content .contents_area input {width: 70px; margin: 5px 5px 10px 5px;}
.customer_list .modal_menu_contents.user_setting .cust_setting .setting_content .contents_area .sp_input {margin-left: 10px;}
.customer_list .modal_menu_contents.user_setting .btn_complete {margin-top: 15px;}
.customer_list .modal_menu_contents.user_setting .cust_setting ul .contents_area label > span {margin-left: 5px;}

.customer_list .modal_menu_contents.user_setting  ul li input[type="checkbox"]{opacity: 0;position: absolute;width: 0px;height: 0px;margin: 8px;overflow: hidden;border: 0;webkit-appearance: none;-webkit-border-radius: 30px; -moz-appearance:none; appearance:none;}
.customer_list .modal_menu_contents.user_setting ul li .ckr_wrap{width: auto;}
.customer_list .modal_menu_contents.user_setting  ul li .ckr_wrap label{position: relative;}
.customer_list .modal_menu_contents.user_setting  ul li .ckr_wrap label:before{content: "";position: absolute;left: -17px;top:0px;border: 1px solid #bbb;background-color: #fff;}
.customer_list .modal_menu_contents.user_setting ul li .ckr_wrap label:before{width: 15px; height: 15px;border-radius: 5px;}
.customer_list .modal_menu_contents.user_setting  ul li .ckr_wrap .chk:checked + label:before{background-image: url(/image/common/icon_chkbox_rbox.png);width: 17px;height: 17px;border: none;background-size: cover;}


/*.customer_list .cust_info .tb_info tr > *:first-child{border-left: 0}*/
.customer_list .cust_info .tb_info tr th + td{text-align: center;}
.customer_list .cust_info .tb_info .state_row{text-align: center}
.customer_list .cust_info .tb_info .state_row td{padding-top: 5px;}
.customer_list .cust_info .btn_wrap{margin-top: 30px}
.customer_list .cust_info .btn_wrap .btn_send{outline: none;width: auto;padding: 10px 20px;font-size: 16px}

.customer_list .cust_filter{padding-top: 50px}
.customer_list .cust_filter .tb_shop{width: 74%;margin: 0 auto}
.customer_list .cust_filter .tb_shop td{width: auto;padding: 10px 20px}
.customer_list .cust_filter .tb_shop td .ip_radio{margin: 8px 0}
.customer_list .cust_filter .tb_shop td label{margin-right: 40px;margin-left: 4px}
.customer_list .cust_filter .btn_wrap{margin-top: 40px}
.customer_list .cust_filter .btn_wrap .btn_search{height: 40px;background: #f29c00;color: #fff;font-size: 14px;padding: 10px 20px}

.customer_list .list_box table.customer_tb_info {border: 1px solid #333; margin-top: 20px;}
.customer_list .list_box table.customer_tb_info th{border: 1px solid #fff;  padding: 10px; background-color: #333; color: #fff;}
.customer_list .list_box table.customer_tb_info tr{text-align: center;}
.customer_list .list_box table.customer_tb_info tr:nth-child(odd){background-color: #f2f2f2;}
.customer_list .list_box table.customer_tb_info tr:last-child{border-bottom: 1px solid #ccc;}
.customer_list .list_box table.customer_tb_info td{border-left: 1px solid #ccc;  padding: 10px;}
.customer_list .list_box table.customer_tb_info td:last-child{border-right: 1px solid #ccc;}

.customer_list .sort_box > span.filter_select select{border-radius: 5px; height: 30px; width: 138px; padding: 0px 0px 0px 15px; margin-top: 10px; margin-right: 5px;}

.customer_list .sort_box > span.filter_select button{font-size: 1rem; height: 30px; border-radius: 5px; background: #f29c00; width: 90px; color: #fff; margin-left: 5px;}

.customer_list .modal {transform: translate(-50%, -50%);}
.customer_list .dialog_modal.on {display: block;}
.customer_list .dialog_modal {display: none; position: fixed; top: 20%; left: 37%; background-color: #fff; margin: 0 auto; padding: 0; border: none; border-radius: 15px; animation: appear .8s cubic-bezier(.77, 0, .175, 1) forwards; box-shadow: 0 25px 40px -20px #3c4a56;}
.customer_list .dialog_inner_tit { background-color: #555; border-radius: 10px 10px 0px 0px; padding: 15px; color: #fff;}

.customer_list .dialog_modal .dialog__content {padding: 10px;}
.customer_list .modal_menu_contents.gift_coupon {width:300px;  font-size:14px;}
.customer_list .modal .modal_menu_contents .chr_radio{width: 88%;height: 90px;border-radius: 5px;resize: none;}
.customer_list .modal .modal_menu_contents .ip_memu{display: inline-block;width: 17px;height: 17px;padding-top: 0;margin-right: 5px;border-radius: 50%;border: 1px solid #ccc;background: #fff;position: relative;vertical-align: top;}
.customer_list .modal .modal_menu_contents .ip_memu.select{border-color: #f29c00;}
.customer_list .modal .modal_menu_contents .ip_memu.select:before{content: "";position: absolute;width: 12px;height: 12px;left: 2.43px;top: 2px;border-radius: 50%;background: #f29c00;}
.customer_list .modal .modal_menu_contents .chr_op_coupon {padding-top:10px;}
.customer_list .modal .modal_menu_contents .btn_complete {margin-top: 10px;}

.customer_list .cust_wrap .ckr_wrap{width: 8%;}
.customer_list .cust_wrap .ckr_wrap label{position: relative; margin-left:30px;}
.customer_list .cust_wrap .ckr_wrap label:before{content: "";position: absolute;left: -17px;top: 0px;border: 1px solid #bbb;background-color: #fff;}
.customer_list .cust_wrap .ckr_wrap label:before{width: 15px; height: 15px;border-radius: 5px;}
.customer_list .cust_wrap .ckr_wrap .chk:checked + label:before{background-image: url(/image/common/icon_chkbox_rbox.png);width: 17px;height: 17px;border: none;background-size: cover;}

.customer_list .cust_wrap input[type="checkbox"]{display: none;}
.customer_list .customer_tb_info .detail_user{color: #f29c00}

/* 리뷰관리 review.html */
.review .review_row{padding: 18px 0;border-bottom: 1px solid #ccc;}
.review .review_row .reviewer_info > *{float: left}
.review .review_row .reviewer_info > img{margin-top: 12px}
.review .review_row img + div{margin-left: 18px;width: 50%}
.review .review_row .reviewer_info{padding-bottom: 5px;}
.review .review_row .reviewer_info .review_user{padding: 4px 0;width: 100%;}
.review_user .uname span, .mname{font-weight: 700;margin-right: 2px}
.review_user .reporting_date{color: #999;font-size: 14px;margin-top: 4px;}
.review .review_row .grade_star li{float: left}
.review_img{width: 100%;max-height: 200px;overflow: hidden;margin-top: 12px;}
.review_img img{max-width: 100%;height: auto}
.review_txt{margin-top: 12px;line-height: 1.5; margin-left: 10px;}
.reply{padding: 12px;background: #f4f4f4;margin-top: 18px;}
.review_row .reply > *{float: none}
.review_row .reply .btn_box{text-align: right;font-size: 14px;margin-top: 12px}
.reply textarea{width: calc(100% - 20px);height:100px;max-height: 100px;}
.reply .confirm_btn{text-align: right;margin-top: 12px}

.review_row .grade_d{padding: 0 16px; display: table; padding-bottom:8px;}
.review_row .grade_d .grade_star li{ width: 15px;height: 15px;}
.review_row .grade_d p{font-size: 9px;margin-top: 4px;word-break: keep-all;}
.review_row .grade_d div{padding: 10px 0;text-align: center; padding-right: 30px;}
.review_row .grade_d .grade_cnt {float: left;}
.review_row .grade_d .grade_cnt ul{float: left;}
.review_row .od_menu{padding: 4px 12px;width: 80%;}
.review_row .od_menu p{float: left;}
.review_row .od_menu .opt_li{padding: 1px 0 1px 18px;max-width: 66%;}
.review_row .od_menu .opt_li span{width: auto;}
.review_row .od_menu .opt_li span + span{margin-left: 10px;}
.review_row .od_menu .opt_li span:last-child{float: none;text-align: left}
.none_reviewmng p{color: #ccc;font-size: 18px;text-align: center;padding: 40px 20px;}

.review_row .myod_list{font-size: 12px;color: #999;padding: 8px 0;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;}
.review_row .myod_list .od_menu{width: 90%}
.review_row .myod_list .od_menu .menu_name{color: #333;font-size: 13px;}
.review_row .myod_list .od_menu .menu_num{float: right; font-size: 12px;}

/* 계정관리 user_management.html */
.user_management .search_ctrl .ip_search{width: 40%;padding: 6px}
.user_management .search_ctrl button{margin-left:6px}
.user_management .search_ctrl .btn_register{border-radius: 0}
.user_management .search_wrap .top_tit{font-weight: 600;color: #f29c00}
.user_management .register_form{margin-top: 12px;padding: 6px 0;border-top: 2px solid #000;border-bottom: 2px solid #000}
.user_management .register_form .btn_register{margin-left: 24px;}
.user_list_wrap{margin-top: 36px}
.tb.tb_staff{border-top: 2px solid #000;}
.tb_staff .tb_data{border-bottom: 2px solid #000;}
.tb_staff .tb_row{border-bottom: 0;}
.tb_staff .tb_row + .tb_row{border-top: 1px solid #bbb}
.tb_staff .tb_row .staff_name{font-size: 16px;font-weight: 700}
.tb_staff .tb_row .row_cnt{padding: 4px 12px;text-align: left}
.tb_staff .tb_row .staff_cnt1 div{float: left}
.tb_staff .tb_row .staff_cnt1 div + div{margin-right: 12px}
.tb_staff .tb_row .staff_cnt2{width:20%;text-align: center}
.tb_staff .tb_row .staff_cnt2 button{width: 80%;}
.tb_staff .tb_row .staff_cnt2 .btn_apply{border-radius: 0;margin-top: 4px}

/* modal common */
#mask, .md_bg{position: fixed;top: 0; left: 0; width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 550}
.menu_registration #mask{min-height: 100vh}
.cnt .modal{position: fixed;left: 50%; top: 50%; z-index:600;/* transform: translate(-50%, -50%); */}
.cnt .modal > div{display: none;position: relative;border: 1px solid #bbb;background: #fff; min-width:220px;}
.cnt .modal > div.show{display: block;}
.cnt .modal .sub_tit{font-size: 16px;font-weight:600;margin-bottom: 16px}
.cnt .modal .md_sub_tit{font-size: 18px;color: #fff;background: #4d4d4d;text-align: center;padding: 6px 0;font-weight: 600;position: absolute;width: 100%;left: 0;top: 0;z-index:100;}
.cnt .modal > div > div{padding: 12px 20px;max-height: 500px;overflow-y: auto}
.cnt .modal > div .btn_box{padding: 0;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 100;}

.cnt .modal .modal_menu_contents {max-height:70vh; padding:40px 20px 35px; overflow-y:auto;}

.cnt .modal .btn_complete{background: #f29c00;color: #fff;width: 100%;padding: 6px 0;font-size: 18px}
.cnt .modal .btn_close{position: absolute;top: 10px;right: 18px;width: 16px;height: 16px;background: url("/image/common/btn_close_w.png") no-repeat center;font-size: 0;line-height: 0;z-index: 101; cursor:pointer;}

.cnt .modal .open_sub_md{width: 100%;border-radius: 0;padding: 6px 0;font-size: 18px}
.cnt .modal .open_sub_md .icon_btn{width: auto;height: 16px;margin-top: -4px}
.cnt .modal strong{font-weight: 600;font-size: 16px}
.cnt .modal input[type="text"]{height: 24px}
.cnt .modal .md_category_nm {height: 24px; width: 78%;}

.cnt .modal .btn_add_row{position: absolute;right: 30px;color: #999;font-size: 12px;text-decoration: underline}

.cnt .modal .md_list{font-size: 14px;margin-bottom: 15px;max-height: 210px;overflow-y: auto}
.cnt .modal .md_list > div{position: relative;height: 35px;line-height: 35px;padding: 0 15px}
.cnt .modal .md_list > div:before{content:"";position: absolute;height: 2px;width: 2px; left: 5px;top: 16px;background: #333}
.cnt .modal .md_list > div > p{float: left}
.cnt .modal .md_list > div > div{float: right;color: #999;margin-left: 24px}

.list_label{position: relative;font-weight: 600;padding: 2px 0 2px 12px}
.list_label:before{content:"";position: absolute;left: 0;top: 8px;width: 4px; height: 4px;border-radius: 50%;background: #333}

.lv_graph ul li{width: calc(100% / 5)}

/* .menu_registration .modal_ctg 카테고리관리 모달 */
.cnt .modal_ctg{top: 3%;width: 26%;left:50%; padding-bottom:70px;}
.modal_ctg .modal_ctg_ctrl{width: 100%}
.modal_ctg .modal_ctg_ctrl .ctg_ctrl{margin-bottom: 30px}
.modal_ctg .ctg_menu ul{/*max-height: 215px;overflow: auto;*/}
.modal_ctg_ctrl ul li, .modal_ctg_ctrl .ctg_add_menu{position: relative;padding: 12px 0;}
.modal_ctg_ctrl ul li p, .ctg_add_menu p{padding-left: 36px;font-size: 14px}
.modal_ctg_ctrl .btn_delete, .btn_add_ctg{position: absolute;top:14px; left: 0;background: #f29c00;width: 24px;height: 24px;border-radius: 12px;}
.modal_ctg_ctrl .ctg_menu input[type="radio"]{position: absolute;top: 18px;right: 0;width: 18px;height: 18px;}
.modal_ctg_ctrl .icon_btn{height: 10px;width: auto;margin-top: -6px}
.cnt .modal.modal_ctg .btn_box {bottom:35px;}
.ctg_add{border-top: 1px solid #ccc;padding: 12px 0px 0 }
.ctg_add input[type="text"]{width: 80%}
.ctg_add input[type="text"]::placeholder{font-size: 12px;color: #999}
.ctg_add .opt_ctg{padding: 12px 0;font-size: 14px;}
.ctg_add .opt_ctg input{vertical-align: middle}
.ctg_add_menu{width: 100%;font-size: 14px;text-align: left;}
.ctg_add_menu .btn_txt{padding-left: 36px;line-height: 2;}
.modal_ctg_ctrl .btn_delete:before, .btn_add_ctg:before{content: "";position: absolute;top: 11px;left: 4px;height: 2px;width: 16px;background: #fff}
.btn_add_ctg:after{content: "";position: absolute;top: 4px;left: 11px;height: 16px;width: 2px;background: #fff}
.btn_up, .btn_down{float: left;width: 50%;border-top: 1px solid #ccc;padding: 6px 0;font-size: 14px;background-color: #fff;}
.btn_down{border-left: 1px solid #ccc;}

/* .menu_registration .modal_option 메뉴 옵션 관리 모달 */
.menu_registration.cnt .modal{left: 50%;}
.modal_option{top: 8%}
.modal_option .modal_option_ctrl, .modal_option .add_opt_lv{float: left}
.modal_option .opt_add_info{width: 300px;float: left}
.modal_option .opt_add_info .opt_list{font-size: 14px;margin: 15px 0;}
.modal_option .opt_add_info .opt_list > div > div{position: relative;height: 35px;padding: 0 15px;}
/* 옵션 등록하기 */
.modal_option .add_opt_lv{margin-left: 30px;}
.modal_option .add_opt_lv .md_tab{margin: 15px 0}
.modal_option .add_opt_lv .md_tab ul li{float: left;width: 148px;height: 28px;border: 1px solid #f29c00;}
.modal_option .add_opt_lv .md_tab ul li +li{border-left: none;width: 149px}
.modal_option .add_opt_lv .md_tab ul li a{display: block;width: 148px;height: 28px;line-height: 28px;text-align: center;}
.modal_option .add_opt_lv .md_tab ul li.on a, .modal_option .add_opt_lv .md_tab ul li:hover a,.menu_registration .menu_tab_cnt .modal_option .add_opt_lv .md_tab ul li a:focus{background: #f29c00;color: #fff}
.modal_option .add_opt_lv .tab_cnt{font-size: 14px;padding: 0 20px;}
.modal_option .add_opt_lv .tab_cnt > div{display: none}
.modal_option .add_opt_lv .tab_cnt div > div{margin-bottom: 15px}
.modal_option .add_opt_lv .tab_cnt input[type="text"]{width: 90%}
.modal_option .add_opt_lv .tab_cnt .lv_graph{margin-bottom: 15px;}
.modal_option .add_opt_lv .tab_cnt .lv_graph:before{top: 10px;width: 76%;left: 35px}
.modal_option .add_opt_lv .tab_cnt div > div p{padding-bottom: 5px}
.modal_option .add_opt_lv .visible_opt{padding: 0}
.modal_option .add_opt_lv .visible_opt div{float: left;border-top: 1px solid #ccc;width: 50%;padding: 6px 0;text-align: center;font-size: 14px;box-sizing: border-box}
.modal_option .add_opt_lv .visible_opt div + div{border-left: 1px solid #ccc}
.modal_option .add_opt_lv .btn_add{width: 100%;border-radius: 0;padding: 6px 0;font-size: 18px}

/* .modal_menu 메뉴추가 모달*/
.cnt .modal.modal_menu{position: absolute;top: 8%;}
.modal_menu .menu_add,
.modal_menu .add_opt{float: left;}
.menu_add_cnt div, .add_opt div{padding: 6px 0}
.menu_add_cnt div .list_label{float: left;width:100px;}
.menu_add_cnt input[type="file"]{max-width: 274px;}

.menu_add_cnt .fileuploader{width: 274px;display: inline-block;margin: 0}
.menu_add_cnt .fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list{margin: -16px 0 0}

.menu_add_cnt div input[type="text"], .menu_add_cnt div textarea{width: 260px;padding: 6px;font-size: 14px;}
.menu_add_cnt .detail{font-size: 13px;margin-left: 120px;}
.menu_add_opt .list_label, .add_opt .list_label{padding: 2px 0 2px 12px}
.menu_add_opt ul, .add_opt .chk_opt ul{padding-left: 24px;/*max-height: 200px;overflow-y:auto*/}
.menu_add_opt ul li, .add_opt ul li{padding: 6px 0;font-size: 14px;}
.add_opt ul li .lv_graph ul li{ height: 80px;}
.menu_add .btn_box, .add_opt .btn_box{text-align: center;margin-top: 24px;}
.menu_add .btn_box button{float: left;width: 50%;border-radius: 0}
.menu_registration .modal_menu.modal .btn_box .btn_menu_opt {padding: 6px 0px;}
.menu_add .btn_box button.btn_w100{width: 100%;border-radius: 0}
.menu_add .icon_btn{height: 10px;width: auto;margin-top: -4px}
.menu_add .btn_menu_opt .icon_btn{height: 16px;}
.modal_menu .add_opt{margin-left: 24px}
/*.modal_menu .add_opt .chk_opt ul{max-height: 240px;overflow-y: auto}
.add_opt .multi_opt{max-height: 200px;overflow-y: auto}
.add_opt .chk_opt{max-height:200px;overflow-y: auto} */
.add_opt .opt_txt .list_label{float: left;width: 76px;padding-left: 24px;height: 30px;line-height: 30px}
.add_opt .opt_txt .list_label:before{top: 13px;left: 12px}
.add_opt .opt_txt .list_label + input{width: 240px;}
.add_opt .lv_graph{padding: 0;height: 50px}
.add_opt .lv_graph.sweet_lv{height: 80px;}
.add_opt .lv_graph:before{left: 10%;width: 80%}
.add_opt .lv_graph ul{width: 370px;}
.add_opt .lv_graph ul .ip_lv{width: 60%;margin: 12px 0;font-size: 12px;text-align: center;;height: 20px;}
.add_opt ul li label span{font-size: 12px;margin-left: 18px}

.add_opt .chk_opt{border-top: 1px solid #ccc;}
.add_opt .chk_opt .btn_more{background: url("/image/common/icon_down.png") no-repeat center 8px;width: 18px;height: 18px;background-size: 12px;outline: none;-webkit-transition: transform 0.4s;-moz-transition: transform 0.4s;-o-transition: transform 0.4s;transition: transform 0.4s;}
.add_opt .chk_opt ul li.show .btn_more{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
.add_opt .chk_opt ul li > div{display: none;padding: 6px 0 0 12px;max-width: 318px;}
.add_opt .chk_opt .ctgopt_li{display: inline-block}
.add_opt .btn_box button{width: 100%}

.menu_add .btn_box .btn_add, .btn_add_opt{border-radius: 0}
.menu_add .lv_graph{width: 320px;height: 46px}
.menu_add .lv_graph:before{left: 35px;width: 76%}

.menu_add .lv_graph ul{padding-left: 0;overflow-y:visible}
.add_opt ul li label span{font-size: 12px;margin-left: 18px}

.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add > div{margin-bottom: 30px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > div{margin: 15px 0;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info .info_tit em{float: right;font-size: 14px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > *{float: left;font-size: 14px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > a{position: relative;display: block;width: 100px;height: 120px;background: #bbb;text-align: center}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > a:before{content: "";position: absolute;width: 90px;height: 90px;left: 5px;top: 5px;background: #fff}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > a span{position: absolute;width: 100%;height: 20px;line-height: 20px;top: 98px;left: 0;color: #fff}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > div{float: right;margin-left: 20px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > div > ul > li{height: 35px;margin: 5px 0;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_info > .info_img > div > ul > li > input{float: right;width: 120px;margin-left: 10px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_option, .menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_mark{font-size: 14px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_option > div > a{display: block;height: 60px;padding-left: 15px;line-height: 60px;}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .menu_add_mark >  div{height: 35px}
.menu_registration .menu_tab_cnt .modal_menu .modal_menu_add .btn_wrap .btn_add{background: #f29c00;width: 144px;height: 54px;border-radius: 10px;color: #fff;font-size: 20px;}

/*.add_option 옵션추가하기*/
.menu_registration .menu_tab_cnt .modal_menu .add_option{margin-left: 30px;}
.menu_registration .menu_tab_cnt .modal_menu .add_option input[type="text"]{width: 94%;margin-bottom: 5px}
.menu_registration .menu_tab_cnt .modal_menu .add_option > div{font-size: 14px;margin: 15px 0;width: 300px}
.menu_registration .menu_tab_cnt .modal_menu .add_option > div .opt_chkbox{position: relative;margin-bottom: 20px}
.menu_registration .menu_tab_cnt .modal_menu .add_option > div .opt_chkbox > div{padding: 5px 15px 0 15px}
.menu_registration .menu_tab_cnt .modal_menu .add_option > div .opt_chkbox > div div{padding: 5px 0 0 15px;}
.menu_registration .menu_tab_cnt .modal_menu .add_option > div .opt_chkbox > div div.lv_graph{padding-left: 0}
.menu_registration .menu_tab_cnt .modal_menu .add_option .add_option1 .opt_chkbox .btn_add_row{top: 185px}
.menu_registration .menu_tab_cnt .modal_menu .add_option .add_option2 .opt_chkbox .btn_add_row{top: 56px}

/* .modal_soldout 품절등록 모달 */
.cnt .modal_soldout{top: 40%;left: 50%}
.modal_soldout .soldout_box .soldout_txt textarea{width: 240px}

/* .account_monthly .modal_account 일일 승인목록, 일일 입금 목록 */
.modal.modal_account{top: 50%;left: 50%;margin-top: -175px;margin-left: -250px;font-size: 14px}
.modal_account .modal_account_data > div{float: left;width: 500px;background: #fff}
.modal_account .modal_account_data .modal_data_approval{padding:0}
.modal_account .modal_account_data .modal_data_deposit{margin-left: 20px}
.modal_account .modal_account_data .md_tb_top, .modal_account .modal_account_data .md_tb_row{display: table;width: 100%;table-layout: fixed}
.modal_account .modal_account_data .md_tb_top > div, .modal_account .modal_account_data .md_tb_row > div{display: table-cell;padding: 8px 0;border-left: 1px solid #bbb;}
.modal_account .modal_account_data .md_tb_top > div:first-child, .modal_account .modal_account_data .md_tb_row > div:first-child{border-left: 0}
.modal_account .modal_account_data .md_tb_top.row_first{margin-top:30px;}
/* .modal_account .modal_account_data .md_tb_top > div:nth-child(3), .modal_account .modal_account_data .md_tb_row > div:nth-child(3){width: 28%} */
.modal_account .modal_account_data .md_tb_top > div{background: #f5f5f5;font-weight:600;border-bottom: 1px solid #bbb}
.modal_account .modal_account_data .md_tb_data{overflow-y: auto;border-bottom: 1px solid #bbb}
.modal_account .modal_account_data .md_tb_row > div{height: 35px;border-bottom: 1px solid #bbb}
.modal_account .modal_account_data .md_tb_summary{margin: 14px 0}
.modal_account .modal_account_data .md_tb_summary .md_sum_row{width: 80%;margin: 0 auto;padding: 4px 0}
.modal_account .modal_account_data .md_tb_summary .md_sum_row .amount_txt{float: left}

.modal_account .modal_account_data .md_tb_row.deal {background-color: #F5F5F5; margin-top: 20px; border-top: 1px solid #bbbbbb}
.modal_account .modal_account_data .md_tb_row.cancel {background-color: #F5F5F5;}
.modal_account .modal_account_data .md_tb_row.approve {background-color: #FAC927;}

.modal_account .modal_account_data .md_tb_row .row_col1 {border-right: none;}
.modal_account .modal_account_data .md_tb_row .row_col2 {border-left: none; padding-right: 15px; text-align: right}
.modal_account .modal_account_data .btn1 {margin: 10px;}
/*.modal_account .modal_account_data .md_tb_row .row_col2.w{color: #ffffff;}*/

/* 이미지 편집*/
.imgcrop_container{margin-top: 10%}
.imgcrop_container.container .row .col-md-3.col-img{position: relative;}

.imgcrop_container.container .row .col-md-3 .flex-nowrap{position: absolute;}
.imgcrop_container .row .row{margin-left: 0%;width: 100%}
.imgcrop_container .row .row .btn-group{margin: 0% 1% 0% 0%;}

/*문의 남기기*/

.user_faq.cnt{padding: 100px 0 50px 0%;width: auto;overflow: hidden;}

.faq_header{padding: 10px;box-sizing: border-box;background-color: #eee;min-height: 140px;}
.faq_header .tit_area{padding:2% 3%}
.faq_header .tit_area h2{line-height: 2;padding: 0% 2%;float: left;display: inline-block;font-size: 2rem;position: relative;}
.faq_header .tit_area h2:after{content: "";position: absolute;width: 2px;height: 50px;background: #ddd;right: 0;top: 0px;}
.faq_header .tit_area h2:after{top: 15%;}
.user_qnahistory .faq_header .tit_area h2:after{height: 60px;}
.faq_header .tit_area .tit_txt{ padding: 0px 2%;display: inline-block;font-size: 1rem;font-weight: 600;}
.user_faq  .faq_header .tit_area .tit_txt{ padding:1% 2%;display: inline-block;font-size: 1rem;font-weight: 600;}
.faq_header .tit_area .tit_txt p:first-child{color: #f29c00;}

.user_faq .gnb_area{padding: 0% 5%;box-sizing: border-box;}
.user_faq .gnb_area .gnb_ul{width: 100%}
.user_faq .gnb_area .gnb_ul form{margin:0 }
.user_faq .gnb_area .gnb_ul ul{}
.user_faq .gnb_area .gnb_ul ul li{padding: 10px 0px;display: block;}
.user_faq .gnb_area .gnb_ul ul li.fileuploader-thumbnails-input{height: 85px;}

.user_faq .gnb_area .gnb_ul ul li p{display: inline;font-size: 1.2rem;position: relative;}
.user_faq .gnb_area .gnb_ul ul li .user_info_txt{float: left;line-height: 2.5;min-width: 10%;}
.user_faq .gnb_area .gnb_ul ul li .user_img_area{line-height: 7;}
.user_faq .gnb_area .gnb_ul ul li .user_txt_area{line-height: 7;}
.user_faq .gnb_area .gnb_ul ul li p:after{right: -10px;content: "*";color: red;position: absolute;right: -10px;}
.user_faq .gnb_area .gnb_ul ul li .user_img_area p:after{display: none;}
.user_faq .gnb_area .gnb_ul ul li .user_info_box{min-width: 70%;box-sizing: border-box;display: inline-block;padding: 0% 6%;}

.user_faq .gnb_area .gnb_ul ul li .shop_picture .fileuploader{max-width: 100%;border: 1px solid #ccc;border-radius: 0;}
.user_faq .gnb_area .gnb_ul ul li input, .user_faq .gnb_area .gnb_ul ul li select{box-sizing: border-box;width: 100%;padding: 2%;border: 1px solid #ccc;}
.user_faq .gnb_area .gnb_ul ul li .chk_btn_area input{width:auto;}
.user_faq .gnb_area .gnb_ul ul li select{color: #333;background: #fff;font-size: 1rem;}
.user_faq .gnb_area .gnb_ul ul li .qna_area{box-sizing: border-box;resize: none;border: 1px solid #ccc;width: 100%;webkit-appearance: none; overflow: scroll;overflow-y: scroll;white-space: normal !important;word-break: initial !important;}

.user_faq .chk_btn_area{margin-top: 3%}
.user_faq .chk_btn_area label { font-size: 1.2rem }

.user_faq .chk_btn_area{padding: 1% 1% 1% 16%;}
.user_faq .chk_btn_area .btn_area button {font-weight: 600;width: 48%;padding: 1.5%;border: 1.4px solid #f29c00;border-radius: 10px;margin-top: 2%;font-size: 1.2rem;}
.user_faq .chk_btn_area .btn_area .btn_cancle{margin-right: 2%;color: #f29c00}
.user_faq .chk_btn_area .btn_area .btn_sumit{background-color: #f29c00; color: #fff;width: 75%;}
.user_faq .chk_btn_area .btn_area{text-align: start;width: 93%;}
.user_faq ul.fileuploader-items-list{display: -webkit-box;}

/* 자주 묻는 질문 */
.user_faqes.cnt {padding: 100px 0 50px 0%;width: auto;overflow: hidden;}
.user_faqes .faq_header .search{width: 100%;}
.user_faqes .faq_header .tit_area h2:after{top:5px;}
.user_faqes .faq_header .search{position: relative;margin-top: 0.8%;text-align: right;box-sizing: border-box;border-radius: 30px;}
.user_faqes .faq_header .search:focus{border: 2px solid #f29c00;}
.user_faqes .faq_header .search .search_data{border-radius: 100px;background-color: #fff; height: 45px; border: 1px solid #bbb;outline:none;padding: 1.5% 2% 1.5% 5%;width: 100%;box-sizing: border-box;margin: 0; -webkit-appearance: none; -moz-appearance: none;appearance: none;}
.user_faqes .faq_header .search .search_data:focus{border: 1px solid #f29c00}
.user_faqes .faq_header .tit_area .tit_txt{width: 70%;}
.user_faqes .faq_header .search .btn_search{position: absolute;left: 10px;top: 50%; transform: translateY(-50%); outline: none;width: 28px;height: 28px;vertical-align: top;background: url(/image/common/btn_searchx3.png) no-repeat center;background-size: cover;}

.user_faqes .qna_tit{padding: 2%;width: 100%;display: -webkit-box;box-sizing: border-box;}
.user_faqes .notice-row.active .qna_tit{border-bottom: 1px solid #ccc}
.user_faqes .qna_tit .tit_left_area, .user_faqes .qna_tit .tit_right_area{width: 100%;}
.user_faqes .qna_tit p, .user_qnahistory .qna_tit .tit_left_area span{display: inline-block;}

.user_faqes .qna_tit .tit_right_area{text-align: end;width: 20%;}
.user_faqes .qna_tit .tit_left_area p{color: #333;width: 100%;}
.user_faqes .qna_tit .tit_left_area span{color:#f29c00;font-size: 1.7rem;margin-right: 2%;}
.user_faqes .qna_tit .tit_left_area span:last-child{margin: 0;display: inline-table;max-width: 83%;color: #333;width: 100%;font-size: 1.2rem;}

.user_faqes .notice{padding: 16px 0;height: 100%;display: flex;flex-direction: column;}
.user_faqes .notice-wrap{flex-grow:2;font-size: 1.2rem;}

.user_faqes .notice-wrap .notice-row{width: 100%}
.user_faqes .notice-title{border-bottom: 1px solid #ccc;outline: none;position: relative;display: block;width: 100%;text-align: left;background-color: #fff;padding: 8px 16px;height: auto;}
.user_faqes .notice-row.active .notice-title {border-bottom:none;background-color: #f8f8f8;}
.user_faqes .notice_area{padding: 1% 2%;}
.user_faqes .notice-contents{padding: 0% 16px 0px 8%;display: none;}
.user_faqes .notice-contents .notice_contents{border-bottom: 1px solid #ccc;padding: 2%;}
.user_faqes .notice-contents p{line-height: 1.4;}

.user_faqes .tit_left_area p{position: relative;}
.user_faqes .tit_left_area p:after{background: url("/image/common/btn_open.png") no-repeat center;content: "";position: absolute;right: 0px;top: -2px;width: 30px;height: 30px;background-size: 12px;transition: transform 0.4s;background-color: #eee;border-radius: 50%;}
.user_faqes .notice-row.active .tit_right_area p:after{transform: rotate(180deg);}
.user_faqes .notice_an{padding: 2% 3%;text-align: start;}
.user_faqes .notice_an pre{font-family: NotoSans,"MalgumGothic","sans-serif";white-space: break-spaces;}

.user_faqes .notice-row.active{background-color: #f8f8f8;border-bottom: 1px solid #ccc;}

.user_faqes #container{width: 100%;margin-top: 2%;text-align: center;box-sizing: border-box;padding: 0px 30px;}
.user_faqes .tab{list-style: none;padding:0; margin: 0; overflow: hidden;width:100% }
.user_faqes .tab li{font-weight: 500;border: 1px solid #f29c00;float: left;padding: 0% 2%;min-width: 9%;text-align: center;}
.user_faqes .tab li.current{background-color: #f29c00; }
.user_faqes .tab li.current a{color: #fff;}

.user_faqes .tab li a{display: inline-block; color: #000;text-align: center;text-decoration: none;padding: 14px 16px;font-size: 1rem;transition:0.3s}
.user_faqes .tabcontent{display: none;}
.user_faqes .tab li .tabcontent{ background-color: rgb(0, 154, 200); color:#222;}
.user_faqes .tabcontent.current{display: block;}


/*지난 질문내역*/
.cnt.user_qnahistory{padding: 100px 0 50px 0%;width: auto;}
.user_qnahistory .qna_tit{padding: 2% 3%;width: 100%;display: -webkit-box;box-sizing: border-box;}
.user_qnahistory .qna_tit .tit_left_area, .user_qnahistory .qna_tit .tit_right_area{width: 50%;}
.user_qnahistory .qna_tit p, .user_qnahistory .qna_tit .tit_left_area span{display: inline-block;}

.user_qnahistory .qna_tit p{font-weight: 700;padding: 0% 7% 0% 0%;}
.user_qnahistory .qna_tit .tit_right_area{text-align: end;}
.user_qnahistory .qna_tit .tit_left_area p{color: #f29c00}
.user_qnahistory .qna_tit .tit_left_area span{padding: 1% 3%;border: 1px solid #ddd;border-radius: 30px;font-size: 0.85rem;}
.user_qnahistory .qna_tit .tit_left_area .completed{padding: 1% 3%;border: 1px solid #ef9a1f;border-radius: 30px;font-size: 0.85rem;}

.user_qnahistory .notice{margin-top: 0%;padding: 16px 0;height: 100%;display: flex;flex-direction: column;}
.user_qnahistory .notice-wrap{flex-grow:2}

.user_qnahistory .notice-title{border-bottom: 1px solid #ccc;outline: none;position: relative;display: block; width: 100%;text-align: left;background-color: #fff;padding: 8px 16px;height: auto;}
.user_qnahistory .notice-row.active .notice-title {border-bottom:none;background-color: #eee;}
.user_qnahistory .notice_area{padding: 1% 3%;}
.user_qnahistory .notice-contents{padding: 16px 20px 0px 30px;display: none;}
.user_qnahistory .notice-contents .notice_contents{border: 1px solid #ccc;padding: 2% 1.6%;}
.user_qnahistory .notice-contents p{line-height: 1.4;}

.user_qnahistory .tit_right_area p{position: relative;padding: 0.2% 7% 0% 0%;}
.user_qnahistory .tit_right_area p:after{background: url("/image/common/btn_open.png") no-repeat center;content: "";position: absolute;right: -15px;top: -2px;width: 30px;height: 30px;background-size: 12px;transition: transform 0.4s;background-color: #eee;border-radius: 50%;}
.user_qnahistory .notice-row.active .tit_right_area p:after{transform: rotate(180deg);}
.user_qnahistory .notice_an{padding: 3% 1.6% 7%; }

.user_qnahistory .notice-row.active{background-color: #eee;border-bottom: 1px solid #ccc;}
.user_qnahistory .notice_an{position: relative;}
.user_qnahistory .qna_del{width: 7%;border: 1px solid #ccc;padding: 0.3% 1%;color: #888;position: absolute;right: 0;bottom: 12%;font-size: 0.8rem;}

/*쿠폰 등록*/

/*쿠폰 버튼*/
.customer_list .btn_wrap{padding: 3% 0%;}
.customer_list .btn_wrap button{font-size: 1rem;height: 40px;border-radius: 5px;margin-left: 2%;width: 20%;}

/*내용*/
.customer_list{width: 83%;}
.customer_list .customer_coupon_area{width: 100%; border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;box-sizing: border-box;}
.customer_list .customer_coupon_area ul{box-sizing: border-box;width: 100%;display: -webkit-box;}
.customer_list .customer_coupon_area li{padding: 1% 0%;border-left: 1px solid #ccc;box-sizing: border-box;text-align:center; font-size: 1rem;}

.customer_list .customer_coupon_area .tit li{ background: #333;color: #fff;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}
.customer_list .customer_coupon_area ul li.coupon_num {width: 8%;}
.customer_list .customer_coupon_area ul li.coupon_use {width: 8%;}
.customer_list .customer_coupon_area ul li.coupon_enrollment_date {width: 10%;}

.customer_list .customer_coupon_area ul li.coupon_title{width: 21%;}
.customer_list .customer_coupon_area ul li.coupon_od_choose{width: 22%;}

.customer_list .customer_coupon_area ul li.coupon_slae_price{width: 10%;}
.customer_list .customer_coupon_area ul li.coupon_use_date{width: 21%;}

/*쿠폰 사용 내역 begin */
.customer_list .customer_coupon_area ul li.coupon_download_num{width: 14%;}
.customer_list .customer_coupon_area ul li.coupon_used_num{width: 14%;}
.customer_list .customer_coupon_area ul li.coupon_unused_num{width: 14%;}

.customer_list .tooltip_container .coupon_status_selector select {float: right;  display: inline-block; margin-left: auto; width: 120px; height: 30px; border: 1px solid #aaa; text-align: center; text-align-last:center; }

/*쿠폰 사용 내역 end */

.customer_list .coupon_contents {width: 100%}
.customer_list .coupon_contents .coupon_lng{width: 100%}
.customer_list .coupon_contents .coupon_lng:nth-child(odd) {background-color: #f2f2f2}

.customer_list .coupon_contents .coupon_lng .coupon_od_choose > div{display: inline-block;width: 27%;}
.customer_list .coupon_contents .coupon_lng .coupon_od_choose > div:first-child{margin-left: 10%}

.customer_list ul li input[type="checkbox"]{opacity: 0;position: absolute;width: 0px;height: 0px;margin: 8px;overflow: hidden;border: 0;webkit-appearance: none;-webkit-border-radius: 30px; -moz-appearance:none; appearance:none;}
.customer_list .coupon_contents ul li .ckr_wrap{width: auto;}
.customer_list .coupon_contents ul li .ckr_wrap label{position: relative;}
.customer_list .coupon_contents ul li .ckr_wrap label:before{content: "";position: absolute;left: -17px;top:0px;border: 1px solid #bbb;background-color: #fff;}
.customer_list .coupon_contents ul li .ckr_wrap label:before{width: 15px; height: 15px;border-radius: 5px;}
.customer_list .coupon_contents ul li .ckr_wrap .chk:checked + label:before{background-image: url(/image/common/icon_chkbox_rbox.png);width: 17px;height: 17px;border: none;background-size: cover;}




/*쿠폰 관리*/

/*내용*/
.customer_management{width: 80%;}
.customer_management .management_contents_area{margin-top: 0px;}
.customer_management .management_contents_area ul{}
.customer_management .management_contents_area ul li{display: table;width: 100%;border: 0.5px solid #ccc;overflow: hidden;min-height: 53px;}
.customer_management .management_contents_area ul li:nth-child(odd){background-color: #f5f5f5}
.customer_management .management_contents_area ul li:first-child{border-top: 1px solid #ccc;}

.customer_management .management_contents_area ul li p{padding: 1% 0%;text-align: center;font-size: 1rem;}
.customer_management .management_contents_area ul li .txt{vertical-align:middle; display: table-cell;background-color: #333;color: #fff;box-sizing: border-box;width: 16%;border-color: #fff;}
.customer_management .management_contents_area ul li .p_txt{position: relative;}
.customer_management .management_contents_area ul li .p_txt:after{content: "*"; color: #f29c00;font-size: 20px;position: absolute;display: inline-block;margin-top: -5px;}

.customer_management .management_contents_area ul li input{outline: none;text-align: center;}
.customer_management .management_contents_area ul li input.txt_box{border: none;min-height: 50px;box-sizing:border-box;}
.customer_management .management_contents_area ul li.coupon_payment input.txt_box{min-height: auto;}
.customer_management .management_contents_area ul li input.datepicker2 {border: 1px solid #f29c00;border-radius: 20px;}
.customer_management .management_contents_area ul li input::placeholder{color: #9e9e9e}
.customer_management ul li input[type="radio"],
.customer_management ul li input[type="checkbox"]{opacity: 0;position: absolute;width: 0px;height: 0px;margin: 8px;overflow: hidden;border: 0;webkit-appearance: none;-webkit-border-radius: 30px; -moz-appearance:none; appearance:none;}
.customer_management ul li input[type="radio"]:checked,
.customer_management ul li input[type="checkbox"]:checked{opacity: 0;}

.customer_management .management_contents_area ul li .chk_wrap label{position: relative;}
.customer_management .management_contents_area ul li .chk_wrap label:before{content: "";position: absolute;left: -17px;top: 0px;border: 1px solid #bbb;background-color: #fff;}
.customer_management .management_contents_area ul li .chk_wrap label:before{width: 15px; height: 15px;border-radius: 50%;}
.customer_management .management_contents_area ul li .chk_rbox:checked + label:after{content: "";position: absolute;left: -14px;top: 3px;background-color: #f29c00;}
.customer_management .management_contents_area ul li .chk_rbox:checked + label:before{border: 1px solid #f29c00;}
.customer_management .management_contents_area ul li .chk_wrap label:after{width: 11px; height: 11px;border-radius: 50%;}

.customer_management .management_contents_area ul li .ckr_wrap{width: 8%;}
.customer_management .management_contents_area ul li .ckr_wrap label{position: relative;}
.customer_management .management_contents_area ul li .ckr_wrap label:before{content: "";position: absolute;left: -17px;top: 0px;border: 1px solid #bbb;background-color: #fff;}
.customer_management .management_contents_area ul li .ckr_wrap label:before{width: 15px; height: 15px;border-radius: 5px;}
.customer_management .management_contents_area ul li .ckr_wrap .chk:checked + label:before{background-image: url(/image/common/icon_chkbox_rbox.png);width: 17px;height: 17px;border: none;background-size: cover;}

.customer_management .modal_contents ul li .ckr_wrap label{position: relative;}
.customer_management .modal_contents ul li .ckr_wrap label:before{content: "";position: absolute;left: -17px;top: 0px;border: 1px solid #bbb;background-color: #fff;}
.customer_management .modal_contents ul li .ckr_wrap label:before{width: 15px; height: 15px;border-radius: 5px;}
.customer_management .modal_contents ul li .ckr_wrap .chk:checked + label:before{background-image: url(/image/common/icon_chkbox_rbox.png);width: 17px;height: 17px;border: none;background-size: cover;}

.customer_management .management_contents_area ul li .txt_box{text-align: center;border: none;width: calc(100% - 1px);padding: 1.1% 0 0.9%;box-sizing: border-box;}
/* .customer_management .management_contents_area ul li .input_payment .txt_box{background:#f4f4f4;} */
.customer_management .management_contents_area ul li .txt_box:focus{border: none;}

.customer_management .management_contents_area ul li.coupon_name .contents_area .txt_box,
.customer_management .management_contents_area ul li.coupon_dditional .contents_area .txt_box {background-color: #f5f5f5}

.customer_management .management_contents_area ul li.coupon_quantity .contents_area .txt_box{width:70%;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area .txt_box{background: #fff;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area {}
.customer_management .management_contents_area ul li.coupon_payment .contents_area  p{}

.customer_management .management_contents_area ul li > div{}
.customer_management .management_contents_area ul li .contents_area{position: relative;overflow: hidden;width: 100%;text-align: center;}
.customer_management .management_contents_area ul li .contents_area .unit{display:inline-block; margin-left:10px;}

.customer_management .management_contents_area ul li.coupon_mem_price .contents_area{padding: 1.2% 0 0.8%;}
.customer_management .management_contents_area ul li.coupon_mem_price input{max-width: 16.5%;height: auto;min-height: auto;padding:0.5% 0;background: #f4f4f4;}
.customer_management .management_contents_area ul li.coupon_mem_price input[readonly]{background:#fff;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area{width: 41%;padding: 1.2% 0 0.8%;position: relative;display: inline-block;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area .txt_box{max-width: 40%;background: #f4f4f4;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area .txt_box[readonly]{background: #fff;}
.customer_management .management_contents_area ul li.coupon_payment .contents_area.input_payment {padding-bottom:0.6%;}
.customer_management .management_contents_area ul li.coupon_payment .payment_txt{width: 16%;background-color: #333;color: #fff; /*border-right: 1px solid #ccc;border-left: 1px solid #ccc;*/display: inline-block;vertical-align: top;padding: 1.75% 0%;}

.customer_management .management_contents_area ul li.coupon_memu .memu_area.chk_wrap{width: 12%}
/*exceptional media query*/
@media (max-width: 1400px){
    .customer_management .management_contents_area ul li.coupon_payment .payment_txt{padding:2% 0;}
    .customer_management .management_contents_area ul li.coupon_payment .payment_txt
    .customer_management .management_contents_area ul li .txt{font-size:0.875rem;}
}
@media (max-width: 1200px){
    .customer_management .management_contents_area ul li.coupon_payment .payment_txt{padding:2.4% 0;}
}
.customer_management .management_contents_area ul li .contents_area .coupon_store,
.customer_management .management_contents_area ul li.coupon_memu .contents_area .memu_area{display: inline-block;}

.customer_management .management_contents_area ul li.coupon_type .contents_area,
 .customer_management .management_contents_area ul li.coupon_memu .contents_area{padding: 1.7% 0%;}

.customer_management .management_contents_area ul li.coupon_payment .contents_area .payment{display: inline-block;width: 35%;}

.customer_management .management_contents_area ul li.coupon_application .memu_application{width: 13%;background-color: #333; color: #fff; padding: 1% 3%;border-radius: 5px;display: block;margin: auto}
.customer_management .management_contents_area ul li .datepicker{border-radius: 20px;text-align: center;border: 1px solid #f29c00;margin-left:5px;}

.customer_management .management_contents_area ul li.coupon_application .memu{width: 100%}
.customer_management .management_contents_area ul li.coupon_application .contents_area{padding: 1% 0%;}
.customer_management .management_contents_area ul li.coupon_application .contents_area p{display: inline-block;padding: 0.5%;}
.customer_management .management_contents_area ul li.coupon_application .contents_area p:before{content:"/"; display:inline-block; margin-right:8px;}
.customer_management .management_contents_area ul li.coupon_application .contents_area p:first-child:before{display:none;}
.customer_management .management_contents_area ul li.coupon_application .memu p{display: inline-block;}
.customer_management .management_contents_area .datepicker-trigger{cursor: pointer;}
.customer_management .management_contents_area ul li.coupon_date .contents_area .use_date {width: auto;display: inline-block;padding: 2% 1%;}
.customer_management .management_contents_area ul li.coupon_date .contents_area .use_date p{display: inline-block;}

.customer_management .save_btn{width: 100%;text-align: end;margin: 20px 0 60px;}
.customer_management .save{background-color: #f29c00; color: #fff; padding: 1% 3%;border-radius: 5px; }

.customer_management .coupon_notice{font-size: 1rem;margin-top: 3%;width:80%;float: left;}
.customer_management .coupon_notice p{}
.customer_management .coupon_notice .tit{position: relative;margin-left: 10px;display: inline-block; color:#f52a2a;float: left;margin-right:30px;}
.customer_management .coupon_notice .tit:before{content: "*";position: absolute;left: -10%;top: 3px;}
.customer_management .coupon_notice ul{float: left;margin-left: 2%;}
.customer_management .coupon_notice ul li{}
.customer_management .coupon_notice .subject{position: relative;}
.customer_management .coupon_notice .subject:before{content: "-";position: absolute;left: -2%;}

/*카테고리 선택 모달*/
.customer_management .mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 550;}
.customer_management .coupon_memu_modal .mask{min-height: 100vh}

.customer_management .coupon_modal{z-index: 600;background: #fff;position: absolute;width: 70%;top: 20%;left: 20%;}
.customer_management .coupon_memu_modal .modal_tit{box-sizing: border-box;background: #333;display: block;}
.customer_management .coupon_memu_modal .modal_tit ul{}
.customer_management .coupon_memu_modal .modal_tit ul li{font-size: 1.2rem;padding: 1% 1%;display: inline-block;color: #fff;border-right: 1px solid #ccc; box-sizing:border-box;}
.customer_management .coupon_memu_modal .modal_tit ul li:last-child {border: none;width: 75%;text-align: center;}
.customer_management .coupon_memu_modal .modal_tit ul li:first-child {width: 20%;text-align: center;}

.customer_management .modal .modal_contents{display: block;}

.customer_management .modal{display: none;}
.customer_management .modal.active {display: block;}
.customer_management .modal_contents .memu{padding: 0;max-height: initial;}
.customer_management .modal_contents ul{}
.customer_management .modal_contents ul li{box-sizing: border-box;border-bottom: 1px solid #ccc;display: table;width: 100%;}
.customer_management .modal_contents ul .category{box-sizing: border-box;width: 20%;font-size: 1.2rem;padding: 2.5% 3%;border-right: 1px solid #ccc;display: table-cell;vertical-align: middle;}
.customer_management .modal_contents ul .category_memu{display:table-cell; vertical-align:middle; font-size: 1.2rem;padding: 1% 2%;width: 100%}
.customer_management .modal_contents ul .memu_name{display: inline-block;padding: 4px 2% 4px 20px;}
.customer_management .coupon_memu_modal .btn_wrap {width: 100%;display: block;}
.customer_management .coupon_memu_modal .btn_wrap .memu_add{width: 100%;height: auto;padding: 1%;border-radius: 0;font-size: 1rem;}

.customer_list  .coupon_none {padding: 4%;text-align: center;font-size: 20px;color: #999;line-height: 0;}

/****미디어 쿼리*****/

@media all and (min-width:1950px) {

     .user_faqes.cnt, .user_qnahistory.cnt, .user_faq.cnt{padding: 100px 0 50px 0%;}
     .user_qnahistory .qna_del{bottom: 20%;}

     .customer_management .management_contents_area ul li .txt,
     .customer_management .management_contents_area ul li.coupon_payment .payment_txt,
     .customer_management .management_contents_area ul li.coupon_payment .contents_area.input_payment .unit,
     .customer_management .management_contents_area ul li .contents_area p,
     .customer_management .management_contents_area ul li.coupon_date .contents_area .use_date p,
     .customer_management .save,
     .customer_management .management_contents_area ul li input::placeholder,
     .customer_management .management_contents_area ul li input + label{font-size: 1.125rem;}

     .customer_management .management_contents_area ul li.coupon_payment .contents_area{padding:1% 0;}
     .customer_management .management_contents_area ul li.coupon_payment .contents_area.input_payment .unit{top:30%;}
     .customer_management .management_contents_area ul li .txt_box{padding:1% 0;}

     .customer_management .management_contents_area ul li .txt{min-width: 15%}
     .customer_management .management_contents_area ul li{font-size: 1.5rem;}

     .customer_management .management_contents_area ul li .contents_area{  min-width: 85%; }
     .customer_management .management_contents_area ul li.coupon_payment .contents_area{min-width: 34.4%;}

     .customer_management .coupon_notice{width: 41%;}
}

@media screen (min-width: 1501px) and  (max-width: 1800px){

	 .user_qnahistory .qna_del{bottom: 20%;}

	 .customer_management .management_contents_area ul li .txt,
     .customer_management .management_contents_area ul li.coupon_payment .payment_txt,
     .customer_management .management_contents_area ul li.coupon_payment .contents_area.input_payment .unit,
     .customer_management .management_contents_area ul li .contents_area p,
     .customer_management .management_contents_area ul li.coupon_date .contents_area .use_date p,
     .customer_management .save,
     .customer_management .management_contents_area ul li input::placeholder,
     .customer_management .management_contents_area ul li input + label{font-size: 1.6rem;}

     .customer_management .management_contents_area ul li .txt{min-width: 15%}
     .customer_management .management_contents_area ul li{font-size: 1.5rem;}

     .customer_management .management_contents_area ul li .contents_area{  min-width: 85%; }
     .customer_management .management_contents_area ul li.coupon_payment .contents_area{min-width: 34.2%;}
     .customer_management .management_contents_area ul li.coupon_payment .payment_txt{padding:1.8% 0;}

	.customer_management .coupon_notice{width: 60%;}
}

@media screen (min-width: 1401px) and  (max-width: 1500px){

	/*이미지 편집*/
	.imgcrop_container.container{margin-left: 15%;}
	.imgcrop_container.container .row .col-md-3{position: relative;}

	.user_faqes .faq_header .search .btn_search{top: 15%;}
	.user_faqes .faq_header .search{margin-top: 1.5%;}

	.user_faqes.cnt{padding: 100px 0 50px 0%;}

	 .user_qnahistory .qna_del{bottom: 20%;}

}



@media  (min-width: 1281px) and  (max-width: 1400px){
/*테이블 관리*/
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{margin-left: 0%}

     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{margin-top: 0;}
     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{display: inline-block;font-size: 13px;}
     .shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 33%}

     .shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap, .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option p{display: inline-block;}

     /*고객관리*/
/*      .customer_list .cust_list{width: 50%} */

     /*메뉴옵션관리*/
     .menu_add .btn_box button{padding: 6px 10px;font-size: 14px;}
     .modal_menu.modal .menu_add_opt ul:after{content:""; clear:both; display:block;}
     .modal_menu.modal .menu_add_opt ul li {float: left;width: 50%;}
     .cnt .modal > .menu_add.show{max-width: 500px;width: 500px;}
     .modal_menu.modal .menu_add_opt ul{}
     .menu_registration.cnt .modal{left: 40%}



     /*이미지크롭*/
     .imgcrop_container.container {margin-top: 10%;margin-right: 0;margin-left: auto;padding: 0px 22px;max-width: 84%;}
     .imgcrop_container .docs-preview{margin-right: 0}
     .imgcrop_container .col-md-3{padding: 0px 5px;}


     .imgcrop_container .col-md-3.docs-toggles{margin-top: -33%;margin-left: 90%;}
     .imgcrop_container .row .row{width: 83.5%;margin-left: 0;}

     /*자주 묻는 질문*/


     .user_faqes.cnt{}
     .user_faqes .faq_header .tit_area h2{line-height: 2;}
     .user_faqes .faq_header .search{margin-top: 1.5%;}

   	  .user_qnahistory .qna_del{bottom: 20%;}
   	  .user_faq  .faq_header .tit_area{padding:3% 2% }

}
@media (min-width: 1041px) and (max-width: 1280px){
    /* .cnt .tb_shop tr td{padding: 0 10px} */
    .cnt{width: calc(100% - 200px);box-sizing: border-box;padding: 126px 10px 50px 30px;}
    .user_faqes.cnt {padding: 8% 0 50px 0%;overflow: hidden;}
    .cnt .tb_shop tr td input[type="text"], input[type="password"]{width: 90%}

     /* 가게관리 - 기본정보관리 shop_basic.html */
     .cnt .shop_basic_info tr .shop_ctg .shop_input{width: 50%;}
     .cnt .shop_basic_info tr .shop_license .shop_input{width: 20%;}
     .cnt .shop_basic_info tr .shop_address2 .shop_input{width: 43%;}
     .cnt .shop_basic_info tr .shop_wifi .shop_input{width: 30%;}
     .cnt .shop_basic_info tr .shop_address2 .shop_input.address2, .cnt .shop_basic_info tr .shop_wifi .shop_input.wifi2{margin-left: 10px}
     .cnt .shop_account_info tr .shop_calc .shop_input{width: 45%}

 	/* 가게관리 - 기본정보관리 shop_operation.html */
 	 .shop_operation.shop_tab_cnt .shop_tab4 .table_control .ctrl_box #sortable{height: 364px}

     /* 메뉴관리 - 메뉴등록/수정 menu_registration.html */
     .menu_registration .menu_tab_cnt .menu_list{height:395px}

     /* 메뉴관리 - 메뉴추가모달 */
      .modal_menu{top: 2%}
     .fileuploader{margin-bottom: 0}
     .modal_menu.modal .menu_add_opt{padding-top: 0;width: 400px}
     .modal_menu.modal .menu_add_opt ul li{float: left;width: 50%;}
     .modal_menu.modal .menu_add_opt ul:after{content:""; clear:both; display:block;}
     .modal_menu.modal .menu_add_opt .multi_opt_li:after{content: "";display: block;clear: both;}
     .modal_menu .btn_box{margin-top: 0}
     .menu_registration.cnt .modal{left: 50%;}
     .cnt .modal > .menu_add.show{min-width: 30%;}
     .cnt .modal > div.show{}



     /*고객관리*/
/*      .customer_list .cust_list{width: 42%;} */
     .customer_list .cust_info{margin-top: 45px;}
     .customer_list .cust_list .list_box{height: 490px;}


     /*테이블 관리*/
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{margin-left: 0%}

     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{margin-top: 0;}
     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{display: inline-block;font-size: 13px;}
     .shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 33%}
     .modify_tb_num .btn_code_table{padding: 6px 20px;}

      .shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap, .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option p{display: inline-block;}


     /*이미지크롭*/
     .imgcrop_container.container {margin-top: 10%;margin-left: 20%;padding: 0px 30px;max-width:72%;margin-right: 0;}
     .imgcrop_container .docs-preview{margin-right: 0}
     .imgcrop_container .col-md-3{padding: 0px 5px;}
     .imgcrop_container .docs-buttons{width: 100%; min-width: 100%}


     .imgcrop_container .col-md-3.docs-toggles{margin-top: -40%;margin-left: 84%;}
     .imgcrop_container .row .row{width: 89%;margin-left: 0%;}


     /*자주묻는 질문*/
     .user_faqes.cnt, .user_qnahistory.cnt, .user_faq.cnt{padding: 100px 0 50px 0%;}
     .user_faqes .tab li{padding: 0% 1%;max-width: 17%;}
     .faq_header{padding: 4% 2%}
     .user_faqes .faq_header .tit_area .tit_txt{width: 67%}
     .user_faqes .faq_header .search .search_data{padding: 1% 2% 1% 7%;}
	 .user_faqes .faq_header .search{margin-top: 1.5%;}


     .user_faq .gnb_area .gnb_ul ul li .user_info_txt{min-width: 12%;}
     .user_faq .chk_btn_area{padding: 1% 1% 1% 18%;}
     .user_faq .chk_btn_area .btn_area .btn_sumit{width: 78%}


     .user_qnahistory .qna_del{bottom: 20%;}

     /*쿠폰 추가*/
     .customer_list .customer_coupon_area{width: 98%;}
     .customer_management .management_contents_area ul li .chk_wrap label:before{}
     .account_detail .chart_cnt #piechart div {display: block;}
}
@media (min-width: 1025px) and (max-width: 1040px){
	.cnt{padding: 126px 0 50px 1.5%;}
    .sub_nav{width: 176px;}
    .sub_nav ul li.on a:before{left: 10px}
    .cnt{margin-left: 164px;padding-left: 3%}


    /* 가게관리 - 운영정보관리 shop_operation.html */
    .shop_operation .tb_shop .day_schedule .ip_time{width: 40px;padding: 2px 6px}

    /*고객관리*/
/*      .customer_list .cust_list{width: 42%;} */

     /*테이블 관리*/

    .shop_operation .shop_tab_cnt #sortable{padding: 5px}
    .shop_operation .shop_tab_cnt #sortable li{width: 80px; height: 70px;line-height: 75px;}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{margin-left: 0%}
    .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{margin-top: 0;}
    .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{display: inline-block;font-size: 13px;}
    .shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 33%}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_col{position: absolute;top: 0px;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top{position: relative;padding: 5px;}

	   /*이미지크롭*/
     .imgcrop_container.container {margin-top: 10%;margin-left: 18%;padding: 0px 30px;max-width:72%;margin-right: 0;}
     .imgcrop_container .docs-preview{margin-right: 0}
     .imgcrop_container .col-md-3{padding: 0px 5px;}
     .imgcrop_container .docs-buttons{width: 100%; min-width: 100%}


     .imgcrop_container .col-md-3.docs-toggles{margin-top: -48%;margin-left: 84%;}
     .imgcrop_container .row .row{width: 89%;margin-left: 0%;}



     /*자주묻는 질문*/
     .user_faqes .tab li{padding: 0% 1.25%;min-width: 11%;}
     .user_faqes .faq_header .search .btn_search{top: 15%;}
	 .user_faqes .faq_header .search{margin-top: 1.5%;}



     /*지난 문의 내역*/
     .cnt.user_qnahistory{padding: 100px 0 50px 0%;width: auto;margin-left: 17%;}

     /*쿠폰*/
     .customer_list .customer_coupon_area{width: 95%}
     .customer_list .coupon_area li{font-size: 0.8rem}
     .customer_list .coupon_lng li{font-size: 0.75rem}
     .customer_list input + label{padding: 0}
     .customer_list .coupon_num input + label{padding: 0 4px}


 .account_detail .chart_cnt #piechart div {display: block;}
}

@media (min-width: 890px) and (max-width: 1024px) and (orientation: landscape) {

    .cnt{white-space:normal;width: 79%;overflow: hidden;}
    .cnt{padding: 126px 0 50px 1.5%;}
    .header .header_top h2{line-height: 60px;}
    .header .header_top .go_table img{padding: 21px 5px;}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{ margin-left: 0%;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{width: 100% ; margin-bottom: 10px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table { width: 29.5%;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option > .btn_add{margin-top: 8px; margin-right: 9px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table .icon_btn{ margin-left: -3px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table button{padding: 10px 0;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_box{ padding-top: 24px;max-height: 470px;}
	.shop_operation .shop_tab_cnt #sortable{overflow-y:scroll}
	.ctrl_option{ padding-bottom: 24px;}
	.table_control {overflow: scroll;}
	.menu_registration .menu_tab_cnt .menu_list div span{line-height:1.2;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{margin: 4px 0px;}

	.header .header_top h2{line-height: 65px;}
	.header .header_top .go_table img{padding: 22px 5px;}
	.header .header_top .go_table:after{width: 180px;top: 13px;}


	/*가게 관리*/

	.cnt.shop_basic .tb_shop tr{width: 100%}
	.cnt.shop_basic .tb_shop tr th{min-width: 90px;}
	.cnt.shop_basic .tb_shop tr td{padding:10px 4px;}
	.cnt.shop_basic .shop_basic_info tr .shop_ctg .shop_input{width: 40%}
	.cnt.shop_basic .shop_basic_info tr .shop_ctg #mainCategoryInput{width: 30%}
	.cnt.shop_basic .shop_basic_info tr .shop_address2 .shop_input.address2{margin-left: 0;}
	.cnt.shop_basic .shop_basic_info tr .shop_address2 .shop_input{width: 50%}
	.shop_input.address2{margin-top: 5px}

	/*.cnt.shop_basic .tb_shop tr td input[type="text"]{width: 72%}*/
	.cnt .shop_basic_info tr .shop_wifi .shop_input{width: 28%}
	.shop_basic_info tr .shop_wifi .shop_input.wifi2{margin-left: 0%}
	.cnt.shop_basic .tb_shop tr td input.shop_input.numbersOnly{width: 40%}
	.cnt.shop_basic .tb_shop tr td.shop_email{min-width: 200px;}

	.fileuploader{padding: 16px 3px;}
	.shop_licpic .fileuploader{max-width: 300px;}
	.shop_licpic .fileuploader .fileuploader-input{display: block;}



	/*메뉴관리*/
	.menu_registration.cnt{margin-left: 22%; width: 75%;}
	.menu_check_box{text-overflow: ellipsis;width: 100%;white-space: normal;line-height: 1.28;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
	.modal_ctg_ctrl .ctg_menu input[type="radio"]{top: 17px;}
	.modal_ctg_ctrl .btn_delete, .btn_add_ctg{top:9px}

	.menu_registration.cnt .modal{left: 30%}
	.cnt .modal > .menu_add{max-width: 58%; min-width: 47%;}
	.menu_add_opt ul, .add_opt .chk_opt ul {padding-left: 12px;}
	.modal_menu.modal .menu_add_opt ul:after{content: "";display: block;clear: both;}
	.modal_menu.modal .menu_add_opt ul li {float: left;width: 50%;}
	.add_opt .lv_graph ul{width: 100%}
	.add_opt.show{width: 37%}
	.add_opt .opt_txt .list_label + input{width: 100%;box-sizing: border-box;}
	.menu_registration .modal_menu.modal .btn_box .btn_menu_opt, .menu_add .btn_box button, .add_opt .btn_box button{padding: 6px 0px;font-size: 0.9rem;}

	.add_opt .lv_graph ul .ip_lv{width: 94%;margin: 12px 0;font-size: 12px;text-align: center;height: 20px;padding: 2px 0px;}

	/*테이블 관리*/
     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{margin-left: 0%}
	.shop_operation .shop_tab_cnt #sortable li{width: 80px; height: 70px;line-height: 75px;}

	 .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{margin-top: 3px;width: auto;}
     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{margin-right:5px; float: left;display: inline-block;font-size: 13px;}
	 .shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 30%}
	 .shop_operation .shop_tab_cnt .modify_tb_num .btn3{padding: 6px 13px;}
	 .shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap{margin: 0 4px 0 6px;}

	.shop_operation .shop_tab_cnt .ctrl_option .list_floor button{width: 33px}
    .shop_operation .shop_tab_cnt #sortable li{width: 80px; height: 70px;line-height: 75px;}


	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_col{position: absolute;top: 0px;right: 0;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top{position: relative;padding: 5px;}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .ctrl_floor .ctrl_floor_area{position: relative;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .ctrl_floor .ctrl_floor_txt{position: absolute; top:-35px;left: 30%}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .btn_add{padding:10px 0px; margin-top: 0}

	/*고객관리*/
/*      .customer_list .cust_list{width: 42%;} */
	.customer_list .cust_list .list_box{height: 250px;}
	.cnt .sub_tit{margin-bottom: 10px;}
	.customer_list .cust_input{height: 30px;}
	.customer_list .cust_info{margin-top: 37px;margin-left: 1%;width: 40%;}
	.customer_list .cust_list .search_box .btn_search_img{width: 20px;height: 20px;}
	.customer_list .cust_list .sort_box > div .ip_select{padding: 0px 0px 0px 30px;}


     /*이미지크롭*/
     .imgcrop_container.container {margin-top: 13%;margin-left: 20%;padding: 0px 30px;max-width:80%;margin-right: 0;}
     .container.imgcrop_container .row{width: 100%}
     .imgcrop_container .docs-preview{margin-right: 0}
     .imgcrop_container .col-md-3{padding: 0px 5px;}
     .imgcrop_container .docs-buttons{width: 100%; min-width: 100%}

     .imgcrop_container .img-preview.preview-lg{width: 100%;}
     .imgcrop_container .row .row{width: 100%;margin-left: 0%;}
     .imgcrop_container .col-md-3.docs-toggles{margin-top: -44%;margin-left: 75%;}


      /*지난 문의 내역*/
      .user_faqes.cnt{padding: 100px 0 50px 0%;}
      .user_qnahistory.cnt {padding: 100px 0 50px 0%;}
      .user_qnahistory .faq_header .tit_area h2{font-size: 1.5rem;line-height: 4;}
      .user_qnahistory .faq_header .tit_area h2:after{top: 13%;}
      .user_faqes .faq_header .tit_area .tit_txt{padding: 0px 1%;font-size: 0.9rem;line-height: 1.7;width: 60%;}
      .user_qnahistory .faq_header .tit_area h2:after{height: 70px;}
      .user_qnahistory .tit_right_area p{padding: 0% 14% 0% 0%;}
      .user_qnahistory .notice{margin-top: 0%;}

	 .user_faqes .faq_header .search{margin-top: 4%;}
	 .user_faqes .faq_header .tit_area .tit_txt{margin-top: 3px;}
	 .user_qnahistory .faq_header .tit_area .tit_txt{margin-top: 2%;}
	 .user_faqes .faq_header .tit_area h2:after{    top: 17%;}



     /*자주묻는 질문*/
     .user_faqes .tab li{padding: 0% 0%;max-width: 22%;min-width: 13.4%;}
     .user_faqes #container{padding: 0px 3%;}
     .user_faqes .faq_header .search .search_data{padding: 1.5% 2% 1% 9%;}
     .user_faqes .faq_header .tit_area h2{line-height: 2;}
     .user_faqes .faq_header .tit_area h2:after{top: 16%;}

     .user_faqes .faq_header .tit_area{padding: 4% 2% 2% 2%;}

     /*문희 남기기*/
     .user_faq.cnt{padding: 100px 0 50px 0%;}
     .user_faq.cnt .faq_header .tit_area .tit_txt{width: 72%;margin-top: 2%;}
     .faq_header .tit_area h2:after{top: 25%;}
     .user_faq .gnb_area .gnb_ul ul li .user_info_txt{min-width: 14%;}
     .user_faq .gnb_area .gnb_ul ul li .user_info_box{width: 75%}
     .user_faq .gnb_area .gnb_ul ul li .shop_picture{min-width: 300px;}
     .user_faq .chk_btn_area .btn_area{width: 100%}

     .user_faq .faq_header .tit_area h2{line-height: 3;}
     .user_faq .chk_btn_area{padding: 1% 1% 1% 20%;}

     /*쿠폰*/
     .cnt.customer_list{width:76%}
     .customer_list .customer_coupon_area ul li.coupon_use_date{width:22%}
     .customer_list .customer_coupon_area ul li.coupon_od_choose{width: 21%}
     .customer_list .customer_coupon_area ul li.coupon_slae_price{width: 10%;}
     .customer_list .coupon_contents ul li .ckr_wrap label:before{width: 13px;height: 13px;}
     .customer_list .coupon_contents ul li .ckr_wrap .chk:checked + label:before{width: 14px;height: 14px;}
     .customer_list .coupon_area li{font-size: 0.8rem}
     .customer_list .coupon_lng li{font-size: 0.75rem}
     .customer_list input + label{padding: 0}
     .customer_list .coupon_num input + label{padding: 0 4px}


     /*쿠폰 등록 수정*/
     .customer_management.cnt{width: 76%;}
     .management_contents_area{width: 95%}
     .customer_management .management_contents_area{width: 97%}
     .customer_management .management_contents_area ul li,
     .customer_management .management_contents_area ul li input.txt_box{min-height: 40px;}
     .customer_management .management_contents_area ul li.coupon_payment  input.txt_box{min-height: auto;}
     .customer_management .management_contents_area ul li .contents_area{width: 100%;font-size: 0.8rem;}
     .customer_management .management_contents_area ul li.coupon_date .contents_area .use_date p,
     .customer_management .management_contents_area ul li.coupon_application .contents_area p{font-size: 0.8rem;}

     .customer_management .management_contents_area ul li.coupon_payment{}
     .customer_management .management_contents_area ul li.coupon_payment .contents_area{padding: 1% 0%;width: 34%;font-size: 0.8rem;display: inline-block;}

     .customer_management .management_contents_area ul li .txt{width: 23%;font-size: 0.8rem;}
     .customer_management .management_contents_area ul li.coupon_application .memu_application{font-size: 0.7rem;padding: 1%;}
     .customer_management .management_contents_area ul li.coupon_payment .payment_txt{width: 31%;font-size: 0.8rem;display: inline-block;vertical-align: top;}

     .customer_management .save_btn{width: 95%}

     .customer_management .coupon_memu_modal .modal_tit ul li{font-size: 0.8rem;}

     .customer_list .coupon_contents ul li .ckr_wrap label:before{border-radius: 3px;}
     .customer_management .management_contents_area ul li.coupon_mem_price .contents_area p{top:3px;}
     .customer_management .management_contents_area ul li.coupon_payment .contents_area.input_payment .unit{top: 10%}
     /*쿠폰등록*/
     .customer_management .modal_contents ul li{font-size: 0.9rem}
     .customer_management .modal_contents ul .category{padding: 2% 3%;font-size: 0.9rem;}
     .customer_management .modal_contents ul .category_memu{font-size: 0.9rem;}
     .customer_management .management_contents_area ul li.coupon_payment .contents_area .payment{width: 40%;}
     .customer_management .management_contents_area ul li .ckr_wrap{width: 11%;}
     .customer_management .management_contents_area ul li.coupon_memu .memu_area.chk_wrap{width: 17%;}

     .customer_management .coupon_notice{font-size: 0.7rem;}
 .account_detail .chart_cnt #piechart div {display: block;}
}

@media (min-width:768px) and (max-width: 889px) and (orientation: landscape) {
	.cnt{white-space:normal;margin-left: 180px;width: 74%}
	.cnt .tab_list li{font-size: 14px}
	.header .header_top h2{line-height: 60px;}
	.header .header_top .go_table img{padding: 21px 5px;}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_num{ margin-left: 0%;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{width: 100% ; margin-bottom: 10px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table { width: 29.5%;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option > .btn_add{margin-top: 8px; margin-right: 9px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table .icon_btn{ margin-left: 0px;}
	.shop_operation .shop_tab_cnt .ctrl_option .ctrl_table button{padding: 10px 0;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_box{ padding-top: 24px;max-height: 470px;}
	.shop_operation .shop_tab_cnt #sortable{overflow-y:scroll}
	.ctrl_option{ padding-bottom: 24px;}
	.table_control {overflow: scroll;}
	.menu_registration .menu_tab_cnt .menu_list div span{line-height:1.2;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{margin: 4px 0px;}

	.header .header_top h2{line-height: 65px;}
	.header .header_top .go_table img{padding: 22px 5px;}
	.header .header_top .go_table:after{width: 180px;top: 13px;}

	/*가게 관리*/

	.cnt.shop_basic  .tb_shop tr{width: 100%}
	.cnt.shop_basic  .tb_shop tr th{min-width: 90px;}
	.cnt.shop_basic  .tb_shop tr td{padding:10px 4px;}
	.cnt.shop_basic  .shop_basic_info tr .shop_ctg .shop_input{width: 40%}
	.cnt.shop_basic  .shop_basic_info tr .shop_ctg #mainCategoryInput{width: 30%}
	.cnt.shop_basic  .shop_basic_info tr .shop_address2 .shop_input.address2{margin-left: 0;}
	.cnt.shop_basic  .shop_basic_info tr .shop_address2 .shop_input{width: 50%}
	.shop_input.address2{margin-top: 5px}

	.cnt.shop_basic  .tb_shop tr td input[type="text"]{width: 72%}
	.cnt.shop_basic  .tb_shop tr td input.shop_input.numbersOnly{width: 40%}
	.cnt.shop_basic  .tb_shop tr td.shop_email{min-width: 200px;}

	.fileuploader{padding: 16px 3px;}
	.shop_licpic .fileuploader{max-width: 300px;}
	.shop_licpic .fileuploader .fileuploader-input{display: block;}


	/*메뉴관리*/
	.menu_check_box{text-overflow: ellipsis;width: 100%;white-space: normal;line-height: 1.28;word-wrap: break-word;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;overflow: hidden;}
	.modal_ctg_ctrl .ctg_menu input[type="radio"]{top: 17px;}
	.modal_ctg_ctrl .btn_delete, .btn_add_ctg{top:9px}

	/*고객관리*/
/*      .customer_list .cust_list{width: 42%;} */
	.customer_list .cust_list .list_box{height: 250px;}
	.cnt .sub_tit{margin-bottom: 10px;}
	.customer_list .cust_input{height: 30px;}
	.customer_list .cust_list .search_box .btn_search_img{width: 20px;height: 20px;}
	.customer_list .cust_list .sort_box > div .ip_select{padding: 0px 0px 0px 30px;margin-top: 7px;}

	/*테이블 관리*/

	 .shop_operation .shop_tab_cnt #sortable{padding: 5px}

	 .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .Choose_code{margin-top: 6px;width: auto;}
     .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top > div{display: inline-block;font-size: 13px;}
     .shop_operation .shop_tab_cnt .ctrl_option .ctrl_table{width: 30%}
     .shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap{margin: 0 3px 0 3px;}
     .shop_operation .shop_tab_cnt .modify_tb_num .btn3{padding: 6px 13px;}
     .shop_operation .shop_tab_cnt .shop_tab4 .btn_wrap{margin: 0 4px 0 6px;}

	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top .modify_tb_col{position: absolute;top: 0px;right: 0;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_top{position: relative;padding: 5px;}

    .shop_operation .shop_tab_cnt #sortable li{width: 80px; height: 70px;line-height: 75px;}
    .shop_operation .shop_tab_cnt .ctrl_option .list_floor button{width: 33px}

    .shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .ctrl_floor .ctrl_floor_area{position: relative;}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .ctrl_floor .ctrl_floor_txt{position: absolute; top:-35px;left: 30%}
	.shop_operation .shop_tab_cnt .shop_tab4 .table_control .ctrl_option .btn_add{padding:10px 0px; margin-top: 0}



     /*이미지크롭*/
     .imgcrop_container.container {margin-top: 10%;margin-left: 20%;padding: 0px 30px;max-width:72%;margin-right: 0;}
     .imgcrop_container .docs-preview{margin-right: 0}
     .imgcrop_container .col-md-3{padding: 0px 5px;}
     .imgcrop_container .docs-buttons{width: 100%; min-width: 100%}


     .imgcrop_container .col-md-3.docs-toggles{margin-top: -48%;margin-left: 84%;}
     .imgcrop_container .row .row{width: 89%;margin-left: 0%;}


      /*지난 문의 내역*/
     .faq_header .tit_area h2{font-size: 1.5rem;line-height: 3;}
     .faq_header .tit_area .tit_txt{margin-top: 2%;}


     /*자주묻는 질문*/
     .user_faqes .tab li{padding: 0% 2%;min-width: 9%;}

     /*쿠폰*/
     .customer_list .customer_coupon_area{width: 95%}
     .customer_list .coupon_area li{font-size: 0.8rem}
     .customer_list .coupon_lng li{font-size: 0.7rem}
 .account_detail .chart_cnt #piechart div {display: block;}
}










/* .modal_notice 이용약관
.cnt .modal.modal_notice{top: 14%;height: 50%;left: 50%;width: 1000px;margin-left: -500px;font-size: 14px}
.cnt .modal_notice .md_terms.show{float: none;overflow-y:auto;height: 100%;padding: 50px;}
.cnt .modal_notice .md_terms .md_sub_tit{margin-bottom: 20px}
.cnt .modal_notice .md_terms .md_cnt{z-index: 10}
.cnt .modal_notice .md_terms .md_bg{z-index: -1}*/

/* (표 방식) 메뉴등록/수정 menu_list.html
.menu_list .menu_btn_box{position: absolute;top: 0; right: 0;}
.menu_list .menu_btn_box a{color: #fff}
.menu_list .menu_btn_box .btn2 + .btn2{margin-left: 2px}
.menu_list .tab_list{display: table;width: 100%}
.cnt.menu_list .tab_list:after{height: 0}
.menu_list .tab_list li{display: table-cell;width: calc(100% / 6);margin-top: 10px;box-sizing: border-box}
.menu_list .tab_list li:nth-child(6n+1){border-left: 1px solid #f29c00}
.menu_tab_cnt{padding-top: 45px}
.menu_tab_cnt .tb{max-height: 490px;}
.menu_tab_cnt .tb .col_i{width: 10%}
.menu_tab_cnt .tb .tb_row.select{background: rgba(242, 156, 0, .5);}
.menu_tab_cnt .tb .tb_row img{max-height: 100px;width: auto} */

/* .menu_list.html .modal_ctg 카테고리관리 모달
.menu_list .modal_ctg{top: 36%;width: 26%}
.modal_ctg_ctrl{width: 100%}
.modal_ctg_ctrl ul, .ctg_add{padding-left: 12px;}
.modal_ctg_ctrl ul li, .modal_ctg_ctrl .ctg_add_menu{position: relative;padding: 12px 0;}
.modal_ctg_ctrl ul li p, .ctg_add_menu p{padding-left: 36px;font-size: 14px}
.modal_ctg_ctrl .btn_delete, .btn_add_ctg{position: absolute;top: 9px; left: 0;background: #f29c00;width: 24px;height: 24px;border-radius: 12px;}
.ctg_add{border-top: 1px solid #ccc;padding: 12px }
.ctg_add input[type="text"]{width: 80%}
.modal_ctg_ctrl .btn_delete:before, .btn_add_ctg:before{content: "";position: absolute;top: 11px;left: 4px;height: 2px;width: 16px;background: #fff}
.btn_add_ctg:after{content: "";position: absolute;top: 4px;left: 11px;height: 16px;width: 2px;background: #fff}

.btn_up, .btn_down{float: left;width: 50%;border-top: 1px solid #ccc;padding: 6px 0}
.btn_down{border-left: 1px solid #ccc;}*/

/* .menu_registration .modal_ctg 카테고리관리 모달
.menu_registration .menu_tab_cnt .modal_ctg{top: 30%;}
.menu_registration .menu_tab_cnt .modal_ctg .modal_ctg_ctrl{width: 300px;}
.menu_registration .menu_tab_cnt .modal_ctg .modal_ctg_ctrl .ctg_ctrl{margin-bottom: 30px}

/* .add_ctg 카테고리등록
.menu_registration .menu_tab_cnt .modal_ctg .add_ctg{margin-left: 30px;width: 200px;}
.menu_registration .menu_tab_cnt .modal_ctg .add_ctg .ctg_info > div{font-size: 14px;margin: 15px 0;}
.menu_registration .menu_tab_cnt .modal_ctg .add_ctg .ctg_info > div input{width: 100%;margin-top: 5px}
.menu_registration .menu_tab_cnt .modal_ctg .add_ctg .btn_wrap{text-align: center;} */

/* .menu_registration .modal_menu 메뉴등록 모달
.menu_registration .menu_tab_cnt .modal_menu{height: 600px;top: 50%;margin-top: -300px;}
.menu_registration .menu_tab_cnt .modal_menu label{margin-left: 4px}
.menu_registration .menu_tab_cnt .modal_menu .btn_wrap{text-align: center;margin-bottom: 10px;}

/* .account_monthly.html
.account_monthly .select_month{width: 306px;margin: 0 auto}
.account_monthly .select_month > *{float: left}
.account_monthly .select_month div{position: relative;width: 220px;}
.account_monthly .select_month div input{margin-left: 40px;width: 138px;height: 38px}
.account_monthly .select_month div button{position: absolute;width: 30px;height: 30px;top: 5px;font-size: 0; line-height: 0}
.account_monthly .select_month div .btn_prev{left: 0;background: url("/image/common/icon_prev.png") no-repeat center}
.account_monthly .select_month div .btn_next{right: 0;background: url("/image/common/icon_next.png") no-repeat center}
.account_monthly .select_month .btn_today{margin-left: 20px;padding: 10px 20px;background: #f29c00;color: #fff;font-size: 14px;border-radius: 10px}

.account_monthly .calendar_box{width: 98%}
.account_monthly .calendar_box .total{margin: 20px 0 20px 30px;font-size: 18px}
.account_monthly .calendar_box .total span{font-size: 19px;font-weight: 600}
.account_monthly .calendar_box .calendar{width: 100%}
.account_monthly .calendar_box .calendar div{box-sizing: border-box}
.account_monthly .calendar_box .calendar .cal_row > div{float: left;width: calc(100% / 7);border-left: 1px solid #bbb;}
.account_monthly .calendar_box .calendar .cal_row > div:nth-child(7n+1){border-left: 0}
.account_monthly .calendar_box .calendar .cal_top div{text-align: center;background: #f5f5f5;padding: 10px 0}
.account_monthly .calendar_box .calendar .day .weekend a > span{color: #f00}
.account_monthly .calendar_box .calendar .day .day_data{float: left;padding: 12px;height: 150px;border-top: 1px solid #bbb}
.account_monthly .calendar_box .calendar .day .day_data a{display: block;width: 100%;height: 100%}
.account_monthly .calendar_box .calendar .day .day_data a > span{font-weight: 600}
.account_monthly .calendar_box .calendar .data{margin-top: 6px;text-align: center;border-radius: 10px;font-size: 15px;padding: 2px 0}
.account_monthly .calendar_box .calendar .data_approval{background: #acc4f1}
.account_monthly .calendar_box .calendar .data_deposit{background: #f7987b}
*/

/* account_history.html
.account_history .accoh_tab_cnt{padding: 45px 0 0 30px;}
.account_history .accoh_tab_cnt .accoh_tab{display: none}
.account_history .accoh_tab_cnt .accoh_tab.on{display: block}
.account_history .accoh_tab_cnt .tab_top{margin-bottom: 10px;}
.account_history .accoh_tab_cnt .tab_top *{float: left;font-size: 14px}
.account_history .accoh_tab_cnt .tab_top ul{width: 26%}
.account_history .accoh_tab_cnt .tab_top ul li{width: 50%;border: 1x solid #f29c00;border-radius: 10px 10px 0 0;}
.account_history .accoh_tab_cnt .tab_top ul li.on{background: #f29c00;color: #fff}
.account_history .accoh_tab_cnt .tab_top ul li a{display: block;text-align: center;height: 30px;line-height: 30px;width: 100%}
.account_history .accoh_tab_cnt .tab_top > div{float: right; width: 71%;margin-left: 3%}
.account_history .accoh_tab_cnt .tab_top > div > div input{width: 100px;height: 30px;margin-right: 6px}
.account_history .accoh_tab_cnt .tab_top > div > div + div{margin-left: 4%;width: 30%}
.account_history .accoh_tab_cnt .tab_top button{margin-left: 6px;padding: 6px 20px;background: #f29c00;color: #fff;border-radius: 10px}
.account_history .accoh_tab_cnt .tab_top .ip_select{height: 30px;width: 60%;}

.account_history .accoh_tab_cnt .tb, .account_history .accoh_tab_cnt .tb div{box-sizing: border-box;text-align: center;font-size: 14px;}
.account_history .accoh_tab_cnt .tb .tb_top > div, .account_history .accoh_tab_cnt .tb .tb_row > div{float: left;width: calc(100% / 13);height: 35px;line-height: 35px;border-left: 1px solid #bbb}
.account_history .accoh_tab_cnt .tb .tb_top > div:first-child, .account_history .accoh_tab_cnt .tb .tb_row > div:first-child{border-left: 0}
.account_history .accoh_tab_cnt .tb div .col_i{width: 6%}
.account_history .accoh_tab_cnt .tb div .col_n{width: 14%}
.account_history .accoh_tab_cnt .tb .tb_top, .account_history .accoh_tab_cnt .tb .tb_data .tb_row{border-bottom: 1px solid #bbb}
.account_history .accoh_tab_cnt .tb .tb_top{background: #f5f5f5} */

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .main_contents{ width: 100%;}
	.main_contents .cnt_wrap { margin-top: -220px; width: 100%;top: 60%;    left: 54%;}
	.main_contents .cnt_wrap > div{ width: 40%;  margin-left: 5%;}
	.main_contents .cnt_wrap .join{ margin-left: 5%;;}

	.main_contents .cnt_wrap .login > img{ max-width: 45%; height: auto;}
	.main_contents .cnt_wrap .login > input{ width: 270px;height: 40px;}
	.main_contents .cnt_wrap > div > a { width: 300px;height: 49px; line-height: 48px;text-align: center; font-size: 25px;}
	.main_contents .cnt_wrap .login > a{margin: 9% 11% 5%;}

	.main_contents .cnt_wrap .join h4{font-size: 29px;padding-top: 20px;margin-bottom: 33px;}
	.main_contents .cnt_wrap .join .btn_join{ margin-top: 20%;margin-left:40px;}
	.main_contents .cnt_wrap .join h4:after{left: 31%;bottom: -5px;}

	.login_keeping .chk_round + label:before{ left: 10%;top: 61%;}

	.login_keeping input + label{padding: 0 11%;}
	.main_contents .cnt_wrap .login > input{font-size: 17px;}

	/*카테고리 관리 모달창*/
	.cnt .modal_ctg{width: 40%;top: 2%;}
	.modal_ctg_ctrl .btn_delete:before, .btn_add_ctg:before{    content: "";position: absolute;top: 11px;left: 6px;height: 2px;width: 12px;background: #fff;}
    .btn_add_ctg:after{top: 6px;left: 11px;height: 12px;width: 2px;}
/*     .cnt .modal > div > div{max-height: 375px;}
    .modal_ctg .ctg_menu ul{max-height: 170px;} */

    .list_label:before{top: 7px;}
    .modal_ctg_ctrl .btn_delete, .btn_add_ctg{position: absolute;top: 15px; left: 0;background: #f29c00;width: 24px;height: 24px;border-radius: 12px;}
    .btn_add_ctg{top: 11px;}
    .ctg_add_menu{width: 100%;font-size: 14px;text-align: left;padding-top: 3px;display: inline-block;line-height: 30px;}
    .modal_ctg_ctrl .icon_btn{margin-top: -3px;}
}