/*-- ȸ¿ø°¡ÀÔ/·Î±×ÀÎ °ü·Ã ½Å±Ô CSS
2009.08.29/Kimjinhwan --*/

/*------------------------------------------------------------------------ ȸ¿ø°¡ÀÔ 1´Ü°è --*/

body{
	margin:0px;
	padding:0px;
	font-size:0.78em;
	font-family:Dotum, µ¸¿ò;
	text-align:center;
}

ul, li, ol{
	list-style:none;
	margin:0px;
	padding:0px;
	font-size:100%;
}

form, fieldset{
	border:0px none;
	margin:0px;
	padding:0px;
	font-size:100%;
}

legend, caption{
	display:none;
}

input{
	font-size:100%;
	font-family:Dotum, µ¸¿ò;
}

input, select{
	vertical-align:middle;
}

img{
	border:0px none;
}

table{
	font-size:100%;
}

a{
	text-decoration:none;
	color:#5D5D5D;
	font-size:100%;
}

#member-wrapper{
	width:826px;
	margin:0px auto;
}

#member-content{
	margin:10px 0px 0px 0px;
	text-align:center;
}

#join-header{
	width:826px;
	height:69px;
	padding:20px 0px 4px 0px;
	text-align:left;
	background:url(http://www.foodnara.go.kr/st_contents/images/member/line_bottom0.gif) no-repeat 0px bottom;
}

#join-header .logo{
	width:236px;
	height:69px;
	margin:0px;
	float:left;
}

#join-header .menu{
	width:590px;
	height:19px;
	padding:50px 0px 0px 0px;
	text-align:right;
	float:left;
}

#join-header .menu li{
	display:inline;
}

#join-step1{
	width:660px;
	line-height:1.5em;
	text-align:left;
	margin:0px auto;
}

#join-step1 h1, #join-step1 h2, #join-step1 h3, #join-step1 h4, #join-step1 h5{
	font-size:100%;
	margin:0px;
}


#join-step1 .title{
	width:660px;
	height:45px;
	background:url(http://www.foodnara.go.kr/st_contents/images/member/bg_title.gif) no-repeat 0px 0px;
	margin:0px 0px 10px 0px;
}

#join-step1 .title h1{
	text-indent:40px;
	padding:15px 0px 0px 0px;
	color:#2B619D;
}

#join-step1 .process{
	width:526px;
	height:86px;
	margin:0px 0px 25px 67px;
}

#join-step1 .process li{
	float:left;
	font-size:0px;
	padding:0px 12px 0px 7px;
	background:url(http://www.foodnara.go.kr/kfda/ptl/member/join_toparrow.gif) no-repeat right 0px;
}

#join-step1 .process .first{
	padding:0px 12px 0px 0px;
	background:url(http://www.foodnara.go.kr/kfda/ptl/member/join_toparrow_on.gif) no-repenat right 0px;
}

#join-step1 .process .end{
	padding:0px 0px 0px 7px;
}

#join-step1 h2{
	color:#2179CB;
	text-indent:17px;
	background:url(http://www.foodnara.go.kr/kfda/ptl/member/comp_icon.gif) no-repeat 0px 2px;
	margin:5px 0px;
}

#join-step1 .box{
	width:580px;
	margin:0px 0px 0px 40px;
}

#join-step1 .box .top{
	width:580px;
	height:15px;
	background:url(http://www.foodnara.go.kr/kfda/ptl/member/join_textarea_01.gif) no-repeat 0px 0px;
	display:block;
	font-size:0px;
}

#join-step1 .box .center{
	padding:10px 19px;
	background:url(http://www.foodnara.go.kr/st_contents/images/member/bg_box.gif) repeat-y 0px 0px;
	margin:0px;
}

#join-step1 .box .bottom{
	width:580px;
	height:15px;
	background:url(http://www.foodnara.go.kr/kfda/ptl/member/join_textarea_03.gif) no-repeat 0px bottom;
	display:block;
	font-size:0px;
}

#join-step1 .choice{
	padding:3px 0px 10px 0px;
	text-align:center;
}

