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

html, body{
	width:100%;	
	margin:0px;
	display:inline;
}

img, input, font {
	vertical-align:middle;			/*À̹ÌÁö ÅؽºÆ® Áß°£ Á¤·Ä */	
}

body {
	font-family:"Malgun Gothic","³ª´®°íµñ",NanumGothic,NanumGothicWeb,"µ¸¿ò",Dotum,Arial,Helvetica,sans-serif;	
	font-style: normal;
    font-weight: normal;
}

.pop_up{
	position:absolute; width:100%; height:1440px;  left:0px; top:0px; z-index:1000;display:inline; background-color:rgba(51,51,51,0.3);
}

.pop_up .contents{
	border:#09F 1px solid; border-radius:1em;
	margin-left:auto; margin-right:auto; margin-top:400px; text-align:center; width:400px;
	background-color:#FFF;		
}

.pop_up .contents .pop_table{
	border:#09F 1px solid; border-radius:1em;
}

input{
	border:#999 solid 1px;
}

input:focus {
	background-color:#dce6fa;
	border:#999 solid 1px;
}

 A:link {text-decoration:none; color:#666;}   /* ¸µÅ© ½Ã ¹ØÁÙ ¾ø¾Ö±â  */
 A:visited {text-decoration:none; color:#666;} /* ¹æ¹® ÇÑ ¸Þ´º º¸¶ó»ö ¾ø¾Ö±â */

form{ margin:0; }

.checkbox_align { margin:-4px 0 0 0; vertical-align:middle; } /* üũ¹Ú½º ¼öÁ÷ Á¤·Ä*/


#area{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}

#area #top{	
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}


#area #top #logo{
	float:left;
	width:200px;
	height:80px;
}

#area #top #top_menu{
	float:left;
	width:900px;	
	height:30px;	
	text-align:right;
	font-size:11px;
	color:#666;
}

#area #top #top_menu a{text-decoration:none; color:#666; }
#area #top #top_menu input{
	background:#FFF;
	border:0px;
	font-size:11px;
	color:#666;
	font-family:"Malgun Gothic","³ª´®°íµñ",NanumGothic,NanumGothicWeb,"µ¸¿ò",Dotum,Arial,Helvetica,sans-serif;
	height:20px;	
	width:60px;
	cursor:pointer;
}


#area #top #top_menu p{
	font-size:12px;
	color:#999;	
}

#area #top #main_menu{
	float:left;
	width:900px;	
	height:50px;	
}

#area #center {
	float:left;
	width:1100px;	
	margin-top:32px;
}

#area #center .block_1{
	float:left;
	width:500px;
	height:600px;
}

#area #center .block_2{
	float:left;
	width:320px;
	margin-top:50px;
	margin-left:40px;
	height:550px;	
	font-size:11px;
}

#area #center .block_2 .notice{
	width:320px;
	height:200px;
}

#area #center .block_2 .call{
	width:320px;
	height:200px;
	background:url(image/call.png);
}

#area #center .block_3{
	float:left;
	width:280px;;
	height:600px;	
}

#area #center .block_3 .login{
	margin-top:20px;
	width:280px;
	height:200px;
	background:url(image/login_box.png);	
}

#area #center .block_3 .login input{
	border:1px #CCC solid;
	height:20px;
}

#area #center .block_3 .direct{
	margin-top:30px;
	width:280px;
	height:200px;	
}

#area #center .top_image{
	float:left;
	width:1100px;
	height:1px;
	background:#CCC;
}

#area #center .side_menu{	
	margin-top:10px;
	float:left;
	width:200px;
}

#area #center .side_menu ul{
	list-style:none;
	width:130px;	
}


#area #center .side_menu ul li{
	font-size:12px;
	color:#666;
	border-bottom:1px #CCCCCC solid;
	height:30px;
	line-height:30px;
}

#area #center .side_menu ul li font{
	margin-left:10px;
}

#area #center .side_menu ul li:hover{
	font-size:12px;
	font-weight:bold;
	color:#FFF;	
	cursor:pointer;
	background:url(image/sidebar/menu_hover.png);
}

#area #center .side_menu ul li a:hover{
	font-weight:bold;
	color:#FFF;	
}


#area #center .side_call{
	margin-top:60px;
	width:200px;
	height:600px;
	background:url(image/sidebar/side_call.png) no-repeat;
}

#area #center .content{
	margin-top:10px;
	float:left;
	width:899px;
	border-right:#CCC 1px solid;
}

#area #center .content .join{	
	margin-bottom:50px;
	width:800px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;	
	font-size:13px;
}

#area #center .content .join .step{
	width:800px;
	height:80px;
	background-color:#36F;	
}

#area #center .content .join .sanum_chk{
	width:800px;
	font-size:13px;
	text-align:left;
}

#area #center .content .join .info_agree{	
	width:800px;
	height:auto;
	font-size:12px;
	text-align:right;
}

#area #center .content .join .info_agree .collection{
	overflow-y:scroll;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	border:1px #999999 solid;
	margin-bottom:10px;
	text-align:left;
}

#area #center .content .join .info_agree .collection h5{
	font-size:12px;
}

#area #center .content .join .term_agree{	
	width:800px;
	height:auto;
	font-size:12px;	
}

#area #center .content .join .term_agree .term{
	overflow-y:scroll;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	height:120px;
	border:1px #999999 solid;
	margin-bottom:10px;
	text-align:left;
}

