/* =========================================================
   2026-07-23 »çÀÌÆ®¸Ê Ä«µåÇü µðÀÚÀÎ
========================================================= */

.sitemapPage {
	width: 100%;
	margin: 0;
	padding: 0 0 35px 0;
	font-family:
		"Malgun Gothic",
		"¸¼Àº °íµñ",
		Dotum,
		µ¸¿ò,
		sans-serif;
	box-sizing: border-box;
}

/* »çÀÌÆ®¸Ê ¾È³» ¹®±¸ */
.sitemapIntro {
	margin: 0 0 20px 0;
	padding: 0;
}

.sitemapIntro p {
	margin: 0;
	padding: 0 0 0 5px;
	border-left: 2px solid #e5e7eb;
	color: #7a8492;
	font-size: 15px;
	font-weight: 400;
	line-height: 21px;
	letter-spacing: -0.7px;
}

/* Ä«µå 4°³ °¡·Î ¹èÄ¡ */
.sitemapGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	width: 100%;
	margin: 0;
	padding: 0;
	align-items: stretch;
	box-sizing: border-box;
}

/* Ä«µå °øÅë */
.sitemapCard {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
	height: 100%;
	overflow: hidden;
	border: 1px solid #e5e9ef;
	border-radius: 7px;
	background: #ffffff;
	box-sizing: border-box;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.07);
}

/* Ä«µå ¸¶¿ì½º ¿À¹ö */
.sitemapCard:hover {
	transform: translateY(-3px);
	border-color: #dce1e8;
	box-shadow: 0 12px 26px rgba(15, 23, 42, 0.12);
}

/* Ä«µå »ó´Ü */
.sitemapCardHeader {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	height: 154px;
	padding: 25px 24px 20px 24px;
	box-sizing: border-box;
}

/* »ó´Ü ¾Æ·¡ Ä÷¯¼± */
.sitemapCardHeader:after {
	content: "";
	position: absolute;
	left: 24px;
	right: 24px;
	bottom: 0;
	height: 1px;
}

/* »ó´Ü ÅؽºÆ® ¿µ¿ª */
.sitemapHeaderText {
	position: relative;
	z-index: 2;
	width: calc(100% - 100px);
	min-width: 0;
}

/* ¿µ¹® ÀÛÀº Á¦¸ñ */
.sitemapEnglishTitle {
	display: block;
	margin: 0 0 11px 0;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0;
	white-space: nowrap;
}

/* ÇÑ±Û Å« Á¦¸ñ */
.sitemapHeaderText h2 {
	margin: 0;
	padding: 0;
	color: #111827;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: -1.4px;
	white-space: nowrap;
}

/* Ä«µå ¼³¸í */
.sitemapHeaderText p {
	margin: 10px 0 0 0;
	padding: 0;
	color: #687281;
	font-size: 15px;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: -0.7px;
}

/* »ó´Ü ¿øÇü ´ëÇ¥ ¾ÆÀÌÄÜ */
.sitemapMainIcon {
	position: absolute;
	top: 27px;
	right: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.72);
	box-sizing: border-box;
}

/* ´ëÇ¥ PNG ¾ÆÀÌÄÜ */
.sitemapMainIcon img {
	display: block;
	width: 60px;
	height: 43px;
	object-fit: contain;
}

/* =========================================================
   Ä«µåº° »ó´Ü »ö»ó
========================================================= */

/* Dplaza ¾È³» */
.sitemapCardAbout .sitemapCardHeader {
	background: linear-gradient(
		135deg,
		#fff3f5 0%,
		#fffafa 100%
	);
}

.sitemapCardAbout .sitemapEnglishTitle {
	color: #dd1032;
}

.sitemapCardAbout .sitemapCardHeader:after {
	background: #dd1032;
}

/* ¸ÅÀå µÑ·¯º¸±â */
.sitemapCardStore .sitemapCardHeader {
	background: linear-gradient(
		135deg,
		#f1f7ff 0%,
		#fbfdff 100%
	);
}

.sitemapCardStore .sitemapEnglishTitle {
	color: #3478d4;
}

.sitemapCardStore .sitemapCardHeader:after {
	background: #3478d4;
}

/* ȸ¿ø ¼­ºñ½º */
.sitemapCardMember .sitemapCardHeader {
	background: linear-gradient(
		135deg,
		#effaf5 0%,
		#fbfefc 100%
	);
}

