/*
 * # color guide
 * 
 * #0b5455 dark
 * #00b6bd color - blue
 * -
 * #dd5631 color - red
 * #ff7559 light
 * -
 * #2d2d2d darker
 * #414141 dark
 * #555555 base - black
 * #797979 light
 * #999999 lighter
 * -
 * #c4c4c4 dark
 * #ffffff base - white
 * 
 * 
 * # background, border color guide
 * 
 * #ffdedd color - pink
 * #fff68c color - light yellow
 * #fffcdf color - lighter yellow (memo, calendar hightlight)
 * #d4ff6c color - light green
 * #41713e color - green (button)
 * 
 * #2d2d2d black 18
 * #414141 black 25
 * #555555 black 33
 * #797979 black 47
 * #999999 black 60
 * #c4c4c4 black 77
 * #d8d8d8 black 85
 * #e8e8e8 black 91
 * #f6f6f6 black 96
 * #ffffff black 100
 * 
 * 
 */

/* reset */
a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: 700;
}
em, address {
	font-weight: normal;
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
}
a {
	text-decoration: none;
	color: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	word-break: break-all;
}
ul, ol, li {
	list-style: none;
}
textarea {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
button {
	cursor: pointer;
}
[hidden] {
	display: none !important;
}

/* common */
body {
	font-size: 14px;
	line-height: 1.5;
	color: #555555;
	font-family: 'NanumBarunGothic', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
.wf-loading body,
.wf-inactive body {
	font-family: '나눔 고딕', '맑은 고딕', 'Dotum', sans-serif;
	letter-spacing: -1px;
}
b, dt, th {
	font-weight: 700;
}

.clear:after,
.row:after,
.tab-nav:after,
.header-inner:after,
.site-nav ul:after,
.calendar-nav:after,
.popup-footer:after,
.search-box:after,
.result-stats:after,
.input-list > li:after,
.input-list-sub > ul > li:after {
	clear: both;
	content: '';
	display: block;
}
.only-sr {
	overflow: hidden;
	position: absolute;
	top: -999999px;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.scrollable {
	-webkit-overflow-scrolling: touch;
}
.scrollable:focus {
	outline: 0;
}
.scrollable-vertical {
	overflow-y: auto;
}
.mobile .only-pc {
	display: none;
}
.not-mobile .only-mobile {
	display: none;
}

/* common | typography */
.title-primary {
	margin: 10px 0 20px;
	font-size: 24px;
}
.title-secondary {
	margin: 10px 0 20px;
	font-size: 20px;
}
.small,
small {
	font-size: 80%;
}
.strong {
	font-weight: 700;
}
.normal {
	font-weight: 400;
}
.eng,
.badge {
	font-family: 'Montserrat', sans-serif;
}
.colored {
	color: #00b6bd;
}
.colored-good {
	color: #7fc379 !important;
}
.colored-warning {
	color: #ffa200 !important;
}
.colored-bad {
	color: #ea5951 !important;
}
.muted {
	color: #999999;
}
:-ms-input-placeholder {
	color: #999999;
}
.placeholder {
	color: #999999;
}
.align-right {
	text-align: right !important;
}
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
hr,
.hr {
	margin: 30px auto;
	border-top: 1px solid #e0e0e0;
}

/* common | icon */
.material-icons {
	visibility: hidden;
	vertical-align: middle;
}
.color-list .on:after,
.jq-has-icon:after {
	visibility: hidden;
	overflow: hidden;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-family: 'Material Icons', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	/*word-wrap: normal;*/
	/*word-break: normal;*/
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	font-feature-settings: 'liga'; /* Support for IE. */
	vertical-align: middle;
}
.wf-materialicons-n4-active .material-icons,
.wf-materialicons-n4-active .color-list .on:after,
.wf-materialicons-n4-active .jq-has-icon:after {
	visibility: visible;
}

/* common | badge */
.badge {
	position: relative;
	top: -1px;
	display: inline-block;
	box-sizing: border-box;
	min-width: 19px;
	padding: 5px 5px 4px;
	border-radius: 10px;
	background: #ff4242;
	font-size: 10px;
	color: #ffffff;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}
.badge-small {
	min-width: 15px;
	padding: 3px 3px 2px;
}
.badge-gray {
	background: #f1f1f1;
	color: #6a7077;
}

/* common | tooltip */
.help {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 2px;
	font-size: 18px !important;
	color: #6a7077;
	vertical-align: middle;
	cursor: default;
}
.help .material-icons {
	position: relative;
	font-size: inherit;
	vertical-align: top;
}
.help.clickable {
	position: relative;
}
.help.clickable:before {
	content: '';
	position: absolute;
	left: 2px;
	top: 2px;
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
}
.help.clickable:hover:before {
	animation: beat .4s infinite alternate;
}
.help.clickable.colored-good:hover:before {
	animation: beat-good .4s infinite alternate;
}
.help.clickable.colored-warning:hover:before {
	animation: beat-alert .4s infinite alternate;
}
.help.clickable.colored-bad:hover:before {
	animation: beat-warning .4s infinite alternate;
}
@keyframes beat {
	from {
		box-shadow: 0 0 0 0 rgba(106,112,119,.5);
	}
	to {
		box-shadow: 0 0 0 4px rgba(106,112,119,.5);
	}
}
@keyframes beat-good {
	from {
		box-shadow: 0 0 0 0 rgba(106,112,119,.5);
	}
	to {
		box-shadow: 0 0 0 4px rgba(127,195,121,.5);
	}
}
@keyframes beat-alert {
	from {
		box-shadow: 0 0 0 0 rgba(106,112,119,.5);
	}
	to {
		box-shadow: 0 0 0 4px rgba(255,162,0,.5);
	}
}
@keyframes beat-warning {
	from {
		box-shadow: 0 0 0 0 rgba(106,112,119,.5);
	}
	to {
		box-shadow: 0 0 0 4px rgba(234,89,81,.5);
	}
}

/* common | tab */
.tab-nav {
	border-bottom: 1px solid #c4c4c4;
	font-size: 14px;
	line-height: 1;
}
.tab-nav li {
	float: left;
	margin-bottom: -1px;
	margin-left: -1px;
}
.tab-nav li:first-child {
	margin-left: 0;
}
.tab-nav a {
	box-sizing: border-box;
	display: block;
	height: 30px;
	padding: 0 25px;
	border: 1px solid #c4c4c4;
	border-left-color: #f6f6f6;
	background-color: #c4c4c4;
	color: #555;
	line-height: 30px;
}
.tab-nav .on a {
	border-color: #c4c4c4;
	border-bottom-color: #f6f6f6;
	background-color: transparent;
}
.tab-nav li:first-child a,
.tab-nav .on + li a {
	border-left-color: #c4c4c4;
}
.tab-nav .badge {
	margin-left: 3px;
	margin-right: -10px;
	background: #d4d4d4;
}
.tab-nav .on .badge {
	background: #ddd;
}

.tab-nav--dark {
	padding: 0 10px;
	border-bottom: 2px solid #414141;
}
.tab-nav--dark li {
	margin-bottom: 0;
}
.tab-nav--dark a {
	height: 34px;
	border-color: #c4c4c4;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	background-color: #fff;
	line-height: 34px;
}
.tab-nav--dark .on a {
	border-color: #414141;
	background-color: #414141;
	color: #fff;
}

.tab-content {
	display: none;
}
.tab-content.on {
	display: block;
}

/* common | table */
.table {
	width: 100%;
	font-size: 14px;
}
.table th,
.table td {
	padding: 5px;
	border: 1px solid #d8d8d8;
	vertical-align: middle;
	text-align: center;
}
.table th {
	padding-right: 10px;
	padding-left: 10px;
	background-color: #d8d8d8;
}
.table th a {
	display: block;
}
.table td {
	background-color: #fff;
}
.table .align-left {
	padding-left: 15px;
	text-align: left;
}
.table .order {
	margin-left: -5px;
	margin-right: -5px;
	padding-left: 10px;
	padding-right: 10px;
	background: url('../images/icons/icon-order.png') 100% 49% no-repeat;
}
.table .order-asc {
	background-image: url('../images/icons/icon-order-asc.png');
}
.table .order-desc {
	background-image: url('../images/icons/icon-order-desc.png');
}
.table td a {
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.table td a:hover {
	border-bottom-color: transparent;
}
tr.empty {
	height: 100px;
}

.table--small {
	font-size: 13px;
}
.table--small th,
.table--small td {
	padding: 2px;
}
.table--small .order {
	margin-left: 0;
	margin-right: 0;
}
.table--small .align-left {
	padding-left: 8px;
}
.table--dark th {
	border-color: #999999;
	background-color: #999999;
	color: #fff;
}

.table-scroll thead,
.table-scroll tbody {
	/* display: block; */
}
.table-scroll tbody {
	overflow-y: auto;
	overflow-x: hidden;
	height: 50px;
}

.table-meta {
	margin-top: 5px;
	font-size: 11px;
}

/* common | toggle */
.toggle-handler {
	font-weight: 400;
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.toggle-handler:hover {
	border-bottom-color: transparent;
}
.toggle-content {
	display: none;
}

/* common | table - toggle */
.toggle-table-handler {
	display: inline-block;
	width: auto;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.toggle-table-handler.on .material-icons {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.toggle-table {
	display: none;
}

.table .toggle-table-handler {
	display: block;
	background-position: 50% 50%;
}
.table .toggle-table-handler {
	border-bottom: 0;
}
.table .toggle-table td {
	padding: 15px 20px;
	background: #f6f6f6;
	text-align: left;
	color: #797979;
}
.table .toggle-table .date {
	margin-right: 30px;
}
.table .toggle-table .book {
	/* min-width: 200px; */
	margin-right: 10px;
}
.table .toggle-table .book b {
	color: #555555;
}

/* common | pagination */
.pagination {
	margin-top: 25px;
	text-align: center;
	font-size: 0;
}
.pagination a,
.pagination span {
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	padding: 8px;
	vertical-align: middle;
	text-decoration: none;
}
.pagination span {
	font-weight: 700;
	color: #00b6bd;
}
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last {
	padding: 1px 0;
}
.pagination .first {
	margin-right: 0;
}
.pagination .prev {
	margin-right: 7px;
}
.pagination .next {
	margin-left: 7px;
}
.pagination .last {
	margin-left: 0;
}
.pagination .material-icons {
	font-size: 26px;
}
.pagination .first .material-icons:first-child,
.pagination .last .material-icons:first-child{
	margin-right: -18px;
}

/* common | button */
.btn {
	-webkit-appearance: none;
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	height: 30px;
	border: 0;
	margin: 0;
	padding: 0 8px;
	border-radius: 0;
	font-size: 14px;
	font-family: inherit;
	color: inherit;
	line-height: 31px;
	background-color: #c4c4c4;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.btn-medium,
.btn-large,
.btn-larger {
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
}
.btn-medium {
	min-width: 80px;
	height: 32px;
	line-height: 32px;
}
.btn-large {
	min-width: 86px;
	height: 38px;
	line-height: 38px;
}
.btn-larger {
	min-width: 110px;
	height: 48px;
	line-height: 48px;
}
.btn-full {
	width: 100%;
}
.btn-colored {
	color: #2d2d2d;
	background-color: #00b6bd;
}
.btn-light-gray {
	background-color: #e8e8e8;
}
.btn-white {
	border: 1px solid #c4c4c4;
	background-color: #fff;
}
.btn-white-text {
	color: #fff;
}
.btn-rounded {
	border-radius: 4px;
}
.btn-wide {
	padding-left: 15px;
	padding-right: 15px;
}
.btn .material-icons {
	margin: 0 2px;
	font-size: 20px;
	vertical-align: middle;
}
.btn .material-icons:first-child {
	margin-right: 2px;
	margin-left: -2px;
}
.btn .material-icons:last-child {
	margin-left: 2px;
}
.btn-icon {
	height: 20px;
	background-color: transparent;
	line-height: 0;
	vertical-align: middle;
}
.btn-icon .material-icons {
	margin-left: 0;
	margin-right: 0;
	font-size: 20px;
}
.btn-icon-border {
	padding: 0 5px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
}
.btn-icon-border .material-icons {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* common | form */
input, textarea, select, option {
	font-size: 100%;
	font-family: inherit;
	color: inherit;
}
.input-text,
.input-checkbox,
.input-radio,
.select {
	display: inline-block;
	font-size: 0;
	line-height: 1;
	vertical-align: middle;
}
.input-text {
	width: 140px;
}
.input-text-shorter {
	width: 55px;
}
.input-text-short {
	width: 90px;
}
.input-text-long {
	width: 260px;
}
.input-text-full {
	width: 100%;
}
.input-text input {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0 0 0 10px;
	background-color: #fff;
	font-size: 14px;
}
.input-text input,
.select select {
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.input-text input[type='date'] {
	line-height: 2.143em; /* 30px */
}
.input-text-date input[type='text'] {
	background: #fff url('../images/icons/icon-arrow-down.png') 94% 50% no-repeat;
	cursor: pointer;
}
.input-text-date input[type='text'][readonly] {
	background-color: #fff;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.input-text-date input[type='text'] {
		background-image: url('../images/icons/icon-arrow-down@2x.png');
		-webkit-background-size: 11px auto;
		background-size: 11px auto;
	}
}
.input-with-button,
.input-with-select {
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
}
.input-with-button .input-text,
.input-with-select .input-text {
	font-size: 14px;
}
.input-with-button .btn {
	border: 0;
	border-left: 1px solid #ddd;
}
.input-with-button.inside .btn {
	margin-left: -32px;
	border-radius: 2px;
	border-color: transparent;
	background: transparent;
	opacity: 0;
	-webkit-transition: opacity .4s;
	-moz-transition: opacity .4s;
	-o-transition: opacity .4s;
	transition: opacity .4s;
}
.input-with-button.inside .input-text:focus + .btn,
.input-with-button.inside:hover .btn,
.input-with-button.inside .btn:focus {
	opacity: 1;
}
.input-with-select .select {
	border-left: 1px solid #ddd;
	font-size: 14px;
}

.select {
	width: 140px;
}
.select-auto,
.select-auto .select {
	width: auto;
}
.select-short {
	width: 90px;
}
.select-long {
	width: 200px;
}
.select-full {
	width: 100%;
}
.select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0 25px 0 6px;
	background: #fff url('../images/icons/icon-arrow-down.png') 93% 50% no-repeat;
	font-size: 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.select select {
		background-image: url('../images/icons/icon-arrow-down@2x.png');
		-webkit-background-size: 11px auto;
		background-size: 11px auto;
	}
}
.select-short select {
	background-position: 70px 50%;
}
.select-full select {
	background-position: 99% 50%;
}
.ie9 .select select {
	padding-right: 0 !important;
	background-image: none !important;
	white-space: nowrap;
}
select::-ms-expand { /* ie11-10 */
	display: none;
}
input[type=text]::-ms-clear { /* ie11-10 */
	display: none;
}

.textarea {
	display: block;
}
.textarea textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 80px;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 10px;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.2;
	resize: none;
}
.textarea textarea[rows="3"] {
	height: 50px;
}
.textarea textarea[rows="2"] {
	height: 40px;
}

.input-checkbox input,
.input-radio input {
	-webkit-appearance: none;
	-moz-appearance: none;
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
	border-radius: 0;
	padding: 0;
	background-color: #fff;
	vertical-align: top;
}
.ie10 .input-checkbox input,
.ie10 .input-radio input,
.ie9 .input-checkbox input,
.ie9 .input-radio input {
	border: 0;
}
.input-checkbox input {
	width: 20px;
	height: 20px;
	margin: 5px 4px 5px 0;
}
.input-checkbox input:checked {
	background: #fff url('../images/icons/icon-check.png') 50% 50% no-repeat;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}
.input-checkbox label:first-child {
	margin-right: 4px;
}
.input-checkbox label:first-child + input {
	margin-right: 0;
}
.input-radio input {
	width: 18px;
	height: 18px;
	margin: 6px 5px 6px 0;
	border-radius: 9px;
}
.input-radio input:checked {
	background: url('../images/icons/icon-radio.png') 50% 50% no-repeat;
	-webkit-background-size: 10px auto;
	background-size: 10px auto;
}
.input-checkbox label,
.input-radio label {
	display: inline-block;
	padding: 9px 0 7px;
	font-size: 14px;
}
.input-text + .input-checkbox,
.input-text + .input-radio,
.input-text + .input-radio-btns,
.input-checkbox + .input-checkbox,
.input-radio + .input-radio {
	margin-left: 10px;
}

.input-radio-btns .input-radio {
	margin: 0;
}
.input-radio-btns .input-radio input {
	position: absolute;
}
.input-radio-btns .input-radio label {
	position: relative;
	min-width: 50px;
	margin: 0 0 0 -5px;
	padding: 9px 11px 7px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	color: #999999;
	text-align: center;
}
.input-radio-btns .input-radio:first-child label {
	margin-left: 0;
}
.input-radio-btns .input-radio input:focus {
	outline: none;
}
.input-radio-btns .input-radio input:checked + label {
	border-color: #414141;
	background-color: #414141;
	color: #fff;
}
.input-radio-btns .input-radio input:focus + label,
:focus {
	outline: rgba(0,182,189,.5) auto 4px;
	/*outline: rgba(0,182,189,.5) solid 1px;*/
	/*outline-offset: 1px;*/
}

/* common | form | state */
.placeholder { /* ie9 - 7 */
	color: #999999;
}
.input-text input[readonly],
.select select[readonly],
.textarea textarea[readonly] {
	background-color: #e8e8e8;
	color: inherit;
}
.input-text input[disabled],
.select select[disabled],
.textarea textarea[disabled] {
	background-color: #e8e8e8;
	color: #999;
}
.input-checkbox input:disabled,
.input-radio input:disabled {
	background-color: #e8e8e8;
}
.input-checkbox input:disabled + label,
.input-radio input:disabled + label {
	color: #999999;
}
.input-text input.form-warning {
	background: #fff url('../images/icons/icon-warning.png') 95% 50% no-repeat;
}
.input-text input.form-warning2 {
	background: #fff url('../images/icons/icon-warning2.png') 95% 50% no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.input-text input.form-warning {
		background-image: url('../images/icons/icon-warning@2x.png');
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
	.input-text input.form-warning2 {
		background-image: url('../images/icons/icon-warning2@2x.png');
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
}

/* common | form | etc */
.input-wrapper {
	margin-bottom: -15px;
}
.input-wrapper > label {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 25px;
}

.input-list {
	max-width: 172px;
}
.input-list .input-text {
	/* width: 130px; */
	width: 89px;
	*width: 75px;
}
.input-list .input-text input[readonly] {
	background-color: #fff;
}
.input-list > .input-text {
	width: 100%;
}
.input-list ul {
	background-color: #fff;
}
.input-list li {
	border-top: 1px solid #e8e8e8;
}
.input-list li .btn {
	width: 25px;
	height: 30px;
	padding: 0;
	background-color: #fff;
	line-height: 30px;
	color: #aaa;
}
.input-list li .btn img {
	vertical-align: middle;
}

.input-list-sub {
	max-width: none;
}
.input-list-sub > ul {
	background: transparent;
}
.input-list-sub > ul > li {
	background: #d8d8d8;
}
.input-list-sub .ui-sortable .ui-sortable-handle {
	cursor: move;
}
.input-list-number {
	float: left;
	padding-left: 3px;
}
.input-list-number .icon-check {
	display: inline-block;
	width: 20px;
	height: 32px;
}
.icon-check {
	display: inline-block;
	width: 14px;
	height: 13px;
	background: url('../images/icons/icon-circle1.png') 50% 50% no-repeat;
	vertical-align: middle;
}
.icon-check.level1 {
	background-image: url('../images/icons/icon-circle2.png');
}
.icon-check.level2 {
	background-image: url('../images/icons/icon-circle3.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.icon-check {
		background-image: url('../images/icons/icon-circle1@2x.png');
		-webkit-background-size: 14px auto;
		background-size: 14px auto;
	}
	.icon-check.level1 {
		background-image: url('../images/icons/icon-circle2@2x.png');
	}
	.icon-check.level2 {
		background-image: url('../images/icons/icon-circle3@2x.png');
	}
}
.input-list-number .number {
	display: inline-block;
	width: 25px;
	margin-top: 4px;
	margin-left: -6px;
	text-align: center;
	font-weight: 700;
	line-height: 28px;
	font-size: 12px;
	vertical-align: top;
}
.input-list-wrap {
	margin-left: 50px;
	background: #fff;
}
.input-list-item {
	padding: 1px 0 1px 5px;
	cursor: default;
}
.input-list-item .input-text-main {
	width: 130px;
}
.input-list-item .input-text-main .form-warning2 {
	padding-right: 30px;
}
.input-list-item .input-text-sub {
	width: 90px;
}
.input-list-item .input-text-sub input {
	background-color: #f6f6f6;
}
.input-list-sub-item {
	width: auto;
	padding: 0 5px;
	border-top: 1px solid #f6f6f6;
	cursor: default;
}
.input-list-sub-item li {
	display: inline-block;
	border: 0;
	margin: 5px;
	padding: 0 2px;
	background: #f6f6f6;
	font-size: 13px;
}
.input-list-sub-item li span {
	position: relative;
	top: 1px;
}
.input-list-sub-item .btn-sub {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color: #bbb;
	vertical-align: middle;
}
.input-list-sub-item .btn-sub .material-icons {
	font-size: 15px;
}

/* common | jquery ui | tooltip */
.ui-tooltip {
	border: 0;
	padding: 2px 8px;
	border-radius: 4px;
	background: #6cb5f4;
	box-shadow: 0 0 0 1px rgba(0,0,0,.2);
	font-size: 10px;
	text-align: center;
}
.ui-tooltip:before {
	position: absolute;
	left: 50%;
	top: -3px;
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	margin-left: -3px;
	background: #6cb5f4;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-tooltip.ui-tooltip-help {
	width: auto;
	max-width: 500px;
	border: 1px solid #e0e0e0;
	padding: 5px 10px;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	font-size: 12px;
	text-align: left;
}
.ui-tooltip-help:before {
	display: none;
}
.has-tooltip:focus {
	outline: none;
}
.tooltip-html {
	display: none;
}
.tooltip-title {
	margin-top: 5px;
}
.tooltip-table {
	margin: 5px 0;
}
.tooltip-table th,
.tooltip-table td {
	padding: 2px 5px 0;
	border:1px solid #e0e0e0;
	text-align: center;
	vertical-align: top;
}
.tooltip-table th {
	background: #f1f1f1;
}

/* common | jquery ui | datepicker */
.ui-datepicker.ui-widget {
	padding: 0;
	border: 0;
	border-radius: 0;
	color: #555555;
	font-family: inherit;
	font-size: 12px;
	box-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.ui-datepicker .ui-datepicker-header {
	height: 30px;
	padding: 0;
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
	background: #e8e8e8;
	font-size: 20px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0;
	color: #414141;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
	margin-left: -4px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow: hidden;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #e8e8e8;
	text-align: center;
	color: #555;
	vertical-align: top;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	top: 0;
	bottom: 0;
	border: 0;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
	left: 0;
}
.ui-datepicker .ui-datepicker-next {
	right: 0;
}
.ui-datepicker .ui-datepicker-prev .material-icons,
.ui-datepicker .ui-datepicker-next .material-icons {
	margin-top: -3px;
	margin-left: -3px;
	font-size: 36px;
}
.ui-datepicker table {
	margin: 0;
	font-size: inherit;
	background: #fff;
}
.ui-datepicker th {
	font-size: 11px;
	color: #2d2d2d;
}
.ui-datepicker td {
	padding: 0;
}
.ui-datepicker td .ui-state-default {
	border: 0;
	background: transparent;
	color: #555555;
	text-align: center;
	line-height: 1;
	padding: 7px 0 6px;
}
.ui-datepicker .ui-datepicker-week-end a,
.ui-datepicker .ui-datepicker-national-day a {
	color: #dd5631 !important;
}
.ui-datepicker .ui-datepicker-booking-day {
	position: relative;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-booking-day a:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 2px;
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-left: -2px;
	border-radius: 50%;
	background: #bbb;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-booking-day.ui-datepicker-today a:after {
	background: #eee;
}
.ui-datepicker td .ui-state-highlight {
	background-color: #c4c4c4;
}
.ui-datepicker td .ui-state-active {
	background-color: #555555;
	color: #fff;
}

/* common | form autocomplete */
.ui-autocomplete {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	min-width: 130px;
	max-width: 340px;
	max-height: 269px;
	border-color: #d8d8d8;
	white-space: nowrap;
}
@media screen and (max-width: 1024px) {
	.ui-autocomplete {
		max-height: 139px;
	}
}
.ui-autocomplete li {
	overflow: hidden;
	/* text-overflow: ellipsis; */
}
.ui-autocomplete-has-add {
	padding-bottom: 31px;
}
.ui-autocomplete .ui-menu-item {
	position: static;
	padding: 5px 25px 5px 10px;
}
.ui-autocomplete .ui-state-focus,
.ui-autocomplete .ui-state-focus .ui-autocomplete-add {
	border: 0;
	margin: 0;
	background: #00b6bd;
	color: #414141;
	font-weight: normal;
}
.ui-autocomplete .ui-autocomplete-add-li {
	height: 0;
	padding: 0;
}
.ui-autocomplete-add {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	padding: 5px 10px;
	background-color: #c4c4c4;
	text-align: center;
	color: #414141;
}
.ui-autocomplete .material-icons {
	margin-left: 5px;
	font-size: 18px;
}
.ui-autocomplete .icon-check {
	margin-top: -1px;
	margin-left: 5px;
	vertical-align: middle;
}
.ui-autocomplete .ui-state-focus .material-icons.colored {
	color: #ffffff;
}

/* common | form fieldset */
.form-wrapper {
	padding: 10px 25px;
	background-color: #f6f6f6;
}
.form-title {
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c4c4c4;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
}
.form-wrapper .form {
	padding-top: 25px;
	padding-bottom: 25px;
}
.form-btns {
	margin-top: 25px;
	text-align: center;
}
.form {
	padding: 5px 0;
	border-bottom: 1px solid #c4c4c4;
}
.form-info {
	margin-bottom: 5px;
}
.form-table {
	table-layout: fixed;
	width: 100%;
}
.form-table td {
	padding: 5px 0 5px 5px;
	vertical-align: top;
}
.form-table .form-label {
	padding-top: 10px;
}
.form-table .form-label label {
	padding-left: 8px;
	margin-left: -5px;
	white-space: nowrap;
}
.form-table .form-label .input-checkbox {
	margin: -3px 0 0;
}
.form-table .form-label .input-checkbox input {
	margin-top: 0;
	margin-bottom: 0;
}
.form-table .form-label .input-checkbox label {
	padding-top: 4px;
	padding-bottom: 0;
}
.form-table .form-label .input-checkbox label.label-dot {
	padding-top: 0;
	margin-right: 4px;
}
.form-table .form-label .input-checkbox label.label-dot + input {
	margin-top: -4px;
}
.form-table .label-dot {
	position: relative;
	font-weight: 700;
}
.form-table .label-dot:before {
	content: '';
	position: absolute;
	left: 0;
	top: 5px;
	display: inline-block;
	width: 3px;
	height: 3px;
	background: #666;
}
.form-input > div {
	position: relative;
}
.form-guide {
	margin: 5px 0;
	font-size: 13px;
}
.form--border-none {
	border-bottom: 0;
}

/* common | lightgallery.js */
.lg-autoplay-button {
	display: none;
}
.lg-actions .lg-icon {
	top: 0;
	bottom: 0;
	width: 100px;
	margin-top: 0;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background .4s;
	-moz-transition: background .4s;
	-o-transition: background .4s;
	transition: background .4s;
}
.lg-actions .lg-icon:hover {
	background: rgba(0, 0, 0, 0.45);
}
.lg-actions .lg-next {
	right: 0;
}
.lg-actions .lg-prev {
	left: 0;
}
.lg-actions .lg-next:before,
.lg-actions .lg-prev:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

/* layout */
@media screen and (max-width: 1024px) {
	body:not(.front-page) {
		min-width: 1024px;
		border-bottom: 1px solid #c4c4c4;
	}
}
#page {
	position: relative;
	min-width: 1024px;
}

/* layout - front page style */
html,
.front-page,
.front-page #page {
	height: 100%;
}
.front-page {
	position: relative;
	background-color: #2d2d2d;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.front-page #page {
		min-width: 0;
	}
}
.front-page #page:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}
.front-page-content {
	display: inline-block;
	width: 90%;
	min-width: 300px;
	vertical-align: middle;
}

/* layout | header */
.notice {
	padding: 6px 0 4px;
	background: #ffffff;
	text-align: center;
	font-size: 12px;
}
.header-inner {
	box-sizing: border-box;
	z-index: 10;
	position: relative;
	height: 56px;
	background-color: #303239;
}
.site-logo {
	float: left;
}
.site-logo a {
	display: inline-block;
	height: 56px;
	padding: 0 15px;
	vertical-align: middle;
}
.site-logo img {
	width: 216px;
	height: 23px;
	margin-top: 15px;
}
.user-company {
	font-size: 15px;
	color: #fff;
	font-weight: 400;
}
.site-nav {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -142px;
	background: #303239;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
}
.site-nav li {
	display: inline-block;
	padding: 0 8px;
}
.site-nav a {
	box-sizing: border-box;
	display: block;
	height: 56px;
	padding: 0 12px;
	border-bottom: 4px solid transparent;
	color: #6a7077;
	line-height: 56px;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
}
.site-nav a:hover {
	color: #00b6bd;
}
.site-nav .on a {
	color: #00b6bd;
	border-bottom-color: #00b6bd;
}
.site-meta {
	float: right;
}
.site-search,
.site-meta-nav,
.site-meta-nav li {
	float: left;
}
.site-search {
	position: relative;
	margin-top: 12px;
	margin-right: 10px;
	padding-right: 31px;
	border-radius: 2px;
	background-color: #fff;
}
.site-search input {
	box-sizing: border-box;
	width: 100px;
	height: 32px;
	margin: 0;
	border: 0;
	border-radius: 2px;
	padding: 0 10px;
	font-size: 14px;
	-webkit-transition: width .2s;
	-moz-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
}
.site-search input:focus {
	outline: none;
	width: 140px;
}
.site-search button {
	-webkit-appearance: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background-color: transparent;
	color: #777;
}
.site-meta-nav {
	margin-right: 5px;
}
.site-meta-nav > li {
	position: relative;
	padding: 16px 12px;
}
.site-meta-nav > li > a {
	position: relative;
	display: block;
	width: 1em;
	height: 1em;
	font-size: 24px;
	line-height: 1;
	color: #6a7077;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
.site-meta-nav > li > a:focus {
	outline: none;
}
.site-meta-nav > li > a:hover,
.site-meta-nav > li.active > a {
	color: #bed62f;
}
.site-meta-nav .badge {
	z-index: 1;
	position: absolute;
	left: 12px;
	top: -5px;
	vertical-align: text-top;
}
/* 좁은 화면일때 요소 겹쳐보여서 조정 */
@media only screen and (max-width: 1140px) {
	.site-nav li {
		padding-left: 4px;
		padding-right: 4px;
	}
}

/* layout | header | notification */
.notification {
	display: none;
	position: absolute;
	top: 56px;
	right: 0;
	width: 180px;
	padding: 10px;
	background: #f6f6f6;
	box-shadow: -1px 1px 5px rgba(0,0,0,.3);
}
.notification-title {
	margin-bottom: 10px;
	font-size: 15px;
	color: #2d2d2d;
	line-height: 1;
}
.notification-title + .has-tooltip {
	position: absolute;
	top: 10px;
	right: 10px;
}
.notification-list {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 480px;
	border: 1px solid #d8d8d8;
	border-top-color: #c4c4c4;
	border-bottom-color: #c4c4c4;
	background: #e8e8e8;
	font-size: 12px;
}
.notification-list:focus {
	outline: none;
}
.notification-list li {
	position: relative;
	padding: 10px;
	border-top: 1px solid #d8d8d8;
	background: #ffffff;
}
.notification-list li:first-child {
	border-top: 0;
}
.notification-list .dimmed {
	color: #999999;
}
.notification-list .dimmed a {
	border-bottom-color: #999999;
	color: #999999;
}
.notif-title {
	margin-right: 20px;
	font-size: 14px;
	font-weight: 700;
}
.notif-title a {
	border-bottom: 1px solid #414141;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.notif-title a:hover {
	border-bottom: transparent;
}
.notif-info {
	margin-top: 10px;
}
.notif-link {
	position: relative;
	top: 1.6em;
	line-height: 1;
	font-size: 13px;
}
.notif-link a {
	border-bottom: 1px solid #00b6bd;
	color: #00b6bd;
}
.notif-date {
	margin-top: 5px;
	text-align: right;
	color: #999999;
}
.notif-delete {
	position: absolute;
	top: 9px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.notif-delete .material-icons {
	font-size: 18px;
}

.notification .empty {
	overflow: hidden;
	height: 330px;
	text-align: center;
}
.notification .empty:after {
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.notification .empty p {
	display: inline-block;
	font-size: 16px;
}

#notification-order .notif-title {
	margin-right: 0;
}
#notification-order .notif-delete {
	display: none;
}

/* layout | header | notification | weddingbook */
.site-meta-nav .icon-wb {
	display: block;
	width: 100%;
	height: 100%;
	background: url('../images/weddingbook/weddingbooklogo_off@3x.png') 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.site-meta-nav a:hover .icon-wb,
.site-meta-nav .active .icon-wb {
	background-image: url('../images/weddingbook/weddingbooklogo_on@3x.png')
}
.notification-weddingbook {
	width: 280px;
	padding-left: 20px;
	padding-right: 20px;
}
.wb-header {
	display: table;
	width: 100%;
	margin: 15px 0;
}
.wb-header > * {
	display: table-cell;
	vertical-align: middle;
}
.wb-profile-td {
	width: 36px;
}
.wb-profile {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: solid 1px #efefef;
	background: #ffffff 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.wb-title-td {
	padding-left: 10px;
	line-height: 1.1;
}
.wb-name {
	font-size: 14px;
	font-weight: bold;
}
.wb-title-td a {
	font-size: 8px;
	color: #00b6be;
}
.wb-rankings {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
	padding: 15px 0;
	margin: 0 -20px;
}
.wb-ranking {
	float: left;
	box-sizing: border-box;
	width: 50%;
	text-align: center;
}
.wb-ranking:first-child {
	border-right: 1px solid #c4c4c4;
}
.wb-ranking-number {
	height: 65px;
	background: url('../images/weddingbook/rank@3x.png') 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: 65px;
}
.wb-ranking-number.rank1 {
	background-image: url('../images/weddingbook/rank1@3x.png');
}
.wb-ranking-number.rank2 {
	background-image: url('../images/weddingbook/rank2@3x.png');
}
.wb-ranking-number.rank3 {
	background-image: url('../images/weddingbook/rank3@3x.png');
}
.wb-ranking-number.rank4 {
	background-image: url('../images/weddingbook/rank4@3x.png');
}
.wb-ranking-number.rank5 {
	background-image: url('../images/weddingbook/rank5@3x.png');
}
.wb-ranking-number > p {
	opacity: .4;
	color: #000000;
}
.wb-ranking-data {
	overflow: hidden;
	padding: 7px 25px 0;
	line-height: 1;
}
.wb-ranking-data dt {
	float: left;
	margin: 3px 0;
	font-size: 12px;
}
.wb-ranking-data dd {
	float: right;
	font-size: 20px;
	color: #00b6be;
	font-weight: 700;
}
.wb-box {
	margin-top: 20px;
	padding: 15px;
	border: solid 1px #d8d8d8;
}
.wb-box-title {
	border-bottom: solid 1px #00b6be;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1;
}
.wb-graph-circle {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 10px auto 0;
}
.wb-graph-circle p {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin-top: -5px;
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	text-align: center;
}
.wb-box-info {
	margin-top: 10px;
	text-align: center;
	color: #999999;
	font-size: 11px;
}
.wb-info {
	margin: 10px 0;
	font-size: 12px;
	color: #999999;
}
.wb-more {
	text-align: right;
}
.wb-more a {
	border-bottom: 1px solid #00b6be;
	font-size: 12px;
	color: #00b6be;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.wb-more a:hover {
	border-bottom: transparent;
}

/* layout | header | notice browser */
.notice-browser {
	display: none;
	padding: 8px 0;
	background: #e8e8e8;
	color: #2d2d2d;
	text-align: center;
	line-height: 1;
}
.ie .notice-browser,
.edge .notice-browser,
.safari.win .notice-browser,
.opera  .notice-browser,
.moz  .notice-browser {
	display: block;
}
.notice-browser .not-support {
	display: none;
}
.notice-browser a {
	margin-left: 10px;
	border-bottom: 1px solid #2d2d2d;
	white-space: nowrap;
}

/* site-footer */
.site-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 175px;
	padding: 10px 15px;
	text-align: left;
	color: #999999;
	text-transform: uppercase;
	font-size: 11px;
}
.site-footer--center {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
.footer-contact {
	margin-bottom: 7px;
	padding: 0 7px;
	border-bottom: 1px solid #c4c4c4;
	color: #414141;
	font-size: 12px;
}
.footer-contact .contact-call {
	font-size: 16px;
}
.footer-contact + .copyright {
	padding: 0 7px;
}

/* loader */
tr.loader {
	height: 200px;
}
.table-loader {
	text-align: center;
	color: #2d2d2d;
}
.table-loader p:first-child {
	margin-bottom: 5px;
}
#page-loader {
	z-index: 1000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('../images/common/bg-blank.png');
}
.page-loader-inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 180px;
	height: 80px;
	margin-left: -90px;
	margin-top: -40px;
	border-radius: 10px;
	border: 1px solid #e8e8e8;
	box-shadow: 0 0 8px rgba(0,0,0,.2);
	background: #fff;
	text-align: center;
	color: #2d2d2d;
}
.page-loader-inner p:first-child {
	margin-top: 18px;
}

/* site-sidebar */
.site-main--sidebar {
	position: relative;
	padding-left: 206px;
	background: url('../images/common/bg-sidebar.png') repeat-y;
}
.site-sidebar {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 205px;
	padding-bottom: 145px; /* #footer height */
	border-right: 1px solid #c4c4c4;
	/* background-color: #f6f6f6; 이미지로 대체 */
}
.site-sidebar-inner {
	overflow: auto;
}
.site-sidebar-inner.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 205px;
}
.site-sub-nav li {
	border-bottom: 1px solid #d8d8d8;
}
.site-sub-nav a {
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	font-size: 16px;
	line-height: 1;
}
.site-sub-nav a .material-icons {
	display: none;
}
.site-sub-nav .on .material-icons {
	position: absolute;
	right: 4px;
	top: 8px;
	display: inline-block;
	font-size: 30px;
}

/* 예약 | calendar-datepicker */
.calendar-datepicker {
	padding: 23px 15px 15px;
	border-bottom: 1px solid #d8d8d8;
}
.calendar-datepicker .ui-datepicker {
	width: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	color: #555555;
	font-family: inherit;
	font-size: 12px;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-header {
	height: 30px;
	padding: 0;
	border-radius: 0;
	border: 0;
	margin-bottom: 7px;
	background: transparent;
	font-size: 20px;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-title {
	margin: 0;
	color: #414141;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
	margin-left: -4px;
}
.calendar-datepicker .ui-datepicker table {
	margin: 0;
	font-size: inherit;
	background: #fff;
}
.calendar-datepicker .ui-datepicker th {
	background: #e8e8e8;
	font-size: 11px;
	color: #2d2d2d;
}
.calendar-datepicker .ui-datepicker td {
	padding: 0;
}
.calendar-datepicker .ui-datepicker td a {
	border: 0;
	background: transparent;
	color: #555555;
	text-align: center;
	line-height: 1;
	padding: 7px 0 6px;
}
.calendar-datepicker .ui-datepicker td .ui-state-highlight {
	background-color: #c4c4c4;
}
.calendar-datepicker .ui-datepicker td .ui-state-active {
	background-color: #555555;
	color: #fff;
}
.calendar-datepicker .ui-datepicker .ui-datepicker-week-end .ui-state-active {
	color: #ff7559 !important;
}
.calendar-datepicker .ui-datepicker .highlight {
	background: #fffcdf;
}

/* 예약 | clip board */
.clipboard {
	position: relative;
	height: 38px;
	margin: 10px 15px;
	border: 1px solid #c4c4c4;
	background: url('../images/common/bg-clipboard.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.clipboard {
		background-image: url('../images/common/bg-clipboard@2x.png');
		-webkit-background-size: 5px auto;
		background-size: 5px auto;
	}
}
.clipboard-guide {
	position: relative;
	height: 38px;
	font-size: 12px;
	color: #797979;
	text-align: center;
	line-height: 50px;
}
.clipboard-guide:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #ccc;
	margin-left: -10px;
}
.clipboard-item,
.clipboard-active {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 10px 10px;
	background: #fff;
	color: #2d2d2d;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
}
.clipboard-active {
	cursor: move;
}
.clipboard-info {
	margin-right: 20px;
	text-align: left;
}
.clipboard-info .booking-name {
	display: inline-block;
	vertical-align: middle;
	width: 55px;
	font-weight: 700;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.clipboard-info .booking-date {
	position: relative;
	top: 1px;
	margin-left: 2px;
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.clipboard-info .booking-date:hover {
	border-bottom-color: transparent;
}
.clipboard-delete {
	position: absolute;
	top: 4px;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.clipboard-delete .material-icons {
	font-size: 16px;
}

/* 예약 | calendar-index */
.calendar-index-title {
	margin: 15px 15px -5px;
	font-size: 10px;
	color: #999999;
}
.calendar-index {
	margin: 10px 15px;
	padding: 2px 10px;
	background-color: #fff;
	font-size: 13px;
	line-height: 1;
}
.calendar-index > ul {
	padding: 6px 0;
	border-top: 1px solid #e8e8e8;
}
.calendar-index > ul:first-child {
	border-top: 0;
}
.calendar-index .sub {
	clear: both;
	margin: 2px 0;
	font-size: 11px;
}
.calendar-index li {
	overflow: hidden;
}
.calendar-index li > span {
	margin: 6px 0;
}
.calendar-index .sub li > span {
	margin: 4px 0;
}
.calendar-index .index-icon {
	width: 25px;
	margin-right: 15px;
}
.index-icon {
	display: inline-block;
	height: 12px;
	margin: 0 1px;
	text-align: center;
	vertical-align: top;
}
.index-icon span {
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.index-icon img {
	width: auto;
	height: 12px;
}
.index-icon .icon-check {
	position: relative;
	top: -1px;
	height: 13px;
}
.icon-visit-etc {
	border: 1px solid #d8d8d8;
	background-color: #fff;
}
.icon-etc {
	background-color: #e8e8e8;
}
.icon-lunch {
	border: 1px solid #d8d8d8;
	background: url('../images/common/pattern.png') -1px 0;
}
.calendar-index .index-number {
	float: right;
	color: #999999;
}

/* 예약 | calendar-nav */
.calendar-nav {
	height: 30px;
	padding: 23px 10px 7px;
	line-height: 1;
}
.date-control {
	float: left;
}
.date-control-title {
	display: inline-block;
	margin: 5px 10px 0;
	font-weight: 700;
	font-size: 25px;
	color: #2d2d2d;
	vertical-align: top;
}
.date-control-title span {
	font-size: 15px;
	vertical-align: middle;
}
.date-control-prev,
.date-control-next {
	overflow: hidden;
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #e8e8e8;
	text-align: center;
	color: #555;
	vertical-align: top;
}
.date-control-prev .material-icons,
.date-control-next .material-icons {
	margin-top: -3px;
	margin-left: -3px;
	font-size: 36px;
}
.control-btn {
	display: inline-block;
	height: 28px;
	padding: 0 15px;
	border: 1px solid #c4c4c4;
	background-color: #fff;
	line-height: 28px;
	font-size: 13px;
	font-weight: 700;
	vertical-align: top;
	white-space: nowrap;
}
.control-btn--today {
	margin-left: 6px;
}
.date-control .input-checkbox {
	margin-left: 6px;
	font-size: 13px;
	vertical-align: top;
}
.date-control .input-checkbox .checkbox {
	margin-left: 2px;
}

.func-control {
	float: left;
	margin-left: 20px;
}
.control-btn--layer {
	position: relative;
}
.control-btn--layer .control-btn .material-icons {
	margin-left: -2px;
	margin-right: -13px;
	color: #666;
}
.control-layer {
	display: none;
	z-index: 1;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: -1px;
	padding: 2px 12px;
	border: 1px solid #c4c4c4;
	background: #fff;
	white-space: nowrap;
}
.on .control-layer:before {
	content: '';
	display: block;
	position: absolute;
	top: -1px;
	left: 0;
	width: 77px;
	border-bottom: 1px solid #fff;
}
.control-layer p {
	padding: 10px 0;
	color: #999999;
}
.control-layer li {
	border-top: 1px solid #f6f6f6;
}
.control-layer li:first-child {
	border-top-color: #c4c4c4;
}
.control-layer a {
	display: block;
	padding: 10px 0;
}
.page-control {
	float: right;
}
.page-control li {
	float: left;
	margin-left: -1px;
}
.page-control .control-btn {
	width: 70px;
	height: 36px;
	padding: 0;
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
}
.page-control .control-btn.on {
	border-color: #414141;
	background-color: #414141;
	font-weight: 700;
	color: #fff;
}

/* 예약 | calendar-main */
.calendar-main {
	border-top: 3px solid #414141;
	padding-bottom: 20px;
}

.calendar-table {
	table-layout: fixed;
	width: 100%;
}
.calendar-table th {
	vertical-align: middle;
}
.calendar-table td {
	vertical-align: top;
}
.calendar-table-header {
	background: #c4c4c4;
	color: #2d2d2d;
	font-size: 17px;
}
.calendar-table-header th {
	padding: 7px 0 5px;
	line-height: 1.2;
}
.row-guide {
	overflow: visible;
	height: 0;
}
.row-guide .table-time {
	height: 0;
	border-bottom: 0;
}
.guide-wrapper {
	position: relative;
}
.guide-marker {
	position: absolute;
	width: 100%;
}
.guide-hour {
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #414141;
	border-left: 1px solid #2d2d2d;
}
.guide-muted {
	background: url('../images/common/pattern.png');
}
.guide-hour .guide-muted {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
}
.table-time + td .guide-hour {
	border-left: 0;
}
.guide-half {
	position: relative;
	height: 40px;
	border-bottom: 1px solid #c4c4c4;
}
.guide-dayoff {
	position: absolute;
	top: 248px;
	left: 0;
	right: 0;
	font-size: 20px;
	color: #414141;
	text-align: center;
	line-height: 40px;
}
.table-time {
	width: 63px;
	border-right: 1px solid #c4c4c4;
}
.time-cell {
	height: 81px;
	border-bottom: 1px solid #414141;
	background-color: #fff;
	line-height: 81px;
}
.row-body td {
	border-left: 1px solid #c4c4c4;
}
.cell-dayoff {
	background-color: #e8e8e8;
}
.cell-wrapper {
	position: relative;
}
.booking-cell {
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
	color: #414141;
	word-break: break-all;
	cursor: default;
}
.booking-cell:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
	vertical-align: middle;
}
.booking-cell--etc {
	background-color: #fff;
}
.booking-cell--dimmed {
	background-color: #e8e8e8;
}
.booking-cell--active {
	background-color: #00b6bd;
}
.drag-move {
	z-index: 1;
	cursor: move;
}
.drag-not {
	box-shadow: inset 0 0 0 2px #dd5631 !important;
	cursor: not-allowed;
}
.drag-not * {
	cursor: not-allowed;
}
.drag-clipped {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	filter: alpha(opacity=100);
	opacity: 1;
}
.drag-original {
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	filter: alpha(opacity=50);
	opacity: .5;
}
.drag-clipped,
.booking-cell--clipped,
.clipboard-item,
.clipboard-active {
	box-shadow: inset 0 0 0 2px #00b6bd;
}
.booking-cell-wrapper {
	display: inline-block;
	padding-top: 2px; /* vertical-align: middle 보완 */
	vertical-align: middle;
}
.booking-cell .booking-name {
	font-size: 15px;
	font-weight: 700;
	color: #2d2d2d;
}
.booking-cell .booking-phone {
	font-size: 11px;
}
.booking-cell .booking-etc {
	color: #2d2d2d;
}
.booking-cell .booking-note {
	overflow: hidden;
	height: 1.1em;
	color: #2d2d2d;
}
.booking-cell .index-icon {
	vertical-align: middle;
}
.booking-cell .index-icon img {
	display: block;
}

/* 예약 | calendar-main--daily */
.calendar-main--daily {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-bottom: 0;
}
.calendar-main--daily .calendar,
.calendar-main--daily .daily-memo {
	display: table-cell;
	vertical-align: top;
}
.calendar-main--daily .calendar {
	width: 75.4%;
	padding-bottom: 20px;
}
.calendar-main--daily .daily-memo {
	width: 24.6%;
	border-left: 1px solid #c4c4c4;
}
.memo-title {
	height: 32px;
	margin-bottom: 10px;
	background-color: #c4c4c4;
	color: #2d2d2d;
	line-height: 32px;
	text-align: center;
}
.memo {
	position: relative;
	margin: 5px 10px;
	padding: 7px 10px 14px;
	border-bottom: 1px solid #d8d8d8;
	background-color: #fffcdf;
	color: #414141;
}
.memo input {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 17px;
	font-weight: 700;
	background-color: transparent;
}
.memo input:focus,
.memo textarea:focus {
	outline: none;
}
.memo .hr {
	display: block;
	margin: 0 -4px 5px;
	border-top: 1px solid #d8d8d8;
}
.memo textarea {
	overflow-x: hidden;
	resize: none;
	width: 100%;
	height: 102px;
	border: 0;
	padding: 0;
	margin-top: 5px;
	background-color: transparent;
	line-height: 1.4;
}
.memo textarea.elastic {
	max-height: 200px; /* 10줄 */
}
.memo-date {
	position: absolute;
	right: 5px;
	bottom: 2px;
	font-size: 11px;
	color: #999;
}

.memo-fixed {
	padding-bottom: 10px;
	background-color: #f6f6f6;
}


/* 예약 | calendar-main--weekly */
.calendar-main--weekly .calendar-table-header th,
.calendar-table-header-cloned .calendar-table-header th {
	font-size: 15px;
}
.calendar-table-header th .small {
	display: inline-block;
	font-size: 9px;
}
.calendar-table-header th .small:link {
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.calendar-table-header th .small:link:hover {
	border-bottom-color: transparent;
}
.calendar-table-header th .small span {
	display: inline-block;
	white-space: nowrap;
	margin: 0 2px;
	font-weight: 400;
}
.calendar-main--weekly .table-time,
.calendar-table-header-cloned .table-time {
	width: 30px;
	font-size: 12px;
}
.calendar-main--weekly .booking-cell {
	font-size: 10px;
	line-height: 1.2;
}
.calendar-main--weekly .booking-cell .booking-name {
	font-size: 13px;
}
.calendar-main--weekly .booking-cell .booking-planner {
	font-size: 11px;
}
.calendar-main--weekly .booking-cell .booking-etc {
	margin: 2px 0;
}
.calendar-main--weekly .booking-cell .booking-type {
	font-size: 0;
}

.calendar-table-header-cloned {
	z-index: 9;
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.calendar-table-header-cloned table {
	width: 100%;
}

/* 예약 | calendar-main--dress */
.schedule-dress-table {
	width: 100%;
	border-bottom: 1px solid #414141;
	letter-spacing: -0.02em;
}
.schedule-dress-table th,
.schedule-dress-table td {
	padding: 7px 2px;
	text-align: center;
	vertical-align: middle;
}
.schedule-dress-table th {
	font-size: 15px;
	color: #2d2d2d;
	background-color: #d8d8d8;
}
.schedule-dress-table td {
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
}
.schedule-dress-table tr:first-child td {
	border-top: 1px solid #414141;
}
.schedule-dress-table thead + tbody tr:first-child td {
	border-top: 0;
}
.schedule-dress-table td[rowspan="6"]:first-child,
.schedule-dress-table .empty td {
	border-left: 0;
}
.schedule-dress-table a:link:not(.btn) {
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.schedule-dress-table a:not(.btn):hover {
	border-bottom-color: transparent;
}
.schedule-dress-table .type-photo,
.schedule-dress-table .type-wedding,
.schedule-dress-table .type-etc {
	font-size: 16px;
	font-weight: 700;
}
.schedule-dress-table .type-photo + td,
.schedule-dress-table .type-wedding + td,
.schedule-dress-table .type-etc + td {
	font-size: 16px;
	background-color: #f6f6f6;
}
.schedule-dress-table .detail {
	padding: 15px 25px;
	text-align: left;
}
.schedule-dress-table .detail dt {
	float: left;
	clear: left;
}
.schedule-dress-table .detail dt span {
	display: inline-block;
	width: 55px;
	font-weight: 700;
}
.schedule-dress-table .detail dd {
	min-height: 1.5em;
	margin-left: 70px;
}
.schedule-dress-table .sub-items {
	display: block;
}
.schedule-dress-table .sub-items + br {
	display: none;
}
.schedule-dress-table .btn-wrap {
	margin-top: -10px;
	margin-right: -20px;
	text-align: right;
}

.booked-dress {
	border-bottom: 1px solid #414141;
}
.booked-dress .table {
	font-size: 15px;
}
.booked-dress .table tr:last-child td {
	border-bottom: 0;
}
.booked-dress .table th:first-child,
.booked-dress .table td:first-child {
	border-left: 0;
}

/* 고객 */
.clients {
	position: relative;
	padding: 20px 35px 100px;
}
.clients > .btn:first-child {
	position: absolute;
	top: 20px;
	right: 35px;
}
.clients .tab-nav {
	padding-left: 0;
}
.search-box {
	position: relative;
	margin-bottom: 15px;
	padding: 25px;
	background: #f6f6f6;
	font-size: 16px;
}
.search-box .label {
	display: inline-block;
	width: 90px;
	padding: 10px 0 8px 10px;
	color: #2d2d2d;
	font-weight: 700;
	line-height: 1;
}
.search-box input,
.search-box select {
	font-size: 16px;
}
.search-box .form-table {
	float: left;
	width: 700px;
}
.search-box .form-table .form-label label {
	padding-left: 0;
	margin-left: 0;
	margin-right: 0;
}
.search-box--conditon {
	padding-top: 20px;
	padding-bottom: 20px;
}
.search-box--conditon .form-table-wrap {
	margin-left: 100px;
	margin-right: 100px;
}
.search-box--conditon .col {
	float: left;
}
.search-box--conditon .form-table {
	width: auto;
	float: left;
	margin-right: 20px;
}
.search-box--conditon .form-table td {
	height: 30px;
}
.search-box--conditon .label {
	float: left;
	margin-top: 4px;
}
.search-box--conditon .btns {
	position: absolute;
	top: 25px;
	bottom: 25px;
	right: 25px;
}
.search-box--conditon .btn {
	position: absolute;
	right: 0;
	bottom: 0;
}
.search-box--conditon .btn:first-child {
	top: 3px;
	bottom: auto;
}
.result-stats {
	margin: 30px 0 5px;
}
.result-stats .left {
	float: left;
	line-height: 30px;
}
.result-stats .large {
	font-size: 17px;
}
.result-stats .right {
	float: right;
	margin-bottom: 4px;
}

/* 자원 */
.resource {
	position: relative;
	padding: 25px 0 50px;
}
.resource > .btn {
	position: absolute;
	top: 15px;
	right: 10px;
}
.resource-content {
	padding: 0 10px;
}
.resource-content .form {
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 10px;
	padding-right: 5px;
	background-color: #f6f6f6;
}
.resource-content .form-table {
	width: 802px;
}
.resource-content .table {
	margin-top: 10px;
}
.select-nav {
	margin-top: -10px;
	padding-left: 10px;
	padding-bottom: 12px;
	border-bottom: 2px solid #414141;
}
.select-nav label {
	display: inline-block;
	margin-right: 10px;
	margin-top: 6px;
	vertical-align: top;
}
.select-nav .select {
	border: 1px solid #c4c4c4;
}

.file-list {
	margin-bottom: 10px;
	padding: 5px;
	background: #ffffff;
	font-size: 13px;
}
.file-list > li {
	position: relative;
	padding-right: 20px;
	margin: 5px;
}
.file-list .light-gallery-item {
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.file-list .light-gallery-item:hover {
	border-bottom-color: transparent;
}
.file-list .file-delete {
	position: absolute;
	top: 0;
	right: 0;
}
.file-list .file-delete .material-icons {
	font-size: 18px;
	color: #aaaaaa;
}

/* 설정 */
.setting {
	padding: 30px 35px;
}
.color-list {
	width: 195px;
	margin: 0 -4px;
}
.color-list > li {
	float: left;
	margin: 4px;
}
.color-list a {
	position: relative;
	display: block;
	width: 22px;
	height: 22px;
	box-shadow: inset 0 0 0 1px #bbbbbb;
}
.color-list .on:after {
	content: 'check';
	font-size: 22px;
	color: #777;
	word-break: initial;
}
.ie .color-list .on:after {
	overflow: hidden;
	display: block;
	width: 22px;
	height: 22px;
	font-size: 0;
}
.ie .color-list .on:after,
.edge .color-list .on:after {
	background: url('../images/icons/icon-check2.png') 50% 50% no-repeat;
}
.room-color1 {
	background: #ffdedd;
}
.room-color2 {
	background: #fff785;
}
.room-color3 {
	background: #d3ff61;
}
.room-color4 {
	background: #a2e3fe;
}
.room-color5 {
	background: #e4c5ff;
}
/*기타가봉*/
.room-color8 {
	background: #fff;
}
/*기타업무*/
.room-color9 {
	background: #e8e8e8;
}

/* 통합검색 결과 */
.search-result {
	padding: 50px 112px 100px;
}
.search-result .result-stats {
	margin: 0;
	padding-bottom: 20px;
	border-bottom: 2px solid #e8e8e8;
	text-align: center;
	font-size: 15px;
}
.search-result .result-stats .material-icons {
	margin-right: 2px;
	color: #00b6bd;
}
.search-result .result-stats strong {
	font-size: 16px;
}
.result-period {
	background: #f6f6f6;
}
.period-list {
	overflow: hidden;
	width: 725px;
	margin: 0 auto;
}
.period-list li {
	float: left;
}
.period-list a {
	display: block;
	min-width: 90px;
	margin: 7px 0;
	border-right: 1px solid #d8d8d8;
	text-align: center;
	line-height: 1.2;
}
.period-list .on a,
.period-list .on label {
	color: #00b6bd;
}
.period-list label {
	margin-right: 8px;
	margin-left: 20px;
	vertical-align: middle;
}
.period-list .btn {
	margin-left: 2px;
}
.section-header {
	margin-top: 25px;
	margin-bottom: 5px;
}
.section-header .section-title {
	margin-top: 0;
	margin-bottom: 0;
}
.section-header a {
	vertical-align: -2px;
}
.section-title {
	margin-top: 25px;
	margin-bottom: 5px;
	font-size: 15px;
	color: #2d2d2d;
}
.section-header a,
.link-more {
	margin-top: 8px;
	text-align: right;
	font-size: 12px;
}
.section-header a,
.link-more a {
	color: #00b6bd;
	border-bottom: 1px solid #00b6bd;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.section-header a:hover,
.link-more a:hover {
	border-bottom-color: transparent;
}


/* 로그인 */
.login {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 280px;
	height: 310px;
	margin-left: -140px;
	margin-top: -155px;
}
.login .site-logo {
	float: none;
}
.login .site-logo img {
	display: block;
	width: 280px;
	height: 29px;
}
.login-form {
	margin-top: 25px;
}
.login-form-input {
	margin-bottom: 20px;
	padding: 5px 8px;
	border-radius: 8px;
	background-color: #f6f6f6;
}
.login-form-input .input-text {
	width: 100%;
}
.login-form-input .input-text:first-child {
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 1px;
}
.login-form-input .input-text input {
	height: 2.8em;
	font-size: 16px;
	background-color: #f6f6f6;
}
.login-form-input .input-text input:focus {
	outline: 0;
}
.login-form .btn {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.login-options {
	margin-top: 15px;
	text-align: right;
	color: #c4c4c4;
}
.login-links {
	margin-top: 20px;
	text-align: right;
}
.login-links a {
	margin-left: 15px;
	color: #999999;
	border-bottom: 1px solid #999999;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.login-links a:hover {
	border-bottom-color: transparent;
}

.login-footer {
	border-top: 1px solid #555;
	margin-top: 20px;
	padding: 20px 15px;
	text-align: center;
	color: #999999;
	text-transform: uppercase;
	font-size: 11px;
}
.login-footer .login-contact {
	margin-bottom: 7px;
	padding: 0 7px;
	font-size: 12px;
}
.login-footer .login-contact .contact-call {
	font-size: 16px;
}
.login-footer .copyright {
	padding: 0 7px;
	color: #555;
}

/* 비밀번호 변경안내 */
.password-notice .title {
	position: relative;
	box-sizing: border-box;
	width: 320px;
	margin: 0 auto 15px;
	padding-left: 65px;
	padding-top: 4px;
	text-align: left;
	font-size: 20px;
	color: #ffffff;
	line-height: 1.4;
}
.password-notice .title .material-icons {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 60px;
	color: #00b6be;
}
.password-notice .info {
	color: #c4c4c4;
}
.password-notice .btns {
	display: inline-block;
	width: 280px;
	margin-top: 30px;
}
.password-notice .btns .btn:first-child {
	margin-bottom: 5px;
}

/* 팝업 */
.popup-wrapper {
	display: none;
}
.popup {
	display: none;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.4);
}
.popup-inner {
	width: 80%;
	margin: 10px auto;
	background-color: #f6f6f6;
}
.popup-header {
	position: relative;
	padding: 16px 12px 14px;
	border-bottom: 1px solid #c4c4c4;
}
.popup-heading {
	font-size: 15px;
	color: #2d2d2d;
	line-height: 1;
}
.popup-header .tab-nav {
	margin: -16px -12px -14px;
	border-bottom: 0;
}
.popup-header .tab-nav a {
	min-width: 100px;
	height: 46px;
	padding: 0 15px;
	border-top: 0;
	line-height: 46px;
	text-align: center;
}
.popup-header .tab-nav .on a {
}
.popup-header .tab-nav li:first-child a {
	border-left: 0;
}
.popup-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 45px;
	text-align: center;
	line-height: 45px;
}
.popup-main {
	padding: 0 15px;
}
.popup-footer {
	padding: 15px 17px;
	text-align: center;
}
.popup-footer .left,
.popup-footer .right {
	width: 230px;
	margin-top: 4px;
}
.popup-inner .left {
	float: left;
	text-align: left;
}
.popup-inner .right {
	float: right;
	text-align: right;
}


/* 팝업 | 윈도우팝업 */
.popup-window {
	height: 100%;
}
.popup-window .popup-inner {
	width: auto;
	min-height: 100%;
	margin: 0;
}
.popup-window .popup-main {
	padding: 20px 30px;
}

/* 팝업 - jquery ui dialog */
.ui-corner-all {
	border-radius: 0;
}
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button {
	font-family: inherit;
	font-size: 14px;
	color: #414141;
}
.ui-widget-overlay {
	background: rgba(0,0,0,.4);
	opacity: 1;
}
.ui-dialog {
	padding: 0;
	border: 0;
	background: #f6f6f6;
}
.ui-dialog .ui-dialog-titlebar {
	padding: 16px 12px 14px;
	border: 0;
	border-bottom: 1px solid #c4c4c4;
	background: none;
	color: inherit;
}
.ui-dialog .ui-dialog-title {
	float: none;
	display: block;
	width: auto;
	margin: 0;
	font-size: 15px;
	color: #2d2d2d;
	line-height: 1;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 45px;
	margin: 0;
	border: 0;
	background: url('../images/icons/icon-close@2x.png') 50% 50% no-repeat;
	-webkit-background-size: 13px auto;
	background-size: 13px auto;
	text-align: center;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog .ui-dialog-content {
	padding: 10px 15px;
	color: inherit;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 15px 17px;
	border: 0;
	margin: 0;
	background: none;
	text-align: center;
	color: inherit;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}
.ui-dialog .ui-dialog-buttonpane button {
	-webkit-appearance: none;
	display: inline-block;
	box-sizing: border-box;
	min-width: 86px;
	height: 38px;
	border-radius: 4px;
	border: 0;
	margin: 0 1px;
	background: #c4c4c4;
	line-height: 38px;
	font-size: 15px;
	font-weight: 700;
	color: #555555;
	vertical-align: middle;
}
.ui-dialog .ui-dialog-buttonpane button:first-child {
	color: #2d2d2d;
	background-color: #00b6bd;
}

/* 팝업 | 문자 */
#popup-sms {
	min-width: 880px;
}
.sms-guide {
	margin-bottom: 10px;
	font-size: 12px;
}
.sms-form-table td {
	vertical-align: top;
}
.sms-form-table .form-input + .form-label {
	padding-left: 15px;
}
.sms-receiver-list {
	height: 200px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
	background: #eee;
	font-size: 12px;
}
.sms-receiver-no {
	margin-right: 5px;
	font-weight: 700;
}
.sms-receiver {
	margin-right: 5px;
}
.sms-receiver-delete {
	display: inline-block;
	margin-top: -1px;
	font-size: 16px;
	height: 1em;
	line-height: 1;
	vertical-align: middle;
}
.sms-receiver-delete .material-icons {
	font-size: inherit;
}
.full-textarea {
	position: relative;
	height: 340px;
}
.textarea-wrapper {
	position: relative;
	box-sizing: border-box;
	height: 305px;
	margin-bottom: 5px;
}
.textarea-wrapper .textarea,
.textarea-wrapper .textarea textarea {
	height: 100%;
}
.textarea-size {
	position: absolute;
	right: 0;
	bottom: -24px;
	font-size: 13px;
	color: #999999;
}
.saved-text-list {
	height: 340px;
	background: #eee;
}
.saved-text {
	position: relative;
	padding: 15px;
	border-top:1px solid #ddd;
	font-size: 12px;
}
.saved-text:first-child {
	border-top: 0;
}
.saved-text .saved-text-body {
	text-decoration: none;
}
.saved-text .saved-text-delete {
	display: none;
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 16px;
	height: 1em;
}
.saved-text:hover .saved-text-delete,
.saved-text .saved-text-delete:focus {
	display: block;
}
.saved-text .saved-text-delete .material-icons {
	font-size:inherit;
}

/* 팝업 | 발주서 확인 */
#popup-order .popup-inner {
	width: 1000px;
}
.popup-order-main {
	display: table;
	margin-top: 15px;
}
.popup-order-main > .left,
.popup-order-main > .right {
	display: table-cell;
	float: none;
	text-align: left;
	vertical-align: top;
}
.popup-order-main > .left {
	width: 700px;
}
.popup-order-main > .right {
	position: relative;
	width: 300px;
}
.order-paper {
	width: 100%;
}
.popup-order-main .popup-footer .left,
.popup-order-main .popup-footer .right {
	width: 60px;
}
.popup-order-main .order-confirm-status {
	display: inline-block;
	height: 38px;
	line-height: 38px;
}
.order-confirm {
	margin: 10px 10px 0;
}
.order-confirm .label {
	margin-right: 10px;
	margin-left: 10px;
}

.order-sidebar {
	margin-right: 15px;
	margin-bottom: 15px;
}
.order-sidebar-header {
	margin-bottom: 5px;
}
.order-sidebar-header .popup-heading {
	float: left;
	padding: 8px 0 7px;
}
.order-sidebar-header .btns {
	float: right;
}
.order-sidebar-main {
	position: relative;
	height: 667px;
}
.order-sidebar-inner {
	height: 100%;
	box-sizing: border-box;
	padding-bottom: 45px;
}
.order-sidebar-main .empty {
	padding-top: 230px;
	text-align: center;
	font-size: 12px;
}
.order-sidebar-list:focus {
	outline: none;
}
.order-sidebar-list.search-results-list {
	height: 100%;
	background: #fff;
}
.order-list-card {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	height: 100%;
	margin-bottom: -45px;
}
.order-card {
	display: block;
	margin-bottom: 5px;
	padding: 10px 15px;
	background: #ffffff;
	letter-spacing: 0; /* ff 버그픽스 */
}
.order-card.on {
	border: 1px solid #00b6bd;
}
.order-sidebar-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 팝업 | form print (고객카드, 발주서) */
.form-print-page {
	border: 1px solid #999999;
	background: #ffffff;
	color: #414141;
}
.form-print-page-inner {
	padding: 10mm 15mm;
}
.form-print-header {
	margin-bottom: 4mm;
	text-align: center;
}
.form-print-title {
	font-size: 22pt;
	line-height: 1;
}
.form-print-sub-title {
	position: relative;
	padding: 1.6mm 0 1.2mm;
	border-left: 1px solid #414141;
	border-right: 1px solid #414141;
	border-bottom: 1px solid #414141;
	background-color: #e8e8e8;
	text-align: center;
	line-height: 1.1;
}
.form-print-main > .form-print-sub-title:first-child {
	border-top: 1px solid #414141;
}
.form-print-main {
	font-size: 9pt;
}
.form-print-main .form-table {
	border: 1px solid #414141;
}
.form-print-sub-title + .form-table {
	border-top: 0;
}
.form-print-main .form-table td {
	height: 6mm;
	padding-top: 1.6mm;
	padding-bottom: .9mm;
	border-left: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	vertical-align: middle;
}
.form-print-main .form-table .form-input-long {
	height: 15mm;
}
.form-print-main .form-table tr:first-child td {
	border-top: 0;
}
.form-print-main .form-table td:first-child {
	border-left: 0;
}
.form-print-main .form-table td.border-left {
	border-left: 1px solid #e8e8e8;
}
.form-print-main .form-table .form-label {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	white-space: normal;
	font-weight: 700;
}
.form-print-main .form-table .form-label label {
	padding-left: 0;
	margin: 0;
}
.form-print-main .form-table .label-dot:before {
	display: none;
}
.form-print-main .form-table .form-input {
	padding-left: 3mm;
	padding-right: 3mm;
}
.input-checkbox-print, 
.input-radio-print, 
.form-print-main .input-text, 
.form-print-main .select {
	display: inline;
	*width: auto;
	font-size: 9pt;
	line-height: 1.6;
}
.input-radio-print {
	margin-right: 2mm;
}
.input-checkbox-print input,
.input-radio-print input {
	/* border: 1px solid #c4c4c4;
	background-color: transparent; */
	vertical-align: middle;
	margin-top: 0;
	padding: 0;
	border: 0;
}
.form-print-main .textarea {
	min-height: 11mm;
}

/* 팝업 | 예약 */
#popup-book .popup-inner {
	width: 760px;
}
#popup-book .popup-main {
	min-height: 398px;
}
#popup-book .form-table .form-label label {
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
#popup-book .form-table .input-checkbox label {
	margin-right: 4px;
}
#popup-book .input-radio label {
	width: 70px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#popup-book .input-radio-btns .input-radio label {
	width: auto;
}
#popup-book #tab1 textarea {
	height: 60px;
} 
#popup-book #tab2 textarea {
	height: 120px;
} 
.input-right {
	position: absolute;
	right: 0;
	top: 0;
}
.popup-main .input-checkbox-wrap {
	margin-left: 10px;
}
.input-checkbox-wrap {
	white-space: nowrap;
}
.input-checkbox-wrap .input-checkbox {
	display: inline-block;
	padding: 0 8px 0 5px;
	background-color: #c4c4c4;
}
.input-checkbox-wrap .input-checkbox + .input-checkbox {
	margin-left: 0;
}
.input-checkbox-wrap .checked {
	background-color: #41713e;
	color: #fff;
}
.input-checkbox-wrap .guide {
	display: inline-block;
	margin-left: 10px;
	margin-top: 9px;
	font-size: 13px;
}
.guide-info {
	color: #dd5631;
}

/* 팝업 | 기존고객 검색 */
#popup-search-client .popup-inner {
	width: 300px;
}
#popup-search-client .form {
	border-bottom: 0;
}
#popup-search-client .form-table .form-label label {
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}
.search-results-list {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	height: 200px;
	background-color: #fff;
}
.search-results-list li {
	border-bottom: 1px solid #c4c4c4;
}
.search-results-list a {
	display: block;
	padding: 15px 10px;
	line-height: 1;
}
.search-results-list a span {
	font-size: 12px;
}

/* 팝업 | 중복 알림 */
.popup-alert-double .popup-inner {
	width: 500px;
}
.popup-alert-double .popup-main {
	padding: 50px 12px 30px;
	text-align: center;
}
.alert-msg {
	min-height: 110px;
}
.alert-msg a {
	font-weight: 700;
	border-bottom: 1px solid #777;
	-webkit-transition: border .1s;
	-moz-transition: border .1s;
	-o-transition: border .1s;
	transition: border .1s;
}
.alert-msg a:hover {
	border-bottom-color: transparent;
}
.alert-heading {
	margin-top: 15px;
	font-size: 20px;
	line-height: 1.2;
}
.alert-heading small {
	font-size: 12px;
}
.alert-sub {
	margin-bottom: 2px;
	font-size: 16px;
}
.alert-links {
	margin-top: 15px;
}
.alert-link {
	display: inline-block;
	width: 49%;
	padding: 25px 0 10px;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	background-color: #fff;
	color: #797979;
	font-size: 12px;
}
.alert-link .strong {
	margin-top: 10px;
	color: #414141;
	font-size: 16px;
	font-weight: 700;
}
.alert-icons {
	display: inline-block;
	width: 100px;
	height: 72px;
	background: url('../images/icons/icons-alert.png') no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.alert-icons {
		background-image: url('../images/icons/icons-alert@2x.png');
		-webkit-background-size: 400px auto;
		background-size: 400px auto;
	}
}
.alert-icon-book-move {
	background-position: 0 0;
}
.alert-icon-book-double {
	background-position: -100px 0;
}
.alert-icon-client {
	background-position: -200px 0;
}
.alert-icon-client-new {
	background-position: -300px 0;
}

/* 팝업 | 고객카드 */
#popup-client .popup-inner {
	width: 845px;
}
#popup-client .tab {
	margin: 10px -15px 0;
}
#popup-client .tab + .tab {
	margin-top: 20px;
}
#popup-client .tab-nav {
	padding-left: 15px;
}
#popup-client .tab-contents {
	padding: 15px 15px 0;
}
#popup-client .staff-info {
	display: none;
}
#popup-client .tab .form-dress td {
	padding-right: 10px;
}
#popup-client .tab .toggle-table .form-input {
	padding-right: 0;
}
#popup-client .tab .toggle-table .form-input {
	padding-left: 0;
	padding-top: 0;
}

