/*
 공통 css
 최초작성일 : 2016-03-17
 최종수정일 : 2016-05-26

 @author : back hee yeon(libe90@commercelab.co.kr)
 @since : 2016-03-17 libe90
 @since : 2016-05-12 libe90 예약 type1 예약건 칸 고정
 @since : 2016-05-26 sukjada81 프랜차이즈 동기화
 @since : 2016-06-03 libe90 버튼오른쪽에 하얀선 생기는 부분 수정, 회원권지급창에서 금액 위아래 공간 조정, 매출->간편등록에서 국번에 화살표 안생기는 부분 수정,권한설정 페이지 하단에 높이값 조정안되는 부분 수정,웹폰트 관련 부분 수정,수당설정 미사용일때 탭메뉴 사이즈 조정
*/
@charset "utf-8";

@import url('common_new.css');
@import url('content.css');
@import url('component.css');

/* CSS Document */

@font-face {
	font-family: ngb;
	src: local('NanumGothicBold'),
	url(../font/NanumGothicBold.eot) format('embedded-opentype'),
	url(../font/NanumGothicBold.woff) format('woff');
}
@font-face {
	font-family: ngeb;
	src: local('NanumGothicExtraBold'),
	url(../font/NanumGothicExtraBold.eot) format('embedded-opentype'),
	url(../font/NanumGothicExtraBold.woff) format('woff');
}
@font-face{ font-family:mg; src: local('Malgun Gothic');}

