@charset "utf-8";
/* CSS Document */
/* Plani Webdesign Team (http://plani.co.kr/) parkjeongin 090708 */

/* main */
#wrap { width:960px; margin:0 auto; }
#main_vi_zone { width:960px; margin:0 auto; clear:both; height:242px; }
#main_vi_zone #main_cus_zone { float:left; width:271px; height:206px; background:url(http://www.sps-ltd.com/images/common/bg_m_customer.jpg) no-repeat; padding:36px 0 0 25px; }
#main_vi_zone #main_cus_zone ul { padding-top:13px; }
#main_vi_zone #main_cus_zone li { background:url(http://www.sps-ltd.com/images/common/bu_s_b_dot.gif) no-repeat 0 1px; line-height:17px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; padding-left:7px; }
#main_vi_zone #main_cus_zone a { color:#FFF; }
#main_vi_zone #main_vi { float:right; width:664px; height:242px; }


#container { width:960px; margin:0 auto; background:url(http://www.sps-ltd.com/images/common/bg_maincon_body.gif) repeat-y; overflow:hidden; }
#content { width:960px; margin-bottom:35px; overflow:hidden; }
#block1 { float:left; width:320px; background:url(http://www.sps-ltd.com/images/common/bg_journal.gif) no-repeat; overflow:hidden; }
#block1 .journal_note { width:245px; padding:0px 0px 0px 25px; }
#block1 .journal_note .note_contents img { margin-bottom:10px;  }
#block1 .journal_note .note_contents .j_title { margin-bottom:12px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:14px; }
#block1 .journal_note .note_contents .j_title a { color:#222;  font-weight:bold; text-decoration:underline;  }
#block1 .journal_note .note_contents .j_con { margin-bottom:14px; font-family:Verdana, Geneva, sans-serif; font-size:11px }
#block1 .journal_note .note_contents .j_con a { color:#797979;  ; line-height:13px;  text-decoration:none; }
#block1 .journal_note .note_contents .con_explain { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#222; }
#block1 .journal_note .note_contents .con_explain span.more_btn { font-size:12px; color:#f26c4f; }
#block1 .journal_note .note_contents .con_explain a { font-size:12px; color:#f26c4f; text-decoration:underline; }
#block1 .journal_note .note_contents .dot_line { background:url(http://www.sps-ltd.com/images/common/bg_dotline.gif) repeat-x 0 10px; height:25px; clear:both; }
#block1 .journal_note .note_contents .dot_line2 { background:url(http://www.sps-ltd.com/images/common/bg_dotline.gif) repeat-x 0 12px; height:26px; clear:both; }
#block1 .journal_note .note_contents .right_list { text-align:right; height:13px;}


#block2 { float:left; width:400px; padding-top:31px; overflow:hidden; }
#block2 #newszone { float:left; overflow:hidden; margin-bottom:40px; }
#block2 #newszone ul.newscon { font-size:12px; color:#797979; font-family:Verdana, Geneva, sans-serif; margin-top:20px; }
#block2 #newszone ul.newscon li { width:390px; float:left; padding-left:10px; background:url(http://www.sps-ltd.com/images/common/bu_s_g_dot2.gif) no-repeat 0 2px; line-height:18px; }
#block2 #newszone ul.newscon li a { width:390px; text-decoration:underline; font-size:12px; color:#797979; line-height:18px; }
#block2 #newszone ul.newscon li img { margin-left:4px; padding:0px; vertical-align:text-bottom;  }

#block2 #prozone { clear:both; overflow:hidden; width:380px;  }
#block2 #prozone .pro_block { float:left; width:380px; margin-top:20px;  }
#block2 #prozone .pro_block .proinfo {overflow:hidden; clear:both;}
#block2 #prozone .pro_block .proinfo .pro_img { float:left; width:108px; height:75px; display:block; }
#block2 #prozone .pro_block .proinfo .info_text { float:right; width:252px; margin-left:15px; }
#block2 #prozone .pro_block .proinfo .info_text .title_text a { float:left; width:217px; font-family:Tahoma, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#222; line-height:12px; }
#block2 #prozone .pro_block .proinfo .info_text .title_text a:hover { text-decoration:none; }
#block2 #prozone .pro_block .proinfo .info_text .title_text span.y_green { color:#55b116; font-size:11px; line-height:20px; }
#block2 #prozone .pro_block .proinfo .info_text .more_btn { float:right; width:35px; height:15px; margin-top:1px; }
#block2 #prozone .pro_block .proinfo .info_con a { float:left; width:252px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#797979; line-height:14px; padding-top:3px; padding-bottom:30px;}
#block2 #prozone .pro_block .proinfo .info_con a:hover { text-decoration:none; }
.pro_block  .bottom3{margin-bottom:0;}
#block2 #prozone .pro_block .proinfo .info_con2 a { float:left; width:252px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#797979; line-height:14px; padding-top:3px; padding-bottom:0px; }
#block2 #prozone .pro_block .proinfo .info_con2 a:hover { text-decoration:none; }
.pro_block  .bottom3{margin-bottom:0;}



