@charset "UTF-8";

:root {
	/* viewport */
	--header-height: 80px;
	--view-height: calc(var(--vh, 1vh) * 100);

	/* color */
	--color-primary: #cc0415;
	--color-yellow: #fee101;

	/*border*/
	--border-color: #ccc;
	--border-solid: 1px solid var(--border-color);
	--border-focus: 1px solid transparent;
	--border-shdow: 0px 0px 1px 3px rgb(49 112 255 / 80%);
	--border-radius: 4px;

	/* transition */
	--transition-duration-300: 300ms;
	--transition-duration-500: 500ms;
}

* {
	font-size: inherit;
}

body {
	color: #111;
	font-family: 'Pretendard', sans-serif;;
}

/* input, select ,textarea */
input,
select,
textarea,
button {
	border: var(--border-solid);
	border-radius: var(--border-radius);
	padding: 4px var(--field-padding-side);
}

input::placeholder,
textarea::placeholder {
	color: var(--placeholder-color);
}

select {
	background-position: right center;
	background-repeat: no-repeat;
	background-image: var(--appearance-select);
	padding-right: var(--appearance-padding);
}

input:not([type="checkbox"]):focus,
select:focus,
textarea:focus,
button:focus {}

input[type="checkbox"]:focus {
	box-shadow: var(--border-shdow);
	-webkit-box-shadow: var(--border-shdow);
	border-radius: 50%;
}

input[type="radio"]:focus {
	box-shadow: var(--border-shdow);
	-webkit-box-shadow: var(--border-shdow);
	border-radius: 20px;
}

input[type="date"],
input[name="datepicker"] {
	background-position: right var(--field-padding-side) center;
	background-repeat: no-repeat;
	background-image: var(--appearance-date);
	background-size: 1em;
}

.mobileView{
	display: none;
}

/* .checkbox {
	position: relative;
}

.checkbox input[type="checkbox"] {
	position: absolute;
	inest: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	cursor: pointer;
}

.checkbox input[type="checkbox"]+label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.checkbox input[type="checkbox"]+label:before {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../img/icon/check.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-right: 15px;
}

.checkbox input[type="checkbox"]:checked+label {
	color: #000;
}

.checkbox input[type="checkbox"]:checked+label:before {
	background-image: url(../img/icon/checked.png);
} */

/* aos custom */
[data-aos][data-aos][data-aos-duration="5000"],
body[data-aos-duration="5000"] [data-aos] {
	transition-duration: 5s;
}

[data-aos="draw-right"] {
	width: 0;
	overflow: hidden;
}

[data-aos="draw-right"].aos-animate {
	-webkit-animation-name: drawRight;
	animation-name: drawRight;
	animation-delay: 300ms;
	-webkit-animation-delay: 300ms;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	animation-play-state: running;
}

[data-aos=fade-left] {
	transform: translate3d(200px, 0, 0);
}

[data-aos=fade-right] {
	transform: translate3d(-200px, 0, 0);
}

[data-aos=fade-up] {
	transform: translate3d(0, 200px, 0);
}

[data-aos=fade-down] {
	transform: translate3d(0, -200px, 0);
}

[data-aos="swing"].aos-animate {
	-webkit-animation-name: swing;
	animation-name: swing;
	-webkit-transform-origin: top center;
	transform-origin: top center;

	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-play-state: running;
}

[data-aos="backgorunds"] {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;


	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

[data-aos="backgorunds"].aos-animate {
	-webkit-animation-name: backgorunds;
	animation-name: backgorunds;
}

[data-aos="neon"]:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-play-state: running;
}

[data-aos="neon"].aos-animate:before {
	-webkit-animation-name: neon;
	animation-name: neon;
}

[data-aos="swing-flip"] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg)
}

[data-aos="swing-flip"].aos-animate {
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

[data-aos="fade-out"] {
	opacity: 1 !important;
}

[data-aos="fade-out"].aos-animate {
	opacity: 0 !important;
}

[data-aos="bounce"] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg)
}

[data-aos="bounce"].aos-animate {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

[data-aos="bounceIn"] {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg)
}

