@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); 

* { padding:0; margin:0; }
h1, h2, h3, h4, h5, h6, input, select, div, form { padding:0; margin:0; }
img { border:none; }
fieldset { border:0 none; margin:0; padding:0; }
dl, ul, ol, li { list-style: none; }
hr { display:none; }
caption, legend {visibility: hidden;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0; }
.displaynone { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
.clearboth { clear:both; height:0; line-height:0; }
* html .clearboth { display:inline; height:0; line-height:0; }
a:link, a:visited {  color:#44352a; text-decoration: none;}
a:hover, a:focus, a:active {  color:#636162; text-decoration:none; }
body { line-height:1.5em; font-size:14px;font-family: 'Noto Sans KR', sans-serif, Arial; background:#fff; }
html, body {height: 100%;}
em {font-style:normal;}
select{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTJlYTY4OS0xNTQ0LTQ2NWQtYmY5NC1hZGRiZmQwMmEyMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA0NUQ0ODQ5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA0NUQ0ODM5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjIgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWEyZWE2ODktMTU0NC00NjVkLWJmOTQtYWRkYmZkMDJhMjAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmFhMmVhNjg5LTE1NDQtNDY1ZC1iZjk0LWFkZGJmZDAyYTIwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi55FqAAAABLSURBVHjaYmAgARgA8S4gFsYiBxLbDVUDZvwH4nNoikHs81A5kBoGESQBmGJkReeRDUBWfAmIL2NThM0qnIqQFZ+AYmEGcgBAgAEAc8gXmTtlXNEAAAAASUVORK5CYII=) no-repeat right 3px center;background-color:#fff; -moz-appearance: none; -webkit-appearance: none; appearance: none;-webkit-border-radius: 0;padding-left: 4px;padding-right:18px !important; color:#444;}
.wid_800 {box-sizing: border-box;max-width:800px !important;margin:10px auto !important;}
.bg_yl_select {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTJlYTY4OS0xNTQ0LTQ2NWQtYmY5NC1hZGRiZmQwMmEyMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA0NUQ0ODQ5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA0NUQ0ODM5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjIgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWEyZWE2ODktMTU0NC00NjVkLWJmOTQtYWRkYmZkMDJhMjAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmFhMmVhNjg5LTE1NDQtNDY1ZC1iZjk0LWFkZGJmZDAyYTIwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi55FqAAAABLSURBVHjaYmAgARgA8S4gFsYiBxLbDVUDZvwH4nNoikHs81A5kBoGESQBmGJkReeRDUBWfAmIL2NThM0qnIqQFZ+AYmEGcgBAgAEAc8gXmTtlXNEAAAAASUVORK5CYII=) no-repeat  right 3px center !important;background-color: #ffffe0 !important;
-moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important;-webkit-border-radius: 0 !important;padding-left: 4px !important;padding-right:18px !important;}
body.fixed {overflow: hidden;}
input::placeholder {
  color: #aaa;
}
textarea::placeholder {
  color: #ccc;
  font-weight: bold;
}

.bb_dot {border-bottom: 1px #ccc dotted !important;}
.bbn {border-bottom:none !important;}
.btn {border-top:none !important;}
.bln { border-left:none !important;}
.vrm {vertical-align:middle;}
.font_red {color:#e22222;}
.fc_ccc {color:#ccc !important;}
.fc_aaa {color:#aaa !important;}
.fc_666 {color:#666 !important;}
.fc_blue {color: #03579B;}
.fc_yellow {color: #B8741A;}
.fc_orange {color: #F07422;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px;}
.m3 {margin:3px 0}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mt0 {margin-top:0 !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px;}
.mt_20 {margin-top:-20px !important;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mb7 {margin-bottom:7px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.m0_10 {margin:0 10px;}
.m10_0 {margin:10px 0 !important;}
.mb0 {margin-bottom:0 !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt1 {padding-top:1px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pl7 {padding-left:7px !important;}
.pl0 {padding-left:0px !important;}
.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pr0 {padding-right:0px !important;}
.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pd0 {padding:0 !important}
.pd_0_10 {padding-left:10px !important; padding-right:10px !important}
.pos_t_1 {top:-1px !important}
.pos_t5 { position: relative;top: 5px;}
.pos_t8 { position: relative;top: 8px;}
.pos_t11 { position: relative;top: 11px;}
.txt_right {text-align:right !important;}
.txt_left {text-align:left !important;}
.txt_center {text-align:center !important;}
.fn {float:none !important;}
.fr {float:right;}
.fl {float:left !important;}
.fn {float:none !important;}
.pd3 {padding:1px 0 10px 0;}
.pd_none {padding:0 !important;}
input, select {font-size:13px !important;border-radius: 0;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs20 {font-size: 20px !important;}
.fs22 {font-size: 22px !important;}
.fs24 {font-size: 24px !important;}
.fs26 {font-size: 26px !important;}
.fwnormal {font-weight: normal !important;}
.fwbold {font-weight: bold !important;}
.none {display: none !important}
.red {color: red !important}
.blue {color: #46499b !important}
.w17 {width:17px;height:17px;}
.btn{border-top: none !important;}
.brn{border-right: none !important;}
.bbn{border-bottom: none !important;}
.bln{border-left: none !important;}
.dpb {display: block}
.font12 {font-size:12px;}
.font20 {font-size:20px;}
.ofh {overflow: hidden;}
.ofh2 {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.btn_copy i{position: absolute;top:50%; right:7px;margin-top:-10px;font-size: 20px;}
.fixed {table-layout: fixed;}
.lhnormal {line-height: normal !important;}
.plm1{position: relative;left: -1px;}
.plm2{position: relative;left: -2px;}
.plm3{position: relative;left: -3px;}
.plm4{position: relative;left: -4px;}
.plm5{position: relative;left: -5px;}
.prm2{position: relative;right: -2px;}
.prm3{position: relative;right: -3px;}
.prm4{position: relative;right: -4px;}
.prm5{position: relative;right: -5px;}
.prm6{position: relative;right: -6px;}
.prm10{position: relative;right: -10px;}
.wid50p {width:50%;}
.pos_2 {position: relative;top: -2px;}
.pos_3 {position: relative;top: -3px;}
#header {background: #F07422;height: 44px;position: relative;max-width:800px;margin:0 auto;border-bottom:2px solid #fff}
#header h1 {color: #ffffff;font-size: 16px;vertical-align: middle;padding: 5px;position: absolute;top: 50%;left: 5px;transform: translate(0%, -50%);overflow: hidden;white-space: nowrap;width: 48%;text-overflow: ellipsis;}
#header h1 img{height: 30px;position: relative;left:-5px;top: 1px;}
#header h1 a {background:url(/b2b/inc/img/logo2.png) no-repeat left 2px;background-size:103px;height:30px; width:103px;display: inline-block;}





#header ul {overflow: hidden;position: absolute;top: 0;right: 0;}
#header ul li {float: left;text-align: center;}
#header ul li a {display: inline-block;padding-top: 11px;width: 50px;height: 44px;font-size: 22px;background: #D7D7D7;border-left: 1px solid #888;border-bottom: 1px solid #888;box-sizing: border-box;color: #888;}
#header ul li a.on {background: #ffffff;border-bottom: none;color: #44352a}
#header ul li a.easy_log {width: 28px;background: #aaa;color: #44352a}
#header ul li:last-child a {width:25px;}
#header ul li:first-child a {border-left: none !important;}

.menu_moa {position: absolute;top: 0;left: 130px;display: inline-block;}
.menu_moa .menu_moa1 a, .menu_moa .menu_moa2 a {display: inline-block;height:44px;line-height:44px;padding:0 10px;float: left;font-weight:400}
.menu_moa .menu_moa1 a{background:#f1f2f2;color:#58595a}
.menu_moa .menu_moa1 a.on{background:#fff;color:#f07321}
.menu_moa .menu_moa2 a{background:#f89e1b;color:#fff}
.menu_moa .menu_moa2 a.on{background:#f07422;color:#fff}
.moa_member {position: absolute;top: 0;right: 5px;}
.moa_member a {color:#fff; font-size:25px;display: inline-block;padding:10px 1px;}


.header2 {background:#fff !important;border-bottom:2px solid #f07422 !important}
.header2 h1 a {background:url(/b2b/inc/img/logo3.png) no-repeat left top !important;background-size:103px !important;height:30px !important; width:103px !important;display: inline-block;}
.header2 .moa_member a {color:#58595b !important; font-size:25px;display: inline-block;padding:10px 1px;}
.header2 .menu_moa .menu_moa1 a{background:#f1f2f2;color:#58595a}
.header2 .menu_moa .menu_moa1 a.on{background:#fff;color:#f07321}
.header2 .menu_moa .menu_moa2 a{background:#f89e1b;color:#fff}
.header2 .menu_moa .menu_moa2 a.on{background:#f07422;color:#fff}







.fast_log {width: 169px;height: 40px;line-height: 40px;padding-left: 10px;display: none;background: #555;color: #fff;position: absolute;top: 43px;right: 0;z-index: 1;}
.fast_log a {color: #fff;display: block}
.search_top {max-width:800px;margin:0 auto}
.search {position: relative; padding:10px;}
.search_list {padding:10px;background:#f1f1f2;text-align: left;}
.search_list li {background:#fff;}
.cate-tab-on {background:#f07422 !important; color:#fff !important;border:none !important;}






.search .select {position: absolute;top: 0;left: 0;height:32px;}
.btn_dsc {background:#333; color:#fff !important; font-size:20px;position: absolute;top: 10px;right: 10px;height:40px;line-height:40px;width:40px;text-align: center;border-radius: 10px;}
.none_list {position: absolute;top: 44px;right: 0;z-index: 10;width: 170px;}
.none_list a {display:block; border-bottom:1px solid #fff; color:#fff;background:#555;padding:10px 10px 10px 20px;position: relative;}
.none_list a::before {content: '';width: 2px;height: 2px;background: #fff;position: absolute;top: 18px;left: 10px;}
.add_top {border:1px solid #f0f0f0;position: relative;margin:10px;max-width:800px;box-sizing: border-box;height: 42px;border-radius: 15px;}
.add_top .b_tit {background:#f0f0f0;position: absolute;top: 0;left: 0;display: inline-block;height:42px;line-height:42px; width:70px;text-align: center; border-radius: 15px 0 0 15px}
.add_top .b_add {padding:0 55px 0 75px;display: block;overflow: hidden;max-width: 100%;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;height:42px;line-height:42px;}
.btn_change {position: absolute;top: 0;right: 0;display: inline-block;height:33px;line-height:33px;border-left:1px solid #ccc;background:linear-gradient( to bottom,#fff,#dddddd);width: 50px;text-align: center;}
.btn_trash {display: inline-block;height:36px;line-height:36px;font-size:20px;position: absolute;top: 0;right: 0;border-left:1px solid #ccc;border-bottom: 1px solid #ccc;width: 51px; text-align: center;background:linear-gradient( to bottom,#fff,#dddddd);}


/* 로그인 */
.pd_box {padding: 5px 15px 30px 15px;}
.login {margin-top: 70px;}
.login_data {border:1px solid #ccc; padding:20px 15px;border-radius: 7px;margin-bottom:20px;max-width: 640px;margin: 0 auto;border-radius:15px;}
.log_btn {padding-top: 10px;}
.login .log {overflow: hidden;}
.input010 {border: 1px solid #c2c2c2;box-sizing: border-box;padding: 0 10px;width: 100%;height: 38px;background: #ffffff;border-radius: 5px;margin-bottom: 10px;-webkit-appearance: none;-webkit-border-radius: 0;}
.blue_100 {border: 1px solid #197B30;background: #197B30;height: 50px;line-height: 50px;color: #ffffff !important;text-align: center;box-sizing: border-box;display: block;font-size: 16px;font-weight: normal;margin-bottom: 0px !important;margin-top:10px}
.go_login {border: 1px solid #F07422;background: #F07422;height: 50px;line-height: 50px;color: #ffffff !important;text-align: center;box-sizing: border-box;display: block;font-size: 16px;font-weight: normal;margin-bottom: 0px !important;margin-top:10px;border-radius: 30px;}
.cp_txt {color: #888888;font-size: 12px;text-align: center;}
.login_input{width:100%; height:40px; border:1px solid #f07422;border-top:1px solid #f07422 !important; padding:0 10px;box-sizing: border-box; -webkit-appearance: none;font-size:16px !important;color:#000000; font-weight: 500}
.log_sav, .log_sav a {margin-top:15px;color:#F07422}
#wrapper {max-width:800px;margin:0 auto;}
/* header */
header {position:fixed; width:100%; height:70px;background:#fff; text-align:center; z-index: 1000;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;}
header h1 {position: absolute;top: 0;left: 5px;z-index: 99999;}
header h1 img {width:110px;}
.side_btn { position:absolute; top:28px; left:20px;}
.side_btn img {width:25px;}
.btn_log {background:#39b54a; color:#ffffff !important; width:64px; height:25px; line-height:25px; display:block; text-align:center; position:absolute; top:20px; right:13px; font-size:12px;border-radius: 3px;}
.header_right_btn {position:absolute; top:17px; right:0; width: 100%;display: block;color:#ccc}
.header_right_btn a {font-size:14px; color:#a5a5a5; position: relative; padding:0 5px;font-weight: 500;}

header h1 a:after {display:none !important}
.t_right {position:absolute; top: 11px;right: 7px;}
.fixed_box {position: relative;max-width:800px;margin:0 auto;padding-bottom:25px;min-height:200px}
.header_right_btn a.last {padding-right:0;}
.header_right_btn .last:after {display:none;}
.fast_log {width:169px; height:40px; line-height:40px;padding-left:10px;display:none;background:#555;color:#fff;position: absolute; top: 43px;right: 0;z-index:1; }
.fast_log a {color:#fff;display:block}
.content { position: relative;padding:90px 10px 30px 10px}
.search { display: inline-block; width: 100%;position: relative; box-sizing: border-box;}
.search .day {position: absolute; top: 5px;left: 5px;border: 1px solid #aaa;overflow: hidden;z-index: 9}
.search .day .day_txt {display: inline-block; height: 35px; line-height: normal; background: #f0f0f0;border-right: 1px solid #ccc; padding: 0 3px; float: left;font-size: 11px;}
.dayselect {float: left;}
.date_select{height: 35px; width: 107px;border: none;background:#FFFFE0;letter-spacing: -1px;font-size: 16px !important;}
.select01 {height: 35px; width: 90px;border: none;background:#FFFFE0 }
.group_top {padding-left: 138px;height:40px; position: relative;}
.group_top2 {padding-left: 138px !important;}
.group {border:1px solid #aaa;position:relative;height:35px;line-height: 18px; }
.group_top2 .group {padding-left: 5px;padding-right: 70px;word-break: keep-all;}
.order_text {font-size: 12px;display: inline-block;line-height: 16px;padding-top: 2px;}
.group .select02 {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMi1jMDAwIDc5LjFiNjVhNzliNCwgMjAyMi8wNi8xMy0yMjowMTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphYTJlYTY4OS0xNTQ0LTQ2NWQtYmY5NC1hZGRiZmQwMmEyMDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzA0NUQ0ODQ5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzA0NUQ0ODM5OTYyMTFFREExRjVBREY0QTcyOEIxODUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIwMjIgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWEyZWE2ODktMTU0NC00NjVkLWJmOTQtYWRkYmZkMDJhMjAzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmFhMmVhNjg5LTE1NDQtNDY1ZC1iZjk0LWFkZGJmZDAyYTIwMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pi55FqAAAABLSURBVHjaYmAgARgA8S4gFsYiBxLbDVUDZvwH4nNoikHs81A5kBoGESQBmGJkReeRDUBWfAmIL2NThM0qnIqQFZ+AYmEGcgBAgAEAc8gXmTtlXNEAAAAASUVORK5CYII=) no-repeat right 3px center !important;-moz-appearance: none !important; -webkit-appearance: none; appearance: none;-webkit-border-radius: 0;padding-left: 4px;padding-right:18px !important; border: none;height: 30px; position: absolute;top: 3px;left: 2px;background: #fff;vertical-align:top; border-bottom: 1px dashed #aaa;font-size: 12px !important;width: 70px;}
.group_top .btn_sc {display: block; width: 38px; height: 37px; text-align: center; background: #000; color: #ffffff; font-size: 20px; position: absolute; right: 0;top: 0;box-sizing: border-box; padding-top: 8px}
.group_top .btn_del {display: block;height: 35px; line-height: 33px; background: linear-gradient(#f0f0f0, #bbb); border-left: 1px solid #aaa; padding: 0 7px;position: absolute;top: 1px;right: 1px;font-size: 14px; letter-spacing: -1px;}
.ps_input {display: inline-block;width: 100%; padding: 2px 51px 0 77px; box-sizing:border-box; vertical-align:top; }
.data_top {padding: 5px 5px 0 5px; overflow: hidden;position: relative;}
.data_top .data_left {float: left;margin-top: 5px; font-size: 13px;}
.data_top .data_left input {vertical-align: -4px;margin-left: 3px;}
.data_top .data_right {float: right;}
.data_top .data_right2 {border: none;margin-top: 5px;font-size: 14px;}
.data_top .data_right a {display: inline-block; height: 25px;padding: 0 5px;line-height: 25px; color: #bbb}
.data_top .data_right a.on {background: #fff;border-bottom: 2px solid #bbb; color: #000;}
.data_zone {border-top: 1px solid #ccc;overflow: hidden;padding-right:10px}
.product_list {background:#f0f0f0; padding:5px 10px; border-top:1px solid #ccc;font-size:13px;position: relative;max-width:800px;margin:0 auto;box-sizing: border-box;}
.product_list2 {background:#f0f0f0; padding:7px 8px; border-top:1px solid #ccc;font-size:13px;position: relative;max-width:800px;margin:0 auto;box-sizing: border-box;}
#id-list {max-width:800px; margin:0 auto}
.data_list {border-bottom: 1px solid #ddd; overflow: hidden; padding:10px 5px 5px 10px; position:relative;box-shadow: 0 4px 5px -5px inset #ccc; }
.list_left {position: absolute; top: 10px; left: 5px;width: 75px; padding-left: 30px;}
.list_left input[type="checkbox"] {position: absolute; top: 0; left: 3px;}
.list_img {border: 1px solid #ccc;display: block;text-align: center;position: relative;overflow: hidden;}

.check_on {position: absolute;top: 1px;left: 0; width:17px;height:17px;}
.list_right {padding-left: 107px;}
.cart_img img {max-width:100%;}
.list_right .tit {background: #f0f0f0; padding: 5px;word-break:break-all;font-size: 16px;}
.list_right .tit .red {color: red; display: inline-block; margin-right: 7px;}
.list_right ul {margin: 5px 0}
.list_right ul li {padding-left: 7px; position: relative;font-size: 12px;height: 18px; font-size: 14px;}
.list_right ul li::before {content: '';width: 2px;height: 2px;background: #000;position: absolute;top: 10px;left: 0;} 
.btn_pick {display:block;border: 1px solid #ddd; background: #eee; color: #999; font-size: 12px; height: 23px;line-height: 20px; padding: 0 5px; box-sizing: border-box; width: 100%;text-align: center;margin-top: 5px}
.gong_not {padding:10px 0 10px 0}
.tit_g_pop {padding:7px 10px;background:#f0f0f0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.btn_add {background:#fff;text-align: center;padding:10px; }
.btn_add a {border:1px solid #ccc;display:block; width:94%;padding:10px 0;text-align: center;border-radius:3px;color:#000;margin:0 auto;background: linear-gradient( to bottom,#fff,#dddddd);}
.add_list {border:1px solid #ccc;margin-bottom:10px;}
.add_list .z01 {border-bottom:1px solid #ccc;overflow: hidden}
.add_list .z01 .fr {position: relative; z-index: 9;}
.add_list .z02 {border-bottom:1px solid #ccc;padding:5px;}
.add_list .z03 {padding:5px;}
.add_list .z01 .fl {padding:5px;display: inline-block;overflow: hidden;max-width: 100%;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;position: absolute;padding-right: 216px;}
.add_list .z01 .fr a {vertical-align: text-top;display: inline-block;padding:5px 10px;border-left:1px solid #ccc;background:#f0f0f0}
.change-delivery {padding:5px 10px 6px !important;}
.add_list .z01 .fr a i {font-size:18px;}
.max_800 {max-width:800px; margin:0 auto;}
.tabulator {max-width:800px; margin:0 auto;box-sizing: border-box;}
.max800 {max-width:800px; margin:0 auto;box-sizing: border-box;}
.p_code {background:#f0f0f0;display: inline-block;border:1px solid #aaa; padding:0 15px;height:30px;line-height:30px;vertical-align: middle;box-sizing: border-box;margin-left:-1px;}
.totle_sc {max-width:800px;margin:0 auto; box-sizing: border-box;border:1px solid #e9eaeb;border-radius: 10px;padding:0 3px 0 5px;margin-top:10px; height:40px;line-height:33px;font-size:12px;position: relative;}
.totle_sc em {font-size:16px;}
.totle_sc img, .totle_sc input {vertical-align: middle}
.select03 {width:90px; border:1px solid #e9eaeb; height:30px;border-radius: 5px;}
.sc_btn {border:1px solid #aaa;font-size: 20px;vertical-align: middle;display: inline-block; height:30px;width:30px;box-sizing: border-box;line-height: 30px;text-align: center}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.gry_tit {display: inline-block;
    height: 38px;
    line-height: 38px;
    background: #e6e7e8;color:#818181;
    border-radius: 10px 0 0 10px;
    padding: 0 12px;}
.delivery {background:#f0f0f0;position: relative;height: 35px;line-height: 33px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-left:10px;max-width:800px; margin:10px auto 0 auto;box-sizing: border-box;}
.back_btn {border:1px solid #dddddd;background:linear-gradient( to bottom,#fff,#dddddd); height:25px;line-height:25px; padding:0 10px;float: right;margin-top:6px;border-radius: 5px; }
.delivery_add {padding:3px 10px;border-bottom:1px solid #ccc;display: inline-block; box-sizing: border-box;width: 100%;pointer-events: none;word-break: break-all;line-height: normal;}
.btn_direct {border:1px solid #aaa;background:#f0f0f0; padding:0px 4px 2px 4px;border-radius:0px;font-size:12px;position: relative;top: -1px;}
.pass_zone {padding:20px 15px;}
.pass_zone h3 {font-size:20px;margin-bottom:10px;}
.pass_box {border:1px solid #aaa; padding:15px;border-radius: 10px;}
.btn_pass a{display:block; height:45px; line-height:45px; color:#fff !important; text-align: center;background: #F07422;border-radius: 10px;margin-top:7px}
.ui-datepicker-calendar {border:1px solid #aaa}
.ui-widget-header {border-left: 1px solid #aaa;border-right: 1px solid #aaa;}

/*
.btn_pick a.on, .btn_pick a:hover {color:#e22222;}
.btn_pick a.on, .btn_pick a:hover span{display: none;}
*/
.data_bottom {overflow: hidden; position: relative; border-top: 1px dotted #aaa;height: 32px;padding: 8px 0 0 0}
.data_bottom .bottom_left {float: left;font-size: 17px; position: relative;top: 1px;}
.data_bottom .bottom_left .fs12 {color: #aaa;}
.data_bottom .bottom_right {position: absolute;right: 0;top: 7px;}
.data_bottom .bottom_right .volume {overflow: hidden; float: left; margin-right: 3px;border-bottom: 1px solid #aaa;}
.no_orders {border: 1px solid #888; box-sizing: border-box; width: 124px; text-align: center; height: 25px; line-height: 22px; color: red;}
.no_orders2 {border: 1px solid #888; box-sizing: border-box; width: 124px; text-align: center; height: 25px; line-height: 22px;}
.no_orders2 .nun {background: #f0f0f0; display: inline-block; width: 50px; float: right;border-left: 1px solid #888;height: 23px;}
.data_bottom .bottom_right .input_d {width: 40px;height: 29px; text-align: center;background: #FFFFE0; border-top:1px solid #aaa; border-right:none;border-bottom:none;border-left:none; float: left;font-size: 16px !important;}
.btn_down {display: inline-block; width: 30px; height: 30px;box-sizing: border-box; text-align: center;border: 1px solid #aaa; float: left;border-bottom: none;
	vertical-align: top;font-size: 25px;padding-top: 2px; color: blue !important;background: linear-gradient(#fff, #eee);}
.btn_up {display: inline-block; width: 30px; height: 30px;box-sizing: border-box; text-align: center;border: 1px solid #aaa;border-bottom: none; float: left;
	vertical-align: top;font-size: 25px;padding-top: 1px; color: red !important;background: linear-gradient(#fff, #eee);}
.btn_ct {display: inline-block; width: 50px; height: 31px;box-sizing: border-box; text-align: center;border: 1px solid #aaa; vertical-align: top;font-size: 18px;padding-top: 4px;}
.btn_logout {border: 1px solid #aaa; display: inline-block; height: 22px;line-height: 20px; padding: 0 10px;margin: 10px 0 0 10px}
.no_orders {border:1px solid #ccc; padding:0 20px;float: right;}

.btn_openclose {margin-top: 10px;}
.btn_openclose .btn_close, .btn_openclose .btn_open {border-bottom: none; padding: 2px 7px 2px 0; text-align: center; width: 100px; display: block; margin: 0 auto; background: #555; position: relative; top: 1px;border-top-left-radius: 5px;border-top-right-radius: 5px; color: #ccc;}
.pay_zone {position: relative;border-bottom: 1px solid #d8600e;padding: 0 10px;box-sizing: border-box; background: #fff;height:44px;}
.pay_zone .new_pay {position: absolute;top: 5px; color: #58595b;}
.pay_big {font-size: 22px;display: inline-block;margin-left:10px;position: relative;top: 3px;color: #666;}
.btn_re {display: block; width: 90px; text-align: center; height: 25px;line-height: 23px; border-radius: 3px; background: linear-gradient(#f0f0f0, #bbb); margin: 0 auto; border: 1px solid #aaa;margin-top: 30px;}
.btn_re2 {display: block; width: 120px; text-align: center; height: 40px;line-height: 38px; border-radius: 3px; background: linear-gradient(#efefef, #ccc); margin: 0 auto; border: 1px solid #aaa;margin-top: 30px; font-size: 16px;}
.cash {padding-right: 110px; position: relative;overflow: hidden;width: 100%; box-sizing: border-box;}

.btn_es {position: absolute;top: 0;right: 5px;padding-top: 5px;box-sizing: border-box;height: 100%;}
.btn_cash {border: 1px solid #888; height: 100%;width: 105px;text-align: center;display: block;line-height: 19px;padding-top: 7px;box-sizing: border-box;background: linear-gradient(#f0f0f0, #bbb);}
.cash_tit {border-top: 1px solid #888;border-left: 1px solid #888; height: 45px;float: left;width: 80px;text-align: center;background: #f0f0f0;}
.cash_data {border-top: 1px solid #888;border-left: 1px solid #888; height: 45px;float: left;}
.total_pay {padding:6px 0 0 2px;display: block;}
.total_pay .blue{font-size:22px;color:#07569C;display: inline-block;margin-left:10px;}
.total_pay .orange{font-size:22px;color:#F07422;display: inline-block;margin-left:10px;}
.total_pay .new_pay {position: relative;top: -2px;}
.new_pay2 {position: absolute;top: 11px;right:7px;}
.pa5 {padding: 5px;}
.pa10 {padding: 10px;}
.tit_charge {border: 1px solid #888; border-bottom: none; padding: 5px 7px;}
.info_txt {border: 1px solid #888;padding: 5px;overflow:auto; height:180px;font-size:13px;}
.pos_r {position: relative; margin-top: 20px;}
.cash_right {position: absolute; top: 0;right: 0;}
.input_b {border: 1px solid #888; height: 40px; width: 100%; box-sizing: border-box;background: #FFFFE0;padding: 0 5px;font-size: 14px;}
.btn_cash2 { display:inline-block; float:left; height:50px; border:1px solid #888; line-height: 47px; width: 60px; text-align: center;background: linear-gradient(#f0f0f0, #bbb);}
.btn_cash3 { display:inline-block; float:left; height:50px; border:1px solid #888;border-left: none; line-height: 47px; width: 42px; text-align: center;background: linear-gradient(#f0f0f0, #bbb);}
.btn_bottom {overflow: hidden;margin-top: 20px;}
.btn_bottom .btn01 {float: left; width: 60%; height: 45px; line-height: 42px; color: #ffffff; border-radius: 7px; background: #03579B;display: inline-block; text-align: center;font-size: 16px;}
.btn_bottom .btn02 {float: right; width: 38%; height: 45px; line-height: 42px; color: #555; border-radius: 7px;background: linear-gradient(#f0f0f0, #bbb);display: inline-block; text-align: center;border: 1px solid #ccc;box-sizing: border-box;font-size: 16px;}
.btn_bottom .btn03 {width: 38%; height: 45px; line-height: 42px; color: #555; border-radius: 7px;background: linear-gradient(#f0f0f0, #bbb);display: inline-block; text-align: center;border: 1px solid #ccc;box-sizing: border-box;}

/* */
.data_list_new {overflow: hidden; padding:10px 0 15px 10px; position:relative; float: left;width: 49.5%;box-sizing: border-box;width: 50%;box-sizing: border-box; }
.data_list_new .list_left {position: absolute; top: 10px; left: 5px;width: 75px;}
.data_list_new .list_left input[type="checkbox"] {position: absolute; top: 0; left: 3px;}
.data_list_new .list_img {border-radius: 5px;display: block;text-align: center;position: relative;overflow: hidden;}
.gds-thumbnail {position: relative;font-size: 0;}
.data_list_new .img_mark {overflow: hidden;display: block;position: relative;height: 0;padding-bottom: 100%;border-radius: 8px;}



.data_list_new .list_img img {    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    border-radius: 8px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.data_zone .data_list_new:nth-child(even) {
    padding-left: 10px;
}

.list_right_new .tit {display: block;vertical-align: middle;color:#000;margin:5px 0 5px 0;padding-left:0;box-sizing: border-box;
width: 100%;white-space: normal;line-height: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;}
.list_right_new .tit a {color:#000; font-size:15px;}
.list_right_new .tit .xi-truck {position: absolute;top: 16px;left: 17px;}
.list_right_new .tit i, .list_right_new .tit input {vertical-align: bottom;}
.wid20 {width:17px;height:17px;}
.new_produck {padding-left:18px;font-size:13px;color:#808083}
.new_produck li { position:relative;padding-left:10px;}
.new_produck li .wor_p {display: inline-block;overflow: hidden;max-width: 100%;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis; padding-left:30px;box-sizing: border-box;}
.new_produck li .pos_left0 {position: absolute;top: 1px;left: 7px;}
.new_produck li::before{display: inline-block;content: '';width: 2px;height: 2px;background: #3b736c;position: absolute;top: 11px;left: 0;margin-left: 0;border-radius: 100px;}
.data_bottom_new {overflow: hidden; position: relative;padding: 0 0 0 20px;font-size:20px;}
.data_bottom_new .bottom_left { font-size: 17px; position: relative;top: 1px;margin-bottom:12px;}
.data_bottom_new .bottom_left .fs12 {color: #aaa;}
.data_bottom_new .bottom_right {overflow: hidden;text-align: center;  }
.bottom_right_n {overflow: hidden;text-align: center; }
.data_bottom_new .bottom_right .volume {overflow: hidden; border-bottom: 1px solid #eeeeee;display: inline-block;}
.bottom_right_n .volume {overflow: hidden; border-bottom: 1px solid #eeeeee;display: inline-block;}
.data_bottom_new .bottom_right .input_d {width: 40px;height: 29px; text-align: center;background: #FFFFE0; border-top:1px solid #eeeeee; border-right:none;border-bottom:none;border-left:none; float: left;font-size: 16px !important;}
.bottom_right_n .input_d {width: 40px;height: 29px; text-align: center;background: #FFFFE0; border-top:1px solid #eeeeee; border-right:none;border-bottom:none;border-left:none; float: left;font-size: 16px !important;}


.btn_cart_in3 {position: absolute;left: 50%;top: -35px;margin-left:-77px;display:block;height:35px;line-height:35px; color:#fff !important;padding:0 25px;background:#F07422 !important;border-radius: 15px 15px 0 0;}
.btn_cart_in3 i {font-size:22px;vertical-align: sub;}
.totle_sc_new {max-width: 800px;margin: 0 10px;box-sizing: border-box;border: 1px solid #e6e7e8;border-radius: 10px;padding: 0 3px 0 0;margin-top: 10px;height: 40px;line-height: 33px;font-size: 12px;position: relative;}
.totle_sc_new label {display:inline-block; height:40px;line-height:40px;background:#e6e7e8;border-radius: 9px 0 0 9px; }
.border_e6 {border: 1px solid #e6e7e8 !important;}
.totle_sc_ img {display: none;}
.oder_mn {overflow: hidden;max-width:800px;margin:0 auto;table-layout:fixed;padding:10px 0;border-bottom:1px solid #e6e7e8}
.oder_mn a {vertical-align:middle;border:1px solid #eaebeb;border-radius: 8px;font-weight: 500;background:#f1f2f2;color:#818181;line-height:1.2em; font-size:15px;margin:0 2px;width:19%;float: left;padding:10px 0;text-align: center;display: inline-block;box-sizing: border-box;}
.oder_mn a.on {background:#f1f2f2;border:1px solid #f07321;color:#f07321;}

.oder_mn a:last-child {margin-right:0;}












/* pagination */
.pagination{position:relative; overflow:hidden;text-align:center; padding: 5px 0 0 8px; text-align: left; position: relative;height: 38px;line-height:18px; background: #fff;}
.pagination ul{display:inline-block;}
.pagination ul li{display:inline-block;line-height:31px;}
.pagination ul li.num a{display: inline-block;font-size: 15px;padding: 0 3px;border: 1px solid #ccc;margin-left: -1px;width: 22px;height: 22px;box-sizing: border-box;line-height: 20px;text-align: center;vertical-align: middle;}
.pagination ul li.num{display:inline-block;margin:0 5px;}
.pagination ul li.num span strong{color:#3082ff;}
.pagination ul li img {vertical-align: middle; display:inline-block;width:22px; }
.bul04 {font-size:17px; margin:30px 0 15px; background:url(/inc/img/restaurantMobile/list_bul.jpg) no-repeat left 7px; padding-left:12px;}
.btn_cart_in {position: absolute;top: 0;right: 0; height: 43px; line-height: 40px; color: #fff !important;width: 150px; display: inline-block;background:#555; text-align: center;letter-spacing:-1px;font-size: 18px;}
.btn_cart_in2 {background:#F07422 !important;}
.btn_order {position:relative; overflow:hidden;text-align:center; padding: 5px 0 0 8px; text-align: left; position: relative;height: 38px;line-height:18px; background: #fff;border-bottom: 1px solid #F07422;}

/* 레이어 팝업 */
.popup {position: fixed;top: 0;bottom: 0;width: 100%;background: #00000096;z-index: 10;height: 100%;width: 100%;padding: 10px;box-sizing: border-box; margin:0 auto;overflow: auto;}
.pop_inner {overflow: auto;height: 100%;max-width: 800px;margin: 0 auto;padding: 0;box-sizing: border-box;}
.pop_tit {border-bottom: 1px solid #888; padding: 10px 7px;font-size: 16px;background:#eee;position: relative;}
.product_tit {border:1px solid #ccc; padding:7px;}
.pop_data {padding: 10px;background:#fff;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.pop_img {margin-top: 5px;text-align:center;border: 1px solid #ccc;}
.pop_img img {max-width: 100%;vertical-align: top;}
.tb1 {width: 100%; border-top: 1px solid #aaa;border-left: 1px solid #aaa;word-break: break-all;}
.tb1 th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 0; background: #f0f0f0; font-weight: 400;line-height: normal;}
.tb1 td {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 5px;line-height: normal;position: relative;}
.tb2 {width: 100%; border-top: 1px solid #aaa;border-left: 1px solid #aaa;word-break: break-all;}
.tb2 th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 0; background: #f0f0f0; font-weight: 400;line-height: normal;}
.tb2 td {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 3px;line-height: normal;text-align: center;}
.tb3 {width: 100%; border-top: 1px solid #aaa;border-left: 1px solid #aaa;word-break: break-all;}
.tb3 th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:2px 0; background: #f0f0f0; font-weight: 400;line-height: normal;}
.tb3 td {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:2px 2px;line-height: normal;text-align: center;}
.btn_lclose {position: absolute; top: 15px; right: 15px;font-size: 30px;}
.bottom_zone {position: fixed;bottom: 0; width:100%;max-width: 800px;margin: 0 auto;box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);}
.bottom_zone2 {position: relative !important; margin-top:30px}
.td_left5 td {padding:5px;}
.popup .tb1 td {padding:3px;}
.bk_num {padding-right:35px;}

#footer {max-width:800px;margin:25px auto 0 auto;padding:0 5px 105px 5px;}
#footer .footer_box {border:1px solid #ccc;}
#footer .footer_header {background: #f0f0f0;padding:2px 5px;border-bottom:1px solid #ccc;margin-bottom:5px;font-size: 12px;}
#footer .footer_link {text-align: center;}
#footer .footer_link a {display: inline-block;margin:0 5px 10px 5px;font-size: 12px;}
.footer_txt {line-height: normal !important; color: #666;font-size: 12px;padding:0 5px 5px 5px;}
.footer_txt2 {border-top: 1px dotted #ccc;margin-top: 5px;padding-top: 5px;}

/* 비밀번호 변경 */
.pw_input {width:100%; height:35px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:14px !important;color:#888888}

.tb_pass {width: 100%; border-top: 1px solid #aaa;border-left: 1px solid #aaa;word-break: break-all;}
.tb_pass th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 5px; background: #f0f0f0; font-weight: 400;line-height: normal;}
.tb_pass td {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 5px;line-height: normal;}
.input1002 {border:1px solid #aaa; width:100%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.para {position: relative;padding-left:11px;}
.para:after {display: inline-block;content: '';width: 2px;height: 2px;background: #333;vertical-align: top;margin-left: 0;border-radius: 120px;position: absolute;top: 9px; left:5px;}


/*주문서*/
.order_summary{position: relative;top:-2px;left: -2px;}

/* input */
.input01 {width:100%; height:30px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;}
.input02 {width:44.2%; height:30px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;}
.input03 {width:30%; height:30px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.input04 {border:1px solid #e9eaeb; width:69%; height:30px; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;border-radius: 5px;}
.input05 {width:28.9%; height:32px; padding:0 5px;box-sizing: border-box;border: 1px solid #aaa; -webkit-appearance: none;font-size:12px;color:#888888}
.input06 {border:1px solid #aaa; width:20%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none; font-size:12px;color:#888888}
.input07 {border:1px solid #aaa; width:16%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.input08 {border:1px solid #aaa; width:35%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.input09 {width:28%; height:32px; padding:0 7px;box-sizing: border-box;border:1px solid #aaa; -webkit-appearance: none;font-size:12px;color:#888888}
.input100 {border:1px solid #aaa; width:100%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.input1002 {border:1px solid #aaa; width:100%; height:32px; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.input12 {width:100%; height:30px; border:1px solid #e9eaeb; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888;border-radius: 5px;}

/* 비밀번호 변경
.pw_input {width:100%; height:35px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:14px !important;color:#888888}
.tb_pass {width: 100%; border-top: 1px solid #aaa;border-left: 1px solid #aaa;word-break: break-all;}
.tb_pass th {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 0; background: #f0f0f0; font-weight: 400;line-height: normal;}
.tb_pass td {border-bottom: 1px solid #aaa;border-right: 1px solid #aaa;padding:5px 0;line-height: normal;}
 */
/* 상품목록 */
.search_input{border:1px solid #aaa; width:100%; height:40px !important; padding:0 7px;box-sizing: border-box; -webkit-appearance: none;font-size:16px !important;color:#888888;}
.search_select {width:90px; border:1px solid #aaa; height:40px !important; font-size: 16px !important;}

/* 회원구분 */
.member_choice {max-width:800px;margin:0 auto;}
.member_choice .join_1 {border:1px solid #ccc; padding:10px 10px 10px 125px;background:#fff url(../img/img_choice02.jpg) no-repeat 10px 10px;background-size:100px;min-height:100px;line-height:1.5em}
.member_choice .join_1 strong {color: #0D7AA7}
.member_choice .join_1 a {display: inline-block;border-radius: 5px; padding:5px 20px; color:#fff;background:#62A4C2;margin-top:10px;font-size:12px}
.member_choice .join_2 {border:1px solid #ccc; padding:10px 10px 10px 125px;background:#fff url(../img/img_choice01.jpg) no-repeat 10px 10px;background-size:100px;min-height:100px;line-height:1.5em;margin-top:10px}
.member_choice .join_2 strong {color: #14B62A}
.member_choice .join_2 a {display: inline-block;border-radius: 5px; padding:5px 20px; color:#fff;background:#14B62A;margin-top:10px;font-size:12px}
.member_choice .join_3 {border:1px solid #ccc; padding:10px 10px 10px 125px;background:#fff url(../img/img_choice03.png) no-repeat 10px 10px;background-size:100px;min-height:100px;line-height:1.5em;margin-top:10px}
.member_choice .join_3 strong {color: #000}
.member_choice .join_3 a {display: inline-block;border-radius: 5px; padding:5px 20px; color:#fff;background:#7F7F7F;margin-top:10px;font-size:12px}
.bc555 {background:#ccc !important; text-align: left !important;padding-left:10px !important; }
.bg_gry {background:#efefef !important;}
.tb_join {width:100%; border-top:1px solid #ccc;border-left:1px solid #ccc; margin-bottom:0px;}
.tb_join th {background:#f9f9f9; padding:5px 0; text-align:center; color:#1c1c1c; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
.tb_join td { padding:5px 5px;color:#ccc; border-bottom:1px solid #ccc;border-right:1px solid #ccc; }
.tb_join td input {vertical-align: middle;}
.join_in {border:1px solid #888;border-top:none;}
.join_in .ofh {border-top:1px solid #888;padding:10px 10px; font-weight:normal !important}
.btn_vwj {display: inline-block;border-radius: 5px; padding:0 10px; color:#fff;background:#f0f0f0;font-size:12px;border:1px solid #888}
.join_in .ofh input {}
.jo_consent {background:#f0f0f0;border-top:1px solid #888;padding:10px;}
.btn_join2 {margin-top:15px;position: relative;height:50px;}
.btn_join2 .f_1 {position: absolute;top:0;left:0; border:1px solid #888;border-radius: 5px; width:70px; height:40px;line-height:40px;text-align: center;}
.f_3_top {padding-left:80px;}
.f_3 { background:#555;border-radius: 5px; width:100%; height:42px;line-height:42px;text-align: center;display: inline-block;color:#fff !important}
.join_ok {text-align: center;font-size:20px;margin-bottom:40px;position: relative;}
.join_ok::after {content: '';width: 80px;height: 2px;background: #ccc;position: absolute;top: 40px;left: 50%;margin-left: -40px;}
.btn_join_b {display: inline-block;border-radius: 5px; padding:7px 20px; color:#fff;background:linear-gradient( to bottom,#fff,#dddddd);font-size:12px;border:1px solid #ddd}
.txt_center {text-align: center;}
.member_gongdong {padding:20px 15px; max-width:800px;margin:0 auto; }
.member_gongdong_log {position: absolute;top: 45%;left: 50%;transform: translate(-50%, -50%); width:85%}
.member_gongdong_top {}
.member_gongdong h3 {font-size:25px;}
.gong_ck {margin-top:12px;padding:15px;border-radius: 10px;background:#fff}
.btn_t {border:1px solid #dddddd; background:linear-gradient( to bottom,#fff,#dddddd);padding: 0 10px; display:inline-block; height:28px; line-height:28px;text-align:center; font-size:13px;border-radius: 5px;vertical-align: bottom;}
.btn_t2 {border:1px solid #dddddd; background:#f9f9f9; display:inline-block; height:30px; line-height:30px; width:100px; text-align:center; font-size:12px;border-radius: 2px;vertical-align: bottom;}
.btn_t3 {border:1px solid #aaa; background:#f9f9f9; display:inline-block; height:28px; line-height:28px;padding:0 10px; text-align:center; font-size:12px;border-radius: 2px;vertical-align: bottom;}
.btn_t4 {border:1px solid #dddddd;border-radius: 5px; background:linear-gradient( to bottom,#fff,#dddddd);padding: 0 30px; display:inline-block; height:30px; line-height:30px;text-align:center; font-size:14px;vertical-align: bottom;}
.btn_t5 {border:1px solid #e9eaeb; background:linear-gradient( to bottom,#fff,#dddddd);padding: 0 5px; display:inline-block; height:28px; line-height:28px;text-align:center; font-size:13px;border-radius: 0px;vertical-align: bottom;border-radius: 5px;}
.bg_yl {background: #ffffe0 !important;}

.gong_txt{font-size: 16px; border: 3px solid #ddd; padding: 10px;color: #555}
.page-title {max-width:800px;margin:0 auto 0 auto !important;border-bottom:1px solid #e6e7e8;overflow: hidden;}
.page-title a {float: left;box-sizing: border-box;width: 25%;color:#818181;display:inline-block;border-bottom:2px solid #fff; padding:10px 0; font-size:14px}
.page-title a i {font-size:19px;vertical-align: bottom;}
.page-title a.on {color:#f07422; border-bottom:2px solid #f07422;}

/* 장바구니 */
.no_cart {text-align: center; margin: 0 auto;font-size: 22px;color: #ccc;padding:30px 0}
.ui-widget-content {z-index: 999 !important;}
.cs_btn {display: inline-block;border-radius: 5px;border:1px solid #dddddd; height:25px;line-height:25px; padding:0 10px;vertical-align: middle;background:linear-gradient( to bottom,#fff,#dddddd);}
.cs_btn2{display: inline-block;border:1px solid #aaa; height:25px;line-height:25px; padding:0 5px;vertical-align: middle;background:#f0f0f0;}
.border_box {border:1px solid #aaa; padding:3px;font-size:14px; }
.border_box .txt_c {font-size:14px;overflow: hidden;padding:5px 0px;border-bottom:1px dotted #ccc;}
.border_box .txt_t {font-size:13px;overflow: hidden;height:38px;line-height:38px;}
.border_box .txt_t a {font-size:20px;margin-right:3px;}
.cs_save {display: inline-block; background:#197B30;color:#fff !important; height:40px;line-height:40px;padding:0 10px;position: absolute;top: -1px;right: 0;}
.input70 {width:70px; height:32px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.wid17 {width:17px;height:17px;}
.box2 {position: relative;margin-top:5px;}
.box2 .top_pos {position: absolute;top:0;left:0; padding-left:232px;}
.box2 .top_pos .totle_sc_pos {position: absolute;top:0;right:0; }
.sc_btn2 {background:#404041; font-size: 20px;color:#fff !important;vertical-align: middle;display: inline-block; height:30px;width:30px;box-sizing: border-box;line-height: 30px;text-align: center;margin-left:-5px;}
.sc_btn3 {position: absolute;top:0;right:0;border-radius: 5px;}
.oder_list {border-bottom:1px solid #ccc; }
.oder_list_top {border-bottom: 1px dotted #aaa;padding:5px !important;background:#f0f0f0}
.oder_list_data {padding:7px;}
.purple {color:purple}

.pos_l {position: absolute;top:4px;left:5px;}
.left_85{padding-left: 89px;}
.select_l {position: absolute;top:5px;left:5px;}
.sel_right {padding-left:95px;}
.textarea01 {width:100%; height:80px; border:1px solid #aaa; padding:0 5px;box-sizing: border-box; -webkit-appearance: none;font-size:12px;color:#888888}
.management {border:1px solid #aaa;padding:10px;margin-bottom:10px;}
.tb4 td {padding:3px 5px}
.url_code {padding-right:30px;}
.code_copy {position: absolute;top:50%;right:5px;font-size:20px;margin-top:-15px;}
.bottom_buttom {border-top:1px solid #aaa; padding:10px 10px 0 10px;margin-top:10px;text-align: center;}
.bottom_buttom .btn_save {display: inline-block;border-radius: 5px;border:1px solid #aaa; height:30px;line-height:30px; padding:0 25px;vertical-align: middle;background:#f0f0f0;}
.ts-control{border-radius: 0px !important;padding:5px 5px 3px 5px !important; background: url(/b2b/inc/img/btn_num_next.jpg) no-repeat 99% 10px !important;}