#join-step1 .choice li{
	display:inline;
}

#join-step1 .choice li input{
	vertical-align:middle;
	margin:0px 3px 0px 0px;
}

#join-step1 .rule01{
	width:542px;
	height:250px;
	overflow:auto;
}

#join-step1 .rule01 h3, #join-step1 .rule01 h4, #join-step1 .rule01 h5{
	font-weight:normal;
	margin:0px 0px 15px 0px; 
}

#join-step1 .rule01 p{
	margin:0px 0px 20px 10px;
}

#join-step1 .rule01 ul{
	margin:0px 0px 20px 0px;
}

#join-step1 .rule01 li{
	margin:0px 0px 15px 10px;
}

#join-step1 .rule01 li ul{
	margin:10px 0px 0px 0px;
}

#join-step1 .rule01 li ul li{
	margin:0px 0px 3px 10px;
}

#join-step1 .btn{
	padding:10px 0px 0px 0px;
	margin:0px;
	text-align:center;
}

#join-step1 .btn li{
	display:inline;
}

/*------------------------------------------------------------------------ ȸ¿ø°¡ÀÔ 2´Ü°è --*/

#join-step1 .blue-txt{
	text-indent:10px;
	padding:0px 0px 3px 0px;
	margin:0px 0px 20px 0px;
	border-bottom:1px solid #e0e0e0;
	color:#0099ff;
}

#join-step1 .user-input{
	width:542px;
	height:20px;
	margin:0px 0px 5px 0px;
}

#join-step1 .user-input img, #join-step1 .user-input input{
	vertical-align:middle;
}

#join-step1 .user-input dt{
	width:75px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
}

#join-step1 .user-input dd{
	width:447px;
	float:left;
	margin:0px;
}

#join-step1 .caution{
	margin:0px 0px 20px; 0px;
	line-height:1.2em;
}

#join-step1 .step3{
	padding:0px 0px 5px 10px;
	border-bottom:1px solid #e0e0e0;
}

#join-step1 .step3 span{
	color:#0099ff;
}


/*------------------------------------------------------------------------ ȸ¿ø°¡ÀÔ 3´Ü°è --*/


#join-step1 .join-title{
	width:660px;
	height:30px;
	position:relative;
}

#join-step1 .join-title h2{
	margin:0px;
}

#join-step1 .join-title p{
	width:200px;
	height:10px;
	position:absolute;
	top:7px;
	right:0px;
	margin:0px;
	text-align:right;
}

.join-input table{
	border-collapse:collapse;
	border-top:2px solid #49A2CF;
	border-bottom:2px solid #49A2CF;
}

.join-input table input, .join-input table img{
	vertical-align:middle;
}

.join-input table th, .join-input table td{
	border-bottom:1px solid #DADADA;
	text-align:left;
}

.join-input table th{
	padding:5px 0px 5px 0px;
	background:#F2F7FE;
	text-indent:20px;
	letter-spacing:-1px;
}

.join-input table th.point{
	text-indent:9px;
}

.join-input table td{
	padding:5px;
}

.join-input table caption, .join-input legend{
	display:none;
}

.join-input .input_01, .join-input select{
	background-color:#FFFFFF;
	border:1px solid #CECEC2;
	color:#595959;
	font-size:100%;
}

.join-input table td ul li{
	width:150px;
	float:left;
}

#join-step1 .add-input{
	border:0px none;
	margin:10px 0px;
}

#join-step1 .add-input th, #join-step1 .add-input td{
	border:0px none;
	background:none;
}

#join-step1 .add-input th{
	padding:5px 0px;
}
/*------------------------------------------------------------------------ ȸ¿ø°¡ÀÔ Á¾·á --*/

#join-step1 .step5{
	padding:0px 0px 5px 0px;
	margin:0px 16px;
	border-bottom:1px solid #e0e0e0;
}

#join-step1 .step5 span{
	font-weight:bold;
	color:#0099ff;
}

#join-step1 .step5-1{
	margin:10px 16px 0px 16px;
}