[data-aos="bounceIn"].aos-animate {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

[data-aos="ShakeX"] {
	--webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

[data-aos="ShakeX"].aos-animate {
	-webkit-animation-name: ShakeX;
	animation-name: ShakeX;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

[data-aos="headShake"] {
	--webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

[data-aos="headShake"].aos-animate {
	-webkit-animation-name: headShake;
	animation-name: headShake;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

[data-aos="tada"] {
	--webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

[data-aos="tada"].aos-animate {
	-webkit-animation-name: tada;
	animation-name: tada;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

[data-aos="rubberBand"] {
	--webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

[data-aos="rubberBand"].aos-animate {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

[data-aos="highlight"] {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	position: relative;
	padding: 0 0.1em;
	line-height: 1.4em;
	font-size: inherit;
}

[data-aos="highlight"] * {
	position: relative;
	z-index: 10;
	color: #fff;
	line-height: 1em;
}

[data-aos="highlight"]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	background-color: var(--color-primary);
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-duration: .4s;
	-webkit-transition-duration: .4s;
}

[data-aos="highlight"].aos-animate:before {
	width: 100%;
}

[data-aos="highlight"].hlt_yellow * {
	color: #111;
}

[data-aos="highlight"].hlt_yellow:before {
	background-color: #fee101;
}

[data-aos="bound"] {
	--webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

[data-aos="bound"].aos-animate {
	-webkit-animation-name: bound;
	animation-name: bound;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

[data-aos="underline"] {
	position: relative;
}

[data-aos="underline"]:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background-color: currentColor;
	transition-property: width;
	transition-duration: 0.6s;
}

[data-aos="underline"].aos-animate:before {
	width: 100%;
}

[data-aos="textLetter"] {
	letter-spacing: 2.5em;
	transition-delay: .4s;
	-webkit-transition-delay: .4s;
	transition-duration: 2s !important;
	-webkit-transition-duration: 2s !important;
	opacity: 0.8;
}

[data-aos="textLetter"].aos-animate {
	letter-spacing: 0.3em;
	opacity: 1;
}

.mo_only {
	display: none !important;
}

.mo_pused {
	animation-play-state: paused !important;
	-webkit-animation-play-state: paused !important;
	transition: none !important;
	-webkit-transition: none !important;
}

/* rolling count */
.rolling-counter-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.rolling-counter-wrap * {
	font-family: var(--font-family-title);
	font-size: 120px;
}

.rolling-counter-wrap .row {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.rolling-number {
	position: relative;
	width: 120px;
	height: 1.2em;
	overflow: hidden;
	color: #fff;
	text-align: center;
	outline: 2px solid #d70315;
}

.rolling-number+.rolling-number {}

.rolling-number .numbers {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
}

.rolling-number .numbers span {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 1.2em;
	line-height: normal;
	letter-spacing: -0.05em;
	font-weight: 900;
}
@media (max-width:768px){
	.mobileView{
		display: block;
	}
	.rolling-number .numbers span{
		height: 17rem;
	}
}

.rolling-dot,
.rolling-unit {
	line-height: 1em;
	font-size: 42px;
	font-weight: 700;
	/* padding-bottom: 1.4em; */
	color: #fff;
}

.rolling-dot {
	margin: 0 5px;
}

.rolling-unit {
	margin: 0 10px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
}

.rolling-number[data-number="0"] .numbers {
	top: -1000%;
}

.rolling-number[data-number="1"] .numbers {
	top: -1100%;
}

.rolling-number[data-number="2"] .numbers {
	top: -1200%;
}

.rolling-number[data-number="3"] .numbers {
	top: -1300%;
}

.rolling-number[data-number="4"] .numbers {
	top: -1400%;
}

.rolling-number[data-number="5"] .numbers {
	top: -1500%;
}

.rolling-number[data-number="6"] .numbers {
	top: -1600%;
}

.rolling-number[data-number="7"] .numbers {
	top: -1700%;
}

.rolling-number[data-number="8"] .numbers {
	top: -1800%;
}

.rolling-number[data-number="9"] .numbers {
	top: -1900%;
}

.rolling-number[data-number="10"] .numbers {
	top: -1000%;
}

.rolling-number .numbers {
	/* animation-name: rollingNumber; */
	animation-duration: 1500ms;
	animation-timing-function: ease-out;
	animation-fill-mode: inherit;
	animation-fill-mode: forwards;
}

/* flow animation */
.flow-ani-wrap {
	position: relative;
	overflow: hidden;
}

.flow-ani-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
}

.flow-ani-wrap ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transform: translate3d(0%, 0, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	-webkit-animation-name: flowAni;
	animation-name: flowAni;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running;
}

.flow-ani-wrap.reverse ul {
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}

.flow-ani-wrap.vertical {
	flex-direction: column;
}

.flow-ani-wrap.vertical ul {
	flex-direction: column;
	-webkit-animation-name: flowAniY;
	animation-name: flowAniY;
}

.hover-pused:hover ul {
	animation-play-state: paused;
}

/* layout frame */
body {
	background-color: #fff;
}

.vh-container {
	width: 100%;
	height: var(--view-height);
	max-width: 2540px;
	min-width: 1640px;
	margin: 0 auto;
	overflow: hidden;
}

#main {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	min-height: var(--view-height);
}

#main>#header,
#main>#footer,
.shrink-Z {
	flex-shrink: 0;
}

/*#main > .vh-container { height: calc(var(--view-height) - var(--header-height)); }*/
#main>#header~.vh-container {
	flex-grow: 1;
	height: auto;
}

#main>#header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9000;
}

/*header & footer*/
#header {
	height: var(--header-height);
}

#header .header-wrap {
	height: var(--header-height);
	transition-property: top, background-color, color;
	transition-duration: var(--transition-duration-300);
}

#header .header-wrap,
#footer .footer-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
}

#header.scrollUp .header-wrap,
#header.scrollDown .header-wrap {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

#header.scrollDown .header-wrap {
	top: calc(0px - var(--header-height));
}

#header .header-wrap .inner,
#footer .footer-wrap .inner {
	flex-grow: 1;
}

#header .inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	/* min-width: 1640px; */
	max-width: 2540px;
	padding: 25px 50px;
	font-size: 26px;
	color: #fff;
	background: #000;
}

