@charset "utf-8";
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

.location{height:36px; position: relative;}
.location ul:after{content:""; display:block; clear:both;}
.location ul{position:absolute; right:0; top:10px;}
.location li{float:left; color:#a3a3a3;}
.location li span{padding:0 5px;}
.location li.home{background:url(/images/common/icon_util.gif) no-repeat 0 4px; padding-left:13px;}

.contents{text-align:left; padding-bottom:100px;}
.contents h2{font-size:28px; margin:19px 0 40px 0; background:url(/images/contents/bg_h2.gif) no-repeat; height:69px; line-height:69px; color:#fff; text-align:right; padding-right:120px;}
.contents h3{font-size:28px; margin-bottom:5px; color:#66ab0d; text-align:left;}
.contents h4{font-size:20px; margin-bottom:5px;}

.con_area{text-align:left; color:#494545;}
.con_area .img{margin-bottom:30px;}
.con_area .txt{line-height:22px; font-size:13px;}

/* greetings */
.greetings{height:604px;}
.greetings p{margin-bottom:5px; line-height:18px;}

/* case */
.case{height:604px;}

/* notice */
.notice{height:604px;}

/* contact */
.contact.bg{background:url(/images/contents/bg_contact.gif) no-repeat right top;}
/* qna */
.qna{height:604px;}

/* expended */
.expended{height:604px;}

/* site */
.site{height:604px;}

/* 주요생산품목 */
.item:after{content:""; display:block; clear:both;}
.item{margin-left:20px;}
.item li{float:left; margin:0 20px 30px 0;}
.item li dt{border:1px solid #ddd; padding:5px;}
.item li dd{font-size:11px; text-align: center; margin-top:10px;}

/* info */
.info ul{margin-left:10px;}
.info li{line-height:23px;}

/* history */
.historyIn{position:relative; overflow:hidden; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:10px 0;}
.historyIn dl{position:relative; overflow:hidden; border-bottom:1px dashed #d4d4d4; padding:20px 0;}
.historyIn dl.last{position:relative; overflow:hidden; border-bottom:0; padding:20px 0;}
.historyIn dt{float:left; width:90px; padding-left:10px; font-weight:bold; font-size:25px; color:#2A2561;}
.historyIn dd{float:left; line-height:22px; padding-left:30px; font-size:14px;}
.history .pro_info .tit01{font-size:30px; line-height:120%; padding-bottom:30px;}

/* Certification */
.patent {overflow:hidden;}
.patent ul {float:left; margin-top:30px;}
.patent ul li {float:left; margin:0 15px 20px 15px; text-align:center;}
.pat_txt {width:120px; padding:10px 0; text-align:center; height:34px;}
.pat_txt.left25{padding-left:25px;}

/* map */
.contact dl:after{content:""; display:block; clear:both;}
.contact dt{font-size:14px; background:url(/images/contents/blet_arrow.gif) no-repeat 8px 6px; padding-left:20px; font-weight:bold; float:left; margin-top:2px; margin-right:7px;}
.contact dd{font-size:14px; float:left;}

/* table */
.table_style{width:100%; margin: 0;padding:0;border-collapse:separate; border-spacing:0; border-top:2px solid #000; background: #fff; font-size:13px; margin-top:20px;}

.table_style tbody th {padding:10px 15px; line-height:18px; text-align:left; font-weight:bold;color:#666;  border-bottom:1px solid #ececec;background:#F9F9FF; text-align: center}
.table_style tbody th.first {border-left:1px solid #ececec;}

.table_style tbody td {padding:10px 15px; text-align:left; border-left:1px solid #ececec;border-bottom:1px solid #ececec; text-align:center;}
.table_style tbody td.first {border-right:1px solid #ececec;}

.table_style.w300{width:300px;}
.table_style.w450{width:450px;}
.table_style.mtop0{margin-top:0;}
.table_style.mr20{margin-right:20px;}

.f_left dd{line-height:24px;}


/* sitemap */
div.sitemap > ul:after{content:""; display:block; clear:both;}
div.sitemap > ul{margin-left:5px;}
div.sitemap > ul > li{float:left; font-size:17px; font-weight:bold; width:170px; margin-right:20px; margin-bottom:30px;}
div.sitemap > ul > li > span{padding-bottom:10px; display:block; border-bottom:2px solid #352E65;}
div.sitemap > ul > li.last{margin-right:0;}
div.sitemap > ul > li > ul{padding-top:20px;}
div.sitemap > ul > li > ul > li{ font-size:13px; font-weight:normal; line-height:27px;}
div.sitemap > ul > li > ul > li a{color:#808080;}

.list01 li{background:url(/images/common/blet_list.gif) no-repeat left 10px; padding-left:10px; line-height:18px;}
.mesh{margin-left:120px;margin-top:30px;} 
.mesh ul:after{content:""; display:block; clear:both;}
.mesh li{float:left; margin-right:10px;}
.mesh li dd{text-align:center; padding-top:5px;}