@charset "UTF-8";

/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

/* Helvetica Neue LT Std */
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/Helvetica Neue LT Std 45 Light.otf') format('opentype');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/Helvetica Neue LT Std 65 Medium.otf') format('opentype');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/Helvetica Neue LT Std 75 Bold.otf') format('opentype');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/Helvetica Neue LT Std 85 Heavy.otf') format('opentype'), url('../fonts/Helvetica-Neue-LT-Std-85-Heavy.woff') format('woff'), url('../fonts/Helvetica-Neue-LT-Std-85-Heavy.ttf') format('truetype');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/Helvetica Neue LT Std 95 Black.otf') format('opentype');
    font-weight: 900;
    font-display: swap;
}

/* DM Serif Display */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/DMSerifDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
}

/* Noto Sans */
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 500;
    src: local("Noto Sans Regular"), local("NotoSans-Regular"), url(../fonts/NotoSansKR-Regular.eot), url(../fonts/NotoSansKR-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(../fonts/NotoSansKR-Regular.otf) format("opentype");
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 900;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(../fonts/NotoSansKR-Bold.eot), url(../fonts/NotoSansKR-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/NotoSansKR-Bold.woff) format("woff"), url(../fonts/NotoSansKR-Bold.otf) format("opentype");
}

*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	font-family: 'Pretendard', sans-serif;
	font-weight: 400;
}

img {
    border: 0;
    vertical-align: top;
	max-width: 100%;
}

ul {
    list-style: none;
}
em {
	font-style: normal;
}

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

label, button {
    cursor: pointer;
}

a {
    color: #0D1015;
    text-decoration: none;
}

body {
	overflow-y: auto;
}

/*
	c-header 100
	c-drawer 300
	c-popup 500
*/

.curtain {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	text-align: center;
	overflow: hidden;
}

/* .load .curtain {
	top: -100%;
	transition: top 0s 1.1s;
} */

.curtain .curtain-bg {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	transition-property: top;
	transition-duration: .7s;
	transition-timing-function: cubic-bezier(0.5, 0.4, 0.2, 1);
	background-color: #000;
}

/* .load .curtain-bg {
	top: 100vh;
	transition-delay: .5s;
} */

.curtain .curtain-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	height: 100%;
}

.curtain span {position:relative;top: 0;display: inline-block;transition: top .1s;line-height: 5rem;letter-spacing: -1px;}
.curtain span.by {font-size:2rem;margin-right:1rem;}
.curtain span.by ~ span {font-size: 3rem;font-weight: 600;}

/* .load .curtain span {top: -5rem;} */
.curtain span.by {transition-delay: .3s;}
.curtain span.b {transition-delay: .35s;}
.curtain span.l {transition-delay: .40s;}
.curtain span.a {transition-delay: .45s;}
.curtain span.c {transition-delay: .50s;}
.curtain span.k {transition-delay: .55s;}

