@charset "UTF-8";
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
	margin: 0;
	padding: 0;
}

dl, ul, ol, menu, li {
	list-style: none;
}

address, caption, cite, code, dfn, em, var {
	font-style: normal;
}

img, fieldset, iframe {
	border: 0 none;
}

img {
	max-width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

input, select, textarea, button {
	vertical-align: middle;
}

textarea {
	resize: none;
}

input::-ms-clear {
	display: none;
}

button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer;
}

button, input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-appearance: button;
}

input[type="image"], input[type="text"], input[type="submit"], input[type="password"], input[type='search'] {
	-webkit-border-radius: 0;
	        border-radius: 0;
	-webkit-appearance: none;
}

input:checked[type='checkbox'] {
	-webkit-appearance: checkbox;
	background-color: transparent;
}

input[type='search']::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

caption, legend {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

a {
	text-decoration: none;
	select-dummy: expression(this.hideFocus=true);
}

body, h1, h2, h3, h4, h5, h6, th, td, input, select, textarea, button {
	/* font family, letter-spacing etc...*/
}

hr {
	display: none;
}

textarea, input {
	-webkit-apperence: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, main, menu {
	display: block;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

sup, sub {
	line-height: 0;
}

html, body {
	width: 100%;
}

ul:after, ol:after {
	content: '';
	clear: both;
	display: block;
}


.align-center{
	text-align: center;
}
/** =================== MONTSERRAT =================== **/
/** Montserrat Thin **/
@font-face {
	font-family: "Montserrat";
	font-weight: 100;
	font-style: normal;
	src: url("../font/Montserrat-Thin.eot");
	src: url("../font/Montserrat-Thin.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Thin.woff2") format("woff2"), url("../font/Montserrat-Thin.woff") format("woff");
}

/** Montserrat Thin-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 100;
	font-style: italic;
	src: url("../font/Montserrat-ThinItalic.eot");
	src: url("../font/Montserrat-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ThinItalic.woff2") format("woff2"), url("../font/Montserrat-ThinItalic.woff") format("woff");
}

/** Montserrat ExtraLight **/
@font-face {
	font-family: "Montserrat";
	font-weight: 200;
	font-style: normal;
	src: url("../font/Montserrat-ExtraLight.eot");
	src: url("../font/Montserrat-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraLight.woff2") format("woff2"), url("../font/Montserrat-ExtraLight.woff") format("woff");
}

/** Montserrat ExtraLight-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 200;
	font-style: italic;
	src: url("../font/Montserrat-ExtraLightItalic.eot");
	src: url("../font/Montserrat-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../font/Montserrat-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Light **/
@font-face {
	font-family: "Montserrat";
	font-weight: 300;
	font-style: normal;
	src: url("../font/Montserrat-Light.eot");
	src: url("../font/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Light.woff2") format("woff2"), url("../font/Montserrat-Light.woff") format("woff");
}

/** Montserrat Light-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 300;
	font-style: italic;
	src: url("../font/Montserrat-LightItalic.eot");
	src: url("../font/Montserrat-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-LightItalic.woff2") format("woff2"), url("../font/Montserrat-LightItalic.woff") format("woff");
}

/** Montserrat Regular **/
/** Montserrat Regular-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 400;
	font-style: italic;
	src: url("../font/Montserrat-Italic.eot");
	src: url("../font/Montserrat-Italic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Italic.woff2") format("woff2"), url("../font/Montserrat-Italic.woff") format("woff");
}

/** Montserrat Medium **/
@font-face {
	font-family: "Montserrat";
	font-weight: 500;
	font-style: normal;
	src: url("../font/Montserrat-Medium.eot");
	src: url("../font/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Medium.woff2") format("woff2"), url("../font/Montserrat-Medium.woff") format("woff");
}

/** Montserrat Medium-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 500;
	font-style: italic;
	src: url("../font/Montserrat-MediumItalic.eot");
	src: url("../font/Montserrat-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-MediumItalic.woff2") format("woff2"), url("../font/Montserrat-MediumItalic.woff") format("woff");
}

/** Montserrat SemiBold **/
@font-face {
	font-family: "Montserrat";
	font-weight: 600;
	font-style: normal;
	src: url("../font/Montserrat-SemiBold.eot");
	src: url("../font/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-SemiBold.woff2") format("woff2"), url("../font/Montserrat-SemiBold.woff") format("woff");
}

/** Montserrat SemiBold-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 600;
	font-style: italic;
	src: url("../font/Montserrat-SemiBoldItalic.eot");
	src: url("../font/Montserrat-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../font/Montserrat-SemiBoldItalic.woff") format("woff");
}

/** Montserrat Bold **/
@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: normal;
	src: url("../font/Montserrat-Bold.eot");
	src: url("../font/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Bold.woff2") format("woff2"), url("../font/Montserrat-Bold.woff") format("woff");
}

/** Montserrat Bold-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 700;
	font-style: italic;
	src: url("../font/Montserrat-BoldItalic.eot");
	src: url("../font/Montserrat-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-BoldItalic.woff2") format("woff2"), url("../font/Montserrat-BoldItalic.woff") format("woff");
}

/** Montserrat ExtraBold **/
@font-face {
	font-family: "Montserrat";
	font-weight: 800;
	font-style: normal;
	src: url("../font/Montserrat-ExtraBold.eot");
	src: url("../font/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraBold.woff2") format("woff2"), url("../font/Montserrat-ExtraBold.woff") format("woff");
}

/** Montserrat ExtraBold-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 800;
	font-style: italic;
	src: url("../font/Montserrat-ExtraBoldItalic.eot");
	src: url("../font/Montserrat-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../font/Montserrat-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Black **/
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-style: normal;
	src: url("../font/Montserrat-Black.eot");
	src: url("../font/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-Black.woff2") format("woff2"), url("../font/Montserrat-Black.woff") format("woff");
}

/** Montserrat Black-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-style: italic;
	src: url("../font/Montserrat-BlackItalic.eot");
	src: url("../font/Montserrat-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../font/Montserrat-BlackItalic.woff2") format("woff2"), url("../font/Montserrat-BlackItalic.woff") format("woff");
}

/** =================== MONTSERRAT ALTERNATES =================== **/
/** Montserrat Alternates Thin **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 100;
	font-style: normal;
	src: url("../font/MontserratAlternates-Thin.eot");
	src: url("../font/MontserratAlternates-Thin.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Thin.woff2") format("woff2"), url("../font/MontserratAlternates-Thin.woff") format("woff");
}

/** Montserrat Alternates Thin-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 100;
	font-style: italic;
	src: url("../font/MontserratAlternates-ThinItalic.eot");
	src: url("../font/MontserratAlternates-ThinItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-ThinItalic.woff2") format("woff2"), url("../font/MontserratAlternates-ThinItalic.woff") format("woff");
}

/** Montserrat Alternates ExtraLight **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 200;
	font-style: normal;
	src: url("../font/MontserratAlternates-ExtraLight.eot");
	src: url("../font/MontserratAlternates-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-ExtraLight.woff2") format("woff2"), url("../font/MontserratAlternates-ExtraLight.woff") format("woff");
}

/** Montserrat Alternates ExtraLight-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 200;
	font-style: italic;
	src: url("../font/MontserratAlternates-ExtraLightItalic.eot");
	src: url("../font/MontserratAlternates-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-ExtraLightItalic.woff2") format("woff2"), url("../font/MontserratAlternates-ExtraLightItalic.woff") format("woff");
}

/** Montserrat Alternates Light **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 300;
	font-style: normal;
	src: url("../font/MontserratAlternates-Light.eot");
	src: url("../font/MontserratAlternates-Light.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Light.woff2") format("woff2"), url("../font/MontserratAlternates-Light.woff") format("woff");
}

/** Montserrat Alternates Light-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 300;
	font-style: italic;
	src: url("../font/MontserratAlternates-LightItalic.eot");
	src: url("../font/MontserratAlternates-LightItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-LightItalic.woff2") format("woff2"), url("../font/MontserratAlternates-LightItalic.woff") format("woff");
}

/** Montserrat Alternates Regular **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 400;
	font-style: normal;
	src: url("../font/MontserratAlternates-Regular.eot");
	src: url("../font/MontserratAlternates-Regular.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Regular.woff2") format("woff2"), url("../font/MontserratAlternates-Regular.woff") format("woff");
}

/** Montserrat Alternates Regular-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 400;
	font-style: italic;
	src: url("../font/MontserratAlternates-Italic.eot");
	src: url("../font/MontserratAlternates-Italic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Italic.woff2") format("woff2"), url("../font/MontserratAlternates-Italic.woff") format("woff");
}

/** Montserrat Alternates Medium **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 500;
	font-style: normal;
	src: url("../font/MontserratAlternates-Medium.eot");
	src: url("../font/MontserratAlternates-Medium.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Medium.woff2") format("woff2"), url("../font/MontserratAlternates-Medium.woff") format("woff");
}

/** Montserrat Alternates Medium-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 500;
	font-style: italic;
	src: url("../font/MontserratAlternates-MediumItalic.eot");
	src: url("../font/MontserratAlternates-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-MediumItalic.woff2") format("woff2"), url("../font/MontserratAlternates-MediumItalic.woff") format("woff");
}

/** Montserrat Alternates SemiBold **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 600;
	font-style: normal;
	src: url("../font/MontserratAlternates-SemiBold.eot");
	src: url("../font/MontserratAlternates-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-SemiBold.woff2") format("woff2"), url("../font/MontserratAlternates-SemiBold.woff") format("woff");
}

/** Montserrat Alternates SemiBold-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 600;
	font-style: italic;
	src: url("../font/MontserratAlternates-SemiBoldItalic.eot");
	src: url("../font/MontserratAlternates-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-SemiBoldItalic.woff2") format("woff2"), url("../font/MontserratAlternates-SemiBoldItalic.woff") format("woff");
}

/** Montserrat Alternates Bold **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 700;
	font-style: normal;
	src: url("../font/MontserratAlternates-Bold.eot");
	src: url("../font/MontserratAlternates-Bold.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Bold.woff2") format("woff2"), url("../font/MontserratAlternates-Bold.woff") format("woff");
}

/** Montserrat Alternates Bold-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 700;
	font-style: italic;
	src: url("../font/MontserratAlternates-BoldItalic.eot");
	src: url("../font/MontserratAlternates-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-BoldItalic.woff2") format("woff2"), url("../font/MontserratAlternates-BoldItalic.woff") format("woff");
}

/** Montserrat Alternates ExtraBold **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 800;
	font-style: normal;
	src: url("../font/MontserratAlternates-ExtraBold.eot");
	src: url("../font/MontserratAlternates-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-ExtraBold.woff2") format("woff2"), url("../font/MontserratAlternates-ExtraBold.woff") format("woff");
}

/** Montserrat Alternates ExtraBold-Italic **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 800;
	font-style: italic;
	src: url("../font/MontserratAlternates-ExtraBoldItalic.eot");
	src: url("../font/MontserratAlternates-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-ExtraBoldItalic.woff2") format("woff2"), url("../font/MontserratAlternates-ExtraBoldItalic.woff") format("woff");
}

/** Montserrat Alternates Black **/
@font-face {
	font-family: "Montserrat Alternates";
	font-weight: 900;
	font-style: normal;
	src: url("../font/MontserratAlternates-Black.eot");
	src: url("../font/MontserratAlternates-Black.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-Black.woff2") format("woff2"), url("../font/MontserratAlternates-Black.woff") format("woff");
}

/** Montserrat Alternates Black-Italic **/
@font-face {
	font-family: "Montserrat";
	font-weight: 900;
	font-style: italic;
	src: url("../font/MontserratAlternates-BlackItalic.eot");
	src: url("../font/MontserratAlternates-BlackItalic.eot?#iefix") format("embedded-opentype"), url("../font/MontserratAlternates-BlackItalic.woff2") format("woff2"), url("../font/MontserratAlternates-BlackItalic.woff") format("woff");
}

/*******************************************
*    Noto Sans
********************************************/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(../font/NotoSansKR-Light.woff2) format("woff2"), url(../font/NotoSansKR-Light.woff) format("woff"), url(../font/NotoSansKR-Light.otf) format("opentype");
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NotoSansKR-Regular.woff2) format("woff2"), url(../font/NotoSansKR-Regular.woff) format("woff"), url(../font/NotoSansKR-Regular.otf) format("opentype");
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(../font/NotoSansKR-Medium.woff2) format("woff2"), url(../font/NotoSansKR-Medium.woff) format("woff"), url(../font/NotoSansKR-Medium.otf) format("opentype");
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NotoSansKR-Bold.woff2) format("woff2"), url(../font/NotoSansKR-Bold.woff) format("woff"), url(../font/NotoSansKR-Bold.otf) format("opentype");
}

html.showfair {
	font-size: 62.5%;
	line-height: 1.7;
	color: #687176;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	/*
        Animation
    */
	/*
        INPUT
    */
	/*
        LAYOUT
    */
	/* main */
	/*
        Include
    */
	/*
        Single Component
    */
	/* panorama */
	/*
        GUI
    */
	/* lib */
	/* Slider */
	/* event page */
}

html.showfair body {
	font-family: "Noto Sans KR", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
}

html.showfair.settings body {
	background: #fffffc;
}

html.showfair.settings .header {
	height: 80px;
	background-color: #171d20;
}

html.showfair.settings .header.scroll {
	background-color: #171d20;
}

html.showfair.settings .app-section {
	padding: 120px 0 80px;
}

html.showfair * {
	-webkit-tap-highlight-color: transparent;
	word-break: keep-all;
}

html.showfair *:focus {
	outline: none;
}

html.showfair .smoothScroll {
	-webkit-transition: -webkit-transform 1000ms ease-out;
	transition: -webkit-transform 1000ms ease-out;
	-o-transition: transform 1000ms ease-out;
	transition: transform 1000ms ease-out;
	transition: transform 1000ms ease-out, -webkit-transform 1000ms ease-out;
	background: #fff;
}

html.showfair ::-webkit-scrollbar {
	width: 0px;
	/* remove scrollbar space */
	background: transparent;
	/* optional: just make scrollbar invisible */
}

