/*body 공통 속성*/

body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,input{margin:0;padding:0;}

@font-face{
font-family:ng;
src:url(NanumGothic.eot);
src:local(※), url(NanumGothic.woff) format('woff')
}


li,ul,ol,dl {list-style:none}
img{border:0; vertical-align:top;}
ul{list-style:none; padding:0; margin:0;}

html, body {height: 100%;}
body {font-size:0.75em; line-height:160%; height:100%;  font-family:ng, "돋움", Dotum, "굴림", Gulim, "Lucida Grande", Tahoma, Verdana, AppleGothic, UnDotum, sans-serif; color: #575757;}

input.type-image {border:0 none; padding:0; margin:0;}

a:link { text-decoration:none; color: #575757; font-weight:none; }  /* #0042BB*/
a:visited {text-decoration:none;  color:#575757;}
a:hover {color:#3399bf; text-decoration:none;}
a:active { text-decoration:none;}

legend, caption {
    width: 1px;
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    visibility: hidden;
}
/* 접근성을 위해 추가한 기본 css */

label, input.button, input.submit, input.image, button {
	cursor:pointer;
}
object, embed {
	display:block;
	}

.hidden{display:block; overflow: hidden; visibility: hidden;width: 1px;height: 1px;}

input, button, select { vertical-align:middle;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: visible;
  
} 
/* UI Object */

body {
 background-color: #f2f2f3;
 background-image: url(../images/sub00/sub_bg.gif);
 background-position: top;
 background-repeat: repeat-y;
 }


.skip{position:absolute; top:-20px;left:0;height:20px;z-index:100;}




/*레이아웃 큰박스 */
#wrap {position:relative; width:998px; padding:0px;min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 10px;  background-position:top; }
#header {position:relative; margin:0 auto;width:998px; padding: 0 0 0 0; height:130px;}
#top_img {margin:0 auto; width:998px; padding: 0 0 0 0; height:221px;}
#contents {width:998px; margin:0px; padding:0; min-height:800px;}

#logo_left02 a:link { text-decoration:none; color: #575757; font-weight:none; }  /* #0042BB*/
#logo_left02 a:visited {text-decoration:none;  color: #575757; }
#logo_left02 a:hover {color:#3399bf; text-decoration:none;}
#logo_left02 a:active { text-decoration:none;}

/*컨텐츠*/
#contents_img {width:998px; height:221px; padding-top:20px;}
/*#contents_head{ text-align:right }*/
#left{float:left; width:220px;}
#content_body {width:728px; float:left; padding-left:49px;}
#content_head {width:728px; height:85px; float:left; padding-top:5px;}
#content_middle {width:728px; float:left;}

/*CE0인사말*/
.greeting{ font-size:16px; font-weight:bold; line-height:140%; color:#428ec2; padding-top:10px;}
.txt{font-size:14px; line-height:160%;}
.t_orange{ color:#ff6c00;}

/*인증현황*/
.cer{}
.cer li { margin-right:10px; float:left;}
.cer li p { text-align:center; width:167px; margin-top:7px;}

/*제품소개*/
.product_top {width:730px; height:341px; padding-top:30px; background-image:url(../images/sub02/products_bg.gif); background-repeat: no-repeat;}
.product_top li {float:left;}
.product_content {width:730px; padding:0 10px;}
.product_content .co2 {width:710px; padding-top:30px;}
.product_content .co3 {width:710px; padding-top:30px;}
.product_content .co4 {width:710px; padding-top:30px; padding-bottom:20px;}
.product_content .co5 {width:710px; padding-top:30px; padding-bottom:30px;}

/*자바스크립트 없을때 메뉴*/
#left_noscript{z-index:2; position: absolute;  top:210px; }
#left_noscript{background-image: url(../images/sub00/left_quick_bg.gif);
 		background-position: top;
 		background-repeat: repeat-y; }

#left_noscript ul{padding-left:20px;}
#left_noscript a:visited{color: #575757; text-decoration:none;}
#left_noscript a:hover{color: #4066FF ; text-decoration:none; }
#left_noscript li{}

#left_noscript .t01{ border-bottom:#dddddd 1px  solid;line-height:30px; margin-right:22px;}
#left_noscript .t02{padding-left:2px; line-height:20px; font-size:0.9em;}

#left_noscript ul li ul li{padding-left:0px;}



/*IE7*/
*:first-child+html #top_menu{}

/* 공용*/
.al{ float:left;}







#quickmenu { position:absolute;left:870px;float:right;width:58px; vertical-align:top; top:150px;}


/*IE7*/
*:first-child+html #content_body {}
/*IE6이하*/
* html #content_body {  }


/* 퀵메뉴 */

/*#quickmenu_bg {float:right; width:46px;   height:500px; background-image:url(../images/sub00/quick.jpg);  background-position:top; background-repeat:no-repeat; }*/




/*카피라이터 큰박스 */
#footerW{clear:both; width:100%;padding:0; padding-top:0px; height:300px;}
#footer {width:998px; margin:0 auto;}
.link_footer {width:998px; height:225px; background-image:url(../images/sub00/linkfooter_bg.gif); background-repeat:repeat-x;}
.inner {width:780px; padding-left:180px; padding-top:32px;}

.inner a:link { text-decoration:none; color: #ffffff;font-weight:normal;}
.inner a:visited {text-decoration:none;  color:#dbe3ee;}
.inner a:hover {color:#3399bf; text-decoration:none;}
.inner a:active { text-decoration:none}
.f_title {font-size:14px;}
.s1 {width:130px; float:left; color:#ffffff;}
.s2 {width:150px; float:left; padding-right:30px;}
.s3 {width:130px; float:left;}
.s4 {width:130px; float:left;}
.s5 {width:130px; float:left;}

#con01{width:968px; font-size:0.9em; line-height:160%; padding-top:12px; padding-left:30px;}
#con01 li {float:left; height:80px;}