#header .hd-right {
	margin-left: auto;
	margin-right: 0;
	text-align: right;
}

#header .hd-right>div {
	font-family: var(--font-family-sub);
}

#header .hd-right .btn {
	display: inline-block;
	line-height: 1em;
	font-size: 20px;
	padding: 9px 27px;
	background: #cc0415;
	border: 3px solid #cc0415;
	border-radius: 30px;
	position: relative;
}

#header .hd-right .btn:before {
	content: "";
	position: absolute;
	inset: 0;
	border: 2px solid rgba(255, 255, 255, 0.9);
	z-index: 1;
	border-radius: 30px;
}

#header .tel {
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: var(--font-family-title);
	font-size: 34px;
}

#header .gnb {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-grow: 1;
}

#header .gnb li {
	font-size: 20px;
	font-weight: 700;
	margin: 0 25px;
}

#header .mo_tel,
#header .mo_trigger {
	display: none;
}

#header .mo_gnb_wrap {
	display: none;
}

#footer {
	background: #1d1d1b;
	color: #8f8f8f;
	font-size: 16px;
	line-height: 1.6em;
	/* min-width: 1640px; */
}

#footer .inner {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	    flex-direction: row-reverse;
	margin: 0 auto;
	padding: 60px 60px;
	max-width: 1360px;
}

#footer .copyright {}

#footer .logo {
	margin-right: 46px;
}

#footer .right {
	margin-left: auto;
	margin-right: 0;
}

#footer .private {
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#footer .private li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

#footer .private li:first-child {
	font-weight: 700;color:#bc955c;
}

#footer .private li+li:before {
	content: "";
	margin: 0 16px;
	width: 2px;
	height: 2px;
	background-color: currentColor;
}

.wrap {}

.inner {
	max-width: 1920px;
	padding: var(--inner-padding);
	margin: 0 auto;
}

.container {
	margin: 0 auto;
}

.form-terms {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #c4c4c4;
	padding: 27px 30px;
	margin-bottom: 50px;
}

