@charset "utf-8";

/******************************************************************************************************************************************
*	SiteMap : 2024.03.26
*******************************************************************************************************************************************/
.sitemap									{display:flex; flex-wrap:wrap; width:100%; padding:25px 0px; letter-spacing:var(--LS05);}
.sitemap .area								{display:flex; flex-direction:column; width:20%; padding:0 15px; margin-bottom:30px;}
.sitemap .area H3 a							{display:flex; align-items:center; width:100%; background-color:var(--mygray); margin-bottom:5px; padding:9px 10px; border-radius:3px; color:#FFF; font-size:var(--FS14F); font-weight:var(--FW600F);}
.sitemap .area i							{margin-right:5px;}
.sitemap .area H3 a:hover					{background-color:var(--mygray500); color:#FFF !important;}

.sitemap .area .sub_cate					{padding:0 2px;}
.sitemap .area .sub_cate li					{display:flex; flex-wrap:wrap; flex-direction:column;}
.sitemap .area .sub_cate li a				{display:flex; align-items:center; width:100%; padding:7px 6px; font-size:var(--FS13F); font-weight:var(--FW600); color:var(--mygray200);  border:1px solid #FFF;}
.sitemap .area .sub_cate li a:hover			{background-color:var(--mygrayB); border:1px solid var(--IDTcolor); border-radius:4px; color:#111}
.sitemap .area .sub_cate li a em			{font-family:var(--FFH); color:var(--mygray003); letter-spacing:var(--LS00); margin-left:2px;}

.sitemap .area .sub_cate .depth3			{padding:0 7px;}
.sitemap .area .sub_cate .depth3 			{display:flex; flex-wrap:wrap; flex-direction:column;}
.sitemap .area .sub_cate .depth3 a			{display:flex; align-items:center; width:100%; padding:5px 6px; font-size:var(--FS12F); font-weight:var(--FW600); color:var(--mygray003); border:none}
.sitemap .area .sub_cate .depth3 a:hover	{border:none; color:#111}
.sitemap .area .sub_cate .depth3 a em		{font-family:var(--FFH); color:var(--mygray006); letter-spacing:var(--LS00); margin-left:2px;}

@media only screen and (max-width:1460px) {
	.sitemap .area {width:25%; padding:0 10px;}
}
@media only screen and (max-width:1280px) {
	.sitemap .area {width:33.3333%;}
}
@media only screen and (max-width:980px) {
	.sitemap .area {width:50%;}
}
@media only screen and (max-width:500px) {
	.sitemap .area {width:100%; padding:0px;}
}