@charset "utf-8";

/* 메인, 서브 공통사용 클래스 */
@import url(/css/common.css);
@import url(/css/button.css);
@import url(/css/tabstyle.css);

/* Common */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, input, textarea, button{margin:0; padding:0;}
body{color:#525252; font-size:12px; line-height:1.6; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}

li{list-style:none;}
hr{display:none;}
img{border:none;}
em, address{font-style:normal;}

a{color:#525252; text-decoration:none;}
a:visited {color:#666666;}
a:active{color:#666666;}
a:hover{text-decoration:underline; color:#d00101;}
a.visit {color:#666666 !important; text-decoration:none; }
a.visit:visited {color:#666666 !important;}
a.visit:active{color:#666666 !important;}
a.visit:hover{text-decoration:underline;}
a strong{letter-spacing:-1px;}

a.rollover img { border:0 none; display:inline;}
a.rollover img.over { display:none;}
a.rollover:hover { border:0 none;}
a.rollover:hover img { display:none;}
a.rollover:hover img.over { display:inline;}

.png  {_display:inline-block;}
.png  img  {_filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
* html  .png24  {tmp:expression(setPng24(this))}

/* z-index 사용 예제 */ 
div#index_wrap{ 
z-index: 10;  
width: 1000px;
}

#wrap_index {text-align:left;width: 1000px;margin:auto;background: url(/images/food/main_bg.png) 0 85px no-repeat;}
#wrap {text-align:left;width: 1000px;margin:auto;background: url(/images/food/sub_bg1.png) 0 0px no-repeat;}
#wrap_pop {margin:10px; text-align:left; }

#header_index {position: relative;text-align: left;width: 1000px;height:580px;}
#header {position: relative;text-align: left;width: 1000px;height:270px;}
#main {position: relative;text-align: left;width: 1000px;}
#main {padding-top:0px;}
/* footer */
#footer{
margin:auto;
position: relative;text-align: left;width: 1000px;
background: url(/images/food/foot_bg.jpg) no-repeat;
height:80px;
}

#footaddr {float:left;padding-top:0px; padding-left:0px;}
#footmenu {float:right;padding:5px 5px 0 0; }
#footmenu ul li {float:left;padding: 0px;margin: 0px;}

/*상단아이콘*/
#topnav_mBox {height:18px;float: right;padding: 0px 62px 0 0 ;overflow: hidden;position: relative;}
#topnav_mBox ul { margin:0px;}
#topnav_mBox li { margin:0px;padding:0px;}

/*메인메뉴*/
#tTopmenu{position: relative;clear: both;float: left;width: 1000px; height:84px;margin: 0 auto; padding:0px;background: url(/images/food/menu_bg1.png) no-repeat;}
#tTopmenu #menuDiv{float: right; width:620px;height:65px;padding:16px 45px 0px 0px;}
#tTopmenu #logoImg{position:absolute;top:5px;left:75px;width:150px;padding:0;}
/*메인메뉴*/
#HomeBox{position: relative;clear: both;float: left;width:1000px; height:480px;margin-left:0px;}
#HomeBox #lmenuDiv{float: left; width:350px;height:480px;padding:0px 0px 0px 30px;}
#lmenuDiv #logoImg{width:250px;padding-left:10px;padding-top:10px;}

#HomeBox #mainDiv{float: right; width:600px;height:480px;padding:0px 20px 0px 0px;}
#SubBox{position: relative;clear: both;float: left;width:1000px; height:155px;margin:auto;}

/*추천박스*/
#topLink {position: relative;float:left;width: 980px;z-index: 1;padding-top: 10px;}
#topLink #toMs {float:left;width:235px;overflow: hidden;margin-right:1px;}
#topLink #BMain {float:left;width:744px;overflow: hidden;}
#topLink #BBanner {float:left;width:734px;_width:729px;}

/*중간메뉴*/
#mtopBox {position: relative;height:150px;}
#mtopBox #logBox {float: left;background: url(/images/komc/login_bg.gif) no-repeat; width: 259px;height:150px;overflow: hidden;padding-right:1px;}
#mtopBox #linkBox {float:left;width:744px;height:70px;}

/*메인 컨텐츠 3단 레이아웃*/
#main #contsTop {float:left;width: 843px;padding:13px 0px 0 70px;overflow: hidden;}
#main #contsBot {float:left;width: 1000px; padding: 0 10px;overflow: hidden;}
#main #contsBot #botLeft {float:left;width: 293px;padding:26px 0px 0 30px;overflow: hidden;}
#main #contsBot #botCenter {float:left;width: 294px;padding:26px 0px 0 30px;overflow: hidden;}
#main #contsBot #botRight {float:left;width: 293px;padding:26px 0px 0 30px;overflow: hidden;}

#main #contsCenter {clear: both;float:left;}
#main #CCLeft {float:left;width: 325px;overflow: hidden;}
#main #CCRight {float:right; width:655px;overflow: hidden;}
#main #CCRight #Left {float:left;width: 370px;overflow: hidden;}
#main #CCRight #Right {float:right; width:280px;overflow: hidden;}

/*서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCtsLeft {float:left;width:200px;padding:0px 0px 0 40px ;z-index: 50;}
#main #subCtsCenter {float:left;width:700px;min-height:0px;margin-right:20px;z-index: 40;}
#main #subCtsRight {float:right;width:75px;margin-right:10px;overflow: hidden;}

/* slide 만 있는 레이아웃*/
#main #subSlideCenter {float:left;width: 870px;overflow: hidden;}

/*서브메뉴 컨텐츠 2단 레이아웃*/
#main #subCtsMain {float:left;width: 710px;overflow: hidden;padding-left:20px;padding-top:20px;z-index: 40;}

#ContsPage {width:710px; padding:20px 0 50px 0px}
#Contsquick {width:122px; padding:20px 0 0 10px}

#subMbody {
padding:0px;
}
#subMbody thead th.mhead{
height:30px;
background: url(/images/gnchem/mbody_h.gif) no-repeat;
}
#subMbody tfoot th.mfoot{
height:35px;
background: url(/images/gnchem/mbody_f.gif) no-repeat;
}
#subMbody tbody.mbg{
background: url(/images/gnchem/mbody_b.gif) repeat-y;
}
#subMbody tbody td.mbody{
padding:15px;
}
/*상단아이콘*/
#pageNavi{width:700px; height:31px; border-bottom:#EBEBEB solid 1px;}
#pageNavi #naviLeft {float: left; width:50%; overflow: hidden;}
#pageNavi #naviRight {float:right;width: 40%; overflow: hidden;text-align: right;padding-top:10px;padding-right:15px; }

#pageSelmenu{width:686px;height:30px; padding:0 0 0 0px;}
#pageSelmenu #mLeft {float: left; width:50%; overflow: hidden;}
#pageSelmenu #mRight {float:right;width: 50%; overflow: hidden;text-align: right}


/*커뮤니티 서브메뉴 컨텐츠 3단 레이아웃*/
#main #subCommLeft {float:left;width: 130px;overflow: hidden;}
#main #subCommCenter {float:left;width: 620px;margin-left: 10px;_margin-left: 8px;overflow: hidden;}
#main #subCommRight {float:right;width: 200px;overflow: hidden;}

/* 서브3*/
#bg { background-color: #CCC;}


#subSWFxx {position:absolute;top:140;left:20;width:300px;height:350px;overflow:hidden;}


/*연혁*/
.historyview th {padding:5px 10px 8px 3px;empty-cells:show;}
.historyview td {padding:5px 10px 5px 3px;empty-cells:show;}
.historyview td.his {padding:5px 10px 5px 3px;empty-cells:show;}
.historyview h1 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 23px;
    font-weight: bold;
    margin: 0;
}

.historyview h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 13px;
    margin: 0;
}


