@import"https://fonts.googleapis.com/earlyaccess/notosanskr.css";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

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

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0
}

b,
strong {
	font-weight: bold
}

label {
	cursor: pointer
}

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

::-webkit-input-placeholder {
	color: #ccc
}

:-moz-placeholder {
	color: #ccc;
	opacity: 1
}

::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

:-ms-input-placeholder {
	color: #ccc
}

::placeholder {
	color: #ccc;
	opacity: 1
}

::-moz-selection {
	background: #fae6da
}

::selection {
	background: #fae6da
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0
}

body {
	background: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 13px;
	letter-spacing: -1px;
	color: #fff
}

.root {
	max-width: 960px;
	margin: 0 auto
}

.br-w {
	display: block
}

.section {
	position: relative
}

.section--01::before {
	content: "";
	display: block;
	padding-bottom: 52.0833333333%;
	background-image: url("../assets/1.jpg");
	background-position: center top;
	background-size: contain
}

.section--03::before {
	content: "";
	display: block;
	padding-bottom: 43.75%;
	background-image: url("../assets/2.jpg");
	background-position: center top;
	background-size: contain
}

.section--04::before {
	content: "";
	display: block;
	padding-bottom: 140.4166666667%;
	background-image: url("../assets/3.jpg");
	background-position: center top;
	background-size: contain
}

.section--05::before {
	content: "";
	display: block;
	padding-bottom: 49.7916666667%;
	background-image: url("../assets/4.jpg");
	background-position: center top;
	background-size: contain
}

.section--06::before {
	content: "";
	display: block;
	padding-bottom: 44.7916666667%;
	background-image: url("../assets/5.jpg");
	background-position: center top;
	background-size: contain
}

.section--07::before {
	content: "";
	display: block;
	padding-bottom: 131.25%;
	background-image: url("../assets/6.jpg");
	background-position: center top;
	background-size: contain
}

.section--08::before {
	content: "";
	display: block;
	padding-bottom: 121.4583333333%;
	background-image: url("");
	background-position: center top;
	background-size: contain
}

.section--09::before {
	content: "";
	display: block;
	padding-bottom: 451.0416666667%;
	background-image: url("../assets/7.jpg");
	background-position: center top;
	background-size: contain
}

.section--10::before {
	content: "";
	display: block;
	padding-bottom: 71.875%;
	background-image: url("../assets/8.jpg");
	background-position: center top;
	background-size: contain
}

.section--11::before {
	content: "";
	display: block;
	padding-bottom: 56.6666666667%;
	background-image: url("../assets/9.jpg");
	background-position: center top;
	background-size: contain
}

.section--12::before {
	content: "";
	display: block;
	padding-bottom: 71.875%;
	background-image: url("../assets/10.jpg");
	background-position: center top;
	background-size: contain
}

.section--13::before {
	content: "";
	display: block;
	padding-bottom: 66.6666666667%;
	background-image: url("../assets/11.jpg");
	background-position: center top;
	background-size: contain
}

.section--14::before {
	content: "";
	display: block;
	padding-bottom: 52.0833333333%;
	background-image: url("../assets/12.jpg");
	background-position: center top;
	background-size: contain
}

.alert {
	padding: 40px;
	background: #f1f1f1
}

.alert__item {
	color: #666;
	font-size: 16px;
	line-height: 1.875;
	text-align: center
}

.video {
	position: absolute;
	left: 29.1666666667%;
	top: 13.0534601509%;
	width: 41.6666666667%;
	height: 7.3794686783%
}

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

.form {
	padding: 20px;
	background: #b5221a;
	text-align: center
}

.form--fixed {
	position: fixed;
	bottom: 0;
	max-width: 960px;
	width: 100%;
	left: 50%;
	z-index: 3000;
	transform: translateX(-50%)
}

.form__inner {
	max-width: 960px;
	margin: 0 auto
}

.form__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 15px
}

.form__title {
	font-size: 26px;
	font-weight: 800;
	color: #fff
}

