/* 폰트 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

:root {
	--screen-width: 1050px;

	/* 색상 */
	/* --background-color: #CFCFCF; */
	--background-color: #fff;
	--white-color: #fff;
	--deep-black-color: #000000;
	--black-color: #2b2b2b;
	--red-color: #ff0000;
	--yellow-color: #f9bb34;
	--gray-color: #bdbdbd;
	--gainsboro-color: #dddddd;
	--space-color: #444444;
	--table-color: #e8e8e8;


	/* Color styles */
 --alto: rgba(217, 217, 217, 1);
 --alto: rgba(221, 221, 221, 1);
 --black: rgba(0, 0, 0, 1);
 --black-15: rgba(0, 0, 0, 0.15000000596046448);
 --black-40: rgba(0, 0, 0, 0.4000000059604645);
 --concrete-70: rgba(242, 242, 242, 0.699999988079071);
 --dove--gray: rgba(102, 102, 102, 1);
 --dusty--gray: rgba(153, 153, 153, 1);
 --gallery: rgba(238, 238, 238, 1);
 --heliotrope: rgba(189, 118, 255, 1);
 --hit--gray: rgba(167, 178, 188, 1);
 --mercury: rgba(227, 227, 227, 1);

 --mine--shaft: rgba(51, 51, 51, 1);
 --mine--shaft2: rgba(34, 34, 34, 1);
 --mystic: rgba(223, 228, 235, 1);
 --nobel: rgba(181, 181, 181, 1);
 --outrageous--orange: rgba(250, 98, 47, 1);
 --pigment--indigo: rgba(95, 0, 128, 1);
 --regent--gray: rgba(132, 143, 154, 1);
 --shakespeare: rgba(77, 190, 215, 1);
 --silver: rgba(204, 204, 204, 1);
 --tundora: rgba(76, 76, 76, 1);
 --white: rgba(255, 255, 255, 1);
 --white--white: rgba(255, 255, 255, 1);
 --wild--sand: rgba(247, 247, 247, 1);
 --wild--sand2: rgba(244, 244, 244, 1);




	/* 폰트 명 */
	--font-family: "Pretendard";

	/* 폰트 사이즈 */
	--font-size-3xs: 10px;
	--font-size-2xs: 12px;
	--font-size-xs: 14px;
	--font-size-s: 16px;
	--font-size-m: 18px;
	--font-size-l: 20px;
	--font-size-xl: 24px;
	--font-size-2xl: 28px;
	--font-size-3xl: 32px;
	--font-size-4xl: 34px;
	--font-size-5xl: 40px;
	--font-size-title: 64px;

	--font-size-desktop: var(--font-size-s);
	--font-size-mobile: var(--font-size-s);
	/* --font-size-xxxl: 32px */

	/* 폰트 두께 */
	--font-light: 400;
	--font-medium: 500;
	--font-normal: 600;
	--font-light-bold: 700;
	--font-bold: 800;

	/* 미디어 쿼리용 너비 픽셀 */
	--pc-width: 1050px;
	--tablet-width: 768px;
	--mobile-width: 460px;
}


* {
	text-decoration: none;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--font-family) !important;
	font-synthesis: none !important;
}
body {
	position: relative;
	font-family: var(--font-family);
	background-color: var(--background-color);
	color: var(--black-color);
	overflow-x: hidden;
}
html {
	background-color: transparent !important;
	overflow-x: hidden;
	scroll-behavior: smooth !important;
}

a {
	text-decoration: none;
	cursor: pointer;
}

p {
	margin: 0;
	padding: 0;
}

.breadcrumbs {
	display: flex;
	flex-direction: row;
	/* width: 200px; */
	/* justify-content: space-between; */
	align-items: center;
	font-size: 10px;
}

.breadcrumbs .breadcrumbs-item {
	color: var(--black-color);
	font-size: var(--font-size-m);
	font-style: normal;
	font-weight: var(--font-light);
	line-height: 20px;
	/* 125% */
	padding-top: 80px;
}

.mobilelink {
	pointer-events: none;
}

.menu {
	border-radius: 12px;
	border: 1px solid #e0e0e0;
	background: #fff;
	width: 76px;
	flex-shrink: 0;
}

.primary_nav_wrap ul ul li.menu-border:after {
	content: "";
	display: block;
	width: 100%; /* 80% 너비 */
	margin: 0 auto; /* 가운데 정렬 */
	border-bottom: 1px solid #e0e0e0;
}
.green {
	color: #0b8300;
}
.text {
	color: var(--black-color);
	line-height: 28px;
}

.text-bold {
	font-weight: var(--font-bold);
}

.red {
	color: var(--red-color);
}

.text-size-xsmall {
	font-size: var(--font-size-xs);
}

.text-size-small {
	font-size: var(--font-size-s);
}

.text-size-medium {
	font-size: var(--font-size-m);
}

.text-size-large {
	font-size: var(--font-size-l);
}

.text-size-xlarge {
	font-size: var(--font-size-xl);
}

.text-size-2xlarge {
	font-size: var(--font-size-2xl);
}

.text-size-3xlarge {
	font-size: var(--font-size-3xl);
}

.text-size-4xlarge {
	font-size: var(--font-size-4xl);
}

.text-center {
	text-align: center;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-24 {
	margin-bottom: 24px !important;
}
.margin-bottom-100 {
	margin-bottom: 100px !important;
}
.margin-bottom-36 {
	margin-right: 36px !important;
}

.hidden {
	display: none !important;
}

.divider {
	border: 1px solid var(--deep-black-color);
	width: 100%;
	margin: 4px 0;
}

.divider ~ .dot {
	border-style: dashed;
}

footer {
	border-top: 1px solid var(--gray-color);
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: 15px;
}
footer ul {
	width: 1440px;
	margin: 0 auto 77px auto;
}
footer .footer-list .footer-list-item {
	font-size: var(--font-size-xs);
	margin-bottom: 4px;
	color: #5c5c5c;
	line-height: 18px;
}

@media screen and (max-width: 460px) {
	.breadcrumbs {
	}
	.divider {
		margin: 2px 0 !important;
	}
	footer .footer-list {
		width: 100%;
	}
	footer .footer-list .footer-list-item {
		font-size: var(--font-size-2xs);
	}
}