@charset "utf-8";
/* CSS Document */
#ie{display:none;}
body {
	font-family:"맑은고딕","은고딕";
	background-color:#999
}
a img{border:none;}
a {color:#600; text-decoration:none}
a:visited {color:#966;}
a:hover {color:#c33; text-decoration:underline}
a.youtubeLink {
	background:url(images/youtube.png) top left no-repeat;
	background-color:#eee;
	display:inline-block;
	width:100px;
	height:60px;
	padding-left:120px;
	text-decoration:none;
	font-size:24px;
	border:2px solid #fff;
	opacity:.5;
	filter:alpha(opacity=50);
}
a.youtubeLink:hover {
	opacity:1;
	filter:alpha(opaicty=100);
}
strong {color:#900;}
em {color:#00a; font-weight:bold}
small {color:#09f;}
h2,h3{
	letter-spacing:.5em;
}
#container {
	margin:0 auto;
	background:url(images/bg32.png) repeat-y;
	width:800px;
}
#header {
	background:url(images/bg31.png) top no-repeat;
	padding:30px;
}
#header h1{
	color:#900;
	text-align:center;
	letter-spacing:1em;
}

#content {
	padding:20px 100px 20px 30px;
}
#content img{
	margin:0 auto;
	display:block;
	border:2px solid #900;
}
#footer {
	background:url(images/bg33.png) bottom no-repeat;
	padding:20px;
}
div.imageBox {
	position:relative;
	overflow:hidden;
	background:#fff;
	padding:5px;
	border:1px solid #900;
	height:310px;
}
div.imageBox img{
	background:#eee;
}
div.imageBox a{
	border:2px solid #900;
	background:url(images/bg01.png) top repeat-x;
	background-color:#ded1be;
	padding:5px;
	margin:5px;
	position:absolute;
	color:#fff;
}
div.imageBox a:hover, div.imageBox a:focus {
	background:url(images/bg01.png) bottom repeat-x;
	background-color:#88b7bc;
	color:#900;
}
div.imageBox a.close{
	top:0;
	right:0;
}
div.imageBox a.expand{
	top:0;
	left:0px;
}
a.expandImageBox {
	border:5px solid #900;
	background:#fff;
	position:absolute;
	top:20px;
	left:0;
	margin:0 auto;
	cursor:pointer;
	text-align:center;
	padding:5px;
	z-index:100;
}
a.expandImageBox:hover {
	border-color:#f00;
	background-color:#ff9;
}
a.expandImageBox img{
	max-width:700px;
	background-color:#fff;
}
div.control{
	font-size:10px;
	position:absolute;
	position:fixed;
	top:0;
	right:0;
	padding:5px;
}
div.control a{
	background:url(images/bg21.png) bottom left no-repeat;
	display:block;
	padding:10px;
	width:130px;
	height:30px;
	overflow:hidden;
	text-indent:-10000px;
}
div.control a.on{
	color:#090;
	background-position:bottom left;
}
div.control a.off{
	color:#600;
	background-position:top right;
}
div.control a.on:active {background-position:top left;}
div.control a.off:active {background-position:bottom right;}
#footer ul{list-style:none;}
#footer li{
	display:inline-block;
	width:260px;
	height:20px;
	background:url(images/bg34.png) top left no-repeat;
	padding:10px 5px 10px 30px;
	font-size:12px;