@charset "utf-8";

/* 초기화 */
@import url('base.css');

/* Loader */
#loader {
	position:fixed;
	top:50%;
	left:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 -6px;
	background-color:rgba(177,127,74,1);
	border-radius:50%;
	z-index:9;
}
#loader:before {
	content:"";
	position:absolute;
	top:0px;
	width:12px;
	height:12px;
	border-radius:50%;
	animation:loader_L 2s ease-in-out infinite;
}
#loader:after {
	content:"";
	position:absolute;
	top:0px;
	width:12px;
	height:12px;
	border-radius:50%;
	animation:loader_R 2s ease-in-out infinite;
}
@keyframes loader_L {
	0% { left:-25px; background-color:rgba(177,127,74,1); }
	50% { left:0px; background-color:rgba(177,127,74,0); }
	100% { left:-25px; background-color:rgba(177,127,74,1); }
}
@keyframes loader_R {
	0% { right:-26px; background-color:rgba(177,127,74,1); }
	50% { right:0px; background-color:rgba(177,127,74,0); }
	100% { right:-26px; background-color:rgba(177,127,74,1); }
}


/*
################################################
##                                                                             ##
##                    Desktop Device 1201px ~                      ##
##                                                                             ##
################################################
*/
@media all and (min-width:1201px) {

	/* HEADER */
	#header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:1.5rem 4rem;
		border-bottom:1px solid rgba(255,255,255,0.3);
		transition:all 0.3s ease-in-out;
		display:flex;
		align-items:center;
		z-index:99;
	}
	#header .logo {
		width:215px;
		height:35px;
		margin-right:auto;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		transition:all 0.3s ease-in-out;
		display:inline-block;
	}

	#header .gnb {
		margin-left:auto;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#header .gnb li {
		font-family:"Metropolis", sans-serif;
		font-size:1.1rem;
		color:#fff;
		font-weight:700;
		margin-left:5rem;
		transition:all 0.25s ease-in-out;
		cursor:pointer;
	}
	#header .gnb li:hover,
	#header .gnb li.active { color:#b17f4a; }
	#header .lang {
		margin-left:5rem;
		display:flex;
		align-items:center;
	}
	
	#mGnbBtn, #mGnb { display:none; }

	#header .lang a {
		font-family:"Metropolis", sans-serif;
		font-size:0.9rem;
		color:#fff;
		font-weight:700;
		margin-left:0.3rem;
		padding:0.4rem 1rem;
		border:0;
		border-radius:3rem;
		box-shadow:inset 0 0 0 2px #fff;
		transition:all 0.3s ease-in-out;
	}
	#header .lang a:hover {
		color:#000;
		background-color:rgba(255,255,255,1);
	}
	#header .lang a.active {
		color:#fff;
		background-color:#b17f4a;
		box-shadow:inset 0 0 0 2px #b17f4a;
	}
	#header .mLang { display:none; }

	#header.fixed {
		background-color:rgba(0,0,0,0.6);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	}
	#header.fixed .logo {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23b17f4a'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
	}

	/* CONTENT */
	#wrap {
		width:100%;
		min-width:320px;
		max-width:1920px;
		margin:0 auto;
		overflow:hidden;
		opacity:0;
	}
	#wrap.on { opacity:1; }

	/* VISUAL */
	#video {
		position:relative;
		width:100%;
		min-height:600px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	#video:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		display:block;
	}
	#vid {
		position:absolute;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		transform:translate(-50%, -50%);
		z-index:-1;
	}
	#video .slogan {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		text-align:center;
		z-index:9;
	}
	#video .slogan h1 {
		font-size:3.2rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .slogan h1 .char {
		transition:all 1s cubic-bezier(0.8, 0, 0.2, 1);
		transition-delay: calc( 0.2s * ( 1 - var(--distance-percent) ) );
		transform:scale(0.5) translateX(calc(50rem * var(--distance-sine)));;
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h1.animated .char {
		transition-delay: calc( 0.2s * var(--distance-percent) );
		transform:scale(1) translateX(calc(0rem * var(--distance-sine)));
		opacity:1;
		filter:blur(0);
	}
	#video .slogan h2 {
		font-family:"SCoreDream", sans-serif;
		font-size:3.2rem;
		color:#fff;
		font-weight:700;
		word-break:keep-all;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
		perspective:200px;
		transform-style:preserve-3d;
	}
	#video .slogan h2 .char {
		transition:all 3s cubic-bezier(0.6, 0, 0, 0.6);
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		transition-delay:calc( 0.5s * var(--distance-percent) );
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h2.animated .char {
		transform:rotateY(-1turn);
		transition-duration:1s;
		transition-delay:calc( 0.5s * var(--distance-percent) );
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		opacity:1;
		filter:blur(0);
	}


	#video .slogan p {
		font-family:"SCoreDream", sans-serif;
		font-size:1.5rem;
		color:#b17f4a;
		font-weight:400;
		word-break:keep-all;
		margin-top:1rem;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .ui_scroll {
		position:absolute;
		left:50%;
		bottom:3rem;
		width:30px;
		height:50px;
		box-shadow:inset 0 0 0 3px rgba(255,255,255 ,0.6);
		border-radius:30px;
		display:block;
		z-index:1;
	}
	#video .ui_scroll:before,
	#video .ui_scroll:after {
		content:"";
		position:absolute;
		top:6px;
		left:50%;
		width:6px;
		height:6px;
		border-radius:50%;
		background-color:rgba(255,255,255,1);
		transform:translateX(-50%);
		opacity:0;
		animation:mouse 2s ease-in-out infinite;
	}
	#video .ui_scroll:after { animation-delay:1s; }
	@keyframes mouse {
		50% {
			opacity: 1;
		}
		47.5%, 52.5% {
			margin-top:6px;
		}
		100% {
			margin-top:20px;
		}
	}

	/* TITLE */
	#wrap .section h1.titleText {
		font-family:"Metropolis", sans-serif;
		font-size:5rem;
		color:#fff;
		font-weight:900;
	}
	#wrap .section h1.titleText .char {
		opacity:0;
		transform:translateY(1rem);
		transition:all 0.6s cubic-bezier(0.3,0,0.3,1); 
		transition-delay:calc(0.2s * var(--char-index));
		filter:blur(10px);
	}
	#wrap .section.animated h1.titleText .char {
		opacity:1;
		transform:translateY(0rem);
		filter:blur(0);
	}

	/* INTRO */
	#intro {
		background-color:#000;
		display:flex;
	}
	#intro .introVisual {
		width:40%;
		background-image:url("../img/visual_intro.jpg");
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	#intro .introContent {
		width:60%;
		margin-left:auto;
		padding:4rem;
	}
	#intro .introContent article { margin-top:5rem; }
	#intro .introContent p {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:2rem;
		display:block;
	}
	#intro .introContent p:first-of-type { margin:0; }
	#intro .introContent em {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		font-style:normal;
		line-height:1.5rem;
		word-break:keep-all;
		margin-top:5rem;
		display:block;
	}
	#intro .introContent strong {
		font-size:1.3rem;
		font-weight:600;
		letter-spacing:1rem;
		margin-left:1rem;
		display:inline-block;
	}

	/* HISTORY */
	#history {
		position:relative;
		height:100%;
		padding:4rem;
		background-image:url("../img/visual_history.jpg");
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		display:flex;
		z-index:-1;
	}
	#history:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		z-index:-1;
	}
	#history .historyTitle {
		width:40%;
	}
	#history .historyContent {
		width:60%;
		padding:4rem 3rem;
	}
	#history .historyContent article {
		margin-top:4rem;
		display:flex;
	}
	#history .historyContent article .year {
		max-width:110px;
		font-family:'Big John', sans-serif;
		font-size:5rem;
		color:#fff;
		line-height:4.5rem;
		word-break:break-all;
		margin-top:-1rem;
	}
	#history .historyContent ul { margin-left:3rem; }
	#history .historyContent ul li {
		margin-top:3rem;
		display:flex;
		align-items:flex-start;
	}
	#history .historyContent ul li:first-of-type { margin:0; }
	#history .historyContent ul li span {
		position:relative;
		min-width:100px;
		font-family:"Metropolis", sans-serif;
		font-size:1.3rem;
		color:#fff;
		font-weight:600;
	}
	#history .historyContent ul li span:after {
		content:"";
		position:absolute;
		right:0;
		bottom:5px;
		width:60px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#history .historyContent ul li label {
		margin-top:-0.3rem;
		display:flex;
		flex-direction:column;
	}
	#history .historyContent ul li label p {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		margin-left:1rem;
		margin-top:1rem;
		word-break:keep-all;
	}
	#history .historyContent ul li label p:first-of-type { margin-top:0; }

	/* ABOUT US */
	#about {
		margin:0 auto;
		padding:0;
	}
	#about .aboutContent {
		padding:4rem;
		background-color:rgba(0,0,0,1);
	}
	#about .aboutContent ul {
		display:flex;
		align-items:center;
	}
	#about .aboutContent li:first-of-type { width:40%; }
	#about .aboutContent li:last-of-type {
		width:60%;
		padding:0 4rem;
	}
	#about .aboutContent li h2 {
		position:relative;
		font-size:1.3rem;
		color:#fff;
		font-weight:700;
		padding-bottom:1rem;
	}
	#about .aboutContent li h2:after {
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:50px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#about .aboutContent li p {
		position:relative;
		font-size:1rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:1rem;
	}
	#about .nowVision {
		padding:4rem;
		background-color:rgba(255,255,255,1);
	}
	#about .nowVision .row {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}
	#about .nowVision .col {
		width:48%;
	}
	#about .nowVision .col h2 {
		font-size:4rem;
		color:#000;
		font-weight:100;
	}