.label-planner {
	margin: 0 10px 0 40px;
}

.form-booked-dress .title {
	height: 22px;
	margin-bottom: 5px;
	text-align: center;
}
.form-booked-dress .title .material-icons {
	margin-right: 5px;
	font-size: 20px;
}
.form-booked-dress .toggle-handler {
	margin-left: 5px;
	text-align: left;
	font-size: 13px;
}
.form-booked-dress .toggle-content {
	margin: 15px 0 5px;
}
.form-booked-dress .table-wrap .table {
	/* width: 750px; */
}
.form-booked-dress .table-wrap .scroll {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	max-height: 157px;
}

.dynamic-gallery {
	text-decoration: underline;
	cursor: default;
}
.dynamic-gallery:hover {
	text-decoration: none;
}

/* 팝업 | 자원 */
.popup-resource .popup-inner {
	width: 300px;
}

/* 팝업 | 비밀번호 인증 */
#popup-password .popup-inner {
	width: 310px;
}

/* 팝업 | 인쇄 미리보기 */
#popup-print .popup-inner {
	position: relative;
	width: 800px;
	height: 90%;
}
#popup-print.popup-print--landscape .popup-inner {
	width: 980px;
}
#popup-print .popup-header {
	border-bottom: 0;
}
#popup-print .popup-header .btn {
	margin-left: 4px;
}
#popup-print .popup-main {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 25px;
	top: 68px;
	border: 1px solid #999999;
	padding: 0;
	background-color: #fff;
}

