/*MainNoticeFrame*/ #hframe{ top:253px; left:680px; width:240px; height:110px; margin:0px; padding:0px; position:absolute; } /*MainNoticeFrame*/ /*ItemBox01*/ #MainItemBox01{ height:245px; margin:0px; padding:0px; position:relative; } #item01_left{ width:240px; height:245px; margin:0px; padding:0px; position:relative; } #item01_flash{ top:0px; right:0px; margin:0px; padding:0px; position:absolute; } #item01_right{ top:0px; right:0px; width:675px; height:245px; margin:0px; padding:0px; position:absolute; } #item01_right ul{ text-align:center; list-style-type:none; margin:7px 0px 0px 0px; padding:0px; } #item01_right ul li{ width:135px; margin:0px; padding:0px; float:left; overflow:hidden; } #item01_right ul li .price del {font-weight:normal; font-size:12px;} #item01_title{ font-size:11px; margin:10px 0px 0px 4px; padding:6px 0px 0px 157px; position:relative; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/item01_title.gif) no-repeat; } #item01_title a{ width:7px; margin:0px; padding:0px; color:#000; letter-spacing:1px; } #itemList1{display:block;} #itemList2{display:none;} #itemList3{display:none;} /*ItemBox01*/ /*ItemBox02*/ #MainItemBox02{ height:295px; margin:0px; padding:0px; position:relative; overflow:hidden; background:#fff; } #item02_TabBox{ text-align:left; list-style-type:none; top:10px; right:10px; margin:0px; padding:0px; position:absolute; z-index:2; } #item02_TabBox li{ margin:0px; padding:0px; float:left; } #item02_TabBox li img{ cursor:pointer;} #itemNum1{display:block;} #itemNum2{display:none;} #itemNum3{display:none;} #itemNum4{display:none;} #itemNum5{display:none;} #itemNum6{display:none;} #itemNum7{display:none;} #item02_left{ text-align:center; width:250px; height:295px; margin:0px; padding:0px; float:left; } #item02_title01{ width:225px; height:19px; margin:11px 0px 0px 15px; padding:0px; position:relative; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/item02_title01.gif) no-repeat; } #item02_left p{ margin:5px 0px 0px 0px; } /* 200801 */ #re_item02_title01{ width:225px; height:19px; margin:11px 0px 0px 15px; padding:0px; position:relative; background:url(http://uishopimage.hanmail.net/ta/fobos/main/fobos_main_tit_0.gif) no-repeat; } #re_item02_left p{ margin:5px 0px 0px 0px; } #item02_right{ height:295px; margin:0px; padding:0px; float:left; } #item02_title02{ width:156px; height:19px; margin:11px 0px 0px 9px; padding:0px 0px 0px 160px; position:relative; background:url(http://uishopimage.hanmail.net/ta/fobos/main/item02_title02.gif) no-repeat !important; } #item02_bitem{ width:155px; margin:0px; padding:27px 0px 0px 3px; float:left; } #item02_bitem_Img{ margin:0px; padding:0px 0px 0px 25px; position:relative;background:url(http://uishopimage.hanmail.net/zestern/fobos/main/item02_N1.gif) no-repeat; } #item02_right ul{ list-style-type:none; width:490px; margin:0px 0px 0px 20px; padding:27px 0px 0px 0px; float:left; } #item02_right ul li{ width:245px; margin:0px; padding:0px 0px 19px 0px; float:left; overflow:hidden; } #item02_right .item02_sitem_Img{ margin:0px; padding:0px 0px 0px 35px; float:left; } #item02_right .item02_sitem_txt{ width:102px; margin:0px 0px 0px 8px; padding:0px; float:left; } /*ItemBox02*/ /*200801*/ #re_item02_TabBox { text-align:left; list-style-type:none; top:38px; right:556px; margin:0px; padding:0px; position:absolute; z-index:2; } #re_item02_right{ height:300px; margin:0px; padding:0px; float:left; } #re_item02_bitem {float:left; margin:0; padding:5px 0 0 0;width:125px;} #re_item02_TabBox {margin:0 0 0 8px; padding:0;} #re_item02_TabBox li {margin:0 0 3px 0; padding:0;} #re_item02_TabBox li img {display:block; vertical-align:top;} #re_item02_right ul{float:left; display:inline; margin:0 0 0 125px; padding:10px 0 0 0; list-style-type:none; width:540px; } #re_item02_right ul li {float:left; display:inline; margin:0 13px 0 0; padding:0 0 19px 0;width:250px;} #re_item02_right .item02_sitem_Img {margin:0px; padding:0px 0px 0px 35px; float:left; display:inline;} #re_item02_right .item02_sitem_txt {width:102px; margin:0px 5px 0px 8px; padding:0px; float:left; overflow:hidden;} #re_item02_right .item02_sitem_txt .price2 del {font-weight:normal;} /*200801*/ /*ItemBox03*/ #MainItemBox03{ height:262px; margin:10px 0px 0px 0px; padding:0px; position:relative; overflow:hidden; background:#fff; } #item03_left{width:683px; height:262px; margin:0px; padding:0px; float:left; } #item03_left ul{float:left; display:inline; list-style-type:none; margin:7px 0px 0px 10px; padding:0px; position:relative; } #item03_left ul li{ width:133px; margin:0px; padding:0px; float:left; overflow:hidden; } #item03_left ul li .card{ line-height:16px; margin:3px 0px 0px 0px; padding:0px 0px 0px 29px; float:left; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/icon01.gif) 14px 0px no-repeat; } #item03_left ul li .review{ line-height:16px; margin:3px 0px 0px 6px; padding:0px 0px 0px 15px; float:left; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/icon02.gif) no-repeat; } #item03_left ul li .price1 del {font-weight:normal;} #item03_title01 {position:relative; margin:11px 0px 0px 9px; padding:0 0 0 90px !important; height:19px; text-align:left; background:url(http://uishopimage.hanmail.net/ta/fobos/main/item03_title01.gif) no-repeat !important; } #ListItemBox_2 {display:none;} #item03_right{ width:245px; height:262px; margin:0px; padding:0px; float:left; } #item03_right ol{ list-style-type:none; width:222px; margin:0px 0px 0px 8px; padding:0px; position:relative; } #item03_right ol li{ line-height:12px; margin:4px 0px 0px 0px; padding:7px 0px 0px 20px; position:relative; border-top:1px solid #e2e2e2; } #item03_right ol li.noneborder{ border:none; } #item03_right ol li a{ color:#666; } #item03_right ol li img{ top:7px; left:-20px; margin:0px; padding:0px; position:absolute; } /* 200801 */ #re_item03_right{float:left; margin:0; padding:0; width:245px; height:262px;} #re_item03_right ol{list-style-type:none; margin:0; padding:0; width:222px;} #re_item03_right ol li{list-style-type:none;margin:0; padding:7px 0 0 0; line-height:12px;border-top:1px solid #e2e2e2;} #re_item03_right ol li.noneborder{border:none;} #re_item03_right ol li a{color:#666; } #hotkeyword_title{margin:12px 0px 0px 8px; padding:0px;position:relative; } #hotkeyword_banner{margin:10px 0px 0px 8px; padding:0px;position:relative; } /*ItemBox03*/ /*ItemBox04*/ #MainItemBox04{ text-align:center; height:405px; margin:0px; padding:0px 0px 0px 2px; position:relative; background:#fff url(http://uishopimage.hanmail.net/zestern/fobos/main/item04_bg01.gif) repeat-x; overflow:hidden; } #MainItemBox04 .absPos{height:0px; line-height:0px; margin:0px; padding:0px; position:relative; } #MainItemBox04 .item04_bg{top:-13px; right:-27px; z-index:-1; width:42px; height:61px; margin:0px; padding:0px; position:absolute; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/item04_bg02.gif) no-repeat; } #MainItemBox04 .itemBoxs{ width:308px; height:405px; margin:0px; padding:13px 0px 0px 0px; float:left; } .itemBoxs img {display:block;} #MainItemBox04 ol{ font-size:11px; height:13px; line-height:13px; list-style-type:none; margin:5px 0px 8px 55px; padding:0px 0px 0px 0px; position:relative; } #MainItemBox04 ol li{ margin:0px; padding:0px; float:left; width:290px; } #MainItemBox04 ol li a{ color:#777; padding:0px 4px; margin:0px; } #MainItemBox04 ul{ list-style-type:none; margin:0px; padding:15px 0px 0px 19px; position:relative; } #MainItemBox04 ul li{ width:134px; margin:0px; padding:0px; float:left; overflow:hidden; } #MainItemBox04 ul li .card{ line-height:16px; margin:0px; padding:0px 8px 0px 0px; position:relative; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/icon01.gif) 33px 0px no-repeat; } /*ItemBox04*/ /*ItemBox05*/ #MainItemBox05{ margin:0px; padding:0px; position:relative; } #MainItemBox05_Cont{ top:0px; left:0px; width:928px; height:302px; margin:0px; padding:0px; position:absolute; background:#f65783; } #item05_title{ top:0px; left:-23px; width:40px; height:302px; margin:0px; padding:0px; position:absolute; background:#f65783 url(http://uishopimage.hanmail.net/zestern/fobos/main/item05_title.gif) 50% 50% no-repeat; } #item05_LineBg{ top:14px; left:229px; width:469px; height:275px; margin:0px; padding:0px; position:absolute; background:#f65783 url(http://uishopimage.hanmail.net/zestern/fobos/main/item05_brandLine.gif) repeat-y;} #MainItemBox05_Cont ol{ font-size:0px; list-style-type:none; width:928px; margin:0px; padding:0px; position:relative; } #MainItemBox05_Cont ol li{ height:auto; margin:16px 0px 0px 0px; padding:0px 5px 0px 15px; float:left; } #MainItemBox05_Cont ol li img{ display:block; } #MainItemBox05_Cont ol li .item05_brand{ margin:0px; padding:0px; position:relative; } #MainItemBox05_Cont ol li ul{ font-size:12px; list-style-type:none; margin:0px; padding:0px; position:relative; } #MainItemBox05_Cont ol li ul li{ text-align:left; width:106px; margin:7px 0px 0px 0px; padding:0px; float:left; overflow:hidden; } #MainItemBox05_Cont ol li ul li a{ margin:0px; padding:0px; } #MainItemBox05_Cont ol li ul li .item05_items{ width:100px; margin:0px; padding:0px; position:relative; } #MainItemBox05_Cont ol li ul li .explane{ text-align:center; width:90px; height:32px; margin:4px 0px 0px 0px; padding:0px; position:relative; overflow:hidden; } #MainItemBox05_Cont ol li ul li .explane a{ color:#16080d; } #MainItemBox05_Cont ol li ul li .explane img {cursor:pointer;} #MainItemBox05_Cont ol li ul li .price{ text-align:center; width:90px; color:#16080d; font-weight:bold; margin:6px 0px 0px 0px; padding:0px; position:relative; } #MainItemBox05_Cont ol li ul li .card{ text-align:center; color:#16080d; line-height:16px; margin:0px; padding:0px 0px 0px 15px; position:relative; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/icon03.gif) no-repeat; } /*ItemBox05*/ /*ItemBox05 Bg*/ #MainItemBoxBg{ width:100%; height:302px; margin:0px; padding:0px; position:relative; } #BgBox{ width:50%; height:302px; margin:0px; padding:0px; float:right; background:#f65783 url(http://uishopimage.hanmail.net/zestern/fobos/main/item05_tailBg.gif) 460px 0px no-repeat; } /*ItemBox05 Bg*/ /*FoBosSomeMoreBox*/ #FoBosSomeMoreBox{ width:928px; height:75px; margin:0px; padding:0px; position:relative; background:url(http://uishopimage.hanmail.net/zestern/fobos/main/SomeMoreBoxBg.gif) no-repeat; } #FoBosSomeMoreBox img{ width:100px; height:20px; } #FoBosSomeMoreBox .SomeLink01, #FoBosSomeMoreBox .SomeLink02, #FoBosSomeMoreBox .SomeLink03, #FoBosSomeMoreBox .SomeLink04{ top:26px; left:480px; margin:0px; padding:0px; position:absolute; } #FoBosSomeMoreBox .SomeLink02{ left:595px; } #FoBosSomeMoreBox .SomeLink03{ left:705px; } #FoBosSomeMoreBox .SomeLink04{ left:810px; } #gomore{ top:10px; left:110px; width:350px !important; height:55px !important; margin:0px; padding:0px; position:absolute; } /*BrandSearch*/ #BrandSearchs{ width:240px; top:131px; left:0px; padding:0px; margin:0px; padding:0px; position:absolute; z-index:4; } #re_BrandSearchs{ width:240px; top:164px; left:0px; padding:0px; margin:0px; padding:0px; position:absolute; z-index:4; } /*BrandSearch*/ /*200801*/ #item05_title_Box{ top:0; left:-19px; width:40px; height:259px; margin:0; padding:0; position:absolute; background:#f65783 url(http://uishopimage.hanmail.net/zestern/fobos/main/item05_title.gif) 50% 50% no-repeat; } .BrandZone {float:left; display:inline; padding:17px 0 0 0; background:url(http://uishopimage.hanmail.net/ta/fobos/main/fobos_main_bg_bottom.gif) repeat-x left top;} .BrandZone dl {float:left; display:inline; margin:0 0 20px 0; padding:0; color:#630025;} .BrandZone dl dt {float:left; display:inline; margin:0 23px 0 0; padding:0; color:#630025;} .BrandZone dl dt img {vertical-align:top;} .BrandZone dl dd {float:left; display:inline; margin:0 6px 0 0; padding:0;} html>body .BrandZone dl dd {float:left; display:inline; margin:0 6px 0 0; padding:0;} .BrandZone dl dd .goods {float:left; display:inline; margin:0 6px 0 0; padding:0;} .BrandZone dl dd .goodsRight {float:left;} .BrandZone dl dd .brandName {margin-top:5px; font-weight:bold; } .BrandZone dl dd .title {margin: 0 0 15px 0; width:113px; height:30px; overflow:hidden; font:12px/1.25em "µ¸¿ò",Dotum;} .BrandZone dl dd .title img {vertical-align:middle;} .BrandZone dl dd .price del {} .BrandZone dl dd .price ins {font-weight:bold; text-decoration:none;} #reMainItemBoxBg{ width:100%; height:259px; margin:0px; padding:0px; position:relative; } #reBgBox{ width:50%; height:259px; margin:0px; padding:0px; float:right; background:#f65783 url(http://uishopimage.hanmail.net/zestern/fobos/main/item05_tailBg.gif) 460px 0px no-repeat; } #SkinShopBox { position:relative; margin:15px 0 0 0; width:928px; height:241px; background-color:#d8d8de;} #SkinShopBox img {display:block;} #SkinShopBox dl {position:absolute; left:-19px; top:0; float:left; display:inline; margin:0; padding:0; z-index:15;} #SkinShopBox dl dt {float:left; display:inline; margin:0; padding:0;} #SkinShopBox dl dd {float:left; display:inline; margin:20px 0 0 13px; padding:0; width:120px; text-align:center;} #SkinShopBox dl dd.bannerDD {margin-left:0; width:200px;} html>body #SkinShopBox dl dd {float:left; display:inline; margin:20px 6px 0 13px; padding:0;} #SkinShopBox dl dd .goods {margin:0 6px 0 0; padding:0;} #SkinShopBox dl dd .brandName {margin-top:5px; font-weight:bold;} #SkinShopBox dl dd .brandName a {color:#ff2c69;} #SkinShopBox dl dd .title {margin: 0 0 5px 0; width:113px; height:30px; overflow:hidden; font:12px/1.25em "µ¸¿ò",Dotum; color:#444;} #SkinShopBox dl dd .title img {display:inline; vertical-align:middle;} #SkinShopBox dl dd .price del {} #SkinShopBox dl dd .price ins {font-weight:bold; text-decoration:none;} #SkinShopBox dl dd .price img {display:inline; vertical-align:middle;}