#block3 { float:right; width:190px; padding:31px 25px 0px 25px; overflow:hidden;}
#block3 #ba_block { width:190px; margin-top:15px; }
#block3 #ba_block .ba01 { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:17px; clear:both; overflow:hidden; }
#block3 #ba_block .ba01 .ba_title { float:left;  background:#479c58; padding-left:10px; padding-bottom:2px; width:180px; } /* í¼± : padding-left:12px -> 10px , width:180px */
#block3 #ba_block .ba01 .ba_title .new_img { float:left; }  /* í¼± : ̺κ ß° */
#block3 #ba_block .ba01 .ba_title a { float:left; color:#FFF; background:#479c58; font-weight:bold; }
#block3 #ba_block .ba01 .ba_title a:hover { text-decoration:none; }
#block3 #ba_block .ba01 .ba_title .more_txt_btn { float:right; margin-right:10px;  }
#block3 #ba_block .ba01 .ba_title .more_txt_btn a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; float:right; font-weight:normal; color:#fff568; }
#block3 #ba_block .ba01 .ba_list { float:left; margin-top:5px; *margin-bottom:30px; }
#block3 #ba_block .ba01 .ba_list li { float:left; background:url(http://www.sps-ltd.com/images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:76px; margin-right:10px;  }
#block3 #ba_block .ba01 .ba_list .single_line { float:left; background:url(http://www.sps-ltd.com/images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:172px;  }

#block3 #ba_block .ba02 { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:17px; clear:both; overflow:hidden; }
#block3 #ba_block .ba02 .ba_title { float:left; background:#479c58; padding-left:10px; padding-bottom:2px; width:170px; padding-right:10px;  } /* ̺κ  */
#block3 #ba_block .ba02 .ba_title .new_img { float:left; width:21;}  /* í¼± : ̺κ ß° */
#block3 #ba_block .ba02 .ba_title a { color:#FFF; font-weight:bold; }
#block3 #ba_block .ba02 .ba_title a:hover { text-decoration:none; }
#block3 #ba_block .ba02 .ba_title img { vertical-align:middle; }   /* í¼± : ̺κ  */
#block3 #ba_block .ba02 .ba_title .img { vertical-align:middle; float:right; *margin-top:-12px; _margin-top:-12px; } /* í¼± : ̺κ ß° */
#block3 #ba_block .ba02 .ba_list { float:left; margin-top:5px;*margin-bottom:30px; }
#block3 #ba_block .ba02 .ba_list li { float:left; background:url(http://www.sps-ltd.com/images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:76px; margin-right:10px;  }
#block3 #ba_block .ba02 .ba_list .single_line { float:left; background:url(http://www.sps-ltd.com/images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:172px;  }

#block3 #ba_block .ba03 { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:17px; clear:both; overflow:hidden; }
#block3 #ba_block .ba03 .ba_title { float:left; background:#479c58; padding-left:12px; padding-bottom:2px; width:178px; }
#block3 #ba_block .ba03 .ba_title a { float:left; color:#FFF; font-weight:bold; }
#block3 #ba_block .ba03 .ba_title a:hover { text-decoration:none; }
#block3 #ba_block .ba03 .ba_title .more_txt_btn {float:right; margin-right:10px;}
#block3 #ba_block .ba03 .ba_title .more_txt_btn a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; float:right; font-weight:normal; color:#fff568; }

