@charset "UTF-8";
/*채움생꺼 만들다 만거*/

/*
*{margin: 0;padding: 0; font-family: "돋움",Dotum,"돋움체",DotumChe;}
body{font-size: 14px; color: #2b2b2b;}
a{text-decoration: none; color:inherit;}
hr{ border: 1px solid #b3b3b3;}
input{height: 15px; border:1px solid #dcdcdc; padding:2px 5px 0px; margin-top: 1px; background: #fafafa;}
#left-box{border-bottom: 1px solid #B3B3B3; border-top: 1px solid #B3B3B3; padding: 0.5em;}
#menu {border-top: 1px solid #B3B3B3; margin-top: 5em;}
#menu li {border-bottom: 1px solid #B3B3B3;}
.nanumsquare {font-family: 'NanumSquare', sans-serif !important;}
.left-layout {width:200px;min-height: 100vh;display: inline-block; position: absolute;}
.right-layout {margin-left:200px;}
.main-box1 {position: relative; padding-right: 36%;}
.main-box2 {position: absolute;right: 0; top: 0; width: 36%; height: 100%; text-align: center;}
.main-box2 .box-item {min-height: calc(100% / 3);}
.bx-wrapper { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0; margin-bottom: 0;}
.bx-wrapper img {width:100%;}
.footer {min-height: 20vh;}


/*화면 작을때*/
/*
@media all and (max-width: 768px) {
.main-box1 {padding-right: 0%;}
.main-box2 {position: relative;width: 100%;height: 50vh;}
}

*/

@font-face {
    font-family: 'GongGothicBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GongGothicLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{font-family: 'GongGothicLight', Dotum, sans-serif}
.container-fluid {padding: 0;}
.overlay-content-1 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: gray;}
.overlay-content-2 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: gray;}
.overlay-content-3 {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;opacity: 0;transition: .5s ease;background-color: gray;}
.active {background-color: #c79e61;}
h1, h2, h3, h4, h5, h6 {margin: 0 !important;}
a{text-decoration: none !important; color:inherit !important;}
.dropdown-item:active{background-color: #c79e61 !important;}


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