@charset "utf-8";
/* CSS Document */

#main #note{
	width:900px;
	height:250px;
	background:url("../images/note_bg.gif") no-repeat center center;
}

#main #note ul{
	width:700px;
	text-decoration:none;
	list-style:none;
	float:left;
	margin:0.8em 0.8em 0.8em 6em;
}

#main #note ul li{
	float:left;
}

/* 밑으로 추가 스타일 */
#main #summary{
	margin:0;
	padding:0;
}

#main #summary #text{
	background:url("../images/06_title.gif") no-repeat center bottom;
	width:758px;
	padding-top:4.2em;
	margin-left:6em;
	margin-bottom:1em;
	font-family:굴림;
	font-size:12px;
	text-indent:-9000px;
}

#contents ul{
	clear:both;
	margin:0;
	padding-left:6em;
	text-decoration:none;
	list-style:none;
}

#contents li{
	padding:0;
	margin-bottom:0.6em;
}

.note01{
	background:url("../images/05_con_1_2.gif") no-repeat left top;
	padding:0;
	width:211px;
	height:31px;
	display:block;
	text-indent:-9000px;
}



#note02{
	margin-left:1em;
	font-size:12px;
}

*html #note02{
	margin-top:-0.5em;
}

#note02 ul{
	margin:0;
	padding:0;
}



#note02 ul li{
	margin-left:1em;
}

#img01 li{
	float:left;
	margin-left:1.7em;
}

#img02 li{
	float:left;
	margin-left:1.7em;
}

.img01, .img02, .img03, .img04, .img05, .img06, .img07, .img08, .img09, .img10, .img11, .img12 {
	width:88px;
	height:30px;
	text-indent:-9000px;
}

.img01 {
	background:url("../images/07_con_01.gif") no-repeat left top;
}

.img02 {
	background:url("../images/07_con_02.gif") no-repeat left top;
}

.img03 {
	background:url("../images/07_con_03.gif") no-repeat left top;
}

.img04 {
	background:url("../images/07_con_04.gif") no-repeat left top;
}

.img05 {
	background:url("../images/07_con_05.gif") no-repeat left top;
}

.img06 {
	background:url("../images/07_con_06.gif") no-repeat left top;
}

.img07 {
	background:url("../images/07_con_07.gif") no-repeat left top;
}

.img08 {
	background:url("../images/07_con_08.gif") no-repeat left top;
}

.img09 {
	background:url("../images/07_con_09.gif") no-repeat left top;
}

.img10 {
	background:url("../images/07_con_10.gif") no-repeat left top;
}

.img11 {
	background:url("../images/07_con_11.gif") no-repeat left top;
}

.img12 {
	background:url("../images/07_con_12.gif") no-repeat left top;
}

*html .img07, .img08, .img09, .img10, .img11, .img12 {
	margin-top:-0.5em;
}

#note021{
	margin-left:1em;
	font-size:12px;
}

*html #note021{
	margin-top:-2.5em;
}

*:first-child+html #note021{
	margin-top:-2.5em;
}

#note021 ul{
	margin:0;
	padding:0;
}

#note021 ul li{
	margin-left:1em;
}


#note03 {
	padding:0;
	padding-top:1em;
	padding-left:3em;
	margin-left:9em;
	position:relative;
	border:1px solid #CCC;
	width:700px;
	height:110px;
	font-family:굴림;
	font-size:12px;
}

#note03 ul{
	margin:0;
	padding:0;
	padding-left:1em;
}

.note04 {
	background:url("../images/07_con_13.gif") no-repeat left top;
	position:absolute;
	width:279px;
	height:52px;
	top:2em;
	left:2em;
	text-indent:-9000px;
	margin-top:2em;
	margin-left:3em;
}

#note03 .list01{
	float:left;
}	

#note03 .list02{
	margin-top:0.8em;
	margin-left:24em;
	line-height:1.35em;
}	

.btn a{
	background:url("../images/07_btn.gif") no-repeat left top;
	width:133px;
	height:24px;
	display:block;
	margin-left:44em;
	margin-top:0.5em;
	text-indent:-9000px;
}

.menu_01 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_01 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_05.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_05.gif") no-repeat left top;
	text-indent:-9000px;
}