.form__title span {
	color: #ffed67
}

.form__fields {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	width: 100%
}

.form__fields input {
	width: 100%;
	outline: none;
	border: 0;
	border-radius: 0
}

.form__fields input[type=text] {
	flex: 1 0 30%;
	padding: 9px 12px;
	height: 70px;
	background: #fff;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px
}

.form__btn {
	flex: 1 0 30%;
	padding: 0;
	height: 70px;
	outline: none;
	border: 0;
	background: #000;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.2;
	cursor: pointer;
	color: #fff
}

.form__btn-text-1 {
	display: block;
	color: #e3342a
}

.form__agree {
	display: flex;
	gap: 15px
}

.form__agree-item {
	display: flex;
	align-items: center
}

.form__agree label {
	display: flex;
	align-items: center;
	color: #fff
}

.form__agree a {
	margin-left: 10px;
	font-size: 16px;
	text-decoration: none;
	cursor: pointer;
	color: #fff
}

input[type=checkbox] {
	position: absolute;
	opacity: 0
}

input[type=checkbox]+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	font-family: "Noto Sans KR", sans-serif;
	font-size: 16px
}

input[type=checkbox]+label:before {
	content: "";
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: #fff
}

input[type=checkbox]:focus+label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, .12)
}

input[type=checkbox]:disabled+label {
	color: #b8b8b8;
	cursor: auto
}

input[type=checkbox]:disabled+label:before {
	box-shadow: none;
	background: #ddd
}

input[type=checkbox]:checked+label:after {
	content: "";
	position: absolute;
	left: 4px;
	top: 12px;
	background: #000;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000;
	transform: rotate(45deg)
}

@media only screen and (max-width: 640px) {
	.br-w {
		display: inline-block
	}

	.br-w:before {
		content: " "
	}

	.br-m {
		display: block
	}

	.section--01::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/1.jpg");
		background-size: contain
	}

	.section--03::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/2.jpg");
		background-size: contain
	}

	.section--04::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/3.jpg");
		background-size: contain
	}

	.section--05::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/4.jpg");
		background-size: contain
	}

	.section--06::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/5.jpg");
		background-size: contain
	}

	.section--07::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/6.jpg");
		background-size: contain
	}

	.section--08::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/.jpg");
		background-size: contain
	}

	.section--09::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/7.jpg");
		background-size: contain
	}

	.section--10::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/8.jpg");
		background-size: contain
	}

	.section--11::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/9.jpg");
		background-size: contain
	}

	.section--12::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/10.jpg");
		background-size: contain
	}

	.section--13::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/11.jpg");
		background-size: contain
	}

	.section--14::before {
		content: "";
		display: block;
		height: 0;
		background-image: url("../assets/12.jpg");
		background-size: contain
	}

	.alert {
		padding: 30px 20px
	}

	.alert__item {
		font-size: 13px;
		font-size: 4.0625vw
	}

	.alert__item:not(:first-child) {
		margin-top: 20px;
		margin-top: 6.25vw
	}

	.video {
		position: absolute;
		left: 4.4444444444%;
		top: 11.0274745954%;
		width: 91.1111111111%;
		height: 3.4625517501%;
		background-color: #999
	}

	.form__inner {
		max-width: initial
	}

	.form__title {
		font-size: 18px;
		font-size: 5.625vw
	}

	.form__fields {
		max-width: initial
	}

	.form__fields input[type=text] {
		flex: 1 0 40%;
		height: 48px;
		font-size: 18px
	}

	.form__agree {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		width: 100%
	}

	.form__agree-item {
		width: 100%
	}

	.form__agree label {
		font-size: 14px
	}

	.form__agree a {
		margin-left: auto;
		font-size: 13px
	}

	input[type=checkbox]+label {
		font-size: 14px
	}

	input[type=checkbox]+label:before {
		width: 16px;
		height: 16px
	}

	input[type=checkbox]:checked+label:after {
		left: 3px;
		top: 9px
	}
}

/*# sourceMappingURL=style.css.map */