audio {
max-height: 100%;
width: 250px;
margin: auto;
object-fit: contain;
         }

a.hoverpic:hover { opacity: 0.7; }

a {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #EBC57C;
}


a.whitelink {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #ffffff;
}



body {background-color:#000000}

em {
		font-family: 'Noto Sans KR', sans-serif;
	font-size: 15.1px;
	line-height:1.5;
	letter-spacing: 0.02em;
}

.footerlogo {
  width: 100%;
  max-width: 618px;
  height: auto;
}

font.headtitle {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:30px;
  color:#EBC57C;
}

font {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	line-height:1.5;
	color: #EBC57C;
	text-align:justify;
}




/* Google fonts*/
.googlelinks {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:19px;
  color:#EBC57C;
}


.green {
	font-size: 12px;text-align:right;
	color: 74af2c;
}
.green a{
	
	font-size: 12px;
	color: 74af2c;
}

h1.titles {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:55px;
  color:#EBC57C;
}

h2.titlesmp {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:55px;
  color:#00d3f9;
}

h2.titles {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:40px;
  color:#EBC57C;
}

h3.titlesbigger {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:30px;
  color:#EBC57C;
}

h3.titles {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:20px;
  color:#EBC57C;
}


i {
		font-family: 'Noto Sans KR', sans-serif;
	font-size: 15.1px;
	line-height:1.5;
	letter-spacing: 0.02em;
}


img {
	border:0;
}




.logo {
  width: 100%;
  max-width: 465px;
  height: auto;
}

.mljnk table tr .text p .style2 pre {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
}
.new {
	font-size: 14px;
	color: #09F;
}


/* need removing*/

span.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #ffffff;
}

.strong {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 13px;
	color: #EBC57C;
}

td {
	vertical-align:top;
}



.text {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #EBC57C;
	line-height:1.5;
	text-align:justify;
}

.textwhite {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #ffffff;
}

.textblack {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 14px;
	color: #000000;
}

.titles {
font-family: 'Barlow Semi Condensed', sans-serif;
  font-size:20px;
  color:#EBC57C;
}




/* need removing*/

.textbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EBC57C;
	font-weight: bold;

}

/* need removing*/

.textboldsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EBC57C;
	font-weight: bold;

}
/* need removing*/

.textboldlarge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EBC57C;
	font-weight: bold;

}
.textboldlargewhite {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;

}
/* need removing*/

.textfunky {
	font-family: ChunkFive;
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;

}
/* need removing*/

.textsmall {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #EBC57C;
}


/*--------------------------------------- Responsive gallery stuff! ------------------------------*/

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
  overflow:scroll;
  overflow-x:hidden;
  height:450px;

}

/* Create four equal columns that sits next to each other */
.blockgallery {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

.blockgallery img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}


/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .blockgallery {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 620px) {
a {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
	color: #EBC57C;
}

a.whitelink {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
	color: #ffffff;
}


  .blockgallery {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
  
  
  
.text {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
}

em {
		font-family: 'Noto Sans KR', sans-serif;
	font-size: 17.5px;
	line-height:1.5;
	letter-spacing: 0.02em;
}

font {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
}


i {
		font-family: 'Noto Sans KR', sans-serif;
	font-size: 17.5px;
	line-height:1.5;
	letter-spacing: 0.02em;
}


.textwhite {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
}

.textblack {
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 17px;
}



}


/*-------------------- END Responsive gallery stuff  ------------*/