@media all and (min-width:1501px) {
	#about .nowVision .col article {
		margin-top:2rem;
		background-color:#fafafa;
		display:flex;
	}
	#about .nowVision .col article span {
		position:relative;
		min-width:300px;
		min-height:310px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	#about .nowVision .col article span:after {
		content:"";
		padding-bottom:100%;
		display:block;
	}
	#about .nowVision .col:nth-of-type(1) span { background-image:url("../img/visual_now.jpg"); }
	#about .nowVision .col:nth-of-type(2) span { background-image:url("../img/visual_vision.jpg"); }
	#about .nowVision .col label {
		padding:1.5rem;
		display:flex;
		flex-direction:column;
		justify-content:flex-end;
	}
	#about .nowVision .col label p {
		font-size:0.9rem;
		color:#000;
		font-weight:500;
		word-break:keep-all;
	}
	#about .nowVision .col label p:not(:first-of-type) { margin-top:1rem; }
}

@media all and (min-width:1201px) and (max-width:1500px) {
	#about .nowVision .col article {
		margin-top:2rem;
		background-color:#fafafa;
		display:flex;
		flex-direction:column;
		align-items:flex-end;
	}
	#about .nowVision .col article span {
		position:relative;
		width:100%;
		height:250px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#about .nowVision .col article span:after {
		content:"";
		display:block;
	}
	#about .nowVision .col:nth-of-type(1) span { background-image:url("../img/visual_now.jpg"); }
	#about .nowVision .col:nth-of-type(2) span { background-image:url("../img/visual_vision.jpg"); }
	#about .nowVision .col label {
		min-height:220px;
		padding:1.5rem;
	}
	#about .nowVision .col label p {
		font-size:0.9rem;
		color:#000;
		font-weight:500;
		word-break:keep-all;
	}
	#about .nowVision .col label p:not(:first-of-type) { margin-top:1rem; }
}

	/* FOOTER */
	#footer {
		padding:2rem 4rem;
		background-color:#fafafa;
		border-top:1px solid rgba(0,0,0,0.08);
		display:flex;
	}
	#footer article {
		width:50%;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-end;
	}
	#footer article:last-of-type { align-items:flex-end; }
	#footer article .fLogo {
		width:200px;
		height:32px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23919191'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		display:inline-block;
	}
	#footer article .footerInfo {
		margin-top:2rem;
		display:flex;
		flex-direction:column;
	}
	#footer article .footerInfo li {
		padding:0.25rem 0;
		display:flex;
		flex-wrap:warp;
		align-items:center;
	}
	#footer article .footerInfo li span {
		position:relative;
		font-family:'AritaDotum', sans-serif;
		font-size:0.9rem;
		color:#616161;
		font-weight:300;
		margin-right:1rem;
		padding-right:1rem;
	}
	#footer article .footerInfo li span:not(:last-of-type):after {
		content:"";
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:6px;
		margin-top:-3px;
		background-color:rgba(0,0,0,0.25);
	}
	#footer article .sns {
		margin-bottom:auto;
		display:flex;
		align-items:center;
	}
	#footer article .sns a {
		width:40px;
		height:40px;
		margin-left:0.5rem;
		background-size:auto 22px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#footer article .sns a.instagram { background-image:url('../img/instagram.svg'); }
	#footer article .sns a.facebook { background-image:url('../img/facebook.svg'); }
	#footer article .sns a.youtube { background-image:url('../img/youtube.svg'); }
	#footer article .copyright {
		font-size:0.9rem;
		color:#919191;
		font-weight:300;
	}

}

