body,table,input,textarea,select,button{
	font-family: inherit;
	font-size:inherit;
}
.uk-table-small.job-table th, .uk-table-small.job-table td{
	padding:2px 4px;
	vertical-align:top;
}
.position-sticky{
	position:sticky;
	bottom:0;
}
.position-fixed{
	position:fixed;
	bottom:0;
}
#mobile-nav{
	bottom:0;
	z-index:980;
	box-shadow:0 0 10px rgba(0,0,0,.15);
	border-radius:15px 15px 0 0
}
.xe_content, .rhymix_content{
	position:relative;
	font-size:inherit;
	line-height:inherit;
}

.weather-icon{
	--fa-primary-color:#84c4df;
	--fa-secondary-color:#ed9133;
	--fa-primary-opacity:.75;
	--fa-secondary-opacity:1;
}
.bill-icon{
	--fa-primary-color:#d43232;
	--fa-secondary-color:#23bd9b;
	--fa-primary-opacity:.75;
	--fa-secondary-opacity:1;
}
.language-icon{
	--fa-primary-color:#723cd3;
	--fa-secondary-color:#efd948;
	--fa-primary-opacity:.75;
	--fa-secondary-opacity:1;
}
.emergency-icon{
	color: #9c47fc;
	display: block;
	background: -webkit-linear-gradient(#9c47fc, #356ad2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.download-icon{
	color: #f7bfc4;
	display: block;
	background: -webkit-linear-gradient(#f7bfc4, #ff4242);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.conlab-detail-title{
	margin-left:30px !important;
	margin-right:30px !important;
}
/* lists */
.xe_content ul, .xe_content ol {
	display: block;
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	padding:0;
	padding-left:30px;
}
.xe_content ul{
	list-style-type: circle;
}
.xe_content ul.uk-list{
	list-style:none;
	padding-left:0
}
.xe_content li {
	display: list-item;
}
button.uk-icon-button{
	border:0;
	cursor:pointer
}
.document-list-title.new-article::before {
	display:inline-block;
	content:'';
	width:5px;
	height:5px;
	margin-right:3px;
	border-radius:50%;
	background-color:red;
	vertical-align:middle;
	margin-right:3px;
}
.is-mypage .my-avatar{
	box-shadow:
      0 0 0 2px #fff,  /* inner white */
      0 0 0px 4px #e60012; /* outer cyan */
}
.author{
	display:inline-block;
	background-color:#eee;
	margin-bottom:5px;
	padding:3px 10px;
	border-radius:15px;
}
li.indent{
	margin-left:30px;
}
.with-icon{
	width:32px
}
.with-dot:before{
	content: "\FF65";
	margin-left:6px;
    margin-right:5px;
	color:#333;
	vertical-align:middle;
}
.avatar{
	--fa-secondary-opacity:1.0;
	--fa-primary-color:#fff;
	--fa-secondary-color:#999;
	--fa-secondary-opacity: 0.70
}
.vote-button{
	animation: bounce .3s;
}
.vote-button:hover{
	color:#000;
}
.vote-button > strong{
	font-family:"Poppins";

}
.comment-vote-area .vote-button > span{
	font-size:12px;
}
.vote-button[data-type=up].is-active i.fa-thumbs-up{
	--fa-secondary-opacity:1.0;
	--fa-primary-color:#e55272;
	--fa-secondary-color:#f5c295;
}
.vote-button[data-type=up] i.fa-heart{
	color:#e60012
}
.vote-button[data-type=up].is-active i.fa-heart{
	--fa-primary-color:#e60012;
	--fa-secondary-color:#e60012;
	--fa-secondary-opacity: 1.0;
}
.vote-button[data-type=down].is-active i{
	--fa-secondary-opacity:1.0;
	--fa-primary-color:#4881f7;
	--fa-secondary-color:#f5c295;
	--fa-secondary-opacity: 0.70
}
.action-count{
	margin-right:5px;
	text-indent:-5px;
}
.scrap-button.is-active i{
	--fa-secondary-opacity:1.0;
	--fa-primary-color:#4881f7;
	--fa-secondary-color:#f5c295;
	--fa-secondary-opacity: 0.70
}
.nc-box .xe-widget-wrapper {
	overflow:visible;
}
.nc-box .xe-widget-wrapper .uk-badge{
	font-family:"Poppins";
	font-style:normal;
	font-weight:500;
	top:-16px;
	right:-8px;
}
.scroll-nav{
	position:relative;
	height:50px;
	padding-left:15px;
	padding-right:15px;
	overflow:hidden;
    overflow-x: auto;
	overflow-y:visible;
    -webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.scroll-navbar ::-webkit-scrollbar{
	display:none;
}
.scroll-expand > a, .scroll-expand > .uk-card-title{
	padding-left:15px;
	padding-right:15px;
}
.scroll-nav ul{
	position:relative;
	white-space: nowrap;
}
.tm-sidebar-left {
    position: fixed;
    top: 75px;
    bottom: 0;
    box-sizing: border-box;
    width: 180px;
    padding: 40px;
    border-right: 1px #e5e5e5 solid;
    overflow: auto;
}
.tm-sidebar-right {
    position: absolute;
    top: 0;
    left: calc(100%);
    width: 200px;
}
.conlab-widget-button{
	bottom:80px !important
}
.conlab-widget-close{
	font-size:30px !important;
}


/* ───── footer를 항상 최상단 레이어로 고정 ───── */
#footer,
#footer nav {
  z-index: 9999;        /* 바텀시트(z-index:1000+)보다 확실히 위 */
  transform: translateZ(0);     /* 독립 합성 레이어 */
  backface-visibility: hidden;
  will-change: transform;
}

/* UIkit 컨테이너(그림자/라운드)도 레이어 승격 */
#footer .uk-background-default { transform: translateZ(0); }

/* iOS 홈 인디케이터 영역 고려 */
#footer nav { padding-bottom: env(safe-area-inset-bottom); }


@media (max-width: 641px) {
	.conlab-widget-popup.active{
		width:100%;
		height:100%;
		right:0;
		bottom:0;
		left:0;
		top:0;
	}
}
@media (min-width: 640px){
	.conlab-widget-popup {
		width:400px !important;
		height:100% !important;
		bottom:0 !important;
		right:0 !important;
	}
	.scroll-nav{
		padding-left:30px;
		padding-right:30px;
	}
	.scroll-expand > a, .scroll-expand > .uk-card-title{
		padding-left:30px;
		padding-right:30px;
	}
	
}
@media (min-width: 960px){
	.scroll-nav{
		height:75px;
	}
	.scroll-nav{
		padding-left:40px;
		padding-right:40px;
	}
	.scroll-expand > a, .scroll-expand > .uk-card-title{
		padding-left:40px;
		padding-right:40px;
	}
	body.is-aside #main{
		padding-left:200px;
	}
	body.is-place #main{
		padding-left:300px;
	}
	.tm-sidebar-left {
		width: 200px;
		padding: 40px;
	}
	body.is-place .tm-sidebar-left{
		width:300px;
	}
}
@media (min-width: 1200px){
	body.is-aside #main{
		padding-left:220px;
	}
	body.is-place #main{
		padding-left:320px;
	}
	.tm-sidebar-left {
		width: 220px;
		padding: 40px;
	}
	body.is-place .tm-sidebar-left{
		width:320px;
	}
	.tm-sidebar-right {
		left: calc(100%);
	}
	
}
@media (min-width: 1400px){
	body.is-aside #main{
		padding-left:240px;
	}
	body.is-place #main{
		padding-left:340px;
	}
	.tm-sidebar-left {
		width: 240px;
		padding: 40px;
	}
	body.is-place .tm-sidebar-left{
		width:340px;
	}
}