@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');

/* 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, b, dt, th {
	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-word;
}
ul, ol, li {
	list-style: none;
}
textarea {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
button {
	cursor: pointer;
}
[hidden],
.hidden {
	display: none !important;
}
/* base */
body {
	font-size: 13px;
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background: #f8f8f8;
}
.wf-loading body,
.wf-inactive body {
	font-family: 'Dotum', 'Gulim', 'Batang', sans-serif;
	letter-spacing: -1px;
}

/* common */
.clearfix:after,
.row:after {
	clear: both;
	content: '';
	display: block;
}
.only-sr {
	overflow: hidden !important;
	position: absolute !important;
	left: -999999px !important;
	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;
}

.scrollable-horizontal {
	overflow-x: auto;
}
.ie8 .only-mobile {
	display: none;
}
html .none-click-list li {
	cursor: default;
}
@media only screen and (max-width: 1023px) {
	.only-pc {
		display: none !important;
	}
	.mobile-block {
		display: block;
		float: left;
		width: 100%;
	}
}
@media only screen and (min-width: 1024px) {
	.only-mobile {
		display: none !important;
	}
}

/* common | tooltip */
.help {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-left: 2px;
	font-size: 18px !important;
	vertical-align: middle;
}
.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%;
	box-shadow: 0 0 0 0 rgba(106,112,119,.5); /* gray */
	-webkit-transition: box-shadow .4s;
	-moz-transition: box-shadow .4s;
	-ms-transition: box-shadow .4s;
	-o-transition: box-shadow .4s;
	transition: box-shadow .4s;
}
.help.clickable:hover:before {
	box-shadow: 0 0 0 4px rgba(106,112,119,.5); /* gray */
}
.help.clickable.colored-good:hover:before {
	box-shadow: 0 0 0 4px rgba(127,195,121,.5);
}
.help.clickable.colored-alert:hover:before {
	box-shadow: 0 0 0 4px rgba(255,162,0,.5);
}
.help.clickable.colored-warning:hover:before {
	box-shadow: 0 0 0 4px rgba(234,89,81,.5);
}

/* common | typo */
.small,
small {
	font-size: 80%;
}
.strong {
	font-weight: 700;
}
.normal {
	font-weight: 400;
}
body,
.black {
	color: #444444;
}
.searched-text {
	color: #ffa200;
}
.gray {
	color: #676868;
}
.page-title .sub,
.sub-title .sub,
.page-header-info,
.layer-closer,
.join-steps {
	color: #6a7077;
}
.muted,
.site-footer,
.custom-input:disabled,
.input-text:disabled,
.select:disabled,
.textarea:disabled,
.input-checkbox:disabled + .label,
.input-radio:disabled + .label {
	color: #bdbdbd;
}
.input-radio:disabled {
	color: #bdbdbd;
}
::-ms-input-placeholder {
	color: #999999;
}
:-ms-input-placeholder {
	color: #999999;
}
.placeholder {
	color: #999999;
}
.placeholder-right::-webkit-input-placeholder {
	text-align:right;
}
.white {
	color: #ffffff;
}
.necessary {
	position: relative;
	left: 2px;
	top: -3px;
	color: #ff604f;
}
.underline {
	text-decoration: underline;
}
.colored,
.input-checkbox,
.input-checkbox:before,
.input-checkbox:checked {
	color: #ffb244;
}
.white-checkbox .input-checkbox:checked {
	color: #fff;
}
.white-checkbox .input-checkbox:checked:before {
	color: #fff;
}
.input-checkbox:before {
	color: #9e9e9e;
}
.input-checkbox:checked:before {
	color: #ffb244;
}
.colored-blue {
	color: #03a9f4 !important;
}
.colored-red {
	color: #f75a54 !important;
}
.colored-pink {
	color: #fd796d !important;
}
.colored-good {
	color: #7fc379 !important;
}
.colored-alert {
	color: #ffa200 !important;
}
.colored-white {
	color: #fff !important;
}
.colored-error,
.sunday,
.ui-datepicker table th span[title="일요일"],
.ui-datepicker .ui-datepicker-sunday {
	color: #ff3d00;
}

.align-right {
	text-align: right !important;
}
.align-left {
	text-align: left !important;
}
.align-center {
	text-align: center !important;
}
.ajax-loading {
	min-height: 30px;
	background: url('../images/common/ajax-loader2.gif') 50% 50% no-repeat;
	background-size: 30px auto;
}

