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

/***************      공통        ****************************************************/
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background:url(/image/sub_bg.jpg) repeat-x; font-size:12px; color:555555; font-family:돋움; height:100%;}
td, th {text-decoration:none;font-size:12px; color:555555 font-family:돋움,verdana; line-height:17px;}
img {border:0; }

a:link { text-decoration: none; color: #666666; font-size: 9pt; font-family: 돋움,돋움체, verdana ;line-height: 17px; }
a:visited { text-decoration: none; color: #666666; font-size: 9pt; font-family: 돋움,돋움체, verdana ;line-height: 17px; }
a:active { text-decoration: none; color: #666666; font-size: 9pt;font-family: 돋움,돋움체, verdana ;line-height: 17px;}
a:hover {  text-decoration: none; color:#990000; font-size: 9pt;font-family: 돋움,돋움체, verdana ;line-height: 17px;}

a.white:link { text-decoration: none; color: #FFFFFF; font-size: 12px; font-family: 돋움,돋움체, verdana ;line-height: 28px;}
a.white:visited { text-decoration: none; color: #FFFFFF; font-size: 12px; font-family: 돋움,돋움체, verdana ;line-height: 28px;}
a.white:active { text-decoration: none; color: #FFFFFF; font-size: 12px;font-family: 돋움,돋움체, verdana ;line-height: 28px;}
a.white:hover {  text-decoration:underline; color:#FFFFFF; font-size: 12px;font-family: 돋움,돋움체, verdana ;line-height: 28px; font-weight:bold;}

a.main:link { text-decoration: none; color: #666666; font-size: 9pt; font-family: 돋움,돋움체, verdana ;line-height: 17px; }
a.main:visited { text-decoration: none; color: #666666; font-size: 9pt; font-family: 돋움,돋움체, verdana ;line-height: 17px; }
a.main:active { text-decoration: none; color: #666666; font-size: 9pt;font-family: 돋움,돋움체, verdana ;line-height: 17px;}
a.main:hover {  text-decoration: none; color:#000000; font-size: 9pt;font-family: 돋움,돋움체, verdana ;line-height: 17px;}

a.news:link { text-decoration: none; color: #2673A5; font-size: 9px; font-family: 돋움,돋움체, verdana ;line-height: 15px; font-weight:bold;}
a.news:visited { text-decoration: none; color: #2673A5; font-size: 9px; font-family: 돋움,돋움체, verdana ;line-height: 15px; font-weight:bold;}
a.news:active { text-decoration: none; color: #2673A5; font-size: 9px;font-family: 돋움,돋움체, verdana ;line-height: 15px; font-weight:bold;}
a.news:hover {  text-decoration: none; color:#2673A5; font-size: 9px;font-family: 돋움,돋움체, verdana ;line-height: 15px;; font-weight:bold;}

ul,ol,li { margin: 0; padding: 0; list-style: none; }

#topmenu {	width:900px; height:80px; margin:0; padding:0; }
#area { width:900px; margin:0; padding:0; }
#leftmenu{ width:200px; float:left; margin:0; padding:0;}
#title { width:700px; float:left; margin:0; padding:0;}
#company_tab { background:url(/company/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#cyber_tab { background:url(/cyber/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#service_tab { background:url(/service/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#recruit_tab { background:url(/recruit/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#business_tab { background:url(/business/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#ecai_tab { background:url(/ecai/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}
#sitemap_tab { background:url(/sitemap/image/tab_bg.gif) no-repeat; width:700px; float:left; height:30px; padding:1px 0 0 0;}

#content { width:670px; float:right; margin:0 10px 0 20px; padding:0 0 0 0; background:url(/image/index_autumn/content_bg.gif) repeat-y;  min-height:400px;}
#content h1{ margin:0; padding:0 0 0 0;}
#content h2{ margin:0; padding:0 0 0 0; padding:0 0 0 15; font-size:12px; color:#555555;}
#content p{ text-align:justify; margin:0; padding:0 0 0 15; font-size:12px; color:#555555; line-height:130%; font-weight:normal;}

#list ul { list-style:none; margin: 0px;  	padding:0 0 0 15;}
#list li  {
	width:100%;
	margin:5px 0 5px 0;
	padding:0 0 0 7;
	background:#666666;
	background:url(/image/icon.gif) no-repeat;
	background-position: 0px 5px;
	line-height:130%;
} 

#content #con { margin:0; padding:0; height:730px;}
#content #con2 { margin:0; padding:0; height:470px;}

#content #img01 { margin:0; padding:0 0 0 0; text-align:center;}
#content #btn_r { margin:0; padding:0 0 0 0; text-align:right; margin:20 0 0 0;}
#content #btn_c { margin:0; padding:0 0 0 0; text-align:center; margin:20 0 0 0;}

#content_bottom { width:700px; float:right; margin:0 0 10 0; padding:0; background:url(/image/index_autumn/content_bottom.gif) right bottom;}

#bottom {width:100%; height:75px; background:url(/image/index_autumn/bottom_bg.gif) repeat-x; height:85px; padding:10px 0 0 0; margin:10px 0 0 0; float:left;}

.br5 {line-height:5px}
.br10 {line-height:10px}
.br15 {line-height:10px;}
.br20 {line-height:20px;}
.br25 {line-height:25px;}
.br30 {line-height:30px;} 

#tablebox { width:645; background:#f3f3f3; padding:10 0 10 10; }
.table caption { font-size:12px; color:555555 font-family:돋움,verdana; padding:0;  margin:0;}

.td1 { background:#eeefef; padding:2 0 2 0; } 
.td1_c { background:#eeefef;  text-align:center; padding:2 0 2 0;} 

.td2 { background:#eaebeb;  padding:2 0 2 3;} 
.td2_c { background:#eaebeb;  text-align:center; padding:2 0 2 0;}
.td2_r { background:#eaebeb; text-align:right; padding:2 5 2 0;}  

.td3 { background:#f5f7f7;  padding:2 0 2 3;} 
.td3_c { background:#f5f7f7;  text-align:center; padding:2 0 2 0;}
.td3_r { background:#f5f7f7 text-align:right; padding:2 5 2 0;}  

.td4 { background:#d6dddd;  padding:2 0 2 3;} 
.td4_c { background:#d6dddd;  text-align:center;}
.td4_r { background:#d6dddd;  text-align:right; padding:2 5 2 0;}  

.td_w  { background:#ffffff;  padding:2 0 2 3; }
.td_w_c { background:#ffffff;  text-align:center;  padding:2 0 2 0;}
.td_w_r {  background:#ffffff;  text-align:right; padding:2 5 2 0;}

.t_blue { color:#2373b0; }
.t_red { color:#31a3fb;}
.t_red2 { color:#990000;}
.b { font-weight:bold; }

.table { background:#c5c6c7; width:96%;}
.tableline { background:#959ca5; height:2; width:96%;}
.table th{ background:#959ca5; height:22px; text-align:center; color:ffffff; font-weight:bold; }
.table th.th1{ background:#78818c; height:22px; text-align:center; color:ffffff; font-weight:bold; }
.table th.th2{ background:#69727f; height:22px; text-align:center; color:ffffff; font-weight:bold; }
.table th.th3{ background:#5b6471; height:22px; text-align:center; color:ffffff; font-weight:bold; }



/* 공정감사 제보관련 */
#gonglist { border:#f0bb76 solid 1px; background:#f3f6c7; padding:10px; }
#gonglist h1 { font-weight:bold; font-size:12px;}
#gonglist ol { margin: 0px;  padding:0 0 0 15; list-style-type:upper-roman; }
#gonglist li  { width:100%;	margin:5px 10px 10px 0;	padding:0; line-height:130%;  } 

#gongpopup { background:#d8e4fb; padding:10px; margin:0px;}
#gongpopup h1  { margin:0 0 5px 0; padding:0; }
#gongpopup P { font-size:12px; padding:0px; margin:0 0 0 3px; line-height:130%;}
#gongpopup .box P { font-size:12px; padding:0px; margin:10px 0 0 3px; line-height:130%;}
#gongpopup .box P span {font-weight:bold; }
#gongpopup .box { border:#b7b4b4 solid 1px; background:#FFF; padding:0 10px 10px 10px;}
#gongpopup .box h1{ font-weight:bold; font-size:12px; background:url(/customer/image/icon_01.gif) no-repeat 0px 17px; padding:15px 0 0px 12px;}
#gongpopup .box ul { display:inline; list-style-type:none; }
#gongpopup .box li { line-height:130%;  }
#gongpopup .btn { text-align:center; margin:15px 0 0 0;}
#gongpopup table { border-top:#4d90be solid 2px; border-bottom:#4d90be solid 2px; width:90%; }