/* 팝업 | 인쇄 미리보기 | 선택인쇄 */
.select-mode .print-page {
	position: relative;
}
.select-mode .select-cover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 4px solid transparent;
	background: rgba(0,0,0,.3);
	font-size: 16px;
}
.select-mode .select-cover-icon {
	display: none;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	margin: 8px;
	background: #eee;
	color: #bbb;
	font-size: 38px;
	line-height: 1;
}
.select-mode .select-cover-icon .material-icons {
	position: relative;
	top: -2px;
	left: -1px;
	font-size:inherit;
}

.select-mode .selected .select-cover {
	border-color: #00b6be;
	background: rgba(0,0,0,0);
}
.select-mode .selected .select-cover-icon {
	display: inline-block;
	background: #ffffff;
	color: #00b6be;
}

/* 팝업 | 통합인증 안내 */
.popup-notice .popup-inner {
	width: 500px;
	box-shadow: 0 0 2px 0 #6a7077;
}
.popup-notice .popup-footer {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #303239;
	color: #ffffff;
	text-align: left;
}
.popup-notice .popup-footer .popup-close {
	width: 40px;
	height: 40px;
	line-height: 40px;
}
.notice-auth {
	padding: 20px 30px 30px;
	text-align: center;
}
.notice-auth-title {
	text-align: center;
	font-size: 20px;
	width:407px;
}
.notice-auth-body {
	margin-top: 20px;
	font-size: 16px;
	width:407px;
}
.notice-auth-body2 {
	margin: 25px 8px 8px 8px;
	font-size: 16px;
	text-align: left;
	width:407px;
}
/*.notice-auth-sub {*/
	/*margin-top: 10px;*/
	/*font-size: 15px;*/