hr {
	margin: 20px auto;
	border-top: 1px solid #999999;
}
.origin-link {
	font-size: 12px;
	color: #008ae8;
	text-decoration: underline;
}
.bg-gray {
	background-color: #f8f8f8;
}
/* common | icon */
.jq-has-icon:after,
.ui-datepicker .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-next:before,
.ui-dialog .ui-dialog-titlebar-close:before,
.input-checkbox:before,
.input-radio:before,
.input-radio:checked:after {
	overflow: hidden;
	display: inline-block;
	width: 1em;
	height: 1em;
	font-family: 'Material Icons';
	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;
}
/* common | icon | ie */
.ie .ui-datepicker .ui-datepicker-prev:before,
.ie .ui-datepicker .ui-datepicker-next:before
.ie .ui-dialog .ui-dialog-titlebar-close:before {
	content: '';
	background-repeat: no-repeat;
}
/* common | badge */
.badge {
	position: relative;
	top: -1px;
	box-sizing: border-box;
	display: inline-block;
	min-width: 18px;
	padding: 4px 5px 2px;
	border-radius: 9px;
	background: #999999;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
}
.badge-red {
	background: #f75a54;
}
.badge-white {
	background: #ffffff;
	color: #ffb244;
}
.badge-dark {
	background: #676868;
}
.badge-gray {
	background: #bebebe;
}
.badge-orange {
	background: #ffb244;
}
.badge-blue {
	background: #4eb2e7;
}
.badge-green {
	background: #7cc659;
}
.badge-tab,
.badge-multi-select {
	background-color: #f5f5f5;
	color: #888;
}
.on .badge-tab {
	background-color: #f75a54;
	color: #fff;
}
.badge-whitegrey {
	border: 1px solid #b2ac9a;
	color: #b2ac9a;
}
.badge-transparent {
	border: 1px solid #fdb244;
	color: #fdb244;	
	background: transparent;
}
.badge-small {
	min-width: 16px;
	padding: 3px 4px 1px;
}
.badge-large {
	min-width: 20px;
	border-radius: 10px;
	padding: 5px 6px 3px;
}
.badge-square{
	margin-left:1px;
	border-radius: 2px;
}

/* common | tab */
.tab-nav {
	display: table;
	width: 100%;
	height: 50px;
	border-bottom:1px solid #ddd;
	table-layout: fixed;
}
.tab-nav.dark {
	height: 40px;
	border-bottom: 2px solid #555;
}
.tab-nav.promotion {
	margin-bottom: 15px;
}
.tab-nav li {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #999999;
}

.tab-nav.dark li {
	color: #444;
}
.tab-nav a {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0 5px;
	line-height: 52px;
}
.tab-nav.dark a {
	height: 40px;
	line-height: 42px;
	border: 1px solid #ddd;
	border-bottom: none;
	box-sizing: border-box;
}
.tab-nav .on {
	color: #f6a735;
}
.tab-nav.dark .on {
	color: #fff;
	background-color: #555;
}
.tab-nav.dark .on a {
	border-color: #555;
}
.tab-nav .on:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: #f6a735;
}
.tab-nav.dark .on:after {
	display: none;
}
.tab-nav.fix-width,
.tab-nav.fix-width-only-mobile {
	display: block;
	overflow: hidden;
}

.tab-nav.fix-width li,
.tab-nav.fix-width-only-mobile li {
	display: block;
	float: left;
	width: auto;
	min-width:120px;
}
.tab-nav + .page-header {
	margin-top: 36px;
}
.page-header + .tab-nav {
	margin-top: -20px;
}
.tab-nav.fixed-top {
	margin-top: -20px;
}
.tab-content {
	display: none;
}
.tab-content.on {
	display: block;
}
/* common | tab | tab has btn */
.box > .tab-nav-common-wrapper,
.box > .tab-nav-wrapper {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 0;
}
.box > .tab-nav-wrapper {
	border-bottom: 1px solid #ddd;
}
.box > .tab-nav-wrapper .tab-nav {
	border: none;
}
.tab-nav-wrapper {
	position: relative;;
	border-bottom: 1px solid #ddd;
}
.tab-nav-wrapper .mCSB_scrollTools {
	bottom: -7px !important;
}
.tab-nav-wrapper .mCSB_scrollTools > div {
	opacity: .3 !important;
}
.box .tab-nav-has-btn {
	border-bottom: none;
}
.tab-nav-has-btn .tab-nav {
	border-bottom: none;
}
/* .tab-nav-has-btn + .btn-tab-nav */
.tab-nav-wrapper .btn-tab-nav {
	display: none;
	position: absolute;
	top: 0;
	width: 30px;
	height: 50px;
	border: none;
	border-radius: 0;
}
.btn-tab-nav.left {
	left: 0;
	border-right: 1px solid #ddd;
}
.btn-tab-nav.right {
	right: 0;
	border-left: 1px solid #ddd;
}
.tab-nav.has-scroll {
	white-space: nowrap;
}
.tab-nav.has-scroll li {
	float: none;
	display: inline-block;
}

