@charset "UTF-8";
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: 200;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 600;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}
*{font-family: 'S-CoreDream', Dotum, sans-serif}
.container-fluid {padding: 0;}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: rgba(0,0,0,0.1);
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #344051;
}
h1, h2, h3, h4, h5, h6 {margin: 0 !important;}
p{margin: 0 !important;}
a{text-decoration: none !important; color:inherit !important; cursor: pointer;}
.dropdown-item:active{background-color: #80C9C4 !important;color:#fff !important;}
.link-box{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding-top:2em;padding-bottom:2em;}
.header-bg{background-image: url(/resources/img/header-img.jpg); min-height: 25vh;background-repeat: no-repeat;background-size: cover;background-position: bottom;}
.header-menu{display: block;padding-top: 1em;padding-bottom: 1em;}
.active{background-color: #379BA4;}

/*허브링커 호환*/
.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: #76b852;
  cursor: pointer;
}
.hl-table-list .hl-table-list-footer-pagination ul li.page.active:hover {
  background-color: #76b852;
  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: #379BA4;
  color: white;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.active {
  background: white;
  border-color: #e9edef;
  color: #379BA4;
  cursor: pointer;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.active:hover {
  background-color: #379BA4;
  color: white;
}
.hl-table-list .hl-table-list-footer-pagination ul li.number.inactive {
  background: #e9edef;
  border-color: #e9edef;
  color: #7a7a7a;
}

.answer:before{
	content: "┗━";
	color: rgba(0,0,0,.1);
	position: relative;
	margin-right: 0.5em;
}


@media screen and (min-width: 769px) {
	.row > .active:after{
	    position: absolute;
	    bottom: -15px;
	    content: " ";
	    height: 0;
	    z-index: -1;
	    border-bottom: 70px solid;
	    border-left: 50px solid rgba(0, 0, 0, 0);
	    border-right: 50px solid rgba(0, 0, 0, 0);
	    color: #379BA4;
	    transform: rotate(-180deg) translateX(50%);
	}
}

/*팝업*/
.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;}