/*
################################################
##                                                                             ##
##                 Desktop Device 769px ~ 1200px               ##
##                                                                             ##
################################################
*/
@media all and (min-width:769px) and (max-width:1200px) {

	/* HEADER */
	#header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:1.5rem 3rem;
		border-bottom:1px solid rgba(255,255,255,0.3);
		transition:all 0.3s ease-in-out;
		display:flex;
		align-items:center;
		z-index:99;
	}
	#header .logo {
		width:215px;
		height:35px;
		margin-right:auto;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		transition:all 0.3s ease-in-out;
		display:inline-block;
	}
	#header .gnb { display:none; }
	
	#header .lang {
		margin-left:auto;
		display:flex;
	}
	#header .lang a {
		font-family:"Metropolis", sans-serif;
		font-size:0.9rem;
		color:#fff;
		font-weight:700;
		margin-left:0.3rem;
		padding:0.4rem 1rem;
		border:0;
		border-radius:3rem;
		box-shadow:inset 0 0 0 2px #fff;
		transition:all 0.3s ease-in-out;
	}
	#header .lang a:hover {
		color:#000;
		background-color:rgba(255,255,255,1);
	}
	#header .lang a.active {
		color:#fff;
		background-color:#b17f4a;
		box-shadow:inset 0 0 0 2px #b17f4a;
	}
	#header .mLang { display:none; }

	#mGnbBtn {
		margin-left:2rem;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	#mGnbBtn i {
		position:relative;
		width:30px;
		height:25px;
		transition:background-color 0.25s ease-in-out;
		cursor:pointer;
		display:block;
	}
	#mGnbBtn i:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:2px;
		background-color:#fff;
		transition:transform 0.25s;
		display:block;
	}
	#mGnbBtn i:after {
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:2px;
		background-color:#fff;
		transition:all 0.25s;
		display:block;
	}
	#mGnbBtn i > span {
		position:absolute;
		left:0;
		right:0;
		top:12px;
		height:2px;
		background-color:#fff;
		transition:all 0.25s ease-in-out;
		display:block;
	}
	#mGnbBtn[data-state=true] i:before {
		top:12px;
		left:0;
		right:0;
		transform:rotate(-45deg);
	}
	#mGnbBtn[data-state=true] i:after {
		top:12px;
		left:0;
		right:0;
		transform:rotate(45deg);
	}
	#mGnbBtn[data-state=true] i > span {
		left:100%;
		opacity:0;
	}

	#mGnb {
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100%;
		padding-top:82px;
		transition:0.25s ease-in-out;
		display:flex;
		align-items:center;
		justify-content:center;
		z-index:9;
	}
	#mGnb:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.7);
		backdrop-filter:blur(6px);
		-webkit-backdrop-filter:blur(6px);
		z-index:-1;
	}
	#mGnb.on { left:0; }
	#mGnb .mSub {
		padding:0;
		text-align:center;
		list-style:none;
	}
	#mGnb .mSub li {
		position:relative;
		margin:0;
		padding:0;
		display:block;
	}
	#mGnb .mSub > li {
		position:relative;
		font-family: 'Metropolis', sans-serif;
		font-size:2rem;
		color:#fff;
		font-weight:700;
		padding:1.5rem 2rem;
		cursor:pointer;
		display:block;
	}

	#header.fixed {
		background-color:rgba(0,0,0,0.6);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	}
	#header.fixed .logo {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23b17f4a'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
	}

	/* CONTENT */
	#wrap {
		width:100%;
		min-width:320px;
		max-width:1920px;
		margin:0 auto;
		overflow:hidden;
		opacity:0;
	}
	#wrap.on { opacity:1; }

	/* VISUAL */
	#video {
		position:relative;
		width:100%;
		min-height:600px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	#video:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		display:block;
	}
	#vid {
		position:absolute;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		transform:translate(-50%, -50%);
		z-index:-1;
	}
	#video .slogan {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		text-align:center;
		z-index:1;
	}
	#video .slogan h1 {
		font-size:3.2rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .slogan h1 .char {
		transition:all 1s cubic-bezier(0.8, 0, 0.2, 1);
		transition-delay: calc( 0.2s * ( 1 - var(--distance-percent) ) );
		transform:scale(0.5) translateX(calc(50rem * var(--distance-sine)));;
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h1.animated .char {
		transition-delay: calc( 0.2s * var(--distance-percent) );
		transform:scale(1) translateX(calc(0rem * var(--distance-sine)));
		opacity:1;
		filter:blur(0);
	}
	#video .slogan h2 {
		font-family:"SCoreDream", sans-serif;
		font-size:3.2rem;
		color:#fff;
		font-weight:700;
		word-break:keep-all;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
		perspective:200px;
		transform-style:preserve-3d;
	}
	#video .slogan h2 .char {
		transition:all 3s cubic-bezier(0.6, 0, 0, 0.6);
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		transition-delay:calc( 0.5s * var(--distance-percent) );
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h2.animated .char {
		transform:rotateY(-1turn);
		transition-duration:1s;
		transition-delay:calc( 0.5s * var(--distance-percent) );
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		opacity:1;
		filter:blur(0);
	}


	#video .slogan p {
		font-family:"SCoreDream", sans-serif;
		font-size:1.5rem;
		color:#b17f4a;
		font-weight:400;
		word-break:keep-all;
		margin-top:1rem;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .ui_scroll {
		position:absolute;
		left:50%;
		bottom:3rem;
		width:30px;
		height:50px;
		box-shadow:inset 0 0 0 3px rgba(255,255,255 ,0.6);
		border-radius:30px;
		display:block;
		z-index:1;
	}
	#video .ui_scroll:before,
	#video .ui_scroll:after {
		content:"";
		position:absolute;
		top:6px;
		left:50%;
		width:6px;
		height:6px;
		border-radius:50%;
		background-color:rgba(255,255,255,1);
		transform:translateX(-50%);
		opacity:0;
		animation:mouse 2s ease-in-out infinite;
	}
	#video .ui_scroll:after { animation-delay:1s; }
	@keyframes mouse {
		50% {
			opacity: 1;
		}
		47.5%, 52.5% {
			margin-top:6px;
		}
		100% {
			margin-top:20px;
		}
	}

	/* TITLE */
	#wrap .section h1.titleText {
		font-family:"Metropolis", sans-serif;
		font-size:5rem;
		color:#fff;
		font-weight:900;
	}
	#wrap .section h1.titleText .char {
		opacity:0;
		transform:translateY(1rem);
		transition:all 0.6s cubic-bezier(0.3,0,0.3,1); 
		transition-delay:calc(0.2s * var(--char-index));
		filter:blur(10px);
	}
	#wrap .section.animated h1.titleText .char {
		opacity:1;
		transform:translateY(0rem);
		filter:blur(0);
	}

	/* INTRO */
	#intro {
		background-color:#000;
		display:flex;
	}
	#intro .introVisual {
		width:40%;
		background-image:url("../img/visual_intro.jpg");
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	#intro .introContent {
		width:60%;
		margin-left:auto;
		padding:3rem;
	}
	#intro .introContent article { margin-top:5rem; }
	#intro .introContent p {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:2rem;
		display:block;
	}
	#intro .introContent p:first-of-type { margin:0; }
	#intro .introContent em {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		font-style:normal;
		line-height:1.5rem;
		word-break:keep-all;
		margin-top:5rem;
		display:block;
	}
	#intro .introContent strong {
		font-size:1.3rem;
		font-weight:600;
		letter-spacing:1rem;
		margin-left:1rem;
		display:inline-block;
	}

	/* HISTORY */
	#history {
		position:relative;
		height:100%;
		padding:4rem 3rem;
		background-image:url("../img/visual_history.jpg");
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		display:flex;
		flex-direction:column;
		z-index:-1;
	}
	#history:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		z-index:-1;
	}
	#history .historyTitle {
		width:100%;
	}
	#history .historyContent {
		width:100%;
		margin-top:3rem;
	}
	#history .historyContent article {
		margin-top:4rem;
		display:flex;
	}
	#history .historyContent article .year {
		max-width:110px;
		font-family:'Big John', sans-serif;
		font-size:5rem;
		color:#fff;
		line-height:4.5rem;
		word-break:break-all;
		margin-top:-1rem;
	}
	#history .historyContent ul { margin-left:3rem; }
	#history .historyContent ul li {
		margin-top:3rem;
		display:flex;
		align-items:flex-start;
	}
	#history .historyContent ul li:first-of-type { margin:0; }
	#history .historyContent ul li span {
		position:relative;
		min-width:100px;
		font-family:"Metropolis", sans-serif;
		font-size:1.3rem;
		color:#fff;
		font-weight:600;
	}
	#history .historyContent ul li span:after {
		content:"";
		position:absolute;
		right:0;
		bottom:5px;
		width:60px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#history .historyContent ul li label {
		margin-top:-0.3rem;
		display:flex;
		flex-direction:column;
	}
	#history .historyContent ul li label p {
		font-size:1rem;
		color:#fff;
		font-weight:500;
		margin-left:1rem;
		margin-top:1rem;
		word-break:keep-all;
	}
	#history .historyContent ul li label p:first-of-type { margin-top:0; }

	/* ABOUT US */
	#about {
		margin:0 auto;
		padding:0;
	}

