/* <style> */
html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--tblr-body-bg);
	margin: 0px;
	padding: 0px;
}

a.btn.a_disabled {
	background-color: #808080 !important;
}

/* 메인메뉴 폰트크기 */
.usermenu_main_link,
.megamenu_main_link {
	font-size: 1rem;
}

.tabler_wrap .nav-link-title.usermenu_main_link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.25;
	min-height: 1.5rem;
}

.tabler_wrap .usermenu-title-split.show_in_pc {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	line-height: 1.05;
}

.tabler_wrap .usermenu-title-line2 {
	font-size: 0.8rem;
	margin-top: 4px;
}

.tabler_wrap .usermenu-title-mobile.show_in_mobile {
	align-items: baseline;
	gap: 2px;
}

.tabler_wrap .usermenu-title-mobile-sub {
	font-size: 0.8rem;
}

.megamenu_main_link {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: --tblr-dropdown-link-color;
}

/* 서브메뉴 폰트크기 */
.usermenu_sub_link,
.megamenu_sub_link {
	font-size: 0.95rem;
}

/* 메인메뉴 하위메뉴 있는 경우 여백조정 */
/*.nav-link.dropdown-toggle {
	padding-right: 0.5rem !important;
}*/
.tabler_wrap .navbar-expand-md .navbar-nav .nav-link {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	
	margin-top: 0 ;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/* 서브메뉴(드롭다운화살표) 숨김처리 */
.tabler_wrap #divUserMenu .dropdown-toggle:after {
	display: none;
}
/* 서브메뉴(드롭다운화살표) 있는 상단메뉴 */
.tabler_wrap #divUserMenu .navbar-expand-md .navbar-nav .nav-link.dropdown-toggle {
	padding-right: 0.8rem !important;
}
/* 서브메뉴(드롭다운화살표) 없는 상단메뉴 */
.tabler_wrap #divUserMenu .navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0.8rem !important;
}

/* 좌측사이드메뉴 */
.list-group-item.active {
	background-color: var(--tblr-primary) !important;
	color: var(--tblr-light) !important;
	border-left: 0px solid #FFFFFF !important;
}
.list-group-item.active .text-secondary {
	color: var(--tblr-light) !important;
}
/* </style> */
/* <style> */
#divMainTop {
	width: 100%;
	box-sizing: border-box;
/* 	border-bottom: 1px solid #DADFE5; */
}

#divMainMenu {
	width: 100%;
	box-sizing: border-box;
/* 	border-bottom: 1px solid #DADFE5; */
}

#editWidgetWrap {
	width: 100%;
	max-width: 1560px;
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 20px;
}

.widget11 {
	font-size: 14px;
	width: 240px;
	height: 240px;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	background-color: #FFFFFF;
	float: left;
	margin: 10px;
}

.widget21 {
	font-size: 14px;
	width: 500px;
	height: 240px;
	border: 1px solid #DBDFE4;
	box-sizing: border-box;
	background-color: #FFFFFF;
	float: left;
	margin: 10px;
}

#editGridPane {
	width: 100%;
	height: 50px;
}

#divInnerMainPane {
	width: 100%;
	height: 100%;
}

.divSubMenu {
	background-color: #FFFFFF;
	border: 1px solid #DADFE5;
	width: 200px;
	top: 108px;
	position: fixed;
	z-index: 11;
}
/* </style> */
/* <style> */
.float_left {
	float: left;
}

.icon_svg_widget {
	position: relative;
/* 	top: 4px; */
	margin-right: 5px;
/* 	margin-left: 5px; */
}

.icon_svg_top {
	position: relative;
/* 	top: 4px; */
	margin-right: 5px;
}

.span_top {
	display: inline-block;
/* 	height: 25px; */
/* 	line-height: 25px; */
	
	padding: 5px;
}


/* 위젯이동 시 X버튼 디자인 */
.div_removeWidget.btn {
	position: absolute;
	z-index: 30;
	top: 24px;
	right: 24px;
	width: 32px;
	height: 32px;
	min-width: 32px;
	min-height: 32px;
	padding: 0;
	border: 1px solid var(--tblr-secondary);
	border-radius: var(--tblr-border-radius);
	background-color: var(--tblr-bg-surface);
	box-shadow: var(--tblr-shadow-input);
	cursor: pointer;
	opacity: 0.92;
}

/* 위젯이동 시 X버튼 디자인 */
.div_removeWidget.btn .icon {
	width: 16px;
	height: 16px;
	min-width: 16px;
	font-size: 16px;
	margin: 0;
	color: var(--tblr-secondary);
}

/* 위젯이동 시 X버튼 디자인 */
.div_removeWidget.btn:hover {
	border-color: var(--tblr-border-active-color);
	background-color: var(--tblr-secondary-bg);
	opacity: 1;
}

/* 위젯이동 시 X버튼 디자인 */
.div_removeWidget.btn:focus {
	outline: 0;
	box-shadow: var(--tblr-shadow-input), 0 0 0 0.25rem rgba(var(--tblr-primary-rgb), 0.25);
}


.div_moveWidgetCover {
	position: absolute;
	z-index: 20;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	border: 10px solid transparent;
	border-radius: 18px;
	background: rgba(0, 0, 0, 0.2);
	background-clip: padding-box;
	cursor: move;
}