#block3 #ba_block .ba03 .ba_list { float:left; margin-top:5px; }
#block3 #ba_block .ba03 .ba_list li { float:left; background:url(../images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:76px; margin-right:10px;  }
#block3 #ba_block .ba03 .ba_list .single_line { float:left; background:url(../images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:172px;  }

#block3 #ba_block .ba04 { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:17px; clear:both; overflow:hidden; }
#block3 #ba_block .ba04 .ba_title { float:left; background:#479c58; padding-left:12px; padding-bottom:2px; width:178px; }
#block3 #ba_block .ba04 .ba_title a { float:left; color:#FFF; font-weight:bold; }
#block3 #ba_block .ba04 .ba_title a:hover { text-decoration:none; }
#block3 #ba_block .ba04 .ba_title .more_txt_btn {float:right; margin-right:10px;}
#block3 #ba_block .ba04 .ba_title .more_txt_btn a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; float:right; font-weight:normal; color:#fff568; }

#block3 #ba_block .ba04 .ba_list { float:left; margin-top:5px; }
#block3 #ba_block .ba04 .ba_list li { float:left; background:url(../images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:76px; margin-right:10px;  }

#block3 #ba_block .ba05 { font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:17px; clear:both; overflow:hidden; }
#block3 #ba_block .ba05 .ba_title {float:left; background:#479c58; padding-left:12px; padding-bottom:2px; width:178px; }
#block3 #ba_block .ba05 .ba_title a { float:left; color:#FFF; font-weight:bold; }
#block3 #ba_block .ba05 .ba_title a:hover {  text-decoration:none; }
#block3 #ba_block .ba05 .ba_title .more_txt_btn {float:right; margin-right:10px;}
#block3 #ba_block .ba05 .ba_title .more_txt_btn a { font-family:Tahoma, Geneva, sans-serif; font-size:10px; float:right; font-weight:normal; color:#fff568; }
#block3 #ba_block .ba05 .ba_list { float:left; margin-top:5px; }
#block3 #ba_block .ba05 .ba_list li { float:left; background:url(../images/common/bu_s_y_dot.gif) no-repeat 0 2px; padding-left:9px; width:172px; }



/* sub */
#wrap { width:960px; margin:0 auto; }

/* gnb */
#gnb { width:960px; height:44px; margin:0 auto; margin-top:20px; margin-bottom:8px; clear:both; }
#gnb .gnb_logo { float:left; width:101px; height:44px; }
#gnb .gnb_btn { float:right; height:44px; font-family:Verdana, Geneva, sans-serif; font-size:10px; padding-right:2px; font-weight:bold; color:#252525; }
#gnb .gnb_btn a {  color:#252525; }
#gnb .gnb_btn ul { float:right; height:14px; margin-top:30px; }
#gnb .gnb_btn li { float:left; background:url(../images/common/bu_s_b_dot2.gif) no-repeat 0 2px; padding-left:14px; }

#lnb {width:960px; margin:0 auto; background:url(../images/common/bg_lnb.gif) no-repeat; position:relative;}
.lnbBg {background:url(../images/common/bg_topsub.gif) repeat-x 0 40px; width:960px; height:63px;}
#topmenu {position:absolute; top:0px; left:14px; font-family:Verdana, Geneva, sans-serif; line-height:22px; font-size:10px;}
#topmenu a{color:#fff;}
#topmenu a:hover span {color:#fff;}
#topmenu li{display:inline; float:left; color:#fff;}
#topmenu li ul{position:absolute; top:40px; display:none; width:960px; height:23px;}
#topmenu ul.topmenu1 {left:10px;}
ul.topmenu1 li{float:left;} ul.topmenu1 li a{margin:0 5px;}
#topmenu ul.topmenu2 {left:50px;}
ul.topmenu2 li a{float:left;} ul.topmenu2 li a{margin:0 5px;}
#topmenu ul.topmenu3 {left:170px;}
ul.topmenu3 li a{float:left;} ul.topmenu3 li a{margin:0 5px;}
#topmenu ul.topmenu4 {left:600px;}
ul.topmenu4 li a{float:left;} ul.topmenu4 li a{margin:0 5px;}

#lnb ul { width:910px; height:40px; margin:0 auto; }
#lnb li { float:left; }
#lnb li img { float:left; }

