:root {
	--inblu-color: #1c3c75;
	--inblu-border-color: #06193b;
	--point-color-tit: #30384b;
	--point-color-red: #d30000;
	--point-color-green: #b0bf83;
  --point-color-green2: #149ba7;
  --point-color-price: #4269f6;
  --point-color-price2: #448ccb;
  --point-color-red2: #ff3030;
  --point-color-red3: #900000;
  --point-color-tag: #2c678f;
  --point-color-tag2: #87c2eb;
	--point-color-white: #ffffff;
	--point-color-black: #000000;
  --bg-color: #fff;
	--dark-bg-color: #f8f9fa;
  --font-size-title: 1.2rem;
  --font-size-info:1rem;
  --font-size-tag:0.9rem;
  --font-size-subject:1.4rem;
}

.loddingContainer {
	position:fixed;
	left:50%; top:50%;
	width:200px; height:200px;
	margin-left:-100px; margin-top:-100px;
	z-index:9998;
}
.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:9999;
}
.imageFullContainer {
	position:fixed;
	top:0px; bottom:0px; left:0px; right:0px;
	z-index:9999;
	margin:auto auto;
	overflow:hidden;
}
.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;
}
.imageView {
	cursor:pointer;
}
div.tagListBox {
	display:inline-block !important;
	margin:2px; border:1px solid #ddd; padding:2px 10px; border-radius:15px;
}
div.tagListBox > .tagList {
	color:#448ccb;
}

span.tagList {
	color:#448ccb; margin-right:5px; font-size:0.82rem;
}
.ui-alert-msg {
	position:fixed;
	background-color: #000;
	opacity:0;
	border-radius: 15px;
	bottom: 90px;
	left: 50%;
	min-width:220px;
  transform: translate(-50%, 0);
	margin: 0 auto;
	padding:5px 15px;
	text-align:center;
	color:#fff;
	z-index:10000;
	font-size:0.92rem;
}
.clear { clear:both; }
.outer-swiper-pagination {
	height:20px; position:relative;
}
.outer-swiper-pagination .swiper-pagination-bullet {
	background-color:#aaa !important;
}
.outer-swiper-pagination .swiper-pagination-bullet-active {
	background-color:#222 !important;
}
.no-select {
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200&display=swap');
@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@import url('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css');
html {
	margin:0px;
	padding:0px;
	font-size:16px;
}
body {
	#font-family: 'Noto Sans KR', sans-serif;
	font-family: 'Spoqa Han Sans Neo', 'sans-serif';
	font-weight:350;
	position:relative;
	margin:0 auto; padding:0px;
	color:#222;
	# background-color:#aaa;
	# background:url(/images/bg.gif) repeat;
	vertical-align:middle;
	word-wrap:break-word;
}
form {
	padding:0px; margin:0px;
}
select {
	margin:0px; padding:0 5px; #height:24px; #line-height:24px;
	#border:1px solid #dadada;
	height:26px; line-height:26px;
	background-color:#fff;
	border-color:#ddd;
	vertical-align:middle;
	cursor:pointer;
}
input, textarea {
	margin:0px; padding:0px;
	border:1px solid #ddd; height:24px; line-height:24px;
	vertical-align:middle;
}
input {
	border-radius:0px;
	padding:0px 5px;
	line-height:24px;
}
input:focus, textarea:focus, select:focus {
	border:1px solid #f26c4f;
	outline:0px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
textarea {
	border-radius:0px;
	padding:5px;
}
button {
	vertical-align:middle;
	cursor:pointer;
}
img {
	border:0px; 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 {
	text-decoration:none;
}
A:hover {
	text-decoration:none;
}
ul, li {
	list-style:none;
	padding:0px; margin:0px;
}
*:focus { outline:none; }
input[type=date] {
	cursor:pointer;
}
input[type=time] {
	cursor:pointer;
}
input[type=checkbox],
input[type=radio] {
	cursor:pointer;
	width:22px; height:22px;
}
P {
	margin:0px; padding:0px;
}
.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-detail-view-pagination {
	position:absolute; bottom:20px;
	z-index:9999;
}
.imageFullContainer .swiper .swiper-button-next { display:block; right:50px; }
.imageFullContainer .swiper .swiper-button-prev { display:block; left:50px; }

.bt-document-top {
	position:fixed;
	left:0px; bottom:27px;
	width:35px;
	#border:1px solid #999;
	z-index:99;
	display:none;
}
.bt-document-top > .top-position {
	width:35px; height:35px; overflow:hidden; border-radius:50%;
	margin:5px 0;
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0.3);
	cursor:pointer;
}
.bt-document-top > .google img,
.bt-document-top > .apple img {
	width:35px; height:35px;
}
.bt-document-top > .top-position {
	position:relative;
	background:rgba(255, 255, 255, 1);
}
.bt-document-top > .top-position > div:first-child {
	position:absolute; left:0; right:0; top:50%; margin-top:-16px;
	text-align:center; color:#555; font-size:0.9em;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.bt-document-top > .top-position > div:last-child {
	position:absolute; left:0; right:0; bottom:50%; margin-bottom:-12px;
	text-align:center; font-size:0.5em; color:#555;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.item-empty, .empty {
	text-align:center; color:#aaa; font-weight:300;
}


.ui-page-content .ui-page-tab-box {
  display:flex; align-items: flex-end; margin-top:10px;
}
.ui-page-content .ui-page-tab-box .bt-page-tab {
  background-color:#ddd;
  padding:7px 20px; text-align:center;
  cursor:pointer;

  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.ui-page-content .ui-page-tab-box .bt-page-tab.selected {
  background-color:#fff; padding:10px 20px;
  border-top:3px solid var(--inblu-color);
}

.image-box > div:first-child {
	position:relative; width:100%; padding-bottom:100%;
}
.image-box > div:first-child > div:first-child {
	position:absolute; left:0; top:0; width:100%; height:100%;
}
.image-box > div:first-child > div:first-child img {
	object-fit: cover; width:100%; height:100%;
}


div.ui-report {
  position:fixed;
  left:50%; top:50%;
  width:260px; margin-left:-150px;
  padding:20px;
  background-color:#fff;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index:9999;
}
.ui-report .title {
  font-size:var(--font-size-title); font-weight:500;
  margin-bottom:15px;
}
.ui-report {
  margin-top:15px;
}
.ui-report .item {
  padding:5px 0; font-size:var(--font-size-info); font-family: var(--font-family-info);
  color:#aaa;
}
.ui-report .item.selected {
  color:var(--inblu-color);
  font-weight:500;
}
.ui-report .button-box {
  text-align:center; margin-top:20px;
}
.ui-report .button-box .do,
.ui-report .button-box .fa {
   border:1px solid #ddd;
   background-color:#f4f4f4;
   padding:5px 20px; margin:5px;
}
.ui-report .button-box .do {
  border:1px solid var(--inblu-border-color);
  background-color:var(--inblu-color);
  color:#fff;
}

.no-select {
  -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.no-line {
	overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
	max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.pointer {
	cursor:pointer;
	border:0px;
}

@media ( max-width: 799px ) {
	html {
		font-size:0.9em;
	}
	select {
		font-size:0.82rem;
		padding:0px;
	}
	.imageFullContainer .swiper .swiper-button-prev,
  .imageFullContainer .swiper .swiper-button-next {
  	display:none;
  }
}