.form-terms label {
	color: #444;
	font-size: 18px;
}

.form-terms a {
	background: #666;
	color: #fff;
	padding: 12px 13px;
	line-height: 1em;
	letter-spacing: -0.05em;
	font-size: 15px;
}

.form-terms a:hover {
	background: var(--color-primary);
}

.form-label {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	font-size: 16px;
	color: #888;
	margin-bottom: 30px;
}

.form-label span:first-child {
	font-size: 22px;
	font-weight: 500;
	color: #2a2a2a;
	letter-spacing: -0.05em;
	margin-right: 10px;
}

.form-field {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	color: #2a2a2a;
}

.form-field+.form-field {
	margin-top: 20px;
}

.form-field>label {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 170px;
	padding-top: 18px;
	flex-shrink: 0;
	font-size: 17px;
	font-weight: 500;
}

.form-field>label:before {
	content: "*";
	margin-right: 0.4em;
	margin-top: -2px;
	color: #fff;
}

.form-field>label.needs:before {
	color: #c70000;
}

.form-field>input {
	width: 300px;
	height: 52px;
	border-radius: 0;
	border-color: #c4c4c4;
	padding: 0 12px;
}

.form-field>textarea {
	width: 100%;
	height: 132px;
	border-radius: 0;
	padding: 16px 12px;
}

.form-submit {
	font-size: 22px;
	font-weight: 500;
	display: block;
	margin: 50px auto 0;
	width: 350px;
	height: 70px;
	border-radius: 50px;
	background: var(--color-primary);
	color: #fff;
	text-align: center;
	border: none;
}

/* inquiry */
/* inquiry */
/* #inquiry {
	height: 80px;
}

#inquiry .inquiry-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-direction: column;
	width: 100%;
	z-index: 8000;
}

#inquiry .inquiry-wrap .inner {
	flex-grow: 1;
	min-width: 1210px;
}

#inquiry .inquiry-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 80px;
	background: #d63015;
	color: #fff;
}

#inquiry.fixed-footer .inquiry-wrap {
	position: relative;
	width: 100%;
}

.inquiry-wrap .inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.inquiry-tab {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	pointer-events: none;
	margin-right: 30px;
	height: 100%;padding-left: 160px;
}

.inquiry-tab>div {
	flex-grow: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.2em;
}

.inquiry-char {
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 520px;
	height: 180px;
	text-align: center;
	overflow: hidden;
	pointer-events: none;
}

.inquiry-tab .toggleBtn {
	position: relative;
	height: 100%;
}

.inquiry-tab .toggleBtn>img {position:absolute;left:47px;top:-64px;}

.inquiry-tab>div * {
	font-family: var(--font-family-title);
	font-size: 34px;
	letter-spacing: -0.025em;
}

.inquiry-tab>div:first-child {
	display: none;
}

.inquiry-tab>div:last-child {
	position: relative;
	font-size: 34px;
	letter-spacing: -0.025em;
	color: #fff;
	white-space: nowrap;
}

.inquiry-tab img {
	margin-right: 10px;
}

.inquiry-tab span {
	margin-top: 0.1em;
}

.inquiry-wrap form {
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}

.inquiry-wrap form .field {
	padding: 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.inquiry-wrap form .field+.field {
	margin-left: 10px;
}

.inquiry-wrap form .field input[type="text"] {
	width: 152px;
	height: 100%;
	border-radius: 0;
	border: none;
	background-color: #fff;
	padding: 0 20px;
}

.inquiry-wrap form .field input[type="text"]::placeholder {
	color: #666;
	font-size: 16px;
}

.inquiry-wrap .checkbox {
	position: relative;
	margin: 0 10px;
	margin-right: 25px;
}

.inquiry-wrap .checkbox input {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

.inquiry-wrap .checkbox input+label {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: 300;
}

.inquiry-wrap .checkbox input+label:before {
	flex-shrink: 0;
	content: "";
	width: 28px;
	height: 28px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('../img/icon/check.png');
}

.inquiry-wrap .checkbox input+label span {
	white-space: nowrap;
}

.inquiry-wrap .checkbox input+label span:first-child a {
	display: block;
	border-bottom: 1px solid currentColor;
	padding-bottom: 2px;
	margin-bottom: 0.2em;
}

.inquiry-wrap .checkbox input:checked+label {
	color: #fff;
}

.inquiry-wrap .checkbox input:checked+label:before {
	background-image: url('../img/icon/checked.png');
}

.inquiry-wrap button[type="submit"] {
	font-size: 18px;
	font-weight: bold;
	width: 150px;
	height: 50px;
	border-radius: 0;
	background-color: #000;
	color: #fff;
	border: 0;
	margin: 15px 0;
}

.inquiry-wrap .toTop {
	position: absolute;
	right: 0;
	top: 0;
	margin: 13px 40px;
	cursor: pointer;
} */

