.breadcrumb-item+.breadcrumb-item::before {content: "|" !important;}


/* ============ skip navigation ========= */
.skip-navigation{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	z-index: 4390;
	pointer-events: none;
}
.skip-navigation:focus{
	opacity: 1;
	pointer-events: visible;
}
/* ============ desktop view ============ */



@media all and (min-width: 992px) {
	.breadcrumb{ font-size: 13px;font-family: 'Noto Sans KR';background: none;background-color: initial !important;margin-left: 21rem;font-weight: 400;letter-spacing: -0.5px;}
	.breadcrumb a{color:#676767;}
	 #gnb > ul{list-style: none; margin-left: -65px;}
	.line-header{margin-top: -1rem;margin-bottom: -1rem; }
	#gnb {position: relative;z-index: 10; }

	#gnb .dir {position: absolute; top: 50px; right: 0; left: 0;z-index: 5; padding: 10px 0; background:#ffffff;
	           text-align: center; height: 220px; border-top:1px solid #dedede; border-bottom: 1px solid #dedede; opacity: 0; pointer-events: none;}
	#gnb .dir:hover{background: #f0f3fa; transition-duration:0.4s}

	#gnb .dir a {display: block;padding: 5px 0;color: #333;text-align: left;font-size: 13px;font-family: "Noto Sans KR", "Malgun Gothic", "dotum", "arial", "sans-serif";font-weight: 400;line-height: 20px;text-decoration:none;}
	#gnb .menu-item:first-child {width: 18%;}
	#gnb>ul>li a>span {display: inline-block;position: relative;line-height: 50px;height: 50px;color: #333333;font-size: 17px;letter-spacing: -0.030em;font-family: 'Noto Sans KR', Dotum, Shruti, Arial;font-weight: 400;}
	#gnb>ul>li {float: left;position: relative;width: 13.66%;}
	#gnb>ul>li a {display: block;color: #000;text-align: center;}
	#gnb .dir>ul { display: inline-block; list-style: none;padding-left: 14px;}
	#gnb .dir>ul>li>a:hover {color: #A76539;}
	#gnb .bar {position: absolute;top: 42px; left: 0;display: block;height: 3px;background: #2c79bd;opacity: 0;}
}

/*-----------紐⑤컮 씪  뿤 뜑-------------*/

.mobileHeader{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
    align-items: center;
    position: relative;
}

.mobileHeader .menuButton{
	background: url(../img/main/new/menu_icon.png) no-repeat;
	background-size: 100%;
	width: 22.5px;
	height: 18px;
	position: absolute;
	left: 0;
}

@media (min-width: 992px) {
	.mobileHeader{
		display: none;
	}
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */


#sidebar {
    width: 300px;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999;
    background: none;
    transition: all 0.3s;
    overflow-y: scroll;
    font-family: 'Noto Sans KR';
    letter-spacing: -0.5px;
    line-height: 1.75rem;
   	height: 100vh;
}

#sidebar div[class$=Section],
#sidebar .sidebarNavHeader,
#sidebar .sidebarNavContent{
    padding: 0 20px;
}

#sidebar.active {
    left: 0;
}

#sidebar .sidebarHeaderSection{
	width: 100%;
	height: 42px;
	display: flex;
	justify-content: center;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #dddddd;
    background: white;
}

#sidebar .sidebarHeaderSection .sidebarLogo{
	width: 124px;
	height: 18px;
}

#sidebar .sidebarHeaderSection .dismissButton{
	background: url(../img/main/new/dismiss_icon.png) no-repeat;
	background-size: 100%;
	width: 13.5px;
	height: 13.5px;
	position: absolute;
	right: 20px;
}

#sidebar .sidebarMenuSection{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	font-size: 11px;
    border-bottom: 1px solid #dddddd;
    position: relative;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 12%);
    background: white;
}

#sidebar .sidebarMenuSection a{
	color: #676767 !important;

}

#sidebar .sidebarGap{
	height: 10px;
	background: #f0f3fa;
}

#sidebar .sidebarNav{
	background: #f0f3fa;
}

#sidebar .sidebarNav .collapse:not(.show) {
    display: none !important;
}

#sidebar .sidebarNav .sidebarNavHeader{
	background: white;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 45px;
	font-size: 14px;
	color: #202020;
}

#sidebar .sidebarNav .chevronIcon{
	background: url(../img/main/new/chevron_down_icon.png) no-repeat;
	background-size: 100%;
	width: 16px;
	height: 9px;
}

#sidebar .sidebarNav .sidebarNavContent > div{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	color: #202020;
}

#sidebar .sidebarNav .sidebarNavContent > div > a{
	height: 45px;
    display: flex;
    align-items: center;
	color: #202020;
}

#sidebar .sidebarNav .sidebarNavContent > div > a:nth-child(1){
	height: 35px;
	padding-bottom: 10px;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
   	top: 0;
}
.overlay.active {
    display: block;
    opacity: 1;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgb(187, 187, 187, .5) !important;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #bbbbbb !important;
}

/* 누리집 배너 */

.nuri_ban{background: #EDF1F5;}
.nuri_ban span{display: inline-block; padding: 3px 0 3px 35px; font-size: 14px; background: url(../img/icon/top_ban_ico_flag.svg)no-repeat center left;}