@charset "utf-8";  
@import url("reset.css");



/* --- Default --- */
#wrap {width:970px; position:relative; background:url('../img/bg.jpg') no-repeat;}
#header {position:relative; width:940px; height:90px; margin-left:30px;}
#content {position:relative; width:100%;}
#footer	{clear:both; width:940px; margin-left:30px;}

/* --- #Header --- */
#header h1 {float:left; margin-top:20px;}
#header ul.gnb {float:right; margin-top:3px; font-size:11px; display:block;}
#header ul.gnb li {float:left; background:url('../img/bg_gnb.gif') no-repeat right 50%; padding:0 10px;}
#header ul.gnb li img {padding-bottom:1px;_padding-bottom:1px;}
#header ul.gnb li.langg { background:none; padding-right:0px;}

/* 상단 lnb */
#lnb {width:690px; height:60px; position:absolute; top:22px; right:40px; background:url('../img/top_menu_bg.gif') no-repeat; z-index:20;}
#lnb li {float:left; width:172px;}
#lnb li a {display:block; font-size:14px; font-weight:bold; color:#fff;padding:16px 0px 3px 0px; text-align:center;}
#lnb li a:hover {color:#fff;}
#lnb li ul {position:absolute; top:40px; z-index:50; display:none;}
#lnb li.lnbL1 ul {left:30px;}
#lnb li.lnbL2 ul {left:110px;}
#lnb li.lnbL3 ul {left:250px;}
#lnb li.lnbL4 ul {right:160px;}
#lnb li.lnbL5 ul {right:0px;}
#lnb li ul li {width:80px; background-color:#FFF;}
#lnb li ul li.w1 {width:130px; background-color:#FFF;}
#lnb li ul li.w2 {width:160px; background-color:#FFF;}
#lnb li ul li a {padding:4px 8px; font-size:12px; font-weight:normal; color:#666; text-align:center;}
#lnb li ul li a:hover {color:#000;}
#lnb li ul li.last a {background:none 0;} 


/* 상단 Content부분 */
#content .mainVisual {margin-top:40px;}
#content .mainTxt {position:absolute; top:60px; left:240px; z-index:50;}
#content .mainTxt p {float:left; width:460px; font-size:24px; font-weight:bold; color:#70a500; line-height:120%;}
#content .mainTxt p span {margin-left:120px; color:#3f6618;}
#content .subVisual {}
#content ul.conTxt {float:left; width:290px; margin-left:30px;}
#content ul.conTxt h2 {color:#000; font-size:16px; font-weight:bold;}
#content ul.conTxt h2 span {color:#70a500;}
#content ul.conTxt dl {padding-bottom:20px;}
#content ul.conTxt dt {float:left; width:100%; padding-bottom:10px;}
#content ul.conTxt dd {padding-bottom:10px; text-align:justify;}
#content ul.conTxt a {color:#000;}
#content h3.mainH3 {float:left; width:460px; color:#000; font-size:16px; font-weight:bold; padding-bottom:10px; margin-left:30px;}
#content h3 span {color:#70a500;}
#content ul.conProduct {float:left; width:620px; margin-left:30px;}
#content ul.conProduct p {border:1px solid #CCC;}
#content ul.conProduct li {float:left; width:192px; margin-right:22px; padding-bottom:10px; text-align:center;}
#content ul.conProduct li.last {float:right; width:192px; margin-right:0px; padding-bottom:10px; text-align:center;}
#content ul.conProduct dl {text-align:left;}
#content ul.conProduct dt {color:#000; margin-top:5px; font-weight:bold;}
#content ul.conProduct dt a {color:#000;}
#content ul.conProduct dd {margin-top:5px; padding-left:10px; background:url('../img/arrow.gif') no-repeat 0 4px;}
#content .certificates {float:left; margin-left:30px; padding-bottom:20px;}
#content .certificates h4 {width:940px; padding-bottom:10px; color:#000; font-size:16px;}
#content .certificates h4 span {color:#70a500;}
#content .certificates li {float:left; margin-right:11px;}
#content .certificates li.last {float:left; margin:0px;}


