@charset "UTF-8";
@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('/resources/css/font/woff2/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}
@font-face {
    font-family: 'NEXEN_TIRE_Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/NEXEN_TIRE_Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{font-family: 'Pretendard Variable', 'NanumBarunGothic', sans-serif;}

/*데스크탑*/
/*
@media screen and (min-width: 769px) {
	.navbar {
		display: none !important;
	}
	.footer-mobile{display:none;}
	.footer{display:block;position: relative;z-index: 3;}
}
*/
/*모바일*/
/*
@media screen and (max-width: 768px) {
	#left-menu{
		display: none !important;
	}
	#right-menu{
		margin-left: 0 !important;
	}
	.navbar {
		display: flex;
	}
	.footer-mobile{display:block;}
	.footer{display:none;}
}
*/
@media screen and (max-width: 768px) {
.col-12.text-center.mt-5>h1 {font-size: 2rem;}
}
#left-menu{
	top: 0;
	left: 0;
	position: absolute;
	width: 200px;
	height: 100vh;
}
#right-menu{
	margin-left: 200px;
/* 	min-height:974px; */
	overflow-x:hidden;
	overflow-y:auto;
	border-left: 1px solid #e9e9ea;
	min-width:1400px;
}
#right-menu-mobile{
/* 	min-height:974px; */
	overflow-x:hidden;
	overflow-y:auto;
}

