/* CSS Document */

/*************************************************
 * ?뚯씪紐?: style.css
 * ?묒꽦??: anonion82
 * 理쒖쥌?섏젙??: 2011.08.16
 * ?ㅻ챸	    : ?댄듃
*************************************************/

/*----------------------------------------------------------------- default */
body{
	background:#F6F6F6 url('../images/bg_top_pt.jpg') repeat-x left top;
	font-family:"?뗭?",Dotum,Tahoma,Arial,sans-serif;
	font-size:0;
	line-height:0;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}
div,ul,li{margin:0; padding:0; list-style:none; vertical-align:top;}
img{border:0px none}

/*-------------------------------------------------------------- main index */
.banner{
	height:287px;
	left:874px;
	position:absolute;
	top:157px;
	width:104px;
}
#contents_bg{
	background:transparent url('../images/bg_top_0830.jpg') no-repeat 50% top;
}
#contents{width:872px; margin:0 auto; position:relative;}
.con03{margin-bottom:40px}
.con03 ul{padding-top:40px}

#tabarea{width:870px;height:510px;overflow:hidden;}
.tab{float:left; width:870px;height:34px;}
.tab_con{float:left; height:476px;}
.tab li{float:left}

.info ul {margin-left:-4px;}

/* gallery */
#gallery {
	position:absolute;
	z-index:2;
	top:455px;
	left:50%;
	margin-left:-420px;
}
#gallery.off {display:none;}
#layer_bg {
	background:#000000;
	display:none;
	height:100%;
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:100%;
	z-index:1;
}

/* ----------------------------------------------------------------- footer */
#footer {
background:#E8E8E8 url('../images/bg_footer_pt.jpg') repeat-x left top;
height:90px;
width:100%;
}
#footer span {
display:block;
margin:0 auto;
padding:20px 0 0 40px;
width:872px;
}

/*---------------------------------------------------- sample gallery iframe */
#popup{width:840px;height:516px;background:url('../images/popup_bg.png') no-repeat;margin:0 auto;}
#popup_title{margin:0 5px 0 5px; padding-top:7px; height:58px; width:830px;}
#popup_title span {cursor:pointer;}

#photo_area{width:840px; padding:15px 10px 0 17px; float:left; position:relative;}
.photo_arrow{float:left; padding:170px 0 0 5px;}
.photo{width:372px; float:left; padding:0; margin:0; text-align:center;}
.photo_tit{float:left; padding-left:10px;}
.photo_view{width:372px; height:354px; background:url('../images/photo_bg.jpg') no-repeat; padding:5px 5px 10px; float:left}
#photo_btn{width:840px; padding-left:335px; float:left}
#photo_btn li{padding-right:5px; float:left;}
#photo_btn .close_btn {cursor:pointer;}