@media all and (min-width:1001px) {
	#about .aboutContent {
		padding:3rem;
		background-color:rgba(0,0,0,1);
	}
	#about .aboutContent ul {
		display:flex;
		align-items:center;
	}
	#about .aboutContent li:first-of-type { width:40%; }
	#about .aboutContent li:last-of-type {
		width:60%;
		padding:0 4rem;
	}
	#about .aboutContent li h2 {
		position:relative;
		font-size:1.3rem;
		color:#fff;
		font-weight:700;
		padding-bottom:1rem;
	}
	#about .aboutContent li h2:after {
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:50px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#about .aboutContent li p {
		position:relative;
		font-size:1rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:1rem;
	}
	#about .nowVision {
		padding:3rem;
		background-color:rgba(255,255,255,1);
	}
	#about .nowVision .row {
		display:flex;
		align-items:flex-start;
		justify-content:space-between;
	}
	#about .nowVision .col {
		width:48%;
	}
	#about .nowVision .col h2 {
		font-size:4rem;
		color:#000;
		font-weight:100;
	}
	#about .nowVision .col article {
		margin-top:2rem;
		background-color:#fafafa;
		display:flex;
		flex-direction:column;
		align-items:flex-end;
	}
	#about .nowVision .col article span {
		position:relative;
		width:100%;
		height:250px;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#about .nowVision .col article span:after {
		content:"";
		display:block;
	}
	#about .nowVision .col:nth-of-type(1) span { background-image:url("../img/visual_now.jpg"); }
	#about .nowVision .col:nth-of-type(2) span { background-image:url("../img/visual_vision.jpg"); }
	#about .nowVision .col label {
		min-height:220px;
		padding:1.5rem;
	}
	#about .nowVision .col label p {
		font-size:0.9rem;
		color:#000;
		font-weight:500;
		word-break:keep-all;
	}
	#about .nowVision .col label p:not(:first-of-type) { margin-top:1rem; }
}