html.showfair body {
	font-size: 15px;
}

html.showfair em.through {
	text-decoration: line-through;
}

html.showfair em.nagetive {
	color: #ff3156;
}

html.showfair em.positive {
	color: #f8e058;
}

html.showfair em.natural {
	color: #171d20;
}

html.showfair em.normal {
	color: #aeb4bc;
}

html.showfair em.mint {
	color: #f8e058;
}

html.showfair em.red {
	color: #f74f63;
}

html.showfair em.deep-red {
	color: #ff0200;
}

html.showfair em.purple {
	color: #7766c6;
}

html.showfair em.gray {
	color: #687176;
}

html.showfair em.green {
	color: #00c73c;
}

html.showfair em.purple-red {
	color: #e62253;
}

html.showfair em.blue {
	color: #4595ff;
}

html.showfair #nt_loader {
	background: rgba(23, 29, 32, 0.5);
}

html.showfair .loader {
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

html.showfair .loader svg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

html.showfair .loader svg path,
html.showfair .loader svg rect {
	fill: #f8e058;
}

html.showfair #nt_bottom .go-btn span {
	background: rgba(23, 29, 32, 0.8);
	position: relative;
}

html.showfair #nt_bottom .go-btn span .fa-chevron-up:before {
	display: block;
	content: '';
	background: url("../img/ico-top.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	width: 16px;
	height: 22px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

@-webkit-keyframes zoom {
	from {
		width: 0;
		height: 0;
		opacity: 1;
	}
	30% {
		width: 100%;
		height: 100%;
	}
	90% {
		width: 100%;
		height: 100%;
	}
	to {
		opacity: 0;
	}
}

@keyframes zoom {
	from {
		width: 0;
		height: 0;
		opacity: 1;
	}
	30% {
		width: 100%;
		height: 100%;
	}
	90% {
		width: 100%;
		height: 100%;
	}
	to {
		opacity: 0;
	}
}

@-webkit-keyframes beat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes beat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes flip {
	0% {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
	100% {
		transform: rotateY(0);
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
}

@keyframes flip {
	0% {
		transform: rotateY(180deg);
		-webkit-transform: rotateY(-180deg);
		-moz-transform: rotateY(-180deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
	100% {
		transform: rotateY(0);
		-webkit-transform: rotateX(0deg) rotateY(0deg);
		-moz-transform: rotateX(0deg) rotateY(0deg);
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
	}
}

@-webkit-keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes opacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	14% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	28% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	42% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	70% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

html.showfair *::-webkit-input-placeholder {
	color: #aeb4bc;
}

html.showfair *:-ms-input-placeholder {
	color: #aeb4bc;
}

html.showfair *::-ms-input-placeholder {
	color: #aeb4bc;
}

html.showfair *::placeholder {
	color: #aeb4bc;
}

html.showfair *::-webkit-input-placeholder {
	color: #aeb4bc;
}

html.showfair *::-moz-placeholder {
	color: #aeb4bc;
}

html.showfair *:-ms-input-placeholder {
	color: #aeb4bc;
}

html.showfair *:-moz-placeholder {
	color: #aeb4bc;
}

html.showfair input[type=color],
html.showfair input[type=date],
html.showfair input[type=datetime-local],
html.showfair input[type=datetime],
html.showfair input[type=email],
html.showfair input[type=month],
html.showfair input[type=number],
html.showfair input[type=password],
html.showfair input[type=search],
html.showfair input[type=tel],
html.showfair input[type=text],
html.showfair input[type=time],
html.showfair input[type=url],
html.showfair input[type=week],
html.showfair select {
	font-family: "Noto Sans KR", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	width: 100%;
	height: 54px;
	background-color: #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	border: 1px solid #a5a597;
	color: #171d20;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 54px;
	padding: 0 16px;
	-webkit-transition: border .3s;
	-o-transition: border .3s;
	transition: border .3s;
}

html.showfair input[type=color].center,
html.showfair input[type=date].center,
html.showfair input[type=datetime-local].center,
html.showfair input[type=datetime].center,
html.showfair input[type=email].center,
html.showfair input[type=month].center,
html.showfair input[type=number].center,
html.showfair input[type=password].center,
html.showfair input[type=search].center,
html.showfair input[type=tel].center,
html.showfair input[type=text].center,
html.showfair input[type=time].center,
html.showfair input[type=url].center,
html.showfair input[type=week].center,
html.showfair select.center {
	text-align: center;
	padding: 0;
}

html.showfair input[type=color].right,
html.showfair input[type=date].right,
html.showfair input[type=datetime-local].right,
html.showfair input[type=datetime].right,
html.showfair input[type=email].right,
html.showfair input[type=month].right,
html.showfair input[type=number].right,
html.showfair input[type=password].right,
html.showfair input[type=search].right,
html.showfair input[type=tel].right,
html.showfair input[type=text].right,
html.showfair input[type=time].right,
html.showfair input[type=url].right,
html.showfair input[type=week].right,
html.showfair select.right {
	text-align: right;
}

html.showfair input[type=color]:focus,
html.showfair input[type=date]:focus,
html.showfair input[type=datetime-local]:focus,
html.showfair input[type=datetime]:focus,
html.showfair input[type=email]:focus,
html.showfair input[type=month]:focus,
html.showfair input[type=number]:focus,
html.showfair input[type=password]:focus,
html.showfair input[type=search]:focus,
html.showfair input[type=tel]:focus,
html.showfair input[type=text]:focus,
html.showfair input[type=time]:focus,
html.showfair input[type=url]:focus,
html.showfair input[type=week]:focus,
html.showfair select:focus {
	outline: none;
	border-color: #171d20;
}

html.showfair input[type=color]:invalid, html.showfair input[type=color].invalid,
html.showfair input[type=date]:invalid,
html.showfair input[type=date].invalid,
html.showfair input[type=datetime-local]:invalid,
html.showfair input[type=datetime-local].invalid,
html.showfair input[type=datetime]:invalid,
html.showfair input[type=datetime].invalid,
html.showfair input[type=email]:invalid,
html.showfair input[type=email].invalid,
html.showfair input[type=month]:invalid,
html.showfair input[type=month].invalid,
html.showfair input[type=number]:invalid,
html.showfair input[type=number].invalid,
html.showfair input[type=password]:invalid,
html.showfair input[type=password].invalid,
html.showfair input[type=search]:invalid,
html.showfair input[type=search].invalid,
html.showfair input[type=tel]:invalid,
html.showfair input[type=tel].invalid,
html.showfair input[type=text]:invalid,
html.showfair input[type=text].invalid,
html.showfair input[type=time]:invalid,
html.showfair input[type=time].invalid,
html.showfair input[type=url]:invalid,
html.showfair input[type=url].invalid,
html.showfair input[type=week]:invalid,
html.showfair input[type=week].invalid,
html.showfair select:invalid,
html.showfair select.invalid {
	border-color: #ff3156;
	color: #ff3156;
}

html.showfair textarea {
	width: 100%;
	max-height: 108px;
	padding: 14px;
	line-height: 1.5;
	font-family: "Noto Sans KR", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	font-size: 1.6rem;
	background-color: #fff;
	border: 1px solid #a5a597;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
}

html.showfair textarea:focus {
	outline: none;
	border-color: #171d20;
}

html.showfair textarea:invalid, html.showfair textarea.invalid {
	border-color: #ff3156;
	color: #ff3156;
}

html.showfair select::-ms-expand {
	display: none;
}

html.showfair select {
	color: #171d20;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
	background: url("../img/ico-arrow-slt.png") no-repeat right center;
	-webkit-background-size: 30px 6px;
	        background-size: 30px 6px;
	line-height: 53px;
}

html.showfair select.active {
	color: #171d20;
}

html.showfair select.min {
	border: none;
	font-size: 1.3rem;
	color: #687176;
	width: auto;
	min-width: auto;
	max-width: auto;
	padding: 0 14px 0 0;
	height: 40px;
	line-height: 40px;
	background: url(../images/ico-select-arrow.png) no-repeat 95% 50%;
}

html.showfair input[type=password] {
	font-family: initial;
}

html.showfair input[type=date] {
	color: #171d20;
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari and Chrome */
	appearance: none;
}

html.showfair input[type=date]::-webkit-calendar-picker-indicator {
	color: transparent;
	background: none;
	z-index: 1;
}

html.showfair input[type=date]:before {
	content: '';
	color: transparent;
	background: none;
	display: block;
	background: url("../images/ico-date.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 22px;
	bottom: 0;
	margin: auto;
	right: 16px;
	color: #999;
}

html.showfair .input-row + .input-row {
	margin-top: 10px;
}

html.showfair .input-row .input-item {
	padding: 5px 8px;
	background: #fff;
	position: relative;
}

html.showfair .input-row .input-item .btn-api {
	background: #171d20;
	color: #fff;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

html.showfair .input-row .input-item .label {
	font-size: 1.4rem;
	font-weight: 900;
	color: #687176;
	position: absolute;
	left: 16px;
	top: 7px;
}

html.showfair .input-row .input-item input[type=color],
html.showfair .input-row .input-item input[type=date],
html.showfair .input-row .input-item input[type=datetime-local],
html.showfair .input-row .input-item input[type=datetime],
html.showfair .input-row .input-item input[type=email],
html.showfair .input-row .input-item input[type=month],
html.showfair .input-row .input-item input[type=number],
html.showfair .input-row .input-item input[type=password],
html.showfair .input-row .input-item input[type=search],
html.showfair .input-row .input-item input[type=tel],
html.showfair .input-row .input-item input[type=text],
html.showfair .input-row .input-item input[type=time],
html.showfair .input-row .input-item input[type=url],
html.showfair .input-row .input-item input[type=week],
html.showfair .input-row .input-item select {
	height: 75px;
	padding-top: 20px;
	font-size: 1.5rem;
}

html.showfair .input-row .input-item input[type=color]:focus,
html.showfair .input-row .input-item input[type=date]:focus,
html.showfair .input-row .input-item input[type=datetime-local]:focus,
html.showfair .input-row .input-item input[type=datetime]:focus,
html.showfair .input-row .input-item input[type=email]:focus,
html.showfair .input-row .input-item input[type=month]:focus,
html.showfair .input-row .input-item input[type=number]:focus,
html.showfair .input-row .input-item input[type=password]:focus,
html.showfair .input-row .input-item input[type=search]:focus,
html.showfair .input-row .input-item input[type=tel]:focus,
html.showfair .input-row .input-item input[type=text]:focus,
html.showfair .input-row .input-item input[type=time]:focus,
html.showfair .input-row .input-item input[type=url]:focus,
html.showfair .input-row .input-item input[type=week]:focus,
html.showfair .input-row .input-item select:focus {
	background: #fff;
}

html.showfair .input-row .input-item textarea {
	height: 150px;
	padding-top: 34px;
	font-size: 1.5rem;
}

html.showfair .input-row .input-item select {
	background: url("../img/ico-arrow-slt.png") no-repeat right 44px;
	-webkit-background-size: 30px 6px;
	        background-size: 30px 6px;
}

html.showfair .file {
	display: block;
	width: 100%;
	height: 170px;
	cursor: pointer;
	position: relative;
	border: 1px dashed #a5a597;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	overflow: hidden;
}

html.showfair .file .file-remove {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 9;
	padding: 10px;
	font-size: 1.2rem;
	background: #ff3156;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	color: #fff;
	font-weight: 900;
}

html.showfair .file p {
	width: 100%;
	font-size: 2rem;
	color: #aeb4bc;
	padding-top: 50px;
	position: absolute;
	z-index: 1;
	text-align: center;
}

html.showfair .file p span {
	display: block;
	font-size: 1.5rem;
}

html.showfair .file.type-btn {
	border: none;
	height: auto;
}

html.showfair .file.type-btn:after, html.showfair .file.type-btn:before {
	content: none;
}

html.showfair .file img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}

html.showfair .file input {
	display: none;
}

html.showfair .checkbox, html.showfair .radio {
	position: relative;
	display: block;
}

html.showfair .checkbox input, html.showfair .radio input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

html.showfair .checkbox input:focus + span, html.showfair .radio input:focus + span {
	outline: 1px;
}

html.showfair .checkbox input:focus + span:before, html.showfair .radio input:focus + span:before {
	border: 1px solid #687176;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

html.showfair .checkbox span, html.showfair .radio span {
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	padding-left: 30px;
}

html.showfair .checkbox span:before, html.showfair .radio span:before {
	content: "";
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

html.showfair .checkbox input:checked + span {
	color: #171d20;
}

html.showfair .checkbox input:checked + span:before {
	background: url("../img/check-on.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .checkbox input:disabled + span:before {
	background: url("../img/check-off.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .checkbox span {
	color: #aeb4bc;
}

html.showfair .checkbox span:before {
	width: 22px;
	height: 22px;
	background: url("../img/check-off.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .radio input:checked + span:before {
	background: url("../images/radio-on.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .radio input:disabled + span:before {
	background: url("../images/radio-on.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .radio span:before {
	width: 14px;
	height: 14px;
	background: url("../images/radio-off.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .input-item-inner.toggle {
	*zoom: 1;
	display: block;
}

html.showfair .input-item-inner.toggle:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .input-item-inner.toggle .radio {
	float: left;
}

html.showfair .input-item-inner.toggle .radio + .radio {
	margin-left: -1px;
}

html.showfair .input-item-inner.toggle .radio:first-child span {
	-webkit-border-radius: 8px 0 0 8px;
	        border-radius: 8px 0 0 8px;
}

html.showfair .input-item-inner.toggle .radio:last-child span {
	-webkit-border-radius: 0 8px 8px 0;
	        border-radius: 0 8px 8px 0;
}

html.showfair .input-item-inner.toggle .radio input:checked + span {
	color: #171d20;
	border: 2px solid #171d20;
	background: #fff;
	position: relative;
	bottom: 1px;
	z-index: 1;
}

html.showfair .input-item-inner.toggle .radio input:checked + span img {
	opacity: 1;
}

html.showfair .input-item-inner.toggle .radio input:disabled + span {
	background: url("../images/radio-on.png") no-repeat center;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .input-item-inner.toggle .radio span {
	padding: 0;
	border: 1px solid #a5a597;
	display: block;
	width: 100%;
	font-size: 1.8rem;
	font-weight: 600;
	color: #aeb4bc;
	background: none;
	margin: 0 !important;
	text-align: center;
	line-height: 70px;
}

html.showfair .input-item-inner.toggle .radio span img {
	opacity: 0.3;
	margin-right: 4px;
}

html.showfair .input-item-inner.toggle .radio span:before {
	content: none;
}

html.showfair .input-item-inner.toggle.grid-col-1 .radio {
	width: 100%;
}

html.showfair .input-item-inner.toggle.grid-col-2 .radio {
	width: 50%;
}

html.showfair .input-item-inner.toggle.grid-col-3 .radio {
	width: 33.33%;
}

html.showfair .input-item-inner.toggle.grid-col-4 .radio {
	width: 25%;
}

html.showfair .input-item-inner.toggle.grid-col-5 .radio {
	width: 20%;
}

html.showfair input[disabled],
html.showfair select[disabled],
html.showfair option[disabled],
html.showfair textarea[disabled],
html.showfair button[disabled],
html.showfair a.disabled,
html.showfair input[readonly],
html.showfair select[readonly],
html.showfair option[readonly],
html.showfair textarea[readonly] {
	background-color: #f1f2f4;
	border: 1px solid #e6edf2;
	cursor: none;
}

html.showfair .input-item.icon {
	position: relative;
}

html.showfair .input-item.icon img {
	width: 16px;
	position: absolute;
	left: 12px;
	top: 0;
	bottom: 0;
	margin: auto;
}

html.showfair .input-item.icon input {
	height: 40px;
	line-height: 40px;
	padding-left: 34px;
	font-size: 1.5rem;
}

html.showfair .input-item-inner {
	position: relative;
}

/* ehkim add S*/
html.showfair .input-item-inner span{
	position: relative;
}
html.showfair .input-item-inner span .file-del {
		position: absolute;
		top:-10px; 
		left:98%;
		right: 10;
		z-index: 9;
		padding: 8px;
		font-size: 1.2rem;
		background: #b9b9b9;
		-webkit-border-radius: 50px;
		border-radius: 50px;
		color: #fff;
		font-weight: 900;
}
/* ehkim add E*/

html.showfair .input-item-inner .num-api {
	height: 54px;
}

html.showfair .input-item-inner .api-input {
	*zoom: 1;
	display: block;
	line-height: 54px;
	height: 54px;
	padding: 0;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
}

html.showfair .input-item-inner .api-input:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .input-item-inner .api-input .btn-text {
	float: left;
	color: #fff;
	font-size: 1.3rem;
}

html.showfair .input-item-inner .api-input .btn-text + .btn-text {
	margin-left: 10px;
}

html.showfair .input-item-inner .api-input a.btn-text:hover {
	opacity: 0.7;
}

html.showfair .input-item-inner.center {
	text-align: center;
}

html.showfair .input-item-inner.center img {
	display: inline-block;
	height: 40px;
}

html.showfair .input-item-inner + .input-item-inner {
	margin-top: 20px;
}

html.showfair .input-item-inner.box {
	background: #f1f2f4;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	padding: 11px 16px;
}

html.showfair .input-item-inner.box + .box {
	margin-top: 1px;
}

html.showfair .input-item-inner .btn-crud {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 16px;
	margin: auto;
}

html.showfair .input-item-inner .list-tag ul li .tag {
	padding: 14px 34px 14px 16px;
}

html.showfair .input-item-inner .option-list ul li a {
	border: none;
	background: #ececec;
	text-align: center;
	padding: 0;
	height: 54px;
	line-height: 54px;
}

html.showfair .input-item-inner .option-list ul li a .option-name {
	color: #6b7480;
	font-weight: 600;
}

html.showfair .input-item-inner .option-list ul li.on a {
	border: none;
	background: #171d20;
}

html.showfair .input-item-inner .option-list ul li.on a .option-name {
	color: #fff;
}

html.showfair .input-item .like-label {
	display: block;
	color: #687176;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 10px;
	font-size: 1.4rem;
}

html.showfair .input-item .input-point {
	background: #02a1f9;
	background: -webkit-linear-gradient(45deg, #02a1f9 0%, #29f19c 100%);
	background: -o-linear-gradient(45deg, #02a1f9 0%, #29f19c 100%);
	background: linear-gradient(45deg, #02a1f9 0%, #29f19c 100%);
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	overflow: hidden;
}

html.showfair .input-item .input-point input {
	color: #fff;
	border: none;
	background: none;
	text-align: right;
	padding: 0 16px;
	font-weight: 700;
	font-size: 1.8rem;
}

html.showfair .input-item .input-point span {
	color: #fff;
	position: absolute;
	top: 0;
	left: 16px;
	height: 54px;
	line-height: 54px;
	font-size: 1.8rem;
}

html.showfair .input-item + .input-item {
	margin-top: 30px;
}

html.showfair .input-item + .btn {
	margin-top: 50px;
}

html.showfair.inline {
	display: inline-block;
}

html.showfair .dim {
	display: none;
	position: fixed;
	z-index: 99998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #131313;
	opacity: 0.5;
}

html.showfair #viewport {
	background: #fafafa;
	max-width: 100%;
	margin: auto;
	padding-top: 60px;
}

html.showfair .app-section {
	padding: 80px 0;
}

html.showfair .app-section.sub {
	text-align: center;
	padding-top: 200px;
	padding-bottom: 120px;
}

html.showfair .app-section.sub .copy h2 {
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	color: #fff;
	font-size: 7rem;
	font-weight: 600;
	line-height: 1.1;
	text-shadow: 0px 1px 10px rgba(7, 7, 7, 0.35);
}

html.showfair .app-section.sub .copy h2 span {
	display: inline;
	font-weight: 300;
	font-size: 5rem;
}

html.showfair .app-section.sub .copy p {
	color: #fff;
	font-size: 2rem;
	opacity: 0.8;
	font-weight: 600;
	margin-top: 14px;
	text-shadow: 0px 1px 10px rgba(7, 7, 7, 0.35);
}

html.showfair .app-section.sub .copy + .btn-line {
	margin-top: 40px;
}

html.showfair .app-section.sub.application {
	background: url("../img/bg-application.png") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}

html.showfair .app-section.sub.cscenter {
	background: url("../img/bg-cscenter.png") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}

html.showfair .app-section.banner {
	padding-top: 160px;
	height: 350px;
	-webkit-background-size: cover !important;
	        background-size: cover !important;
	background-position: center !important;
}

html.showfair .app-section.banner .info + .title {
	margin-top: 20px;
}

html.showfair .app-section.banner h2 {
	font-size: 5rem;
	color: #fff;
	font-weight: 600;
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
}

html.showfair .app-section.sidebnr {
	text-align: center;
	background: url("../img/bg-sidebnr.png") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}

html.showfair .app-section.sidebnr h3 {
	font-size: 4.4rem;
	font-weight: 700;
	color: #fff;
}

html.showfair .app-section.sidebnr h3 + .btn {
	margin-top: 20px;
}

html.showfair .app-section.sidebnr h3 span {
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 400;
	margin-bottom: 10px;
}

html.showfair .app-section.priceform {
	background: url("../img/bg-priceform.png") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
}

html.showfair .app-section.grid-line {
	padding: 0;
}

html.showfair .app-section.grid-line .app-inner {
	padding: 70px 0;
	position: relative;
	border-left: 1px solid rgba(23, 29, 32, 0.1);
	border-right: 1px solid rgba(23, 29, 32, 0.1);
}

html.showfair .app-section.grid-line .app-inner .grid-div {
	padding: 0 30px;
}

html.showfair .app-section.grid-line .app-cont {
	position: relative;
	z-index: 1;
}

html.showfair .app-section.gray {
	background: #fafafa;
}

html.showfair .app-cont + .app-cont {
	margin-top: 60px;
}

html.showfair .grid-row {
	*zoom: 1;
	display: block;
}

html.showfair .grid-row:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .grid-row .grid-column {
	float: left;
	word-break: break-all;
}

html.showfair .grid-row .grid-column.relative {
	position: relative;
}

html.showfair .grid-row.grid-col-1 .grid-column {
	width: 100%;
}

html.showfair .grid-row.grid-col-2 .grid-column {
	width: 50%;
}

html.showfair .grid-row.grid-col-3 .grid-column {
	width: 33.33%;
}

html.showfair .grid-row.grid-col-4 .grid-column {
	width: 25%;
}

html.showfair .grid-row.grid-col-5 .grid-column {
	width: 20%;
}

html.showfair .input-row {
	*zoom: 1;
	display: block;
}

html.showfair .input-row:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .input-row .input-column {
	float: left;
	word-break: break-all;
}


html.showfair .input-row .input-column.relative {
	position: relative;
}

html.showfair .input-row.grid-col-1 .input-column {
	width: 100%;
}

html.showfair .input-row.grid-col-2 .input-column {
	width: 50%;
}

html.showfair .input-row.grid-col-3 .input-column {
	width: 33.33%;
}

html.showfair .input-row.grid-col-4 .input-column {
	width: 25%;
}

html.showfair .input-row.grid-col-5 .input-column {
	width: 20%;
}

/* ehkim 추가 찾아보기 search box S */
html.showfair .input-row .search-box {
	float: none;
	word-break: break-all;
}
/* ehkim 추가 찾아보기 search box E*/

html.showfair .app-inner {
	padding: 0 20px;
	width: 1220px;
	margin: auto;
}

html.showfair .app-inner.wide {
	padding: 0 8%;
	width: 100%;
}

html.showfair .app-inner.min {
	width: 1000px;
	position: relative;
}

html.showfair .app-inner.min .list-sns {
	position: absolute;
	right: 30px;
	top: 30px;
}

html.showfair .tit-lv1 {
	color: #171d20;
	font-size: 2.8rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
   	margin-top: 30px;
}

html.showfair .tit-lv1 .input-item {
	display: inline-block;
	bottom: 2px;
	margin-left: 6px;
}

html.showfair .tit-lv1 span {
	display: block;
	font-size: 1.6rem;
	font-weight: 400;
	color: #687176;
	line-height: 1;
	padding-left: 1px;
}

html.showfair .subtit-lv1 {
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	text-align: center;
	color: #171d20;
	font-size: 5rem;
	font-weight: 400;
	line-height: 1.4;
	margin-bottom: 20px;
}

html.showfair .subtit-lv1 b {
	font-weight: 700;
}

html.showfair .subtit-lv1 + .desc {
	text-align: center;
	font-size: 1.7rem;
	color: #687176;
}

html.showfair .desc {
	font-size: 1.4rem;
	color: #687176;
}

html.showfair .desc + .btn-text {
	margin-top: 20px;
}

html.showfair .tit-lv2 {
	font-size: 1.8rem;
	font-weight: 900;
	color: #171d20;
	padding-left: 10px;
	margin: 10px 0;
}

html.showfair .tit-lv2 b {
	font-size: 2.2rem;
}

html.showfair .el-table {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 !important;
}

html.showfair .el-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}

html.showfair .grid-div {
	*zoom: 1;
	display: block;
}

html.showfair .grid-div:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .grid-div.filter-div {
	margin-bottom: 20px;
}

html.showfair .grid-div.filter-div .left, html.showfair .grid-div.filter-div .right {
	*zoom: 1;
	display: block;
}

html.showfair .grid-div.filter-div .left:after, html.showfair .grid-div.filter-div .right:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .grid-div.filter-div .input-item {
	vertical-align: top;
	float: left;
}

html.showfair .grid-div.filter-div .input-item input[type="text"], html.showfair .grid-div.filter-div .input-item select {
	height: 40px;
	line-height: 40px;
	min-width: 120px;
}

html.showfair .grid-div.filter-div .input-item-inner {
	line-height: 40px;
}

html.showfair .grid-div.filter-div .input-item-inner label {
	font-size: 1.3rem;
	line-height: 40px;
	margin: 0;
	color: #687176;
}

html.showfair .grid-div.filter-div .input-item-inner label {
	margin-right: 5px;
}

html.showfair .grid-div.filter-div .input-item + .input-item {
	margin-top: 0;
	margin-left: 10px;
}

html.showfair .grid-div.crud {
	margin: 20px 0;
}

html.showfair .grid-div.crud a + a {
	margin-left: 10px;
}

html.showfair .grid-div .left {
	float: left;
}

html.showfair .grid-div .right {
	float: right;
}

html.showfair .grid-div .right .tit-lv1 {
	text-align: right;
}

html.showfair .grid-div .center {
	text-align: center;
}

html.showfair .main {
	width: 100%;
	height: 100vh;
	min-height: 100vh;
}

html.showfair .main .copy h2 {
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	font-size: 7.4rem;
	font-weight: 600;
	line-height: 1.1;
	text-shadow: 0px 1px 10px rgba(7, 7, 7, 0.35);
}

html.showfair .main .copy h2 span {
	display: inline;
	font-weight: 300;
	font-size: 5rem;
}

html.showfair .main .copy h2 small {
	font-size: 2rem;
	display: block;
	line-height: 1;
	margin-bottom: 5px;
}

html.showfair .main .copy p {
	color: #fff;
	font-size: 2rem;
	opacity: 0.8;
	font-weight: 600;
	margin-top: 14px;
	text-shadow: 0px 1px 10px rgba(7, 7, 7, 0.35);
}

html.showfair .main .copy + .btn-line {
	margin-top: 40px;
}

html.showfair .main .app-inner {
	position: relative;
	z-index: 1;
	padding-top: 200px;
}

html.showfair .main .btnScrollDown {
	bottom: 5%;
}

html.showfair .main h2 {
	color: #fff;
	font-size: 2.500rem;
	font-weight: 400;
	position: relative;
	z-index: 2;
}

html.showfair .main h2 strong {
	display: block;
	font-size: 4.375rem;
	font-weight: 600;
	margin-bottom: -26px;
}

html.showfair .main-tit {
	font-size: 1.75rem;
	font-weight: 600;
	margin-bottom: 60px;
}

html.showfair .main-tit span {
	color: #f8e058;
	text-decoration: underline;
}

html.showfair .main-tit span + span {
	display: block;
	color: #cccccc;
	font-size: 1rem;
	text-decoration: none;
	font-weight: 400;
}

html.showfair .main-desc {
	color: #000;
}

html.showfair .main-desc strong, html.showfair .main-desc em {
	display: block;
}

html.showfair .btnScrollDown {
	z-index: 1;
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

html.showfair .btnScrollDown span {
	display: block;
	color: #f8e058;
	font-size: 1.3rem;
	position: relative;
	bottom: 25px;
}

html.showfair .btnScrollDown:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #f8e058;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	content: "";
}

html.showfair .btnScrollDown:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.5);
	-webkit-animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	        animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

html.showfair .btnScrollDown:hover:after {
	-webkit-transform: scale(2);
	    -ms-transform: scale(2);
	        transform: scale(2);
}

html.showfair .btnScrollDown:hover:before {
	background: transparent;
}

html.showfair .slider-main {
	height: 100vh;
}

html.showfair .slider-main .slider-container {
	height: 100%;
}

html.showfair .slider-main .slider-container .slick-list {
	height: 100%;
}

html.showfair .slider-main .slider-container .slick-list .slick-track {
	height: 100%;
}

html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide {
	height: 100%;
}

html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide > div {
	height: 100%;
}

html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item {
	height: 100%;
	position: relative;
}

/*html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.individual {
	background: url("<?php echo $slide_img_url[0]?>") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
	background-attachment: fixed;
}*/

/*html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.hold {
	background: url("<?php echo $slide_img_url[1]?>") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
	background-attachment: fixed;
}*/

/*html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.hold.bg-util:after {
	background: rgba(23, 29, 32, 0.8);
}*/

/*html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.company {
	background: url("<?php echo $slide_img_url[2]?>") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
*/
html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(23, 29, 32, 0.6);
	content: "";
}

html.showfair .slider-main .intro {
	position: relative;
}

html.showfair .slider-main .intro:after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0.8)), color-stop(90%, transparent));
	background: -webkit-linear-gradient(top, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
	background: -o-linear-gradient(top, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
	background: linear-gradient(180deg, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
}

html.showfair .slider-main .intro .video-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 1080px;
}

html.showfair .slider-main .intro .video-container.on:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	content: "";
}

html.showfair .slider-main .global-video {
	position: relative;
}

html.showfair .slider-main .global-video:after {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 52, 0.8)), color-stop(90%, transparent));
	background: -webkit-linear-gradient(top, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
	background: -o-linear-gradient(top, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
	background: linear-gradient(180deg, rgba(52, 52, 52, 0.8) 0%, transparent 90%);
}

html.showfair .slider-main .global-video .video-container {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 1080px;
}

html.showfair .slider-main .global-video .video-container.on:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	content: "";
}

html.showfair .slider-main .global-video .video-container video {
	-o-object-fit: cover;
	   object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

html.showfair .slider-main .global-video .video-container video.on {
	opacity: 1;
}

html.showfair .slider-main .office {
	background: url("../images/main-visual-office.png") no-repeat;
	-webkit-background-size: cover;
	        background-size: cover;
}

html.showfair .slider-main .slick-arrow {
	position: absolute;
	z-index: 1;
	width: 60px;
	height: 88px;
	text-indent: -999rem;
	background: url("../img/img-arrow.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	bottom: 10%;
	margin: auto;
}

html.showfair .slider-main .slick-arrow:hover {
	opacity: 0.5;
}

html.showfair .slider-main .slick-arrow.slick-disabled {
	opacity: 0.2;
}

html.showfair .slider-main .slick-arrow.slick-prev {
	left: 10%;
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
}

html.showfair .slider-main .slick-arrow.slick-next {
	right: 10%;
}

html.showfair .hall-item {
	position: relative;
}

html.showfair .hall-item:hover img {
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

html.showfair .hall-item:hover:before {
	opacity: 0.6;
}

html.showfair .hall-item:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(23, 29, 32, 0.9)));
	background: -webkit-linear-gradient(top, transparent 0%, rgba(23, 29, 32, 0.9) 100%);
	background: -o-linear-gradient(top, transparent 0%, rgba(23, 29, 32, 0.9) 100%);
	background: linear-gradient(180deg, transparent 0%, rgba(23, 29, 32, 0.9) 100%);
	z-index: 1;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

html.showfair .hall-item img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

html.showfair .hall-item .info {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 1;
}

html.showfair .hall-item .info p {
	font-size: 1.4rem;
	color: #fff;
}

html.showfair .hall-item .info p + .btn-hall {
	margin-top: 8px;
}

html.showfair .logo a {
	font-weight: 900;
	font-size: 3rem;
}

html.showfair .header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 160px;
	background-color: transparent;
	z-index: 999;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

html.showfair .header.scroll {
	height: 80px;
	background: rgba(23, 29, 32, 0.9);
}

html.showfair .header .ico-gnb-m {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-indent: -999em;
	border: 1px solid #fff;
	cursor: pointer;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	position: relative;
	z-index: 3;
}

html.showfair .header .ico-gnb-m span {
	width: 40%;
	height: 4px;
	background-color: #fff;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	position: absolute;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
}

html.showfair .header .ico-gnb-m span:first-child {
	top: 30%;
	left: 50%;
}

html.showfair .header .ico-gnb-m span:last-child {
	bottom: 30%;
	left: 50%;
}

html.showfair .header .ico-gnb-m:hover {
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

html.showfair .header .ico-gnb-m:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 40%;
	height: 4px;
	background-color: #f8e058;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
}

html.showfair .header .app-inner {
	display: table;
	height: 100%;
	width: 100%;
}

html.showfair .header .app-inner .vt-item {
	display: table-cell;
	vertical-align: middle;
}

html.showfair .header .snb {
	float: left;
}

html.showfair .header .snb > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

html.showfair .header .snb > ul li + li {
	margin-left: 20px;
}

html.showfair .header .snb > ul li .logo a {
	font-weight: 900;
	color: #fff;
	line-height: 50px;
}

html.showfair .header .gnb {
	float: right;
	position: relative;
}

html.showfair .header .gnb > ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

html.showfair .header .gnb > ul > li {
	margin-left: 20px;
	height: 100%;
	padding: 12px 20px 12px;
}

html.showfair .header .gnb > ul > li.like-btn {
	background: #f8e058;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

html.showfair .header .gnb > ul > li.like-btn a {
	color: #171d20;
	font-size: 1.4rem;
	font-weight: 900;
}

html.showfair .header .gnb > ul > li.like-btn.line {
	border: 1px solid #fff;
	background: none;
}

html.showfair .header .gnb > ul > li.like-btn.line a {
	color: #fff;
}

html.showfair .header .gnb > ul > li > a {
	display: block;
	font-size: 1.6rem;
	line-height: 1;
	color: #fff;
	font-weight: 600;
	-webkit-transition: color .3s ease-in-out;
	-o-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	text-align: center;
}

html.showfair .header .gnb > ul > li > a img {
	width: 16px;
	margin-right: 3px;
	position: relative;
	bottom: 1px;
}

html.showfair .side-menu {
	position: fixed;
	top: 0;
	left: -100%;
	width: 340px;
	height: 100vh;
	background: #fff;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
	        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .side-menu.active {
	left: 0%;
}

html.showfair .side-menu .sideMenuClose {
	text-indent: -999rem;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 20px;
	height: 20px;
	background: url("../img/ico-close.png");
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .side-menu .sideMenuClose:hover {
	opacity: 0.5;
}

html.showfair .side-menu-head {
	background: #171d20;
	padding: 40px;
}

html.showfair .side-menu-head .user-name {
	display: block;
	color: #fff;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1;
	margin-top: 20px;
}

html.showfair .side-menu-head .user-info {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	margin: 4px 0 20px 0;
}

html.showfair .side-menu-body {
	background: #fff;
	padding: 40px;
}

html.showfair .side-menu-body .side-nav ul li a {
	font-size: 2rem;
}

html.showfair .side-menu-body .side-nav ul li + li {
	margin-top: 6px;
}

html.showfair .footer {
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: left;
	border-top: 1px solid rgba(23, 29, 32, 0.2);
}

html.showfair .footer .fnb ul {
	*zoom: 1;
	display: block;
}

html.showfair .footer .fnb ul:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .footer .fnb ul li {
	float: left;
}

html.showfair .footer .fnb ul li + li {
	margin-left: 30px;
}

html.showfair .footer .fnb ul li a {
	color: #687176;
	font-size: 1.4rem;
}

html.showfair .footer .fnb ul li a:hover {
	color: #171d20;
}

html.showfair .footer .fnb ul li a b {
	color: #171d20;
}

html.showfair .footer small {
	display: block;
	font-size: 1.2rem;
	color: #687176;
	margin-top: 10px;
}

html.showfair .modal .modal-title {
	font-size: 2rem;
}

html.showfair .modal .close span {
	font-size: 3rem;
}

html.showfair .modal .modal-content .modal-header {
	padding: 20px;
}

html.showfair .modal .modal-content .modal-body {
	padding: 20px;
}

html.showfair .modal .modal-content .modal-footer {
	padding: 20px;
}

html.showfair .modal .modal-content .modal-footer .btn {
	padding: 6px 10px;
}

html.showfair .list-sns {
	*zoom: 1;
	display: inline-block;
}

html.showfair .list-sns:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .list-sns li {
	float: left;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	overflow: hidden;
}



html.showfair .list-sns li:hover {
	opacity: 0.5;
}

html.showfair .list-sns li + li {
	margin-left: 6px;
	margin-top: 3px;
}

html.showfair .list-sns li img {
	width: 35px;
}


/* 명함남기기 S */
html.showfair .list-sns .like-btn{
	background: #f8e058;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-right: 4px;
	height: 100%;
	padding: 10px 20px 10px;

}

html.showfair .list-sns .like-btn:hover{
	opacity: 1;
	background: #ffea76;
}

html.showfair .list-sns .like-btn button{
	color: #373737;
	font-size: 1.4rem;
	font-weight: 900;
	cursor: pointer;
}

/* 명함남기기 E */

html.showfair .down-list .down-item {
	display: none;
}

html.showfair .acc-board {
	border: 1px solid rgba(23, 29, 32, 0.2);
}

html.showfair .acc-board-item + .acc-board-item {
	border-top: 1px solid rgba(23, 29, 32, 0.2);
}

html.showfair .acc-board-item a {
	position: relative;
	padding: 18px 20px 18px 50px;
	display: block;
	font-size: 1.6rem;
	line-height: 1.4;
}

html.showfair .acc-board-item a:hover {
	background: #fff;
}

html.showfair .acc-board-item a:after {
	content: '';
	display: block;
	width: 11px;
	height: 11px;
	background: url("../img/ico-plus.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 25px;
	right: 20px;
}

html.showfair .acc-board-item a:before {
	content: 'Q';
	font-size: 2.4rem;
	color: #687176;
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	line-height: 60px;
	position: absolute;
	left: 20px;
	top: 0;
}

html.showfair .acc-board-item .down-item {
	padding: 20px;
	background: #fff;
}

html.showfair .acc-board-item.on a {
	background: #fff;
	font-weight: 700;
	color: #171d20;
}

html.showfair .acc-board-item.on a:before {
	color: #171d20;
}

html.showfair .acc-board-item.on a:after {
	background: url("../img/ico-minus.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .list-banner + .grid-div {
	margin-top: 30px;
}

html.showfair .list-banner li:first-child .banner-box {
	-webkit-border-radius: 8px 0 0 8px;
	        border-radius: 8px 0 0 8px;
}

html.showfair .list-banner li:last-child .banner-box {
	-webkit-border-radius: 0 8px 8px 0;
	        border-radius: 0 8px 8px 0;
}

html.showfair .banner-box {
	-webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
	padding: 30px;
	background: #fff;
}

html.showfair .banner-box-head {
	padding-bottom: 10px;
}

html.showfair .banner-box-head span {
	display: block;
	font-size: 1.6rem;
}

html.showfair .banner-box-head b {
	font-size: 3rem;
	color: #687176;
}

html.showfair .banner-box-body .benefits {
	height: auto;
}

html.showfair .price-box {
	-webkit-box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	padding: 30px;
	background: #fff;
}

html.showfair .price-box-wrap .grid-column {
	padding: 20px;
}

html.showfair .price-box-head {
	padding-bottom: 10px;
}

html.showfair .price-box-head.premium {
	position: relative;
}

html.showfair .price-box-head.premium:after {
	content: '';
	width: 40px;
	height: 40px;
	background: url("../img/ico-premium.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	margin: auto;
}

html.showfair .price-box-head span {
	display: block;
	font-size: 1.6rem;
}

html.showfair .price-box-head b {
	font-size: 3rem;
	color: #687176;
}

html.showfair .price-box-body .price {
	padding: 26px 0;
	border-top: 1px solid rgba(23, 29, 32, 0.2);
	border-bottom: 1px solid rgba(23, 29, 32, 0.2);
}

html.showfair .price-box-body .price dl {
	*zoom: 1;
	display: block;
}

html.showfair .price-box-body .price dl:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .price-box-body .price dl dt {
	float: left;
	font-size: 5rem;
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	line-height: 1;
}

html.showfair .price-box-body .price dl dd {
	margin-top: 3px;
	float: left;
	color: #687176;
	font-size: 1.3rem;
	margin-left: 20px;
}

html.showfair .price-box-body .price + .benefits {
	padding-top: 20px;
}

html.showfair .price-box-body .btn-submit {
	display: block;
	width: 100%;
	background: #171d20;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	padding: 0 10px;
}

html.showfair .price-box-body .btn-submit.positive {
	background: #f8e058;
	color: #171d20;
}

html.showfair .benefits {
	height: 212px;
}

html.showfair .benefits ul li {
	position: relative;
	padding-left: 24px;
	font-size: 1.5rem;
	color: #687176;
}

html.showfair .benefits ul li b {
	color: #171d20;
}

html.showfair .benefits ul li + li {
	margin-top: 6px;
}

html.showfair .benefits ul li:before {
	content: '';
	width: 16px;
	height: 16px;
	background: url("../img/ico-check02.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	left: 0;
	top: 4px;
}

html.showfair .benefits + .btn-submit {
	margin-top: 40px;
}

html.showfair .list-step {
	border-bottom: 1px solid rgba(23, 29, 32, 0.2);
	padding-bottom: 20px;
}

html.showfair .list-step li {
	text-align: center;
}

html.showfair .list-step li:nth-child(1) .step-head {
	color: rgba(19, 19, 19, 0.2);
}

html.showfair .list-step li:nth-child(2) .step-head {
	color: rgba(19, 19, 19, 0.5);
}

html.showfair .list-step li:nth-child(3) .step-head {
	color: rgba(19, 19, 19, 0.7);
}

html.showfair .list-step li:nth-child(4) .step-head {
	color: #131313;
}

html.showfair .list-step li .step-head {
	border-bottom: 4px solid #171d20;
	font-size: 3rem;
	color: #171d20;
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	font-weight: 300;
	padding-bottom: 10px;
}

html.showfair .list-step li .step-body {
	padding-top: 16px;
}

html.showfair .list-step li .step-body .step-tit {
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
}

html.showfair .list-step li .step-body .step-tit + .step-desc {
	margin-top: 10px;
}

html.showfair .list-step li .step-body .step-desc {
	font-size: 1.3rem;
	color: #687176;
}

html.showfair .list-step li .step-body .btn-hall {
	margin-top: 20px;
}

html.showfair .item-create {
	border: 1px solid rgba(23, 29, 32, 0.2);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background: #fff;
	padding: 20px;
}


html.showfair .item-create #img_items li div .input-item{margin:0 10px;}
html.showfair .item-create + .list-elements {
	margin-top: 60px;
}

html.showfair .item-create .list-option {
	*zoom: 1;
	display: block;
}

html.showfair .item-create .list-option:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .item-create .list-option li {
	float: left;
}

html.showfair .item-create .list-option li + li {
	margin-left: 14px;
}

html.showfair .item-create .list-option li a {
	display: block;
	line-height: 43px;
	opacity: 0.5;
}

html.showfair .item-create .list-option li a img {
	height: 18px;
}

html.showfair .item-create .list-option li a.on, html.showfair .item-create .list-option li a:focus, html.showfair .item-create .list-option li a:hover {
	opacity: 1;
}

html.showfair .item-create .list-option li button {
	display: block;
	line-height: 43px;
	opacity: 0.5;
}

html.showfair .item-create .list-option li button img {
	height: 18px;
}

html.showfair .item-create .list-option li button.on, html.showfair .item-create .list-option li button:focus, html.showfair .item-create .list-option li button:hover {
	opacity: 1;
}

html.showfair .item-create .list-option li button.cursor-disabled {
	cursor: not-allowed;
	opacity: 0.5;
	background: #fff;
	border:0;
}

html.showfair .item-create .create-head input {
	border: none;
	border-bottom: 1px solid #e7e7e7;
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair .item-create .create-head textarea {
	border: none;
	border-bottom: 1px solid #e7e7e7;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair .item-create .create-foot {
	padding-top: 20px;
}

html.showfair .item-create .create-foot .btn + .btn {
	margin-left: 6px;
}

html.showfair .list-elements .item-element {
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	background: #fff;
}

html.showfair .list-elements .item-element .element-head {
	padding: 20px 20px 10px;
}

html.showfair .list-elements .item-element .element-head .date {
	font-size: 1.1rem;
	color: #aeb4bc;
	margin-left: 10px;
}

html.showfair .list-elements .item-element .element-body {
	padding: 10px 20px 20px;
}

html.showfair .list-elements .item-element + .item-element {
	margin-top: 30px;
}

html.showfair .list-elements .item-element .booth-img {
	padding: 0px 10px;
	margin: 10px 0;
	font-size: 1.5rem;
	color: #687176;
	text-align: center;
}

html.showfair .list-elements .item-element .booth-desc {
	padding: 0px 10px;
	margin: 10px 0;
	font-size: 1.5rem;
	color: #687176;
}

html.showfair .list-elements .item-element .booth-file:before {
	content: '';
	display: inline-block;
	width: 29px;
	height: 34px;
	background: url("../img/ico-doc.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	opacity: 0.2;
	vertical-align: middle;
	position: relative;
	bottom: 3px;
	margin-right: 10px;
}

html.showfair .list-elements .item-element .booth-file a {
	font-size: 1.5rem;
}

html.showfair .list-elements .item-element .booth-url:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../img/ico-link.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	opacity: 0.2;
	vertical-align: middle;
	position: relative;
	bottom: 3px;
	margin-right: 10px;
}

html.showfair .list-elements .item-element .booth-url a {
	font-size: 1.5rem;
}

html.showfair .booth-info {
	*zoom: 1;
	display: block;
	margin-top: 8px;
	margin-left: 40px;
}

html.showfair .booth-info:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .booth-info li {
	float: left;
	text-align: center;
}

html.showfair .booth-info li dl dt {
	font-size: 1.6rem;
	font-weight: 400;
	color: #fff;
	line-height: 1;
	margin-bottom: 10px;
}

html.showfair .booth-info li dl dd {
	line-height: 1;
	font-size: 6rem;
	font-weight: 300;
	color: #fff;
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
}

html.showfair .booth-info li + li {
	margin-left: 40px;
}

html.showfair .tab-tit {
	*zoom: 1;
	display: block;
	margin-bottom: 20px;
}

html.showfair .tab-tit:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .tab-tit li {
	float: left;
	position: relative;
}

html.showfair .tab-tit li.on:before {
	content: '';
	width: 100%;
	height: 2px;
	background: #171d20;
	position: absolute;
	left: 0;
	bottom: 0;
}

html.showfair .tab-tit li.on a h3 {
	color: #171d20;
}

html.showfair .tab-tit li a {
	display: block;
}

html.showfair .tab-tit li a h3 {
	color: #aeb4bc;
	margin-bottom: 0;
}

html.showfair .tab-tit li + li {
	margin-left: 30px;
}

html.showfair .term-box {
	max-height: 240px;
	overflow: auto;
	border: 1px solid #fff;
	background: rgba(23, 29, 32, 0.7);
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	padding: 40px;
	color: #fff;
	font-size: 1.3rem;
}

html.showfair .term-box.table {
	padding: 0;
}

html.showfair .term-box.table table {
	margin: 0;
	border: none;
}

html.showfair .term-box.table table td {
	color: #fff;
	border: none;
	text-align: center;
}

html.showfair .term-box.table table th {
	text-align: center;
	background: #000;
	color: #fff;
	border: none;
}

html.showfair .page-content {
	line-height: 22px;
	word-break: keep-all;
	word-wrap: break-word;
}

html.showfair .page-content .article-title {
	color: #f8e058;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 10px;
}

html.showfair .page-content ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

html.showfair .page-content ol {
	margin-top: 0px;
	margin-bottom: 0px;
}

html.showfair .page-content ol > li > ol > li {
	list-style: disc;
}

html.showfair .page-content p {
	margin: 0 0 15px;
	padding: 0;
}

html.showfair .login-box {
	width: 340px;
	margin: auto;
}

html.showfair .login-box .grid-column {
	padding-right: 5px;
}

html.showfair .login-box .grid-column + .grid-column {
	padding-left: 5px;
	padding-right: 0;
}

html.showfair .login-box .txt-guide {
	color: #fff;
	font-size: 1.2rem;
}

html.showfair .login-box.wide {
	width: 600px;
}

html.showfair .login-box .register-box {
	background: rgba(23, 29, 32, 0.8);
	border: 1px solid #fff;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	padding: 30px;
}

html.showfair .login-box .util {
	text-align: center;
	margin-top: 20px;
}

html.showfair .login-box .util .btn-text {
	font-size: 1.6rem;
	color: #fff;
}

html.showfair .login-box .util .btn-text:hover {
	color: #f8e058;
}

html.showfair .login-box .util .btn-text + .btn-text {
	margin-left: 20px;
	opacity: 0.7;
}

html.showfair .login-box .input-item + .input-item {
	margin-top: 10px;
}

html.showfair .login-box .btn-line {
	margin-top: 20px;
	width: 100%;
	text-align: center;
	background: rgba(23, 29, 32, 0.7);
	max-width: 340px;
}

html.showfair .login-box .btn-line.fill {
	background: #f8e058;
	color: #171d20;
}

html.showfair .login-box .btn-line.fill:hover {
	background: #171d20;
	color: #fff;
	border-color: #171d20;
}

html.showfair .login-box .text {
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	color: #fff;
	font-size: 4rem;
	text-align: center;
	margin-bottom: 10px;
}

html.showfair .login-box .text b {
	font-weight: 700;
}

html.showfair .login-box input {
	background: rgba(23, 29, 32, 0.7);
	-webkit-border-radius: 150px;
	        border-radius: 150px;
	padding-left: 24px;
	color: #fff;
	border: 1px solid #fff;
}

html.showfair .login-box input:focus {
	border: 1px solid #f8e058;
	color: #fff;
}

html.showfair .login-box input ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

html.showfair .login-box input :-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

html.showfair .login-box input ::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}

html.showfair .login-box input ::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

html.showfair .login-box .checkbox input:checked + span {
	color: #f8e058;
}

html.showfair .login-box .checkbox span {
	color: #fff;
	line-height: 22px;
}

html.showfair .booth-desc {
	font-size: 1.7rem;
	color: #687176;
	padding: 0 30px;
}

html.showfair .booth-desc + .booth-desc {
	margin-top: 30px;
}

html.showfair .booth-video {
	background: #171d20;
	margin: 30px 0;
}

html.showfair .booth-img {
	margin: 2px 10px;
}

html.showfair .booth-cont + .booth-cont {
	margin-top: 0px;
}

html.showfair .booth-file {
	margin: 30px 0;
	text-align: center;
}

html.showfair .booth-file a + a {
	margin-left: 10px;
}

html.showfair .booth-url {
	margin: 30px 0;
	text-align: center;
}

html.showfair .booth-url a + a {
	margin-left: 10px;
}

html.showfair .list-booth ul {
	*zoom: 1;
	display: block;
}

html.showfair .list-booth ul:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .list-booth ul li {
	float: left;
	width: 50%;
	height: 250px;
	padding: 10px;
}

html.showfair .list-booth ul li .booth-item {
	padding: 20px;
	height: 100%;
	position: relative;
	-webkit-background-size: cover !important;
	        background-size: cover !important;
	background-position: center !important;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	overflow: hidden;
}

html.showfair .list-booth ul li .booth-item .side-btn {
	*zoom: 1;
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2;
}

html.showfair .list-booth ul li .booth-item .side-btn:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .list-booth ul li .booth-item .side-btn > div {
	float: left;
}

html.showfair .list-booth ul li .booth-item .side-btn > div + div {
	margin-left: 6px;
}

html.showfair .list-booth ul li .booth-item .side-btn a {
	opacity: 0.6;
}

html.showfair .list-booth ul li .booth-item .side-btn a:hover {
	opacity: 1;
}

html.showfair .list-booth ul li .booth-item .side-btn img {
	width: 20px;
}

html.showfair .list-booth ul li .booth-item:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(23, 29, 32, 0.7);
	content: "";
}

html.showfair .list-booth ul li .booth-item-head {
	position: relative;
	z-index: 1;
}

html.showfair .list-booth ul li .booth-item-foot {
	position: absolute;
	left: 20px;
	bottom: 20px;
	z-index: 1;
}

html.showfair .list-booth ul li .booth-item-foot a + a {
	margin-left: 4px;
}

html.showfair .list-booth .booth-tit {
	color: #fff;
	font-size: 3.4rem;
	font-weight: 400;
	line-height: 1.2;
}

html.showfair .list-booth .booth-desc {
	color: #fff;
	font-size: 1.6rem;
	padding: 0;
}

html.showfair .btn-chart {
	position: fixed;
	right: 20px;
	background: #fff;
	bottom: 80px;
	font-size: 1.4rem;
	font-weight: 900;
	-webkit-border-radius: 200px;
	        border-radius: 200px;
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
	        box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.3);
	padding: 14px 20px;
	line-height: 32px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .btn-chart:hover {
	background: #f8e058;
	color: #171d20;
}

html.showfair .btn-chart img {
	width: 30px;
	margin-left: 6px;
}

html.showfair .btn-download {
	display: inline-block;
	color: #171d20;
	font-size: 1.6rem;
	background: #f8e058;
	padding: 18px 20px 14px 20px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	line-height: 1;
	font-weight: 700;
}

html.showfair .btn-url {
	display: inline-block;
	color: #171d20;
	font-size: 1.6rem;
	border: 1px solid rgba(23, 29, 32, 0.2);
	padding: 18px 20px 14px 20px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	line-height: 1;
	font-weight: 700;
}

html.showfair .profile-info {
	margin-left: 20px;
	margin-top: 2px;
}

html.showfair .profile-info li {
	font-size: 1.5rem;
	color: #fff;
}

html.showfair .profile-img {
	position: relative;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	overflow: hidden;
	background: #000;
}

html.showfair .profile-img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

html.showfair .txt-guide {
	font-size: 1.3rem;
	color: #687176;
	margin: 4px;
}

html.showfair .tbl table {
	width: 100%;
}

html.showfair .tbl table thead {
	background: #171d20;
}

html.showfair .tbl table thead th {
	padding-bottom: 9px;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 900;
}

html.showfair .tbl table tbody tr + tr {
	border-top: 6px solid #eaeaea;
}

html.showfair .tbl table th, html.showfair .tbl table td {
	text-align: left;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 10px 0;
}

html.showfair .tbl table th a, html.showfair .tbl table td a {
	color: #fff;
}

html.showfair .tbl table th .tit, html.showfair .tbl table td .tit {
	margin: 0 0 10px;
	font-size: 2rem;
}

html.showfair .tbl table th .tit .mark, html.showfair .tbl table td .tit .mark {
	margin-right: 6px;
	position: relative;
	bottom: 2px;
}

html.showfair .tbl table th .tit + div, html.showfair .tbl table td .tit + div {
	padding: 10px 30px;
}

html.showfair .tbl table th .tit + div div + div, html.showfair .tbl table td .tit + div div + div {
	margin-top: 14px;
}

html.showfair .tbl table th .mark, html.showfair .tbl table td .mark {
	display: inline-block;
	background: #171d20;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 900;
	padding: 5px;
	min-width: 20px;
	text-align: center;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	line-height: 1;
}

html.showfair .tbl table th .checkbox, html.showfair .tbl table td .checkbox {
	display: inline-block;
	margin: 0;
	width: 22px;
}

html.showfair .tbl table th .form-tit-input, html.showfair .tbl table td .form-tit-input {
	border: none;
	background: none;
}

html.showfair .tbl table th .form-tit-input:focus, html.showfair .tbl table td .form-tit-input:focus {
	border: 1px solid #aeb4bc;
}

html.showfair .tbl table th .form-add-input, html.showfair .tbl table td .form-add-input {
	font-size: 1.6rem;
	font-weight: 600;
	height: 128px;
	max-height: 128px;
}

html.showfair .tbl table th.center, html.showfair .tbl table td.center {
	text-align: center;
}

html.showfair .tbl table th.right, html.showfair .tbl table td.right {
	text-align: right;
}

html.showfair .tbl table th.left, html.showfair .tbl table td.left {
	text-align: left;
}

html.showfair .tbl table th {
	color: #687176;
}

html.showfair .tbl table td {
	color: #171d20;
}

html.showfair .tbl table td p {
	font-weight: 400;
}

html.showfair .tbl table td b {
	font-size: 2rem;
}

html.showfair .tbl table tr.add-cell {
	background: #fff;
}

html.showfair .board-list table thead th {
	padding: 19px 10px 20px 10px;
}

html.showfair .board-list table tbody tr + tr {
	border-top: 1px solid #eaeaea;
}

html.showfair .board-list table tbody tr:nth-child(2n) {
	background: #fafafa;
}

html.showfair .board-list table th, html.showfair .board-list table td {
	padding: 19px 10px 20px 10px;
}

html.showfair .board-list table td {
	color: #171d20;
	font-weight: 400;
}

html.showfair .board-view {
	border-bottom: 1px solid #eaeaea;
}

html.showfair .board-view table tbody tr + tr {
	border-top: 1px solid #eaeaea;
}

html.showfair .board-view table th, html.showfair .board-view table td {
	vertical-align: top;
}

html.showfair .board-view table th.tit, html.showfair .board-view table td.tit {
	font-size: 2rem;
	font-weight: 600;
	color: #171d20;
}

html.showfair .board-view table th.desc div, html.showfair .board-view table td.desc div {
	min-height: 430px;
}

html.showfair .board-view table th.desc div p, html.showfair .board-view table td.desc div p {
	line-height: 2;
}

html.showfair .board-view table th.reply div, html.showfair .board-view table td.reply div {
	min-height: inherit;
}

html.showfair .board-view table th.reply div p, html.showfair .board-view table td.reply div p {
	color: #171d20;
}

html.showfair .board-write {
	border-bottom: 1px solid #eaeaea;
}

html.showfair .board-write table tbody tr + tr {
	border-top: 1px solid #eaeaea;
}

html.showfair .board-write table th, html.showfair .board-write table td {
	vertical-align: top;
}

html.showfair .board-write table th .input-row .input-item textarea, html.showfair .board-write table td .input-row .input-item textarea {
	height: 400px;
	max-height: 400px;
}

html.showfair .board-write table th.tit, html.showfair .board-write table td.tit {
	font-size: 20px;
	font-weight: 600;
	color: #171d20;
}

html.showfair .board-write table th.desc div, html.showfair .board-write table td.desc div {
	min-height: 430px;
}

html.showfair .board-write table th.desc div p, html.showfair .board-write table td.desc div p {
	line-height: 2;
}

html.showfair .pagination {
	margin-top: 40px;
	text-align: center;
}

html.showfair .pagination-inner {
	*zoom: 1;
	display: block;
	display: table;
	margin: 0 auto;
}

html.showfair .pagination-inner:after {
	content: '';
	display: block;
	clear: both;
}

html.showfair .pagination-inner li {
	float: left;
}

html.showfair .pagination-inner li.disabled {
	opacity: 0.5;
	pointer-events: none;
}

html.showfair .pagination-inner li > a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 14px;
	line-height: 34px;
	color: #171d20;
	font-size: 1.3rem;
}

html.showfair .pagination-inner li.on > a {
	color: #171d20;
	font-weight: 600;
}

html.showfair .pagination-inner li.gui {
	width: 34px;
	height: 34px;
}

html.showfair .pagination-inner li.gui > a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	text-indent: -9999px;
}

html.showfair .pagination-inner li.gui > a:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 11px;
	width: 7px;
	margin: auto;
	content: '';
}

html.showfair .pagination-inner li.first {
	margin-right: -1px;
}

html.showfair .pagination-inner li.prev {
	margin-right: 7px;
}

html.showfair .pagination-inner li.prev a:before {
	background: url("../img/ico-arrow-l.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .pagination-inner li.next {
	margin: 0 -1px 0 7px;
}

html.showfair .pagination-inner li.next a:before {
	background: url("../img/ico-arrow-r.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .pannellum, html.showfair .pannellum body, html.showfair .pannellum .wrapper, html.showfair .pannellum .area-panorama {
	width: 100%;
	height: 100%;
}

html.showfair .area-panorama {
	width: 100%;
	height: 100%;
	position: relative;
}

html.showfair #panorama {
	width: 100%;
	height: 100% !important;
}

html.showfair #controls {
	position: absolute;
	bottom: 8%;
	left: auto;
	right: 8%;
	top: auto;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.6);
	background-repeat: no-repeat;
	border: 1px solid #000;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

html.showfair #controls #zoom-in {
	display: block;
	width: 100%;
	height: 40px;
	background: none;
	border: none;
	background-image: none;
	position: relative;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair #controls #zoom-in:hover:after {
	opacity: 0.5;
}

html.showfair #controls #zoom-in:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-zoomin.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair #controls #zoom-out {
	display: block;
	width: 100%;
	height: 40px;
	background: none;
	border: none;
	background-image: none;
	position: relative;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair #controls #zoom-out:hover:after {
	opacity: 0.5;
}

html.showfair #controls #zoom-out:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-zoomout.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair #controls #fullscreen {
	display: block;
	width: 100%;
	height: 50px;
	background: none;
	border: none;
	background-image: none;
	position: relative;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair #controls #fullscreen:hover:after {
	opacity: 0.5;
}

html.showfair #controls #fullscreen:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-extend.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .pnlm-controls-container {
	display: none;
	bottom: 8%;
	left: auto;
	right: 8%;
	top: auto;
	width: 50px;
	background-color: rgba(0, 0, 0, 0.6);
	background-repeat: no-repeat;
	border: 1px solid #000;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls {
	height: auto;
	width: 100%;
	background: none;
	border: none;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-in {
	width: 100%;
	height: 40px;
	background: none;
	position: relative;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-in:hover:after {
	opacity: 0.5;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-in:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-zoomin.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-out {
	width: 100%;
	height: 40px;
	background: none;
	position: relative;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-out:hover:after {
	opacity: 0.5;
}

html.showfair .pnlm-controls-container .pnlm-zoom-controls .pnlm-zoom-out:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-zoomout.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .pnlm-controls-container .pnlm-fullscreen-toggle-button, html.showfair .pnlm-controls-container .pnlm-orientation-button, html.showfair .pnlm-controls-container .pnlm-hot-spot-debug-indicator {
	width: 100%;
	height: 50px;
	background: none;
	border: none;
	background-image: none;
	position: relative;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	        border-radius: 0;
}

html.showfair .pnlm-controls-container .pnlm-fullscreen-toggle-button:hover:after, html.showfair .pnlm-controls-container .pnlm-orientation-button:hover:after, html.showfair .pnlm-controls-container .pnlm-hot-spot-debug-indicator:hover:after {
	opacity: 0.5;
}

html.showfair .pnlm-controls-container .pnlm-fullscreen-toggle-button:after, html.showfair .pnlm-controls-container .pnlm-orientation-button:after, html.showfair .pnlm-controls-container .pnlm-hot-spot-debug-indicator:after {
	content: '';
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/ico-panorama-extend.png");
	-webkit-background-size: contain;
	        background-size: contain;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .area-panorama .fix-copy {
	font-family: "Montserrat", AppleSDGothicNeo, "Malgun Gothic", "맑은 고딕", sans-serif !important;
	position: absolute;
	top: 200px;
	left: 8%;
	font-size: 7.4rem;
	line-height: 1.2;
	z-index: 2;
	color: #fff;
	text-shadow: 0px 1px 10px rgba(7, 7, 7, 0.35);
}

html.showfair .hotspot {
	z-index: 1;
	display: block;
	width: 160px;
	height: 160px;
	margin: auto;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

html.showfair .hotspot span {
	display: block;
	color: #f8e058;
	font-size: 2.0rem;
	position: relative;
	bottom: 25px;
}

html.showfair .hotspot:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: #f8e058;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	content: "";
	z-index: 2;
}

html.showfair .hotspot:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	border: 1px solid #fff;
	-webkit-animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	        animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
}

html.showfair .hotspot:hover:before {
	background: url(../images/ico-play-yellow.png) no-repeat 0 0;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .pnlm-load-box {
	border: none;
	background: none;
	-webkit-border-radius: 6px;
	        border-radius: 6px;
}

html.showfair .pnlm-load-box p {
	font-size: 1.2rem;
	display: none;
}

html.showfair .pnlm-lbar {
	-webkit-border-radius: 50px;
	        border-radius: 50px;
}

html.showfair .pnlm-loading {
	background: #f8e058;
}

html.showfair .btn-text {
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	color: #ff6d3a;
}

html.showfair .ctl-ico {
	font-size: 1.5rem;
	font-weight: 600;
}

html.showfair .ctl-ico + .ctl-ico {
	margin-left: 6px;
}

html.showfair .ctl-ico:focus, html.showfair .ctl-ico:hover {
	opacity: 0.5;
}

html.showfair .ctl-ico img {
	width: 11px;
}

html.showfair .btn {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 900;
	color: #fff;
	background: #171d20;
	padding: 10px 20px;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .btn.positive {
	background: #f8e058;
	color: #171d20;
}

html.showfair .btn.natural {
	background: none;
	border: 1px solid #aeb4bc;
	color: #687176;
}

html.showfair .btn:hover, html.showfair .btn:focus {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}

html.showfair .gui {
	display: inline-block;
	text-align: center;
}

html.showfair .gui + .gui {
	margin-left: 16px;
}

html.showfair .gui .ico {
	text-indent: -999rem;
	display: block;
	height: 40px;
}

html.showfair .gui .ico.favorite {
	width: 40px;
	background: url("../img/ico-favorite.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .gui .ico.favorite.on {
	background: url("../img/ico-favorite-on.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	-webkit-animation: beat 1.3s both;
	        animation: beat 1.3s both;
}

html.showfair .gui .ico.share {
	width: 35px;
	background: url("../img/ico-share.png") no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

html.showfair .gui span {
	display: block;
	line-height: 1;
	margin-top: 6px;
	color: #fff;
	font-size: 1.4rem;
}

html.showfair .btn-line {
	display: inline-block;
	font-size: 1.6rem;
	border: 1px solid #f8e058;
	-webkit-border-radius: 100px;
	        border-radius: 100px;
	padding: 12px 28px 12px;
	color: #fff;
	font-weight: 600;
	background: rgba(23, 29, 32, 0.2);
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}

html.showfair .btn-line:hover {
	background: #f8e058;
	color: #171d20;
}

html.showfair .btn-hall {
	display: inline-block;
	font-size: 1.4rem;
	color: #f8e058;
	font-weight: 600;
	border: 1px solid #fff;
	padding: 0 12px;
	height: 40px;
	line-height: 40px;
	background: rgba(23, 29, 32, 0.2);
}

html.showfair .btn-hall.natural {
	color: #fff;
}

html.showfair .btn-hall:hover {
	background: #f8e058;
	color: #171d20;
	border: 1px solid #f8e058;
}

html.showfair .btn-hall.black {
	border: 1px solid rgba(23, 29, 32, 0.2);
	background: none;
	color: #171d20;
}

html.showfair .btn-hall.black:hover {
	background: #f8e058;
	color: #171d20;
	border: 1px solid #f8e058;
}

html.showfair .btn-hall.play {
	text-indent: -999rem;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	width: 40px;
	position: relative;
}

html.showfair .btn-hall.play:hover {
	background: #171d20;
}

html.showfair .btn-hall.play:before {
	content: '';
	position: absolute;
	z-index: 1;
	width: 15px;
	height: 22px;
	background: url(../img/img-arrow.png) no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
	bottom: 0;
	top: 0;
	left: 3px;
	right: 0;
	margin: auto;
}

html.showfair .slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

html.showfair .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

html.showfair .slick-list:focus {
	outline: none;
}

html.showfair .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

html.showfair .slick-slider .slick-track,
html.showfair .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

html.showfair .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

html.showfair .slick-track:before,
html.showfair .slick-track:after {
	display: table;
	content: '';
}

html.showfair .slick-track:after {
	clear: both;
}

html.showfair .slick-loading .slick-track {
	visibility: hidden;
}

html.showfair .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

html.showfair [dir='rtl'] .slick-slide {
	float: right;
}

html.showfair .slick-slide img {
	display: block;
}

html.showfair .slick-slide.slick-loading img {
	display: none;
}

html.showfair .slick-slide.dragging img {
	pointer-events: none;
}

html.showfair .slick-initialized .slick-slide {
	display: block;
}

html.showfair .slick-loading .slick-slide {
	visibility: hidden;
}

html.showfair .slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

html.showfair .slick-arrow.slick-hidden {
	display: none;
}

html.showfair .page-intro {
	width: 100%;
	height: 100%;
	background: #aeaeae;
}

html.showfair .page-intro .main-cont {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 500px;
	height: 400px;
	text-align: center;
}

html.showfair .page-intro .video-container {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-animation: opacity 3s cubic-bezier(0.25, 0.1, 0.25, 1);
	        animation: opacity 3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

html.showfair .page-intro .video-container .btnScrollDown {
	top: 31%;
	left: 1%;
}

html.showfair .page-intro .video-container .btnScrollDown span {
	width: auto;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 5px;
	font-weight: 900;
	-webkit-border-radius: 50px;
	        border-radius: 50px;
}

html.showfair .page-intro .video-container .btnScrollDown:before {
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	        transform: scale(1.5);
}

html.showfair .page-intro .video-container .btnScrollDown:after {
	width: 16px;
	height: 16px;
}

html.showfair .page-intro .video-container .maintenance-item {
	overflow: hidden;
	z-index: 1;
	position: absolute;
	/* INTRO MODIFY :: 아래 위치와 크기로 자유롭게 변경 가능합니다 */
}

html.showfair .page-intro .video-container .maintenance-item.mainTitle {
	/* 철제바 타이틀 */
	width: 70%;
	left: 0%;
	right: 2%;
	top: 6%;
	margin: auto;
}

html.showfair .page-intro .video-container .maintenance-item.brandTitle {
	/* 협력사 타이틀 */
	width: 5%;
	left: 7.5%;
	top: 21%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.brandLogo01 {
	/* 협력사 로고 */
	width: 8%;
	left: 5.5%;
	top: 28%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.brandLogo02 {
	/* 협력사 로고 */
	width: 8%;
	left: 5.5%;
	top: 34%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.brandLogo03 {
	/* 협력사 로고 */
	width: 8%;
	left: 5.5%;
	top: 41%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.brandLogo04 {
	/* 협력사 로고 */
	width: 8%;
	left: 5.5%;
	top: 47%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.videoTitle {
	/* 협력사 로고 */
	width: 6%;
	right: 7.5%;
	top: 26%;
	-webkit-transform: rotateY(45deg);
	        transform: rotateY(45deg);
}

html.showfair .page-intro .video-container .maintenance-item.eventTitle {
	/* 뉴스 및 이벤트 타이틀 */
	width: 11%;
	left: 20.7%;
	top: 33%;
}

html.showfair .page-intro .video-container .maintenance-item.noticeCopy {
	/* 뉴스 내용 영역 */
	width: 13.9%;
	left: 19.2%;
	top: 38.1%;
}

html.showfair .page-intro .video-container .maintenance-item.newsNevent {
	/* 뉴스 내용 없는경우 링크영역 */
	width: 14%;
	left: 19%;
	top: 38%;
}

html.showfair .page-intro .video-container .maintenance-item.onlineTitle {
	/* 온라인 라이브 타이틀 */
	width: 11%;
	right: 20.7%;
	top: 33%;
}

html.showfair .page-intro .video-container .maintenance-item.mainEnter {
	/* 메인 이미지 버튼 사용시 버튼 */
	width: 12%;
	left: 0%;
	right: 0%;
	top: 30%;
	margin: auto;
	overflow: auto;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	z-index: 9;
	padding: 3%;
}

html.showfair .page-intro .video-container .maintenance-item.mainEnter:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	        animation: zoom 3s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
	-webkit-border-radius: 100%;
	        border-radius: 100%;
}

html.showfair .page-intro .video-container .maintenance-item.mainEnter a {
	text-align: center;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	background: rgba(0, 0, 0, 0.1);
}

html.showfair .page-intro .video-container .maintenance-item.mainEnter a:hover {
	background: rgba(0, 0, 0, 0.5);
}

html.showfair .page-intro .video-container .maintenance-item.mainEnter a:hover:before {
	opacity: 0;
}

html.showfair .page-intro .video-container .maintenance-item.onlineLive {
	/* 온라인라이브 링크영역 */
	width: 13%;
    right: 19.6%;
    top: 38.8%;
}

html.showfair .page-intro .video-container .maintenance-item.introVideo {
	/* 소개영상 링크영역 */
	width: 15%;
    right: 2.5%;
    top: 33.2%;
	-webkit-transform: rotateY(-45deg);
	        transform: rotateY(-45deg);
}

html.showfair .page-intro .video-container .maintenance-item a {
	display: block;
	position: relative;
}

html.showfair .page-intro .video-container .maintenance-item a img {
	max-width: 100%;
}

html.showfair .panoramaVideo {
	width : 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999999;
}

html.intro {
	background: url("../img/material.png") repeat;
	-webkit-background-size: cover;
	        background-size: cover;
}

@media (max-width: 991px) {
	html.showfair {
		/*
            INPUT
        */
		/*
            LAYOUT
        */
		/* main */
		/*
            Include
        */
		/*
            Single Component
        */
		/*
            GUI
        */
	}
	html.showfair.settings body {
		background: #fffffc;
	}
	html.showfair.settings .header {
		height: 80px;
		background-color: #171d20;
	}
	html.showfair.settings .header.scroll {
		background-color: #171d20;
	}
	html.showfair .input-row + .input-row {
		margin-top: 10px;
	}
	html.showfair .input-row .input-item {
		padding: 5px 0;
	}
	html.showfair .input-row .input-item .label {
		font-size: 1.2rem;
	}
	html.showfair .input-row .input-item input[type=color],
	html.showfair .input-row .input-item input[type=date],
	html.showfair .input-row .input-item input[type=datetime-local],
	html.showfair .input-row .input-item input[type=datetime],
	html.showfair .input-row .input-item input[type=email],
	html.showfair .input-row .input-item input[type=month],
	html.showfair .input-row .input-item input[type=number],
	html.showfair .input-row .input-item input[type=password],
	html.showfair .input-row .input-item input[type=search],
	html.showfair .input-row .input-item input[type=tel],
	html.showfair .input-row .input-item input[type=text],
	html.showfair .input-row .input-item input[type=time],
	html.showfair .input-row .input-item input[type=url],
	html.showfair .input-row .input-item input[type=week],
	html.showfair .input-row .input-item select {
		height: 66px;
		font-size: 1.4rem;
	}
	html.showfair .input-row .input-item input[type=color]:focus,
	html.showfair .input-row .input-item input[type=date]:focus,
	html.showfair .input-row .input-item input[type=datetime-local]:focus,
	html.showfair .input-row .input-item input[type=datetime]:focus,
	html.showfair .input-row .input-item input[type=email]:focus,
	html.showfair .input-row .input-item input[type=month]:focus,
	html.showfair .input-row .input-item input[type=number]:focus,
	html.showfair .input-row .input-item input[type=password]:focus,
	html.showfair .input-row .input-item input[type=search]:focus,
	html.showfair .input-row .input-item input[type=tel]:focus,
	html.showfair .input-row .input-item input[type=text]:focus,
	html.showfair .input-row .input-item input[type=time]:focus,
	html.showfair .input-row .input-item input[type=url]:focus,
	html.showfair .input-row .input-item input[type=week]:focus,
	html.showfair .input-row .input-item select:focus {
		background: #fff;
	}
	html.showfair .input-row .input-item textarea {
		height: 120px;
		font-size: 1.4rem;
	}
	html.showfair .file {
		height: 150px;
	}
	html.showfair .file p {
		font-size: 1.5rem;
	}
	html.showfair .file p span {
		font-size: 1.4rem;
	}
	html.showfair .input-item-inner.toggle .radio span {
		font-size: 1.4rem;
		line-height: 50px;
	}
	html.showfair .input-item-inner.toggle .radio span img {
		height: 20px;
	}
	html.showfair #viewport {
		padding-top: 40px;
	}
	html.showfair .app-section {
		padding: 60px 0;
	}
	html.showfair .app-section.sub {
		padding-top: 140px;
		padding-bottom: 60px;
	}
	html.showfair .app-section.sub .copy h2 {
		font-size: 4rem;
		line-height: 1.1;
	}
	html.showfair .app-section.sub .copy h2 span {
		font-weight: 400;
		font-size: 3rem;
	}
	html.showfair .app-section.sub .copy p {
		font-size: 1.7rem;
		font-weight: 400;
	}
	html.showfair .app-section.sub .copy + .btn-line {
		margin-top: 40px;
	}
	html.showfair .app-section.banner {
		height: auto;
		text-align: center;
	}
	html.showfair .app-section.banner .grid-div .left, html.showfair .app-section.banner .grid-div .right {
		float: none;
		text-align: center;
	}
	html.showfair .app-section.banner .grid-div .left .profile-img, html.showfair .app-section.banner .grid-div .right .profile-img {
		display: inline-block;
	}
	html.showfair .app-section.banner .info {
		display: inline-block;
	}
	html.showfair .app-section.banner .info + .title {
		margin-top: 16px;
	}
	html.showfair .app-section.banner h2 {
		font-size: 3rem;
		margin-bottom: 20px;
	}
	html.showfair .app-section.banner + .app-section {
		padding: 0 0;
	}
	html.showfair .app-section.sidebnr h3 {
		font-size: 3rem;
	}
	html.showfair .app-section.sidebnr h3 + .btn {
		margin-top: 16px;
	}
	html.showfair .app-section.sidebnr h3 span {
		font-size: 2rem;
	}
	html.showfair .app-section.grid-line .app-inner {
		padding: 60px 20px;
		border: none;
	}
	html.showfair .app-section.grid-line .app-inner .grid-div {
		padding: 0;
	}
	html.showfair .grid-row .grid-column + .grid-column {
		margin-top: 20px;
	}
	html.showfair .grid-row.grid-col-2 .grid-column {
		width: 100%;
	}
	html.showfair .grid-row.grid-col-3 .grid-column {
		width: 100%;
	}
	html.showfair .grid-row.grid-col-4 .grid-column {
		width: 100%;
	}
	html.showfair .grid-row.grid-col-5 .grid-column {
		width: 100%;
	}
	html.showfair .input-row.grid-col-2 .input-column {
		width: 100%;
	}
	html.showfair .input-row.grid-col-3 .input-column {
		width: 100%;
	}
	html.showfair .input-row.grid-col-4 .input-column {
		width: 100%;
	}
	html.showfair .input-row.grid-col-5 .input-column {
		width: 100%;
	}
	html.showfair .app-inner {
		width: 100%;
	}
	html.showfair .app-inner.wide {
		padding: 0 20px;
	}
	html.showfair .app-inner.min {
		width: 100%;
	}
	html.showfair .app-inner.min .list-sns {
		right: 20px;
		top: 20px;
	}
	html.showfair .tit-lv1 {
		font-size: 2.4rem;
		margin-bottom: 16px;
	}
	html.showfair .tit-lv1 .input-item {
		display: block;
		position: static;
		margin-top: 20px;
	}
	html.showfair .tit-lv1 .input-item input {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	html.showfair .tit-lv1 span {
		font-size: 1.4rem;
	}
	html.showfair .subtit-lv1 {
		font-size: 3rem;
	}
	html.showfair .subtit-lv1 + .desc {
		font-size: 1.5rem;
	}
	html.showfair .desc + .btn-text {
		margin-top: 6px;
		font-size: 1.3rem;
	}
	html.showfair .tit-lv2 {
		font-size: 1.7rem;
	}
	html.showfair .tit-lv2 b {
		font-size: 2rem;
	}
	html.showfair .grid-div.tit-div .left, html.showfair .grid-div.tit-div .right {
		float: none;
	}
	html.showfair .grid-div.tit-div .left .input-item, html.showfair .grid-div.tit-div .right .input-item {
		margin-left: 0;
	}
	html.showfair .grid-div.tit-div .left .btn, html.showfair .grid-div.tit-div .right .btn {
		display: block;
		margin-bottom: 20px;
		width: 100%;
	}
	html.showfair .grid-div.filter-div .left, html.showfair .grid-div.filter-div .right {
		float: none;
	}
	html.showfair .grid-div.filter-div .left .input-item, html.showfair .grid-div.filter-div .right .input-item {
		float: none;
		text-align: center;
	}
	html.showfair .grid-div.filter-div .left .input-item-inner, html.showfair .grid-div.filter-div .right .input-item-inner {
		line-height: inherit;
	}
	html.showfair .grid-div.filter-div .left .input-item-inner label, html.showfair .grid-div.filter-div .right .input-item-inner label {
		line-height: inherit;
	}
	html.showfair .grid-div.filter-div .left .input-item + .input-item, html.showfair .grid-div.filter-div .right .input-item + .input-item {
		margin-left: 0;
		margin-top: 10px;
	}
	html.showfair .grid-div.filter-div .left .btn, html.showfair .grid-div.filter-div .right .btn {
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
		width: 100%;
	}
	html.showfair .main .app-inner {
		text-align: center;
	}
	html.showfair .main .copy br {
		display: none;
	}
	html.showfair .main .copy h2 {
		font-size: 4.4rem;
		line-height: 1.2;
	}
	html.showfair .main .copy h2 span {
		display: block;
		font-weight: 600;
		font-size: 1.7rem;
		line-height: 1.4;
		margin-bottom: 8px;
	}
	html.showfair .main .copy h2 small {
		display: none;
	}
	html.showfair .main .copy p {
		color: #fff;
		font-size: 1.8rem;
		line-height: 1.7;
		font-weight: 400;
	}
	html.showfair .main .copy + .btn-line {
		display: inline-block;
	}
	html.showfair .main .app-inner {
		padding-top: 100px;
	}
	html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.individual {
		background-position: left;
		background-attachment: inherit;
	}
	html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.hold {
		background-position: right;
		background-attachment: inherit;
	}
	html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item.company {
		background-position: center;
		background-attachment: inherit;
	}
	html.showfair .slider-main .slider-container .slick-list .slick-track .slick-slide .slider-item:after {
		background: rgba(23, 29, 32, 0.8);
	}
	html.showfair .slider-main .slick-arrow {
		display: none !important;
	}
	html.showfair .hall-item {
		position: relative;
	}
	html.showfair .hall-item:hover img {
		-webkit-transform: scale(1);
		    -ms-transform: scale(1);
		        transform: scale(1);
	}
	html.showfair .hall-item:hover:before {
		opacity: 1;
	}
	html.showfair .hall-item .info {
		position: absolute;
		bottom: 20px;
		left: 20px;
		z-index: 1;
	}
	html.showfair .hall-item .info p {
		font-size: 1.4rem;
		color: #fff;
	}
	html.showfair .hall-item .info p + .btn-hall {
		margin-top: 8px;
	}
	html.showfair .logo a {
		font-size: 2rem;
	}
	html.showfair .header {
		height: 80px;
	}
	html.showfair .header.scroll {
		height: 80px;
		background: #171d20;
	}
	html.showfair .header .ico-gnb-m {
		width: 30px;
		height: 30px;
	}
	html.showfair .header .ico-gnb-m span {
		height: 2px;
	}
	html.showfair .header .ico-gnb-m:before {
		height: 2px;
	}
	html.showfair .header .snb > ul li + li {
		margin-left: 10px;
	}
	html.showfair .header .snb > ul li .logo a {
		line-height: 30px;
	}
	html.showfair .header .gnb > ul > li {
		margin-left: 10px;
		padding: 12px 0 10px;
	}
	html.showfair .header .gnb > ul > li.like-btn {
		display: none;
	}
	html.showfair .header .gnb > ul > li.like-btn.line {
		border: none;
		opacity: 0.5;
	}
	html.showfair .header .gnb > ul > li.like-btn a {
		font-size: 1.2rem;
	}
	html.showfair .header .gnb > ul > li > a {
		font-size: 1.1rem;
	}
	html.showfair .header .gnb > ul > li > a img {
		width: 10px;
		margin-right: 0;
	}
	html.showfair .side-menu {
		width: 100%;
	}
	html.showfair .side-menu-head .user-info {
		font-size: 1.3rem;
		opacity: 0.8;
	}
	html.showfair .side-menu-body .side-nav ul li a {
		font-weight: 600;
	}
	html.showfair .side-menu-body .side-nav ul li + li {
		margin-top: 16px;
	}
	html.showfair .footer {
		background: #fafafa;
		padding-top: 0;
		padding-bottom: 30px;
		text-align: center;
	}
	html.showfair .footer .app-inner {
		padding: 0;
	}
	html.showfair .footer .fnb ul li {
		float: none;
		padding: 10px;
	}
	html.showfair .footer .fnb ul li + li {
		margin-left: 0;
		border-top: 1px solid #f1f1f1;
	}
	html.showfair .footer .fnb ul li a {
		font-size: 1.2rem;
	}
	html.showfair .footer small {
		font-size: 1rem;
		color: #aeb4bc;
	}
	html.showfair .modal .modal-title {
		font-size: 1.8rem;
		font-weight: 700;
	}
	html.showfair .modal .checkbox span {
		text-align: left;
	}
	html.showfair .modal .close span {
		font-size: 2.4rem;
	}
	html.showfair .modal .modal-content .modal-header {
		padding: 10px 20px;
	}
	html.showfair .modal .modal-content .modal-body {
		padding: 20px 20px 10px;
	}
	html.showfair .modal .modal-content .modal-footer {
		padding: 10px 20px;
	}
	html.showfair .list-sns li img {
		width: 30px;
	}
	html.showfair .acc-board-item .down-item {
		padding: 10px;
	}
	html.showfair .banner-box-head span {
		color: #687176;
		font-size: 1.5rem;
	}
	html.showfair .banner-box-head b {
		font-size: 2.5rem;
		color: #687176;
	}
	html.showfair .price-box {
		padding: 20px;
		text-align: center;
	}
	html.showfair .price-box-wrap .grid-column {
		padding: 10px 0;
	}
	html.showfair .price-box-head span {
		font-size: 1.4rem;
	}
	html.showfair .price-box-head b {
		font-size: 2.5rem;
	}
	html.showfair .price-box-body .price {
		padding: 16px 0;
	}
	html.showfair .price-box-body .price dl dt {
		float: none;
		font-size: 4rem;
	}
	html.showfair .price-box-body .price dl dd {
		float: none;
		font-size: 1.2rem;
		margin-left: 0;
	}
	html.showfair .price-box-body .price + .benefits {
		padding-top: 16px;
	}
	html.showfair .price-box-body .btn-submit {
		font-size: 1.5rem;
		height: 60px;
		line-height: 60px;
	}
	html.showfair .benefits {
		height: auto;
	}
	html.showfair .benefits ul li {
		text-align: left;
		font-size: 1.4rem;
		color: #687176;
	}
	html.showfair .benefits ul li + li {
		margin-top: 10px;
	}
	html.showfair .benefits + .btn-submit {
		margin-top: 20px;
	}
	html.showfair .list-step li {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	html.showfair .list-step li .step-head {
		border-bottom: 3px solid #171d20;
		font-size: 2rem;
	}
	html.showfair .list-step li .step-body .btn-hall {
		margin-top: 20px;
	}
	html.showfair .item-create {
		padding: 10px 20px 20px;
		margin-top: 20px;
	}
	html.showfair .item-create + .list-elements {
		margin-top: 40px;
	}
	html.showfair .item-create .create-head input {
		font-size: 1.8rem;
	}
	html.showfair .item-create .create-foot {
		padding-top: 10px;
	}
	html.showfair .item-create .create-foot .grid-div .left, html.showfair .item-create .create-foot .grid-div .right {
		float: none;
		text-align: center;
	}
	html.showfair .item-create .create-foot .grid-div .left .list-option, html.showfair .item-create .create-foot .grid-div .right .list-option {
		display: inline-block;
	}
	html.showfair .list-elements .item-element .element-body {
		padding: 10px 20px 14px;
	}
	
	html.showfair .list-elements .item-element .booth-file:before {
		margin-right: 0;
		margin-bottom: 10px;
	}
	html.showfair .list-elements .item-element .booth-file a {
		font-size: 1.4rem;
	}
	html.showfair .list-elements .item-element .booth-url:before {
		margin-right: 0;
		margin-bottom: 10px;
	}
	html.showfair .list-elements .item-element .booth-url a {
		font-size: 1.4rem;
	}
	html.showfair .booth-info {
		margin: 10px 0;
	}
	html.showfair .booth-info li {
		display: inline-block;
	}
	html.showfair .booth-info li dl dt {
		font-size: 1.2rem;
	}
	html.showfair .booth-info li dl dd {
		line-height: 1;
		font-size: 3rem;
		font-weight: 300;
	}
	html.showfair .booth-info li + li {
		margin-left: 20px;
	}
	html.showfair .term-box {
		max-height: 140px;
		text-align: left;
		padding: 20px;
		font-size: 1.2rem;
	}
	html.showfair .term-box.table {
		padding: 0;
	}
	html.showfair .term-box.table table {
		margin: 0;
		border: none;
	}
	html.showfair .term-box.table table td {
		font-size: 1rem;
		line-height: 1.3;
	}
	html.showfair .login-box {
		width: 100%;
		max-width: 300px;
		overflow: auto;
		height: 100vh;
		padding-top: 100px;
		padding-bottom: 40px;
	}
	html.showfair .login-box .grid-column + .grid-column {
		margin-top: 10px;
	}
	html.showfair .login-box .checkbox {
		text-align: left;
	}
	html.showfair .login-box .grid-column {
		padding-right: 0;
	}
	html.showfair .login-box .grid-column + .grid-column {
		padding-left: 0;
	}
	html.showfair .login-box.wide {
		width: 100%;
		max-width: 300px;
	}
	html.showfair .login-box .register-box {
		padding: 0;
		background: none;
		border: none;
	}
	html.showfair .login-box .util {
		margin-top: 10px;
	}
	html.showfair .login-box .util .btn-text {
		font-size: 1.3rem;
	}
	html.showfair .login-box .btn-line {
		margin-top: 10px;
	}
	html.showfair .login-box .text {
		font-size: 3rem;
		line-height: 1.2;
	}
	html.showfair .booth-desc {
		font-size: 1.5rem;
		padding: 0;
	}
	
	html.showfair .booth-cont + .booth-cont {
		margin-top: 30px;
	}
	html.showfair .booth-file a {
		display: block;
	}
	html.showfair .booth-file a + a {
		margin-top: 10px;
		margin-left: 0;
	}
	html.showfair .booth-url a {
		display: block;
	}
	html.showfair .booth-url a + a {
		margin-top: 10px;
		margin-left: 0;
	}
	html.showfair .list-booth ul li {
		width: 100%;
		height: 220px;
		padding: 10px 0;
	}
	html.showfair .list-booth .booth-tit {
		color: #fff;
		font-size: 2.4rem;
	}
	html.showfair .list-booth .booth-desc {
		margin-top: 4px;
		font-size: 1.4rem;
		opacity: 0.8;
	}
	html.showfair .btn-chart {
		width: auto;
	}
	html.showfair .btn-download {
		font-size: 1.4rem;
	}
	html.showfair .btn-url {
		font-size: 1.4rem;
	}
	html.showfair .profile-info {
		margin-left: 0;
		margin-top: 10px;
	}
	html.showfair .profile-info li {
		font-size: 1.3rem;
		color: #fff;
	}
	html.showfair .profile-img {
		width: 60px;
		height: 60px;
	}
	html.showfair .txt-guide {
		font-size: 1.2rem;
	}
	html.showfair .tbl table thead th {
		font-size: 1.4rem;
	}
	html.showfair .tbl table tbody tr + tr {
		border-top: 6px solid #eaeaea;
	}
	html.showfair .tbl table th, html.showfair .tbl table td {
		font-size: 1.4rem;
	}
	html.showfair .tbl table th .tit, html.showfair .tbl table td .tit {
		font-size: 1.8rem;
	}
	html.showfair .tbl table th .tit + div, html.showfair .tbl table td .tit + div {
		padding: 10px 30px;
	}
	html.showfair .tbl table th .tit + div div + div, html.showfair .tbl table td .tit + div div + div {
		margin-top: 14px;
	}
	html.showfair .tbl table th .mark, html.showfair .tbl table td .mark {
		display: inline-block;
		background: #171d20;
		color: #fff;
		font-size: 1.2rem;
		font-weight: 900;
		padding: 5px;
		min-width: 20px;
		text-align: center;
		-webkit-border-radius: 50px;
		        border-radius: 50px;
		line-height: 1;
	}
	html.showfair .tbl table th .checkbox, html.showfair .tbl table td .checkbox {
		display: inline-block;
		margin: 0;
		width: 22px;
	}
	html.showfair .tbl table th .form-tit-input, html.showfair .tbl table td .form-tit-input {
		border: none;
		background: none;
	}
	html.showfair .tbl table th .form-tit-input:focus, html.showfair .tbl table td .form-tit-input:focus {
		border: 1px solid #aeb4bc;
	}
	html.showfair .tbl table th .form-add-input, html.showfair .tbl table td .form-add-input {
		font-size: 1.6rem;
		font-weight: 600;
		height: 128px;
		max-height: 128px;
	}
	html.showfair .tbl table th.center, html.showfair .tbl table td.center {
		text-align: center;
	}
	html.showfair .tbl table th.right, html.showfair .tbl table td.right {
		text-align: right;
	}
	html.showfair .tbl table th.left, html.showfair .tbl table td.left {
		text-align: left;
	}
	html.showfair .tbl table th {
		color: #687176;
	}
	html.showfair .tbl table td {
		color: #171d20;
	}
	html.showfair .tbl table td p {
		font-weight: 400;
	}
	html.showfair .tbl table td b {
		font-size: 2rem;
	}
	html.showfair .tbl table tr.add-cell {
		background: #fff;
	}
	html.showfair .board-list table thead th {
		padding: 14px 6px 16px 6px;
		font-size: 1.3rem;
	}
	html.showfair .board-list table tbody tr + tr {
		border-top: 1px solid #eaeaea;
	}
	html.showfair .board-list table th, html.showfair .board-list table td {
		padding: 14px 6px 16px 6px;
		font-size: 1.3rem;
	}
	html.showfair .board-view table tbody tr + tr {
		border-top: 1px solid #eaeaea;
	}
	html.showfair .board-view table th {
		display: none;
	}
	html.showfair .board-view table th.desc div, html.showfair .board-view table td.desc div {
		min-height: 300px;
	}
	html.showfair .board-write {
		border-bottom: 1px solid #eaeaea;
	}
	html.showfair .board-write table tbody tr + tr {
		border-top: 1px solid #eaeaea;
	}
	html.showfair .board-write table th, html.showfair .board-write table td {
		vertical-align: top;
	}
	html.showfair .board-write table th .input-row .input-item textarea, html.showfair .board-write table td .input-row .input-item textarea {
		height: 400px;
		max-height: 400px;
	}
	html.showfair .board-write table th.tit, html.showfair .board-write table td.tit {
		font-size: 20px;
		font-weight: 600;
		color: #171d20;
	}
	html.showfair .board-write table th.desc div, html.showfair .board-write table td.desc div {
		min-height: 430px;
	}
	html.showfair .board-write table th.desc div p, html.showfair .board-write table td.desc div p {
		line-height: 2;
	}
	html.showfair .pagination {
		margin-top: 30px;
	}
	html.showfair .pagination-inner li > a {
		padding: 0 6px;
		line-height: 30px;
		font-size: 1.2rem;
	}
	html.showfair .pagination-inner li.gui {
		width: 30px;
		height: 30px;
	}
	html.showfair .btn-text {
		font-size: 1.4rem;
	}
	html.showfair .ctl-ico {
		font-size: 1.4rem;
	}
	html.showfair .btn {
		font-size: 1.4rem;
	}
	html.showfair .gui + .gui {
		margin-left: 12px;
	}
	html.showfair .btn-hall {
		padding: 0 10px;
	}
}


@media (max-width: 550px) {
	html.showfair .booth-cont + .booth-cont {
		margin-top: 20px;
	}
}

/* 온라인 견적문의 수정 css hanna 210310 S*/
html.showfair .grid-div .left .input-item{
	display: inline-block;
}
html.showfair .grid-div .left .input-item + .input-item{
	margin-top: 0px;
}
html.showfair .grid-div .left .input-item .input-item-inner .search-box{
	width: 60%;
}
@media (max-width: 991px) {
	html.showfair .grid-div .left{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	html.showfair .grid-div .left .select-box{
		width: 30%;
	}
	html.showfair .grid-div .right{
		float: none;
	}
	html.showfair .grid-div .right .btn.positive{
		width: 100%;
		margin:10px 0;
		text-align: center;
	}

}

/* 온라인 견적문의 수정 css hanna 210310 E */