@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명        : 메인
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.05.20
 * 최종수정일  : 2010.01.15
 * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

/* box */
.bx_cate {position:relative; height:281px; background:url('/images/main/bx_cate_bg.gif') repeat-y 0 0;}
.bx_cate img.flag {position:absolute; top:0; right:0; z-index:10;}

/* category */
.main_cate {position:relative; float:left; width:190px; height:281px; overflow:hidden;}
.main_cate .cate {float:left; width:190px;}
.main_cate .cate .cate_list {margin:4px 0 0 20px; padding:0; height:273px; font-weight:bold; overflow:auto; scrollbar-base-color:#F4F4F4; scrollbar-face-color:#E3E3E3; scrollbar-shadow-color:#F4F4F4; scrollbar-darkshadow-color:#F4F4F4; scrollbar-arrow-color:#949494;}
.main_cate .cate ul {margin:10px 10px 10px 0; padding:0;}
.main_cate .cate li {clear:both; float:none; line-height:21px; letter-spacing:-1px;}
.main_cate .cate li a {padding-left:6px; font-size:11px; color:#888;}
.main_cate .cate li a:hover, a:active, a:focus {color:#666; text-decoration:none;}
.main_cate .bg1 {background-color:#E9EFF7;}
.main_cate .bg2 {background-color:#FFF;}
.main_cate .line_h_dot {height:15px; background:url('/adminnew/images/icon/line_h_dot.gif') repeat-x 0 50%;} 
.main_cate2 {position:relative; float:left; margin:10px 10px 10px 0;}
.main_cate2 .cate {float:left; width:180px; margin:0; border:2px solid #7698CB;}
.main_cate2 .cate .cate_list {margin:4px 0 0 10px; padding:0;}
.main_cate2 .cate ul {margin:10px 10px 10px 0; padding:0;}
.main_cate2 .cate li {float:none; height:17px; letter-spacing:-1px; _padding-top:3px;}
.main_cate2 .cate li a {padding-left:6px; font-size:11px; color:#4E4D4D;}
.main_cate2 .cate li a:hover, a:active, a:focus {color:#4E4D4D; text-decoration:none;}
.main_cate2 .bg1 {background-color:#E9EFF7;}
.main_cate2 .bg2 {background-color:#FFF;}
.main_flaimg {float:left; width:520px; margin:4px 0 0 0;}
.main_flaimg img {vertical-align: top;}

/* add */
.hit_item {float:left; height:280px; text-align:center; margin-left:25px;}
.hit_item dl {width:135px; margin-top:35px;}
.hit_item dl dd.g_name {font-size:11px; margin-top:20px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.hit_item dl dd.g_money {font-size:14px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:0px; font-weight:bold;}
.hit_item dd img {margin:1px;}

.newitem {float:left; width:190px; height:202px; margin-right:10px; margin-top:10px; display:inline; background:url('/images/main/bg_newitem.gif') no-repeat 0 0; text-align:center;}
.newitem .arrow_left {float:left; margin-top:85px; padding-left:10px;}
.newitem .arrow_right {float:right; margin-top:85px; padding-right:10px;}
.newitem dl.goods {float:left; width:120px; position:relative; margin:0 auto; top:42px; left:15px;}
.newitem dl.goods .g_name {font-size:11px; margin-top:10px; line-height:130%; letter-spacing:-1px;}
.newitem dd img {width:100px; height:100px;}

.best {float:left; width:500px; height:202px; margin-right:10px; display:inline; background:url('/images/main/bg_best.gif') no-repeat 0 0; margin-top:10px;}
.best .best_tab {display:inline; float:right; padding:0;}
.best .best_tab a img.over {display:none;}
.best .best_tab a:hover {border:0px;}
.best .best_tab a:hover img {display:none;}
.best .best_tab a:hover img.over {display:inline;}
.best img {vertical-align:top;}
.best .goods_list {float:left; width:500px; position:relative; margin:0 auto; top:15px; left:10px;}
.best .goods_list li {display:inline;}
.best .goods_list .group {float:left; width:120px; text-align:center;}
.best .goods_list .group dl.goods dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.best dd img {width:100px; height:100px;}

.plan {float:left; width:188px; height:202px; text-align:center; margin-top:10px;}
.plan li {display:inline; height:22px;}
.plan li.title {float:left; margin-top:6px;}
.plan li.btn {float:right; margin-top:6px;}
.plan dd img {width:188px; height:172px; border:1px solid #d5d5d5;}

.spotlight {float:left; width:710px; height:276px; margin-top:12px; display:inline; background:url('/images/main/bg_spotlight.gif') no-repeat 0 0; text-align:center;}
.spotlight li {display:inline; height:22px;}
.spotlight li.title {float:left; margin:13px 0 0 10px;}
.spotlight li.btn {float:right; margin:13px 10px 0 0;}
.spotlight .arrow_left {clear:both; float:left; margin-top:85px; padding-left:15px;}
.spotlight .arrow_right {float:right; margin-top:85px; padding-right:15px;}
.spotlight dl.goods {float:left; width:130px; position:relative; margin:0 auto; top:25px; left:17px;}
.spotlight dl.goods .g_name {font-size:11px; margin-top:10px; line-height:130%; letter-spacing:-1px;}
.spotlight dl.goods_list {float:left; position:relative; margin:0 auto; top:15px;}
.spotlight dl.goods_list li {display:inline;}
.spotlight .goods_list .group {float:left; width:160px; text-align:center;}
.spotlight .goods_list .group dl.goods dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.spotlight dd img {width:130px; height:130px; border:1px solid #d5d5d5; padding:4px;}

.sale {float:left; width:190px; height:276px; display:inline; background:url('/images/main/bg_sale.gif') no-repeat 0 0;  margin-top:12px;}
.sale li {display:inline; height:22px;}
.sale li.title {float:left; margin:13px 0 3px 10px;}
.sale li.btn {float:right; margin:13px 10px 3px 0;}
.sale dl {clear:both; margin:0 15px; padding-top:3px;}
.sale dt {float:left; margin-right:8px; padding:1px;}
.sale dt img {width:63px; height:63px; border:1px solid #d5d5d5; margin:1px;}
.sale dd {text-align:left; font-size:11px; line-height:14px; padding-top:12px; letter-spacing:-1px;}

.seller {float:left; width:700px; margin-right:10px; margin-top:12px; text-align:center;}
.seller li {display:inline; height:22px;}
.seller li.title {float:left; margin:10px 0 0 2px;}
.seller li.btn {float:right; margin:10px 0 0 0;}
.seller .goods_list {clear:both; float:left; width:683px; position:relative; top:3px; border:1px solid #d5d5d5; height:141px; padding:15px 0 15px 15px;}
.seller .goods_list li {display:inline;}
.seller .goods_list .group {float:left; width:133px; text-align:center;}
.seller .goods_list .group dl.goods dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.seller dd img {width:100px; height:100px;}

.minishop {float:left; width:190px; display:inline; margin-top:12px;}
.minishop li {display:inline; height:22px;}
.minishop li.title {float:left; margin:10px 0 0 2px;}
.minishop li.btn {float:right; margin:10px 0 0 0;}
.minishop .shop {clear:both; float:left; width:173px; position:relative; top:3px; border:1px solid #d5d5d5; height:141px; padding:15px 0 15px 15px;}
.minishop .shop dl dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px; top:30px;}

.cooperation {float:left; width:190px; margin-right:10px; display:inline; margin-top:12px;}
.cooperation .title {float:left; margin:10px 0;}
.cooperation .group {clear:both; float:left; width:190px; height:139px; position:relative; background:url('/images/main/bg_group.gif') no-repeat 0 0;}
.cooperation dl {clear:both; margin:10px; height:55px;}
.cooperation dt {float:left; margin-right:8px; padding:1px;}
.cooperation dt img {width:50px; height:50px; margin:1px;}
.cooperation dd {text-align:left; font-size:11px; line-height:14px; padding-top:12px; letter-spacing:-1px;}

.focus {float:left; width:500px; height:139px; margin-right:10px; margin-top:12px; display:inline; text-align:center;}
.focus li {display:inline; height:22px;}
.focus li.title {float:left; margin:13px 0 0 10px;}
.focus li.btn {float:right; margin:13px 10px 0 0;}
.focus .f_group {clear:both; height:139px; background:url('/images/main/bg_focus.gif') no-repeat 0 0;}
.focus .arrow_left {float:left; margin-top:60px; padding-left:15px;}
.focus .arrow_right {float:right; margin-top:60px; padding-right:15px;}
.focus .goods_list {float:left; position:relative;}
.focus .goods_list li {display:inline;}
.focus .goods_list .group {float:left; width:110px; text-align:center;}
.focus .goods_list .group dl.goods dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.focus dl.goods {float:left; width:90px; position:relative; margin:0 auto; top:25px; left:22px;}
.focus dl.goods .g_name {font-size:11px; margin-top:10px; line-height:130%; letter-spacing:-1px;}
.focus dd img {width:77px; height:77px; border:1px solid #d5d5d5;}

.keyword {float:left; width:190px; height:175px; font-size: 15px; display:inline; background:url('/images/main/bg_keyword.gif') no-repeat 0 0; margin-top:12px; overflow:hidden;}
.keyword ul {margin:38px 5px 10px 10px; line-height:175%;}
.keyword li a:link {text-decoration:none;}
.keyword li a:hover {color:#ffffff; background-color:#8d8d8d; text-decoration:none;}
.keyword .k_type1 {padding:0 3px; font-weight:bold; color:#ffffff; padding-top:2px; background-color:#4b70d0; text-decoration:none;}
.keyword .k_type2 {padding:0 3px; font-weight:bold; color:#104f94; padding-top:2px; text-decoration:none;}
.keyword .k_type3 {padding:0 3px; font-weight:bold; color:#666666; padding-top:2px; text-decoration:none;}
.keyword .k_type4 {padding:0 3px; color:#444444; font-size:12px; padding-top:2px; background-color:#dddddc; text-decoration:none;}
.keyword .k_type5 {padding:0 3px; color:#666666; padding-top:2px; text-decoration:none;}

.auction {float:left; width:500px; margin-top:5px; text-align:center; overflow:hidden;}
.auction li {display:inline; height:22px;}
.auction li.title {float:left; margin:10px 0 0 2px;}
.auction li.btn {float:right; margin:10px 0 0 0;}
.auction .goods_list {clear:both; float:left; width:483px; height:221px; position:relative; top:3px; background:url('/images/main/bg_auction.gif') no-repeat 0 0; padding:15px 0 0 15px;}
.auction .goods_list li {display:inline;}
.auction .goods_list .group {float:left; width:155px; text-align:center;}
.auction .goods_list .group dl.goods dd.g_name {font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}
.auction dd img {width:130px; height:130px; border:1px solid #d5d5d5;}

.preview {float:right; width:190px; height:268px; margin-top:5px;}
.preview li {display:inline; height:22px;}
.preview li.title {float:left; margin:13px 0 0px 10px;}
.preview dl {clear:both; margin:0 5px; padding-top:3px;}
.preview dt {position:relative; float:left; margin-right:8px; padding:1px;}
.preview dd {text-align:left; font-size:11px; line-height:14px; padding-top:8px; letter-spacing:-1px;}
.preview dd.id {font-size:11px; letter-spacing:-1px; font-weight:bold;}
.preview img.flag {position:absolute; top:2px; left:1px; vertical-align: top;}

/* etc */
.fla_banner {float:left; width:190px; height:222px; margin-right:10px; margin-top:39px; display:inline;}

.cs_center {float:left; width:190px; margin-right:10px; display:inline;}
.cs_center .btn {margin:2px 6px;}

.quick_mu {float:left; width:500px; text-align:center;}
.quick_mu dl {clear:both; padding:6px 0 0 3px; height:81px; background:url('/images/main/bg_quick.gif') no-repeat 0 0;}
.quick_mu dd {display:inline;}
.quick_mu .quick{margin-top:10px;}
.quick_mu .quick a img.over {display:none;}
.quick_mu .quick a:hover {border:0px;}
.quick_mu .quick a:hover img {display:none;}
.quick_mu .quick a:hover img.over {display:inline;}

.main_notice {float:right; width:190px;}
.main_notice ul {margin-top:5px;}
.main_notice li {height:23px; position:relative; padding-left:20px; background:url('/images/common/icon/bu_arrow_gray1.gif') no-repeat 10px 30%; line-height:15px; white-space:nowrap;}

.rollover {display:inline;}
.rollover a img.over {display:none;}
.rollover a:hover {border:0px;}
.rollover a:hover img {display:none;}
.rollover a:hover img.over {display:inline;}