@media all and (min-width:769px) and (max-width:1000px) {
	#about .aboutContent {
		padding:4rem 3rem;
		background-color:rgba(0,0,0,1);
	}
	#about .aboutContent ul {
		display:flex;
		flex-direction:column;
	}
	#about .aboutContent li:first-of-type { width:100%; }
	#about .aboutContent li:last-of-type {
		width:100%;
		margin-top:3rem;
	}
	#about .aboutContent li h2 {
		position:relative;
		font-size:1.3rem;
		color:#fff;
		font-weight:700;
		padding-bottom:1rem;
	}
	#about .aboutContent li h2:after {
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:50px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#about .aboutContent li p {
		position:relative;
		font-size:1rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:1rem;
	}
	#about .nowVision {
		padding:3rem;
		background-color:rgba(255,255,255,1);
	}
	#about .nowVision .row {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:space-between;
	}
	#about .nowVision .col { width:100%; }
	#about .nowVision .col:not(:first-of-type) { margin-top:3rem; }
	#about .nowVision .col h2 {
		font-size:4rem;
		color:#000;
		font-weight:100;
	}
	#about .nowVision .col article {
		margin-top:2rem;
		background-color:#fafafa;
		display:flex;
		align-items:flex-end;
	}
	#about .nowVision .col article span {
		position:relative;
		min-width:40%;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#about .nowVision .col article span:after {
		content:"";
		padding-bottom:100%;
		display:block;
	}
	#about .nowVision .col:nth-of-type(1) span { background-image:url("../img/visual_now.jpg"); }
	#about .nowVision .col:nth-of-type(2) span { background-image:url("../img/visual_vision.jpg"); }
	#about .nowVision .col label {
		padding:1.5rem;
	}
	#about .nowText { height:auto !important; }
	#about .nowVision .col label p {
		font-size:0.9rem;
		color:#000;
		font-weight:500;
		word-break:keep-all;
	}
	#about .nowVision .col label p:not(:first-of-type) { margin-top:1rem; }
}

	/* FOOTER */
	#footer {
		padding:2rem 3rem;
		background-color:#fafafa;
		border-top:1px solid rgba(0,0,0,0.08);
		display:flex;
	}
	#footer article {
		width:50%;
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-end;
	}
	#footer article:last-of-type { align-items:flex-end; }
	#footer article .fLogo {
		width:200px;
		height:32px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23919191'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		display:inline-block;
	}
	#footer article .footerInfo {
		margin-top:2rem;
		display:flex;
		flex-direction:column;
	}
	#footer article .footerInfo li {
		margin:0.25rem 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#footer article .footerInfo li span {
		position:relative;
		font-family:'AritaDotum', sans-serif;
		font-size:0.9rem;
		color:#616161;
		font-weight:300;
		white-space:nowrap;
		margin-right:1rem;
		padding-right:1rem;
	}
	#footer article .footerInfo li span:not(:first-of-type) { margin-top:0.25rem; }
	#footer article .footerInfo li span:not(:last-of-type):after {
		content:"";
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:6px;
		margin-top:-3px;
		background-color:rgba(0,0,0,0.25);
	}
	#footer article .sns {
		margin-bottom:auto;
		display:flex;
		align-items:center;
	}
	#footer article .sns a {
		width:40px;
		height:40px;
		margin-left:0.5rem;
		background-size:auto 22px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#footer article .sns a.instagram { background-image:url('../img/instagram.svg'); }
	#footer article .sns a.facebook { background-image:url('../img/facebook.svg'); }
	#footer article .sns a.youtube { background-image:url('../img/youtube.svg'); }
	#footer article .copyright {
		font-size:0.9rem;
		color:#919191;
		font-weight:300;
	}

}