.container-pc{width: 1200px; margin: 0 auto;}
.container-fluid-pc{width: 100%;min-width: 1600px;}
.row-pc{display: flex;margin: 0 auto;flex-wrap: wrap;}
#wrap{width:100%; display: flex; flex-wrap: wrap; justify-content: center;}
/* body{overflow-x:hidden;} */
a{color: #000 !important;/* word-break: keep-all; */}
h1, h2, h3, h4, h5, h6 {margin: 0 !important;word-break: keep-all;}
p{margin: 0 !important;word-break: keep-all;}
#left-menu a{text-decoration: none !important;}
#left-menu  > ul > li > ul > li:hover{background-color: rgb(80 89 101);}
#left-menu > ul > li > ul > li > a {display:block; width: 100%;padding: 3px 0;}
#left-menu > ul > li > ul > li:hover > a {color: #fff !important;}
#left-menu > ul > li > ul > li {transition: 0.3s ease; padding: 0 20px;}
/* #left-menu li:first-child{border-top: 1px solid #e9e9ea;} */
#left-menu .hover-list{display:none;left:200px;top:-1px;position: absolute;padding:0;list-style: none;}
#left-menu .left-list{position: relative; padding-left:1.5em; padding-right:1.5em;cursor: pointer;}
.left-list:hover > .hover-list{display: block !important;z-index:10; width:10em;transition: 0.3s ease;}
.hover-list-bg {display:none; width:10em; height:100vh; background-color: rgb(129 157 170 / 90%); left:201px;position: absolute;z-index: 2;}
.left-list > a{font-weight: 700;border-bottom: 1px solid #494949;}
.left-list > a:hover{color:#567275 !important;}
/* 하단 흰색 선*/
/* .hover-list > li > a {border-bottom: 1px solid #fff;} */
.hover-list > li {padding: 0px 25x;}
.hover-list > li > a {color: #fff !important;}
/* .left-list > a:hover:after{ */
/* 	content: ' '; */
/* 	background-image: url('/resources/image/left/right-arrow.svg'); */
/* 	background-size: 1em; */
/*     height: 1em; */
/*     width: 1em; */
/*     position: relative; */
/*     top: 2px; */
/*     display: inline-block; */
/*     right: -20px; */
/* } */
.top-menu{background-color: #f2f2f2;display: flex;align-content: center;justify-content: center;flex-wrap: wrap;}
.top-menu:hover{background-color: #9DAD7F; transition: 0.3s ease;}
.top-menu:hover a{color: #fff !important;}
.top-menu-active {background-color: #9DAD7F;}
.top-menu-active a{color: #f7f7e8 !important;}

.footer-menu-list {list-style: none;}
.footer-menu-list .footer-menu:first-child {border-left: 2px solid #000;}
.footer-menu-list .footer-menu {display:inline-block;border-right: 2px solid #000;font-weight: 900;}
.footer p {color:#494949;font-weight: 600;line-height: 15px;font-size: 12px;}

.answer:before{content: "┗━";color: #9DAD7F;position: relative;margin-right: 0.5em;}
.main-text{font-family: 'NEXEN_TIRE_Regular';transform: skew(0.03deg);}
.card .card-header .card-link{display: inline-block;width: 100%;}
.card .card-header .card-link.collapsed:after{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); float: right;width: 1.25rem;height: 1.25rem;}
.card .card-header .card-link:not(.collapsed):after{content:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); float: right;width: 1.25rem;height: 1.25rem; transform:rotate(-180deg);}

/*팝업*/
.PopupContainer {position: absolute !important;border: 1px solid #808080;z-index: 10;max-width: 40vw;}
.PopupBody {overflow: auto;width: 100%;height: calc(100% - 2em);margin-bottom: 2em;padding-top: 2em;max-height: calc(90vh - 2em);}
.PopupBody img {max-width: 100%;height: auto;}
.PopupFooter {
	background-color: #f8f9fa; 
/* 	border: 1px solid #474b54; */
	height: 2em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.PopupFooter a {
	font-size: 14px;
	color: #929292;
}
.PopupFooter a:hover {
	color: #929292;
}
.PopupHeader {
	height: 2em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.PopupHeader > span {
	font-size: 18px;
	font-weight: bold;
}
.PopupClose:after{
	content: "";
	width:1em;
	height: 1em;
	background-image: url('/resources/img/close-button.svg');
	display: block;
}
.PopupContainer > .ui-icon-gripsmall-diagonal-se {background-position: -61px -221px !important;}

.PopupMobileContainer{
	position: fixed !important;
	border: 1px solid #808080;
	z-index: 10;
	bottom:0;
	width: 100%;
	max-height: 80vh;
}

.PopupMobileHeader{
	background-color: #f8f9fa; 
	height: 2em;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	width: 100%;
	top: 0;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.PopupMobileHeader a {
	font-size: 14px;
	color: #929292;
}
.PopupMobileHeader a:hover {
	color: #929292;
}
.PopupMobileBody{
	overflow: auto;
	width: 100%;
	height: calc(100% - 2em);
	margin-top: 2em;
	max-height: calc(80vh - 2em);
}
.PopupMobileBody img {max-width: 100%;height: auto;}

/* 부트스트랩 CSS 오버라이드 */
.table-striped tbody tr:nth-of-type(odd){
	background-color: #F7F9F5 !important;
}
.table-striped tbody tr:nth-of-type(even){
	    background-color: #FFF !important;
}

.btn-info {background-color: #9DAD7F !important; color: #fff;border-color:#9DAD7F !important}
.btn-info:hover {background-color: #6A7A4C !important;}
.btn-info.focus, .btn-info:focus {
    box-shadow: 0 0 0 0.2rem rgb(164 195 105 / 50%) !important;
}
.btn-success {
    background-color: #9eb23c !important;
    border-color: #9eb23c !important;
}
.btn-success:hover {
    background-color: #6B7F09 !important;
}
.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgb(184  204  86 / 50%) !important;
}
.btn-outline-info {
    color: #9DAD7F !important;
    border-color: #9DAD7F !important;
}
.btn-outline-info:hover {
    color: #fff !important;
    background-color: #9DAD7F !important;
    border-color: #9DAD7F !important;
}
.btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgb(164 195 105 / 50%) !important;
}

/*허브링커 페이지네이션*/
.hl-table-list .hl-table-list-footer-pagination {
  display: inline-block;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hl-table-list .hl-table-list-footer-pagination ul {
  display: inline-block;
  margin: 0.5em;
  padding: 0;
  float: right;
}
.hl-table-list .hl-table-list-footer-pagination ul li {
  display: inline-block;
  margin-right: 0.4em;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  width: 2em;
  height: 2em;
  border: 1px solid #e9edef;
  line-height: 2em;
  text-decoration: none;
}
.hl-table-list .hl-table-list-footer-pagination ul li.page.active {
  background: white;
  border-color: #e9edef;
  color: #9DAD7F;
  cursor: pointer;
}
.hl-table-list .hl-table-list-footer-pagination ul li.page.active:hover {
  background-color: #9DAD7F;
  color: white;
}
.hl-table-list .hl-table-list-footer-pagination ul li.page.inactive {
  background: #e9edef;
  border-color: #e9edef;
  color: #7a7a7a;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.selected {
  background-color: #9DAD7F;
  color: white;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.active {
  background: white;
  border-color: #e9edef;
  color: #9DAD7F;
  cursor: pointer;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.active:hover {
  background-color: #9DAD7F;
  color: white;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.inactive {
  background: #e9edef;
  border-color: #e9edef;
  color: #7a7a7a;
}
.hl-ellipsis-wrapper {
  position: relative;
}
.hl-ellipsis-wrapper > .hl-ellipsis-content {
  max-height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: inherit;
  text-align: justify;
  word-break: break-all;
}
.hl-ellipsis-wrapper > .hl-ellipsis-content:before {
  content: '...';
  position: absolute;
  width: 1.2em;
  right: 0;
  bottom: 0;
  background: inherit;
}
.hl-ellipsis-wrapper > .hl-ellipsis-content:after {
  content: '';
  position: absolute;
  width: 1.2em;
  height: 100%;
  right: 0;
  background: inherit;
}
.hl-text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.hl-border-solid-shade{
	border-bottom: 1px solid #dee2e6 !important;
}
/* 허브링커 CSS 오버라이드 */
.hl-button-default {
	background-color: #9DAD7F !important;
    border: 0.15em solid #9DAD7F !important;
   	color: white !important;
}
.hl-button-default:focus, .hl-button-default:hover{
    color: #9DAD7F !important;
    background-color: white !important;
}
.hl-button-warning{
	color: white !important;
}
.hl-button-warning:focus, .hl-button-warning:hover {
    color: #e26a6a !important;
}
.hl-line-slider .hl-line-slider-header .hl-line-slider-header-controller > i {
	background: #9DAD7F !important;
}
.hl-line-slider .hl-line-slider-header .hl-line-slider-header-controller > i:hover {
    background: #6A7A4C !important;
    color: white
}
.hl-line-slider .hl-line-slider-header .hl-line-slider-header-title{
	color: #9DAD7F !important;
}
.hl-loader-wrapper{
	display: none !important;
}
.hl-loader{
	display: none !important;
}