@charset "euc-kr";

@import url(default.css);
@import url(common.css);



#wrap					{width:1050px; margin:0 auto; position:relative; }
#top					{width:1000px; height:110px; background:url(/www/img/main/t_bg.jpg) repeat-x; float:left; text-align:right; overflow:hidden;}
.t_left					{width:360px; height:16px; background:url(/www/img/main/top_bg2.jpg) no-repeat; float:left;}
#menu					{width:1000px; height:73px; overflow:hidden; position:absolute; left:0px; top:16px;}
#left02					{width:195px; margin:0 auto; float:left; background:url(/www/img/common/cata_bg02.jpg) repeat-y; padding-right:5px; overflow:hidden;}
#left					{width:195px; margin:0 auto; float:left; background:url(/www/img/common/cata_bg02.jpg) repeat-y; padding-right:5px; overflow:hidden;}
.left_text				{height:24px; margin-left:10px; margin-right:10px; color:#444; font: 12px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold;}	
.left_text2				{height:24px; margin-left:10px; margin-right:10px; color:#ff0000; font: 12px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold;}	

.left_text  a:link		{text-decoration:none; color:#555;}
.left_text  a:visited		{text-decoration:none; color:#555;}
.left_text  a:hover		{text-decoration:none; color:#8d0000;}
.left_text  a:active		{text-decoration:none; color:#8d0000;}

#title					{width:405px; height:34px; float:left;}
#guide					{width:380px; height:22px; float:left; color:#888; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal; margin-top:10px; text-align:right; overflow:hidden;}
.quickmenu				{width:98px; background:url(/www/img/common/quick_bg.jpg) repeat-y; position:absolute; left:1010px; }
.quick_m				{color:#888; font: 11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal; text-align:center;}	

#contents				{width:100%;}
#contents02				{width:800px; float:left; padding-left:7px;}
#contents03				{width:100%;}
#right_banner			{width:194px; height:22px; position:absolute; left:790px; top:420px;}
#right_banner_search	{width:194px; height:22px; position:absolute; left:790px; top:220px;}
#right_banner01			{width:185px; height:22px; padding-left:7px;}
.right_b_bg				{width:185px; margin:0 auto; background:url(/www/img/common/right_bg.jpg) repeat-y;}

.view_top_bg03			{width:790px; height:53px; float:left; background:url(/www/img/common/title_bg.jpg) repeat-x; padding-left:10px;}
.view_title03			{width:473px; height:38px; float:left; color:#585858; font:14px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold; padding-top:15px;}


.view_top_bg			{width:800px; height:53px; float:left; background:url(/www/img/common/title_bg.jpg) repeat-x ;}
.view_top_bg02			{width:990px; height:53px; float:left; background:url(/www/img/common/title_bg.jpg) repeat-x; padding-left:10px;}
.view_title				{width:483px; height:38px; float:left; color:#585858; font:14px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold; padding-top:15px;}
.view_title02			{width:673px; height:38px; float:left; color:#585858; font:14px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold; padding-top:15px;}
.view_guide				{width:300px; height:38px; float:left; color:#646464; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal; text-align:right; padding:15px 15px 0 0;}

.view_im				{width:350px; height:366px; float:left; overflow:hidden;}
.view_im_b				{width:344px; height:344px;	border:1px solid #d4d4d4; float:left; margin-right:6px; }
.view_text				{color:#a2a2a2; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal; float:left; margin-left:10px;}
.view_detail			{width:800px; background:url(/www/img/common/view_bg2.jpg) repeat-x;}
.view_de2				{width:798px; background:url(/www/img/common/de_bg.jpg) repeat-y;}

.view1_bg				{width:785px;  border:1px solid #e2e2e2; padding:15px 0 15px 12px; margin-bottom:20px;}
.view1_bg2				{width:960px;  border:1px solid #e2e2e2; padding:15px 0 15px 12px; margin-bottom:20px;}
.view1_s				{width:177px;  height:224px; background:url(/www/img/common/view1_s_bg.jpg) no-repeat; color:#2e2e2e; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal;  float:left; overflow:hidden;}

.view1_s2				{position:relative; width:216px; height:197px; margin-top:10px; background:url(/www/img/renew/opt_background.gif) no-repeat; color:#2e2e2e; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal;  float:left; overflow:hidden;}
.view1_s2 input			{vertical-align:middle;}
.view1_s2 .opt_image	{position:absolute; left:7px; top:8px;}
.view1_s2 .opt_name		{height:20px; padding-left:10px; margin-top:90px;}
.view1_s2 .opt_name img	{vertical-align:middle;}
.view1_s2 .opt_select	{padding-left:10px; margin-top:10px;}
.view1_s2 .opt_select .select_image {margin-right:10px; float:left;}
.view1_s2 .opt_select .buttons {float:left;}
.view1_s2 .opt_select .buttons ul li {text-align:left;}
.view1_s2 .opt_select .buttons ul .opt_price {margin-top:10px;}

.view1_im				{width:159px;  height:75px; padding:15px 0 0 9px;}

.recommend				{width:800px; height:222px; float:left;}
.tab					{width:490px; height:31px; background:url(/www/img/common/tab_bg.jpg) repeat-x; float:left; margin-top:22px;}
.ranking				{width:300px; height:30px; background:url(/www/img/common/tab_bg.jpg) repeat-x; float:left; margin-top:22px; padding-top:1px; text-align:right; overflow:hidden}
.list_box				{width:780px; float:left; overflow:hidden; }		
.list_box_s				{width:141px; float:left; overflow:hidden; padding-right:15px;}
.list_text				{text-align:center; color:#444; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal; }	
.list_text02			{text-align:center; color:red; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold; overflow:hidden;}	
.list_line				{width:780px; height:15px; background:url(/www/img/common/list_line.jpg) repeat-x; float:left; background-color:red; }
.list_num				{width:100%; height:16px; float:left; overflow:hidden; text-align:center; margin-top:15px; color:#888; font:11px/16px µ¸¿ò,±¼¸²,Arial; font-weight:normal;}		

.after1					{width:700px; height:22px; float:left;}	
.after_sum				{width:700px; height:110px; float:left; padding-top:9px;}	

/*
#footer					{width:100%; background:url(/www/img/main/footer_bg.jpg) repeat-x 50% 0;}
.foot					{width:1000px; height:97px; float:left;  margin:0 auto; padding-top:80px;}
*/

/* board */
div.contents01						{width:700px; padding:20px 0 0 5px;}
div.contents02						{width:300px;}

table.table01						{width:800px; margin:0 auto; border-bottom:1px solid #bbb; border-top:1px solid #bbb; border-collapse:collapse; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
table.table01 td					{height:22px; padding:7px 0 7px 0; border-bottom:1px solid #e6e6e6}

table.table01_1						{width:100%; margin:0 auto; border-top:1px solid #bbb; border-collapse:collapse; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
table.table01_1 td					{height:22px; padding:7px 0 7px 5px;}
table.table01_1 .item_name 			{background-color:#f6f6f6;}

table.ta02							{width:680px; margin:10px auto; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse:collapse;}
table.ta02 th						{height:20px; background-color:#eee; text-align:center; font-weight:bold; padding:10px 0 3px 0;}
table.ta02 th, table.ta02 td		{border-right:1px solid #ccc; text-align:center; vertical-align:middle;  border-bottom:1px solid #ccc; }
table.ta02 td						{padding:7px 10px 4px 10px;}

.num01								{margin:-5px 0 0 0; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}

.view_bg							{width:640px; height:85px; padding:10px 0 0 95px; margin:30px auto 5px auto; overflow:hidden; background:url(../img/customer/view_bg.gif) no-repeat 0 0}
.view_bg2							{width:640px; height:45px; padding:10px 0 10px 95px; margin:30px auto 5px auto; overflow:hidden; background:url(../img/customer/view_bg2.gif) no-repeat 0 0}
.view_bg3							{width:640px; height:45px; padding:10px 0 10px 75px; margin:30px auto 5px auto; overflow:hidden; background:url(../img/customer/view_bg3.gif) no-repeat 0 0}
.view01								{width:565px; height:20px; padding:2px 0 0 20px; color:#444; font: 12px/16px µ¸¿ò,±¼¸²,Arial; font-weight:bold;}
.view02								{width:350px; height:20px; padding:7px 0 0 20px; vertical-align:bottom; float:left; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
.view03								{width:165px; height:20px; padding:7px 40px 0 0; float:right ; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
.view04								{width:100px; height:20px; padding:7px 40px 0 0;float:right; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; }

.view								{width:660px; margin:0 auto; padding:20px 20px 25px 30px; line-height:160%}
.view_font							{width:700px; margin:0 auto; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; padding:20px 0 25px 0; line-height:160%}

.prev_next							{width:590px; height:58px; margin:0 auto; padding:10px 0 0 115px; background:url(../img/customer/prev_bg.gif) no-repeat 0 0}
.prev_next p						{height:28px; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
		
.write_bt01							{padding-top:10px; text-align:right; margin:-20px 0 0 0;}
	

div#column_right					{width:735px; min-height:300px; _height:300px; padding:17px 0 0 15px; float:left}
div.write							{width:700px; margin:0px auto 10px auto; background:url(/www/img/customer/write_bg.gif)  repeat-y 0 0 }

table.write							{width:664px; margin:10px auto; border-collapse:collapse;}
table.write td						{padding:4px 7px 4px 7px; vertical-align:middle;  border-bottom:1px solid #ddd; }

.inquiry							{width:600px; height:519px; margin:30px auto 0 25px; padding:1px 0 0 95px; vertical-align:bottom; background:url(../img/application/online_bg.gif) no-repeat 0 0}
.inquiry01							{height:24px; padding:5px 0 0 0;}
.inquiry02							{height:24px; padding:12px 0 0 0; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
.inquiry03							{height:24px; padding:13px 0 0 0;}

td.faq_q				{padding:8px 0 0 23px; height:20px; background:url(../img/customer/q.gif) no-repeat 0 6px; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; float:left;}
div.faq_a				{width:687px; padding:8px 0 8px 0; text-align:left;  overflow:hidden; background:#eeeeee; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
.faq_a01				{width:62px; float:left; text-align:right; padding:5px 0 0 0; }
.faq_a02				{width:590px; padding:4px 25px 0 5px; float:left; line-height:170%;}	



/*Å×À̺í*/


table.ta01					{width:100%; border-top:2px solid #d4d4d4; border-collapse:collapse; }
table.ta03					{width:50%; border-bottom:2px solid #dacfc5; border-collapse:collapse; }
table.ta01 th				{height:20px;  font:normal 12px/16px µ¸¿ò,Arial; padding:7px 0 4px 0; border-bottom:1px solid #cccccc; background:#f5f5f5; font-weight:bold; text-align:center; color:#555;}
table.ta03 td				{height:20px; padding:6px 10px 3px 10px; border-bottom:1px solid #e6e6e6; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
table.ta03 th				{height:3px;  font:normal 12px/16px µ¸¿ò,Arial; padding:7px 0 4px 0;}
table.ta01 td				{height:20px; padding:6px 10px 3px 10px; border-bottom:1px solid #e6e6e6; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}
table.ta01 td.td01			{font:bold 12px/16px µ¸¿ò,±¼¸²,Arial; text-align:center; color:#3c7483; border-right:1px solid #badbe4; background:#ecf6f9}
table.ta01 td.td02			{font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; text-align:center; color:#777; border-right:1px solid #badbe4;}
table.ta01 td.td03			{font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; text-align:center; color:#777;  border-left:1px solid #badbe4;}
table.ta01 td.td04			{font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; text-align:center; color:#777; border-right:1px solid #e6e6e6;}
table.ta01 td.td05			{font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777; border-right:1px solid #badbe4;}


table.ta01 td a:link		{text-decoration:none; color:#555;}
table.ta01 td a:visited		{text-decoration:none; color:#555;}
table.ta01 td a:hover		{text-decoration:none; color:#2aa6c1;}
table.ta01 td a:active		{text-decoration:none; color:#2aa6c1;}


ul.ul01						{padding:10px 0 5px 0;}
ul.ul01 li					{font:bold 12px/16px µ¸¿ò,Arial; color:#3c7483;}
ul.ul01	span				{font:normal 12px/16px µ¸¿ò,Arial; color:#528f9f;}
ul.ul02						{padding:5px 0 5px 0;}
ul.ul02 li					{font:normal 12px/16px µ¸¿ò,Arial; padding:3px 0 0 15px; color:#777777; background:url(/www/img/sub/dot02.gif) no-repeat 7px 9px}


#id_search					{width:593px; height:196px; margin:80px; float:left; background:url(/www/img/member/id_bg.jpg) no-repeat;}
#pw_search					{width:533px; height:250px; margin:0 80px; float:left; background:url(/www/img/member/pw_bg.jpg) no-repeat;}
.id_in						{width:165px; height:20px; float:left;  padding:106px 0 0 173px; }
.join_bt					{width:83px; height:49px; padding:103px 0 0 0; float:left;}

/* ȸ¿ø°¡ÀÔ

#join						{width:533px; height:224px; margin-left:100px; margin-top:50px;float:left; display:inline; background:url(/www/img/member/mem_bg.jpg) no-repeat; overflow:hidden;}

.se_bt						{width:200px; height:30px; padding:15px 0 0 243px;  float:left;}
.left						{width:182px; float:left;}
.left_bg					{width:162px; height:24px; padding-left:20px; background:url(/www/img/common/cata_bg.jpg) repeat-y; font:bold 11px/11px µ¸¿ò,±¼¸²,Arial; color:#777;}

.left_bg a:link				{text-decoration:none; color:#666;}
.left_bg a:visited			{text-decoration:none; color:#666;}
.left_bg a:hover			{text-decoration:none; color:#727933;}
.left_bg a:active			{text-decoration:none; color:#727933;}

*/

/*memnber*/
.join						{width:946px; height:374px; float:left; background:url(/www/img/member/member_bg.jpg) no-repeat; overflow:hidden; padding:18px 0 0 14px; margin-left:20px;}
.join_in					{width:614px; height:149px; padding:143px 0 0 73px; float:left; font:bold 12px/12px µ¸¿ò,±¼¸²,Arial; color:#555;}
.join_te					{width:614px; height:63px; padding-left:73px; float:left; }	
.join_text					{width:614px; height:18px; font:normal 12px/12px µ¸¿ò,±¼¸²,Arial; color:#777;}
.nomem						{width:946px; height:487px; float:left; background:url(/www/img/member/nomem_bg.jpg) no-repeat; overflow:hidden; padding:18px 0 0 14px; margin-left:20px;}
.nomem02					{width:614px; height:50px; padding:100px 0 0 73px; float:left; font:bold 12px/12px µ¸¿ò,±¼¸²,Arial; color:#555;}

table.join2					{width:950px; margin:5px 0 0 15px; border-top:2px solid #0e3d6e; border-bottom:2px solid #0e3d6e}
table.join2 td				{padding:5px 0 4px 5px; border-bottom:1px solid #e9e9e9; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}

table.join3					{width:750px; margin:5px 0 0 5px;  }
table.join3 td				{padding:5px 0 4px 5px; border-bottom:1px solid #e9e9e9; font:normal 12px/16px µ¸¿ò,±¼¸²,Arial; color:#777;}


/* cust */
#cust								{width:1000px; height:252px; float:left; overflow:hidden; background:url(/www/img/main/cust_bg.jpg) no-repeat; padding-top:24px; margin-top:70px;}
.quick_img							{width:302px; height:196px; float:left; overflow:hidden; padding-right:39px;}
.cust								{width:268px; height:191px; float:left; overflow:hidden; }	

.mboard							{width:261px; float:left; padding:6px 62px 0 26px;}
.mb_tlt							{width:177px; height:22px; padding-left:5px; float:left; font:normal 11px/11px µ¸¿ò,±¼¸²,Arial; color:#777;}
.mb_date						{width:72px; height:22px; float:left; color:#999; text-align: right; font:normal 11px/16px µ¸¿ò,±¼¸²,Arial; }

.mb_tlt2						{width:177px; height:22px; padding-left:5px; float:left; font:normal 11px/11px µ¸¿ò,±¼¸²,Arial; color:#777;}
.mb_date						{width:72px; height:22px; float:left; color:#999; text-align: right; font:normal 11px/16px µ¸¿ò,±¼¸²,Arial; }