@charset "utf-8";
/* CSS Document */

/*전체에 쓰이는 style 요소들이 담긴 css*/

/*인덱스 컨테이너 영역*/
.main_img{margin:0 auto; height:489px; position:relative; padding-top:100px;}
#inner_fade {max-height:489px;overflow:hidden;}
#inner_fade li{width:100%; height:489px;}
#inner_fade li.img3{background:url(../images/main_visual03.jpg) no-repeat 50% 0;}
#inner_fade li.img1{background:url(../images/main_visual01.jpg) no-repeat 50% 0;}
#inner_fade li.img2{background:url(../images/main_visual02.jpg) no-repeat 50% 0;}

#container01{width:1000px; margin:0 auto; position:relative;}
#container02{width:100%; background:url(../images/index_contbg.png) repeat-x; position:relative; height:131px;}

.notice{width:333px; height:190px; position:relative;}
.notice h1{padding:38px 0 20px 50px;}
.notice ul{margin-left:45px;}
.notice li{background:url(../images/point.png) no-repeat 0 5px; padding-left:10px; padding-bottom:5px;}
.notice li a{display:block; width:150px; height:12px; text-height:12px;line-height:12px; padding-bottom:3px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#848484;}
.notice li a:hover{color:#366fc3}
.more{position:absolute; right:27px; top:38px;}

.content01{position:absolute; right:0; top:0; width:666px; height:190px;}
.content02{position:relative; left:0; top:0; width:1000px; height:131px; padding-bottom:30px; margin:0 auto;}


/*서브페이지 공통*/
/*.visual_sub{background:url(../images/sub01/subvisual.jpg) no-repeat 50% 90px; height:155px; padding-top:90px; padding-bottom:37px;}
.visual_sub2{background:url(../images/sub01/subvisual02.jpg) no-repeat 50% 90px; height:155px; padding-top:90px; padding-bottom:37px;}*/
#sub_wrap{position:relative; top:0; left:0; width:1000px; margin:0 auto; padding-bottom:20px;}
.sub_content{padding-left:50px;}

.sub_img{margin:0 auto; height:155px; position:relative; padding-top:90px;}
.inner_fade_sub {max-height:155px;overflow:hidden;}
.inner_fade_sub li{width:100%; height:155px;}
.inner_fade_sub li.subimg1{background:url(../images/sub01/subvisual01.jpg) no-repeat 50% 0;}
.inner_fade_sub li.subimg2{background:url(../images/sub01/subvisual02.jpg) no-repeat 50% 0;}
.inner_fade_sub li.subimg3{background:url(../images/sub01/subvisual03.jpg) no-repeat 50% 0;}
.inner_fade_sub li.subimg4{background:url(../images/sub01/subvisual04.jpg) no-repeat 50% 0;}
.inner_fade_sub li.subimg5{background:url(../images/sub01/subvisual05.jpg) no-repeat 50% 0;}


#lnb{width:175px; position:relative; float:left;}

#lnb h2{width:175px; height:25px;position:relative; top:0px;}
.lnb_tit{width:175; height:150px; position:relative; top:40px;}

.cur_page{width:250px; height:12px; font-size:11px; text-align:right; float:right; padding-top:30px; padding-bottom:5px; color:#787878; padding-right: 22px;}
.cur_page span{font-size:12px; font-weight:bold; color:#000000;}

#content_wrap{width:825px; float:left;}
#content{width:px;}
#content h3{padding-top:11px; padding-bottom:40px; padding-left:50px;}

.cont_padding{padding-bottom:30px;}
.cont_padding1{padding-bottom:10px;}

/*주요품목리스트*/
.pro_list img{padding:30px 0 10px 0;}

/*인증서리스트*/
ul.gallery-cert li {float:left;margin-right:10px;margin-bottom:30px;padding:27px 28px 0 27px;border:1px solid #ddd;}
ul.gallery-cert li.last {margin-right:0;}
ul.gallery-cert li img {width:176px;height:249px;}
ul.gallery-cert li p.subject {display:table-cell;width: 176px;height:52px;color:#333;text-align:center;vertical-align:middle;}

/*페이징*/
.paging {clear:both;font-family:tahoma, Arial, sans-serif;font-size:11px;color:#666666;font-weight:bold;text-align:center;padding-top:30px;}
.paging a {position:relative; display:inline-block; margin-right:1px; padding:2px 8px; color:#666; border:1px solid #ededed; background:#fff; vertical-align:middle; line-height:17px;}
.paging strong {color:#ff6600;}
.paging a:hover {background:#ededed; border:1px solid #8a949e; text-decoration:none;}
.paging .pre {margin-right:4px; padding:2px 10px; _padding:2px 10px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.pre {border:1px solid #444; background:#ccc;}
.paging .next {margin-left:3px; padding:2px 10px; _padding:2px 10px 0; border:1px solid #ededed; background:#fff; vertical-align:middle;}
.paging a:hover.next {border:1px solid #444; background:#ccc;}

