.subTopBanner {margin-bottom:20px; width:100%; background:url(../images/sub/img_bg.jpg) no-repeat center top; height:150px; } .subTopBanner p {height:150px; width:100%;} .subContainer { width:980px; margin:0 auto; } .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.png) repeat-y left top #fff; } .contentsWrap .leftContents { width:200px; float:left;margin-right:34px; } .contentsWrap .leftContents h3 { border-bottom:1px solid #daddd4; color:#fff; font-weight:bold; font-size:22px; width:200px; height:80px; background:url(../images/sub/tit_img.jpg) no-repeat left top; } .contentsWrap .leftContents .leftMenu {float:left; margin-bottom:20px; width:200px; } .contentsWrap .leftContents .leftMenu li { float:left; border-bottom:1px solid #daddd4; width:200px; } .contentsWrap .leftContents .leftMenu li a {float:left; width:155px; color:#363636; font-size:14px; display:block; padding-left:25px; padding-top:16px; padding-bottom:15px; padding-right:20px; } .contentsWrap .leftContents .leftMenu li a:hover { text-decoration:none; color:#fff; background:url(../images/sub/menu_over.png) no-repeat 180px center #0f70b7; } .contentsWrap .leftContents .leftMenu li.hover a { text-decoration:none; color:#fff;background:url(../images/sub/menu_over.png) no-repeat 180px center #0f70b7; } .contentsWrap .leftContents .leftMenu li ul { margin-bottom:0px;padding-bottom:5px;background:#eaf3f8; padding-top:10px; border-top:1px solid #daddd4;} .contentsWrap .leftContents .leftMenu li ul li { border-bottom:0px; } .contentsWrap .leftContents .leftMenu li ul li a { border-bottom:0px; font-size:12px; padding-top:0px; padding-bottom:5px; } .contentsWrap .leftContents .leftMenu li ul li a:hover {text-decoration:underline; color:#363636; background:none; } .contentsWrap .leftContents .leftMenu li ul li.hover a { text-decoration:underline; color:#363636; background:none; } .contentsWrap .leftContents .leftMenu li.hover ul li a { text-decoration:none; color:#363636; background:none; } .contentsWrap .leftContents .leftMenu li.hover ul li a:hover {text-decoration:underline; color:#363636; background:none; } .contentsWrap .leftContents .leftMenu li.hover ul li.hover a { text-decoration:underline; color:#363636; background:none; } .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; } #mainContents p {font-size:14px; color:#000; line-height:1.6; } #mainContents h2 { font-size:16px; color:#000; line-height:1.6;font-weight:bold; margin-bottom:5px; } #mainContents h3 { font-size:14px; color:#0f70b7;font-weight:bold; } #mainContents ul {} #mainContents ul li {padding-left:10px; background:url(../images/sub/depth1.gif) no-repeat left 9px;font-size:14px; line-height:1.6; } /*로그인 텍스트*/ #mainContents .login_wrap p { font-size:12px; } /*인사말*/ #mainContents .greeting_name { font-size:16px; color:#0f70b7; } #mainContents .greeting_name strong {font-weight:bold; color:#000; } /*조직도 연혁*/ #mainContents .organization {position:relative; } #mainContents .organization .img { position:absolute; top:0px; right:0px; } #mainContents .organization .text { margin-right:300px; } #mainContents .organization h2 ,#mainContents .history h2 { margin-bottom:10px; } #mainContents .history p.his { width:700px; float:left; } #mainContents .history .date { width:80px; float:left; color:#0f70b7; } #mainContents .history .text { width:620px;float:left; } /*인증서*/ #mainContents .certificates { } #mainContents .certificates .certificates_con { float:left; width:700px; margin-bottom:30px; } #mainContents .certificates .certificates_con .img { float:left; width:140px; } #mainContents .certificates .certificates_con .con { float:left; width:560px; } #mainContents .certificates .certificates_con .con h2 { color:#0f70b7; } #mainContents .certificates .in_list { text-align:center; } #mainContents .certificates .in_list a {position:relative; display:inline-block; margin:10px; text-align:center; } #mainContents .certificates .in_list a span { position:absolute; bottom:0px; right:0px; } #mainContents .certificates .ex { float:left; width:700px; } #mainContents .certificates .ex .img { float:left; width:205px; } #mainContents .certificates .ex .text { float:left; width:495px; } /*about us*/ #mainContents .about_us {} #mainContents .about_us .about_us_top { position:relative; } #mainContents .about_us .about_us_top .img { position:absolute; top:-10px; right:0px; } #mainContents .about_us .ci { width:700px; float:left; } #mainContents .about_us .ci .img { width:360px; float:left; } #mainContents .about_us .ci .text { width:340px; float:left; } /*features of product*/ #mainContents .features { } #mainContents .features .top_img {} #mainContents .features .top_img span {display:inline-block;margin-bottom:10px; width:300px; text-align:center; } #mainContents .features .top_img span.left { margin-right:10px; } #mainContents .features .top_img img { margin-bottom:0px; } #mainContents .features .center_img {margin-bottom:20px; } #mainContents .features .center_img .center_img_con { float:left; width:220px; margin-right:10px; } #mainContents .features .center_img .last { margin-right:0px; } #mainContents .features .center_img .center_img_con .img { } #mainContents .features .center_img .center_img_con .title { font-size:14px; color:#0f70b7;font-weight:bold; } #mainContents .features .center_img .center_img_con .text { } #mainContents .features .bottom_img { float:left; width:700px;margin-bottom:10px; } #mainContents .features .bottom_img .img { float:left; width:240px; } #mainContents .features .bottom_img .bottom_img_con { float:left; width:460px; } /*eco olive flounder*/ #mainContents .productsWrap {} #mainContents .productsWrap .state {margin-bottom:20px; } #mainContents .productsWrap .products { position:relative;float:left; width:100%;margin-bottom:10px; } #mainContents .productsWrap .products .img {float:left;margin-right:20px; } #mainContents .productsWrap .products .productsCon { float:left;width:400px; } #mainContents .productsWrap .products .productsCon .title {font-size:16px; color:#0f70b7; font-weight:bold; } #mainContents .productsWrap .products .productsCon .text { font-size:14px; color:#000; } #mainContents .productsWrap .products .productsCon .text strong {font-weight:bold; } #mainContents .productsWrap .products .productsCon ul { margin-top:7px; margin-bottom:7px; } #mainContents .productsWrap .products .productsCon .state_s { position:absolute; top:0px; right:0px; }