#lnb_sub { width:960px; height:23px; margin:0 auto; background:url(../images/common/bg_topsub.gif) repeat-x; color:#FFF;  }
#lnb_sub a { color:#FFF;  }
#lnb_sub ul { padding-left:25px; padding-right:25px; }
#lnb_sub li { float:left; font-family:Verdana, Geneva, sans-serif; line-height:22px; font-size:10px; }

#lnb_sub2 { width:960px; height:23px; margin:0 auto; background:url(../images/common/bg_topsub.gif) repeat-x; color:#FFF;  }
#lnb_sub2 a { color:#FFF;  }
#lnb_sub2 ul { padding-left:120px; padding-right:25px; }
#lnb_sub2 li { float:left; font-family:Verdana, Geneva, sans-serif; line-height:22px; font-size:10px; }

#lnb_sub3 { width:960px; height:23px; margin:0 auto; background:url(../images/common/bg_topsub.gif) repeat-x; color:#FFF;  }
#lnb_sub3 a { color:#FFF;  }
#lnb_sub3 ul { padding-left:304px; padding-right:25px; }
#lnb_sub3 li { float:left; font-family:Verdana, Geneva, sans-serif; line-height:22px; font-size:10px; }

#lnb_sub4 { width:960px; height:23px; margin:0 auto; background:url(../images/common/bg_topsub.gif) repeat-x; color:#FFF;  }
#lnb_sub4 a { color:#FFF;  }
#lnb_sub4 ul { padding-left:734px; padding-right:25px; }
#lnb_sub4 li { float:left; font-family:Verdana, Geneva, sans-serif; line-height:22px; font-size:10px; }

/* sub_vi */
#sub_vi { width:960px; height:115px; margin:0 auto; background:url(../images/common/bg_sub_vi.jpg) no-repeat;  }
#sub_vi #sub_vi_swf { float:right; width:714px; height:115px;  }


#sub_container { width:960px; margin:0 auto; background:url(../images/common/bg_con_body.gif) repeat-y; overflow:hidden; }

#sub_content { float:left; width:657px;  padding: 20px 28px 0px 29px;  }
#sub_contop { width:657px; height:34px; margin-bottom:30px; border-bottom:#d8d8d8 solid 1px; }
#sub_contop .contitle { float:left; }
#sub_contop .contitle img { float:left; *margin-bottom:-1px; }

#sub_contop .location { float:right; height:18px; padding:11px 2px 6px 0px; font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:18px; }
#sub_contop .location li { color:#555; }
#sub_contop .location .contitle_point { color:#3f76ac; }
#sub_conbody { width:657px; text-align:justify; padding-bottom:40px; overflow:hidden; }
#contab_bottom { float:left; width:657px; text-align:justify; overflow:hidden; }

/* snb */
#snb { float:left; width:246px; display:inline; }
#snb img { float:left; }

#snb ul.snb_menu a { font-family:Tahoma, Geneva, sans-serif; font-size:13px; font-weight:500; color:#252525; line-height:14px; }
#snb ul.snb_menu li { float:left; width:186px; overflow:hidden;  padding:5px 25px 8px 35px }
#snb ul.snb_menu .bg { height:19px; background:url(../images/common/bg_snb_01.gif) no-repeat; }
#snb ul.snb_menu .bg2 { height:32px; background:url(../images/common/bg_snb_02.gif) no-repeat; }

#snb ul.snb_sub { background:url(../images/common/bg_snb_over.gif) repeat-y; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:normal; overflow:hidden; border-bottom:#dadada solid 1px; padding:5px 0px 10px 0px; }
#snb ul.snb_sub li { width:182px; float:left;  color:#555; line-height:20px; padding:0px 25px 0px 39px; background:url(../images/common/bu_s_g_dot.gif) no-repeat 31px 0; text-decoration:underline; }

#snb .ad_customer { float:left; }


/* copy */
#copyzone { width:960px; height:65px; margin:0 auto; background:url(../images/common/bg_copyright.gif) no-repeat; }
#copyzone .copylogo {  float:left; width:120px; height:65px; }
#copyzone .copyright { float:left; width:810px; height:53px; font-size:10px; padding:12px 0px 0px 30px; color:#6c6c6c; }
#copyzone .copyright span.adress01 { line-height:20px; font-family:Verdana, Geneva, sans-serif; }
#copyzone .copyright span.adress02 { line-height:14px; font-family:Tahoma, Geneva, sans-serif;  }