@font-face {
 font-family: 'NanumBarunGothic';
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

html {margin:0;padding:0; background-color:#000;}
body {
	margin:0 auto; padding:0px;
	text-align:center;
	font-family:NanumBarunGothic;
	font-weight:bold;
	height: 100%;
}

table, img {border:none}


img {
	max-width: 100%;
}

.div_bg{
	position:relative;
	background:url("../homeimg/bg.jpg") no-repeat center 0;
	background-size: cover;
    width: 100vw;
    height: 212.3vw;
	min-height:100vh;
	z-index:1;
}

.div_bg1{
	position:relative;
	background:url("../homeimg/bg.jpg") no-repeat center 0;
	background-size: cover;
    width: 100vw;
    height: 212.3vw;
}

.bar{
	background:url("../homeimg/bar.png") no-repeat center center;
	background-size: contain;
	width:100vw;
	height:6vw;
}

.powerade
{
	position:absolute;
	bottom:0;
	background:url("../homeimg/powerade.png") no-repeat center 0;
	background-size: contain;
	width:100vw;
	height:146.6vw;
	z-index:-1;
}

#logo{
	background:url("../homeimg/top_logo.png") no-repeat center 0;
	background-size: contain;
	width:71.3vw;
	height:31vw;
	margin-top:6.7vw;
	display:inline-block;
}
#logobtn{
	cursor:pointer;
	width:400px;
	height:290px;
	background-color:transparent;
	border:0;
}
#main_content
{
	position:relative;
	width:78.3VW;
	height:29.5VW;
	background:url("../homeimg/maincontent.png") no-repeat center 0;
	background-size: contain;
}
#notice
{
	text-align:left;
	width:87vw;
	color:white; 
	font-size:1.6vw;
	line-height:2;
	text-shadow:
	1px 1px 0 #000,
	-1px 1px 0 #000,
	-1px -1px 0 #000,
	1px -1px 0 #000;
}
#notice ul 
{
	margin:0;
	padding-left:5vw;
}

#hashtag_event
{
	background:url("../homeimg/eventInfo.png") no-repeat center 0;
	background-size: contain;
	margin-top:7.57vw;
	width:76vw;
	height:67.9vw;
	display:inline-block;
}

#search_content
{
	position:relative;
	width:78vw;
}

.SearchBox{
	margin-top:1.3vw;
	padding-left:1em;
	width:44.7vw;
	height:6.1vw;
	font-size:2vw;
	font-weight:bold;
	border:none;
}

.SearchBox::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #AAA;
}
.SearchBox:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #AAA;
   opacity:  1;
}
.SearchBox::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #AAA;
   opacity:  1;
}
.SearchBox:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #AAA;
}
.SearchBox:focus::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #FFF;
}
.SearchBox:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #FFF;
   opacity:  1;
}
.SearchBox:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #FFF;
   opacity:  1;
}
.SearchBox:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #FFF;
}

/*@media (min-aspect-ratio: 9/16) and (max-width:768px) {
	.div_bg{min-height:100vh;}
	.SearchBox{font-size:.7em;}
	#notice {font-size:.7em}
}

@media (max-aspect-ratio: 9/16) and (max-width:768px){
	.div_bg{min-height:110vh;}
	.SearchBox{font-size:.7em;}
	#notice {font-size:.7em}
	#paging li {font-size:1em}
}

@media (min-width:768px){
	.SearchBox{font-size:1.5em;}
	#paging li {font-size:1.3em;}
}*/


#CheckUnknown{
	position:absolute;
	top:15.5vw;
	right:-1.2vw;
	width:3vw;
	height:3vw;
}

#SearchBtn{
	position:absolute;
	cursor:pointer;
	top:1vw;
	left:46.5vw;
	width:15.2vw;
	height:14vw;
	background-color:transparent;
	border:0;
}

.big_img{
	width:39vw;
	height:39vw;
}
.big_img img{
	width:100%;
	height:100%;
	text-align:center;
}

.horizon_pic{
	padding-top:27%;
}

#small_img{	
	margin-top:2vw;
	width:65vw;
	height:65vw;
}
#small_img ul{
	list-style:none;
	margin:0;
	padding:0;
}
#small_img ul li{
	float:left;
	width:20vw;
	height:20vw;
	border:none;
	padding:.8vw;
}
#small_img img{
	width:100%;
	height:100%;
}
#small_img .horizon_pic{
	padding-top:15%;
}
#small_img .selected{
	border:none;
}

#paging{
	margin-top:2vw;
	width:65vw;
	height:4vw; 
	text-align:center;
}
#paging ul{
	list-style:none;
	margin:0;
	padding:0;
}
#paging li{
	cursor:pointer;
	display:inline-block;
	color:#5e5e5f;
	font-size:4vw;
}
#paging .selected{
	color:white;
}

#btn
{
	position:relative;
	background:url("../homeimg/btn.png") no-repeat center 0;
	background-size:contain;
	margin-top:1.5vw;
	width:37.1vw;
	height:4.7vw;
}

#btn_prev{
	position:absolute;
	cursor:pointer;
	top:78vw;
	left:2vw;
	width:4.5vw;
	height:5vw;
}

#btn_next{
	position:absolute;
	cursor:pointer;
	top:78vw;
	right:2.2vw;
	width:4.5vw;
	height:5vw;
}

#btnReturn{
	cursor:pointer;
	position:absolute;
	left:0px;
	width:17.7vw;
	height:4.7vw;
	background-color:transparent;
	border:0;
}
#btnDownload{
	cursor:pointer;
	position:absolute;
	left:19.3vw;
	width:17.7vw;
	height:4.7vw;
	background-color:transparent;
	border:0;
}