/*************************************************** 메인롤링배너 ***************************************************/ #mainroll{position:relative; width:1080px; height:475px; margin:0px auto 0 auto; } #mainroll:after { content:""; display:block;clear:both; } #smTable div.smTrendWrap { left:0; top:0; width:1080px; height:475px; overflow:hidden; } #smtNaviBrandLogo{position:absolute; width:88px; right:229px; top:0px; z-index:10;border-top:1px #E1E1E1 solid;} #smtNaviBrandLogo li{border-bottom:1px #E1E1E1 solid;} #smtNavi { position:absolute; width:229px; right:0px; top:0px; z-index:10; } #smtNavi div.smtNavi { cursor:pointer; float:none; width:229px; height:68px; border-bottom:1px #E1E1E1 solid; } #smtNavi div.smtNavi_0 { border-top:1px #E1E1E1 solid; height:69px; background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_1 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_2 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_3 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_4 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_5 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_6 {background:#F5F5F5; border-right:1px #E1E1E1 solid; } #smtNavi div.smtNavi_0_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative; } #smtNavi div.smtNavi_0_hover:after, #smtNavi div.smtNavi_1_hover:after, #smtNavi div.smtNavi_2_hover:after,#smtNavi div.smtNavi_3_hover:after ,#smtNavi div.smtNavi_4_hover:after,#smtNavi div.smtNavi_5_hover:after,#smtNavi div.smtNavi_6_hover:after {content:''; display:block; clear:both; position:absolute; top:-1px; left:0; border:1px #C1A78A solid; width:227px; height:67px; } #smtNavi div.smtNavi_1_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative;} #smtNavi div.smtNavi_2_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative; } #smtNavi div.smtNavi_3_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative;} #smtNavi div.smtNavi_4_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative; } #smtNavi div.smtNavi_5_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative; } #smtNavi div.smtNavi_6_hover { background:url(/img/index/main_sale_on.png) no-repeat; color:#000; position:relative; } #smtNavi div.smtNavi p{padding:0 0 0 23px;display:block; } #smtNavi div.smtNavi p span{font-size:12px; display:block; color:#919191;} #smtNavi div.smtNavi p strong{font-size:16px; display:block; padding:10px 0 0px 0;font-weight:normal; color:#333} #smtNavi div.smtNavi_0_hover p strong,#smtNavi div.smtNavi_1_hover p strong,#smtNavi div.smtNavi_2_hover p strong,#smtNavi div.smtNavi_3_hover p strong, #smtNavi div.smtNavi_4_hover p strong,#smtNavi div.smtNavi_5_hover p strong,#smtNavi div.smtNavi_6_hover p strong {font-weight:normal; color:#000} #smtNavi div.smtNavi_0_hover p span,#smtNavi div.smtNavi_1_hover p span,#smtNavi div.smtNavi_2_hover p span,#smtNavi div.smtNavi_3_hover p span, #smtNavi div.smtNavi_4_hover p span,#smtNavi div.smtNavi_5_hover p span,#smtNavi div.smtNavi_6_hover p span {font-weight:normal; color:#000} #smtItem { position:absolute; top:0px; left:0px} #smtItem div.smtItem { display:none; width:851px; height:477px; } #smtItem div.smtItem_0 { display:block; } #smtItem div.smtItem img { border:0px; width:851px; height:477px;} .CateBestGood{} .CateBestGood .CateBest01{float:left; width:310px} .CateBestGood .CateBestEtc{float:right; width:765px} .CateBestGood .CateBestEtc ul{width:764px; float:right;} .CateBestGood .CateBestEtc ul:after{clear:both; content:""; display:block;} .CateBestGood .CateBestEtc li{float:left; width:363px; display:block; border:1px #fff solid; height:200px; margin:0 0 19px 19px} #BestIcon_outline {position:relative;text-align:left;width:1080px;margin:0 auto; height:0px; z-index:990} #BestIcon_visual01 {position:absolute;top:0px;left:0px;} #BestIcon_visual02 {position:absolute;top:327px;left:0px;} #BestIcon_visual03 {position:absolute;top:17px;left:540px;} #BestIcon_visual04 {position:absolute;top:17px;left:922px;} #BestIcon_visual05 {position:absolute;top:240px;left:540px;} #BestIcon_visual06 {position:absolute;top:240px;left:922px;} #BestIcon_visual07 {position:absolute;top:460px;left:540px;} #BestIcon_visual08 {position:absolute;top:460px;left:922px;} #BestIcon_visual09 {position:absolute;top:643px;left:540px;} #BestIcon_visual10 {position:absolute;top:643px;left:922px;} .Best01Wrap{width:310px;cursor:pointer; margin-bottom:17px} .Best01Wrap:after{content:""; display:block; clear:both;} .Best01Wrap .Best01Goods{ position:relative} .Best01Wrap .Best01Goods .Best01Info{width:100%; height:90px;position:absolute;bottom:0px;left:0px; background:url(/img/index/cateBest_Goodsbg.png)} .Best01Wrap .Best01Goods .saelPercent{position:absolute;bottom:20px;right:10px; font-size:30px; color:#fff; z-index:999} .Best01InfoW{width:240px; margin:10px 0 0 20px} .Best01Info .brand{ font-size:12px; color:#fff; font-weight:bold;} .Best01Info .name{ font-size:12px; color:#fff; padding:3px 0; line-height:150%} .Best01Info .price{ font-size:14px; color:#fff; font-weight:bold;} .Best01Info .price span{color:#fff; padding-right:10px; text-decoration:line-through;} .Best02Info .brand{ font-size:12px; color:#000; font-weight:bold;} .Best02Info .name{ font-size:12px; color:#333; padding:3px 0; line-height:150%} .Best02Info .price { font-size:14px; color:#000; font-weight:bold;} .Best01Info .price span, .Best02Info .price span{font-size:12px;} .Best02Info .Lprice { text-decoration:line-through;} .Best01Info p, .Best02Info p{padding:0;margin:0} .Best02Wrap{width:365px; cursor:pointer; } .Best02Info{float:right; width:160px; margin-right:0px; margin-top:70px} .Best02Img{float:left; width:180px; margin-left:10px; margin-top:10px} /*************************************************** 메인 탑 브랜드 ***************************************************/ #bannerZone .mainB01{ margin-top:30px} #bannerZone .mainB01 li{float:left; text-align:center;} #bannerZone .mainB01 li img{display:block; margin-bottom:30px} #bannerZone .mainB01 li:last-child{float:right;} #bannerZone .mainB02{margin-bottom:45px} #bannerZone .mainB02 li{float:left; text-align:center; width:255px; background:#F3F3F3; margin-right:20px} #bannerZone .mainB02 li:last-child{margin-right:0px} #bannerZone .mainB02 li a{color:#000; } #bannerZone .mainB02 li img{display:block; margin-bottom:10px} #bannerZone .mainB02 li strong{font-size:18px} #bannerZone .mainB02 li p{padding-bottom:10px; font-size:14px;} #topBrand{margin-bottom:50px} #topBrand h3{ color:#000;padding:0;margin:0 0 10px 0; font-weight:normal; width:100%; text-align:center; background:url(/img/index/cateBest_Titbg3.gif) repeat-x left 50% } #topBrand h3 span{display:block; font-size:20px; /*font-family: 'Nanum Myeongjo', serif; */ width:310px; margin:0 auto; background:#fff;} #topBrand ul li{width:150px; height:86px; border:1px solid #ededed; float:left; margin:5px 5px 0 0; cursor:pointer; box-sizing:border-box;} #topBrand ul li:nth-child(7n){margin-right:0;} #topBrand ul li:after{content:""; display:block; clear:both;} #topBrand ul li img{width:100%;} #topBrand ul li span{display:block; text-align:center; height:20px;} /*************************************************** 브랜드 이벤트 롤링 ***************************************************/ .brandSlide{ position: relative; margin-bottom:75px } .brandEvent{z-index:0; width:100%; min-width:1080px; overflow:hidden; border:1px #E6E6E6 solid; height:298px } .brandEventNavi{ width: 1080px; z-index:501;margin-left:0; border-bottom:1px #EDEDED solid; } .brandEventNavi:after{content:''; display:block; clear:both;} .brandEventNavi a{width:180px; display:block; height:74px; line-height:74px;float:left; position: relative; border-left:1px #EDEDED solid; text-indent:-9999px;font-size:0;line-height:0; } .brandEventNavi a:last-child{margin-right:0; border-right:1px #EDEDED solid; } .brandEventNavi a.cycle-pager-active:after{content: "";display:block; border:1px #787878 solid; width:180px; height:74px; line-height:74px;position:absolute; top:-1px; left:-1px; z-index:505 } .brandEventNavi a:last-child.cycle-pager-active:after{width:179px;} .brandEventNavi .brandLogo01{background:url(/img/index/brandLogo_zv.gif) center center no-repeat;} .brandEventNavi .brandLogo02{background:url(/img/index/brandLogo_stone.gif) center center no-repeat;} .brandEventNavi .brandLogo03{background:url(/img/index/brandLogo_acne.gif) center center no-repeat;} .brandEventNavi .brandLogo04{background:url(/img/index/brandLogo_maison.gif) center center no-repeat;} .brandEventNavi .brandLogo05{background:url(/img/index/brandLogo_isabel.gif) center center no-repeat;} .brandEventNavi .brandLogo06{background:url(/img/index/brandLogo_rick.gif) center center no-repeat;} /*************************************************** 카테고리 베스트 ***************************************************/ .categoryBest{ position: relative; } .categoryBest h3{padding-bottom:15px; font-size:16px; border-bottom:1px #335091 solid; margin-bottom:17px} .categoryBestNavi{ position:absolute; top:0px; right:0; z-index:501; } .categoryBestNavi a{ display:block; height:25px; line-height:25px; text-align:center; float:left; position: relative; background:#fff; color:#000; padding:0 19px } .categoryBestNavi a:last-child{ } .categoryBestNavi a.cycle-pager-active{background:#335091;color:#fff; font-weight:bold;} .categoryBestEvent{z-index:0; position: relative; width:100%; min-width:1080px; overflow:hidden;} .mainListStyle {width:100%;min-width:1080px;} .mainListStyle ul:after{content:''; display:block; clear:both;} .mainListStyle li{float:left; width:265px; min-height:385px; border:1px #DCDCDC solid; margin-right:6px; margin-bottom:15px; position: relative;} .mainListStyle li:nth-child(4n){margin-right:0} .mainListStyle li table{margin:0 auto; margin-top:15px} .mainListStyle li .salePer{position:absolute; right:-1px; top:-1px; width:40px; height:40px; line-height:40px; border:1px #B09977 solid; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#B2A07C;} /*************************************************** 브랜드배너 롤링 ***************************************************/ .brandLogoSlides{margin:25px 0; border:1px #E3E3E3 solid; position: relative; } .brandLogoList{height:180px; overflow:hidden;} .brandLogoSlides .prevControl{ position:absolute; top:67px; left:5px; z-index:999; cursor:pointer; font-size:0; line-height:0; text-indent:-9999px; width:16px; height:28px; background:url(/img/index/prevControl.gif) no-repeat;} .brandLogoSlides .nextControl{ position:absolute; top:67px; right:5px; z-index:999; cursor:pointer; font-size:0; line-height:0; text-indent:-9999px; width:16px; height:28px; background:url(/img/index/nextControl.gif) no-repeat;} .brandLogoSlides .brandLogo-pager{text-align:center; margin:5px 0 15px} .brandLogoSlides .brandLogo-pager span{font-size:0; line-height:0; text-indent:-9999px; width:16px; height:10px; background:#F2F2F2; border-radius:5px; display:inline-block; margin:0 3px; cursor:pointer;} .brandLogoSlides .brandLogo-pager span.cycle-pager-active{background:#F7E6B8} .brandLogoList{margin:10px 0 0 10px} .brandLogoList li{float:left; width:106px; height:87px; border:0px #DCDCDC solid; margin:0px 5px 5px 5px} .brandLogoList li img, .brandLogoList li strong{display:block; text-align:center} .brandLogoList li img{margin:0 auto; margin-top:5px} .brandLogoList li strong{padding-top:0px; font-weight:normal;} /*************************************************** 세일배너 롤링 ***************************************************/ .saleBrandZone{margin:35px 0} .saleBrandZone:after{content:''; display:block; clear:both;} .saleBrandZone .saleBrand{float:left; width:1080px; margin-right:0px; position: relative; } .saleBrandZone .cycle-slideshow{width:1080px} .saleBrandZone .saleBrandMen{margin-right:0} .saleBrandZone .saleBrand .saleBrandImg img{ margin-bottom:10px; z-index:-1} .saleBrandZone .saleBrand .saleKid-pager, .saleBrandZone .saleBrand .saleWomen-pager, .saleBrandZone .saleBrand .saleMen-pager{position:absolute; top:440px; left:0px; z-index:999; background:rgba(255, 255, 255, 0); width:1080px; text-align:center; height:25px; padding-right:7px} .saleBrandZone .saleBrand .saleKid-pager span, .saleBrandZone .saleBrand .saleWomen-pager span , .saleBrandZone .saleBrand .saleMen-pager span {font-size:0; line-height:0; text-indent:-9999px; width:45px; height:5px; background:#929292; border-radius:20%; display:inline-block; margin:7px 3px 0 3px; cursor:pointer; z-index:999; vertical-align:top;} .saleBrandZone .saleBrand .saleKid-pager span.cycle-pager-active, .saleBrandZone .saleBrand .saleWomen-pager span.cycle-pager-active,.saleBrandZone .saleBrand .saleMen-pager span.cycle-pager-active {background:#789bea}