
.breadcrumb-sticky {
    /* background-color: #ffffff;  */
    /* top: 77px; */
    top: 5%;
    width: 100%; 
    margin: 0;
}

.breadcrumb-sticky > nav {
	/* max-width: 960px; */
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 13px;
    /* margin-bottom: 10px;*/
}

.wh_right_tools {
    display: none;
}

/*
 * wh_sticky.js : line 8~9 => '.wh_tools' - top 변경 시
 * 경로명이 좌측 -> center 로 변경되는게 시작적으로 보이는 현상 방지위해
 * .wh_tools => .wh_tools_cs 로 class 변경
 */
.wh_tools_cs {
    background-color: transparent;
	padding: 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex: 1 0;
    margin-bottom: 1em;
    align-items: center;	
}
.wh_breadcrumb ol {
    background-color: transparent;
    color: inherit;
    font-size: 1em;
    padding: 0 !important;
}
.wh_breadcrumb li,
.wh_breadcrumb ol .active {
    color: #05141F;
}

/* important는 rtl을 위해 */
.wh_breadcrumb li:not(:last-of-type):after {
    content: "";
    /*
    content: ">" !important;
	width: 12px;
	height: 12px;
	display: inline-block; 
	margin: 0 4px;
	padding: 0 4px;
	*/
}

.wh_breadcrumb .home a{
		background-image: url(images/icon_home_breadcrumb.svg);
		background-repeat:no-repeat;
		background-size: 14px;
		background-position-y: 0.5px;
		padding-inline-start:20px; 
}
@media (hover: hover){
	.wh_breadcrumb .home a:hover{ 
		background-image: url(images/icon_home_green.svg); 
	
	}
}
.wh_breadcrumb ol .active .title a{
	font-weight: 600;
}

.wh_breadcrumb .home a {
	font-weight: 400;
}
/* 마우스오버 색상 제거
.wh_breadcrumb a:hover{
	color: #77B239;
}
*/
html[dir='rtl'] div.wh_breadcrumb .home a{
	background-position: top 0.1em right 0.1em;
}
/* rtl에서 content: "/" 숨기기 위함 */
html[dir='rtl'] .wh_breadcrumb li:not(:first-of-type):before{
	display:none;
}