/*}*/
/*.notice-auth-link {*/
	/*margin-top: 20px;*/
	/*text-align: right;*/
	/*color: #999999;*/
/*}*/
/*.notice-auth-link a {*/
	/*text-decoration: underline;*/
/*}*/

.auto-guide {
	text-align: center;
}
.auto-guide .title {
	display: inline-block;
	width: 130px;
	height: 26px;
	border-radius: 13px;
	margin: 20px 0;
	font-size: 16px;
	line-height: 27px;
	color: #ffffff;
	background: #00b6be;
}
.auto-guide-step {
	position: relative;
	padding: 15px 10px;
	margin-bottom: 40px;
	border-radius: 8px;
	background: #ffffff;
}
.auto-guide-step .step-no {
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #cecece;
	font-size: 17px;
	color: #00b6be;
	text-transform: uppercase;
}
.auto-guide-step img {
	margin: 10px 0;
}
.auto-guide-step:not(:last-child):after {
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	display: inline-block;
	width: 18px;
	height: 16px;
	margin-top: 13px;
	margin-left: -9px;
	background: url('../images/notice/arrow.png');
}

/* error page */
#error {
	height: 100%;
	text-align: center;
	background: #2d2d2d;
	color: #c4c4c4;
}
.page-error {
	height: 100%;
	min-height: 400px;
}
.error-section {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -130px;
	padding: 10px;
	font-size: 18px;
}
.error-title img {
	width: 597px;
	margin-bottom: 15px;
}
.error-section .link-home {
	margin-top: 50px;
}
.error-section .link-home a {
	display: inline-block;
	height: 60px;
	padding: 0 50px;
	border-radius: 30px;
	background: #00b6bd;
	font-size: 18px;
	line-height: 60px;
	color: #0b5455;
}
.error-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 0;
	text-align: center;
	color: #999999;
	text-transform: uppercase;
	font-size: 11px;
}
.error-footer img {
	width: 31px;
	height: 23px;
	margin-bottom: 5px;
}

/* 기타 */
.jBgOrderInfoArea,
.jNoneBgOrderInfoArea {
	display:none;
}
.left_out_cnt{
	cursor:pointer;
}