@charset "euc-kr";
/* Sundosoft Design Team(http://www.sundosoft.com/) YSG 090722 */

/* Type Selector */
*{
margin:0; padding:0;
scrollbar-face-color: #eeeeee; scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff; scrollbar-3dlight-color:#cccccc;
scrollbar-darkshadow-color:#cccccc; scrollbar-track-color: #ffffff;
scrollbar-arrow-color:#0152ac;
text-decoration:none;
}

ul, ol, dl  {list-style:none; margin:0; padding:0; line-height:0;}
li 			{display:inline; float:left; font-size:0;}
dt, dd  	{display:inline; float:left; font-size:0;}

p, body, table, td, input, form, textarea		{font-family:"µ¸¿ò", Dotum, "±¼¸²", Gulim; font-size:12px; color: #333333; text-decoration:none;}
img, fieldset, button	{border:0;}
hr, button img, caption	{display:none;}

html:first-child select		{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option		{padding-right:6px;} /* Firefox Fix */
legend		{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */

a					{color:#666;text-decoration:none;}
a:link, a:visited   {color:#666; text-decoration:none;}
a:hover 			{color:#0c71b1; text-decoration:underline;}

/* Layout Selector */
#wrap		{width:100%; height:auto; background:url(../images/main_wrap_bg.gif) repeat-x; clear:both;}
#header		{width:995px; height:101px; background:url(../images/main_header_bg.jpg) no-repeat; clear:both;}
#visual		{width:995px; height:328px; background:url(../images/main_visual_bg.jpg) no-repeat; clear:both;}
#container	{padding:24px 20px 22px 20px; width:955px; height:113px; clear:both;}
#content	{width:955px; height:113px; clear:both;}
#footer		{width:100%; height:55px; background:url(../images/main_footer_bg.gif); clear:both;}

#wrap .topline			{width:100%; height:2px; vertical-align:bottom; }

/* Class Selector */
.clear {
	font-size:0;
    clear: both;
    display: block;
    float: none;
    height: 0;
    line-height: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    width: 100%;
}

fieldset 					{border: solid 0 transprent;}

label 						{float:left;}
input[type="text"] 			{border:1px solid #7f9db9; height:15px; color:#666666; padding:2px 2px 0 3px; font-family:"µ¸¿ò", Dotum; font-size:11px; float:left;}
input[type="password"] 		{border:1px solid #7f9db9; height:15px; color:#666666; padding:2px 2px 0 3px; font-family:"µ¸¿ò", Dotum; font-size:11px; float:left;}
input.checkbox				{margin-left:0.2em; float:left; width:auto;}
select		   	 			{border:1px solid #bbb; height:19px; color:#666666; font-family:"µ¸¿ò", Dotum; font-size:11px;}

/* Header */
#header .inform 			{padding:0px 0 0 0; width:440px; height:22px; float:left; position:relative; }
#header .inform a			{color:#08558c; text-decoration:none;}
#header .inform a:link   	{color:#08558c; text-decoration:none;}
#header .inform a:visited	{color:#08558c; text-decoration:none;}
#header .inform a:hover 	{color:#08558c; text-decoration:none;}
#header .inform .font 		{color:#9e3c16; font-weight:bold; }
#header .inform .item1 		{width:280px; height:20px; font:normal 12px "±¼¸²",Dotum; color:#08558c; padding-top:5px;  padding-left:30px;  }
#header .inform .item2 		{width:120px; height:20px; font:normal 12px "±¼¸²",Dotum; color:#08558c; padding-top:9px;  }
#header .inform .item3 		{width:120px; height:20px; font:normal 12px "±¼¸²",Dotum; color:#C14A02; padding-top:9px;  }
#header .search 			{padding:5px 0 0 5px; width:330px; height:26px; float:left; position:relative; }
#header .util				{padding:9px 0 0 5px; width:205px; height:22px; float:left; position:relative; }
#header .allmenu			{padding-top:9px; width:55px; height:22px; float:left; position:relative;}
#header .logo				{padding-left:30px; width:203px; height:43px; float:left; position:relative;}
#header .gnb				{padding-left:79px; width:675px; height:44px; float:left; position:relative;}
#header .menulist			{padding-left:0; padding-right:2px; font:normal 12px "±¼¸²",Dotum;}
#header .Layer_recy 		{margin:5px 0 0 340px; width:400px; line-height:20px; }
#header .Layer_user 		{margin:5px 0 0 440px; width:400px; line-height:20px; }
#header .Layer_elec 		{margin:5px 0 0 340px; width:650px; line-height:20px; }
#header .Layer_auto 		{margin:5px 0 0 300px; width:750px; line-height:20px; }
#header .Layer_cust 		{margin:5px 0 0 400px; width:550px; line-height:20px; }
#header .Layer_coll 		{margin:5px 0 0 700px; width:550px; line-height:20px; }
/*
#header .menu01 		{margin:5px 0 0 340px; width:400px; line-height:20px;}
#header .menu02 		{margin:5px 0 0 440px; width:400px; line-height:20px;}
#header .menu03 		{margin:5px 0 0 440px; width:550px; line-height:20px;}
#header .menu04 		{margin:5px 0 0 500px; width:450px; line-height:20px;}
#header .menu05 		{margin:5px 0 0 500px; width:550px; line-height:20px;}
#header .menu06 		{margin:5px 0 0 500px; width:550px; line-height:20px;}
*/

/* Visual */


#visual .login a					{color:#333; text-decoration:none;}
#visual .login a:link, a:visited 	{color:#333; text-decoration:none;}
#visual .login a:hover 				{color:#0c71b1; text-decoration:none;}

#visual .login				{left:29px; width:203px; height:auto; position:absolute;}
#visual .login .chk			{width:55px; font:normal 11px "Dotum, µ¸¿ò";}
#visual .login .txt			{font:normal 11px "Dotum, µ¸¿ò"; line-height:20px;}
#visual .login .txt_user	{padding:5px 0 5px 0; width:181px; font:normal 11px "Dotum, µ¸¿ò";clear:both;}
#visual .login .txt_list1	{padding:5px 2px 0 10px; background:url(../images/main_bu01.gif) 5px 8px no-repeat; width:75px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_list2	{padding:5px 2px 0 10px; background:url(../images/main_bu01.gif) 5px 8px no-repeat; width:80px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_list3	{padding:5px 2px 0 10px; background:url(../images/main_bu01.gif) 5px 8px no-repeat; width:120px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_list4	{padding:5px 2px 0 10px; background:url(../images/main_bu01.gif) 5px 8px no-repeat; width:70px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_list5	{padding:5px 5px 0 5px; background:url(../images/main_bu01.gif) 2px 8px no-repeat; width:45px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333; }
#visual .login .txt_list6	{padding:5px 5px 0 5px; background:url(../images/main_bu01.gif) 2px 8px no-repeat; width:100px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333; }
#visual .login .txt_img1	{padding:2px 2px 0 0; width:74px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_space	{padding:2px 0 0 0; width:60px; height:10px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}
#visual .login .txt_line	{padding:2px 0 0 0; width:150px; height:5px; font:normal 11px "Dotum, µ¸¿ò"; color:#333;}

#visual .login .txt_blue	{font:bold 11px "Dotum, µ¸¿ò"; color:#0087c6;}
#visual .login .txt_green	{padding:2px 0 0 10px; width:171px; height:21px; background:url(../images/main_login_bar.gif) no-repeat; font:bold 11px "Dotum, µ¸¿ò"; color:#006409; line-height:20px; clear:both;}
#visual .login .top			{width:203px; height:34px; clear:both;}
#visual .login .mid 		{padding:0 11px 0 11px; background:url(../images/main_login_bgmid.gif) repeat-y; width:181px; height:auto; clear:both;}
#visual .login .bottom1		{padding:14px 7px 12px 7px; background:url(../images/main_login_bottom1.gif) no-repeat; width:189px; height:14px; clear:both;}
#visual .login .bottom2 	{background:url(../images/main_login_bottom2.gif) no-repeat; width:203px; height:12px; clear:both;}

#visual .main 	{width:885px; height:328px; float:left;}
#visual .quick	{margin-top:17px; width:90px; height:311px; background:url(../images/main_quick_bg.gif) no-repeat; float:left;}
#visual .quick .quicklist	{
	width:83px; font:bold 11px "Dotum, µ¸¿ò"; color:#003464;  background-color: #f1f1f1;
	padding:5px 5px 0 10px; background:url(../images/main_bu01.gif) 6px 8px no-repeat;
}
#visual .quick .quicklist a						{color:#003464; text-decoration:none;}
#visual .quick .quicklist a:link, a:visited 	{color:#003464; text-decoration:none;}
#visual .quick .quicklist a:hover 				{color:#003464; text-decoration:none;}

/* Content */
#content .popup					{margin-right:35px; width:243px; height:113px; background:url(../images/main_popup_bg.gif) no-repeat; float:left; }
#content .popup .popup_tab		{padding:4px 5px 14px 170px; width:68px; height:10px; }
#content .popup .popup_title	{padding:0 10px 0 10px; height:10px; font:bold 11px "Dotum, µ¸¿ò"; color:#ff5400;}
#content .popup .popup_content	{padding:7px 10px 3px 10px; height:50px; font:normal 11px "Dotum, µ¸¿ò"; color:#666666; text-decoration:none; line-height:16px;}
#content .popup .popup_button	{padding:0 10px 0 10px; height:10px; text-align:right; }

#content .bbs 					{margin-right:35px; width:270px; height:113px; float:left;}
#content .bbs .bbs_tab			{padding-bottom:5px; width:270px; height:19px; background:url(../images/main_bbs_line.gif) repeat-x;}
#content .bbs .bbs_title		{padding:6px 0 3px 10px; width:200px; background:url(../images/main_bu01.gif) 3px 10px no-repeat; font:normal 11px "Dotum, µ¸¿ò"; color:#666666;}
#content .bbs .bbs_date			{padding:6px 0 3px 0; width:60px; font:normal 11px "Dotum, µ¸¿ò"; color:#666666;}
#content .bbs .ico_new			{padding-left:3px; vertical-align:middle;}

#content .customercenter		{margin-right:35px; width:184px; height:113px; float:left;}
#content .sidemenu				{width:152px; height:113px; float:left;}
/* Footer */

.login_text  {
	font-size:12px;
	color:#008000;
	background-color:#EBF5EA;
	font-family:"µ¸¿ò", "±¼¸²";
	font-weight: bold;
	height: 10px;
	border: 1px solid #CCCCCC;
	padding-left:5px;
	padding-top: 3px;
	width:80px;
	height: 17px;
	ime-mode:disabled;

}
.login_button {
	padding-left:5px;
	cursor:hand;
}

.com_footer1              {font-size: 11px;color: #333333;text-decoration: none;font-family:"µ¸¿ò", "±¼¸²";line-height:18px;letter-spacing: -0.5px;}
.com_footer1 A:link       {font-size: 11px; color: #666666; text-decoration: none; font-family:"µ¸¿ò","±¼¸²"}
.com_footer1 A:visited    {font-size: 11px;color: #666666; text-decoration: none; font-family:"µ¸¿ò","±¼¸²"}
.com_footer1 A:active     {font-size: 11px; color: #666666; text-decoration: none; font-family:"µ¸¿ò","±¼¸²"}
.com_footer1 A:hover      {font-size: 11px; color: #0080C6; text-decoration: none; font-family:"µ¸¿ò","±¼¸²"}

.down_menu  {
	font-size:11px;
	color:#333333;
	background-color:#FFF0C1;
	font-family:"µ¸¿ò, ±¼¸²";
	border: 1px solid #819cb7;
}