/* 모바일용 Toc 스크롤바 숨기기 */
/*@media (hover: none) and (pointer: coarse) {
	.wh_main_page_toc {
		overflow: hidden;
		-ms-overflow-style: none !important; 
		scrollbar-width: none;
	}
	.wh_main_page_toc::-webkit-scrollbar {display: none;}
	.expanded + .wh_main_page_toc_accordion_entries::-webkit-scrollbar {display: none;}
} */

@media screen and (max-width: 640px){
	div.wh_main_page_toc{
		height: var(--doc-height);
		/*height: 100vh;*/
		width:100%;
	}
	/* 모바일용 toc height 
	 * 1lev, 2lev 동일
	 */
	div.wh_main_page_toc_accordion_header, 
	div.wh_main_page_toc > .wh_main_page_toc_entry{
		min-height: 56px;
	}
	div.wh_main_page_toc_accordion_entries > .wh_main_page_toc_entry{
		min-height: 56px;
	}
}

.wh_main_page_toc .wh_main_page_toc_accordion_header, 
.wh_main_page_toc > .wh_main_page_toc_entry{
	border-bottom: 1px solid #E7E9EC;
}
.wh_main_page_toc {
    position: fixed;
    right: -3500px;
    top: 0px;
    width: 460px;
	height: 100vh;
    margin: 0 auto 2em;
    z-index: 1002;
	transition: right 0.2s ease-in-out; /* Set the transition effect */
	overflow: auto;
}
.wh_main_page_toc.show {
	right: 0; /* Show the menu div by moving it to the left */
}
.wh_main_page_toc .expanded {
	background-color: #fff;
}
.wh_main_page_toc .wh_main_page_toc_accordion_header:hover,
.wh_main_page_toc .wh_main_page_toc_entry:hover{
	background-color: #F2F4F6 ;
	cursor: pointer;
}

/* 확장된 메뉴 top, bottom border 적용  */
.wh_main_page_toc_accordion_header.expanded{
	border-top: 1px solid;
}
.wh_main_page_toc_accordion_header.expanded + .wh_main_page_toc_accordion_entries .wh_main_page_toc_entry:last-child{
	border-bottom: 1px solid;
}

/*
 * toc -home  
 */
div.wh_main_page_toc_entry.home{
	height: 60px !important;
	justify-content: space-between;
	padding: 0.5em;
	padding-inline-start: 1.2em;
}
/* toc-home hover 제거  */
.wh_main_page_toc_entry.home:hover {
    background-color: unset;
}
.close_bt_div {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1001;
    background: rgba(0, 0, 0, 0.8);
    display: none;
}

/*
 * table of contents > 메뉴 펼치기 아이콘 => before -> after 로 변경
 */
.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:after,
.wh_main_page_toc .wh_main_page_toc_accordion_header:after{
    display: inline-block;
    font-weight: bold;
   /*  font-family:"oXygen WebHelp", serif; */
    position: absolute;
    right: 1em;
    cursor: pointer;
}


/* toc에 확장버튼 생성  */
.wh_main_page_toc .wh_main_page_toc_accordion_header:after{
		content: url(images/down_arrow.svg); /* expand symbol */
		width: 22px;
		height: 22px;
}

/* toc에 축소버튼 생성  */
.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:after{
		content: url(images/up_arrow.svg); /* collapse symbol */
		width: 22px;
		height: 22px;
}



.wh_main_page_toc .wh_main_page_toc_accordion_header:before,
.wh_main_page_toc .wh_main_page_toc_accordion_header.expanded:before
{
    content: none; /* expand symbol */
}

.wh_main_page_toc > .wh_main_page_toc_accordion_header, 
.wh_main_page_toc > .wh_main_page_toc_entry {
    padding-inline-start: 1em;
    padding-inline-end: 3em;
    align-items: center;
    display: flex;
}

.wh_main_page_toc_accordion_entries .wh_main_page_toc_entry .topicref a {
	color: #697278;
	font-size: 1em; 
}
.wh_main_page_toc_accordion_entries .wh_main_page_toc_entry:hover,
.wh_main_page_toc_accordion_entries .wh_main_page_toc_entry .topicref a:hover,
.wh_main_page_toc_accordion_header a:hover,
.wh_main_page_toc_entry:hover{
	text-decoration:underline;
}

/*.wh_main_page_toc>.wh_main_page_toc_entry:last-child {
    border-bottom: 1px solid #c0c0c0;
}*/

.wh_main_page_toc .wh_toc_shortdesc {
	display: none;
}
.wh_main_page_toc_accordion_entries > * {
    margin-left: 0;
	padding-inline-start: 2em;
	border-bottom: 1px solid #E7E9EC;
}
/* toc 홈 폰트굵기 */
.wh_main_page_toc_entry.home a{
	font-weight: bold;
}
/* 사이드 toc 홈 아이콘 */ 
.wh_main_page_toc_entry.home .topicref a:before{
	 content: url(images/icon_home.svg);
	 position: relative;
	 top: 0.4em;
     display: inline-block;
     width: 22px;
     height: 22px;
     padding-inline-end: 2em;
 } 
.wh_main_page_toc_entry.home .close_toc_icon {
    background-image: url(images/btn_close.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 24px;
    height: 24px;
	cursor: pointer;
	margin-inline-end: 8px;
    
}
/* toc 클릭시 진한색 */
.wh_main_page_toc_accordion_header.expanded{
	background-color:#fff;
	cursor: pointer;
}

/*
 * main page toc > 하위 메뉴 show/hide transition 처리
 */
.wh_main_page_toc_accordion_entries {
	/*max-height: 0; */ 
	overflow: hidden;
	border-bottom: none;
	background-color: #fff;
}

.wh_main_page_toc .expanded {
    border-bottom: 1px solid #E7E9EC;
}
/* toc 사이드 메뉴 글자 크기 */
.wh_main_page_toc > .wh_main_page_toc_entry a,
.wh_main_page_toc_accordion_header{
	color: #05141F;
    font-size: 1.1em;
    font-weight: 600;
}
.wh_main_page_toc_accordion_header a {
	color: #05141F;
	font-size: 1em;    
}

.wh_tile_title span{
	line-height: 1.4em;
}
/*
 * web용 toc height 
 */
.wh_main_page_toc_accordion_header, .wh_main_page_toc > .wh_main_page_toc_entry{
	min-height: 50px;
}
.wh_main_page_toc_accordion_entries > .wh_main_page_toc_entry{
	min-height: 40px;
	display: flex;
    align-items: center;
    padding-bottom: 0.5em !important;
}