.curtain .icon {
	opacity: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	width: 20px;
	height: 20px;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.load .curtain .icon {
	opacity: 1;
}
.curtain .icon + .icon {
	margin-left: 20px;
}
.curtain .icon span {
	display: block;
	position: relative;
	-webkit-transition: opacity .1s;
	-ms-transition: opacity .1s;
	transition: opacity .1s;
}
.curtain .icon.icon-1 > span {
	width: 4px;
	height: 100%;
	background-color: #ffcc01;
}
.curtain .icon.icon-2 > span {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background : #59fdc2;
	-webkit-transform: rotate(-90deg) scaleY(-1);
	-ms-transform: rotate(-90deg) scaleY(-1);
	transform: rotate(-90deg) scaleY(-1);
}
.curtain .icon.icon-2 > span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	border-radius: 11px;
	background-color: #000;
	 -webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
}
.curtain .icon.icon-3 > span {
	width: 4px;
	height: 100%;
	background-color: #62b3fd;
}
.curtain .icon.icon-4 {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.curtain .icon.icon-4 > span {
	width: 100%;
	height: 4px;
	background-color: #ef7c56;
}

.curtain.count-1 .icon.icon-1 > span:nth-child(1),
.curtain.count-1 .icon.icon-3 > span:nth-child(1) {
	opacity: 1;
	-webkit-animation: iconUp .5s ease-in;
	-ms-animation: iconUp .5s ease-in;
	animation: iconUp .5s ease-in;
}
.curtain.count-1 .icon.icon-1 > span:nth-child(2),
.curtain.count-1 .icon.icon-3 > span:nth-child(2) {
	opacity: 1;
	-webkit-animation: iconDown .5s .1s ease-in;
	-ms-animation: iconDown .5s .1s ease-in;
	animation: iconDown .5s .1s ease-in;
}
.curtain.count-1 .icon.icon-2 > span {	
	opacity: 1;
	-webkit-animation: icon2step2 .5s linear;
	-ms-animation: icon2step2 .5s linear;
	animation: icon2step2 .5s linear;
	-webkit-transform: rotate(90deg) scaleY(1);
	-ms-transform: rotate(90deg) scaleY(1);
	-webkit-transform: rotate(90deg) scaleY(1);
	-ms-transform: rotate(90deg) scaleY(1);
	transform: rotate(90deg) scaleY(1);
	-webkit-transition: background .7s .4s;
	-ms-transition: background .7s .4s;
	transition: background .7s .4s;
}
.curtain.count-1 .icon.icon-4 > span:nth-child(2) {
	opacity: 1;
	-webkit-animation: iconRight .4s ease-in;
	-ms-animation: iconRight .4s ease-in;
	animation: iconRight .4s ease-in;
	-webkit-transition: all .5s, opacity .1s;
	-ms-transition: all .5s, opacity .1s;
	transition: all .5s, opacity .1s;
}
.curtain.count-1 .icon.icon-4 > span:nth-child(1),
.curtain.count-1 .icon.icon-4 > span:nth-child(3) {
	opacity: 1;
	-webkit-animation: iconLeft .4s .3s ease-in;
	-ms-animation: iconLeft .4s .3s ease-in;
	animation: iconLeft .4s .3s ease-in;
	-webkit-transition: all .5s, opacity .1s .3s;
	-ms-transition: all .5s, opacity .1s .3s;
	transition: all .5s, opacity .1s .3s;
}
.curtain.count-1 .icon.icon-2 > span {	
	background : #59fdc2;
	-webkit-transition: background .5s .3s;
	-ms-transition: background .5s .3s;
	transition: background .5s .3s;
}
@-webkit-keyframes icon2step1 {
	0%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
	10%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	20%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	25%{background : conic-gradient(#000 0% 25%, #59fdc2 0% 100%)}
	30%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	35%{background : conic-gradient(#000 0% 35%, #59fdc2 0% 100%)}
	40%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	50%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	60%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	70%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	80%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	90%{background : conic-gradient(#000 0% 90%, #59fdc2 0% 100%)}
	95%{background : conic-gradient(#000 0% 95%, #59fdc2 0% 100%)}
	100%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
}
@keyframes icon2step1 {
	0%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
	10%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	20%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	25%{background : conic-gradient(#000 0% 25%, #59fdc2 0% 100%)}
	30%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	35%{background : conic-gradient(#000 0% 35%, #59fdc2 0% 100%)}
	40%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	50%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	60%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	70%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	80%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	90%{background : conic-gradient(#000 0% 90%, #59fdc2 0% 100%)}
	95%{background : conic-gradient(#000 0% 95%, #59fdc2 0% 100%)}
	100%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
}
@-webkit-keyframes icon2step2 {
	0%{background : conic-gradient(#59fdc2 0% 0%, #000 0% 100%)}
	10%{background : conic-gradient(#59fdc2 0% 10%, #000 0% 100%)}
	20%{background : conic-gradient(#59fdc2 0% 20%, #000 0% 100%)}
	25%{background : conic-gradient(#59fdc2 0% 25%, #000 0% 100%)}
	30%{background : conic-gradient(#59fdc2 0% 30%, #000 0% 100%)}
	35%{background : conic-gradient(#59fdc2 0% 35%, #000 0% 100%)}
	40%{background : conic-gradient(#59fdc2 0% 40%, #000 0% 100%)}
	50%{background : conic-gradient(#59fdc2 0% 50%, #000 0% 100%)}
	60%{background : conic-gradient(#59fdc2 0% 60%, #000 0% 100%)}
	70%{background : conic-gradient(#59fdc2 0% 70%, #000 0% 100%)}
	80%{background : conic-gradient(#59fdc2 0% 80%, #000 0% 100%)}
	90%{background : conic-gradient(#59fdc2 0% 90%, #000 0% 100%)}
	95%{background : conic-gradient(#59fdc2 0% 95%, #000 0% 100%)}
	100%{background : conic-gradient(#59fdc2 0% 100%, #000 0% 100%)}
}
@keyframes icon2step2 {
	0%{background : conic-gradient(#59fdc2 0% 0%, #000 0% 100%)}
	10%{background : conic-gradient(#59fdc2 0% 10%, #000 0% 100%)}
	20%{background : conic-gradient(#59fdc2 0% 20%, #000 0% 100%)}
	25%{background : conic-gradient(#59fdc2 0% 25%, #000 0% 100%)}
	30%{background : conic-gradient(#59fdc2 0% 30%, #000 0% 100%)}
	35%{background : conic-gradient(#59fdc2 0% 35%, #000 0% 100%)}
	40%{background : conic-gradient(#59fdc2 0% 40%, #000 0% 100%)}
	50%{background : conic-gradient(#59fdc2 0% 50%, #000 0% 100%)}
	60%{background : conic-gradient(#59fdc2 0% 60%, #000 0% 100%)}
	70%{background : conic-gradient(#59fdc2 0% 70%, #000 0% 100%)}
	80%{background : conic-gradient(#59fdc2 0% 80%, #000 0% 100%)}
	90%{background : conic-gradient(#59fdc2 0% 90%, #000 0% 100%)}
	95%{background : conic-gradient(#59fdc2 0% 95%, #000 0% 100%)}
	100%{background : conic-gradient(#59fdc2 0% 100%, #000 0% 100%)}
}
@-webkit-keyframes iconUp {
	0%{ 
		opacity: 0;
		-webkit-transform: translateY(-30px); 
		-ms-transform: translateY(-30px); 
		transform: translateY(-30px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes iconUp {
	0%{ 
		opacity: 0;
		-webkit-transform: translateY(-30px); 
		-ms-transform: translateY(-30px); 
		transform: translateY(-30px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@-webkit-keyframes iconDown {
	0%{ 
		opacity: 0;
		-webkit-transform: translateY(30px); 
		-ms-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@keyframes iconDown {
	0%{ 
		opacity: 0;
		-webkit-transform: translateY(30px); 
		-ms-transform: translateY(30px); 
		transform: translateY(30px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0); 
		-ms-transform: translateY(0); 
		transform: translateY(0); 
	}
}
@-webkit-keyframes iconRight {
	0%{ 
		opacity: 0;
		-webkit-transform: translateX(10px); 
		-ms-transform: translateX(10px); 
		transform: translateX(10px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0); 
		-ms-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes iconRight {
	0%{ 
		opacity: 0;
		-webkit-transform: translateX(10px); 
		-ms-transform: translateX(10px); 
		transform: translateX(10px); 
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0); 
		-ms-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@-webkit-keyframes iconLeft {
	0%{ 
		opacity: 0; 
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0); 
		-ms-transform: translateX(0); 
		transform: translateX(0); 
	}
}
@keyframes iconLeft {
	0%{ 
		opacity: 0; 
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0); 
		-ms-transform: translateX(0); 
		transform: translateX(0); 
	}
}



.c-loading {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	text-align: center;
	overflow: hidden;
}
.c-loading .c-loading-bg {
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	transition-property: top;
	transition-duration: .7s;
	transition-timing-function: cubic-bezier(0.5, 0.4, 0.2, 1);
	background-color: #000;
}
.c-loading .c-loading-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
    -moz-box-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	width: 100%;
	height: 100%;
}
.c-loading .icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	width: 20px;
	height: 20px;
}
.c-loading .icon + .icon {
	margin-left: 20px;
}
.c-loading .icon span {
	display: block;
	position: relative;
}
.c-loading .icon.icon-1 > span {
	width: 4px;
	height: 100%;
	background-color: #ffcc01;
}
.c-loading .icon.icon-2 > span {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	background : #59fdc2;
	-webkit-transform: rotate(-90deg) scaleY(-1);
	-ms-transform: rotate(-90deg) scaleY(-1);
	transform: rotate(-90deg) scaleY(-1);
}
.c-loading .icon.icon-2 > span:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 11px;
	height: 11px;
	border-radius: 11px;
	background-color: #000;
	 -webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
}
.c-loading .icon.icon-3 > span {
	width: 4px;
	height: 100%;
	background-color: #62b3fd;
}
.c-loading .icon.icon-4 {
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.c-loading .icon.icon-4 > span {
	width: 100%;
	height: 4px;
	background-color: #ef7c56;
}

/* loading ¸ð¼ÇÀû¿ë */
.load .c-loading .icon.icon-1 > span:nth-child(1) {
	-webkit-animation: loadingRowMotion-1 1s;
	-ms-animation: loadingRowMotion-1 1s;
	animation: loadingRowMotion-1 1s;
}
.load .c-loading .icon.icon-1 > span:nth-child(2) {
	-webkit-animation: loadingRowMotion-2 1s;
	-ms-animation: loadingRowMotion-2 1s;
	animation: loadingRowMotion-2 1s;
}
.load .c-loading .icon.icon-2 > span {
	-webkit-animation: loadingIcon02Motion 1s;
	-ms-animation: loadingIcon02Motion 1s;
	animation: loadingIcon02Motion 1s;
}
.load .c-loading .icon.icon-3 > span:nth-child(1) {
	-webkit-animation: loadingRowMotion-1 1s;
	-ms-animation: loadingRowMotion-1 1s;
	animation: loadingRowMotion-1 1s;
}
.load .c-loading .icon.icon-3 > span:nth-child(2) {
	-webkit-animation: loadingRowMotion-2 1s;
	-ms-animation: loadingRowMotion-2 1s;
	animation: loadingRowMotion-2 1s;
}
.load .c-loading .icon.icon-4 > span:nth-child(2) {
	-webkit-animation: loadingIconLeftMotion 1s;
	-ms-animation: loadingIconLeftMotion 1s;
	animation: loadingIconLeftMotion 1s;
}
.load .c-loading .icon.icon-4 > span:nth-child(1),
.load .c-loading .icon.icon-4 > span:nth-child(3){
	-webkit-animation: loadingIconRightMotion 1s;
	-ms-animation: loadingIconRightMotion 1s;
	animation: loadingIconRightMotion 1s;
}

@-webkit-keyframes loadingRowMotion-1 {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes loadingRowMotion-1 {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkti-keyframes loadingRowMotion-2 {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes loadingRowMotion-2 {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes loadingIcon02Motion {
	0%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
	5%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	10%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	15%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	20%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	25%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	30%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	35%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	40%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	45%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
	50%{background-color: #000;opacity: 0;}
	51%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
	52%{background : conic-gradient(#000 0% 96%, #59fdc2 0% 100%)}
	53%{background : conic-gradient(#000 0% 94%, #59fdc2 0% 100%)}
	54%{background : conic-gradient(#000 0% 92%, #59fdc2 0% 100%)}
	55%{opacity: 1;background : conic-gradient(#000 0% 90%, #59fdc2 0% 100%)}
	60%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	65%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	70%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	75%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	80%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	85%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	90%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	95%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	100%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
}
@keyframes loadingIcon02Motion {
	0%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
	5%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	10%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	15%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	20%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	25%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	30%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	35%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	40%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	45%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
	50%{background-color: #000;opacity: 0;}
	51%{background : conic-gradient(#000 0% 100%, #59fdc2 0% 100%)}
	52%{background : conic-gradient(#000 0% 96%, #59fdc2 0% 100%)}
	53%{background : conic-gradient(#000 0% 94%, #59fdc2 0% 100%)}
	54%{background : conic-gradient(#000 0% 92%, #59fdc2 0% 100%)}
	55%{opacity: 1;background : conic-gradient(#000 0% 90%, #59fdc2 0% 100%)}
	60%{background : conic-gradient(#000 0% 80%, #59fdc2 0% 100%)}
	65%{background : conic-gradient(#000 0% 70%, #59fdc2 0% 100%)}
	70%{background : conic-gradient(#000 0% 60%, #59fdc2 0% 100%)}
	75%{background : conic-gradient(#000 0% 50%, #59fdc2 0% 100%)}
	80%{background : conic-gradient(#000 0% 40%, #59fdc2 0% 100%)}
	85%{background : conic-gradient(#000 0% 30%, #59fdc2 0% 100%)}
	90%{background : conic-gradient(#000 0% 20%, #59fdc2 0% 100%)}
	95%{background : conic-gradient(#000 0% 10%, #59fdc2 0% 100%)}
	100%{background : conic-gradient(#000 0% 0%, #59fdc2 0% 100%)}
}
@-webkit-keyframes loadingIconLeftMotion {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes loadingIconLeftMotion {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes loadingIconRightMotion {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes loadingIconRightMotion {
	0%{
		opacity: 1
	}
	30%{
		opacity: 0;
	}
	70% {
		opacity: 0;
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}




.c-wrap {
	overflow: hidden;
	position: relative;
	padding-top: 150px;
	min-width: 320px;
	background-color: #F4F4F4;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

/* is-scroll */
.is-scroll .c-header {
	background-color: #F4F4F4;
}
.is-scroll .c-logo {
	/* width: 120px; */
	height: 100px;
}
.is-scroll .c-logo span {
	font-size: 17px;
	line-height:  100px;
}
.is-scroll .c-logo span.by {
	margin-top: 3px;
}
.is-scroll .c-logo span.black {
	margin-left: 3px;
	font-size: 30px;
	letter-spacing: -0.5px;
}
.is-scroll .c-gnb {
	margin-left: 200px;
}
.is-scroll .c-gnb_item + .c-gnb_item {
	margin-left: 50px;
}
.is-scroll .c-gnb_item > a {
	font-size: 18px;
}

.c-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.c-header .c-aligner {
	font-size: 0;
	text-align: left;
}
.c-h1 {
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-logo {
	display: block;
	width: auto;
	height: 150px;
	/* background: url('../images/common/c-logo.png') no-repeat left center; */
	color: transparent;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-logo span {
	display: inline-block;
	color: #000;
	font-size: 22px;
	font-weight: 600;
	line-height:  145px;
	/* font-family: 'Helvetica Neue LT Std'; */
	transition: font-size .5s;
	vertical-align: top;
}
.c-logo span.by {
	margin-top: 5px;
}
.c-logo span.black {
	margin-left:  3px;
	font-size: 38px;
	font-weight: 800;
    letter-spacing: -1px;
}
.c-header_fuc {
	position: absolute;
	top: 50%;
	right: 60px;
	font-size: 0;
	text-align: right;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-time {
	display: inline-block;
    margin-top: 3px;
	vertical-align: middle;
}
.c-time > span {
	color: #000;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: -0.14px;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-time > span + span {
	margin-left: 5px;
}
.c-gnb {
	display: inline-block;
	margin-left: 270px;
	font-size: 0;
	vertical-align: middle;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-gnb_item {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .7s;
	-ms-transition: all .7s;
	transition: all .7s;
}
.c-gnb_item + .c-gnb_item {
	margin-left: 60px;
}
.c-gnb_item > a {
	display: block;
	position: relative;
	color: #000;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.4px;
}
.c-gnb_item > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: #fff;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	z-index: 10;
}
.c-gnb_item > a:hover:before {
	width: 100%;
}
.c-drawer_trigger {
	display: none;
}

.c-drawer {
	display: none;
}

.c-footer {
	background-color: #fff;
}
.c-footer-hello {
	position: absolute;
	top: -31px;
	left: 60px;
	z-index: 10;
}
.c-footer-hello[data-aos^=fade][data-aos^=fade].aos-animate {
	z-index: 1;
}
.c-footer-hello .row {
	font-size: 0;
}
.c-footer-hello span {
	display: inline-block;
	position: relative;
	color: #000;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: -0.8px;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	vertical-align: top;
}
.c-footer-hello span.in {
	-webkit-animation: footerHello .7s;
	-ms-animation: footerHello .7s;
	animation: footerHello .7s;
}
@-webkit-keyframes footerHello {
	50% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes footerHello {
	50% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
.c-footer-aligner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	position: relative;
	padding: 82px 0 79px;
}
.c-footer-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: end;
    -moz-box-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.c-footer-box > * + * {
	margin-left: 224px;
}
.c-footer-logo .logo {
	position: absolute;
	bottom: 124px;
	left: 0;
	width: 90px;
	height: 18px;
	background: url('../images/common/c-footer-logo.png') no-repeat;
	background-size: 100% auto;
	color: transparent;
}
.c-footer-logo .txt {
	color: #252525;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 700;
	letter-spacing: -0.32px;
	font-family: 'Helvetica Neue LT Std', sans-serif;
}
.c-footer-logo .copyright {
	margin-top: 88px;
	color: #252525;
	font-size: 14px;
	text-align: left;
	font-weight: 500;
	letter-spacing: -0.14px;
	font-family: 'Helvetica Neue LT Std', sans-serif;
}
.c-footer_key {
	margin-bottom: 20px;
	color: #000;
	font-size: 14px;
	text-align: left;
	font-weight: 700;
	letter-spacing: -0.14px;
}
.c-footer-address .address > * + * {
	margin-top: 13px;
}
.c-footer-address .address--kor > p {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.44;
	letter-spacing: -0.18px;
}
.c-footer-address .address--kor > p + p {
	margin-top: 4px;
}
.c-footer-address .address--eng {
	color: #000;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.42;
	letter-spacing: -0.14px;
}
.c-footer-contact_buttons {
	width: 100%;
}
.c-footer-contact_button + .c-footer-contact_button {
	margin-top: 14px;
}
.c-footer-contact_button .c-button {
	width: 100%;
    min-height: 30px;
    padding: 7px 18px;
    border-radius: 42px;
	text-align: center;
}
.c-footer-contact {
    display: inline-flex;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-shrink: 0;
    width: 111px;
}
.c-footer-contact .c-footer_key {
	display: none;
}
.c-footer_tel {
	position: relative;
    margin-top: auto;
	padding-left: 22px;
	color: #000;
	font-weight: 700;
    font-size: 15px;
	letter-spacing: -0.9px;
}
.c-footer_tel em {
	position: absolute;
	top: 0;
	left: 0;
	color: #000;
	font-weight: 700;
    font-size: 15px;
	letter-spacing: -0.16px;
}


/* dark */
.dark .c-wrap {
	background-color: #000;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.dark.is-scroll .c-header {
	background-color: #000;
}
.dark--view.dark .c-wrap,
.dark--view.dark .c-header,
.dark--view.dark .c-footer {
	background-color: #252525 !important; /* 240405 ¼öÁ¤ */
}

.dark .c-logo {
	/* background-image: url('../images/common/c-logo--dark.png'); */
}
.dark .c-logo span {
	color: #fff;
}
.dark .c-time > span {
	color: #fff;
}
.dark .c-gnb_item > a {
	color: #fff;
}

.dark .c-footer {
	background-color: #000;
}
.dark .c-footer-hello span {
	color: #fff;
}
.dark .c-footer-logo .txt {
	color: #fff;
}
.dark .c-footer-logo .copyright {
	color: #fff;
}
.dark .c-footer-logo .logo {
	background-image: url('../images/common/c-footer-logo--dark.png');
}
.dark .c-footer-logo .copyright {
	color: #9C9C9C;
}
.dark .c-footer_key {
	color: #fff;
}
.dark .c-footer-address .address--kor > p {
	color: #fff;
}
.dark .c-footer-address .address--eng {
	color: #fff;
}
.dark .c-footer_tel,
.dark .c-footer_tel em {
	color: #fff;
}

@media (max-width: 1600px) {
	/* is-scroll */
	.is-scroll .c-logo {
		height: 70px;
	}
	.is-scroll .c-logo span {
		font-size: 13px;
		line-height:  66px;
	}
	.is-scroll .c-logo span.black {
		margin-left: 2px;
		font-size: 22px;
	}
	.is-scroll .c-gnb {
		margin-left: 100px;
	}
	.is-scroll .c-gnb_item + .c-gnb_item {
		margin-left: 40px;
	}

	.c-wrap {
		padding-top: 125px;
	}

	.c-logo {
		height: 125px;
	}
	.c-logo span {
		font-size: 18px;
		line-height: 123px;
	}
	.c-logo span.by {
		margin-top: 3px;
	}
	.c-logo span.black {
		font-size: 30px;
	}
	
	.c-header_fuc {
		right: 40px;
	}
	.c-gnb {
		margin-left: 180px;
	}
	.c-gnb_item + .c-gnb_item {
		margin-left: 40px;
	}

	.c-footer-box > * + * {
		margin-left: 150px;
	}
	.c-footer-hello {
		left: 40px;
	}
	.c-footer-aligner {
		padding: 55px 0 52px;
	}
} 

@media(max-width: 1279px) {
	/* is-scroll */
	.is-scroll .c-logo {
		/* width: 80px; */
		height: 60px;
	}
	.is-scroll .c-logo span {
		font-size: 10px;
		line-height: 59px;
	}
	.is-scroll .c-logo span.by {
		margin-top: 3px;
	}
	.is-scroll .c-logo span.black {
		margin-left: 2px;
		font-size: 20px;
	}
	.is-scroll .c-gnb {
		margin-left: 60px;
	}
	.is-scroll .c-gnb_item + .c-gnb_item {
		margin-left: 20px;
	}
	.is-scroll .c-gnb_item > a {
		font-size: 15px;
	}
	.is-scroll .c-time > span {
		font-size: 11px;
	}

	.c-header_fuc {
		right: 30px;
	}
	.c-logo {
		/* width: 100px; */
		height: 100px;
	}
	.c-logo span {
		font-size: 13px;
		line-height: 98px;
	}
	.c-logo span.by {
		margin-top: 2px;
	}
	.c-logo span.black {
		font-size: 24px;
	}
	.c-time {
		margin-top: 0;
	}
	.c-time > span {
		font-size: 12px;
	}
	.c-gnb {
		margin-left: 80px;
	}
	.c-gnb_item + .c-gnb_item {
		margin-left: 30px;
	}
	.c-gnb_item > a {
		font-size: 17px;
	}
	
	.c-footer-hello {
		top: -20px;
		left: 30px;
	}
	.c-footer-hello span {
		font-size: 26px;
	}
	.c-footer-logo .txt {
		font-size: 14px;
	}
	.c-footer-logo .copyright {
		margin-top: 73px;
		font-size: 12px;
	}
	.c-footer-box > * + * {
		margin-left: 50px;
	}
	.c-footer-logo .logo {
		bottom: 80px;
		width: 80px;
	}
	.c-footer_key {
	    margin-bottom: 10px;
		font-size: 12px;
	}
	.c-footer-address .address--kor > p {
		font-size: 16px;
	}
	.c-footer-address .address--kor > p + p {
		margin-top: 2px;
	}
	.c-footer-address .address--eng {
		font-size: 12px;
	}
	.c-footer_tel, .c-footer_tel em {
		font-size: 13px;
	}
}

@media(max-width: 768px) {
	/* is-scroll */
	.is-scroll .c-h1 {
		padding: 20px 0;
	}
	.is-scroll .c-logo {
		/* width: 80px; */
		height: 18px;
	}
	.is-scroll .c-logo span {
		font-size: 11px;
		line-height: 16px;
	}
	.is-scroll .c-logo span.by {
		margin-top: 3px;
	}
	.is-scroll .c-logo span.black {
		margin-left: 3px;
		font-size: 19px;
	}
	.is-scroll .c-gnb {
		margin-left: 60px;
	}
	.is-scroll .c-gnb_item + .c-gnb_item {
		margin-left: 20px;
	}
	.is-scroll .c-gnb_item > a {
		font-size: 15px;
	}
	.is-scroll .c-time > span {
		font-size: 11px;
	}
	.is-scroll .c-header_fuc {
		bottom: 17px;
	}

	.c-wrap {
		padding-top: 124px;
	}
	.c-gnb {
		display: none;
	}
	.c-drawer_trigger {
		position: absolute;
		top: 50%;
		right: 0;
		display: block;
		width: 19px;
		height: 19px;
		border-radius: 19px;
		background-color: transparent;
		border: 5px solid #000;
		 -webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: all .3s;
		-ms-transition: all .3s;
		transition: all .3s;
	}
	.c-drawer {
		overflow-x: hidden;
		overflow-y: auto;
		display: block;
		opacity: 0;
		visibility: hidden;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		z-index: 300;
	}
	.c-drawer:before {
		opacity: 0;
		visibility: hidden;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.50);
		z-index: 10;
		-webkit-transition: all .5s;
		-ms-transition: all .5s;
		transition: all .5s;
	}
	.c-drawer_aligner {
		position: relative;
		padding: 55px 37px;
		z-index: 20;
		-webkit-transition: all .7s;
		-ms-transition: all .7s;
		transition: all .7s;
	}
	.c-drawer_box {
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		position: relative;
		max-width: 310px;
		margin: 0 auto;
		padding: 30px;
		border-radius: 30px;
		background-color: #fff;
		box-shadow: 10px 10px 10px 2px rgba(0, 0, 0, 0.20);
		 -webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);
		-webkit-transition: border-radius .4s .4s, transform .5s;
		-ms-transition: border-radius .4s .4s, transform .5s;
		transition: border-radius .4s .4s, transform .5s;
	}
	/* is-drawer-open */
	.is-drawer-open .c-header,
	.is-drawer-open .c-container,
	.is-drawer-open .c-footer {
		filter: blur(5px);
	    -webkit-filter: blur(5px);
		-webkit-transition: all .5s;
		-ms-transition: all .5s;
		transition: all .5s;
	}
	.is-drawer-open .c-drawer {
		opacity: 1;
		visibility: visible;
	}
	.is-drawer-open .c-drawer:before {
		opacity: 1;
		visibility: visible;
	}
	.is-drawer-open .c-drawer_box {
		opacity: 1;
		visibility: visible;
		 -webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-animation: drawerBox .7s;
		-ms-animation: drawerBox .7s;
		animation: drawerBox .7s;
	}
	@-webkit-keyframes drawerBox {
		0% {
			 -webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
		}
		50% {
			 -webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
		}
		100% {
			 -webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}
	@keyframes drawerBox {
		0% {
			 -webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
			transform: translateY(100%);
		}
		50% {
			 -webkit-transform: translateY(-30px);
			-ms-transform: translateY(-30px);
			transform: translateY(-30px);
		}
		100% {
			 -webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
		}
	}

	.c-drawer_header {
		position: relative;
		min-height: 24px;
		padding-right: 34px;
	}
	.c-drawer_logo {
		display: block;
		width: 60px;
		height: 24px;
		background: url('../images/common/c-drawer_logo.png') no-repeat center center;
		background-size: 100% auto;
	}
	.c-drawer_close {
		opacity: 0;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 24px;
		height: 24px;
		border-radius: 24px;
		border: 1px solid #000;
		color: transparent;
		font-size: 0;
	}
	.c-drawer_close.aos-animate {
		opacity: 1;	
	}
	.c-drawer_close:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		background: url('../images/common/c-drawer_close.png') no-repeat center center;
		background-size: 9px auto;
	}
	.c-drawer_cont {
		padding: 60px 0;
	}
	.c-drawer_item {
		position: relative;
		padding: 20px 0;
	}
	.c-drawer_item:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		z-index: 5;
	}
	.c-drawer_item > a {
		display: inline-block;
		position: relative;
		background-color: #fff;
		padding-right: 40px;
		color: #000;
		font-size: 25px;
		text-align: left;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -1px;
		font-family: 'Helvetica Neue LT Std', sans-serif;
		z-index: 10;
	}
	.c-drawer_footer {
		position: relative;
	}
	.c-drawer_icon {
		font-size: 0;
		text-align: left;
	}
	.c-drawer_icon > span {
		display: inline-block;
		width: 12px;
		height: 24px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% auto;
		vertical-align: middle;
	}
	.c-drawer_icon > span.icon-1 {
		background-image: url('../images/common/c-drawer_icon-1.png');
	}
	.c-drawer_icon > span.icon-2 {
		background-image: url('../images/common/c-drawer_icon-2.png');
	}
	.c-drawer_icon > span.icon-3 {
		background-image: url('../images/common/c-drawer_icon-3.png');
	}
	.c-drawer_icon > span.icon-4 {
		background-image: url('../images/common/c-drawer_icon-4.png');
	}
	.c-drawer_icon > span + span {
		margin-left: 15px;
	}
	.c-drawer_location {
		position: absolute;
		top: 0;
		right: 0;
		width: 24px;
		height: 24px;
		border-radius: 24px;
		background: #FFCC01 url('../images/common/c-drawer_location.png') no-repeat center center;
		background-size: 9px auto;
		color: transparent;
		font-size: 0;
	}

	.c-header_fuc {
		top: auto;
		right: 30px;
		bottom: 27px;
		padding-right: 40px;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.is-scroll .c-time {
		opacity: 0;
	}
	.c-time > span {
		font-size: 11px;
		line-height: 24px;
	}
	.c-h1 {
		padding: 75px 0 30px;
	}
	.c-logo {
		/* width: 90px; */
		height: 18px;
	}
	.c-logo span {
		font-size: 12px;
		line-height: 16px;
	}
	.c-logo span.by {
		margin-top: 3px;
	}
	.c-logo span.black {
		font-size: 22px;
	}
	
	.c-footer-aligner {
		display: block;
		padding: 45px 0;
	}
	.c-footer-logo {
		position: relative;
		padding-left: 100px;
	}
	.c-footer-logo .logo {
		top: 2px;
		bottom: auto;
		width: 68px;
	}
	.c-footer-logo .txt {	
		font-size: 12px;
		letter-spacing: 0;
	}
	.c-footer-logo .copyright {
		margin-top: 10px;
	}
	.c-footer-box {
		display: block;
		margin-top: 45px;
	}
	.c-footer-box > * + * {
		margin-left: 0;
	}
	.c-footer_key {
		position: absolute;
		top: 5px;
		left: 0;
		width: 120px;
		margin-bottom: 0;
	}
	.c-footer-contact .c-footer_key {
		display: block;
		top: 13px;
	}
	.c-footer-address {
		display: none;
		position: relative;
		padding-left: 100px;
	}
	.c-footer-address .address--kor > p {
		font-size: 15px;
	}
	.c-footer-address .address--kor > p + p {
		margin-top: 1px;
	}
	.c-footer-address .address > * + * {
		margin-top: 7px;
	}
	.c-footer-contact {
		display: block;
		position: relative;
		width: 100%;
		margin-top: 45px;
		padding-left: 100px;
	}
	.c-footer-contact_buttons {
		display: flex;
	}
	.c-footer-contact_button {
		width: 124px;
	}
	.c-footer-contact_button .c-button {
		min-height: 36px;
		padding: 11px 18px;
		font-size: 12px;
		text-align: center;
	}
	.c-footer-contact_button + .c-footer-contact_button {
		margin-top: 0;
		margin-left: 12px;
	}
	.c-footer_tel {
		margin-top: 22px;
	}
	.c-footer_tel, .c-footer_tel em {
		font-size: 16px;
	}

	/* dark */
	.dark .c-drawer_trigger {
		background-color: #000;
		border-color: #fff;
	}
}

@media (max-width: 370px) {
	.c-time {
		display: none;
	}
	.c-drawer_trigger {
		margin-top: -11px;
	}
	.is-scroll .c-drawer_trigger {
		margin-top: -12px;
	}
}