﻿@charset 'utf-8';
@import url('common.css');


/* 메인센터 배너 */
.mainbanner0 {width: 475px; height: 261px; vertical-align: top;display:none;}
.mainbanner1 {width:118px; height:23px;color: #dcdcdc;text-align:center;background-color:#686868;cursor: pointer;font-size:9pt;}
.mainbanner2 {width:279px;height:120px;display:none;cursor:pointer;}

.mainbanner3 {width:64px;height:25px;}
.mainbanner3 a {color:#565656;cursor: pointer;font-size:8pt;}
.mainbanner3 a:hover{color:#000000;cursor: pointer;font-size:8pt;font-weight:bold;}

.mainbanner8 {width:200px;height:92px;background-color:#ffffff;border:0px;margin:0px auto;}
.mainbanner8 img {width:200px;height:90px;vertical-align:bottom;border:0px;margin:0px auto;}


.mainbanner9 {width:163px;height:45px;background-color:#ffffff;vertical-align:top;text-align:center;margin:0 auto;}
.mainbanner9 img{width:163px;height:45px;background-color:#ffffff;vertical-align:bottom;border:0px;margin:0px;padding:0px;}


.mainTabMenu {width:140px;height:26px;}
.mainTabMenu img{width:140px;height:26px;border:0px;vertical-align:bottom;}
.mainTabGoodsdiv {width:920px;height:178px;display:none;}
.mainTabGoods {width:920px;height:178px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
.mainTabTitle {width:110px; height:34px;color:#666666;font-size:8pt; text-align:left;vertical-align:middle;overflow:hidden;cursor:pointer;}


.catebrandmenu {width:151px;height:360px;border:0px;vertical-align:top;display:inline-block;}
.catebrandmenu td {width:151px;height:33px;border:0px;margin:0px auto;}
.catebrandmenu td img {width:151px;height:33px;border:0px;margin:0px auto;vertical-align:top;cursor:pointer;}
.catebrandDiv {width:762px;height:352px;border:0px;display:none;background-color:#ffffff;}
.catebrandDiv a:hover{color:#000000;font-weight:bold;text-decoration:none;}
.catebrand {width:100%; height:54px;border:0px;margin:0px auto;text-align:left;}
.catebrand img {width:100px;height:40px;border:1px solid #d9d9d9;}






/* 메뉴별 베스트 */
.bestItem {height:284px; border-top:2px solid #776d63; border-bottom:2px solid #776d63;}
.bestItem:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}

/* 카테고리 */
.bestItem .sectionL {float:left; width:183px;}
.bestItem .sectionL .lnbMenu {width:170px; height:124px; font-size:0; line-height:0; border-bottom:1px solid #e0e0e0;}
.bestItem .sectionL .lnbMenu li {height:30px; border-bottom:1px solid #e0e0e0; position:relative; z-index:1;}
.bestItem .sectionL .lnbMenu li a {display:block; height:30px; overflow:hidden;}
.bestItem .sectionL .lnbMenu li a img {margin-top:0px;}
.bestItem .sectionL .lnbMenu li a:hover img {margin-top:-30px;}
.bestItem .sectionL .lnbMenu li a.on img {margin-top:-30px;}
.bestItem .sectionL .lnbMenu li a.on:hover img {margin-top:-30px;}

/* 카테고리 하위메뉴 */
div.lpop_subMenu {z-index:100; position:absolute; top:-6px; left:170px; border:2px solid #776c61; }
div.lpop_subMenu .subMenu {width:360px; min-height:80px; font-size:12px; line-height:16px; border-top:5px solid #ffcf00; background:#fff url('/data/common/bg_main_menu.gif') repeat-y 180px 0px;}
div.lpop_subMenu .subMenu:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}
div.lpop_subMenu .subMenu .subMenuDepth2 {float:left; width:180px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li {height:29px; border-top:1px solid #e0e0e0; border-bottom:0;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li a {display:block; height:auto; padding:7px 0 6px 34px; background:#fff url('/data/common/bullet_main_menu.gif') no-repeat 10px 6px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li a:hover {background:#ffcf00 url('/data/common/bullet_main_menu.gif') no-repeat 10px -23px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li.first {height:33px; border-top:0;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li.first a {padding-top:11px; background-position:10px 10px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li.first a:hover {padding-top:11px; background-position:10px -19px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li a.on {background:#ffcf00 url('/data/common/bullet_main_menu.gif') no-repeat 10px -23px;}
div.lpop_subMenu .subMenu .subMenuDepth2 ul li.first a.on {background-position:10px -19px;}
div.lpop_subMenu .subMenu .subMenuDepth3 {float:left; width:147px; margin-left:1px; padding:16px 14px 16px 16px; text-align:left;}
div.lpop_subMenu .subMenu .subMenuDepth3 p {margin-bottom:7px; font-weight:bold;}
div.lpop_subMenu .subMenu .subMenuDepth3 ul li {height:auto; padding:4px 0 2px 10px; border-bottom:0; background:url('/data/common/bullet_main_menu.gif') no-repeat 2px -47px;}
div.lpop_subMenu .subMenu .subMenuDepth3 ul li a {display:inline-block; height:auto; padding:0; font-size:11px; line-height:16px;}
div.lpop_subMenu .subMenu .subMenuDepth3 ul li a:hover {color:#ffcf00; font-weight:bold;}
div.lpop_subMenu .subMenu .subMenuDepth3 ul li a.on {color:#ffcf00; font-weight:bold;}


/* 베스트 배너 */
.bestItem .sectionL .bannerBest {width:170px; height:159px;}

/* 베스트 big */
.bestItem .bigBest {float:left; width:497px; height:284px;}
.bestItem .bigBest .mask {width:497px; height:284px; overflow:hidden; position:relative;}
.bestItem .bigBest p.indicator {top:9px; right:10px;}
.bestItem .bigBest p.indicator span {width:7px; height:7px; margin-left:5px; background:#c7c7c6;}
.bestItem .bigBest p.indicator span.on {background:#ffcf00;}
.bestItem .bigBest ui {width:497px; height:284px;}
.bestItem .bigBest ui li {float:left; width:497px; height:284px;}

/* 베스트 small */
.bestItem .smallBest {float:right; width:218px;}
.bestItem .smallBest .item {width:218px; height:142px; overflow:hidden; position:relative;}
.bestItem .smallBest .item.up p.indicator {top:9px; right:7px;}
.bestItem .smallBest .item.down p.indicator {top:9px; left:84px;}
.bestItem .smallBest .item p.indicator span {overflow:hidden; display:inline-block; width:5px; height:5px; margin-left:4px; text-indent:-9999px; background:#fff; cursor:pointer;}
.bestItem .smallBest .item p.indicator span.on {background:#ffcf00;}

 

/* 카테고리별 브랜드 및 쇼핑상품 */
.ctgProduct {margin-top:27px;}
.ctgProduct h2 {height:27px;}
.ctgProduct .tabPanes {height:415px; border:2px solid #776c61; position:relative;}
.ctgProduct .tabPanes .tab {position:absolute; top:-2px; left:-2px; width:898px;}
.ctgProduct .tabPanes .panes {width:894px; height:381px; overflow:hidden;}
.ctgProduct .tabPanes .tabCon {position:absolute; top:32px; left:0px;}
.ctgProduct .tabPanes .tabCon:after{content:' '; display:block; clear:both; height:0; visibility:hidden;}
.ctgProduct .tabPanes .tabCon ul {width:894px; height:189px; overflow:hidden;}
.ctgProduct .tabPanes .tabCon ul li {float:left; width:148px; height:100%; border-left:1px solid #e0e0e0;}
.ctgProduct .tabPanes .tabCon ul li .scope {width:130px; padding:6px 9px 0;}
.ctgProduct .tabPanes .tabCon ul li .scope .thumb {width:130px; height:109px;}
.ctgProduct .tabPanes .tabCon ul li .scope .thumb a {display:block;}
.ctgProduct .tabPanes .tabCon ul li .scope .name {overflow:hidden; height:34px; margin-top:7px; color:#666; font-weight:bold; text-align:left; word-break:break-all; word-wrap:break-word;}
.ctgProduct .tabPanes .tabCon ul li .scope .name a {font-weight:bold;}
.ctgProduct .tabPanes .tabCon ul li .scope .price {margin:0px; color:#fb8e1a; font-weight:bold; text-align:left;}
.ctgProduct .tabPanes .tabCon ul li .scope .price span {margin-right:4px; font-size:11px; color:#666; font-weight:normal;}

.ctgProduct .tabPanes .tabCon ul li.best {width:446px; border-left:0;}
.ctgProduct .tabPanes .tabCon ul li.best .scope {width:428px; padding:2px 9px 0;}
.ctgProduct .tabPanes .tabCon ul li.best .scope .thumb {float:left; width:216px; height:181px;}
.ctgProduct .tabPanes .tabCon ul li.best .scope .right {float:left; width:176px; padding:12px 18px 0;}
.ctgProduct .tabPanes .tabCon ul li.best .scope .right .name {height:20px; font-size:14px;}
.ctgProduct .tabPanes .tabCon ul li.best .scope .right .price {font-size:15px;}
.ctgProduct .tabPanes .tabCon ul li.best .scope .right .explain {margin-top:9px; font-size:11px; line-height:13px; color:#999;}
.ctgProduct .tabPanes .tabCon ul li.first {border-left:0;}
.ctgProduct .tabPanes .tabCon ul li.last {width:149px;}
.ctgProduct .tabPanes .tabCon ul li.last .scope {padding:6px 10px 0 9px;}

.ctgProduct .tabPanes .tabCon ul.one {height:193px; border-top:1px solid #e0e0e0;}
.ctgProduct .tabPanes .tabCon ul.one li .scope {padding-top:10px;}


/* 이미지형 */
.ul_wrap {width:100%;}
.ul_wrap ul {width:895px;}
.ul_wrap ul:after {content:' '; display:block; clear:both; height:0; visibility:hidden;}
.ul_wrap ul li {float:left; width:20%; padding:16px 0 0;}
.ul_wrap ul li .scope {width:170px; margin:0px auto; position:relative;}
.ul_wrap ul li .scope .icon {display:block; position:absolute; top:0px; left:0px; width:39px; height:39px; text-indent:-9999px;}
.ul_wrap ul li .scope .thumb {width:168px; height:133px; text-align:center; border:1px solid #eee;}
.ul_wrap ul li .scope .thumb a {display:block;}
.ul_wrap ul li .scope .name {overflow:hidden; height:34px; margin:11px auto 0px; color:#666; font-weight:normal; text-align:left; word-break:break-all; word-wrap:break-word;}
.ul_wrap ul li .scope .name a {font-weight:normal;}
.ul_wrap ul li .scope .price {margin:0px auto; color:#fb8e1a; font-weight:bold; text-align:left;}
.ul_wrap ul li .scope .price span {display:block; font-size:11px; color:#666; font-weight:normal;}

/* 인디게이터 */
p.indicator {position:absolute; font-size:0; line-height:0;}
p.indicator span {overflow:hidden; display:inline-block; text-indent:-9999px; cursor:pointer;}
html>body p.indicator span {display:block; float:left;} /* ie7 Hack */