/* input number의 화살표 제거 */
input[type='number'] {
	-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input::-ms-clear {
	display:none;
}
select::-ms-expand {
	display:none;
}
/*@since : 2016-05-10 libe90 공통 셀렉트 박스 스타일 추가*/
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.form-control{
	padding: 0 20px 0 10px;
	margin: 0;
	background: #fff url("../img/arrowdown.gif") no-repeat 90% 50%;
}

/*reset */
html,body{margin:0;padding:0; width:100%; height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,button,table{font-family:'ngb','돋움','Dotum','굴림','Gulim','Helvetica','Apple SD Gothic Neo','AppleGothic','맑은 고딕','mg','Malgun Gothic','sans-serif'; font-size:14px;line-height:1.25em}
/* body > common_new.css 이동 */
section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block; margin:0; padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%; padding:0; margin:0}
img,fieldset { border:0}
ul,ol { list-style:none}
hr, legend { display: none}
em,address{font-style:normal}
caption{position:relative; text-align: left;}
a { color:#171717;text-decoration:none;cursor:pointer }
a:link, a:visited{text-decoration:none}
a:hover, a:active, a:focus{text-decoration: none}
input[type=button]{cursor:pointer}
table { margin:0;padding:0;width:100%;border-spacing:0; border-collapse:collapse;}
th,dt {font-weight:normal !important;}
pselect{ color:#848484; font-family:mg;-webkit-appearance:listbox}
textarea{ border:1px solid #c8c8c8; background:#fff; width:100%; height:120px; font-size:12px;font-family:mg}
* {-webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline:none;}

/* clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden} .clearfix { display:inline-block; clear:both}/* Hides from IE-mac \*/ *html .clearfix {height: 1px} .clearfix {display: block}/* End hide from IE-mac */

.font0{font:0px/0px; text-indent:-10000px}
.hide{width:0px;height:0px;font-size:0px;line-height:0;text-indent:-100px}

/* ==========================================================================
   layout styles
   ========================================================================== */
/*
#container{width:1280px;overflow: hidden}    // 전체 1280 *790
*/

#container {width:100%; height:100%;}

/* 컨텐츠 높이값 재설정 script  */
.wrapper-height {/* min-height:885px; */}

.sms-height {/* min-height:820px; */}

.sms-list-height {/* min-height:800px; */}

/* ==========================================================================
   btn styles
   ========================================================================== */
.btn,
.btn:link,
.btn:visite,
.btn:hover,
.btn:active,
.btn:focus {cursor:none !important;}
.btn, .btn a {outline:none;}

.pay_tab{overflow:hidden;margin:20px 0;}
.pay_tab li{float:left}
.pay_tab li a{display:block;background:#f4f4f4;border:1px solid #d9d9d9;text-align:center;padding:12px 0}
.pay_tab li.on a{background:#125da8;color:#fff;border:1px solid #125da8}

/* btn width */
.divide3 li {width:33.3%;}
.divide2 li {width:50%;}

/*2015.12.22 sskyeung 재고관리 화면의 조회부분 날짜조건 버튼을 위한 적용 클래스 product_edit_count_page.html*/
.text_w {font-size:13px;}

.btn_gray{display:inline-block;border:1px solid #d7d7d7;color:#868686;font-size:15px;padding:7px 0;border-radius:3px;text-align:center;      /* padding:8px 0; 에서 7로 변경*/
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}

.btn_dark{display:inline-block;border:1px solid #666;color:#fff;font-size:15px;padding:8px 0;border-radius:3px;text-align:center;
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top,  #b5bdc8 0%, #828c95 20%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(20%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5bdc8 0%,#828c95 20%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5bdc8 0%,#828c95 20%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5bdc8 0%,#828c95 20%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b5bdc8 0%,#828c95 20%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
}

/* 버튼 */
a.btn_line_point {display:inline-block; padding:0px 30px; height:26px; font:13px/26px ngb; border-radius:4px; text-align:center; color:#125da8; border:1px solid #125da8; ;background-color:#FFF;}
a.btn_line_point.gray {border:1px solid #d8d8d8}
a.btn_line_point.color {color:#125da8;}
.visit_btn {width:110px; padding:0px !important; margin-bottom:2px}

a.blue_btn{
	display:block; border-radius:3px; border:1px solid #39c1f0; padding:10px 0px; color:#fff; font:1em ngeb; text-align:center;
	background: #39c1f0; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f78383 0%, #f36363 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78383), color-stop(100%,#f36363)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f78383 0%,#f36363 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f78383 0%,#f36363 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78383', endColorstr='#f36363',GradientType=0 ); /* IE6-9 */
}

input.blue_btn{
	display:block; border-radius:3px; border:1px solid #39c1f0; padding:10px 0px; color:#fff; font:1em ngeb; text-align:center;
	background: #39c1f0; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f78383 0%, #f36363 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78383), color-stop(100%,#f36363)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f78383 0%,#f36363 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f78383 0%,#f36363 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78383', endColorstr='#f36363',GradientType=0 ); /* IE6-9 */
}
a.white_btn{
display:block; border-radius:3px; border:1px solid #125da8; padding:10px 0px; color:#000; font:1em ngeb; text-align:center;
	/*background: #f78383;*/ /* Old browsers */
background: -moz-linear-gradient(top,  #FFFFFF 0%, #FFFFFF 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FFFFFF 0%,#FFFFFF 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FFFFFF 0%,#FFFFFF 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF, endColorstr='#FFFFFF,GradientType=0 ); /* IE6-9 */
}

a.btn_def_point {
	display:inline-block; border-radius:3px; border:1px solid #39c1f0; padding:11px 20px; color:#fff; font:18px ngeb; text-align:center;
	background: #39c1f0; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f78383 0%, #f36363 100%);  FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78383), color-stop(100%,#f36363)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f78383 0%,#f36363 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f78383 0%,#f36363 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78383', endColorstr='#f36363',GradientType=0 ); /* IE6-9 */
}

a.btn_def_point_reg { /*admin/chain_reg 용 버튼 추가 2016-04-15 ssk*/
	display:inline-block; border-radius:3px; border:1px solid #39c1f0; padding:4px 16px 7px 16px; color:#fff; font:18px ngeb; text-align:center;
	background: #39c1f0; /* Old browsers */
}

/*c# 버튼 css 추가 작성자:daeyeob(김대엽) 2016-02-11*/
button.btn_def_point {
	display:inline-block; border-radius:3px; border:1px solid #125da8; padding:11px 20px; color:#fff; font:18px ngeb; text-align:center;
	background: #125da8; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #f78383 0%, #f36363 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78383), color-stop(100%,#f36363)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #f78383 0%,#f36363 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #f78383 0%,#f36363 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #f78383 0%,#f36363 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78383', endColorstr='#f36363',GradientType=0 ); /* IE6-9 */
}

/* 2015.12.14 sskyeung >  보고서 조회부분 통합클래스로 변경*/
a.btn_re1 {padding:5px 20px}

a.btn_def_point_off {
display:inline-block; border-radius:3px; border:1px double  #125da8; padding:11px 20px; color:#fff; font:18px ngeb; text-align:center;
background: #125da8; /* Old browsers */
background: -moz-linear-gradient(top,  #125da8 0%, #125da8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#125da8), color-stop(100%,#125da8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #125da8 0%,#125da8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #125da8 0%,#125da8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #125da8 0%,#125da8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #125da8 0%,#125da8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#595959',GradientType=0 ); /* IE6-9 */
}

/* a.blue_btn{
display:block; border-radius:2px; border:1px solid #2d8ca8; padding:10px 0px; color:#fff; font:1em ngb; text-align:center;
background: #64c3df; Old browsers
background: -moz-linear-gradient(top,  #64c3df 0%, #3098b5 100%); FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c3df), color-stop(100%,#3098b5)); Chrome,Safari4+
background: -webkit-linear-gradient(top,  #64c3df 0%,#3098b5 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(top,  #64c3df 0%,#3098b5 100%); Opera 11.10+
background: -ms-linear-gradient(top,  #64c3df 0%,#3098b5 100%); IE10+
background: linear-gradient(to bottom,  #64c3df 0%,#3098b5 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c3df', endColorstr='#3098b5',GradientType=0 ); IE6-9
} */
a.btn_gray02{
display:inline-block; border-radius:2px; border:1px solid #c6c6c6; padding:4px 0px; color:#545454; font:14px ngb; text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e5ea 48%, #e7e6eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(48%,#e6e5ea), color-stop(100%,#e7e6eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e6eb',GradientType=0 ); /* IE6-9 */
}

/*2016-02-15 ssk C#으로 만들면서 a태그 이벤트 오류 방지 하기 위해 똑같은 내용의 button CSS 만듬*/
button.btn_gray02{
display:inline-block; border-radius:2px; border:1px solid #c6c6c6; padding:4px 0px; color:#545454; font:14px ngb; text-align:center; cursor: pointer;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e5ea 48%, #e7e6eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(48%,#e6e5ea), color-stop(100%,#e7e6eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e6eb',GradientType=0 ); /* IE6-9 */
}
.btn_name {display:inline-block;border:1px solid #c6c6c6;padding:19px 15px;font-size:1.1em;text-align:center;border-radius:3px;
background: #f9f9fb; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9fb 0%, #e9e8ed 34%, #e6e5ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9fb), color-stop(34%,#e9e8ed), color-stop(100%,#e6e5ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9fb 0%,#e9e8ed 34%,#e6e5ea 100%); /* Chrome10+,Safari5.1+ */
}

.btn_name_on {display:inline-block;border:1px solid #c6c6c6;padding:19px 15px;font-size:1.1em;text-align:center;border-radius:3px; color:#fff;
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #c5c4c6 34%, #8e8b8e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(34%,#c5c4c6), color-stop(100%,#8e8b8e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#c5c4c6 34%,#8e8b8e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#c5c4c6 34%,#8e8b8e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#c5c4c6 34%,#8e8b8e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#c5c4c6 34%,#8e8b8e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#8e8b8e',GradientType=0 ); /* IE6-9 */
}

a.gray_def{
display:inline-block; border-radius:2px; border:1px solid #c6c6c6; padding:10px 0px; color:#545454 !important; font:1em ngb; text-align:center;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e6e5ea 48%, #e7e6eb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(48%,#e6e5ea), color-stop(100%,#e7e6eb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e6e5ea 48%,#e7e6eb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e6eb',GradientType=0 ); /* IE6-9 */
}
a.blue_def{
	display:inline-block; border-radius:2px; border:1px solid #39C1F0; padding:10px 0px; color:#fff !important; font:1em ngb; text-align:center;
	background: #39C1F0; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #b77777 0%, #ba6564 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b77777), color-stop(100%,#ba6564)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top,  #b77777 0%,#ba6564 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top,  #b77777 0%,#ba6564 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(top,  #b77777 0%,#ba6564 100%); /* IE10+ */
	/*background: linear-gradient(to bottom,  #b77777 0%,#ba6564 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b77777', endColorstr='#ba6564',GradientType=0 ); /* IE6-9 */
}


/* ==========================================================================
   bg styles
   ========================================================================== */

.bg-tbltop {background:linear-gradient(to bottom, #ffffff 0%,#f4f4f4 100%)}
.bg-cfff {background:#ffffff}
.bg-ceeffee {background:#eeffee}
.bg-cf5 {background-color:#f5f5f5;}

/* ==========================================================================
   color styles
   ========================================================================== */

.color-red {color:#f84f4f;}

/* ==========================================================================
   scroll styles
   ========================================================================== */

.scroll {overflow:scroll;}
.scroll-x {overflow-x:scroll;}

/* ==========================================================================
   input type styles
   ========================================================================== */

/* sms input 받는사람, 회신번호, 메시지등록 */
.inp-smsrecipient {padding:0; height:26px;}

/* 예약 - 예약등록 팝업, 상세검색 팝업 */
.inp-h28 {padding:0; height:28px;}

/* 해당 페이지에 있던 style -  views/sms/sms_list.html 사진 등록 */
input.upload.photo {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:120px;
}

/* ==========================================================================
   table styles
   ========================================================================== */

/* 테이블 */
.tb01{border-spacing:0px;*border-collapse:collapse}
.tb01 .th_bg{background: url('../img/tb_bg.gif') repeat;border-bottom:1px solid #d7d7d7; border-top:1px solid #585858}
.tb01 th{height:38px;text-align:center; font:12px dotum; color:#929292}
.tb01 th a {color:#929292;}
.tb01 td{border-bottom:1px solid #d7d7d7;color:#868686;text-align:center;padding:5px 0;height:35px}
.tb01 .h-55 {height:55px;}


.tb02 tr.bd {border-bottom:1px solid #e5e5e5;}
.tb02 th{padding:5px 0; padding-left:15px;background-color:#f9f9f9; font:13px ngb; color:#888;}
.tb02 td {color:#585858;font-size:12px;padding:5px 0;height:35px; padding-left:5px;}
.tb02 .h-39 {height:39px;}

.tb03 th{padding:5px 0; font:13px ngb; color:#585858; padding-left:15px;}
.tb03 td{color:#919191;font-size:12px;padding:8px 0;height:35px}

/* .tb03 th{padding:5px 0}
.tb03 td{color:#919191;font-size:12px;padding:8px 0;height:35px} */

.tb_new th {padding:5px 0; font:13px ngb; color:#585858;}
.tb_new td {color:#919191;font-size:12px;padding:8px 0;height:35px}

.month_tb{}
.month_tb .th_bg{background: url('../img/tb_bg.gif') repeat;border:1px solid #d7d7d7}
.month_tb th{height:38px;text-align:center;border:1px solid #d7d7d7}
.month_tb td{border:1px solid #d7d7d7;height:65px;font-size:.8em;vertical-align:top;padding:5px}
.month_tb td span{display:block;color:#888}
.month_tb td span img{vertical-align:middle}
.month_tb .sunday{color:#cd3d3d}

/* 월간달력 */
.month_tb.month-list tr.th_bg {height:auto;}
.month_tb.month-list tr {height:93px;}
.month_tb.month-list td {cursor:pointer;}
.month_tb.month-list .month-list-box {height:80px;overflow:hidden;}
.month_tb.month-list .month-list-box .month-list-inner {margin-top:-4px; text-align:left;}
.month_tb.month-list .month-list-box ul {}
.month_tb.month-list .month-list-box li {width:80px;list-style:none;float:left;}
.month_tb.month-list .month-list-box li span.res_icon {display:inline;color:#fff;width:15px}
.month_tb.month-list .month-list-box li.diminishment {width:100%;list-style:none;text-align:center;float:left;}

.tb04{border-spacing:0px;*border-collapse:collapse}
.tb04 th{border:1px solid #d7d7d7;font-size:.8em;text-align:center}
.tb04 td{background:#f9f9f9;border:1px solid #d7d7d7;padding:5px 10px;font-size:.8em;color:#616161;height:20px}

.tb05 th{background:#f9f9f9;border:1px solid #d7d7d7;text-align:center}
.tb05 td{border:1px solid #d7d7d7;padding:5px 10px;font-size:.8em;color:#616161;height:20px}

.tb06 th{background-color:#f9f9f9;color:#888; padding-left:15px; font-size:13px;}
.tb06 tr.bd {border-bottom:1px solid #e5e5e5}
.tb06 td{font-size:13px;color:#585858; padding:8px 0px; padding-left:5px;}
.tb06 td span.color1 {color:#2fb8b3; padding-right:5px;}
.tb06 td span.color2 {color:#f84f4f}
.tb06 td strong {font-family:ngeb; color:#333}

.tb_paylist td {font:13px ngb; color:#585858}

.tb07{width:70%;border-spacing:0px;border-top:1px solid #616161;*border-collapse:collapse}
.tb07 th{background:#7f7f7f;border:1px solid #616161;text-align:center;height:50px;color:#ffffff;}
.tb07 .th_bg{background: url('../img/tb_bg.gif') repeat;border-bottom:1px solid #d7d7d7; border-top:1px solid #585858}
.tb07 td{border:1px solid #616161;padding:5px 10px;font-size:1em;color:#616161;height:20px;text-align:center;}


/* table 공통 */
.box-normal * {box-sizing:content-box;}


/* ==========================================================================
   popup styles
   ========================================================================== */

.popup{background-color:#FFF;}
.popup .title{position:relative;background:#125da8;height:50px}
.popup .title h1{color:#fff; font:20px/50px ngeb; text-indent:20px;}
.popup .title .close{position:absolute;top:10px;right:10px}
.popup .title .closeBtn {position:absolute; display:block; width:26px; height:26px; background:url(../img/close.gif) no-repeat; top:13px; right:13px; text-indent:-9999px; cursor:pointer}
.popup .contents{padding:20px; /* border:2px solid #f78383; */ border-top:none;}
.popup .contents:after {display:block; clear:both;content:"";}
.popup .contents .left_wrap {float:left; width:50%; padding-right:10px;}
.popup .contents .right_wrap {float:right; width:50%; padding-left:10px;}
.popup .contents .pop01{float:left;width:312px}
.popup .contents .pop02{float:right;width:260px}
.popup .contents .pop02 h2 , .popup .contents .pop05 h2{border-bottom:1px solid #777;font-size:20px;padding-bottom:15px}

.popup_btn{padding:10px 0}

.popup .contents .pop03{float:left;width:265px}
.popup .contents .pop04{float:right;width:315px}
.popup .contents .pop04 h2.work {font:1.5em ngb; border-bottom:1px solid #777; padding-bottom:10px;position:relative}
.popup .contents .pop04 h2.work span {display:block; position:absolute; top:0px; right:0px}

.popup .contents .pop05{float:right;width:200px}
.booking{background:#f3f3f3}
.booking p.num_bg{background:url('../img/input_bg1.jpg') no-repeat;width:266px;height:59px}
.booking p.num_bg input{margin:13px;font-size:18px;text-align:center;padding:5px;width:230px;border:0}
.booking .number{margin:8px 0 18px 10px}
.booking .number li{float:left;margin:5px}
.booking .number li a{display:inline-block;border:1px solid #d7d7d7;padding:10px 0; width:70px;text-align:center;border-radius:3px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #edf2ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edf2ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#edf2ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#edf2ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#edf2ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#edf2ee 100%); /* W3C */
}
.popup .contents p.btn{clear:both;padding:5px 0 5px 10px}

/* ==========================================================================
   common styles
   ========================================================================== */

.block {display:block !important}
.i_block {display:inline-block;}
.fl_r{float:right}
.fl_l{float:left}
.clear_b{clear:both}
.ta_l {text-align:left !important}
.ta_c {text-align:center !important}
.ta_r {text-align:right !important}
.text_right{text-align:right !important}
.select{display:inline-block;vertical-align:middle;padding-bottom:5px}
/* .select select{border:1px solid #d7d7d7;font-size:12px}*/
.img_v{vertical-align:middle}
.paging{margin-top:20px;font-size:22px;text-align:center}
.paging img{vertical-align:middle}
input.bs01{border:1px solid #d7d7d7;padding:8px}
input.bs01.txt-s{font-size: 13px !important} /* 2016-01-26 달력 텍스트 size 14ox -> 13px 로 변경하기 위한 클래스 생성 ssk */
input.bs02{border:1px solid #d7d7d7;padding:7px;vertical-align:top}
textarea.ts01{border:1px solid #d7d7d7;padding:0px}
.search_div{overflow:hidden;border:1px solid #ddd;box-shadow:	0px 1px 3px rgba(0,0,0,0.2);padding:10px 15px 5px 25px}
.search_div .sorting{float:left}
.search_div .sorting em{margin-right:10px}
.search_div .btn{float:right}
.pos_r {position:relative;}
.no_box *,
.no_box *:before,
.no_box *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

.w35 {width:35px}
.w40 {width:40px}
.w60 {width:60px}
.w65 {width:65px}
.w70 {width:70px}
.w80 {width:80px}
.w90 {width:90px}
.w100 {width:100px}
.w130 {width:130px}
.w160 {width:160px}
.w190 {width:190px}
.w100{width:100%}

.mt_5 {margin-top:5px}
.mt_10 {margin-top:10px }
.mt_20 {margin-top:20px}
.mt_30 {margin-top:30px}
.mar-r5 {margin-right:5px;}
.ml_10 {margin-left:10px}
.ml_20 {margin-left:20px}
.ml_30 {margin-left:30px} /* 2015-12-08 추가 */
.ml_100 {margin-left:100px}
.mar-total10 {margin:10px;}

.pad-t10 {padding-top:10px;}
.pad-t20 {padding-top:20px;}
.pr_5 {padding-right:5px;}
.pr_10 {padding-right:10px;}
.pad-l10 {padding-left:10px;}
.pad-l20 {padding-left:20px;}

/* 화면이 줄어들 경우 글자 줄바꿈방지하고 넘치는 부분 자르고 ...처리 */
.txt_nowrap {display:block;word-break:break-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ==========================================================================
   ----
   ========================================================================== */

/**/
tr.last_total{background:#f9f9f9}
tr.last_total td{color:#000;font-size:1.15em;border-bottom:1px solid #bebebe}

section.month{text-align:center;padding:20px 0;font-size:20px; position:relative}
section.month a{margin:0 10px}
section.month div.right_total {position:absolute; top: 15px; right:0px; width:500px; background-color:#f9f9f9; border:1px solid #bebebe; border-bottom:none}

section.member_info{}
section.member_info h2{font-size:22px;line-height:30px;margin-bottom:15px}
section.member_info .tb01 .last_total td{text-align:right ;padding-right:15px}
section.member_info .btn{text-align:right;margin-top:20px}

.save_w{}
.save_w h2{font-size:22px;line-height:30px;margin-bottom:15px;border-bottom:1px solid #777;padding-bottom:10px}
.save_w h2.reg-customer span {font-size:12px;}
.save_w .btn{width:100%;border-top:1px solid #bebebe;margin-top:15px;padding:15px 15px 50px 15px;text-align:right;}/*2016-04-27 ssk 화면의 내용 추가될 경우 버튼 사라지지 않게 하기 위해 padding 수정*/
table.point th a{display:block;background: url('../img/check.gif') no-repeat 0 -31px;text-indent:28px;height:28px; outline:none;}
table.point th a.on{display:block;background: url('../img/check.gif') no-repeat;text-indent:28px;height:28px}

a.check{display:inline-block;background: url('../img/check.gif') no-repeat 0 -31px;text-indent:28px;height:28px; outline:none;}
a.check_on{display:inline-block;background: url('../img/check.gif') no-repeat;text-indent:28px;height:28px}

.staff_name{position:relative;margin-bottom:20px}
.staff_name .pre, .staff_name .next{position:absolute; top:40px;background: url('../img/arrow.png') no-repeat;width:10px;height:52px;font-size:0;text-indent:-10000px }
.staff_name .next{background-position:-10px 0;right:0}
.staff_name ul{overflow:hidden;margin-left:10px}
.staff_name ul li{float:left;margin:7px}
.staff_name ul li a{display:inline-block;border:1px solid #c6c6c6;padding:20px 15px;width:80px;font-size:1.1em;text-align:center;border-radius:3px;
background: #f9f9fb; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9fb 0%, #e9e8ed 34%, #e6e5ea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9fb), color-stop(34%,#e9e8ed), color-stop(100%,#e6e5ea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f9fb 0%,#e9e8ed 34%,#e6e5ea 100%); /* Chrome10+,Safari5.1+ */
}
p.btn_0{margin-top:20px}

th.photo_list{background:#f6f6f6;text-align:center}
th.photo_list img{width:150px;height:150px;padding:15px 10px}

section.goods_save{}
section.goods_save .goods_l{float:left;width:146px}
section.goods_save .goods_r{float:right;width:1010px}
section.goods_save .goods_l ul{}
section.goods_save .goods_l ul li{margin-top:10px}
section.goods_save .goods_l ul li img{border:1px solid #dadada;vertical-align:middle;margin-right:9px}

section.goods_save .goods_l ul.edit_pd_count_image{}
section.goods_save .goods_l ul.edit_pd_count_image li{margin-top:0px;width:48px;float:left;padding:2px;}
section.goods_save .goods_l ul.edit_pd_count_image li img{border:1px solid #dadada;vertical-align:middle;padding:2px;width:100%;}

ul.detail_pd_count_image li{margin-top:0px;width:100px;float:left;padding:2px;}
ul.detail_pd_count_image li img{border:1px solid #dadada;vertical-align:middle;padding:2px;width:100%;}

.sms_wrap{overflow:hidden}
.sms_wrap .sms_l{float:left}
.sms_wrap .sms_l p.gun{background:#f4f4f4;width:100%;border:1px solid #d9d9d9;text-align:center;padding:10px 0;margin-bottom:15px;box-shadow:2px 2px 0px #efefef}
.sms_wrap .sms_r{float:right;width:358px}
.sms_wrap .sms_r .tab{overflow:hidden;margin-left:20px;box-shadow:2px 2px 0px #efefef}
.sms_wrap .sms_r .tab li{float:left}
.sms_wrap .sms_r .tab li a{display:block;width:110px;background:#f4f4f4;border:1px solid #d9d9d9;text-align:center;padding:10px 0}
.sms_wrap .sms_r .tab li.on a{background:#f45e5f;color:#fff;border:1px solid #f45e5f}
p.btn01{margin-top:20px;text-align:center}
.sms_wrap .sms_r  .sms_select{position:relative;overflow:hidden;margin:15px 0 0 7px}
.sms_wrap .sms_r  .sms_select li{float:left;margin-left:15px;padding-bottom:15px}
.sms_wrap .sms_r  .sms_select li a{margin:5px 0}
.sms_wrap .sms_r  .sms_select .pre, .sms_wrap .sms_r  .sms_select .next{position:absolute; top:170px;background: url('../img/arrow.png') no-repeat 0 0;width:10px;height:52px;font-size:0;text-indent:-10000px }
.sms_wrap .sms_r  .sms_select .next{background-position:-10px 0;right:0}
.big_phone{width:209px;height:439px;background:url('../img/phone01.jpg') no-repeat}
.big_phone .txt{font-size:12px;padding:50px 25px 10px 25px;height:220px;overflow:hidden}
.big_phone .del_btn{padding-left:20px}
.big_phone .inp{margin:5px 0 0 25px;color:#b7b7b7;font-size:12px}
.big_phone .inp li{margin-bottom:8px}
.big_phone .inp span{display:inline-block;width:50px}
.big_phone .inp input{width:100px;border:1px solid #1a364c;background:#062031;text-align:center;color:#b7b7b7;font-size:11px;padding:5px}
.small_phone{width:154px;height:164px;background:url('../img/phone02.jpg') no-repeat}
.small_phone .txt{font-size:11px;padding:48px 15px 0 15px;height:130px;overflow:hidden}

.foot_paging{position:relative}
.foot_paging .btn{position:absolute;top:0px;right:0}

.tb07_div{border:1px solid #bebebe}
.tb07_div table{}
.tb07_div table th{}
.tb07_div table td{border-bottom:1px solid #e2e2e2;padding:5px;height:28px}
.tb07_div table tr:nth-child(odd){background:#f7f7f7}

/* 도트페이징 */
.paging_dot {position:relative; margin-top:15px; text-align:center; height:75px;}
.paging_dot .btn-place {position:absolute; top:50%; right:0px; margin:-16px 0 0 0;}
.paging_dot .btn-place .btn_def_point {padding:7px 12px; font-size:14px; color:#fff !important; }
.paging_dot a {display:inline-block; font:1.4em ngeb; color:#d1d1d1; padding:8px}
.paging_dot a.on { color:#f84f4f}

/* 도트페이징 레이어 */
.paging_dot_layer {margin-top:15px; text-align:center}
.paging_dot_layer a {display:inline-block; font:1.4em ngeb; color:#d1d1d1; padding:8px}
.paging_dot_layer a.on { color:#f84f4f}

/* 예약 아이콘 */
span.res_icon {display:inline-block; font:10px ngb; padding:2px; background:#2da1de; color:#fff}

ul.work_select:after {content:""; display:block; clear:both; border-bottom:1px solid #e0e0e0}
ul.work_select li {float:left; padding:5px 0px; text-align:center; width:100px}
ul.work_select li a {width:60px}

/* 2열 버튼형 */
ul.work_select02:after {content:""; display:block; clear:both}
ul.work_select02 {padding:10px 0px;border-bottom:1px solid #e0e0e0}
ul.work_select02 li {float:left; padding:3px 0px; text-align:center; width:130px}
ul.work_select02 li a {width:105px;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 리스트형 */
ul.work_select03:after {content:""; display:block; clear:both}
ul.work_select03 {padding:10px 0px;border-bottom:1px solid #e0e0e0}
ul.work_select03 li {text-align:center;}
ul.work_select03 li a {width:230px;word-break: break-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 6px 15px;}

h3.payment {margin-bottom:5px; font-weight:lighter; font-size:16px; font-family:ngb}
div.sign_pad {background-color:#f8f8f8; border:1px solid #d7d7d7; height:200px}

div.attend_btn {}
div.attend_btn a {display:inline-block;width:190px}
div.attend_btn a.left {margin-right:10px}


div.work_select {padding:10px 0px 5px}

div.resv_wrap {}
div.resv_wrap div.top_date {text-align:center; font:1.5em ngb; color:#000; padding:15px 0px 25px}
div.resv_wrap div.time_line_wrap { border:1px solid #2d343e; height:48px;
background: #374453; /* Old browsers */
background: -moz-linear-gradient(top,  #374453 0%, #626e80 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#374453), color-stop(100%,#626e80)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #374453 0%,#626e80 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #374453 0%,#626e80 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #374453 0%,#626e80 100%); /* IE10+ */
background: linear-gradient(to bottom,  #374453 0%,#626e80 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#374453', endColorstr='#626e80',GradientType=0 ); /* IE6-9 */
}
ul.time_line {display:table}
ul.time_line > li {display:table-cell; height:48px; vertical-align:middle; color:#fff; position:relative; text-align:center}
ul.time_line > li.btn_ampm {width:71px}
ul.time_line > li.btn_ampm a {display:block; height:48px; font:1em ngb; color:#fff}
ul.time_line > li.btn_ampm a em {display:inline-block; margin-top:15px}

ul.time_line > li.btn_ampm a.am_on , ul.time_line > li.btn_ampm a.pm_on {
background: #626e80; /* Old browsers */
background: -moz-linear-gradient(top,  #626e80 0%, #374453 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626e80), color-stop(98%,#374453)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #626e80 0%,#374453 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #626e80 0%,#374453 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #626e80 0%,#374453 98%); /* IE10+ */
background: linear-gradient(to bottom,  #626e80 0%,#374453 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626e80', endColorstr='#374453',GradientType=0 ); /* IE6-9 */
}
ul.time_line > li.btn_ampm a.am_on:after {content:""; display:block; clear:both; width:1px; background-color:#2d343e; height:49px; position:absolute; top:0px; right:0px}
ul.time_line > li.btn_ampm a.pm_on:before {content:""; display:block; clear:both; width:1px; background-color:#2d343e; height:49px; position:absolute; top:0px; left:0px}

ul.time_line > li.time_wrap {width:1080px; font:1.2em ngb; overflow:hidden}
ul.time_line > li.time_wrap a.btn_rotaie {display:block; position:absolute; top:-1px; left:0px; background:url(../img/btn_rotaie.png) no-repeat; width:45px; height:49px; z-index:50}
ul.time_line > li.time_wrap a.btn_left {display:block; position:absolute; top:-1px; left:0px; background:url(../img/btn_resv_arrow_left.gif) no-repeat; width:45px; height:49px; z-index:50}
ul.time_line > li.time_wrap a.btn_right {display:block; position:absolute; top:-1px; right:0px; background:url(../img/btn_resv_arrow_right.gif) no-repeat; width:45px; height:49px; z-index:50}

div.time_rolling_wrap {position:relative}
div.time_rolling_wrap > ul.time_rolling {}
div.time_rolling_wrap > ul.time_rolling:after {clear:both; display:block; content:""}
div.time_rolling_wrap > ul.time_rolling li {float:left; width:177px;position:relative}
div.time_rolling_wrap > ul.time_rolling li:after {content:""; display:block; position:absolute; top:-15px; right:0px; height:49px; width:1px; background-color:#2d343e}

div.resv_table_wrap {overflow-y:scroll; height:490px}
div.resv_table_wrap:after {clear:both; display:block; content:""}
div.resv_table_wrap .left {width:144px; float:left}
div.resv_table_wrap .left table.resv_worker td {background-color:#fafafa; font:1.2em ngb; color:#333; vertical-align:middle; width:142px;  height:39px; border:1px solid #e4e4e4; border-top:none; text-align:center}


div.resv_table_wrap .right {width:1063px; float:left; overflow:hidden}
div.resv_table_wrap .right table.resv_list {border-collapse:collapse}
div.resv_table_wrap .right table.resv_list td {border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; width:29px; height:39px; vertical-align:middle}
div.resv_table_wrap .right table.resv_list td.on {background-color:#ebebeb; font:1.1em ngb; color:#808080}
div.resv_table_wrap .right table.resv_list td.on span.time { padding:0px 15px 0px 20px}
div.resv_table_wrap .right table.resv_list td.on span.cate {font:11px dotum; color:#fff; display:inline-block; padding:3px}
div.resv_table_wrap .right table.resv_list td.on span.name {font:1.1em ngb; color:#000}


/* 구분 탭 */
article.tap_type01 {margin-bottom:20px}
article.tap_type01 ul.tap_list {}
article.tap_type01 ul.tap_list:after {content:""; clear:both; display:block}
article.tap_type01 ul.tap_list li {float:left; width:14.2%; background-color:#f5f5f5; position:relative; border-top:1px solid #e3e3e3}
article.tap_type01 ul.tap_list li:first-child {width:14.2%}
article.tap_type01 ul.tap_list li.on {border-top:1px solid #777}
article.tap_type01 ul.tap_list li:before { content:""; display:block;  width:1px; height:34px; position:absolute; top:0px; left:0px; background-color:#e3e3e3}
article.tap_type01 ul.tap_list li:first-child:before {display:none}
article.tap_type01 ul.tap_list li a {display:block; text-align:center;color:#535353; font-family:ngb; font-size:14px; line-height:34px;border-top:1px solid #f5f5f5}
article.tap_type01 ul.tap_list li a.on {background-color:#FFF; border-top:1px solid #777; position:relative}
article.tap_type01 ul.tap_list li a.on:before {content:""; display:block;  width:2px; height:36px; position:absolute; top:0px; left:0px; background-color:#777}
article.tap_type01 ul.tap_list li a.on:after {content:""; display:block;  width:2px; height:36px; position:absolute; top:0px; right:0px; background-color:#777}
article.tap_type01 ul.tap_list li em {border-bottom:2px solid #777; display:block}
article.tap_type01 ul.tap_list li em.on {border-bottom:2px solid #fff}

/*공통환경설정용*/
article.tap_type01 ul.tap_list.ea6 li {width:16.66% !important} /* 2015-1-13 추가 */
article.tap_type01 ul.tap_list.ea5 li {width:20% !important} /* 2015-1-13 추가 */

article.tap_type01 ul.tap_list.ea4 li {width:25% !important}
article.tap_type01 ul.tap_list.ea4 li:first-child {width:25% !important}

article.tap_type01 ul.tap_list.ea3 li {width:33.3% !important}
article.tap_type01 ul.tap_list.ea3 li:first-child {width:33.4% !important}

article.tap_type01 ul.tap_list.ea2 li {width:50% !important}
article.tap_type01 ul.tap_list.ea2 li:first-child {width:50% !important}



.category_step_tab{overflow:hidden;box-shadow:2px 2px 0px #efefef;margin:0px;padding:0 5px 0 1px;}
.category_step_tab li{float:left;width:33.3%;}
.category_step_tab li a{display:block; background:#f4f4f4;border:1px solid #d9d9d9;text-align:center;padding:3px 0;border-bottom:1px #d9d9d9 solid;border-collapse: collapse;margin-right:1px; margin-bottom:1px;}
.category_step_tab li.on a{background:#39c1f0;color:#fff;border:1px solid #39c1f0}

.customer_wrap .cus_artsum .cus_art .tab{
	/*overflow:hidden;*/
	overflow-y:auto;
	padding:4px 5px 4px 5px;
	border-radius:4px;
	height:120px;
	/*background: #fefefe;*/ /* Old browsers */
	background: -moz-linear-gradient(top,  #fefefe 0%, #f8f8fa 17%, #e6e5ea 46%, #e6e5ea 73%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(17%,#f8f8fa), color-stop(46%,#e6e5ea), color-stop(73%,#e6e5ea));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#f8f8fa 17%,#e6e5ea 46%,#e6e5ea 73%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8fa', endColorstr='#e6e5ea',GradientType=0 ); /* IE6-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907)";
}

.user_benefit_wrap .pre, .user_benefit_wrap .next{position:absolute; top:220px;background: url('../img/arrow.png') no-repeat;width:10px;height:52px;font-size:0;text-indent:-10000px; z-index:10000}
.user_benefit_wrap .next{background-position:-10px 0;margin-left:255px}
.user_benefit_wrap .pre{margin-left:-5px}

.main_payment_back_layer{ width:100%;height:100%; background:#000000; position: fixed; top: 0px; z-index:1000000; filter:alpha(opacity=50);opacity:0.5}
.main_payment_open_layer{ left:-870px; top:106px; position:absolute; z-index:1000001}
.main_payment_open_layer ul{ list-style:none; width:910px;height:580px}
.main_payment_open_layer ul li{ float:left; height:530px}
.main_payment_open_layer ul li:nth-child(1){ width:870px; border:0px solid #CC0033; background:#ffffff}
.main_payment_open_layer ul li:nth-child(2){ width:30px}
.main_payment_open_layer .main_payment_open_image{ width:35px; cursor:pointer; margin-top:410px}

.sms_payment_back_layer{ width:100%;height:100%; background:#000000; position: absolute; top: 0px; z-index:1000002; filter:alpha(opacity=50);opacity:0.5}
.sms_payment_open_layer{ left:200px; top:106px; position:absolute; z-index:1000003}
.sms_payment_open_layer ul{ list-style:none; width:920px;height:580px}
.sms_payment_open_layer ul li{ float:left; height:530px}
.sms_payment_open_layer ul li:nth-child(1){ width:870px; border:0px solid #CC0033; background:#ffffff}
.sms_payment_open_layer ul li:nth-child(2){ width:40px}
.sms_payment_open_layer .sms_payment_open_image{ width:50px; cursor:pointer; margin-top:360px}

/* 투두리스트 팝업 */
ul.todo_type {margin:3px 0px}
ul.todo_type li {font:13px/26px ngb; color:#929292; padding-left:10px; position:relative}
ul.todo_type li.under {background-color:#f8f7ef }
ul.todo_type li:after {display:block; content:""; clear:both}
ul.todo_type li p {float:right; margin:4px 10px 0 0; font:13px ngb; color:#333}

article.surgical_list p.total_price {height:38px; background-color:#f78383;text-align:right}
article.surgical_list p.total_price span {padding-right:10px; font:18px/38px ngeb; color:#fff; padding-right:10px}
article.product_list div.list_wrap {overflow-y:scroll; height:240px; border-bottom:1px solid #585858}
article.surgical_list div.list_wrap {overflow-y:scroll; height:280px; border-bottom:1px solid #585858}

div.reserve_list_table ul.list {width:2356px; display:table;}
div.reserve_list_table ul.list:after {content:""; display:block; clear:both}
div.reserve_list_table ul.list li {display:table-cell; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:94px; height:165px;}
div.reserve_list_table ul.list.off {background-color:#f5f5f5;}
div.reserve_list_table ul.list li p {letter-spacing:-0.5px; text-align:center; color:#585858; font:13px ngb; padding:6px 0px}

ul.meno_list {margin:3px 0px}
ul.meno_list li {font:14px ngb; color:#333; padding-left:10px; position:relative; margin:5px 0px;border-top:1px dashed #e5e5e5; padding:10px 0px;}
ul.meno_list li:first-child {border-top:none;}
ul.meno_list li span {display:block; font:13px ngb; color:#929292; margin:5px 0px;}
ul.meno_list li span em {display:inline-block; padding-left:5px;}
ul.meno_list li p.meno {background-color:#f5f5f5; border:1px solid #e5e5e5; width:250px; font:13px/16px ngb; color:#585858; padding:5px; }

ul.wait_list {margin:3px 0px}
ul.wait_list li a {display:block}
ul.wait_list li span {display:inline-block;font:13px/26px ngb; color:#929292; }
ul.wait_list li span.name {color:#333; width:60px; text-indent:10px;}
ul.wait_list li span.phone {width:100px;}
ul.wait_list li span.reg_date { margin-left:10px;}

::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.file_image_wrap img, .file_image_wraps img{
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin-top:0px;
	margin-left:0px;
}
.gallery-wrap-pigReg {position:relative; width:253px; height:194px;}

.file_image_area .file_image_wrap{
	position:relative; width:146px; height:146px;text-align:center;padding:0;margin:0px;
}
.file_image_area .file_image_btn{
	text-align:center;padding-top:8px;padding-bottom:8px;margin-top:10px;
}
.file_image_area .file_image_btn .fileinput-new{
	margin-bottom:10px; word-wrap:normal;word-break:normal;  box-sizing:content-box;
}
.file_image_area .file_image_close{
	position:absolute;/* margin-top:-192px;margin-left:135px; */top:5px; right:113px; background-color:white
}

.file_image_areas{
	height:70px;overflow:hidden;margin:0px;
}
.file_image_areas .file_image_wraps{
	width: 68px; height: 68px;margin:0px;padding:0px;
}
.file_image_areas .file_image_btns{
	width:64px;text-align:center;padding-top:8px;margin-left:10px;padding-bottom:8px;margin-top:10px;margin-bottom:10px;
}
.file_image_areas .file_image_btns .fileinput-new{
	margin-bottom:10px; word-wrap:normal;word-break:normal; box-sizing:content-box;
}
.file_image_areas .file_image_closes{
	position:relative;top:-60px;left:80px;width:62px;text-align:center;padding-top:8px;padding-bottom:8px;margin-top:10px;
}

.word-normal {word-wrap:normal;word-break:normal; box-sizing:content-box;}

.posA_mr350 {clear:both; position:absolute; top:0px; left:0px; right:350px; display:block;}
.fix350 {width:340px;}
.per50 {width:50%;}
.per66 {width:66.6%;}
.per33 {width:33.3%;}

.sizeS {width:40px;}
.sizeM {width:80px;}
.sizeL {width:120px;}
.sizeF {width:100%;}

.btnA {display:block; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.5); font:12px/24px ngb; color:#333; margin-top:2px;}

.slide_paging_wrap {position:relative;}
.slide_paging_wrap .arrowBtn {background:url(../img/arrow.png); position:absolute; top:35%;width:10px; height:52px; cursor:pointer}
.slide_paging_wrap .arrowBtn.left {left:0px;}
.slide_paging_wrap .arrowBtn.right {right:0px; background-position:-10px 0;}
.slide_paging_wrap ul.slide_table {overflow:hidden; height:270px; display:inline;} /* 2016-01-12 display 추가 */
.slide_paging_wrap ul.slide_table:after {display:block; clear:both; content:"";}
.slide_paging_wrap ul.slide_table li {float:left; width:100%;}

table.style_th_topA {border-spacing:0px;*border-collapse:collapse}
table.style_th_topA th {height:38px;text-align:center; font:12px dotum; color:#929292; background: url('../img/tb_bg.gif') repeat;border-bottom:1px solid #d7d7d7; border-top:1px solid #585858}
table.style_th_topA td {border-bottom:1px solid #d7d7d7;color:#868686;text-align:center;padding:5px 0;height:35px}
table.style_th_topA td span.grade02 {color:#ee174d;}
table.style_th_topA td span.grade03 {color:#6cc5a0;}
table.style_th_topA th a {color:#929292;}
table.style_th_topA td .td_margin {margin:0px 5px;}
table.style_th_topA input.sizeF {padding:0; height:28px;}

table.style_th_leftA {border-spacing:0px;*border-collapse:collapse; border-top:1px solid #e5e5e5;}
table.style_th_leftA tr.bd {border-bottom:1px solid #e5e5e5}
table.style_th_leftA th {background-color:#f9f9f9;color:#888; padding-left:15px; font-size:13px;}
table.style_th_leftA td {font-size:13px;color:#585858; padding:8px 0px; padding-left:10px; text-align:left;}
table.style_th_leftA td span.txt_lh {display:inline-block; padding:0px 5px;}
table.style_th_leftA input[type="text"] , table.style_th_topA input[type="text"] , table.style_th_leftA input[type="date"] , table.style_th_topA input[type="date"] {
border:1px solid #e0e0e0; background:#fff;  font:bold 14px/14px ngeb; color:#333; margin:4px 0px; text-indent:10px; border-radius:2px
}
table.style_th_leftA select, table.style_th_topA select {border:1px solid #e0e0e0; padding:5px 0px;}

div.left_right_wrap {position:relative;}
div.left_right_wrap:after {display:block;clear:both; content:"";}
div.left_right_wrap .left_area {float:left; width:20%; text-align:left;}
div.left_right_wrap .left_area p.ment {color:#000; font:13px/30px ngb;}
div.left_right_wrap .left_area p.ment strong {color:#ee174d;}
div.left_right_wrap .right_area {float:right; width:20%; text-align:right;}
div.left_right_wrap .paging_area {width:60%; text-align:center; float:left; margin-top:-5px;}

div.left_right_wrap .left_area ul.btnGray {text-align:left;}
div.left_right_wrap .right_area ul.btnGray {text-align:right;}

div.sms_send_wrap {padding:0 10px 10px;}
div.sms_send_wrap p.choice_message {margin-bottom:10px; text-align:center;}
div.sms_send_wrap p.choice_message a {display:block; margin:0px 5px;}

div.sms_remain {margin-top:10px;background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2); overflow:hidden; position:relative;}
div.sms_remain a.btn_payment {display:block; border-radius:3px; background:#ee174d; position:absolute; top:20px; right:20px; color:#fff; padding:27px 10px;}
div.sms_remain ul { margin:10px; background:#fafafa; padding:5px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2;}
div.sms_remain ul li {line-height:20px; font-size:12px; font-family:ngb; text-indent:5px;}
div.sms_remain ul li strong {color:#ee174d;}
div.sms_remain ul li span {color:#000;}

div.phone_bg_wrap {background:#fff; width:300px; height:490px; margin:auto; background-size:contain; border:5px solid #eee; border-radius:10px;}
ul.phone_function {width:250px; margin:auto}
ul.phone_function li:after {content:""; clear:both; display:block;}
ul.phone_function li.count {margin-top:10px;}
ul.phone_function li.count p.ment {float:left; color:#666; line-height:33px; padding-left:20px;}
ul.phone_function li.count p.num {float:right; color:#666; font-weight:bold; line-height:33px; padding-right:20px;}
ul.phone_function li.sms_type {}
ul.phone_function li.text_area {margin-top:10px; position:relative;}
ul.phone_function li.text_area div.sms_write {background:#fff; border-radius:3px; height:170px; overflow-y:auto; box-shadow:0px 0px 5px rgba(0,0,0,0.55) inset}
ul.phone_function li.text_area div.byte {text-align:center; font:bold 11px/20px dotum; color:#000; background:rgba(0,0,0,0.2); height:20px; position:absolute; top:0px; left:0px; width:100%; border-bottom:1px solid #333;}
ul.phone_function li.text_area ul.btnF {background:rgba(0,0,0,0.2); height:20px; position:absolute; bottom:0px; left:0px; width:100%; border-top:1px solid #333;}
ul.phone_function li.text_area ul.btnF:after {display:block; clear:both; content:"";}
ul.phone_function li.text_area ul.btnF li {float:left; width:50%;}
ul.phone_function li.text_area ul.btnF li a {display:block; font:bold 11px/20px dotum; color:#000; text-align:center;}
ul.phone_function li.text_area ul.btnF li:first-child a {border-right:1px solid #333;}
ul.phone_function li.text_area div.sms_write p.textarea_wrap {margin:26px 5px 20px 5px;}
ul.phone_function li.input_area input[type="text"]{border:1px solid #e0e0e0; background:#fff; display:block; width:100%; font:bold 14px/26px ngeb; color:#333; margin:4px 0px; text-indent:10px; border-radius:2px}
ul.phone_function li.btn01 {margin:6px 0px;}
ul.phone_function li.btn02 a {line-height:30px; margin-top:7px;}
ul.phone_function li.send a {background:#ee174d; margin-top:20px; color:#fff; font:13px/30px ngeb;}

div.sms_write .smsBox01 {overflow-y:auto; overflow-x:hidden; width:243px; height:140px;  margin:25px 2px 0 5px;}
div.sms_write .smsBox01.small {height:120px;}
.sms_write > #messageDiv {}

div.phone_smsReg {background:#fff; width:300px; height:440px; margin:auto; background-size:contain; border:5px solid #eee; border-radius:10px;}
ul.smsReg {width:250px; margin:auto}
ul.smsReg li:after {content:""; clear:both; display:block;}
ul.smsReg li.sms_type {margin-top:15px;}
ul.smsReg li.input_area input[type="text"]{border:1px solid #e0e0e0; background:#fff; display:block; width:100%; font:bold 14px/26px ngeb; color:#333; margin:4px 0px; text-indent:10px; border-radius:2px}
ul.smsReg li.input_area select {padding:5px 0px; width:100%; border:1px solid #e0e0e0;}
ul.smsReg li.text_area div.sms_write {background:#fff; border-radius:3px; height:170px; overflow-y:auto; box-shadow:0px 0px 5px rgba(0,0,0,0.55) inset}
ul.smsReg li.text_area {margin-top:10px; position:relative;}
ul.smsReg li.text_area div.byte {text-align:center; font:bold 11px/20px dotum; color:#000; background:rgba(0,0,0,0.2); height:20px; position:absolute; top:0px; left:0px; width:100%; border-bottom:1px solid #333;}
ul.smsReg li.text_area div.sms_write p.textarea_wrap {margin:0px 5px 20px 5px}
ul.smsReg li.text_area div.sms_write textarea { background:none; border:none;}
ul.smsReg li.send a {background:#ee174d; margin-top:20px; color:#fff; font:13px/30px ngeb;}

ul.btnGray {text-align:center;}
ul.btnGray.smsDuble li {width:96px;}
ul.btnGray.smsDuble li:nth-of-type(1) a {margin-right:2px;}
ul.btnGray.smsDuble li:nth-of-type(2) a {margin-left:2px;}
ul.btnGray.solo li {display:block;}
ul.btnGray li {display:inline-block; }
ul.btnGray li a {display:block; background:#fff; border-radius:2px; box-shadow:0 0 3px rgba(0,0,0,0.5); font:12px/24px ngb; color:#333;}
ul.btnGray li a.on {background:#125da8; color:#fff; box-shadow:none;}
ul.btnGray.bottom {margin:10px 1px;}
ul.btnGray.bottom a {padding:5px 10px;}
ul.btnGray.cateChoice li {}
ul.btnGray.cateChoice li:nth-of-type(1) {float:left; width:68%;}
ul.btnGray.cateChoice li:nth-of-type(2) {float:right; width:30%;}
ul.btnGray.cateChoice li a.cateReg {width:100%; padding:2px 0px;}

ul.btn_st01 {display:inline-block;}
ul.btn_st01 li {float:left;}
ul.btn_st01 li a {display:block; border:1px solid #e0e0e0; background:#fafafa; padding:0px 10px; height:32px; border-left:none; font:normal 12px/32px ng; color:#333; text-align:center;}
ul.btn_st01 li a.sms {padding:5px 25px; height:auto; line-height:12px;}
ul.btn_st01 li a:hover , ul.btn_st01 li a.select {background:#ee174d; border-color:#ee174d; color:#fff;}
ul.btn_st01 li:first-child a {border-radius:3px 0 0 3px; border-left:1px solid #e0e0e0;}
ul.btn_st01 li:last-child a {border-radius:0 3px 3px 0}
ul.btn_st01 li:first-child a.select {border-left:1px solid #ee174d;}
ul.btn_st01 li:last-child a.select {border-right:1px solid #ee174d;}

.searchDef {height:40px; border:1px solid #bebebe; border-radius:5px; margin-right:100px; position:relative; background:url(../img/btn_030.gif) right  no-repeat;}
.searchDef a.btn_detail {display:block; border-radius:4px; background:#ee174d; position:absolute; top:0px; right:-100px; color:#fff; height:38px; line-height:38px; width:90px; text-align:center;}
.searchDef.mb {margin-bottom:20px;}
.searchDef .select2 {display:inline-block;vertical-align:middle; width:150px;}
.searchDef .select2 select {line-height:42px; border:none;}
.searchDef input[type="text"] {height:34px; line-height:34px; width:100%; border:none;}
.searchDef input.in2{padding:5px;width:358px;border:0}
.searchDef input.in3{vertical-align:middle;margin-left:20px}
.searchDef img.in3{vertical-align:middle;margin-left:20px}
.searchDef .input_wrap {margin:1px; position:absolute; top:1px; left:155px; right:42px;display:block; }
.searchDef .input_wrap.left2 {left:0px !important; overflow-y: hidden !important} /* 2016-01-13 ssk 매출 결제시 비회원일 경우 마일리지 적립 부분에서 겁색창의 정렬과 스크롤 방지위해 추가*/
.searchDef .CLS_searchBtn {display:block; position:absolute; top:2px; right:4px; background:url(../img/btn_030.gif) no-repeat; width:37px; height:35px; margin:0px;}

.searchBox {height:40px; border:1px solid #bebebe; border-radius:5px; position:relative; }
.searchBox.mb {margin-bottom:20px;}
.searchBox input[type="search"] {height:34px; line-height:34px; margin:2px 0 0 2px; display:block; width:98%; border:none;}
.searchBox input {height:34px; line-height:34px; margin:2px 0 0 2px; display:block; width:98%; border:none;}

.searchBox a.btn_search {display:block; position:absolute; top:3px; right:3px; width:37px; height:32px; background:url(../img/btn_030.gif) right  no-repeat;}

/* 레이어팝업 새로 제작 */
div.layerPop_wrapper {text-align:center; position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; display:none;}
div.layerPop_wrapper div.layerPop_container {margin:100px auto 0 auto; background:#fff;}
div.layerPop_wrapper div.layerPop_container h3.pop_title {text-align:left; color:#fff; height:50px; font:20px/50px ngb; background-color:#f78383; text-indent:20px; position:relative;}
div.layerPop_wrapper div.layerPop_container h3.pop_title a.pop_close {display:block; position:absolute; background:url(../img/close.gif) no-repeat; width:26px; height:26px; top:10px; right:10px;}
div.layerPop_wrapper div.layerPop_contents {padding:20px;}
div.layerPop_wrapper div.layerPop_contents:after {display:block; clear:both; content:""}
div.layerPop_wrapper div.layerPop_contents .btn_area {margin-top:30px; text-align:center;}
div.layerPop_wrapper div.layerPop_btn_area {padding:2px 0px; background:rgba(0,0,0,0.1);}

/* 탭리스트 */
ul.tab_list {}
ul.tab_list:after {display:block; clear:both; content:"";}
ul.tab_list li {float:left; padding:0 0 0 4px;}
ul.tab_list li:first-child {padding:0px;}
ul.tab_list li.on a , ul.tab_list li:hover a {background:#b0b0b0; color:#fff;}
ul.tab_list li a {display:block; font:13px/30px ngb; color:#666; width:80px; border-radius:3px 3px 0 0; border:1px solid #b0b0b0; border-bottom:none;  text-align:center;}

/* 탭별 안내멘트 */
p.page_ment {background:#fafafa; margin-bottom:20px; padding:10px; color:#333; font-size:13px; margin-top:-20px; border-bottom:1px dotted #ccc;}

/* 큰 탭 */
ul.sort_list_wrap {display:inline-block;}
ul.sort_list_wrap:after {display:block; clear:both; content:"";}
ul.sort_list_wrap li {float:left; width:100px;}
ul.sort_list_wrap li a {display:block; height:40px; font-size:14px; background:#fff; border:1px solid #595959; color:#595959; line-height:38px; border-left:none; text-align:center;}
ul.sort_list_wrap li:first-child a {border:1px solid #595959;}
ul.sort_list_wrap li a.on , ul.sort_list_wrap li a:hover {background:#595959; color:#fff;}
ul.sort_list_wrap.three {display:block; margin:20px 0 20px 0px;}
ul.sort_list_wrap.three li {width:33.3%;}
ul.sort_list_wrap.five {display:block;}
ul.sort_list_wrap.five li {width:20%;}

h4.pay_input_title { height:34px; line-height:34px; border-bottom:1px dashed #e2e2e2; border-top:1px solid #e2e2e2;background:#f8f8f8; font-size:14px; text-align:center; color:#333; font-weight:normal;}
article.pay_input_wrap {background:#eee; padding:10px;}
article.pay_input_wrap > div.head {border-bottom:2px solid #ba6564; padding:10px;}
article.pay_input_wrap ul.list {margin-bottom:10px; background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2);}
article.pay_input_wrap ul.list:last-child {margin-bottom:0px;}
article.pay_input_wrap ul.list > li {padding:10px; border-top:1px solid #e2e2e2; }
article.pay_input_wrap ul.list li:first-child {border-top:none;}
article.pay_input_wrap ul.list li:after {display:block; clear:both; content:"";}
article.pay_input_wrap ul.list li span {line-height:32px; min-height:32px;  display:inline-block;}
article.pay_input_wrap ul.list li div.left {float:left; width:25%;}
article.pay_input_wrap ul.list li div.left span.txt {display:block;  border-radius:3px; background:#2dc3e8; text-align:center; color:#fff; font-size:12px;}
article.pay_input_wrap ul.list li div.right {float:right; width:65%;}
article.pay_input_wrap ul.list li div.right span.number {color:#333; text-align:right; font-size:14px; display:block; padding-right:5px;}
article.pay_input_wrap ul.list li div.right span.number.strong {font-size:20px;}

article.pay_input_wrap dl.list {margin-bottom:10px; background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2); overflow:hidden;}
article.pay_input_wrap dl.list:last-child {margin-bottom:0px;}
article.pay_input_wrap dl.list dt {padding:10px; background:#fafafa;}
article.pay_input_wrap dl.list dt span.name {position:relative; height:32px; line-height:32px; display:inline-block;}
article.pay_input_wrap dl.list dt:after , article.pay_input_wrap dl.list dt ul.btn:after {display:block; clear:both; content:"";}
article.pay_input_wrap dl.list dt ul.btnR {float:right;}
article.pay_input_wrap dl.list dt ul.btnR li {float:left;}
article.pay_input_wrap dl.list dt ul.btnR li a {
display:block; border:1px solid #e0e0e0; background:#fafafa; padding:0px 10px;
line-height:32px; height:32px; border-left:none; font:normal 12px/32px ng; color:#333;
}
article.pay_input_wrap dl.list dt ul.btnR li a:hover , article.pay_input_wrap dl.list dt ul.btnR li a.select {background:#2dc3e8; border-color:#2dc3e8; color:#fff;}
article.pay_input_wrap dl.list dt ul.btnR li:first-child a {border-radius:3px 0 0 3px; border-left:1px solid #e0e0e0;}
article.pay_input_wrap dl.list dt ul.btnR li:last-child a {border-radius:0 3px 3px 0}
article.pay_input_wrap dl.list dd {padding:10px; border-top:1px solid #e2e2e2;}
article.pay_input_wrap dl.list dd:first-child {border-top:none;}
article.pay_input_wrap dl.list dd:after {display:block; clear:both; content:"";}
article.pay_input_wrap dl.list dd span {line-height:32px; min-height:32px;  display:inline-block;}

article.pay_input_wrap .infoBox {background:#fafafa; padding:10px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2;}
article.pay_input_wrap .infoBox p {height:20px; line-height:20px; font-weight:normal;}
article.pay_input_wrap .infoBox strong {font-size:14px; color:#000; }
article.pay_input_wrap .infoBox span {color:#2dc3e8; padding:0px 5px;}
article.pay_input_wrap input[type="text"] , article.pay_input_wrap select{border:1px solid #ccc; border-radius:3px; vertical-align:middle; color:#333; font-size:14px; padding:1px 3px; display:block; width:100%; min-height:32px;}

div.time_line_wrap_Day {height:34px; position:relative; border-bottom:1px solid #e5e5e5;overflow:hidden ;border-top:1px solid #333;
background: #b2b2b2; /* Old browsers */
background: -moz-linear-gradient(top,  #b2b2b2 0%, #939393 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#939393)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b2b2b2 0%,#939393 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b2b2b2 0%,#939393 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b2b2b2 0%,#939393 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b2b2b2 0%,#939393 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2b2b2', endColorstr='#939393',GradientType=0 ); /* IE6-9 */
}
div.time_line_wrap_Day > a {width:28px; height:33px; display:block; background:url(../img/common.png) no-repeat; position:absolute; top:0px}
div.time_line_wrap_Day > a.btn_rotaie {left:6px;top:4px;  background:url(../img/btn_rotaie.png) no-repeat;background-position:0 0}
div.time_line_wrap_Day > a.btn_left {left:32px; background-position:0 -200px}
div.time_line_wrap_Day > a.btn_right {right:0px; background-position:0 -233px}

div.time_line_wrap_Day div.time_line {margin-left:60px; overflow-x:scroll;height: 50px;}

div.time_line_wrap_Day div.time_line ul.time {width:2356px; overflow-x: hidden;overflow-y: hidden; height:33px;}
div.time_line_wrap_Day div.time_line ul.time:after {content:""; display:block; clear:both}
div.time_line_wrap_Day div.time_line ul.time li {float:left; width:96px; text-align:center; height:33px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f5f5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
div.time_line_wrap_Day div.time_line ul.time li a {display:block; font:12px/33px dotum; color:#929292}
div.time_line_wrap_Day div.time_line ul.time.week li {width:123px;}
div.time_line_wrap_Day div.time_line ul.time2 li a {display:block; font:12px/33px dotum; color:#929292}
div.time_line_wrap_Day div.time_line ul.time2 li {height:123px;}

div.list_table_wrap_Day { height:546px;}
div.list_table_wrap_Day:after {display:block; content:""; clear:both}
div.list_table_wrap_Day > a {width:60px; height:30px; display:block; background:url(../img/common.png) no-repeat; position:absolute; left:0px; z-index:100}
div.list_table_wrap_Day > a.btn_up {top:30px; background-position:15px -266px}
div.list_table_wrap_Day > a.btn_bottom {bottom:14px; background-position:15px -300px}
div.list_table_wrap_Day div.staff_rolling { width:60px; position:relative}

div.list_table_wrap_Day ul.staff_info li {border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background-color:#f8f7ef}
div.list_table_wrap_Day ul.staff_info li a {display:table; color:#585858;  width:60px;}
div.list_table_wrap_Day ul.staff_info li a span {display:block; display:table-cell; height:82px !important; font:12px dotum; vertical-align:middle;text-align:center;}
div.list_table_wrap_Day ul.staff_info li a.off span {color:#929292}


div.reserve_list_table_Day {width:100%;float:left;  overflow-x:scroll; overflow-y:scroll;}
div.reserve_list_table_Day ul.list {width:2255px; display:table;}
div.reserve_list_table_Day ul.list:after {content:""; display:block; clear:both}
div.reserve_list_table_Day ul.list li {display:table-cell; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:94px; height:83px;}
div.reserve_list_table_Day ul.list.off {background-color:#f5f5f5;}
div.reserve_list_table_Day ul.list li p {letter-spacing:-0.5px; text-align:center; color:#585858; font:13px ngb; padding:6px 0px}
div.reserve_list_table_Day div.day_list {position:relative;}
div.reserve_list_table_Day ul.day_list {position:relative;width:2348px;  border-bottom:1px solid #e5e5e5; height:83px;}
div.reserve_list_table_Day ul.day_list:after {}
div.reserve_list_table_Day ul.day_list li {float:left; width:16px; border-right:1px solid #f7f7f7; height:82px; position:relative;}
div.reserve_list_table_Day ul.day_list li:nth-of-type(6n+0) {border-right:1px solid #e5e5e5;}
div.reserve_list_table_Day div.day_list2 {position:relative;}
div.reserve_list_table_Day ul.day_list2 {position:relative;width:2348px;  border-bottom:2px solid #e5e5e5; height:83px;}
div.reserve_list_table_Day ul.day_list2:after {}
div.reserve_list_table_Day ul.day_list2 li {float:left; width:96px; border-bottom:1px solid #f7f7f7; height:13.83px; position:relative;}
div.reserve_list_table_Day ul.day_list2 li:nth-of-type(1n+0) {border-right:1px solid #e5e5e5;}


div.reserve_layer_show {position:absolute;  top:0px; left:0px; height:83px; display:table; vertical-align:middle; text-align:center;z-index:1000;}
div.reserve_layer_show p {vertical-align:middle; display:table-cell;}
div.reserve_layer_show p span {display:block; color:#fff;}

div.right_containerDetail {background:#fafafa; height:230px; overflow-y:scroll; border:1px solid #eaeaea;}
div.right_containerDetail2 {background:#fafafa; height:530px; overflow-y:scroll; border:1px solid #eaeaea;}
ul.person_list {padding:10px; border-bottom:1px dashed #eaeaea;}
ul.person_list li {position:relative;}
ul.person_list li.person p {color:#333; font-size:14px;font-family:mg;}
ul.person_list li.person strong {color:#000; }
ul.person_list li span.staff {color:#4777DC;}
ul.person_list li span.grade {color:#f84f4f;}
ul.person_list li span.no_member {color:#999;}
ul.person_list li.memo {margin:10px 0 0 0;}
ul.person_list li.memo textarea {height:60px;}
ul.person_list li p.date {position:absolute; top:0px; right:0px; font-size:12px; color:#666;}
ul.person_list li p.reg {position:absolute; top:0px; right:0px; }
ul.person_list li p.reg a {font-size:12px; padding:10px;}

/* 일간 주간 선택 */
div.date_type_wrap {margin-bottom:10px;}
div.date_type_wrap:after {display:block;content:""; clear:both;}
div.date_type_wrap p.left {float:left; width:20%;}
div.date_type_wrap p.center {float:left; width:60%; text-align:center;}
div.date_type_wrap p.center span {font-size:20px; padding:0px 20px;}
div.date_type_wrap p.right {float:left; width:20%; text-align:right;}

.round_select_wrap {display:inline-block; vertical-align:middle !important; margin-top:-3px;}/*2016-04-20 type1 예약 등록 회원 비회원 버튼 위치 조정 ssk*/
ul.round_select {}
ul.round_select li {float:left;}
ul.round_select li a {display:block; border:1px solid #e0e0e0; background:#fafafa; padding:0px 10px; height:28px; border-left:none; font:normal 12px/26px ng; color:#333;}
ul.round_select li a:hover , ul.round_select li a.select {background:#39c1f0 !important; border-color:#39c1f0 !important; color:#fff;}
ul.round_select li:first-child a.select {border-left:1px solid #39c1f0;}
ul.round_select li:first-child a {border-radius:3px 0 0 3px; border-left:1px solid #e0e0e0;}
ul.round_select li:last-child a {border-radius:0 3px 3px 0;}

/* 임의결제창 css */
td,th,table {padding:0px; margin:0px;}
table.calcul {border-collapse:collapse}
table.calcul td {background:#697078; }
table.calcul td span {font-family:'나눔고딕';display:block;height:70px; line-height:66px;font-size:14px; color:#fff; text-align:center; border:1px solid #fff;font-size: 27px; cursor:pointer;}
table.calcul tr.util td {background:#FFB61C; }
table.calcul tr.util td span {color:#fff; height:53px; line-height:49px; text-align:center; border:1px solid #fff;font-size: 19px;}
table.calcul td span.enter {height:123px; line-height:38px; background:#F83A3A;font-size: 16px;}

.CLS_productRows table {border:1px;}
.CLS_productRows th {
	text-align:center;
}
.CLS_productRows td {
	text-align:center;
}

/* 2015-06-23 결제창 스타일 */

h4.pay_input_title { height:34px; line-height:34px; border-bottom:1px dashed #e2e2e2; border-top:1px solid #e2e2e2;background:#f8f8f8; font-size:14px; text-align:center; color:#333; font-weight:normal;}
article.pay_input_wrap {background:#eee; padding:10px;}
article.pay_input_wrap > div.head {border-bottom:2px solid #ba6564; padding:10px;}
article.pay_input_wrap ul.list {margin-bottom:10px; background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2);}
article.pay_input_wrap ul.list:last-child {margin-bottom:0px;}
article.pay_input_wrap ul.list > li {padding:10px; border-top:1px solid #e2e2e2; }
article.pay_input_wrap ul.list li:first-child {border-top:none;}
article.pay_input_wrap ul.list li:after {display:block; clear:both; content:"";}
article.pay_input_wrap ul.list li span {line-height:32px; min-height:32px;  display:inline-block;}
article.pay_input_wrap ul.list li div.left {float:left; width:25%;}
article.pay_input_wrap ul.list li div.left span.txt {display:block;  border-radius:3px; background:#2dc3e8; text-align:center; color:#fff; font-size:12px;}
article.pay_input_wrap ul.list li div.right {float:right; width:65%;}
article.pay_input_wrap ul.list li div.right span.number {color:#333; text-align:right; font-size:14px; display:block; padding-right:5px;}
article.pay_input_wrap ul.list li div.right span.number.strong {font-size:20px;}

article.pay_input_wrap dl.list {margin-bottom:10px; background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2); overflow:hidden;}
article.pay_input_wrap dl.list:last-child {margin-bottom:0px;}
article.pay_input_wrap dl.list dt {padding:10px; background:#fafafa;}
article.pay_input_wrap dl.list dt span.name {position:relative; height:32px; line-height:32px; display:inline-block;}
article.pay_input_wrap dl.list dt:after , article.pay_input_wrap dl.list dt ul.btn:after {display:block; clear:both; content:"";}
article.pay_input_wrap dl.list dt ul.btnR {float:right;}
article.pay_input_wrap dl.list dt ul.btnR li {float:left;}
article.pay_input_wrap dl.list dt ul.btnR li a {
display:block; border:1px solid #e0e0e0; background:#fafafa; padding:0px 10px;
line-height:32px; height:32px; border-left:none; font:normal 12px/32px ng; color:#333;
}
article.pay_input_wrap dl.list dt ul.btnR li a:hover , article.pay_input_wrap dl.list dt ul.btnR li a.select {background:#2dc3e8; border-color:#2dc3e8; color:#fff;}
article.pay_input_wrap dl.list dt ul.btnR li:first-child a {border-radius:3px 0 0 3px; border-left:1px solid #e0e0e0;}
article.pay_input_wrap dl.list dt ul.btnR li:last-child a {border-radius:0 3px 3px 0}
/*article.pay_input_wrap dl.list dd {padding:10px; border-top:1px solid #e2e2e2;}*/
article.pay_input_wrap dl.list dd {padding:10px; border-top:1px solid #e2e2e2;}
article.pay_input_wrap dl.list dd:first-child {border-top:none;}
article.pay_input_wrap dl.list dd:after {display:block; clear:both; content:"";}
article.pay_input_wrap dl.list dd span {line-height:32px; min-height:32px;  display:inline-block;}

article.pay_input_wrap .infoBox {background:#fafafa; padding:10px; border-top:1px dashed #e2e2e2; border-bottom:1px dashed #e2e2e2;}
article.pay_input_wrap .infoBox p {height:20px; line-height:20px; font-weight:normal;}
article.pay_input_wrap .infoBox strong {font-size:14px; color:#000; }
article.pay_input_wrap .infoBox span {color:#2dc3e8; padding:0px 5px;}
article.pay_input_wrap input[type="text"] , article.pay_input_wrap select{border:1px solid #ccc; border-radius:3px; vertical-align:middle; color:#333; font-size:14px; padding:1px 3px; display:block; width:100%; min-height:32px;}
article.pay_input_wrap input[type="radio"] , article.pay_input_wrap input[type="checkbox"] {display:inline-block; width:16px; height:16px; vertical-align:middle; -webkit-appearance:none; border-radius:0px; border:0px; margin:0px; padding:0px; cursor:pointer; margin:0px 4px 0 0}
article.pay_input_wrap input[type="radio"] {background:url(../img/btn_radio_b.png) no-repeat; background-size:cover}
article.pay_input_wrap input[type="checkbox"] {background:url(../img/btn_check_b.png) no-repeat; background-size:cover}
article.pay_input_wrap input[type="radio"]:checked , article.pay_input_wrap input[type="checkbox"]:checked {background-position:0 -16px}
article.pay_input_wrap input[type="radio"]:disabled , article.pay_input_wrap input[type="checkbox"]:disabled {background-position:0 -32px}
article.pay_input_wrap input[type="radio"]:disabled:checked , article.pay_input_wrap input[type="checkbox"]:disabled:checked {background-position:0 -48px}

div.check_radio{display:inline-block;}
/* //2015-06-23 결제창 스타일 */

.payInfoWindow{border:5px solid #E0E0E0;width: 258px;}
.payInfoWindow ul.list {margin-bottom:10px; background:#fff; border-radius:2px;  box-shadow:0 0 3px rgba(0,0,0,.2);}
.payInfoWindow ul.list:last-child {margin-bottom:0px;}
.payInfoWindow ul.list li {padding:10px; border-top:1px solid #e2e2e2; }
.payInfoWindow ul.list li:first-child {border-top:none;}
.payInfoWindow ul.list li:last-child {padding-top:50px;}
.payInfoWindow ul.list li:after {display:block; clear:both; content:"";}
.payInfoWindow ul.list li span {line-height:17px;  display:inline-block;}
.payInfoWindow ul.list li div.left {float:left; width:35%;} /* 2016-01-11 25% -> 35% 수정 */
.payInfoWindow ul.list li div.left span.txt {display:block;  border-radius:3px;  text-align:center; color:#000; font-size:15px;  text-align: left;}
.payInfoWindow ul.list li div.right {float:right; width:65%;}
.payInfoWindow ul.list li div.right span.number {color:#333; text-align:right; font-size:14px; display:block; padding-right:5px;}
.payInfoWindow ul.list li div.right span.number.strong {font-size:20px;}


.report_receipt_btn{display:inline-block; float:right; padding-bottom:10px;}
.report_receipt_btn span{font:18px ngeb; color:#fff;cursor:pointer;padding: 5px 20px; ;
background:linear-gradient(#b77777 ,#ba6564  );background:-webkit-linear-gradient(#b77777 ,#ba6564 ); border-radius:3px; border:1px solid #ba6564;}

ul.flexible_btn_area {margin-left:-10px;}
ul.flexible_btn_area:after {display:block; clear:both; content:"";}
ul.flexible_btn_area.ea3 li {width:33.3%;}
ul.flexible_btn_area li {float:left; padding-left:10px;}
ul.flexible_btn_area li a {display:block; width:100%; }


/* 2015-07-15 상품 리스트 나열 수정 */
/*
section.product_listDev{clear:both;position:relative}
section.product_listDev ul.goods{margin-left:-79px;}
section.product_listDev ul.goods > li {float:left;width:241px; margin-top:50px; margin-left:79px;}
section.product_listDev ul.goods li .photo {width:239px; height:147px; text-align:center; border:1px solid #e5e5e5; position:relative;}
section.product_listDev ul.goods li .photo:hover:before {content:"";background:rgba(255,255,255,0.6) url(../images/common/goods_hover_img.png) center no-repeat; display:block; position:absolute; top:0px; top:0px; height:147px; width:239px; z-index:500;}
section.product_listDev ul.goods li .photo img {max-width:239px; max-height:147px; position:relative;}
section.product_listDev ul.goods li .photo a.on img{border:1px solid #f78383; width:138px;height:138px}
section.product_listDev ul.goods li .info { text-align:left; margin-top:10px; border:none !important;}
section.product_listDev ul.goods li .info p.goods_name {font:18px ngb; color:#333}
section.product_listDev ul.goods li .info p.goods_ment {font:12px ng; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
section.product_listDev ul.goods li .info ul.price_ea {margin-top:10px;}
section.product_listDev ul.goods li .info ul.price_ea:after {display:block; clear:both; content:"";}
section.product_listDev ul.goods li .info ul.price_ea li.price {float:left;}
section.product_listDev ul.goods li .info ul.price_ea li.buy {float:right;}
section.product_listDev ul.goods li .info ul.price_ea li.buy a {padding:0px 10px; font:13px/23px ng;}
section.product_listDev ul.goods li .info ul.price_ea li {font:13px/24px ngb; color:#929292;}
section.product_listDev ul.goods li .info ul.price_ea li span {padding-left:10px ;font:16px ngb; color:#a95655;}
section.product_listDev ul.goods li .info ul.price_ea li del {font:14px ngb; color:#585858;}

section.product_listDev .pre, section.product_listDev .next{position:absolute; top:260px;background: url('../img/arrow.png') no-repeat 0 -85px;width:58px;height:60px;font-size:0;text-indent:-10000px }
section.product_listDev .next{background-position:-58px -85px;right:0}
*/
.searc_client_list{
cursor:pointer;
}
.searc_client_list_on{
	cursor:pointer;
	background-color:#F1EEE9;
}
.searc_client_list:hover{
cursor:pointer;
background-color:#F1EEE9;
}

#custom_pay {font-size: 16px; color: #333;}

ul.pop_tab_serviceCate {padding:5px ; background:#f7f7f7; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;}
ul.pop_tab_serviceCate:after {display:block; clear:both; content:"";}
ul.pop_tab_serviceCate li {float:left; width:20%;}
ul.pop_tab_serviceCate li a {display:block; margin:1px; height:30px; line-height:30px; border:1px solid #b0b0b0; text-align:center; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background:#fff;}
ul.pop_tab_serviceCate li a.on , ul.pop_tab_serviceCate li a:hover {background:#b0b0b0; color:#fff;}

div.pop_serviceList {position:relative;}
div.pop_serviceList ul.list {margin:10px 0px; overflow:hidden; height:207px;}
div.pop_serviceList ul.list:after {display:block; clear:both; content:"";}
div.pop_serviceList ul.list li {float:left; width:33.3%;}
div.pop_serviceList ul.list li a  {display:block; margin:5px;}

div.pop_serviceList .arrowBtn {background:url(../img/arrow.png); position:absolute; top:38%;width:10px; height:52px; cursor:pointer}
div.pop_serviceList .arrowBtn.left {left:-10px;}
div.pop_serviceList .arrowBtn.right {right:-10px; background-position:-10px 0;}

div.pop_serviceList .arrowBtn.right {right:-10px; background-position:-10px 0;}

/* jquery-ui datepicker 버튼 */
.jq-datepicker{
	background:url(../images/common/btn_cal.png) right no-repeat;
	vertical-align: middle;
	border:1px solid red;
	cursor: pointer;
}

.jq-datepicker::-ms-clear {
	display: none;
}
/* 2015-12-08 판매관리 추가 */
div.info_user_edit .slider_box {
	border: 1px solid #000;
	padding: 20px;
	display: inline-block;
	overflow: hidden;
	width: 1100px;
	height: 360px;
	margin-top:30px;
}

div.info_user_edit .slider_box .cus_tb1 {
	width:160px;
	float:left;
	position:relative;
}

div.info_user_edit .slider_box .cus_tb1 .pre{
		position: absolute;
		top: 120px;
		background: url('../img/arrow.png') no-repeat;
		width: 10px;
		height: 52px;
		font-size: 0;
		text-indent: -10000px;
		left: -15px;
}
div.info_user_edit .slider_box .cus_tb1 .next{
		position: absolute;
		top: 120px;
		background: url('../img/arrow.png') no-repeat;
		width: 10px;
		height: 52px;
		font-size: 0;
		text-indent: -10000px;
		background-position: -10px 0;
		right: -15px;
}
div.info_user_edit .slider_box .cus_tb1 td.on { background: #EEEEEE; }

div.info_user_edit .slider_box .user_benefit_wrap { position:relative; }
div.info_user_edit .slider_box .user_benefit_wrap .pre, div.info_user_edit .slider_box .user_benefit_wrap .next{position:absolute; top:120px;background: url('../img/arrow.png') no-repeat;width:10px;height:52px;font-size:0;text-indent:-10000px; z-index:10000}
div.info_user_edit .slider_box .user_benefit_wrap .next{background-position:-10px 0;margin-left:255px}
div.info_user_edit .slider_box .user_benefit_wrap .pre{margin-left:-5px}
div.info_user_edit .slider_box .user_benefit_wrap ul.work_select02:after {content:""; display:block; clear:both}
div.info_user_edit .slider_box .user_benefit_wrap ul.work_select02 {padding:10px 0px; border:none; }
div.info_user_edit .slider_box .user_benefit_wrap ul.work_select02 li {float:left; padding:5px 0px; text-align:center; width:130px}
div.info_user_edit .slider_box .user_benefit_wrap ul.work_select02 li a {width:105px}

.info_user_edit .save_w .btn{width:190px; border:none; margin-top:15px;padding-top:15px;text-align:right;float:right;}

.client_title { float:left; }
.client_title h3{font-size:18px;padding-top:5px;padding-right:10px;color:#333;}
.client_step_tab{overflow:hidden;margin:0px 0px 5px 0px;}
.client_step_tab li{float:right;padding-right:5px}
.client_step_tab li a{display:block;background:#fff;border:1px solid #125da8;text-align:center;padding:3px 5px;}
.client_step_tab li.on a{background:#39c1f0;color:#fff;border:1px solid #39c1f0}

.cus_mem div.cus_tb3 { padding-top:7px; }
.cus_mem div.cus_tb3 h3{font-size:18px;border-bottom:1px solid #777;padding-bottom:8px;color:#333;}
.cus_mem div.cus_tb3 .sale_detail {
	height:228px;
	overflow:hidden;
	overflow-y:auto;
}

.cus_mem a.CLS_resetBtn {
	float:left;
}

.report_btn { width:80px; height:36px; }



/* 2015-12-21 정기업뎃 추가 - 이유창 */

/* ===================================
	common
=================================== */

/*  레이아웃  공통 2,3개 분리 */
.common-layout-wrap:after {display:block; clear:both; content:"";}
	.common-layout-wrap .title {background:#000; color:#fff;}
	.common-layout-wrap .inner {float:left; width:50%; box-sizing:border-box;}
	.common-layout-wrap.three .inner {width:33.3%;}
	.common-layout-wrap.three .inner:first-child {width:33.4%;}

/* 포인트 컬러 */
.point-color {color:#ba6564;}

/* 정렬 */
.ta-l {text-align:left !important;}
.ta-c {text-align:center !important;}
.ta-r {text-align:right !important;}

/* 타이틀 */
.article-title {color:#171717; font-size:18px; font-family:ngb; font-weight:normal;}
	.article-title span {color:#585858; font-size:13px;}

/* 버튼 */
.btn-del {
display:inline-block; width:36px; height:28px; border:1px solid #c6c6c6; border-radius:2px;
background:linear-gradient(#fdfdfd,#e7e6eb);background:-webkit-linear-gradient(#fdfdfd,#e7e6eb);
color:#545454 !important; text-align:center; vertical-align:middle; font-size:16px; font-family:ngb; line-height:24px; box-sizing:border-box;
}

/* 작은 기능 버튼 */
.function-btn {width:60px; height:26px; font:13px/26px ngb; color:#333; text-align:center; display:inline-block; border-radius:3px; border:1px solid #d8d8d8; background-color:#FFF;}
.function-btn.gray {background-color:#e2e2e2;}

/* 타이틀+버튼 기본 */
.title-with-btn {position:relative; margin-bottom:3px;}
	.title-with-btn .title-nm {color:#333; font-size:18px;  font-weight:normal; font-family:ngb; line-height:28px;}
	.title-with-btn .btn-place {position:absolute; top:0px; right:0px;}
	.title-with-btn .btn-place.randomly-btn {display:inline-block;  padding:0 20px; height:28px;
	border:1px solid #287aaf; border-radius:3px; background:linear-gradient(#308ecc,#3d68c4);background:-webkit-linear-gradient(#308ecc,#3d68c4);
	text-align:center; color:#fff; font-family:ngeb; font-size:14px; line-height:24px; box-sizing:border-box; cursor:pointer
	}

/* ===================================
	리스트 타입 정렬
=================================== */
.sort-wrap {margin-top:25px;}
	.sort-wrap.list-type {margin:25px 0 20px 0;}
	.sort-wrap:after {display:block; clear:both; content:"";}
	.sort-wrap .box-left {float:left; width:50%;}
	.sort-wrap .box-right {float:right; width:50%; text-align:right;}

	.sort-wrap .select-def {display:inline-block; height:34px; width:120px; padding:0 5px;border:1px solid #d2d2d2; border-radius:3px;color:#666; line-height:20px; vertical-align:middle;}
	.sort-wrap .thumb-type {width:34px; height:34px; border:1px solid #ccc; box-sizing:border-box; text-indent:-9999px; vertical-align:middle;}
	.sort-wrap .thumb-type.list {margin-left:-1px; background:url(../img/icon/icon_thumb_type_b.gif) no-repeat}
	.sort-wrap .thumb-type.thumb {background:url(../img/icon/icon_thumb_type_a.gif) no-repeat}
	.sort-wrap .thumb-type.thumb.on,
	.sort-wrap .thumb-type.list.on {background-position:0 -34px;}

.sort-wrap .btn-count-admin {display:inline-block; width:145px; height:34px; border:1px solid #39c1f0; background:#39c1f0; border-radius:3px;  text-align:center; color:#fff; font-size:16px; line-height:34px; box-sizing:border-box;}


/* =========================
	content
=========================*/
/* 통합재고관리 */
.total-stock-admin {}
	.total-stock-admin .searchDef {margin-bottom:15px;margin-right:0px;}
	.total-stock-admin .searchDef .input_wrap {left:0px;}
	.total-stock-admin .searchDef .CLS_searchBtn  {border:none;}
	.total-stock-admin .common-layout-wrap .inner {padding:0 10px;}

	.total-stock-admin .article-title {padding-bottom:5px; }
	.total-stock-admin .tb01 td {padding:5px;}
	.total-stock-admin .tb02 td {padding:0px;}

	.total-stock-admin .total-goods-list {height:430px; overflow-y:scroll;}

	.total-stock-admin .goods-clone {height:490px; overflow-y:scroll;}

	.total-stock-admin .change-stock-ea .part01 {padding:10px 0 5px 0;border-top:1px solid #777;}
	.total-stock-admin .change-stock-ea .part02 {padding:5px 0 10px 0;border-bottom:1px solid #bebebe;}
	.total-stock-admin .change-stock-ea .part03 {padding-top:20px;}
	.total-stock-admin .change-stock-ea .part03 select {border:1px solid #ccc; border-radius:3px; padding:5px;}
	.total-stock-admin .change-stock-ea .part03 .date-select {margin-top:10px;}

	.total-stock-admin .change-stock-ea .part01 label,
	.total-stock-admin .change-stock-ea .part02 label {display:inline-block; width:90px;}/*80px -> 90px*/
	.total-stock-admin .change-stock-ea .part01.label-pa0 label {padding:0px;}/*프랜만 - 통합재고관리normalize에 영향을 받아서 그 부분 새롭게 클래스 추가2016-01-19 ssk*/
	.total-stock-admin .change-stock-ea .part02.label-pa0 label {padding:0px;}/*프랜만 - 통합재고관리normalize에 영향을 받아서 그 부분 새롭게 클래스 추가2016-01-19 ssk*/
	.total-stock-admin .change-stock-ea .part03.label-pa0 label {padding:0px;}/*프랜만 - 통합재고관리normalize에 영향을 받아서 그 부분 새롭게 클래스 추가2016-01-19 ssk*/
	.total-stock-admin .change-stock-ea .meno-title {margin-top:40px;display:block; color:#171717; font-size:13px; font-family:ngb;}

	.total-stock-admin .change-stock-ea .btn {display:block; width:100%;}
	.total-stock-admin .change-stock-ea .btn:hover {color:#fff !important;}

	.total-stock-admin input[type="checkbox"],
	.total-stock-admin input[type="radio"] {vertical-align:middle; margin:0px;}

	.total-stock-admin .btn-place {padding-top:20px;text-align:center;}

    .total-stock-admin .inner:first-child {width:24%;}
	.total-stock-admin .inner:nth-of-type(2) {width:44%;}
	.total-stock-admin .inner:nth-of-type(3) {width:22%;}

	.product-list-wapper.default-10ea {overflow-y:scroll; height:410px;}

	.total-stock-admin .common-layout-wrap {padding-bottom:20px; border-bottom:1px solid #e7e7e7;}

	.total-stock-admin .count-span {border:0; width:60px; text-align:center;}

.report_btn { width:80px; height:36px; }


/* 타이틀+버튼 기본 */
.title-with-btn {position:relative; margin-bottom:3px;}
.title-with-btn .title-nm {color:#333; font-size:18px;  font-weight:normal; font-family:ngb; line-height:28px;}
.title-with-btn .btn-place {position:absolute; top:0px; right:0px;}
.title-with-btn .btn-place.randomly-btn {display:inline-block;  padding:0 20px; height:28px;
	border:1px solid #287aaf; border-radius:3px; background:linear-gradient(#308ecc,#3d68c4);background:-webkit-linear-gradient(#308ecc,#3d68c4);
	text-align:center; color:#fff; font-family:ngeb; font-size:14px; line-height:24px; box-sizing:border-box; cursor:pointer
}


/* 작은 기능 버튼 */
.function-btn {width:60px; height:26px; font:13px/26px ngb; color:#333; text-align:center; display:inline-block; border-radius:3px; border:1px solid #d8d8d8; background-color:#FFF;}
.function-btn.gray {background-color:#e2e2e2;}

/******************************
 * 공통
 * ******************************/

.ir-indent{overflow:hidden;font-size:0;text-indent:-9999px;}
.ir-wa{position:relative;z-index:-1;}

/******************************
 * 레이아웃
 * ******************************/
.container:after{display:block;clear:both;content:"";}

/* 스킵네비 */
nav.skip{position:fixed;z-index:1000;top:-100px;left:0;padding:10px 0;width:100%;border-bottom:1px solid #000;background:#000;text-align:center;}
nav.skip.on{top:0;}
nav.skip a{color:#fff;font-weight:bold;}

#content{position:relative;}
/* 2016-01-12 고객 > 전체 결제정보 주문취소 버튼 추가 */
.receipt_cancel_btn{ float:right; display: inline-block; border-radius: 3px; background: #2dc3e8; text-align: center; color: #fff; font-size: 12px; line-height: 32px; min-height: 32px; padding: 0 10px; cursor: pointer; }