/* 왼쪽 aside부분 */
#content .aside {float:left; clear:both; width:180px; height:250px; margin-top:30px; margin-left:30px; background:url('../img/lm_back.gif') repeat-x;}
#content .aside h2 {font-size:28px; font-weight:bold; color:#70a500;}
#content .aside ul.accordion {width:180px; margin-top:40px;}
#content .aside ul.accordion a {display: block; background:url('../img/lm_bg.png') repeat 0 0; height:22px; padding: 3px 0 0px 32px; font-weight:bold;}
#content .aside ul.accordion a:hover {background:url('../img/lm_bg_r.png') repeat 0 0; color:#009401;}
#content .aside ul.accordion a.dcjq-parent.active {background:url(../img/lm_bg_r.png) no-repeat 0 0; color:#009401;}
#content .aside ul.accordion li {padding:0 0 10px 0;}
#content .aside ul.accordion li a.selected {background:url('../img/lm_bg_r.png') repeat 0 0; color:#009401;}
#content .aside ul.accordion li ul li {padding:0 0 0 0px;}
#content .aside ul.accordion li ul li a {font-size:11px; font-weight:normal; color:#77c802; background:url('#') repeat 0 0; }
#content .aside ul.accordion li ul li a:hover {color:#F00; background:url('#') repeat 0 0;}
#content .aside ul.accordion li ul li a.sub_selected {color:#F00; background:url('#') repeat 0 0;}


/* 오른쪽 contentGroup부분 */
#content .contentGroup {float:right; width:690px; padding:0 30px 30px 30px;}
#content .contentGroup .conHead {float:left; width:100%;}
#content .contentGroup .conHead h2 {float:left; padding-left:14px; font-size:20px; font-weight:bold; background:url('../img/conhead.gif') no-repeat 0 50%;}
#content .contentGroup .conHead h2 span {color:#2f53a3;}
#content .contentGroup .conHead .location {float:right; width:400px; height:30px; margin-top:5px;}
#content .contentGroup .conHead .location ul {float:right; padding-left:34px; background:url('../img/home_icon.gif') no-repeat 0 60%;}
#content .contentGroup .conHead .location li {float:left; text-align:center; margin-left:10px; font-size:11px;}
#content .contentGroup .conHead .location li a {color:#777;}
#content .contentGroup .conHead .location h1 a {color:#70a500; font-size:11px; font-weight:bold;}
#content .contentGroup .conH3 {float:left; width:100%; height:82px; padding-bottom:30px; background:url('../img/company_h3_bg.gif') no-repeat;}
#content .contentGroup .conH3 h3 { padding:20px 0 0 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#70a500;}
#content .contentGroup .proH3 {float:left; width:100%; height:82px; padding-bottom:30px; background:url('../img/product_h3_bg.gif') no-repeat;}
#content .contentGroup .proH3 h3 {padding:20px 0 0 30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#70a500;}
/* CEO MESSAGE */
#content .contentGroup .ceo_messageImg {text-align:center;}
#content .contentGroup .ceo_messageTxt {margin-top:20px;}
#content .contentGroup .ceo_messageTxt p {padding:5px 0;}
#content .contentGroup .ceo_messageTxt p.hello {padding-left:26px; background:url('../img/ceo_message_icon.gif') no-repeat 0 50%;}
#content .contentGroup ul.sign {float:right; width:400px;}
#content .contentGroup ul.sign li {float:left; margin-right:10px;}
#content .contentGroup ul.sign li.m20 {margin-top:20px; color:#000;}
/* HISTORY */
#content .history {float:left;}
#content .history .tbl_type,.tbl_type th,.tbl_type td{border:0}
#content .history .tbl_type{width:400px; border-bottom:2px solid #dcdcdc; border-collapse:collapse}
#content .history .tbl_type caption{display:none}
#content .history .tbl_type td{padding:6px 0 4px 6px; border:1px solid #e5e5e5; color:#4c4c4c}
#content .history .tbl_type td.data{font-weight:bold; background-color:#c4d89b; color:#608c02; text-align:center;}
#content .contentGroup .historyImg {float:right;}
/* PRODUCT */
#content .contentGroup .conImg {float:left;}
#content .contentGroup .features {float:left; width:100%;}
#content .contentGroup .features h4.conH4 {padding-left:16px; font-weight:bold; color:#333; background:url('../img/arrow_red.gif') no-repeat 0 50%;}
#content .contentGroup .features ul {margin-top:10px;}
#content .contentGroup .features li {padding-left:10px; background:url('../img/arrow_green.gif') no-repeat 0 6px;}
#content .contentGroup .specification {float:left; width:100%; margin-top:20px;}
#content .contentGroup .specification h5.conH5 {padding-left:16px; font-weight:bold; color:#333; background:url('../img/arrow_red.gif') no-repeat 0 50%;}
#content .contentGroup .specification ul {margin-top:10px;}
#content .contentGroup .specification li {padding-left:10px; background:url('../img/arrow_green.gif') no-repeat 0 6px;}
#content .contentGroup .specification .tbl_type,.tbl_type th,.tbl_type td{border:0}
#content .contentGroup .specification .tbl_type{float:left; margin-top:10px; width:100%;border-bottom:2px solid #dcdcdc; border-collapse:collapse}
#content .contentGroup .specification .tbl_type caption{display:none;}
#content .contentGroup .specification .tbl_type tfoot{background-color:#f5f7f9;font-weight:bold}
#content .contentGroup .specification .tbl_type th{padding:7px 0 4px; border-top:2px solid #dcdcdc; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#70a500; color:#fff; font-weight:bold}
#content .contentGroup .specification .tbl_type td{padding:6px 0 4px 6px; border:1px solid #e5e5e5; color:#4c4c4c; text-align:center;}
#content .contentGroup .specification .tbl_type td.name{font-weight:bold; background-color:#c4d89b; text-align:center;}
#content .contentGroup .video {float:left; width:100%; margin-top:20px;}
#content .contentGroup .video h6.conH6 {padding-left:16px; font-weight:bold; color:#333; background:url('../img/arrow_red.gif') no-repeat 0 50%;}
#content .contentGroup .video p {text-align:center;}