/* vlsual */
.white {
	color: #Fff !important;
}

.red {
	color: #d1081d;
}

.black {
	color: #000;
}

.gray {
	color: #666;
}

.gray2 {
	color: #bababa !important;
}

img {
	vertical-align: top;
}

.flex {
	display: flex;
}

.center_center {
	justify-content: center;
	align-items: center;
}

.center_end {
	justify-content: center;
	align-items: flex-end;
}

.background_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.background_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.background_inner {
	min-width: 1920px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate3d(-50%, 0, 0);
}

.rotate {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-animation-duration: 5000ms;
	animation-duration: 5000ms;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: rotate;
	animation-name: rotate;
}

.rotate.reverse {
	-webkit-animation-name: rotateReverse;
	animation-name: rotateReverse;
}

.neon_text {
	position: relative;
	display: inline-block;
	margin-bottom: 0.2em;
}

.neon_text:before {
	content: "　";
}

.neon_text span {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.5em;
	margin-right: -0.3em;
	margin-bottom: -0.3em;
}

.neon_text span:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
}

.video-wrap {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-wrap video {
	width: 100%;
	height: 100%;
	object-position: center bottom;
	object-fit: cover;
}

/* player pop */
.player_pop {
	position: fixed;
	inset: 0;
	z-index: 9000;
	background: rgba(0, 0, 0, 0.5);
	justify-content: center;
	align-items: center;
	display: none;
}

.player_inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.player_wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 1200px;
	max-height: 675px;
	width: 100%;
	height: 100%;
}

.player_wrap .closeBtn {
	position: absolute;
	right: 0;
	bottom: 100%;
	cursor: pointer;
}

.player_wrap .ytb-player {
	width: 10px;
	height: 10px;
	background: #000;
}

.player_wrap iframe {
	width: 100%;
	height: 100%;
	vertical-align: top;
}

/* section */
.section-wrapper {
	position: relative;
}

.section-scrollNab {
	position: relative;
	height: 0;
	overflow: hidden;
}

.section-scrollNab .section-nab-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 70px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 1;
	z-index: 1000;
}

.section-nab-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
	background: #000;
}

.section-nab-wrap ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.section-nab-wrap li {
	width: auto;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	opacity: 0.5;
}

.section-nab-wrap li.active {
	font-weight: 700;
	opacity: 1;
}

.section-nab-wrap li.active a:after {
	opacity: 1;
}

.section-nab-wrap a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	padding: 0 20px;
}

.section-nab-wrap a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 5px;
	background: #d1081d;
	opacity: 0;
}

.section-scrollNab.scrollDown {
	top: -70px;
}

.section-scrollNab.scrollUp .section-nab-wrap {
	position: fixed;
	top: 0px;
}

.section-scrollNab.scrollDown .section-nab-wrap {
	position: fixed;
	opacity: 1;
}

#header+.section-scrollNab .section-nab-wrap {
	position: fixed;
	top: 0;
	transition: all 0.3s;
}

#header+.section-scrollNab.scrollUp .section-nab-wrap,
#header+.section-scrollNab.scrollDown .section-nab-wrap {
	top: 0px;
}


.section_title {
	text-align: center;
	color: #000;
	margin-bottom: 80px;
}

.section_title .top {
	font-size: 28px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: 20px;
	color: #222;
}

.section_title .bot {
	font-size: 19px;
	line-height: 1.5em;
	margin-top: 30px;
	color: #222;
}

