@charset "euc-kr"; @import URL("shop.css"); @import URL("community.css"); @import URL("member.css"); @import URL("popup.css"); @import URL("board.css"); @import URL("company.css"); @import URL("/EditorMarket/editor.css"); /* 1.타이틀 : 9to1 전역스타일 CSS 2.작업 : nicetoday.com 3.날짜 : 2009년 10월 7일 ~ 4.비고 : DTD - XHTML 1.0 Transitional 5.기타 : 6.테스트 브라우져 : IE 8.0 // IE 7.0 // IE 6.0 // 오페라 10 // 파이어폭스 3.5 // 사파리 3.1.2 // 크롬 3.0 */ /* 전역설정 */ * { font-family:"돋움", "굴림", sans-serif, Verdana; font-size:12px; color:#444; } body { padding:0; margin:0; width:100%; height:100%; font-family:"돋움", "굴림", sans-serif, Verdana; font-size:12px; color:#444; } table,td,th,ol,ul,li,dl,dt,dd { padding:0; margin:0; border:0; } table { border-collapse:collapse; border-spacing:0; } li { list-style:none; } img { display:block; border:0; color:#666; font-size:11px;} /* 링크 스타일 */ body a:link { font-size:12px; color:#222; text-decoration:none; } body a:active { font-size:12px; color:#222; text-decoration:none; } body a:visited { font-size:12px; color:#222; text-decoration:none; } body a:hover { font-size:12px; color:#555; text-decoration:underline; } /* 이하 서브 템플릿 */ body { background:url(/_images/main/bg_navigation.gif) repeat-x left 73px; } #wrapper { position:relative; margin:0 auto; width:900px; } /* top 네비게이션 */ #gnb { position:relative; width:900px; overflow:hidden; background:url(/_images/main/bg_top_tire.gif) no-repeat; } #gnb .top { width:900px; height:73px; } #gnb .top .logo { position:relative; top:5px; margin:0 auto; width:104px; height:60px; } #gnb .top .menu { position:relative; top:-53px; float:right; } #gnb .top .menu ul li { float:left; padding:0 10px; color:#888; font-size:11px; background:url(/_images/main/top_menu_partition.gif) no-repeat right 2px; } #gnb .top .menu ul li a{ color:#888; font-size:11px; } #gnb .top .search { position:absolute; top:35px; left:627px; width:273px; height:29px; background:url(/_images/main/top_search_form.gif) no-repeat; } #gnb .top .search input { float:left; margin:2px 4px 0 15px; padding-top:5px; width:178px; height:19px; font-size:14px; font-weight:bold; color:#555; background:url(/_images/main/top_search_bg.gif) no-repeat left 7px; border:0; } #gnb .top .search img { float:left; } #gnb .navigation { margin-bottom:5px; width:900px; height:58px; } #gnb .gnb_container { position:relative; width:900px; height:270px; } #gnb .gnb_container a { color:#666; font-size:11px; } #gnb .gnb_container a:hover { color:#333; font-size:11px; } #gnb .gnb_container h1 { position:absolute; top:8px; left:10px; display:block; margin:0; padding:0; } #gnb .gnb_container .more { position:absolute; top:8px; left:137px; } #gnb .gnb_container .notice { position:relative; float:left; overflow:hidden; width:189px; height:127px; background:url(/_images/main/gnb_content_box.gif) no-repeat; } #gnb .gnb_container .notice ul { position:relative; top:33px; left:10px; overflow:hidden; } #gnb .gnb_container .notice ul li { padding:4px 0 3px 8px; width:163px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; font-size:11px; border-bottom:1px solid #eee; background:url(/_images/main/gnb_icon1.gif) no-repeat left 7px; } #gnb .gnb_container .qna { position:relative; clear:both; float:left; margin-top:5px; overflow:hidden; width:189px; height:127px; background:url(/_images/main/gnb_content_box.gif) no-repeat; } #gnb .gnb_container .qna ul { position:relative; top:33px; left:10px; overflow:hidden; } #gnb .gnb_container .qna ul li { padding:4px 0 3px 8px; width:163px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; font-size:11px; border-bottom:1px solid #eee; background:url(/_images/main/gnb_icon1.gif) no-repeat left 7px; } #gnb .gnb_container .gallery { position:relative; float:right; overflow:hidden; width:189px; height:127px; background:url(/_images/main/gnb_content_box.gif) no-repeat; } #gnb .gnb_container .gallery .pic{ position:relative; top:34px; left:10px; overflow:hidden; width:170px; } #gnb .gnb_container .gallery .pic .img{ float:left; margin-right:5px; } #gnb .gnb_container .gallery .pic .name{ padding:4px 0; color:#444; font-size:11px; font-weight:bold; } #gnb .gnb_container .gallery .pic .etc{ width:80px; height:60px; overflow:hidden; } #gnb .gnb_container .location { position:relative; float:right; margin-top:5px; overflow:hidden; width:189px; height:127px; background:url(/_images/main/gnb_content_box.gif) no-repeat; #clear:both; } /* IE 6,7 */ #gnb .gnb_container .location .map { position:relative; top:46px; margin:0 auto; width:166px; } #gnb .gnb_container .visual { margin:0 auto; width:515px; height:258px; } /* left 네비게이션 */ #lnb { float:left; width:189px; overflow:hidden; margin-right:4px;} #lnb .banner { margin-top:20px; overflow:hidden; width:189px; background:url(/_images/main/banner_box_middle.gif) repeat-y; } #lnb .banner ul { margin:0 auto; width:179px; } #lnb .banner li { padding:0 0 5px 0; width:179px; overflow:hidden; } #lnb .banner .top_bd { width:179px; height:6px; font-size:0; line-height:0; } #lnb .banner .bottom_bd { width:179px; height:7px; font-size:0; line-height:0; } #lnb #category { position:relative; width:189px; overflow:hidden; background:url(/_images/sub/lnb_border_base.gif) repeat-y; } #lnb #category_inch { width:189px; overflow:hidden; background:url(/_images/sub/lnb_border_base.gif) repeat-y; } #lnb #category_package { display:none; width:189px; overflow:hidden; background:url(/_images/sub/lnb_border_base.gif) repeat-y; } #category_inch ol { float:left; } #category_inch ol li { float:left; line-height:0; font-size:0; cursor:hand; cursor:pointer; } #category_inch ul { margin:0 auto 0 auto; width:170px; border-top:1px solid #eee; } #category_inch ul li { margin-top:2px; padding:5px 0 5px 18px; color:#444; font-size:12px; border-bottom:1px solid #eee; background:url(/_images/sub/lnb_li_blur.gif) no-repeat; cursor:hand; cursor:pointer; } #categort_inch .border_float { float:left; } #category_package ol { float:left; } #category_package ol li { float:left; line-height:0; font-size:0; cursor:hand; cursor:pointer; } #category_package ul { margin:0 auto 0 auto; width:170px; border-top:1px solid #eee; } #category_package ul li { margin-top:2px; padding:5px 0 5px 18px; color:#444; border-bottom:1px solid #eee; background:url(/_images/sub/lnb_li_blur.gif) no-repeat; cursor:hand; cursor:pointer; } #category ol { float:left; } #category ol li { float:left; } #category ol .tab { float:left; width:189px; height:28px; background:url(/_images/sub/lnb_tab.gif) no-repeat; } #category ol .title { position:absolute; top:9px; left:17px; color:#fff; font-weight:bold; z-index:10; } #category ol .shadow { position:absolute; top:10px; left:18px; color:#ad7618; font-weight:bold; z-index:9;} #category ul { margin:0 auto 0 auto; width:170px; border-top:1px solid #eee; } #category ul li { margin-top:2px; padding:5px 0 5px 18px; color:#444; font-size:12px; border-bottom:1px solid #eee; background:url(/_images/sub/lnb_li_blur.gif) no-repeat; cursor:hand; cursor:pointer; } #categort .border_float { float:left; } /* 내용 */ #container { position:relative; overflow:hidden; width:auto; _float:left; } /* IE 6 */ #container .page_title { position:relative; margin-bottom:20px; float:left; width:100%; height:34px; background:url(/_images/sub/title_border.gif) repeat-x; } #container .page_title h1 { display:block; float:left; margin:0; padding:8px 20px 0 30px; height:23px; color:#a64f09; font-size:16px; border-bottom:3px solid #fbcb42; background:url(/_images/sub/title_icon.gif) no-repeat 8px 8px; } #container .page_title .path { float:right; margin:10px 10px 0 0; } #container .page_title .path ul li{ float:left; padding:0 3px; color:#999; font-size:11px; } #container .page_title .path ul li span { color:#a4530c; } #container .page_title .path ul .home{ padding-left:7px; background:url(/_images/sub/path_icon.gif) no-repeat left 4px; } #main_container { position:relative; width:auto; _float:left; } #main_container .content_top:after { display:block; content:""; clear:both; padding-bottom:20px; border-bottom:1px dashed #ccc; } #main_container .content_top .new_item { float:left; margin:right:4px; } #main_container .content_top .new_item h2 { display:inline; padding:0; margin:0; padding-left:10px; width:188px; height:20px;} #main_container .content_top .new_item .box { margin-right:4px; padding:5px 5px 5px 5px; width:178px; height:121px; background:url(/_images/main/newitem_box_bg.gif) no-repeat;text-align:center; } #main_container .content_top .new_item .box .img { overflow:hidden; float:center; height:120px;} #main_container .content_top .new_item .box dl dt { overflow:hidden; padding-left:10px; width:70px; height:70px; } #main_container .content_top .new_item .box dl dd { float:left; padding-top:3px; width:86px; height:20px; text-align:center; font-size:11px; font-weight:bold; } #main_container .content_top .package { float:left; } #main_container .content_top .package h2 { display:inline; padding:0; margin:0; padding-left:10px; width:707px; height:20px; } #main_container .content_top .package .box { width:707px; height:131px; } #main_container .content_top .package .box li { float:left; } #main_container .content_top .package .box .pack1 { padding:0 1px 1px 0; } #main_container .content_top .package .box .pack2 { padding:0 1px 1px 0; } #main_container .content_top .package .box .pack3 { padding:0 0 1px 0; } #main_container .content_top .package .box .pack4 { padding:0 1px 1px 0; } #main_container .content_top .package .box .pack5 { padding:0 1px 1px 0; } #main_container .content_top .package .box .pack6 { padding:0; } #main_container .recommend { position:relative; clear:both; margin-top:20px; padding-bottom:20px; width:100%; height:215px; background:url(/_images/main/dot_plus.gif) repeat-x left bottom; } #main_container .recommend .title_img { position:relative; float:left; width:189px; height:220px; background:url(/_images/main/img_recommend.jpg) no-repeat; } #main_container .recommend .title_img2 { position:absolute; top:35px; left:-50px; z-index:11px; } #main_container .recommend .item { float:left; margin:0 8px 0 9px; overflow:hidden; width:160px; } #main_container .recommend .item .img { padding:5px; width:148px; height:150px; border:1px solid #ccc; background:url(/_images/main/no_images.gif) no-repeat 50% 50%; _padding:4px; } #main_container .recommend .item .name { overflow:hidden; padding:6px 0 3px 0; width:100%; text-align:center; white-space:nowrap; text-overflow:ellipsis; } #main_container .recommend .item .icon { overflow:hidden; padding:0 0 3px 0; text-align:center; } #main_container .recommend .item .icon img { display:inline; padding:0 1px; } #main_container .recommend .item .price { font-weight:bold; text-align:center; color:#ca5100; } #main_container .brand_wheel { margin-top:20px; overflow:hidden; width:100%; } #main_container .brand_wheel h2 { float:left; padding:0; margin:0; } #main_container .brand_wheel .item { width:auto; height:364px; border:1px solid #ddd; border-left:none; } #main_container .brand_wheel dl { float:left; overflow:hidden; margin:8px 3px 0 8px; _margin:8px 3px 0 5px; } #main_container .brand_wheel dl dt { margin-bottom:1px; width:130px; height:130px; } #main_container .brand_wheel dl dd { clear:both; padding-top:3px; width:130px; height:16px; text-align:center; color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; white-space:nowrap; text-overflow:ellipsis; background:#4d82ab; } #main_container .brand_wheel dl dd a { color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; } #main_container .economi_wheel { width:100%; overflow:hidden;} #main_container .economi_wheel h2 { float:left; padding:0; margin:0; } #main_container .economi_wheel .item { width:auto; height:547px; border-right:1px solid #ddd; } #main_container .economi_wheel dl { float:left; overflow:hidden; margin:8px 3px 0 8px; _margin:8px 3px 0 5px; } #main_container .economi_wheel dl dt { margin-bottom:1px; width:130px; height:130px; } #main_container .economi_wheel dl dd { clear:both; padding-top:3px; width:130px; height:16px; text-align:center; color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; white-space:nowrap; text-overflow:ellipsis; background:#f57a0a; } #main_container .economi_wheel dl dd a { color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; } #main_container .tire_wheel { width:100%; overflow:hidden;} #main_container .tire_wheel h2 { float:left; padding:0; margin:0; } #main_container .tire_wheel .item { width:auto; height:183px; border:1px solid #ddd; border-left:none; } #main_container .tire_wheel dl { float:left; overflow:hidden; margin:8px 3px 0 8px; _margin:8px 3px 0 5px; } #main_container .tire_wheel dl dt { margin-bottom:1px; width:130px; height:130px; } #main_container .tire_wheel dl dd { clear:both; padding-top:3px; width:130px; height:16px; text-align:center; color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; white-space:nowrap; text-overflow:ellipsis; background:#aa794b; } #main_container .tire_wheel dl dd a { color:#fff; font-weight:bold; font-family:Tahoma, sans-serif; font-size:12px; } /* 관련용품 */ #main_container .relation_item { margin:30px 0 0 0; overflow:hidden; } #main_container .relation_item h2 { margin:0; padding:0 0 4px 0; } #main_container .relation_item .item { float:left; overflow:hidden; width:149px; border-right:1px solid #ddd; } #main_container .relation_item .item dl { margin:0 auto; width:140px; } #main_container .relation_item .item .img { float:left; padding:4px; border:1px solid #ddd; } #main_container .relation_item .item .model { clear:both; padding:8px 0 0 0; overflow:hidden; width:140px; text-align:center; color:#326cb3; font-weight:bold; } #main_container .relation_item .item .model a { color:#326cb3; font-weight:bold; } #main_container .relation_item .item .name { clear:both; padding:2px 0 3px 0; overflow:hidden; width:140px; text-align:center; border-bottom:1px dashed #ccc; } #main_container .relation_item .item .name a { color:#444; } #main_container .relation_item .item .price { clear:both; padding:4px 0 3px 0; overflow:hidden; width:140px; text-align:center; border-bottom:1px dashed #ccc; color:#985112; font-size:11px; } #main_container .relation_item .item .price img { display:inline; margin:0 4px 0 0; vertical-align:middle; } /* 하단 고객센터 */ #customer { float:left; margin-top:40px; width:898px; height:152px; border:1px solid #ccc; background:#eee; } #customer .innerbox { margin:4px; width:891px; height:142px; border:1px solid #dedede; background:url(/_images/main/bg_customer.gif) repeat-x; } #customer .innerbox img { float:left; } #customer #community_qna { position:relative; float:left; width:405px; height:142px; } #customer #community_qna h1 { position:absolute; top:4px; left:16px; display:block; padding:0; margin:0; } #customer #community_qna ul { position:relative; top:32px; left:17px; width:95px; height:96px; } #customer #community_qna .more { position:absolute; top:10px; left:339px; } #customer #community_free { position:relative; float:left; width:405px; height:142px;display:none;} #customer #community_free h1 { position:absolute; top:4px; left:16px; display:block; padding:0; margin:0; } #customer #community_free ul { position:relative; top:32px; left:17px; width:95px; height:96px; } #customer #community_free .more { position:absolute; top:10px; left:339px; } #customer #community_customer { position:relative; float:left; width:405px; height:142px;display:none;} #customer #community_customer h1 { position:absolute; top:4px; left:16px; display:block; padding:0; margin:0; } #customer #community_customer ul { position:relative; top:32px; left:17px; width:95px; height:96px; } #customer #community_customer .more { position:absolute; top:10px; left:339px; } #customer .recent_board { position:absolute; top:31px; left:126px; width:258px; } #customer .recent_board tr { height:20px; } #customer .recent_board .subject { width:210px; border-bottom:1px solid #ddd; } #customer .recent_board .subject div { width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; font-size:12px; } #customer .recent_board .subject div a:link { color:#666; font-size:12px; } #customer .recent_board .subject div a:active { color:#666; font-size:12px; } #customer .recent_board .subject div a:visited { color:#666; font-size:12px; } #customer .recent_board .subject div a:hover { color:#333; font-size:12px; } #customer .recent_board .date { width:46px; text-align:right; color:#888; font-size:11px; border-bottom:1px solid #ddd; } /* 하단 */ #footer { position:relative; float:left; margin-top:20px; width:900px; height:122px; background:url(/_images/main/bg_footer.gif) no-repeat; } #footer ul { position:absolute; top:13px; left:185px; } #footer ul li { float:left; padding:0 10px; color:#666; font-size:11px; background:url(/_images/main/top_menu_partition.gif) no-repeat right 2px; } #footer ul li a{ color:#666; font-size:11px; } #footer ul li a:hover { text-decoration:none; } #footer ul li span { color:#666; font-size:11px; cursor:hand; cursor:pointer; } #footer .top { float:right; margin:11px 11px 0 0; } #footer .address { position:absolute; top:40px; left:195px; overflow:hidden; width:660px; color:#777; font-size:11px; line-height:16px; } #footer .address h5 { display:inline; color:#c77627; font-size:11px; font-weight:normal; } #footer .address h6 { display:inline; color:#4b6c98; font-size:11px; font-weight:normal; } #footer .address_kcp { position:absolute; top:65px; left:835px; overflow:hidden; width:50px; color:#777;} /* 오늘 본 상품 */ #today_quick { position:absolute; top:150px; left:910px; overflow:hidden; background:url(/_images/main/quick_base.gif) repeat-y; z-index:10; } #today_quick .product { position:relative; padding:0 0 0 8px; overflow:hidden; height:142px; #height:147px; #width:74px; _height:145px; } #today_quick .product ul { position:relative; } #today_quick .product ul li { margin-top:5px; padding:2px 0 0 2px; width:62px; height:62px; border:1px solid #ccc; _margin-top:3px; } #today_quick .product ul li img { display:inline; } #today_quick ol { margin:5px 0 5px 11px; overflow:hidden; width:60px;} #today_quick ol li { padding:5px 0; } #today_quick ol .left{ float:left; cursor:hand; cursor:pointer; } #today_quick ol .reset{ float:left; margin:0 5px; width:14px; cursor:hand; cursor:pointer; } #today_quick ol .right{ float:left; cursor:hand; cursor:pointer; } #today_quick .top { position:absolute; top:38px; left:4px; } #today_quick .bottom_box { width:90px; height:105px; background:url(/_images/main/quick_bottom.gif) no-repeat; }