.sitemapCardMember .sitemapEnglishTitle {
	color: #16a36a;
}

.sitemapCardMember .sitemapCardHeader:after {
	background: #16a36a;
}

/* °í°´ Áö¿ø */
.sitemapCardSupport .sitemapCardHeader {
	background: linear-gradient(
		135deg,
		#fff7ef 0%,
		#fffdf9 100%
	);
}

.sitemapCardSupport .sitemapEnglishTitle {
	color: #f07a13;
}

.sitemapCardSupport .sitemapCardHeader:after {
	background: #f07a13;
}

/* =========================================================
   »çÀÌÆ®¸Ê ¸Þ´º
========================================================= */

.sitemapMenuList {
	flex: 1;
	width: 100%;
	margin: 0;
	padding: 16px 24px 23px 24px;
	list-style: none;
	box-sizing: border-box;
}

/* °¢ ¸Þ´º */
.sitemapMenuList li {
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #edf0f3;
}

/* ¸¶Áö¸· ¸Þ´º ¼± Á¦°Å */
.sitemapMenuList li:last-child {
	border-bottom: 0;
}

/* ¸Þ´º ¸µÅ© */
.sitemapMenuList li a {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 52px;
	padding: 6px 30px 6px 0;
	color: #20242b;
	text-decoration: none;
	box-sizing: border-box;
	transition:
		color 0.2s ease,
		background 0.2s ease,
		padding-left 0.2s ease;
}

/* ÀÛÀº ¾ÆÀÌÄÜ ¹è°æ */
.sitemapMenuIcon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	border-radius: 50%;
	box-sizing: border-box;
}

/* ÀÛÀº PNG ¾ÆÀÌÄÜ */
.sitemapMenuIcon img {
	display: block;
	width: 32px;
	height: 22px;
	object-fit: contain;
}

/* ¸Þ´º¸í */
.sitemapMenuName {
	display: block;
	min-width: 0;
	color: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 21px;
	letter-spacing: -0.7px;
	white-space: nowrap;
}

/* ¿ìÃø È­»ìÇ¥ */
.sitemapArrow {
	position: absolute;
	top: 50%;
	right: 2px;
	display: block;
	color: #8b949f;
	font-family: Arial, sans-serif;
	font-size: 23px;
	font-weight: 300;
	line-height: 20px;
	transform: translateY(-50%);
	transition:
		right 0.2s ease,
		color 0.2s ease;
}

/* =========================================================
   ¸Þ´º ¾ÆÀÌÄÜ ¹è°æ»ö
========================================================= */

.sitemapCardAbout .sitemapMenuIcon {
	background: #fff0f3;
}

.sitemapCardStore .sitemapMenuIcon {
	background: #edf5ff;
}

.sitemapCardMember .sitemapMenuIcon {
	background: #edf9f3;
}

.sitemapCardSupport .sitemapMenuIcon {
	background: #fff5eb;
}

/* =========================================================
   ¸Þ´º ¸¶¿ì½º ¿À¹ö
========================================================= */

.sitemapMenuList li a:hover {
	padding-left: 4px;
}

/* Dplaza ¾È³» */
.sitemapCardAbout .sitemapMenuList li a:hover {
	color: #dd1032;
}

/* ¸ÅÀå µÑ·¯º¸±â */
.sitemapCardStore .sitemapMenuList li a:hover {
	color: #3478d4;
}

/* ȸ¿ø ¼­ºñ½º */
.sitemapCardMember .sitemapMenuList li a:hover {
	color: #16a36a;
}

/* °í°´ Áö¿ø */
.sitemapCardSupport .sitemapMenuList li a:hover {
	color: #f07a13;
}

/* È­»ìÇ¥ À̵¿ */
.sitemapMenuList li a:hover .sitemapArrow {
	right: -1px;
	color: inherit;
}

/* ¾ÆÀÌÄÜ »ì¦ È®´ë */
.sitemapMenuIcon img {
	transition: transform 0.2s ease;
}

.sitemapMenuList li a:hover .sitemapMenuIcon img {
	transform: scale(1.08);
}

/* Å°º¸µå Æ÷Ä¿½º */
.sitemapMenuList li a:focus {
	outline: none;
}

.sitemapMenuList li a:focus-visible {
	border-radius: 5px;
	outline: 2px solid rgba(221, 16, 50, 0.3);
	outline-offset: 2px;
}