.table2 {width:700px;border: 0px solid #DDD;margin:0px;border-collapse:collapse;font-size:12px;letter-spacing:0px;}
.table2 thead {background-color:#86c617;color:#FFF;height:35px;}
.table2 thead th {background-color:#86c617;line-height:18px;letter-spacing:10px;text-align:center;}

.table2 tbody th {background-color:#f5fee9; white-space:nowrap;border-bottom: 1px solid #ddd;text-align:center;}
.table2 tbody td {padding:7px 5px 7px 20px;empty-cells:show;text-align:left;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;}



#Topmenu {position:relative;margin:0 auto;z-index:999;*zoom:1;padding-top:0px;}
#Topmenu:after {content:""; display:block; clear:both;}
#Tmenu {position:relative;margin: 0; padding:0; list-style: none; height: 40px;}/* a21418 */
#Tmenu li {float: left; list-style: none; display: block; background: none; position: relative; z-index: 999; margin: 0;text-align:center;}
#Tmenu li.mfirst {margin:0;}
#Tmenu li a {display: block;font-size:15px;font-weight: bold; font-family:"Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", AppleGothic, sans-serif;line-height: 40px;height: 40px; text-decoration: none;  color: #444;margin:0;padding: 0px 20px; _width: 78px; _padding: 0; _text-align: center;_border: 0px;_display: block;letter-spacing:-1px;}
#Tmenu li a:hover, #Tmenu li a.hov, #Tmenu li a.hovx {color: #187406;}
#Tmenu li a.hot {color: #187406;}


#Tmenu ul {position: absolute; left:0;list-style: none;display: none; margin: 0; padding: 0; border:0;min-width:520px;}
#Tmenu ul.sfirst {left:0px;}
#Tmenu ul.sm1 {left:0px;}
#Tmenu ul li {float: left;display:inline; padding:0px;margin:0;white-space:nowrap;_margin:0;_padding:0;}
#Tmenu ul li a {display: block; height: 22px; line-height: 22px; padding: 0px 5px;margin:0px 5px; color: #444; font-size:13px;font-weight: 200;text-align:center;  _width:120px; _margin:5px 0px;_padding:0;_border: 0px;}
#Tmenu ul li a:hover, #Tmenu ul li a.hov, #Tmenu ul li a.hovx {color: #FFF;}
#Tmenu ul li a.hot {color: #FFF;}

* html #Tmenu ul { margin: 0 0 0 -2px; }
/** @group clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

#subTitle{font-family: "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", AppleGothic, sans-serif;font-size:1.8em;color:#404041; padding: 0;margin:0;font-weight:bold;}

/* sub menu*/
#smenuBox1 {position: relative;padding-bottom:0px;margin-bottom:0px;border-bottom:0px solid #DDD;font-family: "Malgun Gothic", "맑은 고딕", NanumGothic, "나눔고딕", AppleGothic, sans-serif;}
#smenuBox1 dl {position: relative;margin:0; padding-left:0px;border-bottom:1px solid #2f981a;}
#smenuBox1 dt {margin-bottom:1px;text-align:left;padding: 9px 0 8px 10px;border-bottom:1px solid #f1f1f1;background-color: rgba( 64, 64, 65, 0 );}
#smenuBox1 dt p.tl{font-size:1.8em;color:#2f981a; padding: 0;margin:0;font-weight:bold;}
#smenuBox1 dt p.eng{font-size:12px;font-weight:bold;color:#666;line-height:22px;height:22px; padding:0;margin:0;}

#smenuBox1 dd {position: relative;vertical-align:middle;padding:0; margin:0;border-bottom:1px solid #ededed;}
#smenuBox1 dd a{line-height:1.2; padding:15px 15px;margin-right:10px;color: #444;font-weight: normal;text-decoration:none;display:block;font-size:14px;}
#smenuBox1 dd:hover {background: #fff;}
#smenuBox1 dd:hover a {color: #009900; background:url("img/current_ico.png") no-repeat scroll right center transparent;}
#smenuBox1 dd.sel {background: #e6fdf1;}
#smenuBox1 dd.sel a {font-weight: 100;color: #444;letter-spacing:0;background:url("img/current_ico.png") no-repeat scroll right center transparent;}

#smenuBox1 dd ul {display: none;}
#smenuBox1 dd.sel ul {display: block;position: relative;margin: 0; padding: 5px 0; border:0;background-color: #e9f2fc;}
#smenuBox1 dd.sel ul li {text-align: left; padding-left:20px;margin:0;white-space:nowrap;}
#smenuBox1 dd.sel ul li a {display: block; height: 26px; line-height: 26px; padding: 0px 0px 0px 20px;margin:0; color: #444; font-size:12px;font-weight: normal;background-image: none;}
#smenuBox1 dd.sel ul li a:hover {color: #009900;background-color:#fff;}
#smenuBox1 dd.sel ul li.sel a {font-weight: bold;color: #fff;background-color:#2f981a;}