@CHARSET "UTF-8";

* {
	outline: 0px;
	-ms-user-select: none; 
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    /* -webkit-user-select: none; */
    user-select: none;
}

.msNm-info-div {
	-ms-user-select: text; 
    -moz-user-select: -moz-text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

html, body {
	height: 100%;
	background-color: #F1F5F8;
	margin: 0px;
}

#total1, #total1 span, #total2, #total3 {
 	font-weight: 600;
    color: #4c4c4c;
	font-size: 18px;
}

.sp-fav::before {
    cursor: pointer;
    background-image: url(../../../img/favorite.png);
    background-repeat: no-repeat;
    content: '.';
    color: white;
    display: inline-block;
    width: 18px;
}

.sp-fav.in-fav::before {
	background-image: url(../../../img/favorite_sel.png);
}

.fc-event-container {
	cursor: pointer;
}

.btnSearch {
	background-image: url(../../../img/find.png);
	background-repeat: no-repeat;
    background-position: center;
    height: 19px;
    width: 19px;
    border: 1px solid #919EAC;
    border-radius: 3px;
    background-color: white;
    color: #6C6C6C;
    position: relative;
    top: 4px;
    cursor: pointer;
}

/* dialog 창 디자인 str*/
.ui-dialog {
	background-color: white !important;
}

.ui-dialog-titlebar {
	background: white !important;
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0px !important;
    border-radius: 0px !important;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

.ui-dialog-titlebar-close.show {
	display: inline-block !important;
}

.ui-dialog-title {
	color: black !important;
    text-align: center !important;
    font-weight: 500 !important;
    font-size: 0.9em !important;
    width: 100% !important;
}

.ui-dialog-content {
}

.ui-dialog-buttonpane {
	padding: 0px !important;
}

.ui-dialog-buttonset {
	width: 100% !important;
	display: flex !important;
}

.ui-dialog-buttonset .ui-button {
	font-size: 0.8em !important;
	margin: 0px !important;
	border: none !important;
	background-color: white !important;
	flex: 1 !important;
	color: blue !important;
}

.ui-dialog-buttonset .ui-button.addAmt {
	font-size: 30px !important;
	height: 60px;
}

.ui-dialog-buttonset .ui-button:hover {
	background-color: white !important;
	color: blue !important;
}

.ui-dialog-buttonset .ui-button:focus {
	background-color: white !important;
	color: blue !important;
}
/* dialog 창 디자인 end */

.btn-type1 {
	border: 1px solid #919EAC;
    border-radius: 3px;
    background-color: white;
    color: #6C6C6C;
    padding: 2px 10px 2px 10px;
	font-size: 15px;
	cursor: pointer;
}

/* member info div css */
.membInfo-div .dataTables_scrollHead {
	background-color: #EEEEEE;
}

.photoArea {
	display: inline-block;
	height: 304px;
	border-bottom: 1px solid;
}

.photoDiv {
	display: inline-block;
	height: 100%;
	width: 239px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

#img_memb, #img_popMemb {
	width: 100%;
	height: 236px;
	border-bottom: 1px solid black;
	background-image: url(../../../img/user.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

input[type=file] {
	display: none;
}

#btn_photoReg {
	margin-left: 4px;
	margin-top: 5px;
	width: 110px;
}

#btn_photoDel {
	float: right;
	margin-top: 5px;
	margin-right: 3px;
    width: 110px;
}

#btn_pcCam {
	width: calc(100% - 7px);
	margin-left: 4px;
	margin-top: 5px;
}

.info-div-sh {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	font-weight: bold;
	display: flex;
}

.info-div-sh div {
	/* width: 49%; */
	/* display: inline-block; */
	display: inline-table;
	text-align: center;
	height: 35px;
	line-height: 35px;
}

.info-div-sh div:nth-child(1) {
	width: 40%;
}

.info-div-sh div:nth-child(2) {
	width: 58%;
}

.info-div-sh div:first-child {
	background-color: #EEEEEE;
	border-right: 1px solid;
}

.info-div-sh div input {
	width: 120px;
	position: relative;
	top: 5px;
}

.info-div-sh div select {
	width: 122px;
    height: 25px;
    position: relative;
    top: 5px;
}

.info-div-long div:first-child {
	display: block;
	text-align: center;
	background-color: #EEEEEE;
	border-bottom: 1px solid;
}

.info-div-long {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
}
/* member info div css */

/* datepicker css */
.ui-widget-header {
	background: white !important;
	border: none !important;
}

.ui-datepicker-calendar {
	background: white;
}

.ui-datepicker-prev.ui-corner-all {
	border: none !important;
	background: white !important;
}

.ui-datepicker-next.ui-corner-all {
	border: none !important;
	background: white !important;
}

.ui-icon, .ui-widget-content .ui-icon {
	background-image: url(../../util/external/images/ui-icons_444444_256x240.png);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border-radius: 20px;
    height: 20px;
    width: 20px;
    margin: auto;
    text-align: center;
}

a.ui-state-hover {
	color: #454545 !important;
	background-color: white !important;
	border: 1px solid black;
}

.ui-state-default.ui-state-active {
	background-color: black !important;
	color: white !important;
}

.ui-datepicker-year, .ui-datepicker-month, .ui-datepicker-title {
	color: black;
}
/* datepicker css */

.btn-amtSel {
    height: 120px;
    min-width: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
    cursor: pointer;
}

