@charset "euc-kr";
@import "font.css";

*{font-family:'Nanum Gothic', sans-serif;}
body {margin:0;padding:0;background:#ffffff; 
font-size: 13px;
line-height:1.6em;
color: #555555;}
h1, h2, h3, h4, h5, h6, div, ol, ul, li {margin:0;padding:0;}
img {border:0;}
ul, ol,li {list-style-type:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}
table {text-align:left;}

/*body {margin:0;padding:0;background:#ffffff;
font-family: ³ª´®°íµñ, NanumGothic, ng, µ¸¿ò, arial, helvetica, sans-serif !important;
font-size: 13px;
line-height: 1.6em;
color: #555555;
text-align:left;}
h1, h2, h3, h4, h5, h6, div, ol, ul, li {margin:0;padding:0;}
img {border:0;}
ul, ol,li {list-style-type:none;}
a:link {text-decoration:none;}
a:hover {text-decoration:none;}*/

#sub_wrap { margin:0 auto; width:990px;  position:relative; background:url(../sub_img/sub_con_bg.png); background-position:0px 0px; background-repeat:no-repeat;  *zoom:1}
#sub_wrap:after{content:""; display:block; clear:both}
#left_menu { float:left; width:250px; height:750px;  background-image: url(../sub_img/sub_left_bg.png); background-repeat:no-repeat; }
.title { text-align:right;  margin-right:30px; padding-bottom:50px; line-height:13px;  }
.title h1{ padding-top:60px; margin-right:15px; font-size:30px; font-weight:normal; color:#006600; }
.title h2{ font-size:15px; padding-right:15px; font-weight:normal; color:#679886; }
#information_wrap { float:right;  top:1px; width:740px;  }
.sub_img { width:740px; height:145px;  }
.position { margin-left:20px; width:740px; height:23px; padding-top:6px; padding-bottom:6px;  }
.position_line { width:720px; height:1px; background: #CCC; margin-left:20px; }
.info { margin:0 auto; width:712px; margin-top:30px; margin-left:30px; margin-bottom:30px;  }

/**¼­ºê ÅǽÃÀÛ**/
#sub_tab_bx{ width:710px;  margin-top:20px;   margin-bottom:40px; }
.product_01 { width:200px; margin:0 auto; }
.product_01 li { padding:0 10px; }
.product_02 { width:400px; margin:0 auto; }
.product_02 li { padding:0 10px; }
.product_03 { width:400px; margin:0 auto; }
.product_03 li { padding:0 10px; }
.product_04 { width:500px; margin:0 auto;  }
.product_04 li { padding:0 10px; }
.product_05 { width:600px; margin:0 auto; }
.product_05 li { padding:0 10px; }
.product_06 { width:700px; margin:0 auto; }
.product_06 li { padding:0 5px; }
.product_07 { width:800px; margin:0 auto; }
.product_08 { width:800px; margin:0 auto; }
.pordunt_08 ul.sub_tab li { float:left; width:90px; height:150px; color:#999; font-weight:bold; line-height:17px; text-align:center; padding-bottom: 30px; }
ul.sub_tab li { float:left; width:100px; height:150px; color:#999; font-weight:bold; line-height:17px; text-align:center; padding-bottom: 30px; }
ul.sub_tab li:hover {  text-decoration:none; color:#024315;  font-weight:bold; cursor:pointer; }
ul.sub_tab li.selected{  text-decoration:none; color:#024315;   font-weight:bold; cursor:default; }
ul.sub_tab li img { padding-top:10px; }
ul.panel{ clear:both; }
ul.panel li{ list-style-type:none; padding-top:5px;  }
.sub_tab h3{font-size:13px; }
/**¼­ºê ÅÇ ³¡**/


/* Disable properties specified in the imported CSS file */
.menu a { border:none; font-weight:bold; font-size:14px; }
/* Actual menu CSS starts here */
.menu,
.menu ul { margin:0; padding:0; list-style:none;  }
.menu { width:227px; }
.menu li {  display:block;  margin:0; padding:0; margin-bottom:1px; }
.menu a { display:block; height:39px; background:url(../sub_img/sub_menu_bg.png);  color:#666666; text-decoration:none; text-align:right; line-height:33px; padding-right:20px;   }
.menu .selected  a{background: url(../sub_img/sub_menu_over_bg.png); color:#FFF;   }
.menu a:hover,
.menu a:focus,
.menu a:active {background: url(../sub_img/sub_menu_over_bg.png); color:#FFFFFF; }
.menu ul li {height:22px;  }
.menu ul a { height:22px; background:#e9f1c3;  color:#8b8b8b; text-decoration:none; margin-top:1px; margin-bottom:1px; line-height:20px;}
.menu ul a:hover,
.menu ul a:focus,
.menu ul a:active {background:#e9f1c3; color:#003d22; }
.hidden {display:none;}