@charset "utf-8";
/* CSS Document */
#sub_container{ padding:40px 0 80px 0; min-height:430px;}
#s_navi{ background:#78b257; height:45px;}
#s_title{ background:url(/common/static/mycompany/images/stop_bg.jpg) center top no-repeat; height:100px; padding-top:27px; text-align:center;}
#s_title p{ padding-top:10px;}

/*.greeting p{ display:inline-block; vertical-align:top; width:485px; margin-right:20px; word-break:keep-all;}*/
/*.greeting p:last-child{ margin-right:0;}*/
/*.greeting p span{ display:block; text-align:right; margin-top:110px;}*/

#history .his_con{ background:url(/img/his_line.gif) 80px 26px no-repeat; padding-bottom:50px;}
#history .his_con ul:after{ content:""; display:block; clear:both;}
#history .his_con ul li{ float:left;}
#history .his_con .year{background:url(/img/his_arrow.gif) right no-repeat; padding-right:40px; font-size:25px; font-weight:bold; color:#78b257;}
#history .his_con .month{ font-size:14px; color:#999; padding-left:30px; }
#history .his_con .day{ font-size:24px; font-weight:bold; color:#999;padding-right:15px; }
#history .his_con .data{ width:360px;}
#history{background:url(/img/history_img.jpg) left top no-repeat; padding-left:400px; margin-top:30px;}
#history div:last-child{ background:none;}
#patents:after{content:""; display:block; clear:both;}
#patents dl{ float:left; padding:5px 3px;}
#patents dl dd{ background:url(/img/patent_name.jpg) no-repeat; color:#FFF; font-size:17px; text-align:center; line-height:20px; min-height:66px; width:306px; padding:10px;}

#locaton_con{background:url(/img/location_img.gif) left top no-repeat; padding-left:290px; min-height:170px; text-transform:uppercase;}
#locaton_con h1{ font-size:24px; color:#78b257; padding:20px 0; font-weight:bold; }
#locaton_con p span{ display:inline-block; color:#333; width:45px;}


/*제품*/
#pro_list dl{ display:inline-block; vertical-align:top; margin:0 15px; width:300px; margin-bottom:60px;}
#pro_list dl dt{ width:300px; height:200px;}
#pro_list dl .pro_title{ text-align:center; font-size:17px; color:#333; padding:10px 0; border-bottom:1px solid #666; margin-bottom:5px;}
#pro_list dl .pro_con{ padding-bottom:10px;}
#pro_list dl .proview_btn{ width:300px; background:url(/img/view_arrow.gif) right no-repeat #78b257; color:#FFF; line-height:30px; border:1px solid #78b257; cursor:pointer; }
.list_view_btn{background:url(/img/view_arrow.gif) right no-repeat #78b257; color:#FFF; padding:5px 30px; line-height:30px; border:1px solid #78b257; cursor:pointer; text-align:right; margin:30px 0;}

#sy_pro{background-color:#eeeeee; padding:15px;}
#sy_pro .view_img{ margin:0 20px 20px 0;}
#sy_pro .view_list{ width:250px;}
#sy_pro .view_list .tit{ font-size:16px; color:#C00; font-weight:bold; line-height:40px; border-bottom:1px solid #999;}
#sy_pro .view_list .feature{font-size:14px; color:#333; font-weight:bold; padding-top:30px;}
#sy_pro .view_list .feature_t{ height:120px; padding-top:10px;}
#sy_pro .view_box{display:inline-block; vertical-align:top;}
#sy_pro .view_box ul li{ display:inline-block; margin-right:20px; margin-top:10px;}

#sy_prodetail{ font-size:20px; color:#be7f11; font-weight:bold; border-left:6px solid #be7f11;  text-indent:10px; line-height:30px; margin:40px 0 10px 0;}


#gts_proview{background-color:#eeeeee; padding:30px;}
#gts_proview .view_img{ display:inline-block; vertical-align:top; margin-right:70px;}
#gts_proview .view_list{ width:415px;}
#gts_proview .view_list .tit{ font-size:16px; color:#C00; font-weight:bold; line-height:40px; border-bottom:1px solid #999;}
#gts_proview .view_list .feature{font-size:14px; color:#333; font-weight:bold; padding-top:30px;}
#gts_proview .view_list .feature_t{ height:120px; padding-top:10px;}
#gts_proview .view_list ul li{ display:inline-block; margin-right:20px; margin-top:10px;}

#gts_prodetail{ font-size:20px; color:#333333; font-weight:bold; border-bottom:2px solid #3d986c;  line-height:30px; margin:40px 0 10px 0;}

#online .online_title{ background:url(/img/online_img.jpg) left top no-repeat; padding:20px 0 50px 205px; height:127px; margin-bottom:130px;  }
#online .online_title .title{ color:#222; font-size:34px; padding-bottom:20px;}
#online ul li{ margin:15px 0;color:#999;}
#online label{ width:150px; color:#333}
#online input{ text-indent:10px; }
#online select{ border:1px solid #999;}
#online .txt_area{  border:1px solid #ccc; border-radius:10px; width:50%; color:#999;  margin:5px 0; line-height:30px; height:30px;}
#online .txt_area2{  border:1px solid #ccc;border-radius:10px;  width:30%; color:#999;  margin:5px 0; line-height:30px; height:30px;}
#online .txt_area3{  border:1px solid #ccc;border-radius:10px;  width:15%; color:#999;  margin:5px 0; line-height:30px; height:30px;}
#online textarea{border:1px solid #ccc; width:70%;}

#online .confirm{ border:1px solid #78b257;border-radius:10px; background:#78b257; color:#FFF; font-size:17px; font-weight:bold; text-align:center; padding:10px 20px; margin-right:10px; cursor:pointer; }
#online .cancel{ border:1px solid #666;border-radius:10px; background:#666; color:#FFF; font-size:17px; font-weight:bold; text-align:center; padding:10px 20px;  cursor:pointer; }

#online a.mail{font-size: 18px; font-weight: bold; color:#78b257; display:inline-block; margin-top:10px;}
#online a.mail span{background:#78b257 url('/img/mail_icon_w.png') no-repeat center; display:inline-block; border-radius: 100%; width: 24px; height: 24px; vertical-align:middle; margin-right: 7px;}