@CHARSET "EUC-KR";

#WwwMain{}

#WwwMain .section1 .articles{ margin-left:12px;width:319px; }
#WwwMain .section1 .articles .tab{ height:28px; overflow:hidden; background:url( '/c3/Resource/20120523/Images/Tab/main1/t1_bg1.gif' ) left 25px no-repeat;}
#WwwMain .section1 .articles .tab li{ margin-right:2px; }


#WwwMain .section1 .articles .article-list{ padding:0px; height:167px; overflow:hidden; background:url( '/c3/Resource/20120523/Images/Tab/main1/t1_bg2.gif' ) left top repeat-y; }
#WwwMain .section1 .articles .article-list ul{ margin:10px 0px 0px 15px; }
#WwwMain .section1 .articles .article-list li{ height:14px; padding:6px 0px 5px 15px; background:url( '/c3/Resource/20120523/Images/ListStyle/li1.gif' ) left 8px no-repeat; }

#WwwMain .section2{ margin-top:20px; background:url( '/c3/Resource/20120523/Images/Clipart/mainAppsBack.gif' ) left top no-repeat; height:121px; padding:30px 0px 0px 20px;}
#WwwMain .section2 a{ vertical-align:top;}
#WwwMain .section2 .masp{ width:140px; height:75px; display:inline-block; margin-right:60px; }

#WwwMain .section3 .articles{ width:260px; margin-right:20px; }
#WwwMain .section3 .articles hr{ background-color:#D1D1D1; margin:8px 0px 8px 0px; }
#WwwMain .section3 .articles ul{ margin:0px; padding:0px; }
#WwwMain .section3 .articles ul li{ width:100%; display:block; height:53px; margin:0px; padding:0px; border-bottom:1px solid #D1D1D1; }
#WwwMain .section3 .articles ul li p{ margin:0px; padding:3px 0px; }
#WwwMain .section3 .articles ul li span{ padding:0px; margin:0px; overflow:hidden; }

#WwwMain .section3 .articles.join ul li span.notice-name{ width:195px; }
#WwwMain .section3 .articles.join ul li span.time{ width:33px; text-align:right; }
#WwwMain .section3 .articles.join ul li span.price{ width:80px; text-align:right; }
#WwwMain .section3 .articles.join ul li span.area{ width:75px; text-align:center; }
#WwwMain .section3 .articles.join ul li span.license{ width:75px; text-align:center; }


#WwwMain .section3 .articles.requests ul li span.price{ width:210px; color:#808080; }  
#WwwMain .section3 .articles.requests ul li span.time{ width:32px; text-align:right; color:#9B9B9B }
#WwwMain .section3 .articles.requests ul li span.notice-name{ width:245px; }

#WwwMain .section3 .notices{ width:418px; }
#WwwMain .section3 .notices .tab{ height:28px; overflow:hidden; background:url( '/c3/Resource/20120523/Images/Tab/main2/bg1.gif' ) left 25px no-repeat;}
#WwwMain .section3 .notices .tab li{ margin-right:2px; }

#WwwMain .section3 .notices .article-list{ height:219px; overflow:hidden; background:url( '/c3/Resource/20120523/Images/Tab/main2/bg2.gif' ) left top repeat-y; }
#WwwMain .section3 .notices .article-list ul{ margin:7px 0px 0px 10px; }
#WwwMain .section3 .notices .article-list li{ height:14px; padding:6px 20px 5px 15px; background:url( '/c3/Resource/20120523/Images/ListStyle/li1.gif' ) left 9px no-repeat;}
#WwwMain .section3 .notices .article-list li span{ overflow:hidden; }
#WwwMain .section3 .notices .article-list li .icon{ margin-top:-1px; margin-right:4px; }
#WwwMain .section3 .notices .article-list li span.subject{ width:266px; }


#WwwMain .extend{ margin-top:20px; position:absolute; width:100%; left:0px; background-color:#4e4e4e; height:90px; margin-bottom:-20px; }
#WwwMain .section4{ margin-top:20px; height:75px; position:relative; padding-top:15px;  margin-bottom:-20px;}
#WwwMain .section4 img{ margin-left:25px; vertical-align:middle; }
#WwwMain .section4 img.first{ margin-left:0px; }