.btn-amtSel.roomAmt {
	width: 100%;
    height: 60px;
	margin-bottom: 10px;
    border-radius: 15px;
    cursor: pointer;
}

.btn-amtSel.select {
	background-color: #287DEC;
	color: white;
}

.select-amt-div {
	width: 870px;
	height: 100%;
}

.select-amt-btns, .select-amt-grid {
	width: 50%;
	height: 100%;
	display: inline-block;
}

.select-amt-btns {
	width: 46%;
    position: absolute;
    left: 10px;
    top: 37px;
    padding: 5px;
    border: 1px solid;
    height: 468px;
}

.select-amt-grid {
	position: absolute;
	right: 10px;
	height: calc(100% - 90px);
}

#btn_popMinus {
	margin-bottom: 5px;
	cursor: pointer;
	margin-bottom: 5px;
    cursor: pointer;
    width: 50px;
    float: right;
}

.div-payType button.select {
	background-color: #287DEC;
	color: white;
}

.popTotDiv {
	display: inline-block;
    width: 50%;
    font-size: 30px;
    text-align: center;
}

#popTotAmt {
	color: #287DEC;
}

.div-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 98;
    background-color: #949090a1;
}

.popup-div {
	position: absolute;
	z-index: 99;
}

.popup-div-title {
	height: 35px;
    font-size: 20px;
    line-height: 35px;
    padding-left: 10px;
    background-color: #313131;
    color: white;
    cursor: move;
}

.popup-div-title button {
	float: right;
    border: none;
    background-color: #313131;
    color: white;
    font-size: 22px;
    position: relative;
    top: 3px;
    cursor: pointer;
    background-image: url(../../../img/button-X.png);
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.popup-div-body {
	padding: 20px 0px;
	height: 100%;
	background-color: white;
	border: 1px solid #e3e3e3;
}

.popup-div-body pre {
	display: inline-block;
	margin: 0px;
}

.popup-div-btn {
	background-color: white;
	text-align: center;
    padding: 10px 0px;
}

.popup-div-btn button {
    font-size: 40px;
    width: 150px;
}

.popup-div-btn button:not(:nth-child(1)) {
	margin-left: 5px;
}

.infoArea table.pop {
	height: 100%;
	width: 100%;
	border-spacing: 0px;
}

.infoArea table.pop tr td {
	text-align: center;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.infoArea table.pop tr td:nth-child(odd) {
	width: 80px;
	background-color: #EEEEEE;
}

.infoArea table.pop tr:nth-child(1) td {
	border-top: 1px solid black;
}

#inp_popMsNm {
	width: calc(100% - 30px);
    font-size: 15px;
}

#btn_popMsSearch {
	float: right;
}

nav {
	display: flex;
	justify-content: center;
}
.pagination{height:36px;margin:0;padding: 0;}
.pager,.pagination ul{margin-left:0;*zoom:1}
.pagination ul{padding:0;display:inline-block;*display:inline;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05)}
.pagination li{display:inline}
.pagination a{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0}
.pagination .active a,.pagination a:hover{background-color:#f5f5f5;color:#94999E}
.pagination .active a{color:#94999E;cursor:default}
.pagination .disabled a,.pagination .disabled a:hover,.pagination .disabled span{color:#94999E;background-color:transparent;cursor:default}
.pagination li:first-child a,.pagination li:first-child span{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}
.pagination-centered{text-align:center}
.pagination-right{text-align:right}
.pager{margin-bottom:18px;text-align:center}
.pager:after,.pager:before{display:table;content:""}
.pager li{display:inline}
.pager a{display:inline-block;padding:5px 12px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.pager a:hover{text-decoration:none;background-color:#f5f5f5}
.pager .next a{float:right}
.pager .previous a{float:left}
.pager .disabled a,.pager .disabled a:hover{color:#999;background-color:#fff;cursor:default}
.pagination .prev.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:1}
.pagination .next.disabled span{float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0}
.pagination li.active, .pagination li.disabled {
	float:left;padding:0 12px;line-height:30px;text-decoration:none;border:1px solid #ddd;border-left-width:0
}
.pagination li.active {
	background: #364E63;
	color: #fff;
}
.pagination li:first-child {
	border-left-width: 1px;
}



.popup-div-cafe {
	position: absolute;
	z-index: 99;
}

.popup-div-body-cafe pre {
	display: inline-block;
	margin: 0px;
}

.popup-div-body-cafe {
	padding: 20px 0px;
	background-color: white;
	border: 1px solid #e3e3e3;
	display: flex;                  /* 가로 배치 */
	justify-content: center;        /* 가로 중앙 정렬 */
	align-items: center;            /* 세로 중앙 정렬 */
	height: 100%;                   /* 부모 높이 채우기 */
	gap: 0;                         /* 버튼 사이 간격 제거 */
	width: 600px;
}

.popup-div-body-cafe .half-btn {
	flex: 1;                        /* 공간 반씩 차지 */
	display: flex;                  /* 내부 버튼도 중앙 정렬 */
	justify-content: center;
	align-items: center;
}

.popup-div-body-cafe .half-btn button {
	width: 114%;                    /* 부모 div 꽉 채우기 */
	height: 200px;                  /* 원하는 만큼 크게 (예: 100px) */
	font-size: 20px;                /* 글자 크기 키우기 */
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin: 20px;
}