.section_title .bot_t {
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	color: #000;
	margin-bottom: 12px;
}

.section_title .button {
	margin-top: 36px;
	width: 170px;
	height: 58px;
	border: 1px solid #ab9d87;
	border-radius: 40px;
	background-image: url(../images/visual/btn_arrow.png);
	background-repeat: no-repeat;
	background-position: right 26px center;
}

.section_title .button a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 34px;
}

.section_title>h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.section_title>h1 div {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	font-size: inherit;
	line-height: 1.2em;
	font-weight: 900;
}

.section_title>h1 div * {
	line-height: 1em;
	font-weight: 900;
}

.section_title>h1 div span {
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.section_title>h1 div span em {
	padding-right: 0.1em;
}

.section_title>h1 div img {
	margin: 0.1em 0;
}

.section_title.row>h1 {
	flex-direction: row;
}

.section_title.row>h1 div+div {
	margin-left: 0.2em;
}

.section_title,
.section_title .top,
.section_title.row>h1 {
	transition-delay: 0.1s;
	transition-duration: 0.6s;
}

.section_background {
	position: relative;
}

.section_background .background_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.section_background .background_img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.section_background .background_img .video-wrap {
	position: absolute;
	inset: 0;
	filter: brightness(0.5);
}

.section_background .section_inner {
	position: absolute;
	inset: 0;
}

.section_inner {
	padding: 140px 0;
}

.section_flex {
	display: flex;
	justify-content: center;
	align-items: center;
}

.txt_bg {
	background-color: var(--color-primary);
	color: #fff;
	padding: 0 0.2em;
}

.txt_bg span {
	position: relative;
	z-index: 1;
}

.txt_bg:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.mo_br {
	display: none;
}

.pc_br {
	display: block;
}

/* flow animation */
.flow-ani-wrap {
	position: relative;
	overflow: hidden;
}

.flow-ani-wrap {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: nowrap;
}

.flow-ani-wrap ul {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transform: translate3d(0%, 0, 0);
	-webkit-transform: translate3d(0%, 0, 0);
	-webkit-animation-name: flowAni;
	animation-name: flowAni;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-play-state: running;
	-webkit-animation-play-state: running;
}

.flow-ani-wrap.reverse ul {
	animation-direction: reverse;
	-webkit-animation-direction: reverse;
}

.hover-pused:hover ul {
	animation-play-state: paused;
}

.fade_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fade_in {
	opacity: 0;
	transition-duration: .4s;
	transition-property: opacity;
}

.fade_up {
	opacity: 0;
	transition-duration: .4s;
	transition-property: opacity, transform;
	transform: translate3d(0, 100px, 0);
}

.fade_out_50 {
	opacity: 1;
	transition-duration: .4s;
	transition-property: opacity, transform;
}

.aos-animate .fade_in {
	opacity: 1;
}

.aos-animate .fade_up {
	opacity: 1;
	transform: translateZ(0);
}

.aos-animate .fade_out_50 {
	opacity: 0.5;
}

/* swiper */
.swiper-scrollbar-wrap {
	margin-top: 60px;
}

.swiper-scrollbar-wrap .swiper-scrollbar {
	position: relative;
	height: 2px;
	background-color: #cdcdcd;
}

.swiper-scrollbar-wrap .swiper-scrollbar-drag {
	background-color: var(--color-primary);
}

.swiper-pagination {
	position: absolute;
	width: 100%;
}

.swiper-pagination-bullet {
	width: 11px;
	height: 11px;
	background-color: #d9dee6;
	margin: 5px;
	opacity: 1;
}

.swiper-pagination-bullet-active {
	background-color: #0099ff;
}

@media(max-width: 1920px) {

	.vh-container,
	#header .inner,
	#footer {
		/* min-width: 1240px; */
	}
}

