@charset "utf-8";
/* CSS Document */

#wrapper{padding-bottom:0;}

#hossyanmemo{
	width:100%;
	height:550px;
	background:url(../../memo/img/memo_bg.jpg) no-repeat center top;
}

#hossyanmemo #memoarea{
	width:890px;
	height:550px;
	position:relative;
	margin:0 auto 0 auto;
}

#hossyanmemo #memoarea #memo_prev{
	position:absolute;
	left:80px;
	top:205px;
	display:none;
}
#hossyanmemo #memoarea #memo_next{
	position:absolute;
	right:80px;
	top:205px;
}

#hossyanmemo #memoarea #memo0{
	position:absolute;
	top:27px;
	right:158px;
}
#hossyanmemo #memoarea #memo1{
	position:absolute;
	top:27px;
	left:158px;
}

#hossyanmemo #memoarea #memonavi{
	position:absolute;
	left:0;
	top:460px;
}
#hossyanmemo #memoarea #memonavibtn{
	position:absolute;
	left:720px;
	top:471px;
}
#hossyanmemo #memoarea #memonavibtn li{
	float:left;
	margin-right:4px;
}


/* link btn setting */
#hossyanmemo #memoarea #memo_prev a img, #hossyanmemo #memoarea #memo_next a img, #hossyanmemo #memoarea #memonavibtn li a img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#hossyanmemo #memoarea #memo_prev a:hover img, #hossyanmemo #memoarea #memo_next a:hover img, #hossyanmemo #memoarea #memonavibtn li a:hover img, #hossyanmemo #memoarea #memonavibtn li.active a img{
	filter: alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


/* page area setting */
#hossyanmemo #memoarea #page1{
	position:absolute;
	top:27px;
	right:158px;
}
#hossyanmemo #memoarea #page2, #hossyanmemo #memoarea #page3, #hossyanmemo #memoarea #page4, #hossyanmemo #memoarea #page5, #hossyanmemo #memoarea #page6, #hossyanmemo #memoarea #page7{
	position:absolute;
	top:27px;
	left:158px;
	display:none;
}

/* socialbtn setting */
#social{
	position:relative;
}
#social p{position:absolute; right:0; top:10px;}
#social p a{color:#000;}