#contents {} #contents .subTopBanner { margin-bottom:10px; } .contentsWrap {margin-bottom:20px; float:left; width:979px;border-right:1px solid #daddd4; border-top:1px solid #daddd4; border-bottom:1px solid #daddd4; background:url(../images/sub/menu_bg.jpg) repeat-y left top #fff; } .contentsWrap .leftContents { width:200px; float:left;margin-right:34px; } .contentsWrap .leftContents h3 { width:175px;padding-top:30px; padding-left:25px; height:45px; background:url(../images/sub/menu_img.jpg) no-repeat left top; } .contentsWrap .leftContents .leftMenu {float:left; margin-bottom:20px; width:200px; background:url(../images/sub/line.gif) no-repeat left top;padding-top:5px; } .contentsWrap .leftContents .leftMenu li { float:left; border-bottom:1px solid #daddd4; padding:5px; width:190px; } .contentsWrap .leftContents .leftMenu li a {float:left; color:#363636; font-size:14px;width:155px; display:block; padding-left:15px; padding-top:14px; padding-bottom:9px; padding-right:20px; } .contentsWrap .leftContents .leftMenu li a:hover { text-decoration:none; color:#fff; background:url(../images/sub/menu_over.png) no-repeat 170px center #7eb01e; } .contentsWrap .leftContents .leftMenu li.hover a { text-decoration:none; color:#fff;background:url(../images/sub/menu_over.png) no-repeat 170px center #7eb01e; } .contentsWrap .rightContents { float:left; width:700px; margin-right:45px; } .contentsWrap .rightContents .topContents {border-bottom:1px dashed #daddd4; height:45px;width:100%; padding-top:30px; position:relative; } .contentsWrap .rightContents .topContents h1 {font-size:25px; color:#000; line-height:1.4; font-weight:bold; font-family:"맑은 고딕",Malgun Gothic; } .contentsWrap .rightContents .topContents .location { position:absolute; top:50px; right:10px;color:#a0a0a0; } .contentsWrap .rightContents .topContents .location strong { color:#363636; font-weight:normal; } #mainContents { width:680px; padding-top:50px; padding-bottom:50px; padding-left:10px; padding-right:10px;color:#333; line-height:1.6; } #mainContents h2 {color:#668527; font-weight:bold;font-size:14px; } #mainContents .h2Title {color:#668527; font-weight:bold;font-size:14px; } #mainContents p {font-size:13px; } #mainContents ul li {font-size:13px; padding-left:10px; background:url(../images/sub1/sub1_6/depth1.png) no-repeat left 5px; } #mainContents ul li ul {padding-left:10px; } #mainContents ul li ul li {font-size:13px; padding-left:8px; background:url(../images/sub/depth3.png) no-repeat left 5px; } #mainContents h3 { font-size:13px; padding-left:10px; font-weight:bold; background:url(../images/sub1/sub1_6/depth1.png) no-repeat left 5px; } #mainContents .dataTable { width:100%; border-collapse:collapse; border-top:1px solid #ddd; border-left:1px solid #ddd; color:#000; } #mainContents .dataTable thead th { padding:10px;text-align:center;background:#eee; border-bottom:1px solid #ddd; border-right:1px solid #ddd; } #mainContents .dataTable thead td {padding:10px; text-align:center; border-bottom:1px solid #ddd;border-right:1px solid #ddd; } #mainContents .dataTable tbody th {padding:10px;text-align:center; background:#eee; border-bottom:1px solid #ddd;border-right:1px solid #ddd; } #mainContents .dataTable tbody td {padding:10px;text-align:center; border-bottom:1px solid #ddd;border-right:1px solid #ddd; } /*로그인 텍스트*/ #mainContents .login_wrap p { font-size:12px; } /*인사말*/ #mainContents .greeting { } #mainContents .greeting strong { font-weight:bold; color:#3c8b02;font-weight:bold; } #mainContents .greeting p { font-size:13px; } /*로고소개*/ #mainContents .logo_intro { } #mainContents .logo_intro .pull-left {margin-right:10px; } #mainContents .logo_intro .text {float:left; width:350px; } #mainContents .logo_intro p {font-size:13px; } /*걸어온길*/ #mainContents .history { clear:both; background:url(../images/sub1/sub1_6/bg.png) no-repeat right bottom;} #mainContents .history .top_his { margin-bottom:40px; padding-left:160px; background:url(../images/sub1/sub1_6/img.jpg) no-repeat left top; } #mainContents .history .year { margin-bottom:30px; } #mainContents .history .year h3 { float:left;padding-top:3px; padding-left:0px; background:none;} #mainContents .history .year ul { margin-left:160px; } #mainContents .history .year ul li {padding-left:10px; background:url(../images/sub1/sub1_6/depth1.png) no-repeat left 5px; } /*사업영역개요*/ #mainContents .business {} #mainContents .business .business_con_wrap {} #mainContents .business .business_con_wrap .business_con {float:left; margin-bottom:10px; } #mainContents .business .business_con_wrap .business_con .img { float:left;margin-right:15px; } #mainContents .business .business_con_wrap .business_con ul {float:left; margin-top:10px;width: 550px; } /*친환경농업*/ #mainContents .environmentally { padding-right:280px; background:url(../images/sub2/bg1.jpg) no-repeat right 50px; } /*다울의 친환경농업*/ #mainContents .baru_list {} #mainContents .baru_list li { float:left; background:none; width:300px; padding-left:20px; padding-right:20px; } #mainContents .baru_list li.line { background:url(../images/sub3/line.png) no-repeat right top; } /*바루 미생물*/ #mainContents .microorganism { } #mainContents .microorganism .microorganism_con_wrap .microorganism_con {float:left; margin-bottom:10px; } #mainContents .microorganism .microorganism_con_wrap .microorganism_con .img { float:left;margin-right:15px; } #mainContents .microorganism .microorganism_con_wrap .microorganism_con ul {float:left; margin-top:10px;width: 550px; } #mainContents .microorganism .microorganism_con_wrap .microorganism_con ul li { background:url(../images/sub3/depth2.gif) no-repeat left 7px;} #mainContents .microorganism .microorganism_con_wrap .microorganism_con ul li strong { color:#668527; font-weight:bold; } #mainContents .microorganism ul li ul li { background:url(../images/sub3/depth2.gif) no-repeat left 7px; } #mainContents .microorganism ul li ul li strong { color:#668527; font-weight:bold; } #mainContents .microorganism ul li ul li ul li { background:url(../images/sub/depth3.gif) no-repeat left 7px; } /*다울농산물*/ #mainContents .farm {} #mainContents .farm .img_left { float:left; } #mainContents .farm .text_left { margin-left:205px; } #mainContents .farm .text_right { margin-right:355px; } #mainContents .farm .img_right { float:right; } #mainContents .farm .haf_table { width:330px; float:left;text-align:center; } #mainContents .farm .left_table { margin-right:20px; }