@media(max-width: 768px) {
	html {
		font-size: 1.3020vmin;
	}

	body {
		/* height: var(--view-height); */
	}

	body.hide {
		overflow: hidden;
	}

	.mo_only {
		display: block !important;
	}

	.mo_only~*:not(.mo_only) {
		display: none !important;
	}

	.pc_only {
		display: none;
	}

	.mo_br {
		display: block;
	}

	.pc_br {
		display: none;
	}

	/* header */
	#header {
		height: 12rem;
	}

	#header .header-wrap {
		/*position: fixed; */
		width: 100%;
		height: 12rem;
		z-index: 800;
		/* background: #000; */
	}

	#header .inner {
		padding: 0 4rem;
		min-width: 100%;
		background: transparent;
		justify-content: center;
	}

	#header .gnb {
		display: none;
	}

	#header .logo {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 29rem;
	}

	#header .logo img {
		width: 100%;
	}

	#header .hd-right {
		display: none;
	}

	#header .mo_tel,
	#header .mo_trigger {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0px;
		width: 12rem;
		height: 12rem;
		cursor: pointer;
	}

	#header .mo_tel {
		left: 0;
	}

	#header .mo_trigger {
		right: 2rem;
	}

	#header .mo_tel img {
		width: 3rem;
		height: auto;
	}

	#header .mo_trigger img {
		width: 5rem;
		height: auto;
	}

	#header .mo_gnb_wrap {
		display: flex;
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		height: 100%;
		transition: all 0.5s;
		z-index: 9999;
		background: #000;
	}

	#header.open .mo_gnb_wrap {
		left: 0%;
	}

	.mo_gnb_wrap {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: column;
		padding: 0 6rem;
	}

	.mo_gnb_top {
		flex-shrink: 0;
		height: 12rem;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.mo_gnb_top .close {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		margin-right: 0;
		width: 8rem;
		height: 12rem;
	}

	.mo_gnb_top .close img {
		width: 3.6rem;
	}

	.mo_gnb {
		flex-grow: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 4rem 0;
	}

	.mo_gnb li+li {
		margin-top: 7rem;
	}

	.mo_gnb a {
		display: block;
		color: #fff;
		text-align: center;
		font-size: 5rem;
		font-weight: 700;
	}

	.mo_gnb_wrap .blink {
		flex-shrink: 0;
		padding-bottom: 14%;
	}

	.mo_gnb_wrap .blink a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 10rem;
		border-radius: 5rem;
		font-size: 4rem;
		font-weight: 700;
		color: #fff;
		background: #b60312;
	}

	#footer {
		min-width: 100%;
		font-size: 2.6rem;
	}

	#footer .inner {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 2.6rem;
		padding: 10.4167vw 0;
	}

	#footer .right {
		order: 1;
		margin-bottom: 2.3rem;
	}

	#footer .left {
		order: 2;
	}

	#footer .left p {
		word-break: keep-all;
		padding: 0;
		line-height: 1.5em;
	}

	#footer .left p:nth-child(2) {
		padding: 0;
	}

	#footer .copyright {
		margin-top: 4.5rem;
	}

	#footer .logo {
		display: none;
	}

	#footer .right {
		margin-right: auto;
	}

	/* menu tab*/
	.section-scrollNab {
		overflow: scroll;
	}

	.section-scrollNab .section-nab-wrap {
		height: 10rem;
	}

	.section-scrollNab.scrollUp .section-nab-wrap {
		position: fixed;
		top: 0;
	}

	.section-scrollNab.scrollDown .section-nab-wrap {
		position: fixed;
		opacity: 1;
		top: 0;
	}

	.section-nab-wrap ul a {
		height: 10rem;
		padding: 0;
	}

	.section-nab-wrap ul {
		padding: 0 6.666rem;
		overflow: scroll;
		justify-content: flex-start;
	}

	.section-nab-wrap ul a {
		font-size: 2.8rem;
		font-weight: 500;
		white-space: nowrap;
	}

	.section-nab-wrap ul li+li {
		margin-left: 6.6rem;
	}

	#header+.section-scrollNab .section-nab-wrap {}

	#header+.section-scrollNab.scrollUp .section-nab-wrap,
	#header+.section-scrollNab.scrollDown .section-nab-wrap {
		top: 0rem;
	}

	/*inquiry*/


	/* content */
	.vh-container {
		min-width: 100%;
	}

	.section {
		/* display: none; */
	}

	.section_title,
	.section_title [data-aos],
	.section_title .top,
	.section_title>h1 {
		opacity: 1 !important;
		transform: translateZ(0) !important;
	}

	.section_title>h1 {
		font-size: 7rem;
	}

	.section_title>h1 img {
		height: 7.3rem;
	}

	.section_title .top {
		font-size: 4.53rem;
		margin-bottom: 2rem;
	}

	.section_title.row>h1 {
		flex-direction: column;
	}

	.section_title.row>h1 span+span {
		margin-left: 0;
	}

	.section_title .bot {
		margin-top: 4rem;
		font-size: 3rem;
	}

	.section_title .bot_t {
		font-size: 3.4rem;
		margin-bottom: 1.2rem;
	}

	.section_title .button {
		width: 28rem;
		height: 9.6rem;
		border-radius: 5rem;
		font-size: 2.6rem;
		background-size: 1.2rem;
		background-position: right 4rem center;
	}

	.section_title .button a {
		padding-left: 5.6rem;
	}

	.swiper-scrollbar-wrap {
		height: 2px;
	}

	.section_inner {
		padding: 12rem 6rem;
	}

	.section .section_title {
		margin-bottom: 9rem;
	}


}