/*
################################################
##                                                                             ##
##                      Mobile Device ~ 768px                       ##
##                                                                             ##
################################################
*/
@media all and (max-width:768px) {

	/* HEADER */
	#header {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		padding:1rem;
		border-bottom:1px solid rgba(255,255,255,0.3);
		transition:all 0.3s ease-in-out;
		display:flex;
		align-items:center;
		z-index:99;
	}
	#header .logo {
		width:175px;
		height:28px;
		margin-right:auto;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		transition:all 0.3s ease-in-out;
		display:inline-block;
	}
	#header .gnb { display:none; }
	
	#header .lang { display:none; }
	#header .mLang { margin-left:auto; }
	#header .mLang button {
		position:relative;
		width:30px;
		height:30px;
		background-color:transparent;
		background-image:url('../img/icon_language.svg');
		background-size:auto 26px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		border:0;
		transition:all 0.25s ease-in-out;
		display:block;
	}
	#header .lang_sel {
		position:absolute;
		top:30px;
		left:-25px;
		width:80px;
		max-height:0;
		padding:15px 5px 5px 5px;
		transition:all 0.25s ease-in-out;
		opacity:0;
		overflow:hidden;
		z-index:1;
	}
	#header .mLang.on .lang_sel {
		max-height:100px;
		opacity:1;
	}
	#header .lang_sel ul {
		position:relative;
		padding:8px 0;
		background-color:#000;
		border:0;
		border-radius:5px;
		box-shadow:0 3px 3px 0 rgba(0,0,0,0.5);
	}
	#header .lang_sel ul:before {
		content:'';
		position:absolute;
		top:-5px;
		left:50%;
		width:0;
		height:0;
		margin-left:-5px;
		border-style:solid;
		border-width:0 5px 5px 5px;
		border-color:transparent transparent #000 transparent;
		display:block;
	}
	#header .lang_sel li { line-height:1.35rem; }
	#header .lang_sel a {
		font-family:"Metropolis", sans-serif;
		font-size:0.9rem;
		color:#616161;
		font-weight:600;
		transition:all 0.25s ease-in-out;
	}
	#header .lang_sel a.active { color:#fff; }

	#mGnbBtn {
		margin-left:1rem;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	#mGnbBtn i {
		position:relative;
		width:30px;
		height:25px;
		transition:background-color 0.25s ease-in-out;
		cursor:pointer;
		display:block;
	}
	#mGnbBtn i:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		right:0;
		height:2px;
		background-color:#fff;
		transition:transform 0.25s;
		display:block;
	}
	#mGnbBtn i:after {
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		height:2px;
		background-color:#fff;
		transition:all 0.25s;
		display:block;
	}
	#mGnbBtn i > span {
		position:absolute;
		left:0;
		right:0;
		top:50%;
		height:2px;
		margin-top:-1px;
		background-color:#fff;
		transition:all 0.25s ease-in-out;
		display:block;
	}
	#mGnbBtn[data-state=true] i:before {
		top:50%;
		left:0;
		right:0;
		transform:rotate(-45deg);
	}
	#mGnbBtn[data-state=true] i:after {
		top:50%;
		left:0;
		right:0;
		transform:rotate(45deg);
	}
	#mGnbBtn[data-state=true] i > span {
		left:100%;
		opacity:0;
	}

	#mGnb {
		position:fixed;
		top:0;
		left:100%;
		width:100%;
		height:100%;
		padding-top:82px;
		transition:0.25s ease-in-out;
		display:flex;
		align-items:center;
		justify-content:center;
		z-index:9;
	}
	#mGnb:before {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.7);
		backdrop-filter:blur(6px);
		-webkit-backdrop-filter:blur(6px);
		z-index:-1;
	}
	#mGnb.on { left:0; }
	#mGnb .mSub {
		padding:0;
		text-align:center;
		list-style:none;
	}
	#mGnb .mSub li {
		position:relative;
		margin:0;
		padding:0;
		display:block;
	}
	#mGnb .mSub > li {
		position:relative;
		font-family: 'Metropolis', sans-serif;
		font-size:2rem;
		color:#fff;
		font-weight:700;
		padding:1.5rem 2rem;
		cursor:pointer;
		display:block;
	}

	#header.fixed {
		background-color:rgba(0,0,0,0.6);
		backdrop-filter:blur(10px);
		-webkit-backdrop-filter:blur(10px);
	}
	#header.fixed .logo {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23b17f4a'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
	}

	/* CONTENT */
	#wrap {
		width:100%;
		min-width:320px;
		max-width:1920px;
		margin:0 auto;
		overflow:hidden;
		opacity:0;
	}
	#wrap.on { opacity:1; }

	/* VISUAL */
	#video {
		position:relative;
		width:100%;
		min-height:600px;
		margin:0;
		padding:0;
		overflow:hidden;
	}
	#video:before {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-image:url("../media/video.jpg");
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	#video:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.5);
		display:block;
	}
	#vid {
		position:absolute;
		top:50%;
		left:50%;
		min-width:100%;
		min-height:100%;
		width:auto;
		height:auto;
		transform:translate(-50%, -50%);
		z-index:-1;
		display:none;
	}
	#video .slogan {
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		text-align:center;
		z-index:1;
	}
	#video .slogan h1 {
		width:100%;
		font-size:10vw;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .slogan h1 .char {
		transition:all 1s cubic-bezier(0.8, 0, 0.2, 1);
		transition-delay: calc( 0.2s * ( 1 - var(--distance-percent) ) );
		transform:scale(0.5) translateX(calc(50rem * var(--distance-sine)));;
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h1.animated .char {
		transition-delay: calc( 0.2s * var(--distance-percent) );
		transform:scale(1) translateX(calc(0rem * var(--distance-sine)));
		opacity:1;
		filter:blur(0);
	}
	#video .slogan h2 {
		width:100%;
		font-family:"SCoreDream", sans-serif;
		font-size:12vw;
		color:#fff;
		font-weight:700;
		white-space:nowrap;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
		perspective:200px;
		transform-style:preserve-3d;
	}
	#video .slogan h2 .char {
		transition:all 3s cubic-bezier(0.6, 0, 0, 0.6);
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		transition-delay:calc( 0.5s * var(--distance-percent) );
		opacity:0;
		filter:blur(10px);
	}
	#video .slogan h2.animated .char {
		transform:rotateY(-1turn);
		transition-duration:1s;
		transition-delay:calc( 0.5s * var(--distance-percent) );
		transition-delay:calc( 0.5s * ( 1 - var(--distance-percent)) );
		opacity:1;
		filter:blur(0);
	}


	#video .slogan p {
		font-family:"SCoreDream", sans-serif;
		font-size:5vw;
		color:#b17f4a;
		font-weight:400;
		word-break:keep-all;
		margin-top:1rem;
		text-shadow:0 3px 6px rgba(0,0,0,0.8);
	}
	#video .ui_scroll {
		position:absolute;
		left:50%;
		bottom:3rem;
		width:30px;
		height:50px;
		box-shadow:inset 0 0 0 3px rgba(255,255,255 ,0.6);
		border-radius:30px;
		transform:scale(0.8);
		display:block;
		z-index:1;
	}
	#video .ui_scroll:before,
	#video .ui_scroll:after {
		content:"";
		position:absolute;
		top:6px;
		left:50%;
		width:6px;
		height:6px;
		border-radius:50%;
		background-color:rgba(255,255,255,1);
		transform:translateX(-50%);
		opacity:0;
		animation:mouse 2s ease-in-out infinite;
	}
	#video .ui_scroll:after { animation-delay:1s; }
	@keyframes mouse {
		50% {
			opacity: 1;
		}
		47.5%, 52.5% {
			margin-top:6px;
		}
		100% {
			margin-top:20px;
		}
	}

	/* TITLE */
	#wrap .section h1.titleText {
		font-family:"Metropolis", sans-serif;
		font-size:3rem;
		color:#fff;
		font-weight:900;
		white-space:nowrap;
	}
	#wrap .section h1.titleText .char {
		opacity:0;
		transform:translateY(1rem);
		transition:all 0.6s cubic-bezier(0.3,0,0.3,1); 
		transition-delay:calc(0.2s * var(--char-index));
		filter:blur(10px);
	}
	#wrap .section.animated h1.titleText .char {
		opacity:1;
		transform:translateY(0rem);
		filter:blur(0);
	}

	/* INTRO */
	#intro {
		background-color:#000;
		display:flex;
		flex-direction:column;
	}
	#intro .introVisual {
		position:relative;
		width:100%;
		height:0;
		padding-bottom:100%;
		background-image:url("../img/visual_intro.jpg");
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
	}
	#intro .introContent {
		padding:3rem 1rem;
	}
	#intro .introContent article { margin-top:3rem; }
	#intro .introContent p {
		font-size:0.9rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:2rem;
		display:block;
	}
	#intro .introContent p:first-of-type { margin:0; }
	#intro .introContent em {
		font-size:0.9rem;
		color:#fff;
		font-weight:500;
		font-style:normal;
		line-height:1.5rem;
		word-break:keep-all;
		margin-top:5rem;
		display:block;
	}
	#intro .introContent strong {
		font-size:1rem;
		font-weight:600;
		letter-spacing:1rem;
		margin-left:1rem;
		display:inline-block;
	}

	/* HISTORY */
	#history {
		position:relative;
		height:100%;
		padding:3rem 1rem;
		background-image:url("../img/visual_history.jpg");
		background-size:cover;
		background-position:top center;
		background-repeat:no-repeat;
		background-attachment:fixed;
		display:flex;
		flex-direction:column;
		z-index:-1;
	}
	#history:after {
		content:"";
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.6);
		z-index:-1;
	}
	#history .historyTitle { width:100%; }
	#history .historyContent { width:100%; }
	#history .historyContent article {
		margin-top:3rem;
		display:flex;
		flex-direction:column;
	}
	#history .historyContent article .year {
		font-family:'Big John', sans-serif;
		font-size:2.5rem;
		color:#fff;
		word-break:break-all;
	}
	#history .historyContent ul { margin-top:2rem; }
	#history .historyContent ul li {
		margin-top:3rem;
		display:flex;
		align-items:flex-start;
	}
	#history .historyContent ul li:first-of-type { margin:0; }
	#history .historyContent ul li span {
		position:relative;
		min-width:70px;
		font-family:"Metropolis", sans-serif;
		font-size:1rem;
		color:#fff;
		font-weight:600;
	}
	#history .historyContent ul li span:after {
		content:"";
		position:absolute;
		right:0;
		bottom:5px;
		width:30px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#history .historyContent ul li label {
		margin-top:-0.3rem;
		display:flex;
		flex-direction:column;
	}
	#history .historyContent ul li label p {
		font-size:0.9rem;
		color:#fff;
		font-weight:500;
		margin-left:1rem;
		margin-top:1rem;
		word-break:keep-all;
	}
	#history .historyContent ul li label p:first-of-type { margin-top:0; }

	/* ABOUT US */
	#about {
		margin:0 auto;
		padding:0;
	}
	#about .aboutContent {
		padding:3rem 1rem;
		background-color:rgba(0,0,0,1);
	}
	#about .aboutContent ul {
		display:flex;
		flex-direction:column;
	}
	#about .aboutContent li:first-of-type { width:100%; }
	#about .aboutContent li:last-of-type {
		width:100%;
		margin-top:3rem;
	}
	#about .aboutContent li h2 {
		position:relative;
		font-size:1rem;
		color:#fff;
		font-weight:700;
		padding-bottom:1rem;
	}
	#about .aboutContent li h2:after {
		content:"";
		position:absolute;
		left:0;
		bottom:0;
		width:50px;
		height:1px;
		background-color:rgba(255,255,255,1);
	}
	#about .aboutContent li p {
		position:relative;
		font-size:0.9rem;
		color:#fff;
		font-weight:500;
		word-break:keep-all;
		margin-top:1rem;
	}
	#about .nowVision {
		padding:2rem 1rem;
		background-color:rgba(255,255,255,1);
	}
	#about .nowVision .row {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:space-between;
	}
	#about .nowVision .col { width:100%; }
	#about .nowVision .col:not(:first-of-type) { margin-top:3rem; }
	#about .nowVision .col h2 {
		font-size:2.5rem;
		color:#000;
		font-weight:100;
	}
	#about .nowVision .col article {
		margin-top:1rem;
		background-color:#fafafa;
		display:flex;
		flex-direction:column;
		align-items:flex-end;
	}
	#about .nowVision .col article span {
		position:relative;
		width:100%;
		background-size:cover;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:block;
	}
	#about .nowVision .col article span:after {
		content:"";
		padding-bottom:100%;
		display:block;
	}
	#about .nowVision .col:nth-of-type(1) span { background-image:url("../img/visual_now.jpg"); }
	#about .nowVision .col:nth-of-type(2) span { background-image:url("../img/visual_vision.jpg"); }
	#about .nowVision .col label {
		padding:1rem;
	}
	#about .nowText { height:auto !important; }
	#about .nowVision .col label p {
		font-size:0.9rem;
		color:#000;
		font-weight:500;
		word-break:keep-all;
	}
	#about .nowVision .col label p:not(:first-of-type) { margin-top:1rem; }

	/* FOOTER */
	#footer {
		padding:2rem 1rem;
		background-color:#fafafa;
		border-top:1px solid rgba(0,0,0,0.08);
		display:flex;
		flex-direction:column;
	}
	#footer article {
		display:flex;
		flex-direction:column;
		align-items:flex-start;
		justify-content:flex-end;
	}
	#footer article:last-of-type { margin-top:1rem; }
	#footer article .fLogo {
		width:100%;
		height:25px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 26'%3E%3Cg fill='%23919191'%3E%3Cpath d='M55.52 4.96h10.22v3.1h-6.39v3.19h5.56v3.1h-5.56v3.59h6.49v3.1H55.52zM80.55 12.8c-.1 1.87-.58 3.57-1.41 4.96L82 21.05h-4.25l-.89-1.03c-1.03.87-2.44 1.31-3.99 1.31-3.41 0-5.56-1.87-5.56-4.74 0-1.89.97-3.39 2.76-4.33l-.12-.18c-1.07-1.29-1.51-2.32-1.51-3.51 0-2.42 1.89-3.89 4.64-3.89 2.76 0 4.64 1.47 4.64 3.89v.58h-3.57v-.58c0-.75-.34-1.17-1.07-1.17-.71 0-1.07.42-1.07 1.17 0 .69.22 1.21.97 2.08l3.75 4.39c.2-.65.28-1.45.3-2.24h3.52zm-7.47 5.7c.73 0 1.39-.22 1.89-.65l-3-3.43c-.69.52-1.05 1.25-1.05 2.08 0 1.38.93 2 2.16 2M84.34 6.75C85.43 5.38 87 4.68 89.3 4.68c4.01 0 6.33 2.28 6.45 5.89h-3.81c-.1-1.73-.99-2.76-2.64-2.76-.93 0-1.59.32-2.04.99-.52.79-.73 1.93-.73 4.21 0 2.28.2 3.43.73 4.21.44.66 1.11.99 2.04.99 1.65 0 2.56-1.03 2.64-2.76h3.81c-.12 3.61-2.44 5.89-6.45 5.89-2.3 0-3.87-.71-4.96-2.08-1.23-1.53-1.65-3.71-1.65-6.25 0-2.55.42-4.73 1.65-6.26M99.51 5.59h10.19V6.7h-4.48v13.76h-1.23V6.7h-4.48zM120.53 20.46c-.13-.33-.19-.78-.23-1.34l-.15-2.11c-.13-1.84-.94-2.6-3.29-2.6h-4.04v6.05h-1.23V5.59h5.49c3.12 0 4.6 1.68 4.6 4.35 0 2.03-.86 3.41-2.64 3.93 1.49.29 2.2 1.19 2.36 3.14l.13 2.11c.06.57.13 1.02.27 1.36h-1.27zm-3.56-7.16c2.28 0 3.48-1.13 3.48-3.29 0-2.18-1.21-3.31-3.48-3.31h-4.15v6.61h4.15zM129.76 5.59l5.4 14.88h-1.3l-1.32-3.71h-6.91l-1.3 3.71h-1.3l5.38-14.88h1.35zm-3.75 10.09h6.15l-3.06-8.69-3.09 8.69zM136.96 20.46V5.59h5.07c4.37 0 5.53 3.39 5.53 7.43 0 4.06-1.13 7.45-5.53 7.45h-5.07zm4.96-13.76h-3.73v12.66h3.73c3.45 0 4.4-2.57 4.4-6.34.01-3.74-.95-6.32-4.4-6.32M150.29 5.59h8.42V6.7h-7.19v5.59h6.43v1.11h-6.43v5.97h7.29v1.09h-8.52zM36.26 8.13c-.79-.8-1.91-1.08-2.98-.95-1.08.14-2.09.68-2.85 1.43L19.52 19.34c-.38.37-.79.71-1.23 1-.47.32-.98.59-1.51.8-.5.2-1.03.36-1.56.46-.5.1-1.01.14-1.52.14-4.83 0-8.75-3.92-8.75-8.75s3.92-8.75 8.75-8.75c.3 0 .6.02.9.05L9.61 9.28c-.76.76-1.31 1.76-1.45 2.84-.15 1.08.13 2.2.92 2.99L20.7 3.48c.24-.24.2-.65-.08-.85C16.83.03 11.85-.2 7.79 1.97 3.15 4.47.52 9.63 1.34 14.92a12.52 12.52 0 0 0 7.38 9.54c4.6 1.99 9.84 1.07 13.42-2.45L36.26 8.13l-.04-.04M27.72 21.26c.66-.65 1.66-.82 2.48-.41 1.2.59 2.53.91 3.88.91.51 0 1.02-.05 1.52-.14.53-.1 1.06-.25 1.56-.46.53-.21 1.03-.48 1.51-.8.49-.33.94-.7 1.35-1.13.42-.43.79-.9 1.11-1.4.32-.5.58-1.02.8-1.57.09-.23.17-.46.24-.7.14-.46.57-.77 1.05-.77h2.3c.35 0 .61.32.54.66-.8 4.11-3.58 7.61-7.52 9.19-3.93 1.57-8.39.93-11.78-1.52-.28-.2-.31-.6-.07-.84l1.03-1.02zM18.44 24.51l.04.04M42.91 14.78l.02.02'/%3E%3Cpath d='M17.33 17.1c3.55-3.46 7.1-6.91 10.65-10.37a8.736 8.736 0 0 1 6.1-2.48c.53 0 1.06.05 1.58.15.55.1 1.09.26 1.6.46a8.258 8.258 0 0 1 3.96 3.3c.32.49.58 1.01.78 1.55.06.17.12.35.18.53.14.47.56.8 1.05.8h2.3c.35 0 .6-.32.54-.66-.82-4.32-3.9-7.87-8.12-9.26-4.41-1.45-9.27-.3-12.58 2.93L11.5 17.56c.8.82 1.93 1.1 3.02.96 1.06-.15 2.05-.68 2.81-1.42z'/%3E%3C/g%3E%3C/svg%3E");
		background-size:auto 100%;
		background-position:0 50%;
		background-repeat:no-repeat;
		display:inline-block;
	}
	#footer article .footerInfo {
		margin-top:2rem;
		display:flex;
		flex-direction:column;
	}
	#footer article .footerInfo li {
		margin:0.25rem 0;
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	#footer article .footerInfo li span {
		position:relative;
		font-family:'AritaDotum', sans-serif;
		font-size:0.8rem;
		color:#616161;
		font-weight:300;
		white-space:nowrap;
		margin-right:1rem;
		padding-right:1rem;
	}
	#footer article .footerInfo li span:not(:first-of-type) { margin-top:0.25rem; }
	#footer article .footerInfo li span:not(:last-of-type):after {
		content:"";
		position:absolute;
		top:50%;
		right:0;
		width:1px;
		height:6px;
		margin-top:-3px;
		background-color:rgba(0,0,0,0.25);
	}
	#footer article .sns {
		display:flex;
		align-items:center;
		justify-content:flex-start;
	}
	#footer article .sns a {
		width:40px;
		height:40px;
		margin-right:0.5rem;
		background-size:auto 22px;
		background-position:50% 50%;
		background-repeat:no-repeat;
		display:inline-block;
	}
	#footer article .sns a.instagram { background-image:url('../img/instagram.svg'); }
	#footer article .sns a.facebook { background-image:url('../img/facebook.svg'); }
	#footer article .sns a.youtube { background-image:url('../img/youtube.svg'); }
	#footer article .copyright {
		font-size:0.75rem;
		color:#919191;
		word-break:keep-all;
		margin-top:1rem;
		font-weight:300;
	}

}