#area #center .content .join .term_agree .term h5{
	font-size:12px;
}


#area #center .content .join .next{
	text-align:right;
	margin:30px 10px 10px 0;
}

#area #center .content .join .input_info{
	margin-top:10px;
	margin-bottom:50px;
	width:800px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;	
	font-size:13px;
	border-radius:0.5em;
	border:1px #CCCCCC solid;
	padding-bottom:20px;	
}

#area #center .content .join .input_info table{
	margin-left:50px;
	border-top:#999 3px solid;
	border-bottom:#999 2px solid;
}

#area #center .content .join .input_info table td{
	border-bottom:#999 1px solid;
	height:35px;
}

#area #center .content .join .input_info table td input{
	border:#CCC 1px solid;
	height:19px;
}
#area #center .content .join .input_info table td .chk_password{
	background-color:#c9c9c9; border:none;color:#369; text-align:center; font-size:12px; height:31px; margin-left:10px;
}

#area #center .content .login{
	margin-top:50px;
	margin-bottom:50px;
	width:500px;
	height:300px;	
	margin-left:auto;
	margin-right:auto;
	border:#999 solid 1px;
	border-radius:0.5em;	
	font-size:13px;
}

#area #center .content .login input:focus {
	background-color:#dce6fa;
	border:#999 solid 1px;
}

#area #center .content .join .complete{
	margin-top:10px;
	margin-bottom:50px;
	width:800px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;	
	font-size:13px;
	border-radius:0.5em;
	border:1px #CCCCCC solid;
	padding-bottom:20px;	
	text-align:center;
}

#area #center .content .join .complete .go_page{
	text-align:right;
	margin-top:30px;
	margin:30px 20px 0 0;
}

/******************************* ÁÖ¹®Ç챉  ********************************/
#area #center .content .order{
	margin-bottom:50px;
	width:890px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;		
}

#area #center .content .order .product_list{  /* Á¦Ç° ¸®½ºÆ® */
	width:600px;
	height:280px;
	float:left;	
	border:#CCC 1px solid;
	border-radius:0.3em;
}


#area #center .content .order .product_list .paging{  /* Á¦Ç° ¸®½ºÆ® */
	text-align:center;
	height:40px;
}

#area #center .content .order .product_list .paging form{  /* ÆäÀÌ¡ */
	display:inline;
}

#area #center .content .order .product_list .paging input{
	border-color:#06C;
	border:1px solid #8ba4bf;
	width:30px;
	font-size:10px;	
	cursor:pointer;
	height:30px;
}


#area #center .content .order .sale_history {
	width:280px;
	height:280px;
	float:left;
	border:#CCC 1px solid;
	border-radius:0.3em;
	margin-left:5px;
	font-size:12px;	
}


#area #center .content .order .cart{	/* Àå¹Ù±¸´Ï */	
	margin-top:5px;
	width:888px;
	height:auto;
	float:left;
	border:#CCC 1px solid;
	border-radius:0.3em;	
}

#area #center .content .order table tr{
	font-size:12px;
	text-align:center;
}

#area #center .content .order table td{
	font-size:11px;
}
/******************************* ÁÖ¹®Çϱ⠳¡  ********************************/

/******************************* ÁÖ¹®³»¿ª  ********************************/
#area #center .content .search_order{
	margin-bottom:50px;
	width:890px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

#area #center .content .search_order .table {
	border:#999 1px solid;
	border-radius:0.3em;
}


#area #center .content .search_order .date{
	border:#CCC 1px solid;
	border-radius:0.3em;
	width:30px;
	height:20px;
}

#area #center .content .search_order table tr{
	text-align:center;
}

#area #center .content .search_order table td{
	font-size:12px;
}

/******************************* ÁÖ¹®³»¿ª ³¡  ********************************/


/******************************* °øÁö»çÇ×  ********************************/

#area #center .content .notice{	
	margin-bottom:50px;
	width:800px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;	
	font-size:13px;
/*	border:#999 1px solid;
	border-radius:0.3em;	*/
}
#area #center .content .notice .notice_table{
	margin-left:50px;
	border-top:#999 3px solid;
	border-bottom:#999 2px solid;
}

#area #center .content .notice .notice_table td{
	/*border-bottom:#999 1px solid;*/
	height:40px;
}

#area #center .content .notice .notice_table td input{
	border:#CCC 1px solid;
	height:19px;
}

/******************************* °øÁö»çÇ× ³¡  ********************************/


#area #footer {
	margin-top:10px;
	float:left;
	width:1100px;
	height:120px;
	background:url(image/bg_footer.png);	
	border-top:#CCC 3px solid;
}

/******************************* ÁÖ¹®³»¿ª  ********************************/
#area #center .content .search_member{
	margin-bottom:50px;
	width:890px;
	height:auto;	
	margin-left:auto;
	margin-right:auto;
}

#area #center .content .search_member .table {
	border:#999 1px solid;
	border-radius:0.3em;
}


#area #center .content .search_member .date{
	border:#CCC 1px solid;
	border-radius:0.3em;
	width:30px;
	height:20px;
}

#area #center .content .search_member table tr{
	text-align:center;
}

#area #center .content .search_member table td{
	font-size:12px;
}

/******************************* ÁÖ¹®³»¿ª ³¡  ********************************/