/************** policy layer *************/
.policy_wrap {
	position: fixed;
	/* keeps the policy_wrap window in the current viewport */
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000);
	text-align: center;
	z-index: 999999;
}

.policy_wrap .policy-wrapper {
	overflow: hidden;
	margin: 50px auto;
	position: absolute;
	box-shadow: 0 0 25px #111;
	-webkit-box-shadow: 0 0 25px #111;
	-moz-box-shadow: 0 0 25px #111;
	width: 90%;
	background-color: #fff;
	border: 1px solid #999;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	max-width: 820px;
	border-radius: 10px;
}

.close-popup {
	position: absolute;
	top: 20px;
	right: 20px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #ccc;
	text-shadow: 0 1px 0 #fff;
	border: none;
}

.policy_wrap .policy-wrapper h4 {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: 500;
	font-family: var(--font-family-ptd);
}

.policy_wrap .policy {
	overflow-y: auto;
	padding: 30px;
	text-align: left;
	line-height: 163%;
	font-size: 12px;
}

form a.popup-trigger {
	display: inline-block;
	padding: 0 5px;
	line-height: 1.25;
	text-indent: 0;
	color: #fff;
	background-color: #8C8984;
	font-size: 12px;
	vertical-align: middle;
}

/* 팝업레이어 */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	height: 0
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: absolute;
	background: #fff
}

.hd_pops img {
	max-width: 100%
}

.hd_pops_con {}

.hd_pops_footer {
	padding: 0;
	background: #000;
	color: #fff;
	text-align: left;
	position: relative
}

.hd_pops_footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.hd_pops_footer button {
	padding: 10px;
	border: 0;
	color: #fff
}

.hd_pops_footer .hd_pops_reject {
	background: #000;
	/* text-align:left; */
}

.hd_pops_footer .hd_pops_close {
	background: #393939;
	position: absolute;
	top: 0;
	right: 0
}

#hd_pop .video {
	width: 560px;
	height: 315px;
	position: relative;
	padding-bottom: 56.25%;
}

#hd_pop .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media all and (max-width:1200px) {
	#hd_pop {
		width: 100%;
	}
}

@media all and (max-width:768px) {

	/* .hd_pops{width: 60%;} */
	.hd_pops {
		top: 80px !important;
		left: 50% !important;
		transform: translateX(-50%);
	}

	.hd_pops_con {
		width: 100% !important;
		height: auto !important;
	}

	#hd_pop .video {
		width: 100%;
		height: auto;
	}
}

@media all and (max-width:480px) {
	.hd_pops {
		top: 65px !important;
	}

	.hd_pops {
		width: 80%;
	}
}

@media (max-width: 768px) {
	/* #header .mo_trigger { right:-2.5vw;} */

	#header .mo_tel {
		left: -2.5vw;
	}

	#header .mo_tel,
	#header .mo_trigger {
		top: -2.5vw;
	}

	#header .mo_trigger img {
		/* width: 7rem; */
		width: 20px;
	}
}