@media only screen and (max-width: 1023px) {
	.tab-nav.fix-width {
		display: table;
		table-layout: auto;
	}
	.tab-nav.fix-width li{
		display: table-cell;
		float: none;
		width: auto;
	}
	.tab-nav.fix-width-only-mobile {
		display: table;
	}
	.tab-nav.fix-width-only-mobile li {
		float: none;
		display: table-cell;
		width: auto;
	}
	.tab-nav.has-scroll {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}
	.tab-nav.has-scroll li {
		float: none;
		display: inline-block;
		width: auto;
	}
	.box > .tab-nav-common-wrapper,
	.box > .tab-nav-wrapper {
		margin-left: -10px;
		margin-right: -10px;
	}
	.tab-nav-wrapper {
		padding: 0;
	}
}
/* common | button */
.btn {
	-webkit-appearance: none;
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	min-width: 100px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #a7a6a6;
	margin: 0;
	padding: 0 10px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	color: #000;
	vertical-align: middle;
	background: #ffffff;
}
.btn:disabled {
	border: 1px solid #cfcfcf;
	color: #bcbdbd;
	background: #f2f2f2;
	cursor: auto;
}
.ie8 .btn {
	min-width: 70px;
}
.ie8 .btn-narrow {
	min-width: 0;
}
.ie8 .btn-shorter {
	min-width: 45px;
}
a.btn {
	line-height: 34px;
}
a.btn + a.btn {
	margin-left: 6px;
}
.btn-colored {
	border-color: #f9a731;
	background: #ffb244;
	color: #ffffff;
}
.btn-dark {
	border-color: #373d46;
	background: #373d46;
	color: #ffffff;
}
.btn-yellow {
	border-color: #f9a731;
	color: #f9a731;
	background: #fff;
}
.btn-transparent {
	background: none;
	border-color: #fff;
	color: #ffffff;
}
.btn .material-icons {
	position: relative;
	top: -1px;
	margin-left: -5px;
	font-size: 18px;
	vertical-align: middle;
}
.btn-smallest {
	padding: 3px 5px;
	min-width: 0;
	height: auto;
	line-height: normal;
	font-size: 10px;
}
.btn-icon {
	min-width: 36px;
}
.btn-icon.btn-small {
	min-width: 30px;
}
.btn-icon.btn-large {
	min-width: 42px;
}
.btn-icon  .material-icons {
	top: 0;
	margin-left: 0;
}
.btn-tight {
	padding: 0;
}
.btn-narrow {
	min-width: 0;
}
.btn-large {
	height: 42px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 16px;
}
a.btn-large {
	line-height: 42px;
}
.btn-larger {
	height: 52px;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 20px;
}
a.btn-larger {
	line-height: 53px;
}
.btn-long {
	min-width: 126px;
}
.btn-short {
	min-width: 75px;
}
.btn-shorter {
	min-width: 45px;
}
.btn-half {
	width: 50%;
}
.btn-small {
	/*min-width: 0;*/
	height: 30px;
	line-height: normal;
	font-size: 12px;
}
.btn-smaller {
	height: 22px;
	line-height: 22px;
	font-size: 12px;
}
.btn-smallest {
	width: 20px;
	height: 20px;
}
.btn-sharp {
	border-radius: 0;
}
.ie8 .btn-smaller,
.ie8 .btn-small,
.ie8 .btn-tiny,
.ie8 .btn-icon {
	min-width: 0;
}
a.btn-small {
	line-height: 31px;
}
a.btn-smaller {
	line-height: 23px;
}
.btn-full {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
.custom-input + .btn,
.input-text + .btn,
.only-mobile.br + .btn,
.input-text + .input-text,
.input-text + .select,
.select + .select,
.select + .input-text,
.date-setting-wrap + .date-setting-wrap,
.multi-select-filter-wrap + .select,
.multi-select-filter-wrap + .btn,
.multi-select-filter-wrap + .input-text,
.select + .multi-select-filter-wrap,
.input-text + .multi-select-filter-wrap {
	margin-left: 6px;
}

.btn-area {
	margin: 20px;
	text-align: center;
}

.btn-more {
	position: relative;
	display: inline-block;
	margin-left: 5px;
}
.btn-more .btn {
	margin-left: 0;
}

@media only screen and (max-width: 1023px) {
	.btn {
		padding-left: 8px;
		padding-right: 8px;
	}
	.btn-small {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* common | form */
input, textarea, select, option, button {
	font-size: 100%;
	font-family: inherit;
	color: inherit;
}
.input-wrapper-badge {
	position: relative;
	display: inline-block;
}
.input-wrapper-badge .badge {
	display: none;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
}
.input-wrapper-badge.on .badge {
	display: inline-block;
}
.custom-input,
.input-text,
.select,
.textarea,
.input-checkbox,
.input-radio {
	-webkit-appearance: none;
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	font-size: 13px;
}
.custom-input,
.input-text,
.select,
.textarea {
	-moz-appearance: none;
	height: 30px;
	border-radius: 2px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}
.input-large,
.select-large {
	height: 34px;
}
.input-text {
	padding: 0 10px;
}
.custom-input {
	position: relative;
	padding: 5px 10px;
}
.ie8 .input-text {
	padding-top: 5px;
}
.input-search {
	position: relative;
	padding-left: 25px;
	padding-right: 2px;
	background-image: url('../images/icons/icon-search.png');
	background-position: 5px 50%;
	background-repeat: no-repeat;
}
.input-transparent {
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
}
.input-search::-webkit-search-decoration {
	-webkit-appearance: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.input-search {
		background-image: url('../images/icons/icon-search@3x.png');
		-webkit-background-size: 16px auto;
		background-size: 16px auto;
	}
}
.input-date-range,
.select,
.layer-handler,
.multi-select-filter-wrap > .input-text {
	padding-right: 20px;
	background-image: url('../images/icons/icon-arrow-drop-down-box.png');
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.input-date-range,
	.select,
	.layer-handler {
		background-image: url('../images/icons/icon-arrow-drop-down-box@3x.png');
		-webkit-background-size: 20px auto;
		background-size: 20px auto;
	}
}
.select {
	padding-left: 10px;
}
.ie .select {
	padding-left: 5px;
	padding-right: 0 !important;
	padding-top: 0;
	background-image: none !important;
}
.textarea {
	resize: none;
	height: auto;
	min-height: 50px;
	padding: 10px;
}
.textarea.resizable {
	resize: vertical;
}
.input-text,
.select {
	width: 140px;
	word-break: initial;
}
.select-auto {
	width: auto;
}
.input-shorter,
.select-shorter {
	width: 85px;
}
.input-shorter2,
.select-shorter2 {
	width: 85px;
}
.input-short,
.select-short {
	width: 110px;
}
.input-short2,
.select-short2 {
	width: 100px;
}
.input-proper,
.select-proper {
	width: 124px;
}
.input-long,
.select-long {
	width: 200px;
}
.input-longer,
.select-longer {
	width: 250px;
}
.input-longest,
.select-longest {
	width: 320px;
}
.input-date-range {
	width: 220px; /* datepicker width */
}
.input-full,
.select-full,
.textarea {
	width: 100%;
}
.input-checkbox,
.input-radio {
	position: relative;
	top: -1px;
	overflow: hidden;
	width: 22px;
	height: 22px;
	border: 0;
	padding: 0;
	background: transparent;
	color: #e5e5e5;
	font-size: 22px !important;
	word-break: initial; /* table 안보이는 문제 해결 */
}
.input-checkbox {
	width: 18px;
	height: 18px;
	font-size: 18px !important;
}
.android .input-checkbox,
.android .input-radio {
	width: auto;
	height: auto;
}
.android .input-checkbox {
	-webkit-appearance: checkbox;
}
.android .input-radio {
	-webkit-appearance: radio;
}
.moz .input-checkbox,
.moz .input-radio,
.ie .input-checkbox,
.ie .input-radio {
	width: auto;
	height: auto;
}
@supports (-ms-accelerator:true) { /* edge browser */
	.input-checkbox,
	.input-radio {
		width: auto;
		height: auto;
	}
}
.input-checkbox:before {
	content: 'check_box_outline_blank';
}
.input-checkbox.checked-some:before {
	content: 'indeterminate_check_box'
}
.input-checkbox:checked:before {
	content: 'check_box';
}
.input-radio:before {
	content: 'radio_button_unchecked';
}
.input-radio:checked:before {
	content: 'radio_button_checked';
}
.input-radio:checked:after {
	content: 'lens';
	position: relative;
	top: -.6em;
	margin-left: -1.6em;
	font-size: 10px;
	color: #ffb234;
}
.android .input-checkbox:before,
.android .input-radio:before{
	content : '';
	display: none;
}
.input-text[readonly].hasDatepicker,
.input-text[readonly].input-date-range,
.input-text[readonly].input-autocomplete,
.input-text[readonly].input-origin,
.input-text[readonly].input-multiFilter,
.input-text[readonly].input-readonly-white,
.input-text[readonly].ui-autocomplete-input {
	background-color: #ffffff;
	cursor: pointer;
	color: #676868;
}
.input-text[readonly],
.select[readonly],
.textarea[readonly],
.multi-select-filter-wrap .input-text.input-disabled,
.input-text:disabled,
.input-text:disabled.hasDatepicker,
.input-text:disabled.input-date-range,
.select:disabled,
.textarea:disabled {
	background-color: #f1f1f1;
	color: #bcbdbd;
}
.multi-select-filter-wrap .input-text.input-disabled::-webkit-input-placeholder {
	color: #bcbdbd;
}
.multi-select-filter-wrap .input-text.input-disabled::-moz-placeholder {
	color: #bcbdbd;
}
.multi-select-filter-wrap .input-text.input-disabled:-ms-input-placeholder {
	color: #bcbdbd;
}
.multi-select-filter-wrap .input-text.input-disabled:-moz-placeholder {
	color: #bcbdbd;
}
.custom-input.focus,
.input-text:focus,
.select:focus,
.textarea:focus {
	outline: none;
	border-color: #56b1e5;
	box-shadow: 0 0 3px rgba(86,177,229,.5);
}
.input-transparent:focus {
	box-shadow: none;
}
.moz .select:focus {
	/*outline 없애기  */
	color: rgba(0,0,0,0);
	text-shadow: 0 0 0 #000;
}
.input-text.validation-good,
.select.validation-good,
.textarea.validation-good {
	border-color: #7fc379;
}
.input-text.validation-alert,
.select.validation-alert,
.textarea.validation-alert {
	border-color: #ffa200;
}
.input-text.validation-error,
.select.validation-error,
.textarea.validation-error {
	border-color: #ea5951;
}
@media only screen and (max-width: 1023px) {
	.input-text:not(.always),
	.select:not(.always),
	.textarea:not(.always) {
		width: 100% !important;
		margin-left: 0;
	}
	.input-text + .btn,
	.only-mobile + .btn {
		margin-left: 0;
	}
}
/* common | form | terms */
.terms-box {
	height: 250px;
	margin: 6px 0;
	padding: 20px;
	border: 1px solid #dddddd;
	border-radius: 2px;
	font-size: 12px;
}
.terms-box.dialog-terms {
	padding: 4px;
	height: 60px;
}
.terms-agree {
	margin-bottom: 25px;
	font-size: 12px;
}
.terms-agree-all {
	margin-bottom: 20px;
}
/* common | fieldset */
.label-wrapper {
	display: inline-block;
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 10px;
	white-space: nowrap;
}
.label-wrapper:last-child {
	margin-right: 0;
}
.label-wrapper .label {
	display: inline-block;
}
.label-wrapper .label:first-child {
	min-width: 50px;
	margin-right: 5px;
}
.label-wrapper .label-auto:first-child {
	min-width: 0;
}
.label-wrapper + .btn,
.label-wrapper + .input-text,
.input-text + .label-wrapper {
	margin-left: 10px;
}
.form-fieldset {
	margin: 10px 0;
}
.form-fieldset-label {
	font-weight: 700;
}
.form-fieldset-input {
	margin: 4px 0 25px;
}
.form-table {
	width: 100%;
	table-layout: fixed;
}
.form-table-label {
	width: 125px;
	padding-top: 13px;
	font-weight: 700;
	vertical-align: top;
}
.form-table-label-middle {
	padding: 0;
	vertical-align: middle;
}
.ui-dialog .form-table-label {
	padding-top: 10px;
}
.dialog-body .dialog-intro {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 700;
}
.dialog-body .form-table-label {
	width: 80px;
}
.dialog-body .form-table-label.form-table-label-long {
	width: 100px;
}
.form-table-label .badge {
	margin-left: 3px;
}
.form-table-input {
	position: relative;
	padding: 5px 5px 5px 0;
	vertical-align: middle;
}
.ui-dialog .form-table-input {
	padding: 2.5px 5px 2.5px 0;
}
.form-table-input > .label-wrapper {
	margin-top: 7px;
	margin-bottom: 7px;
}
.plain-text {
	min-height: 1.5em;
	padding-top: 9px;
	padding-bottom: 7px;
}
.ui-dialog .plain-text {
	min-height: 1em;
	padding-top: 8px;
	padding-bottom: 3px;
}
.input-guide {
	margin-top: 4px;
	margin-left: 10px;
	font-size: 12px;
	line-height: 22px;
}
.form-footer {
	position: relative;
	margin-top: 30px;
	text-align: center;
}
.form-btn .btn + .btn {
	margin-left: 10px;
}
.form-btn {
	position: relative;
}
.form-btn .left {
	position: absolute;
	left: 0;
	top: 0;
}
.form-btn .right {
	position: absolute;
	top: 0;
	right: 0;
}
@media only screen and (max-width: 1023px) {
	.label-wrapper .label {
		display: inline;
		white-space: normal;
	}
	.form-table,
	.form-table tbody,
	.form-table tr,
	.form-table-label,
	.form-table-input {
		display: block;
	}
	.form-table-label {
		width: auto;
		padding-top: 0;
	}
	.form-table-input {
		padding-top: 5px;
		padding-bottom: 15px;
	}
	.form-table .br {
		margin-top: 8px;
	}
	.form-btn .btn + .btn {
		margin-left: 5px;
	}
	.form-btn .btn {
		min-width: 50px;
	}
	.form-btn .right,
	.form-btn .left {
		/*position: static;*/
	}
	.dialog-body .form-table-label {
		width: auto;
	}
}

/* common | jquery ui | reset */
.ui-widget-content {
	color: inherit;
}
.ui-corner-all {
	border-radius: 0;
}
.ui-widget-overlay {
	background: rgba(0,0,0,.35);
	opacity: inherit;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

/* common | jquery ui | autocomplete */
.ui-autocomplete {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	min-width: 130px;
	max-width: 500px;
	max-height: 219px;
	margin-top: -1px;
	border-color: #e0e0e0;
	background: #ffffff;
	white-space: nowrap;
}
.ui-autocomplete.has-add-btn {
	padding-bottom: 27px;
	box-sizing: border-box;
}
.ui-autocomplete li {
	overflow: hidden;
	/* text-overflow: ellipsis; */
}
.ui-autocomplete-has-add {
	padding-bottom: 31px;
}
.ui-autocomplete .ui-menu-item {
	position: relative;
	padding: 5px 10px;
	padding-right: 25px;
}
.ui-autocomplete .ui-menu-item[tabindex="-1"]:last-child {
	margin-bottom: 5px;
}
.ui-autocomplete .ui-menu-item[tabindex="-1"]:last-child:after {
	content: '';
	margin: 10px 0;
	height: 1px;
	background: #e0e0e0;
}
.ui-menu-delete {
	position: absolute;
	top: 10px;
	right: 2px;
	color: #999;
	font-size: 13px !important;
}
.ui-autocomplete .ui-state-focus {
	border: 0;
	margin: 0;
	background: #e0e0e0;
	font-weight: normal;
	color: inherit;
}
.ui-autocomplete .ui-autocomplete-add-li {
	position: static;
	height: 0;
	padding: 0;
}
.ui-autocomplete .ui-autocomplete-add,
.ui-autocomplete .ui-state-focus .ui-autocomplete-add {
	color: #ffffff;
	text-decoration: none;
}
.ui-autocomplete-add {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	overflow: hidden;
	height: 31px;
	padding: 0 10px;
	background-color: #ffb244;
	text-align: center;
	line-height: 31px;
}

.ui-autocomplete .link-add-hall {
	margin-top: 5px;
	margin-bottom: 0 !important;
	border: 1px solid #f9a731;
	background: #ffb244 !important;
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
}
.ui-autocomplete .ui-add-hall {
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: -2px;
	font-size: 16px;
}

.ui-autocomplete .add-autocomplete {
	margin-top: 5px;
	margin-bottom: 0 !important;
	border: 1px solid #f9a731;
	background: #ffb244 !important;
	position: absolute;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
}
.ui-autocomplete .ui-add-autocomplete {
	vertical-align: middle;
	position: relative;
	top: -2px;
	left: -2px;
	font-size: 16px;
}

.autocomplete-wrap {
	display: inline-block;
}
@media only screen and (max-width: 1023px) {
	.autocomplete-wrap {
		width: 100%;
		margin-bottom: 5px;
	}
	.autocomplete-wrap.auto-width {
		width: auto;
	}
	.autocomplete-wrap.half-width {
		width: 50%;
	}
}
/* common | jquery toast */
.jq-toast-wrap {
	display: block;
	z-index: 1002;
	position: fixed;
	width: 250px;
	pointer-events: none !important;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}
.jq-toast-wrap * {
	margin: 0;
	padding: 0;
}
.jq-toast-wrap.bottom-left {
	bottom: 20px;
	left: 20px;
}
.jq-toast-wrap.bottom-right {
	bottom: 20px;
	right: 40px;
}
.jq-toast-wrap.top-left {
	top: 20px;
	left: 20px;
}
.jq-toast-wrap.top-right {
	top: 20px;
	right: 40px;
}
.jq-toast-single {
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 10px 20px;
	margin: 0px 0px 5px;
	border-radius: 4px;
	font-size: 12px;
	position: relative;
	pointer-events: all !important;
	background-color: #6fb6f2;
	color: #ffffff;
}
.jq-toast-single h2 {
	font-size: 13px;
	margin: 0px 0px 4px;
	background: none;
	color: inherit;
	line-height: inherit;
	letter-spacing: normal;
}
.jq-toast-single a {
	margin-left: 5px;
	text-decoration: underline;
}
.jq-toast-single ul {
	margin: 0px 0px 0px 15px;
	background: none;
	padding: 0px;
}
.jq-toast-single ul li {
	list-style-type: disc !important;
	line-height: 17px;
	background: none;
	margin: 0;
	padding: 0;
	letter-spacing: normal;
}
.close-jq-toast-single {
	position: absolute;
	top: 3px;
	right: 7px;
	font-size: 13px;
	cursor: pointer;
}
.jq-has-icon {
	padding: 10px 20px 10px 60px;
}
.jq-has-icon:after {
	content: '';
	display: block;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -16px;
	font-size: 32px;
}
.jq-icon-info:after {
	content: 'error';
}
.jq-icon-warning {
	background-color: #ffa200;
}
.jq-icon-warning:after {
	content: 'warning';
}
.jq-icon-error {
	background-color: #ea5951;
}
.jq-icon-error:after {
	content: 'error_outline';
}
.jq-icon-success {
	background-color: #7fc379;
}
.jq-icon-success:after {
	content: 'check';
}
.edge .jq-has-icon,
.ie  .jq-has-icon {
	background-position: 20px 50%;
	background-repeat:no-repeat;
}
.edge .jq-has-icon:after,
.ie .jq-has-icon:after {
	display: none;
}
.edge .jq-icon-info,
.ie .jq-icon-info {
	background-image: url('../images/icons/icon-toast-info.png');
}
.edge .jq-icon-warning,
.ie .jq-icon-warning {
	background-image: url('../images/icons/icon-toast-warning.png');
}
.edge .jq-icon-error,
.ie .jq-icon-error {
	background-image: url('../images/icons/icon-toast-error.png');
}
.edge .jq-icon-success,
.ie .jq-icon-success {
	background-image: url('../images/icons/icon-toast-success.png');
}

/* page | 스토어 */
.service-border {
	margin: 0 auto 18px;;
	padding: 15px 0 25px;
	/* width: 790px; */
	/* border: 1px solid #ddd; */
}
.service-item {
	display: none;
	margin-bottom: 18px;
}
.service-item.on {
	display: block;
}
.service-wrap > section {
	padding: 25px 0;
	color: #676868;
}
.service-wrap > section.service-intro {
	padding: 0;
	text-align: center;
}
.service-wrap > section.service-preview {
	padding: 40px 0 70px;
	background-color: #f9f9f9;
}
.service-wrap > section.service-fee {
	font-size: 18px;
	color: #fff;
	text-align: center;
	background-color: #6fb6f2;
}
.service-wrap > section.service-customers {
	margin: 25px auto;
	width: 680px;
}
.service-customers > h4 {
	color: #050505;
}
.service-customers > .service-customers-list li {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	width: 128px;
	height: 52px;
	border: 1px solid #000;
	box-sizing: border-box;
	
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.service-customers > .service-customers-list li.no-margin-pc {
	margin-left: 0;
}
.service-customers > p {
	margin-top: 10px;
	color: #b6b7b7;	
}
.service-sub-title {
	font-size: 16px;
	font-weight: 700;
	color: #000;
}
.service-wrap .service-apply {
	padding-top: 0;
}
.service-apply-logo {
	position: relative;
	padding-bottom: 30%;
	background-repeat:no-repeat;
}
.service-apply-logo .logo {
	position: absolute;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
}
.service-apply-logo.maru {
	background-image: url('../images/store/maru/store-maru-bg.jpg');
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
.service-apply-logo.maru .logo {
	margin: -28px 0 0 -87px;
	top: 50%;
	left: 50%;
	width: 174px;
	height: 55px;
	background-image: url('../images/store/maru/store-maru-logo.png');
}
.service-apply-logo.studion {
	background-image: url('../images/store/studion/store-studion-bg.png');
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}
.service-apply-logo.studion:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 85%, rgba(127,127,127,0.12) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(85%,rgba(255,255,255,0.25)), color-stop(100%,rgba(127,127,127,0.12))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 85%,rgba(127,127,127,0.12) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 85%,rgba(127,127,127,0.12) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 85%,rgba(127,127,127,0.12) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.25) 85%,rgba(127,127,127,0.12) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1f7f7f7f',GradientType=0 ); /* IE6-9 */
}
.service-apply-logo.studion .logo {
	margin-top: -20px;
	margin-left: -81px;
	width: 163px;
	height: 39px;
	left: 50%;
	top: 50%;
	background-image: url('../images/store/store-studion-logo1.png');
}

.service-apply-logo.dophoto {
	background-image: url('../images/store/store-dophoto-logo2.png');
	background-position: 100% 100%;
}
.service-apply-logo.dophoto .logo {
	margin-top: 55px;
	width: 145px;
	height: 28px;
	left: 115px;
	top: 138px;
	background-image: url('../images/store/store-dophoto-logo1.png');
}
@media only screen and (max-width: 700px) {
	.service-wrap > section.service-customers {
		padding: 0 8px;
		width: 100%;
		box-sizing: border-box;
	}
	.service-customers > .service-customers-list li {
		padding-bottom: 18%;
		width: 32%;
		height: 0;
		margin-left: 2%;
		-webkit-background-size: 90% auto;
		background-size: 90% auto;
	}
	.service-customers > .service-customers-list li.no-margin-pc {
		margin-left: 2%;
	}
	.service-customers > .service-customers-list li:nth-child(3n+1) {
		margin-left: 0;
	}
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
}
.service-apply-list {
	margin-top: 55px;
	padding: 0 10px;
	box-sizing: border-box;
}
.service-apply-list li {
	float: left;
	width: 25%;
	line-height: 1.2;
	box-sizing: border-box;
}
.service-apply-list .icon {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 14px;
}
.service-apply-list .icon-maru1 {
	background-image: url('../images/store/maru1.png');
}
.service-apply-list .icon-maru2 {
	background-image: url('../images/store/maru2.png');
}
.service-apply-list .icon-maru3 {
	background-image: url('../images/store/maru3.png');
}
.service-apply-list .icon-maru4 {
	background-image: url('../images/store/maru4.png');
}
.service-apply-list .icon-studion1 {
	background-image: url('../images/store/studion1.png');
}
.service-apply-list .icon-studion2 {
	background-image: url('../images/store/studion2.png');
}
.service-apply-list .icon-studion3 {
	background-image: url('../images/store/studion3.png');
}
.service-apply-list .icon-studion4 {
	background-image: url('../images/store/studion4.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.service-apply-list .icon {
		-webkit-background-size:contain;
		background-size:contain;
	}
	.service-apply-list .icon-maru1 {
		background-image: url('../images/store/maru1@3x.png');
	}
	.service-apply-list .icon-maru2 {
		background-image: url('../images/store/maru2@3x.png');
	}
	.service-apply-list .icon-maru3 {
		background-image: url('../images/store/maru3@3x.png');
	}
	.service-apply-list .icon-maru4 {
		background-image: url('../images/store/maru4@3x.png');
	}
	.service-apply-list .icon-studion1 {
		background-image: url('../images/store/studion1@3x.png');
	}
	.service-apply-list .icon-studion2 {
		background-image: url('../images/store/studion2@3x.png');
	}
	.service-apply-list .icon-studion3 {
		background-image: url('../images/store/studion3@3x.png');
	}
	.service-apply-list .icon-studion4 {
		background-image: url('../images/store/studion4@3x.png');
	}
	
}
.service-apply-list p {
	margin-top: 10px;
	float: left;
	vertical-align: middle;
}
.service-apply-list p.line {
	margin-top: 17px;
}
.service-wrap > .service-preview {
	border-top: 1px solid #ddd;
}
.service-intro ul > li {
	margin: 2.5px 0;
}
.service-aplly-btn {
	margin-left: 10px;
	color: #fff;
	border-color: #fff;
}
.store-thumb-wrap {
	position: relative;
	margin: 10px auto 0;
	width: 680px;
	height: 130px;
}
.store-slider {
	overflow: hidden;
}
.owl-controls {
	display: none !important;
}
.owl-wrapper-outer div {
	height: 130px;
}
.arrow-wrap {
	display: none;
}
.arrow-wrap i {
	position: absolute;
	top: 50%;
	margin-top: -18px;
	font-size: 36px;
	color: #888;
	cursor: pointer;
}
.arrow-wrap .prev {
	left: -8px;
}
.arrow-wrap .next {
	right: 8px;
}

.store-thumb-cover {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #000;
	opacity: 0.8;
	z-index: 999;
}
.store-thumb-popup {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;;
	z-index: 999;
}
.owl-item {
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
}
.owl-item > div {
	padding: 0 5px;
}
.owl-item img {
	width: auto;
	height: 100%;
}
.popup-thumb-wrap {
	height: 100%;
}
.popup-thumb-close {
	position: absolute;
	top: 14px;
	right: 14px;
	cursor: pointer;
}
.popup-thumb-close > i {
	font-size: 36px;
	color: #fff;
}
.popup-thumb-outer {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -311px 0 0 -382.5px;
	color: #fff;
}
.popup-thumb-inner {
	width : 765px;
	overflow: hidden;
}
.popup-thumb {
	position: relative;
	width: 99999px;
}
.popup-thumb-list {
	float: left;
}
.popup-thumb-arrow i {
	position: absolute;
	top: 50%;
	margin-top: -12px;
	background-color: #000;
	cursor: pointer;
	z-index: 999;
	font-size: 36px;
}
.popup-thumb-arrow > .arrow-left {
	left: -80px;
}
.popup-thumb-arrow > .arrow-right {
	right: -80px;
}
.popup-thumb-info {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: 311px 0 0 -382.5px;
	width: 765px;
	color: #fff;
}
.popup-thumb-name {
	float: left;
	display: none;
}
.popup-thumb-paging {
	float: right;
}

@media only screen and (max-width: 1023px) {
	.site-store .wrapper {
		margin: 0;
	}
	.service-border {
		margin: 0 auto 2%;
		padding-top: 0;
		width: 100%;
		/* border: 1px solid #ddd; */
	}
	.service-wrap > section {
		padding: 20px 0;
		font-size: 13px;
	}
	.service-wrap > section.service-preview {
		padding: 20px 0 40px;
	}
	.service-apply-logo {
		margin-left: -10px;
		margin-right: -10px;
		padding-bottom: 40%;
	}
	.service-apply-list {
		padding: 0;
	}
	.service-apply-list li {
		position: relative;
		margin-bottom: 10px;
		width: 50%;
	}
	.service-apply-list .icon {
		margin-right: 10px;
	}
	.store-thumb-wrap {
		width: auto;
		height: 95px;
		padding-right: 0;
	}
	.store-slider {
		padding-left: 0;
	}
	.owl-wrapper-outer div {
		height: 95px;
		text-align: center;
		margin-left: 0;
	}
	.owl-controls {
		display: block !important;
	}
	.arrow-wrap {
		display: none;
	}
	.popup-thumb,.popup-thumb li {
		height: 100%;
	}
	.store-thumb-cover {
		opacity: 1;
	}
	.popup-thumb-close {
		right: 2px;
		top: 2px;
	}
	.popup-thumb-outer {
		left: 0;
		margin: -130px 0 0 0;
	}
	.popup-thumb-info {
		position: static;
	}
	.popup-thumb-name {
		display: none;
	}
	.popup-thumb-paging {
		float: none;
		position: absolute;
		left: 50%;
		bottom: 5px;
		margin-left: -10px;
		color: #fff;
	}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 640px) {
}



/* layout */
html,
body {
	height: 100%;
}
.middle-align {
	display: table;
	width: 100%;
}
.middle-align.full-height {
	height: 100%;
}
.middle-inner {
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width: 1023px) {
	body,
	#page {
		width: 100%;
		overflow-x: hidden;
		display: block;
	}
	.wrapper {
		width: auto;
	}
}

/* layout | main | page content | page header */
.page-header {
	position: relative;
	margin-bottom: 25px;
}
.page-header .page-title {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px solid #febc48;
	font-size: 18px;
}
.page-header-info {
	font-size: 12px;
}
.page-title.hidden + .page-header-info {
	margin: -20px -20px 0;
	padding: 20px;
	background-color: #f8f8f8;
	color: #676868;	
}
.page-title.hidden + .page-header-info + p {
	margin: -20px -20px 0;
	padding: 20px;
	background-color: #f8f8f8;
	color: #676868;	
}
.page-header-meta .btn {
	min-width: 70px;
}

/* page | error 404 */
#error {
	height: 100%;
	text-align: center;
	background: #f8f8f7;
	/*color: #ffffff;*/
	font-size: 15px;
}
.page-error {
	height: 100%;
	min-height: 580px;
}
.error-section {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -270px;
	padding: 10px;
}
.error-title {
	color: #ffb244;
	font-size: 58px;
	line-height: 1;
}
.error-message {
	margin: 20px 0 25px;
}
.error-section .link-home {
	margin-bottom: 45px;
}
.error-section .link-home a {
	color: #ffb244;
	text-decoration: underline;
}
.error-img {
	display: inline-block;
	width: 234px;
	height: 206px;
	background: url('../images/common/error-img.png') no-repeat;
}
.error-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 0 30px;
	text-align: center;
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 11px;
}
.error-logo {
	margin-bottom: -5px;
}
.error-logo .logo {
	display: inline-block;
	width: 220px;
	height: 56px;
	background: url('../images/common/logo-gray.png') 50% 50% no-repeat;
	vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.error-logo .logo {
		background-image: url('../images/common/logo-gray@3x.png');
		-webkit-background-size: 213px auto;
		background-size: 213px auto;
	}
}
@media only screen and (max-width: 1023px) {
	#error {
		font-size: 13px;
	}
	#page.page-error {
		position: relative;
		min-height: 550px;
	}
	.error-section {
		margin-top: -220px;
	}
	.error-title {
		font-size: 42px;
	}
	.error-img {
		width: 200px;
		height: 180px;
		-webkit-background-size:contain;
		background-size:contain;
	}
}
.notice-contents {
	padding: 10px 8px;
	background-color: #f8f8f8;
	border: 1px solid #dedede;
}
.notice-contents-title {
	margin-bottom: 10px;
	font-weight: 700;
}
.notice-contents .list-numbering li {
	margin-left: 14px;
	list-style: decimal;
}
.notice-contents li {
	font-size: 11px;
	color: #676868;
}

/* thumbnails default */
.thumb-default {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
}

/* 컨텐츠 안내사항 */
.contents-notice {
	margin-top: 18px;
	padding: 12px;
	border: 1px solid #ddd;
	font-size: 11px;
}
.contents-notice.has-bottom {
	margin-bottom: 18px;
}
.contents-notice-title {
	font-size: 13px;
}
.contents-notice ul {
	margin-top: 12px;
	padding-left: 15px;
}
.contents-notice li {
	list-style: disc;

}


/* line-clamp */
.line-cut {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
}

/* input error tooltip */
.ac-check-err-wrap {
	display: inline-block;
	position: relative;
}
.error-tooltip {
	position: absolute;
	left: -5px;
	top: -100%;
	margin-top: -5px;
	padding: 5px 10px;
	border-radius: 4px;
	background-color: #ff3d00;
	color: #fff;
	z-index: 9999;
	white-space: nowrap;
}
.error-tooltip:after {
	content: '';
	position: absolute;
	left: 4px;
	top: 100%;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 3.5px 0 3.5px;
	border-color: #ff3c00 transparent transparent transparent;
}