@charset "utf-8";

/* ========= LAYOUT ========= */
ons-page > .page__content {
	padding: 0 15px;
	/* padding-bottom:45px; */
	top:0;
}
/* ========= TOP ========= */
ons-bottom-toolbar, ons-toolbar:not([inline]) {
	justify-content: flex-start;
	align-items: center;
	/* padding: 0 1rem; */
	padding-top:0px;
	box-shadow: none;
	/* border-bottom: 1px solid #f2ebe4; */
	position: static;
	background: #fff;
	height: 55px;
	width: auto;
}
.toolbar .page-tit *,
.toolbar > * {
	max-height: 100%;
	font-size: 18px;
	color: inherit;
	flex: 0 0 17.5%;
	line-height: normal;
	height: auto;
}
.toolbar__center {
	text-align: center;
}
.toolbar__center.toolbar__title {
	font-family: var(--theme-font-family);
	font-weight: bold;
	font-size: 16px;
}
.toolbar__left,
.toolbar__right {
	min-width: unset;
	width: auto;
	max-height: 100%;
	font-family: var(--theme-font-family);
    z-index: 20003;
}
.toolbar__center {
	flex: 0 0 65%;
    z-index: 20003;
}

.toolbar__left{
	/* padding-left:1em; */
}
.toolbar__right {
	text-align: right;
	/* padding-right:.5em !important; */
}
.back-button {
	line-height: normal;
	padding-left: 0;
	margin-left: 0;
}
.back-button__label {
	font-size: 0;
}
.toolbar .button {
	border: 0 !important;
	padding: 0;
	line-height: 49px;
}
.toolbar__right .d-flex {
	height: 100%;
	justify-content: flex-end;
	align-items: center;
}
.toolbar__right .d-flex img.bookmark {
	margin-right: 5px;
}
.toolbar__right .d-flex .btnMod{
	display: none;
}
.toolbar__right .button {
	text-align: right;
	font-size: 15px;
	color: var(--theme-color);
	background: none;
	box-shadow: none;
	display: inline-block;
	padding-left: 10px;
}

.toolbar__right .button.disabled {
	opacity: 0.4;
}

.toolbar ons-back-button .back-button__icon svg {
	fill: #000;
}
#top_toolbar .toolbar_top.location {
	display: flex;
	align-items: center;
}
#top_toolbar .toolbar_top.location figure {
	width: 34px;
	height: 34px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	position: relative;
	overflow: hidden;
	margin: 8px 0;
}
#top_toolbar .toolbar_top.location figure .p_img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 40px;
	height: 40px;
}
#top_toolbar .toolbar_top.location .filter_location {
	margin-left: 5px;
}
.filter_location span {
	margin-right:7px;
}
.filter_location img{
	width:15px;
}
#tabbarPage ons-toolbar  ons-search-input {
	display: block;
}

#tabbarPage ons-toolbar .search-input {
	padding: 5px 24px 3px 13px;
	border-radius: 20px;
	min-height: 35px;
}
#tabbarPage ons-toolbar ons-button {
	background: none;
	border: none;
	padding: 0;
	text-align: right;
}
img.corpLogo {
	height: 30px;
}
.toolbar+.page__background,
.toolbar.toolbar--material+.page__background+.page__content,
.toolbar+.page__background+.page__content {
	top: 55px;
	padding: 0 15px 59px;
}
.list-item__subtitle {
	opacity: 1;
}
.list-item {
	border-bottom: 1px solid var(--border-color);
	padding: 1rem 0;
	min-height: 42px;
}
.list-item__center:not(.list-item--chevron__center) {
	padding: 0;
	background: none;
	min-height: unset;
	/* align-self: flex-start; */
}
.list-item__center + .list-item__left {
	margin-right: 10px;
	min-height: 42px;
	min-width: 0;
}
.borderless .list-item {
	border: 0;
	padding: 0;
}

/* ========= TAB ========= */
.tabbar--top {
	background: #fff;
	box-shadow: none;
	flex-wrap: nowrap;
	overflow: auto;
	height: 55px;
}
.tabbar--top .tabbar__label {
	/* font-weight: 700; */
	font-family: var(--theme-font-family);
	font-size: 17px;
	line-height: normal;
	letter-spacing: -0.05em;
}
.tabbar--top .tabbar__item {
	/* flex: 1;	
	padding: 0; */
}
#delvTabbar .tabbar--top .tabbar__item  {
	flex: 0 0 auto;
	margin: 0 1rem;
}
ons-tabbar#traningTabbar {
	top: 0 !important;
}
ons-tabbar#boardTabbar {
	top: 0 !important;
}
ons-tabbar#videoTabbar {
	top: 0 !important;
}
.tabbar--material__border {
	background-color: var(--theme-color);
}
.tabbar__content + .ons-tabbar__footer.tabbar .tabbar--material__border {
	height: 0;
}
.tabbar--top__content {
	top: 55px;
}

