@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gugi&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/GmarketSans/GmarketSans.css');
body {
	background: #000;
	font-family: Noto Sans KR, sans-serif;
	font-size: 14px;
	color:#000;
	margin: 0;
	padding: 0;

}
h1{font-size:2em; font-weight:500; text-align:center;  color:#fff; padding:20px 0; background:#0b75d1 url(/images/newcon/left-triangle.png) no-repeat left 10% top 0%; margin:0; font-family:Gmarket Sans}
.swiper-container {
		width: 100%;
}

.fs_header{background:#333; padding:1em; text-align:center}
.fs_header ul{display:flex; justify-content:center; gap:0em; flex-wrap:wrap}
.fs_header ul li{list-style-type:none; color:#fff;font-family:Gmarket Sans; font-size:105%; padding:0 1em}
.fs_header ul li:before{content:'●'; font-size:40%;  padding-right:5px; vertical-align:middle; display:inline-block}



.swiper-slide-container {
  text-align: center;
  font-size: 18px;
 background: #000;
  height:100%;
  max-width: 800px;
  margin:auto;
		/* Center slide text vertically */
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
}
.swiper-slide-container img{width:100%}

.gallery-top {
		height: 70%;
		width: 100%;
}
.gallery-thumbs {
		position:fixed;
		bottom:20px;
		height: 10%;
		box-sizing: border-box;
		padding: 10px 0;
		margin-top:10px;
}
.gallery-thumbs .swiper-slide {
		width: 20%;
		height: 100%;
		opacity: 0.2;
}
.gallery-thumbs .swiper-slide-active {
		opacity: 1;
}
.swiper-wrapper{text-align:center; width:100%;}
.swiper-wrapper #vid{margin:auto; width:100%; max-width:1500px;}
.swiper-wrapper video{width:100%; height:100%; max-height:1000px}


@media (max-width:1380px){
.fs_header ul li{width:45%; text-align:left}
}


@media (max-width:768px){
h1{background-size:cover}
.fs_header{padding:0.5em}
.fs_header ul{gap:0; justify-content:start; margin:0; padding:0}
.fs_header ul li{width:100%; text-align:left}
}