@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap');

:root {
	--inblu-color: #1c3c75;
	--inblu-border-color: #06193b;
	--point-color-tit: #30384b;
	--point-color-red: #d30000;
	--point-color-green: #b0bf83;
	--info-font: 'Cafe24SsurroundAir';
  --bg-color: #f8f9fa;
  --font-size-title: 1.2rem;
  --font-size-info:1rem;
  --font-size-tag:0.9rem;
  --font-size-subject:1.4rem;
  --font-family-info: 'Cafe24SsurroundAir';
}

html { margin:0; padding:0; font-size:1em; background-color:#fff; }
body {
  margin:0; padding:0;
	font-family: 'Noto Sans KR', sans-serif;
	color:#fff;
}
form {
	padding:0; margin:0;
}
select {
	margin:0px; padding:0px; height:24px; line-height:24px;
	vertical-align:middle;
	cursor:pointer;
	outline: none;
}
input, textarea {
	margin:0; padding:0;
	border:1px solid #ddd;
	vertical-align:middle;
	outline: 0;
}
textarea {
	border-radius:3px;
	padding:5px; width:calc(100% - 12px);
	min-height:150px;
	font-size:1.2rem;
	resize: none;
}
input {
	border-radius:3px;
	padding:0px 5px;
	width:calc(100% - 12px); height:36px; line-height:36px;
	font-size:1.2rem;
}
input:focus, textarea:focus, select:focus {
	border:1px solid var(--inblu-color);
	outline:0;
}
button {
	vertical-align:middle;
	cursor:pointer;
	width:100%; border:1px solid #ddd; border-radius:3px;
	padding:8px 0;
	background-color:var(--inblu-color);
	color:#fff;
}
img {
  border:0; vertical-align:middle;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
A {
	color: #222;
	text-decoration: none;
	padding:0; margin:0;
	border:0px;
	outline:0;
}
A:hover {
	color:#222;
	text-decoration: none;
}
input[type=date] {
	cursor:pointer;
}
input[type=time] {
	cursor:pointer;
}
input[type=checkbox] {
	cursor:pointer;
	width:22px; height:22px;
}
ul, li {
	list-style:none;
	padding:0px; margin:0px;
}
div, p, span {
	outline: none;
	margin:0px; padding:0px;
}
*:focus { outline:0; }

h1 {
	margin:0; font-size:2rem;
}
input::placeholder,
textarea::placeholder {
  color: #aaa;
  font-style: italic;
}


.loddingScreen {
	position:fixed;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
	/* Good browsers */
	opacity: 0.5;

	background-color:#000;
	left:0px; top:0px; right:0px; bottom:0px;
	z-index:9998;
	overflow:hidden;
}
.imageFullContainer {
	position:fixed;
	top:0px; bottom:0px; left:0px; right:0px;
	z-index:9999;
	margin:auto auto;
	overflow:hidden;
}
.imageFullContainer .swiper .swiper-slide > div:first-child {
	position:relative; width:100%; height:100%;
}
.imageFullContainer .swiper .swiper-slide > div > div {
	position:absolute;
	width:300px;
	height:50px; line-height:50px;
	left:50%; top:50%;
	margin-left:-150px;
	margin-top:-25px;
	color:#fff;
	text-align:center;
	opacity:0.7;
	text-shadow:1px 1px 3px #000;
}
.imageFullContainer .swiper .swiper_slide {
	position:relative;
}
.imageFullContainer .swiper .swiper-slide .company_info {
	position:absolute;
	bottom:60px;
	left:0px; right:0px;
	margin:0; padding:0px;
	z-index:9999;
	color:#fff;
	text-align:center;
}
.imageFullContainer .swiper .swiper-slide .company_info > p {
	padding:0; margin:3px 0 0 0;
}
.imageFullContainer .swiper .swiper-slide .company_info > p.name {
	font-size:1.4rem;
}
.imageFullContainer .swiper .swiper-slide .company_info > p.info {
	font-family: 'Cafe24SsurroundAir';
	color:#aaa;
}
.imageFullContainer .swiper .swiper-slide .company_info > p.button {
	margin-top:15px;
}
.imageFullContainer .swiper .swiper-slide .company_info > p.button > a {
	border:1px solid #ddd;
	border-radius:10px;
	background-color:#fff;
	padding:6px 20px;
}
.imageFullContainer .swiper .swiper-detail-view-pagination {
	position:absolute; bottom:20px;
	z-index:9999;
}
.imageFullContainer .swiper .swiper-button-next { display:none; right:50px; }
.imageFullContainer .swiper .swiper-button-prev { display:none; left:50px; }
.FullImage {
	margin:0 auto;
	object-fit: cover;
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	cursor:pointer;
	top: 50%;
	left: 50%;
    transform: translate(-50%, -50%);
	#display:none;
}
.FullImage.selected {
	display:block;
}