@charset "utf-8";

/* color */
:root {
	--900: #353535;
	--200_line: #b8b8b8;
	--100_line: #d7d7d7;
	--50_line: #ebebeb;
	--50_bg: #f9f9f9;
	--blue-900-primary: #0554f2;
}

/*  */
html {
	scroll-behavior: smooth;
}
body {
	margin: 0;
}

/* common */
.agree_privacy * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overscroll-behavior: contain;
	line-height: 1;
	font-size: inherit;
	font-family: "Noto Sans KR", sans-serif;
	font-weight: 400;
	word-break: keep-all;
	color: #141414;
	outline: none;
	border: none;
}
.agree_privacy img,
.agree_privacy fieldset {
	line-height: 0;
	vertical-align: middle;
}
.agree_privacy source,
.agree_privacy img {
	width: 100%;
	image-rendering: crisp-edges;
	image-rendering: optimizeQuality;
	image-rendering: -webkit-optimize-contrast;
	object-fit: contain;
}
.agree_privacy ul,
.agree_privacy ol {
	list-style: none;
}
.agree_privacy a {
	display: inline-block;
	text-decoration: none;
}
.agree_privacy a,
.agree_privacy span,
.agree_privacy strong {
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	line-height: inherit;
}
.agree_privacy strong {
	font-weight: 600;
}
.agree_privacy button {
	background-color: transparent;
	cursor: pointer;
}
.agree_privacy button > * {
	pointer-events: none;
}
.agree_privacy button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
.agree_privacy legend {
	position: fixed;
	left: -700rem;
}
.agree_privacy table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.agree_privacy caption,
.agree_privacy legend,
.hidden {
	margin: -1px;
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.agree_privacy caption {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
.agree_privacy th,
.agree_privacy td {
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
}
.agree_privacy select {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;
	border-radius: 0;
}
.agree_privacy select::-ms-expand {
	display: none;
}
.agree_privacy textarea {
	text-align: left;
	resize: none;
}
.agree_privacy textarea::placeholder {
	font-size: inherit;
	color: #a6a9bd;
	font-weight: 300;
	letter-spacing: -0.02em;
}
.agree_privacy textarea:-ms-input-placeholder {
	font-size: inherit;
	color: #a6a9bd !important;
	font-weight: 300;
	letter-spacing: -0.02em;
}
.agree_privacy button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
.agree_privacy label {
	cursor: pointer;
}
.agree_privacy input::-ms-clear {
	display: none;
}
.agree_privacy input:-ms-clear {
	display: none;
}
.agree_privacy input::-ms-reveal {
	display: none;
}
.agree_privacy input:-ms-reveal {
	display: none;
}
.agree_privacy input[type="number"] {
	-moz-appearance: textfield;
}
.agree_privacy input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.agree_privacy input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.agree_privacy input[type="date"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	display: none;
}
.agree_privacy input[type="date"]::-webkit-calendar-picker-indicator {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.agree_privacy input {
	border: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}
.agree_privacy input[type="file"] {
	cursor: pointer;
}
.agree_privacy input[readonly],
.agree_privacy input[disabled] {
	background-color: #f2f2f7;
}
.agree_privacy input[disabled] + label,
.agree_privacy .disabled {
	color: #a6a9bd !important;
}
.agree_privacy input::-webkit-input-placeholder {
	color: #a6a9bd;
}
.agree_privacy input:-moz-placeholder {
	color: #a6a9bd;
}
.agree_privacy input::-moz-placeholder {
	color: #a6a9bd;
}
.agree_privacy input:-ms-input-placeholder {
	color: #a6a9bd !important;
}
.agree_privacy input::placeholder {
	color: #a6a9bd;
}
.agree_privacy input::-webkit-search-decoration,
.agree_privacy input::-webkit-search-cancel-button,
.agree_privacy input::-webkit-search-results-button,
.agree_privacy input::-webkit-search-results-decoration {
	display: none;
}
.agree_privacy select:required:invalid {
	color: #a6a9bd;
}
.agree_privacy option[value=""][disabled] {
	display: none;
}
.iphone input:disabled,
.ipad input:disabled {
	-webkit-text-fill-color: #a5a8b7;
	opacity: 1;
} /* 아이폰에서 disabled 되었을 때 글자가 회색으로 바뀌는거 수정 */
.agree_privacy hr {
	display: none;
}

/* privacy, agree */
.agree_privacy {
}
.agree_privacy .update_txt {
	padding: 30px 0 30px;
	line-height: 20px;
	font-size: 14px;
	color: var(--200_line);
	text-align: center;
	border-bottom: 1px solid var(--50_line);
}
.agree_privacy .content_box {
	margin: 20px auto 200px;
	padding: 0 24px;
	max-width: 1200px;
}
.agree_privacy .top_box {
	padding: 60px 0 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.agree_privacy .top_box .gray_txt {
	line-height: 42px;
	font-size: 24px;
	color: var(--200_line);
	font-weight: 600;
}
.agree_privacy .top_box .top_title {
	line-height: 42px;
	font-size: 32px;
	color: var(--900);
	font-weight: 700;
}
.agree_privacy .hd_title {
	padding: 40px 0 10px;
	line-height: normal;
	font-size: 16px;
	color: var(--900);
	font-weight: 600;
}
.agree_privacy .sub_title {
	padding: 30px 0 12px;
	line-height: normal;
	font-size: 14px;
	color: var(--900);
	font-weight: 600;
}
.agree_privacy .cmt + .circle_txt {
	margin-top: 30px;
}
.agree_privacy .cmt {
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
}
.agree_privacy .mrcmt {
	margin: 20px 0;
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
}
.agree_privacy .circle_txt {
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
}
.agree_privacy .number_txt {
	list-style: decimal;
	counter-reset: item;
}
.agree_privacy .number_txt li {
	padding-left: 22px;
	position: relative;
	list-style-type: none;
}
.agree_privacy .number_txt li::before {
	counter-increment: item;
	content: counter(item) ".";
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	text-align: right;
	vertical-align: top;
}
.agree_privacy .number_txt.a {
	margin-top: 40px;
}
.agree_privacy .dot_txt {
	padding-left: 25px;
	list-style: disc;
}
.agree_privacy .dot_txt li,
.agree_privacy .number_txt li {
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
}
.agree_privacy .dot_txt.b li {
	font-weight: 600;
}
.agree_privacy .footer_box {
	padding: 30px 0 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	row-gap: 8px;
	border-top: 1px solid var(--50_line);
}
.agree_privacy .footer_box p {
	line-height: normal;
	font-size: 14px;
	color: var(--200_line);
	font-weight: 500;
	letter-spacing: -0.7px;
}
.agree_privacy .copyright {
}
.agree_privacy .corp_info {
	display: flex;
	align-items: center;
	column-gap: 20px;
}
.agree_privacy .corp_info span {
	position: relative;
}
.agree_privacy .corp_info span + span::before {
	content: "";
	margin: auto;
	position: absolute;
	left: -10px;
	top: 0;
	bottom: 0;
	width: 1px;
	height: 14px;
	background-color: var(--100_line);
}
.agree_privacy .addr {
}
.agree_privacy .b_title {
	padding: 5px 0;
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
	font-weight: 600;
}
.agree_privacy .cmt + .b_title {
	margin-top: 20px;
}
.agree_privacy table {
	margin: 10px 0;
	width: 100%;
}
.agree_privacy th,
.agree_privacy td {
	padding: 10px;
	border: 1px solid var(--200_line);
}
.agree_privacy th {
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
	font-weight: 600;
	background-color: var(--50_bg);
	border-bottom: none;
}
.agree_privacy td {
	line-height: 22px;
	font-size: 14px;
	color: var(--900);
	text-align: left;
}
.agree_privacy td strong {
	text-decoration: underline;
}
.agree_privacy .mt20 {
	margin-top: 20px;
}
.agree_privacy .underline {
	text-decoration: underline;
}

.er404 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	background-color: #2c2e42;
}
.er404 iframe {
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	max-width: 1920px !important;
}
.er404 iframe .spline-watermark {
}
.er404 .info_box {
	margin-top: -100px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 2;
}
.er404 .info_box .title {
	line-height: normal;
	font-size: 56px;
	color: rgba(255, 255, 255, 0.4);
	font-weight: 800;
	letter-spacing: -0.7px;
}
.er404 .info_box .txt {
	margin-top: 24px;
	line-height: 26px;
	font-size: 20px;
	color: rgba(255, 255, 255, 0.4);
	font-weight: 600;
	letter-spacing: -0.7px;
}
.er404 .info_box .cmt {
	margin-top: 12px;
	line-height: 20px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.4);
	letter-spacing: -0.7px;
}
.er404 .info_box .link {
	margin-top: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	height: 50px;
	line-height: normal;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	letter-spacing: -0.7px;
	border-radius: 50px;
	background-color: var(--blue-900-primary);
}