/*------------------------------------------------------------------------ ¾ÆÀ̵ð Áߺ¹È®ÀÎ --*/

#check-id{
	width:450px;
}

#check-id h1{
	margin:0px;
	font-size:0px;
}

#check-id .box{
	width:450px;
	background:url(https://www.foodnara.go.kr/kfda/ptl/member/address3_img.gif) no-repeat 0px bottom;
	text-align:center;
}

#check-id .box .top{
	width:450px;
	height:26px;
	display:block;
	font-size:0px;
	background:url(https://www.foodnara.go.kr/kfda/ptl/member/idcheck_img01.gif) no-repeat 0px 0px;
}

#check-id .box .center{
	width:450px;
	height:39px;
	text-align:center;
	margin:0px;
}

#check-id .box .center dl{
	width:270px;
	height:20px;
	margin:0px;
	margin:0px auto;
}

#check-id .box .center dl dt, #check-id .box .center dl dd{
	float:left;
	margin:0px;
}

#check-id .box .center dl dt{
	margin:0px 3px 0px 0px;
}

#check-id .box .center label span{
	color:#cc6633;
}

#check-id .box .center input{
	background-color:#FFFFFF;
	border:1px solid #CECEC2;
	color:#595959;	
	font-size:100%;
	font-family:Dotum, µ¸¿ò;
}

#check-id .box .center input, #check-id .box .center img{
	vertical-align:middle;
}

#check-id .result{
	font-weight:bold;
	padding:5px 0px;
	border-top:1px solid #49A2CF;
	border-bottom:1px solid #DADADA;
	background:#f2f7fe;
	text-align:center;
	margin:10px 0px;
}

#check-id .result span{
	color:#006699;
}

#check-id .btn{
	padding:5px 0px;
	text-align:center;
}

#check-id .btn li{
	display:inline;
}

/*------------------------------------------------------------------------ ·Î±×ÀÎ ÆäÀÌÁö --*/

dl, dt, dd{
	margin:0px;
	padding:0px;
}

#log-in{
	width:894px;
	background:url(http://dev.foodnara.go.kr/kfda/ptl/main/images/newmain/login_box_bg.gif) repeat-y 0px 0px;
	text-align:left;
}

#log-in h1{
	padding:50px 0px 0px 146px;
	margin:0px;
}

#log-in .box-top{
	width:894px;
	height:15px;
	background:url(http://dev.foodnara.go.kr/kfda/ptl/main/images/newmain/login_box_top.gif) no-repeat 0px 0px;
	display:block;
	font-size:0px;
}

#log-in .center{
	width:894px;
	background:url(http://dev.foodnara.go.kr/kfda/ptl/main/images/newmain/login_pic.jpg) no-repeat 660px 60px;
	
}

#log-in .box-bottom{
	width:894px;
	height:15px;
	background:url(http://dev.foodnara.go.kr/kfda/ptl/main/images/newmain/login_box_bot.gif) no-repeat 0px bottom;
	display:block;
	font-size:0px;
}

#log-in form{
	width:874px;
	margin:0px;
	padding:0px;
}

#log-in fieldset{
	width:288px;
	height:52px;
	padding:18px 0px 0px 146px;
	margin:0px;
}

#log-in form dl{
	width:227px;
	height:52px;
	float:left;
}
#log-in form dl dt{
	width:67px;
	height:26px;
	float:left;
}

#log-in form dl dd{
	width:160px;
	height:26px;
	float:left;
}

#log-in form dl dd input{
	width:150px;
}

#log-in form .btn{
	width:61px;
	height:52px;
	border:0px none;
	float:left;
}

#log-in .menu{
	width:319px;
	padding:50px 0px 50px 201px;
}

#log-in .menu li{
	width:319px;
	height:25px;
	position:relative;

}

#log-in .menu li a{
	width:101px;
	height:21px;
	position:absolute;
	top:0px;
	right:0px;
}

#log-in .menu li img{
	vertical-align:middle;
}

#noscripthidden{
	display:inline;
}