body {margin:0; padding:0; font-family: Tahoma, Geneva, sans-serif, 맑은고딕,새굴림; font-size: 12px; overflow: hidden; background:#aaa}
a { text-decoration: none; color: #ffe; }

#wrapper {width:100%; overflow:hidden; }
#header { position: absolute; top: 0; left: 0; width: 100%; z-index:999;background:#232c96; color:#fff;  padding:8px 10px; height:22px;  opacity: 0.6; line-height:22px; } 

	#headerContents {width: 650px; }
	#textGallery, #textArticle, #linkInfo { float:left; padding: 0px 5px; cursor: pointer; margin-right: 3px;}
	#list, #rand {cursor: pointer; padding: 0 5px;}

	#programSelect, #programTitle { float:left; margin-right: 5px; }

		#program a { text-decoration: none; color: #ffe; }
		#program a:hover { text-decoration: none; }



#contents {display:none;  position:absolute; top: 37px; left: 0px; width: 100%; max-width:400px; height:98%; z-index:999;  color: #eed; background:#232c96; opacity:0.8;  overflow:auto; scrollbar-face-color: #3a69fa; }

#gallery { position: absolute; top: 33px; left: 0; z-index:999; border-radius:3px; padding:0; line-height:20px; border-radius: 3px; text-align: center; opacity: 0.8 ;  }
	#gallery img {float: left; padding-left: 10px; margin-top: -1px; }
	
	#galleryBox, #articleBox {display: none; }
	#sliderContainer { }

	#closeButton1 {display: none; position: absolute; left: 320px; top: 50px; cursor: pointer; }
	#closeButton2 {display: none; position: absolute; left: 320px; top: 350px; cursor: pointer; }

	#contents ul {display: block; margin-left: -25px;}
	#contents li {font-size: 12px; padding: 0px; cursor: pointer; display: inline; line-height:23px; padding-right: 3px; }

	#programs { width: 500px; height:auto; }
	#programs li {display:block}

	#infoBox { position: absolute;  display: none; width: 360px; top: 37px; left: 0px; z-index:999; background:#232c96; opacity:0.8; color: #eed;}
	#infoBox span {cursor: pointer}
	#infoBoxClose {float:right; cursor:pointer; padding: 3px;}
		#infoBoxClose img {width: 40px; }

#videoContainer {width: 100%; height: 100%; overflow: auto;}
#ytPlayer {width:100%; height: 100%; position: relative; left:0; top:10px; padding:0; z-index:1; overflow:auto}



/*모바일 전용*/
@media only screen and (max-width : 500px) {
	#header {width: 100%; font-size: 1.2em;  padding:10px 0; overflow: hidden;  opacity:1; margin:auto; }
	#headerContents {min-width:400px;}
	#programTitle {}
	#textGallery, #textArticle { display:none; }
	 #slider, #gallery,#infoBox, #contents { width: 100% !important; }
		#galleryBox img, #articleBox img, #gallery img {width: 100% !important;}
		#sliderContainer {width: 100% !important}
	#contents {width: 100%;}
	#closeButton1, #closeButton2 {display: block;}
	#closeButton2 {bottom:-250px}
} /* 500px 이하*/