/* 제품소개 CSS 입니다 / 작업자 : 백명훈(leonato@eluocnc.com) */ #Sun {width:1100px; height:94px; position:relative; z-index:999; background:url('/img/g/bg_body_1.jpg') repeat-x top center;} #Sun #Logo {position:absolute; left:72px; top:16px; z-index:99;} #Sun #AppStore {position:absolute; left:242px; top:20px; z-index:8;} #Sun #Top_menu {position:absolute; right:69px; top:28px; z-index:9999;} #Sun #Top_menu ul {float:left;} #Sun #Top_menu li {float:left; padding-right:1px; background:url('/img/i/icon_vert_1px6px.gif') no-repeat right 9px;} #Sun #Top_menu li.end {background:none;} #Sun #Top_menu #Global_site {float:left; z-index:9999;} #Sun #Main_menu {position:absolute; left:0px; top:60px; width:100%; z-index:999; text-align:center;} #Sun #Main_menu2 {position:absolute; left:0px; top:60px; width:100%; z-index:999; text-align:center;} /* Contents Visual Area ================================ */ #Contents .cva {height:120px; overflow:hidden; position:relative;} #Contents .cva_cs {height:102px;} #Contents .cva .cva_go {position:absolute; left:445px; top:22px;} /* 서브메인 */ #Contents .index_item {width:680px; padding-left:19px; padding-top:22px; overflow:hidden; background:url('/img/product/index_bg_line.gif') no-repeat 0 0;} #Contents .index_item .item_banner {float:left; width:303px;} #Contents .index_item .index_item01 {float:left; width:355px; overflow:hidden; *margin-bottom:13px; _margin-bottom:0px;} #Contents .index_item .index_item01 dl {float:left; width:355px; padding-left:17px; overflow:visible; min-height:120px; _height:120px; margin-bottom:13px; background:url('/img/product/index_shadow01.gif') no-repeat left bottom;} #Contents .index_item .index_item01 dl dt {float:left; width:153px; } #Contents .index_item .index_item01 dl dt img {border:1px solid #e6e6e6;} #Contents .index_item .index_item01 dl dd {float:left;} #Contents .index_item .index_item01 dl dd.title {line-height:15px; width:173px; padding-left:10px; font-weight:bold; margin-bottom:8px; background:url('/img/i/icon_front_point_01.gif') no-repeat 0 2px;} #Contents .index_item .index_item01 dl dd.title img {vertical-align:middle;} #Contents .index_item .index_item01 dl dd.title a {color:#e71d0f;} #Contents .index_item .index_item01 dl dd.title a:hover {color:#e71d0f;} #Contents .index_item .index_item01 dl dd.info {width:173px; padding-left:0px; } #Contents .index_item .index_item01 dl dd.info li {padding-left:10px; overflow:hidden; line-height:15px; color:#474646; background:url('/img/i/icon_dot_red.gif') no-repeat 0px 5px;} #Contents .index_item .index_item01 dl dd.info li span {float:left;} #Contents .index_item .index_item01 dl dd.info li .info_title {width:70px;} #Contents .index_item .index_item01 dl dd.info li .info_memo {width:90px; } #Contents .index_item .index_item01 dl dd.info li .info_title2 {width:152px;} /* 서브메인 밑에꺼 ===================== */ #Contents .index_item .index_item02 {width:660px; overflow:hidden; margin-bottom:13px; background:url('/img/product/index_shadow02.gif') no-repeat left bottom;} #Contents .index_item .index_item02_end {background:none;} #Contents .index_item .index_item02 dl {float:left; width:319px; overflow:visible; min-height:120px; _height:120px; margin-right:22px;} #Contents .index_item .index_item02 dl.end {margin-right:0px;} #Contents .index_item .index_item02 dl dt {float:left; width:153px;} #Contents .index_item .index_item02 dl dt img {border:1px solid #e6e6e6;} #Contents .index_item .index_item02 dl dd {float:left;} #Contents .index_item .index_item02 dl dd.title {line-height:15px; width:155px; padding-left:10px; font-weight:bold; margin-bottom:8px; background:url('/img/i/icon_front_point_01.gif') no-repeat 0 2px;} #Contents .index_item .index_item02 dl dd.title img {vertical-align:middle;} #Contents .index_item .index_item02 dl dd.title a {color:#e71d0f;} #Contents .index_item .index_item02 dl dd.title a:hover {color:#e71d0f;} #Contents .index_item .index_item02 dl dd.info {width:165px;} #Contents .index_item .index_item02 dl dd.info li {padding-left:10px; overflow:hidden; line-height:15px; color:#474646; background:url('/img/i/icon_dot_red.gif') no-repeat 0px 5px;} #Contents .index_item .index_item02 dl dd.info li span {float:left;border:0px solid red;} #Contents .index_item .index_item02 dl dd.info li span.info_title {width:60px;} #Contents .index_item .index_item02 dl dd.info li span.info_memo {width:92px;} #Contents .index_item .index_item02 dl dd.info li span.info_title2 {width:100px;} /* 001제품정보 */ #Contents .thumbnailWrap {height:108px; border-bottom:2px solid #EBEBEB; padding-bottom:10px; margin-bottom:5px;} /* 2010.02.03 수정 */ #Contents .thumbnailWrap #product_list {float:left;} #Contents .thumbnailWrap #product_list li {float:left; width:85px; height:108px;} #Contents .thumbnailWrap #product_list li img {width:70px; height:71px; margin:1px; border:1px solid #d0d0d0;} #Contents .thumbnailWrap #product_list li.on , #Contents .thumbnailWrap #product_list li a:hover {background:url('/img/product/thum_prdlist_bg.gif') no-repeat 0 0;} #Contents .thumbnailWrap #product_list li.on img , #Contents .thumbnailWrap #product_list li a:hover img {width:70px; height:71px; margin:0px; border:2px solid #f52000;} #Contents .thumbnailWrap #product_list li span {width:73px; margin-top:2px; *margin-top:7px; text-align:center; display:block; line-height:14px;} #Contents .thumbnailWrap #product_list li span a {color:#858585;} #Contents .thumbnailWrap #product_list li span a:hover {color:#44A1A7;} #Contents .thumbnailWrap .scrollLeft {float:left; margin:0;} #Contents .thumbnailWrap .scrollRight {float:right; margin:0;} #Contents .product_info {overflow:hidden; margin-bottom:30px;} #Contents .product_info .thum {float:left; width:324px; height:275px; padding-left:15px; padding-top:9px; background:url('/img/product/thum_img_bg.gif') no-repeat 0 0;} #Contents .product_info .thum ul {overflow:hidden; height:23px; margin-left:8px;} #Contents .product_info .thum ul li {float:left; margin-right:13px;} #Contents .product_info .thum dl {display:block;} #Contents .product_info .thum dl img {width:253px; height:182px;} #Contents .product_info .thum dt {display:block; overflow:hidden;} #Contents .product_info .thum dd {float:left; margin-right:13px;} #Contents .product_info .thum dd.end {margin-right:0px;} #Contents .product_info .thum dd img {width:70px; height:50px; border:3px solid #f0f0f0;} #Contents .product_info .thum dd a:hover img {width:70px; height:50px; border:3px solid #F52000;} #Contents .product_info .summ {float:left; width:341px;} #Contents .product_info .summ h3.product_title {height:32px; color:#e71d0f; font-size:16px; font-weight:bold; padding-top:5px;} #Contents .product_info .summ .summ1 {float:left; width:341px; border-top:1px solid #d1412c; border-bottom:1px solid #d1412c;} #Contents .product_info .summ .summ1 dt {float:left; padding-left:2px; width:90px; padding-top:10px; height:25px;} #Contents .product_info .summ .summ1 dd {float:left; padding-left:32px; width:215px; padding-top:11px; height:24px; line-height:12px; background:url('/img/i/icon_vertical_1px.gif') no-repeat 0 12px;} #Contents .product_info .summ .summ1 dt.txt_product_type {padding-top:17px; height:18px;} #Contents .product_info .summ .summ1 dd.txt_product_type2 {padding-top:18px; height:17px; background:url('/img/i/icon_vertical_1px.gif') no-repeat 0 20px;} #Contents .product_info .summ .summ1 dd span {color:#44a1a7;} /* 2010.02.03 수정 */ #Contents .product_info .summ .summ2 {clear:both; float:left; width:341px; border-bottom:1px solid #ececec; } #Contents .product_info .summ .summ2 li.title9 {float:left; padding-left:14px; width:103px; padding-top:5px; padding-bottom:3px; background:url('/img/i/icon_dot_red.gif') no-repeat 0px 11px;} #Contents .product_info .summ .summ2 li.memo9 {float:left; padding-left:32px; width:192px; padding-top:5px; padding-bottom:3px; background:url('/img/i/icon_vertical_1px.gif') no-repeat 0 8px;} /* //2010.02.03 수정 */ #Contents .product_info_view { margin-bottom:10px;} #Contents .mb13 {margin-bottom:13px;} /* LED - 집어등 */ #Contents .alignBox01 {float:left;} /* 탭메뉴_제품정보 */ #tab_product_info {width:680px; height:30px; float:left; overflow:hidden; margin-bottom:20px; *margin-bottom:0px;} #tab_product_info li {float:left; height:30px; line-height:30px; background:url('/img/product/tab_product_view.gif') no-repeat 0 0;} #tab_product_info li a {display:block; width:116px; height:30px; line-height:30px; background:url('/img/product/tab_product_view.gif') no-repeat 0 0; text-indent:-7777px;} #tab_product_info .product_info01 a {background-position:0 0;} #tab_product_info .product_info01_on a , #tab_product_info .product_info01 a:hover {background-position:0 -30px;} #tab_product_info .product_info02 a {background-position:-116px 0;} #tab_product_info .product_info02_on a , #tab_product_info .product_info02 a:hover {background-position:0px -30px;} #tab_product_info .product_info_blank {background-position:-110px 0px; width:562px;} /* 확대보기_레이어 #layer {overflow:hidden; width:622px; height:449px;} #layer #layer_title {width:622px; height:27px; overflow:hidden; background:url('/img/product/layer_title.gif') no-repeat 0 0; text-indent:-7777px;} #layer #layer_body {width:622px; height:422px; background:url('/img/product/layer_end.gif') no-repeat 0 bottom;} #layer #layer_body img {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} #layer .layer_close {float:right; background:url('/img/product/layer_close.gif') no-repeat 0 0;} #layer .layer_close a {display:block; width:27px; height:27px; line-height:27px; text-indent:-7777px;} */ /* 확대보기_레이어 */ #layer {overflow:hidden;} #layer #layer_title {overflow:hidden; background:url('/img/product/layer_title.gif') no-repeat 0 0; text-indent:-7777px;} #layer #layer_body {background:url('/img/product/layer_end.gif') no-repeat 0 bottom;} #layer #layer_body img {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;} #layer .layer_close {float:right; background:url('/img/product/layer_close.gif') no-repeat 0 0;} #layer .layer_close a {display:block; width:27px; height:27px; line-height:27px; text-indent:-7777px;} /*===============================0225 추가==============================*/ #Contents .ledBtn {width:100%; } #Contents .ledBtn img {float:right; margin-top:15px; margin-bottom:-50px;}