.viewGridWrap .container-xxl {
	max-width: 1560px !important;
}

.tabler_wrap .container-xxl {
	max-width: 1560px !important;
}
/* </style> */
/* <style> */
.navbar .megamenu {
	/* max-width: 1560px; margin: 0 auto; */
	margin-top: -1px !important;
	padding-bottom: 2rem;
}

.navbar .container-xxl .megamenu_row {
	max-width: 1560px;
	margin: 0 auto;
}

.navbar .container-xl .megamenu_row {
	max-width: 1320px;
	margin: 0 auto;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	
	.navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0; right:0; width:100%; margin-top:0;}
	
}	
/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */
@media(max-width: 991px){
	.navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
		overflow-y: auto;
		max-height: 90vh;
		margin-top:10px;
	}
}
/* ============ mobile view .end// ============ */

.a_megamenu_dropdown.dropdown-toggle:after {
	display: none !important;
}

.a_megamenu_dropdown > svg {
	width: 40px;
	height: 40px;
}

.has-megamenu {
	margin-top: -10px;
}


/* 메뉴 외부링크 아이콘 */
.tabler_wrap .nav-link-icon-right {
	width: 1.25rem;
	height: 1.25rem;
	margin-left: 0.2rem;
	color: var(--tblr-icon-color);
}
/* 메뉴 외부링크 아이콘 */
.tabler_wrap .nav-link-icon-right svg {
	display: block;
	height: 100%;
}
/* </style> */

/* 메가메뉴 스타일 시작 */
.mega-menu-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	padding: 0.75rem;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.mega-menu-item:hover {
	background: var(--tblr-dropdown-link-hover-bg);
	transform: translateX(4px);
}

.mega-menu-item-icon {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--tblr-dropdown-link-hover-bg);
	border-radius: 8px;
	flex-shrink: 0;
	font-size: 1.25rem;
}

.mega-menu-item-content {
	flex: 1;
}

.mega-menu-item-title {
	font-weight: 600;
	font-size: 1rem;
	color: var(--tblr-body-color);
	margin-bottom: 0.125rem;
	height: 40px;
	line-height: 40px;
}

.tabler_wrap .mega-menu-dropdown-item {
	min-width: 11rem;
	display: flex;
	align-items: center;
	margin: 0;
	line-height: 1.4285714286;
	gap: 0.5rem;
	
	width: 100%;
	padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
	clear: both;
	font-weight: 400;
	color: var(--tblr-dropdown-link-color);
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	border-radius: 8px;
	transition: all 0.2s ease;
}

.tabler_wrap .mega-menu-dropdown-item:hover {
	color: var(--tblr-dropdown-link-color);
	background: var(--tblr-dropdown-link-hover-bg);
	transform: translateX(4px);
}

/* 위젯 선택 모달 */
.widget-check-list {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: 64px;
	gap: 8px;
	padding: 8px;
	max-height: 520px;
	overflow: auto;
	border: 1px solid var(--tblr-border-color-translucent);
	border-radius: 10px;
	background: var(--tblr-bg-surface);
}

.widget-check-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 6px 4px 12px;
}

.widget-check-count {
	font-weight: 700;
	font-size: 14px;
	color: var(--tblr-body-color);
}

.widget-check-actions {
	display: flex;
	gap: 6px;
}

.widget-check-actions .btn {
	font-size: 12px;
	font-weight: 700;
	border-radius: 6px;
	padding: 4px 12px;
}

.widget-check-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid var(--tblr-border-color-translucent);
	background: var(--tblr-card-bg, #ffffff);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	cursor: pointer;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.widget-check-item.size-11 {
	grid-column: span 1;
	height: 64px;
}

.widget-check-item.size-21 {
	grid-column: span 2;
	height: 64px;
}

.widget-check-item.size-12 {
	grid-column: span 1;
	height: 128px;
	grid-row: span 2;
}

.widget-check-item.size-22 {
	grid-column: span 2;
	height: 128px;
	grid-row: span 2;
}

.widget-check-item:hover {
	border-color: rgba(var(--tblr-primary-rgb), 0.4);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	background: var(--tblr-dropdown-link-hover-bg);
}

.widget-check-input {
	margin-top: 2px;
	accent-color: var(--tblr-primary);
}

.widget-check-label {
	display: flex;
	flex-direction: column;
	gap: 2px;
	justify-content: center;
}

.widget-check-name {
	font-weight: 600;
	font-size: 12px;
	color: var(--tblr-body-color);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.widget-check-title {
	font-size: 12px;
	color: var(--tblr-gray-600);
}

.widget-check-empty {
	padding: 16px;
	color: var(--tblr-gray-600);
	text-align: center;
}

.widget-check-input:checked + .widget-check-label .widget-check-name {
	color: var(--tblr-primary);
}

.widget-check-item:has(.widget-check-input:checked) {
	border-color: rgba(var(--tblr-primary-rgb), 0.65);
	box-shadow: 0 0 0 1px rgba(var(--tblr-primary-rgb), 0.15);
	background: rgba(var(--tblr-primary-rgb), 0.06);
}


.a_megamenu_dropdown,
.a_megamenu_dropdown:hover {
	background: none;
	background-color: transparent !important;
}
/* 메가메뉴 스타일 끝 */