@charset "euc-kr";
@import url(default.css);
/* --------------------------------
	File Name : point.css
	Generated Date : 2011-10-07
	Generated Author : Jung-eun	
-------------------------------- */

.point { position:relative; border-top:3px solid #1ec3bb; _border:none; _background:url(/images/qubridge/common/line.gif) no-repeat 0 15px !important; _margin-top:-15px !important;}
*:first-child+html .point { border:none; background:url(/images/qubridge/common/line.gif) no-repeat 0 15px !important; margin-top:-15px !important;}

.point .unit { height:auto;}
.point .unit .dc { position:absolute; top:15px; left:10px; width:33px; height:17px; text-align:center; line-height:17px; color:#fff; background:#ff653b;}
.point .unit del,
.point .unit ins { font-size:11px;}
.point .unit del span,
.point .unit del strong,
.point .unit ins strong { font-size:12px;}
.point .unit .thumb { margin-bottom:7px;}

.point .prodL li { padding-top:15px; height:300px;}

.point .itemDetail .itemView ul { margin-left:10px;}
.point .itemDetail .itemView ul li { margin-right:-1px; border:1px solid #b3b3b3;}

.point .bgNone,
.point .bgNone .inner { background:#fff none !important;}

.point h1 {_float:left; _margin-top:18px;}
*:first-child+html .point h1 { float:left; margin-top:18px;}

.point .topArea { position:absolute; top:-20px; right:0; padding-right:7px; width:397px; _float:right; _position:relative; _top:0;}
*:first-child+html .point .topArea { float:right; position:relative; top:0;}

.point .topArea .txt { margin-right:-2px; height:60px; text-align:right; font-size:11px; color:#1ec3bb;}
.point .topArea .txt a {float:none; color:#1ec3bb; text-decoration:none;}
.point .topArea .txt a:link {color:#1ec3bb;}
.point .topArea .txt a:visited {color:#1ec3bb;}
.point .topArea .txt a:hover {color:red;}
.point .topArea .txt a:active {color:red;}
.point .topArea .txt em { font-weight:bold;}
.point .topArea .uPoint { float:left; height:30px; color:#000; width:314px; text-align:right;}
.point .topArea .uPoint em { font-weight:bold;}
.point .topArea .uPoint strong { display:inline-block; margin-top:-3px; font:bold 24px/1.0 Myriad Pro, arial; color:#ff0161;}
.point .topArea a { float:right;}
.point .topArea fieldset { clear:both;}
.point .topArea fieldset label { float:left; display:inline-block; padding-left:10px; width:128px; height:24px; font-weight:bold; line-height:24px; color:#fff; background:#b0bbc9 url(/images/qubridge/point/bg_pointSearch.gif) no-repeat;}
.point .topArea fieldset input.text { float:left; width:223px; height:20px; background:#f1fffe; border:1px solid #b0bbc9; border-right:0;}
.point .topArea fieldset input.btn { float:right;}

#pointNavi { clear:both; float:left; zoom:1; position:relative; z-index:10; padding:0 1px; width:978px; background:#202d42 url(/images/qubridge/point/bg_navi.gif) repeat-y;}
#pointNavi li { position:relative; float:left; width:162px; background:#202d42; border-left:1px solid #3b4a61;}
#pointNavi li a { display:block; position:relative; height:34px; text-align:center; text-decoration:none; font-weight:bold; line-height:34px; color:#969aa0;}
#pointNavi li a:hover,
#pointNavi li a.active { color:#fff600;}
#pointNavi li img { vertical-align:middle;}
#pointNavi li.first { border-left:1px solid #202d42;}
#pointNavi li ul { overflow:hidden; float:left; padding:5px 0 10px; width:162px; background:#202d42;}
#pointNavi li ul li { padding-left:15px; width:147px; border:0 none !important;}
#pointNavi li ul li a { padding:4px 0; height:auto; text-align:left; font-weight:normal; line-height:16px; color:#fff;}
#pointNavi li ul li a:hover,
#pointNavi li ul li a.active { font-weight:bold !important; letter-spacing:-1px;}

.point .topSection { clear:both; overflow:hidden; zoom:1; border:1px solid #202d42;}
.point .topSection .menu { float:left; padding-left:15px; width:148px;}
.point .topSection .menu .txtMenu { padding:15px 0; width:100%; height:95px;}
.point .topSection .menu .txtMenu li { padding:3px 0 3px 7px; background:url(/images/qubridge/point/bul_pointMenu.gif) no-repeat 0 center;}
.point .topSection .menu .txtMenu li a { display:block; padding:3px 0; color:#202d42;}
.point .topSection .menu .txtMenu li a span { color:#79879d;}
.point .topSection .menu .icoMenu { padding:6px 0 0; width:100%; height:137px; background:#f2f4f4; border-top:1px solid #b8c1c9;}
.point .topSection .menu .icoMenu li { float:left; padding:0 7px 0 10px; width:50px; height:68px;}
.point .topSection .banner { overflow:hidden; float:left; margin-right:-1px; width:815px;}
.point .topSection .banner img { float:left; border-right:1px solid #dbe1dc;}

.pointTypeWrap { clear:both; overflow:hidden; zoom:1; margin-top:35px;}
.pointTypeWrap .topWrap { height:31px;}
.pointTypeWrap .topWrap h2 { float:left; width:140px; height:26px; text-align:center; font-weight:bold; line-height:28px; color:#fff; background:#495967;}
.pointTypeWrap .topWrap ul { float:left; width:840px; height:31px;}
.pointTypeWrap .topWrap ul li { float:left; width:140px; height:31px;}
.pointTypeWrap .topWrap ul li.gray1 a { display:block; width:140px; height:31px; text-align:center; text-decoration:none; font-weight:bold; line-height:28px; color:#495967; background:url(/images/qubridge/point/bg_tab_gray1.gif) no-repeat;}
.pointTypeWrap .topWrap ul li.gray2 a { display:block; width:140px; height:31px; text-align:center; text-decoration:none; font-weight:bold; line-height:28px; color:#495967; background:url(/images/qubridge/point/bg_tab_gray2.gif) no-repeat;}
.pointTypeWrap .topWrap ul li a.active { color:#fff !important; background:url(/images/qubridge/point/bg_tab_orange.gif) no-repeat !important;}
.pointTypeWrap .contWrap { height:245px;} 
.pointTypeWrap .contWrap .banner { float:left; padding:15px 21px 0 22px;}
.pointTypeWrap .contWrap ul { float:left;}
.pointTypeWrap .contWrap ul li { float:left; padding-left:31px;}
.pointTypeWrap .contWrap ul li .unit .info a { color:#263c4b;}

.cateBestWrap { clear:both; overflow:hidden; zoom:1; margin-top:35px;}
.cateBestWrap .topWrap { height:31px;}
.cateBestWrap .topWrap h2 { float:left; width:140px; height:26px; text-align:center; font-weight:bold; line-height:28px; color:#fff; background:#495967;}
.cateBestWrap .topWrap ul { float:left; width:840px; height:31px;}
.cateBestWrap .topWrap ul li { float:left; width:140px; height:31px;}
.cateBestWrap .topWrap ul li.gray1 a { display:block; width:140px; height:31px; text-align:center; text-decoration:none; font-weight:bold; line-height:28px; color:#495967; background:url(/images/qubridge/point/bg_tab_gray1.gif) no-repeat;}
.cateBestWrap .topWrap ul li.gray2 a { display:block; width:140px; height:31px; text-align:center; text-decoration:none; font-weight:bold; line-height:28px; color:#495967; background:url(/images/qubridge/point/bg_tab_gray2.gif) no-repeat;}
.cateBestWrap .topWrap ul li a.active { color:#fff !important; background:url(/images/qubridge/point/bg_tab_yellow.gif) no-repeat !important;}
.cateBestWrap .contWrap { height:245px;} 
.cateBestWrap .contWrap .banner { float:left; padding:15px 21px 0 22px;}
.cateBestWrap .contWrap ul { float:left;}
.cateBestWrap .contWrap ul li { float:left; padding-left:31px;}
.cateBestWrap .contWrap ul li .unit .info a { color:#263c4b;}


.cateMmenu { clear:both; overflow:hidden; zoom:1; padding:15px 18px; border:4px solid #f1f1f1; border-top:none;}
.cateMmenu dl { line-height:24px; color:#202d42;}
.cateMmenu dl a { text-decoration:none; color:#202d42;}
.cateMmenu dl a:hover { font-weight:bold; letter-spacing:-1px; color:#ef2828;}
.cateMmenu dl dt { clear:both; position:relative; z-index:2; float:left; width:145px; font-weight:bold; background:#fff url(/images/qubridge/point/bul_cateMmenu.gif) no-repeat right 5px;}
.cateMmenu dl dd { position:relative; z-index:1; float:left; margin-left:-1px; width:790px;}
.cateMmenu dl dd a { display:block; float:left; padding:0 10px; background:url(/images/qubridge/point/bul_cateMmenuBar.gif) no-repeat 0 center;}

.cateMBestWrap { clear:both; overflow:hidden; zoom:1; margin-top:35px;}
.cateMBestWrap h2 { height:14px;}
.cateMBestWrap .contWrap { height:245px;} 
.cateMBestWrap .contWrap .banner { float:left; padding:15px 21px 0 22px;}
.cateMBestWrap .contWrap ul { float:left;}
.cateMBestWrap .contWrap ul li { float:left; padding-left:31px;}
.cateMBestWrap .contWrap ul li .unit .info a { color:#263c4b;}


.point .smallCategory { overflow:hidden; margin-top:35px; width:980px;}


.mallListWrap { clear:both; overflow:hidden; zoom:1;}
.mallListWrap .contWrap { height:245px;} 
.mallListWrap .contWrap ul { float:left; padding-left:1px; width:1100px; margin-top:20px;}
.mallListWrap .contWrap ul li { float:left; padding:15px 22px 0 10px; height:300px;}
.mallListWrap .contWrap ul li .unit .info a { color:#00b1d0;}


.eventListWrap { clear:both; overflow:hidden; zoom:1;}
.eventListWrap .contWrap { height:245px;} 
.eventListWrap .contWrap ul { float:left; padding-left:1px; width:1100px; margin-top:20px;}
.eventListWrap .contWrap ul li { float:left; padding:15px 22px 0 10px; height:300px;}