@charset "euc-kr"; /* @import url(default.css); */ /* -------------------------------- File Name : mall.css Generated Date : 2011-02-23 Generated Author : Jung-eun -------------------------------- */ .mall .titArea_default { position:relative; z-index:50; margin-bottom:40px;} .mall .titArea_default h1 { width:100%;} .mall .titArea_default.printing h1 {background:url(/images/qubridge/mall/bg_printing.gif) repeat-x;} .mall .titArea_default.food h1 {background:url(/images/qubridge/mall/bg_food.gif) repeat-x;} .mall .titArea_default.house h1 {background:url(/images/qubridge/mall/bg_house.gif) repeat-x;} .printingCate { position:absolute; top:0; left:245px; width:727px; background:#fff; border:2px solid #aacbe8; border-top:none;} .printingCate div { float:left; padding:0 10px; /*width:111px;*/ width:125px; text-align:center; line-height:18px; background:url(/images/qubridge/mall/bg_mallCate.gif) no-repeat right top;} .printingCate div.last { /*padding:0; width:72px;*/ background:none;} .printingCate div a { text-decoration:none;} .printingCate div dl, .printingCate div ul { text-align:left;} .printingCate dt { margin-top:10px; font-weight:bold; color:#0e62ac;} .printingCate dd a { display:block; padding-left:10px; color:#299bff !important; background:url(/images/qubridge/ico/bul_txtM_blue.gif) no-repeat 0 5px;} .printingCate dd a:hover { color:#ef2828 !important; background:url(/images/qubridge/ico/bul_txtM_red.gif) no-repeat 0 5px;} .printingCate div.last ul { margin-top:10px;} .printingCate div.last li a { display:block; margin:0 1px 3px; padding:10px 0; width:67px; text-align:center; font-weight:bold; color:#299bff; background:#f5faff; border:1px solid #c9e0f5;} .printingCate div.last li big { font-size:14px;} .printingCate .btn { clear:both; padding:0; width:100%; background:none;} .printingCate .btn a { overflow:hidden; display:block; margin-top:-72px; padding-top:90px; width:100%; height:0; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center 72px;} .printingCate .btn a.active { margin:0; padding-top:18px; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center -18px;} .foodCate { position:absolute; top:0; left:141px; width:831px; background:#fff; border:2px solid #8de1d3; border-top:none;} .foodCate div { float:left; padding:0 10px; width:84px; text-align:center; line-height:18px; background:url(/images/qubridge/mall/bg_mallCate.gif) no-repeat right top;} .foodCate div.last { padding:0 9px 0 10px; background:none;} .foodCate div a { text-decoration:none;} .foodCate div ul { margin-top:10px; text-align:left;} .foodCate div li a { display:block; padding-left:10px; height:18px; color:#4ac5ac !important; background:url(/images/qubridge/ico/bul_txtM_green.gif) no-repeat 0 5px;} .foodCate div li a:hover { color:#ef2828 !important; background:url(/images/qubridge/ico/bul_txtM_red.gif) no-repeat 0 5px;} .foodCate .btn { clear:both; padding:0; width:100%; background:none;} .foodCate .btn a { overflow:hidden; display:block; margin-top:-72px; padding-top:90px; width:100%; height:0; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center 72px;} .foodCate .btn a.active { margin:0; padding-top:18px; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center -18px;} .houseCate { position:absolute; top:0; left:141px; width:831px; background:#fff; border:2px solid #97d668; border-top:none;} .houseCate div { float:left; padding:0 10px; width:84px; text-align:center; line-height:18px; background:url(/images/qubridge/mall/bg_mallCate.gif) no-repeat right top;} .houseCate div.last { padding:0 9px 0 10px; background:none;} .houseCate div a { text-decoration:none;} .houseCate div ul { margin-top:10px; text-align:left;} .houseCate div li a { display:block; padding-left:10px; /*height:18px;*/ color:#4ac5ac !important; background:url(/images/qubridge/ico/bul_txtM_green.gif) no-repeat 0 5px;} .houseCate div li a:hover { color:#ef2828 !important; background:url(/images/qubridge/ico/bul_txtM_red.gif) no-repeat 0 5px;} .houseCate .btn { clear:both; padding:0; width:100%; background:none;} .houseCate .btn a { overflow:hidden; display:block; margin-top:-72px; padding-top:90px; width:100%; height:0; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center 72px;} .houseCate .btn a.active { margin:0; padding-top:18px; background:url(/images/qubridge/btn/btn_mallMore.gif) no-repeat center -18px;} #openCate { display:none; z-index:100;} .mall .wrap { clear:both; overflow:hidden; margin-top:30px;} .mall .wrap h2 { margin-bottom:10px; font-size:1%; line-height:1%;} .hot ol { margin-left:-1px; width:981px;} .hot ol li { display:inline; float:left; margin-left:1px;} .event { float:left; width:746px;} .event h2 { margin-top:3px;} .event ul { position:relative; width:744px; border:1px solid #6a6a6a;} .event ul li { padding:1px;} .event ul li.tit01 a { background:url(/images/qubridge/mall/tab_event01.gif) no-repeat;} .event ul li.tit02 a { background:url(/images/qubridge/mall/tab_event02.gif) no-repeat;} .event ul li.tit03 a { background:url(/images/qubridge/mall/tab_event03.gif) no-repeat;} .event ul li.tit04 a { background:url(/images/qubridge/mall/tab_event04.gif) no-repeat;} .event ul li a { overflow:hidden; display:block; padding-top:53px; width:212px; height:0; text-align:center; font-weight:bold; color:#000; background-position:0 0;} .event ul li a:hover, .event ul li a.active { text-decoration:none; background-position:0 -53px;} .event ul .cont { display:none; position:absolute; top:1px; left:214px;} .event ul .cont.on { display:block;} .event2 { float:left; width:746px;} .event2 h2 { margin-top:3px;} .event2 .wrap { position:relative; margin:0; width:744px; border:1px solid #6a6a6a;} .event2 ul {} .event2 ul li { padding:1px;} .event2 ul li a { overflow:hidden; display:block; padding:0 15px; width:183px; height:53px; font-weight:bold; line-height:53px; color:#000; background:url(/images/qubridge/mall/tab_event.gif) no-repeat 0 0;} .event2 ul li a:hover, .event2 ul li a.active { text-decoration:none; background-position:0 -53px;} .event2 .wrap .cont { display:none; position:absolute; top:1px; left:214px;} .event2 .wrap .cont.on { display:block;} .eventFood { float:left; width:746px;} .eventFood h2 { margin-top:3px;} .eventFood ul { position:relative; width:744px; border:1px solid #6a6a6a;} .eventFood ul li { padding:1px;} .eventFood ul li.tit01 a { background:url(/images/qubridge/mall/tab_eventFood01.gif) no-repeat;} .eventFood ul li.tit02 a { background:url(/images/qubridge/mall/tab_eventFood02.gif) no-repeat;} .eventFood ul li.tit03 a { background:url(/images/qubridge/mall/tab_eventFood03.gif) no-repeat;} .eventFood ul li.tit04 a { background:url(/images/qubridge/mall/tab_eventFood04.gif) no-repeat;} .eventFood ul li a { overflow:hidden; display:block; padding-top:53px; width:212px; height:0; text-align:center; font-weight:bold; color:#000; background-position:0 0;} .eventFood ul li a:hover, .eventFood ul li a.active { text-decoration:none; background-position:0 -53px;} .eventFood ul .cont { display:none; position:absolute; top:1px; left:214px;} .eventFood ul .cont.on { display:block;} .eventFood2 { float:left; width:746px;} .eventFood2 h2 { margin-top:3px;} .eventFood2 .wrap { position:relative; margin:0; width:744px; border:1px solid #6a6a6a;} .eventFood2 ul {} .eventFood2 ul li { padding:1px;} .eventFood2 ul li a { overflow:hidden; display:block; padding:0 15px; width:183px; height:53px; font-weight:bold; line-height:53px; color:#000; background:url(/images/qubridge/mall/tab_eventFood.gif) no-repeat 0 0;} .eventFood2 ul li a:hover, .eventFood2 ul li a.active { text-decoration:none; background-position:0 -53px;} .eventFood2 .wrap .cont { display:none; position:absolute; top:1px; left:214px;} .eventFood2 .wrap .cont.on { display:block;} .eventHouse2 { float:left; width:746px;} .eventHouse2 h2 { margin-top:3px;} .eventHouse2 .wrap { position:relative; margin:0; width:744px; border:1px solid #6a6a6a;} .eventHouse2 ul {} .eventHouse2 ul li { padding:1px;} .eventHouse2 ul li a { overflow:hidden; display:block; padding:0 15px; width:183px; height:53px; font-weight:bold; line-height:53px; color:#000; background:url(/images/qubridge/mall/tab_eventHouse.gif) no-repeat 0 0;} .eventHouse2 ul li a:hover, .eventHouse2 ul li a.active { text-decoration:none; background-position:0 -53px;} .eventHouse2 .wrap .cont { display:none; position:absolute; top:1px; left:214px;} .eventHouse2 .wrap .cont.on { display:block;} .bestItems { float:right; width:214px;} .bestItems h2 { float:left; margin:3px 10px 8px 0 !important;} .bestItems .moveBtn { float:left;} .bestItems .moveBtn a { overflow:hidden; display:block; float:left; margin-right:-1px; padding-top:15px; width:16px; height:0; background:url(/images/qubridge/btn/btn_move.gif) no-repeat; font-size: 0;} .bestItems .moveBtn .prev { background-position:0 0;} .bestItems .moveBtn .next { background-position:-15px 0;} .bestItems ul { clear:both; overflow:hidden; margin-bottom:-15px;} .bestItems li { margin-bottom:15px;} .bestItems li .unitMH { padding:2px 0 0 2px;} .new div { overflow:hidden; zoom:1; padding:20px 0; background:#e6eff8;} .new div a { float:left;} .new div a.prevBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat 0 0;} .new div a.nextBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat -41px 0;} .new div ul { display:inline; float:left; margin-left:9px;} .new div li { display:inline; float:left; margin-right:9px;} .new div li img { width:100px; height:100px; border:1px solid #999f9e;} .new div li a:hover { text-decoration:none; color:#a9deff;} .new_food div { overflow:hidden; zoom:1; padding:20px 0; background:#e9f5f2;} .new_food div a { float:left;} .new_food div a.prevBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat 0 0;} .new_food div a.nextBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat -41px 0;} .new_food div ul { display:inline; float:left; margin-left:9px;} .new_food div li { display:inline; float:left; margin-right:9px;} .new_food div li img { width:100px; height:100px; border:1px solid #999f9e;} .new_food div li a:hover { text-decoration:none; color:#a9deff;} .newHouse div { overflow:hidden; zoom:1; padding:20px 0; background:#ebf3e1;} .newHouse div a { float:left;} .newHouse div a.prevBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat 0 0;} .newHouse div a.nextBtn { overflow:hidden; display:block; padding-top:102px; width:41px; height:0; background:url(/images/qubridge/btn/btn_mallNew.gif) no-repeat -41px 0;} .newHouse div ul { display:inline; float:left; margin-left:9px;} .newHouse div li { display:inline; float:left; margin-right:9px;} .newHouse div li img { width:100px; height:100px; border:1px solid #999f9e;} .newHouse div li a:hover { text-decoration:none; color:#a9deff;} .md { float:left;} .md li { float:left; margin-right:5px;} .mdHouse ul { width:985px;} .mdHouse li { float:left; margin-right:5px;} .news { float:right;} .news li { padding-left:10px; font-weight:bold; font-size:14px; line-height:26px; color:#888; background:url(/images/qubridge/ico/bul_arr09.gif) no-repeat 0 10px;} .news li a { color:#888;} .news li a:hover { text-decoration:none; color:#488ccf;} .situBest { float:right;} .situBest li { padding-left:10px; font-weight:bold; font-size:14px; line-height:26px; color:#888; background:url(/images/qubridge/ico/bul_arr09.gif) no-repeat 0 10px;} .situBest li a { color:#888;} .situBest li a:hover { text-decoration:none; color:#08ba9f;} .bestSeller h2 { float:left; margin:0 !important;} .bestSeller .tab { float:left; background:#e6f1f8;} .bestSeller .tab li { display:inline; float:left; margin-left:1px;} .bestSeller .tab li.tab01 a { width:114px !important; background:url(/images/qubridge/mall/tab_print01.gif) no-repeat;} .bestSeller .tab li.tab02 a { background:url(/images/qubridge/mall/tab_print02.gif) no-repeat;} .bestSeller .tab li.tab03 a { background:url(/images/qubridge/mall/tab_print03.gif) no-repeat;} .bestSeller .tab li.tab04 a { background:url(/images/qubridge/mall/tab_print04.gif) no-repeat;} .bestSeller .tab li.tab05 a { background:url(/images/qubridge/mall/tab_print05.gif) no-repeat;} .bestSeller .tab li.tab06 a { background:url(/images/qubridge/mall/tab_print06.gif) no-repeat;} .bestSeller .tab li a { overflow:hidden; display:block; padding-top:31px; width:122px; height:0; background-position:0 0;} .bestSeller .tab li a:hover, .bestSeller .tab li a.active { text-decoration:none; background-position:0 -31px;} .bestSeller .tab_food { float:left; background:#d1eedb;} .bestSeller .tab_food li { display:inline; float:left; margin-left:1px;} .bestSeller .tab_food li.tab01 a { background:url(/images/qubridge/mall/tab_food01.gif) no-repeat;} .bestSeller .tab_food li.tab02 a { background:url(/images/qubridge/mall/tab_food02.gif) no-repeat;} .bestSeller .tab_food li.tab03 a { background:url(/images/qubridge/mall/tab_food03.gif) no-repeat;} .bestSeller .tab_food li.tab04 a { background:url(/images/qubridge/mall/tab_food04.gif) no-repeat;} .bestSeller .tab_food li.tab05 a { background:url(/images/qubridge/mall/tab_food05.gif) no-repeat;} .bestSeller .tab_food li.tab06 a { background:url(/images/qubridge/mall/tab_food06.gif) no-repeat;} .bestSeller .tab_food li.tab07 a { background:url(/images/qubridge/mall/tab_food07.gif) no-repeat;} .bestSeller .tab_food li.tab08 a { background:url(/images/qubridge/mall/tab_food08.gif) no-repeat;} .bestSeller .tab_food li a { overflow:hidden; display:block; padding-top:31px; width:99px; height:0; background-position:0 0; font-size:0;} .bestSeller .tab_food li a:hover, .bestSeller .tab_food li a.active { text-decoration:none; background-position:0 -31px;} .bestSeller .tab_house { float:left; background:#d1eedb;} .bestSeller .tab_house li { display:inline; float:left; margin-left:1px;} .bestSeller .tab_house li.tab01 a { background:url(/images/qubridge/mall/tab_house01.gif) no-repeat;} .bestSeller .tab_house li.tab02 a { background:url(/images/qubridge/mall/tab_house02.gif) no-repeat;} .bestSeller .tab_house li.tab03 a { background:url(/images/qubridge/mall/tab_house03.gif) no-repeat;} .bestSeller .tab_house li.tab04 a { background:url(/images/qubridge/mall/tab_house04.gif) no-repeat;} .bestSeller .tab_house li.tab05 a { background:url(/images/qubridge/mall/tab_house05.gif) no-repeat;} .bestSeller .tab_house li.tab06 a { background:url(/images/qubridge/mall/tab_house06.gif) no-repeat;} .bestSeller .tab_house li.tab07 a { background:url(/images/qubridge/mall/tab_house07.gif) no-repeat;} .bestSeller .tab_house li.tab08 a { background:url(/images/qubridge/mall/tab_house08.gif) no-repeat;} .bestSeller .tab_house li a { overflow:hidden; display:block; padding-top:31px; width:99px; height:0; background-position:0 0;} .bestSeller .tab_house li a:hover, .bestSeller .tab_house li a.active { text-decoration:none; background-position:0 -31px;} .bestSeller div { clear:both; overflow:hidden; zoom:1; position:relative; #padding-bottom:18px; border-top:1px solid #484848;} .bestSeller div h3 { position:absolute; top:25px; left:265px;} .bestSeller div ul { clear:both; overflow:hidden; zoom:1; position:relative; padding:13px 0 0 454px; min-height:258px; _height:258px;} .bestSeller div li { position:relative; float:left; margin:7px 37px 18px 0; width:200px; height:104px;} .bestSeller div li img { width:100px; height:100px; border:1px solid #484848; box-shadow:2px 2px 0 #ebebeb; -moz-box-shadow:2px 2px 0 #ebebeb; -webkit-box-shadow:2px 2px 0 #ebebeb; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=2);} .bestSeller div li span { position:absolute; bottom:20px; left:110px; font-size:11px; line-height:14px; color:#696969;} .bestSeller div li a:hover span { color:#ef2828;} .bestSeller div li strong { position:absolute; bottom:0; left:110px; font-size:14px;} .bestSeller div li.best { position:absolute; top:-1px; left:0; margin:0; width:400px; height:254px;} .bestSeller div li.best img { width:250px; height:250px;} .bestSeller div li.best span { bottom:25px; left:260px; font-size:12px; line-height:18px;} .bestSeller div li.best strong { left:260px; font-size:18px;} .board h2 { float:left; margin-bottom:15px; width:245px;} .board .tab { float:left; margin-top:14px;} .board .tab li { float:left;} .board .tab li.tit01 a { width:132px; background:url(/images/qubridge/mall/tab_board01.gif) no-repeat;} .board .tab li.tit02 a { width:124px; background:url(/images/qubridge/mall/tab_board02.gif) no-repeat;} .board .tab li.tit03 a { width:108px; background:url(/images/qubridge/mall/tab_board03.gif) no-repeat;} .board .tab li.tit04 a { width:116px; background:url(/images/qubridge/mall/tab_board04.gif) no-repeat;} .board .tab li a { overflow:hidden; display:block; padding-top:26px; height:0; background-position:0 0;} .board .tab li a:hover, .board .tab li a.active { background-position:0 -26px;} .board .btnArea { margin-top:10px; color:#ababab;} .board .btnArea a { margin:0 5px 0 1px; font-weight:bold; color:#ababab;} .board .btnArea a:hover { color:#ff4e00;} .oneStep h2 { padding-left:38px; height:32px; line-height:32px; color:#010101; background:url(/images/qubridge/event/bg_tit.gif) no-repeat;} .oneStep ul { clear:both; overflow:hidden; zoom:1; padding:5px 15px 40px; border-bottom:5px solid #e7eae9;} .oneStep li { display:inline; float:left; padding:0 0 25px 33px;} .oneStep li.best { padding:0 45px 0 0;} .oneStep .unit { height:auto;} .oneStep .unit .opt { text-align:left;} .oneStep .unit .info { margin:10px 5px 0;} .oneStep .unit .info a { font-weight:bold;} .oneStep .btn { clear:both; margin-top:-15px; width:100%; text-align:center;} .oneStep .btnArea { margin-top:10px;} .oneStep .btnArea a { margin:1px;} .situation { clear:both; overflow:hidden; zoom:1;} .situation .tab li { float:left;} .situation .tab li.tit01 a { width:123px; background:url(/images/qubridge/mall/tab_situation01.gif) no-repeat;} .situation .tab li.tit02 a { width:123px; background:url(/images/qubridge/mall/tab_situation02.gif) no-repeat;} .situation .tab li.tit03 a { width:122px; background:url(/images/qubridge/mall/tab_situation03.gif) no-repeat;} .situation .tab li.tit04 a { width:123px; background:url(/images/qubridge/mall/tab_situation04.gif) no-repeat;} .situation .tab li.tit05 a { width:122px; background:url(/images/qubridge/mall/tab_situation05.gif) no-repeat;} .situation .tab li.tit06 a { width:122px; background:url(/images/qubridge/mall/tab_situation06.gif) no-repeat;} .situation .tab li.tit07 a { width:123px; background:url(/images/qubridge/mall/tab_situation07.gif) no-repeat;} .situation .tab li.tit08 a { width:122px; background:url(/images/qubridge/mall/tab_situation08.gif) no-repeat;} .situation .tab li a { overflow:hidden; display:block; padding-top:55px; height:0; background-position:0 0;} .situation .tab li a:hover, .situation .tab li a.active { background-position:0 -55px;} .situation .unitList { clear:both; overflow:hidden; zoom:1;} .situation .unitList .paging { margin-top:20px;} .situation .unitList ul { clear:both; overflow:hidden; zoom:1; margin:5px -100px 0 0; width:1080px;} .situation .unitList ul li { display:inline; float:left; margin:20px 25px 10px 10px;} .situation .unitList ul li.s250 { margin:0 60px 10px 10px;} .situation .unitList .unit { height:auto;} .situation .unitList .unit .opt { text-align:left;} /* 브랜드샵 */ .brandshop { border-top:4px solid #a9a8a8;} .brandshop h1 { overflow:hidden; float:left; width:735px;} .brandshop h1 img { width:735px; height:230px;} .brandshop .shopGuide { overflow:hidden; float:right; width:245px;} .brandshop .shopGuide h2 { padding-left:10px; width:235px; height:35px; font-weight:bold; line-height:35px; color:#010101; background:url(/images/qubridge/mall/bg_shopLi.gif) no-repeat;} .brandshop .shopGuide ul { overflow-x:hidden; overflow-y:auto; padding:1px; width:241px; height:191px; border:1px solid #dbdbdb;} .brandshop .shopGuide li { padding:0 7px;} .brandshop .shopGuide li a { overflow:hidden; display:block; padding-left:7px; width:203px; height:24px; line-height:24px; color:#000;} .brandshop .shopGuide li a:hover { font-weight:bold; text-decoration:none; background:#ffeae5;} .brandshop .banner { clear:both; overflow:hidden; zoom:1;} .brandshop .banner img { float:left;} .brandshop .titList { clear:both; overflow:hidden; zoom:1; margin-top:40px;} .brandshop .titList li { float:left;} .brandshop .titList li a { overflow:hidden; display:block; padding-left:10px; width:235px; height:32px; font-weight:bold; line-height:32px; color:#010101; background:url(/images/qubridge/mall/bg_brandTitLi.gif) no-repeat 0 0;} .brandshop .titList li a:hover { text-decoration:none; background-position:0 -40px;} .brandshop .thumb { border:none !important;} .brandshop .unit { height:auto;} .brandshop .unit.size55 { width:55px;} .brandshop .unit.size80 { width:80px;} .brandshop .unit.size100 { width:100px;} .brandshop .unit.size140 { width:140px;} .brandshop .unit.size250 { width:250px;} .brandshop .section { clear:both; overflow:hidden; margin-top:45px;} .brandshop .section h2 { position:relative; padding-left:38px; height:32px; line-height:32px; color:#0d004c; background:url(/images/qubridge/event/bg_tit.gif) no-repeat;} .brandshop .section h2 a { position:absolute; top:0; right:0;} .brandshop .section ul { clear:both; margin:0 -100px 0 0; width:1080px;} .brandshop .section li { display:inline; float:left; margin:20px 25px 10px 10px; height:295px;} /* 2012.05.29 추가 */ .brandshop .topArea2 {height:360px;} .brandshop .topArea2 h1 {float:left; width:735px; overflow: hidden;} .brandshop .topArea2 h1 img {width:735px; height:360px; position:absolute;} .brandshop .topArea2 .banner {float:right; width:245px;} /* 실시간순위 */ .ranking h1 { padding-right:40px; width:940px; text-align:right; border-top:4px solid #a9a8a8;} .ranking .wrap { clear:both; margin:20px -5px 0 0; width:985px;} .ranking .section { float:left; margin-right:4px; width:324px;} .ranking .section h2 { height:20px;} .ranking .section h2 img { vertical-align:top;} .ranking .section li { margin-top:1px;} .ranking .section li a { overflow:hidden; display:block; padding-left:14px; widht:310px; height:45px; font-weight:bold; line-height:45px; color:#000; background:url(/images/qubridge/mall/bg_rankingLi.gif) no-repeat 0 0;} .ranking .section li a:hover { text-decoration:none; background-position:0 -45px;} .ranking .section li a span { display:inline-block; width:30px; color:#9fb1bd;} .ranking .section li a:hover span { color:#000;} /* 베스트100 */ .best100 { position:relative;} .best100 .thumb { border:5px solid #f6f6f6;} .best100 .unit { height:auto;} .best100 .unit.size55 { width:65px;} .best100 .unit.size80 { width:90px;} .best100 .unit.size100 { width:110px;} .best100 .unit.size140 { width:150px;} .best100 .unit.size250 { width:260px;} .best100 h2 { position:absolute !important; top:121px;} .best100 h2.tit01 { left:39px;} .best100 h2.tit02 { left:191px;} .best100 h2.tit03 { left:343px;} .best100 h2.tit04 { left:191px;} .best100 h2.tit01 a { background:url(/images/qubridge/mall/tit_best100_op.gif) no-repeat;} .best100 h2.tit02 a { background:url(/images/qubridge/mall/tit_best100_mro.gif) no-repeat;} .best100 h2.tit03 a { background:url(/images/qubridge/mall/tit_best100_digital.gif) no-repeat;} .best100 h2.tit04 a { background:url(/images/qubridge/mall/tit_best100_medical.gif) no-repeat;} .best100 h2 a { overflow:hidden; display:block; padding-top:74px; width:152px; height:0; background-position:0 0;} .best100 h2 a:hover, .best100 h2 a.active { background-position:0 -74px;} .best100 .section { clear:both; overflow:hidden; zoom:1; display:none; position:relative; padding-top:10px;} .best100 .section.on { display:block;} .best100 .section .option { margin-top:30px;} .best100 .section .visualListWrap { clear:both; overflow:hidden; margin-top:5px; border:3px solid #a9a8a8;} .best100 .section .visualList { margin-left:-1px; width:975px;} .best100 .section .visualList li { float:left; border-left:1px dotted #a9a8a8;} .best100 .section ol { overflow:hidden; zoom:1; margin:0 -100px 0 0; padding-bottom:50px; width:1080px; border-bottom:5px solid #e7eae9;} .best100 .section ol li { display:inline; float:left; position:relative; margin:0 11px 35px; height:310px;} .best100 .section ol li span.no { position:absolute; top:10px; left:10px; font:normal 21px/1.5 Eras Demi ITC,arial,verdana; font-style:italic; color:#a6a6a6;} .best100 .section ol li.best span.no { color:#85c4e8;} .best100 .btn { margin-top:-15px; width:100%; text-align:center;} .best100 .btnArea { margin-top:10px;} .best100 .btnArea a { margin:1px;} .best100 .bannerWrap { clear:both; overflow:hidden; border:3px solid #a9a8a8;} .best100 .bannerList { margin-left:-1px; width:975px;} .best100 .bannerList li { float:left; border-left:1px dotted #cbcbcb;} /* 신상품 */ .newItem { overflow:hidden; zoom:1; width:980px;} .newItem .topArea { clear:both; overflow:hidden; zoom:1; width:980px; height:554px; border-top:4px solid #a9a8a8;} .newItem .topArea .best { float:left; position:relative; width:603px; height:488px; border:1px solid #818587; border-top:none;} .newItem .topArea .best .bestList { width:216px;} .newItem .topArea .best .bestList li a { overflow:hidden; display:block; padding:9px 18px; width:180px; height:57px; background:url(/images/qubridge/mall/bg_newItemLi.gif) no-repeat;} .newItem .topArea .best .bestList li a img { float:left; margin-right:10px; width:55px; height:55px; border:1px solid #a7a7a7;} .newItem .topArea .best .bestList li a span { float:left; margin-top:15px; width:100px; font-weight:bold; color:#aeaeae;} .newItem .topArea .best .bestList li a:hover, .newItem .topArea .best .bestList li a.active { text-decoration:none; background-position:0 -75px;} .newItem .topArea .best .bestList li a:hover img, .newItem .topArea .best .bestList li a.active img { border:1px solid #000;} .newItem .topArea .best .bestList li a:hover span, .newItem .topArea .best .bestList li a.active span { color:#818587;} .newItem .topArea .best .bestItem { position:absolute; top:0; left:216px; padding:30px 18px 0; width:367px; height:323px; background:#fff; border:3px solid #77d4ec; border-top:none; box-shadow:0 5px 2px #dddddd; -moz-box-shadow:0 5px 2px #dddddd; -webkit-box-shadow:0 5px 2px #dddddd; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=5);} .newItem .topArea .best .bestItem h2 { margin:0 auto 7px; width:230px;} .newItem .topArea .best .bestItem .thumb { display:block; margin:0 auto; width:230px; text-align:center; /*height:245px; background:url(/images/qubridge/mall/bg_newBest.gif) no-repeat;*/} .newItem .topArea .best .bestItem .thumb img { width:230px; height:230px;} .newItem .topArea .best .bestItem .thumb span { position:absolute; bottom:28px; left:20px; width:230px; height:35px; text-align:right; font-weight:bold; line-height:18px;} .newItem .topArea .best .bestItem .btn { position:absolute; bottom:28px; right:20px;} /*.newItem .topArea .best .bestItem p { position:relative; margin-top:12px; _margin-top:6px; height:48px; text-align:right; font:bold 48px/48px arial; color:#ca7701;} .newItem .topArea .best .bestItem p span { position:absolute; bottom:6px; left:30px;} .newItem .topArea .best .bestItem p img { margin-left:2px; vertical-align:baseline;}*/ .newItem .topArea .best .replyList { clear:both; overflow:hidden; margin:15px 0 0 20px; height:} .newItem .topArea .best .replyList li a { line-height:24px; color:#888;} .newItem .topArea .best .replyList li a em { font-weight:bold; color:#72c2c9;} .newItem .topArea .best .moreBtn { position:absolute; bottom:0; right:0;} .newItem .topArea .newHot { float:right; width:320px;} .newItem .topArea .newHot h2 { margin-top:18px;} .newItem .topArea .newHot h3 { margin-bottom:7px;} .newItem .topArea .newHot li { clear:both; position:relative; margin-bottom:24px; _margin-bottom:18px; height:105px;} .newItem .topArea .newHot li .thumb { float:left; margin-right:10px;} .newItem .topArea .newHot li .thumb img { width:100px; height:100px; border:1px solid #8b8b8b;; border:1px solid #8b8b8b; box-shadow:2px 4px 2px #dddddd; -moz-box-shadow:2px 4px 2px #dddddd; -webkit-box-shadow:2px 4px 2px #dddddd; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=135,strength=4);} .newItem .topArea .newHot li .info { float:left; width:190px; line-height:18px;} .newItem .topArea .newHot li a strong { display:block; margin-bottom:3px; color:#000;} .newItem .topArea .newHot li a:hover strong { color:#ef2828;} .newItem .topArea .newHot li a em { float:left; font-weight:bold; color:#72c2c9;} .newItem .topArea .newHot li a span.date { float:right; font-weight:bold; color:#696969;} .newItem .topArea .newHot li a span.review { clear:both; display:block; color:#696969;} .newItem .topArea .newHot li a:hover span.review { text-decoration:underline;} .newItem .topArea .newHot li .btn { position:absolute; bottom:0; left:110px;} .newItem .tab { clear:both; overflow:hidden; zoom:1; width:100%; height:25px; text-align:center; border-bottom:2px solid #989898;} .newItem .tab li { display:inline; margin:0 -2px;} .newItem .tab li.tit01 a { width:115px; background:url(/images/qubridge/mall/tab_newItem01.gif) no-repeat;} .newItem .tab li.tit02 a { width:92px; background:url(/images/qubridge/mall/tab_newItem02.gif) no-repeat;} .newItem .tab li.tit03 a { width:138px; background:url(/images/qubridge/mall/tab_newItem03.gif) no-repeat;} .newItem .tab li.tit04 a { width:121px; background:url(/images/qubridge/mall/tab_newItem04.gif) no-repeat;} .newItem .tab li.tit05 a { width:153px; background:url(/images/qubridge/mall/tab_newItem05.gif) no-repeat;} .newItem .tab li.tit06 a { width:85px; background:url(/images/qubridge/mall/tab_newItem06.gif) no-repeat;} .newItem .tab li a { overflow:hidden; display:inline-block; padding-top:25px; height:0; background-position:0 0;} .newItem .tab li a:hover, .newItem .tab li a.active { background-position:0 -25px;} .newItem .cont { clear:both; overflow:hidden; margin:0 -100px 0 0; width:1080px; border-top:8px solid #fff2d9;} .newItem .cont .unit { height:auto;} .newItem .cont li { display:inline; float:left; margin:35px 25px 0 10px; height:280px;} .newItem .cont li.s250 { margin:25px 60px 0 10px; height:390px;}