/* footer */
#footer .sitemap {width:100%; height:270px; margin-top:20px; background-color:#70a500;}
#footer .sitemap p {color:#fff; font-size:16px; margin-bottom:10px; padding:10px 10px; background:url('../img/sitemap_head_bg.gif') repeat-x;}
#footer .sitemap p span {color:#FF0;}
#footer .sitemap dl.f_box01 {float:left; width:150px; margin-left:30px;}
#footer .sitemap dl.f_box02 {float:left; width:240px;}
#footer .sitemap dl.f_box03 {float:right; width:240px;}
#footer .sitemap dl.f_box04 {float:left; width:910px; margin-left:30px;}
#footer .sitemap dl.f_box04 dd {width:170px;}
#footer .sitemap dl.f_box04 dt {color:#fff;}
#footer .sitemap dl.f_box04 dd a {color:#fff200;}
#footer .sitemap dt {margin:5px 0 5px 0; font-weight:bold; color:#fff;}
#footer .sitemap dt a {color:#FFF;}
#footer .sitemap dd {float:left; width:155px; padding-bottom:3px;}
#footer .sitemap dd.p10 {width:145px; padding-left:10px;}
#footer .sitemap dd a {color:#bbff60;}
#footer .sitemap dl.f_box02 dd {float:left; width:240px; padding-bottom:5px;}
#footer .sitemap dl.f_box03 dd {float:left; width:240px; padding-bottom:5px; color:#fff;}
#footer .sitemap dl.f_box03 dd span {padding-left:18px; background:url('../img/ico_mail_s.png') no-repeat 0 50%;}
#footer .footerIn {float:left; width:100%; height:100px; margin-top:10px;}
#footer .footerIn .address {width:100%; font-weight:bold;}
#footer .footerIn .address ul li {float:left; margin-right:20px;}
#footer .footerIn .address address	{font-size:11px; font-weight:bold; margin-top:6px;}
#footer .footerIn .address p {font-size:11px; margin-bottom:20px;}
#footer .footerIn .address p a {text-decoration:none; color:#dadada;}
#footer .footerIn .address p a:hover, a:active, a:focus {text-decoration:none; color:#999;}