.xe_content, .rhymix_content {
    font-size:unset !important
}



.stoggle input[type=checkbox] {
	display: none;
  }
  .slide-toggle {
	display: block;
	position: relative;
	flex: none;
	width: 46px;
	height: 24px;
	border-radius: 30px;
	background-color: rgb(29,29,31);
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	z-index: 1;
  }
  .slide-toggle::before,
  .slide-toggle::after {
	content: ' ';
	display: block;
	position: absolute;
	top: 1px;
	border-radius: 30px;
	height: 22px;
	background-color: #333;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	transition: 0.2s cubic-bezier(0, 1.1, 1, 1.1);
  }
  .slide-toggle::before {
	z-index: -1;
	width: 44px;
	right: 1px;
	-webkit-transform: scale(1);
			transform: scale(1);
  }
  .slide-toggle::after {
	z-index: 1;
	width: 24px;
	left: 1px;
	background:#000;
	box-shadow: 0 1px 4px 0.5px rgba(0, 0, 0, 0.25);
  }
  .stoggle input:checked + .slide-toggle {
	background-color: #006bd4;
  }
  .stoggle input:checked + .slide-toggle::before {
	-webkit-transform: scale(0);
			transform: scale(0);
  }
  .stoggle input:checked + .slide-toggle::after {
	-webkit-transform: translate3d(20px, 0, 0);
			transform: translate3d(20px, 0, 0);
  }


  .overlay-on {
	overflow: hidden;
}

/* 사이드 네비 관련 CSS */
#off-canvas-overlay {
	visibility: hidden;
	opacity: 0;
	transition: left 0s 0.3s, visibility 0s 0.3s, opacity 0.3s;
	background:rgba(0,0,0, .731);
	/* -webkit-backdrop-filter: saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px); */
	position: fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	overflow: hidden;
	z-index: 1;
}
.overlay-on #off-canvas-overlay {
	visibility: visible;
    opacity: 1;
    transition: left 0s 0.3s, visibility 0s, opacity 0.3s;
	z-index: 99;
}
.overlay-on #off-canvas{
    right:0px;

	transition: all 0.3s ease;
}
#off-canvas {
	width:300px;
	height:100%;
	position: fixed;
	z-index:100;
	top:0;
	right:-300px;
	bottom:0;
	background-color: rgba(250,250,250, 1);
	border-bottom: 1px solid rgba(0,0,0,.05);
	transition: all 0.3s ease;
}
.off-canvas-nav {
	padding:0;
	margin:0;
}
.off-canvas-nav li {
	list-style: none;
}


.top_nav li::after {
	content: '|';
	padding-left: 10px;
}
.top_nav li:last-child::after {
		content: '';
	}




.gnb li a:hover{
	color:#ffb83c; 
}
.gnb li a.x_active{
	color:#ffb83c; 
}
.side_bar::after{
	content: '|';
	padding-left: 10px;
}
.side_bar:last-child::after{
	content: '';
}

.lnb_under_bar{
	border-bottom: 1px solid white;
}
.lnb_under_bar:last-child{
	border:none; 
}
.sub_active {
	color:rgb(86, 62,202); 
	font-weight: 500;
	border-bottom: 2px solid rgb(86, 62,202) ;
}

.container {
    width: 100%;
}
html{
	width:100%;
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1536px) {
    .container {
        max-width: 1200px;
    }
}