/* ========= CATEGORY MENUS ========= */
.lnb {
 	padding: 0 10px;
	/* border-bottom: 1px solid #efefef; */
	background-color: #fff;
	margin: 0 -15px;
/* 
	position: sticky;
	top: 64px;
	z-index: 999; */
	
}
.lnb .cateMenu {
	/* height: 52px; */
	align-items: center;
}
.lnb .slideMenu .btnCateMenu {
	/* width:auto;
	height: auto;
	overflow: hidden;
	font-size: 14px;
	border: 1px solid #dedede;
	padding: 4px 10px;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	flex: 0 0 auto; */
}
.lnb .slideMenu .btnCateMenu.slide-actived {
	/* background-color: #FA3E3F; */
	/* background-color: var(--theme-color); */
	/* color: #fff; */
	/* border-color: transparent; */
	font-weight: 700;
}
.lnb .slideMenu .btnCateMenu span {color: inherit;}
.lnb  + hr.space {
	margin-top: 0;
	margin-bottom: 0;
	height:5px;
}

/* ========= TAB FOOTER ========= */
.ons-tabbar__footer.tabbar {
	align-items: center;
	background: #fff;
	padding-bottom: 5px;
}
.tabbar:not(.tabbar--top) {
	background-color: #fff;
	height: 70px;
	box-shadow: inset 0 1px 0 var(--border-color);
}
.tabbar--material:not(.tabbar--top) {
	border-top: 1px solid #f2ebe4;
}
.ons-tabbar__content+.tabbar.ons-tabbar__footer .tabbar__item {
	/* height: 100%; */
	text-align: center;
}
.ons-tabbar__content+.tabbar.ons-tabbar__footer .tabbar__button {
	line-height: normal;
	color: #000;
	height: 55px;
	font-family: var(--theme-font-family);
}
.tabbar:not(.tabbar--top) .tabbar__label {
	display: block;
	line-height:normal;
	font-size: 11px;
	color: inherit;
}
.tabbar:not(.tabbar--top) :checked+.tabbar__button .tabbar__label {
	font-weight: 700;
}

.tabbar:not(.tabbar--top) :checked+.tabbar__button {
	color: #FA3E3F !important;
	color: var(--theme-color) !important;
	font-weight:700;
	width:100%;
	border-bottom:2px solid var(--theme-color);
}

:checked+.tabbar__button .tabbar__label{
	font-weight:700;
}

.tabbar.ons-tabbar__footer .tabbar__item.btnWrite {
	transform: translateY(-20px);
	text-align: center;
}
.tabbar.ons-tabbar__footer .tabbar__item.btnWrite .tabbar__button {
	background-color: #FA3E3F;
	background-color: var(--theme-color);
	color: #fff !important;
	width: 60px;
	height: 60px;
	border-radius: 100%;
}
.tabbar.ons-tabbar__footer .tabbar__item.btnWrite .tabbar__button .tabbar__label {
	display: none;
}
.tabbar__content:not(.tabbar--top__content) {
	bottom: 60px;
	/* top: 55px; */
}
ons-page.detail {
	padding-bottom: 60px;
}
ons-page.detail > .page--material__content {
	bottom: 60px;
	padding-bottom: 0 !important;
}

ons-fab.scrollTop {
	display: none;
	width:45px;
	height:45px;
	background-color: white;
}

ons-fab.scrollTop img{
	position: relative;
	top: -8px;
}

.board_header{
	position: sticky;
	top: 64px;
	z-index: 100;
	background-color: rgba(255, 255, 255, 1);
	overflow: hidden;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

.flex-colume{
	display: flex;
    flex-direction: column;
    text-align: left;
}

.flex-colume .list-item__title{
	align-self: flex-start;
}

.flex-colume .list-item__subtitle{
	
	font-size: 12px;
}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
	.list,.list-item__center,.list-item__right {
		background-image: none;
	}
}