@charset "utf-8";

/************************************************************************
 * 파일명      : list.css
 * 설명         : 서브페이지
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2009.04.23
  * Copyright (c) 2009 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr 
************************************************************************/

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

/* category  */
.allcate_title {position:relative; width:900px; height:22px;}
.allcate_title dt {float:left;}
.allcate_title dd {float:right; margin-right:8px; font-size:11px;}
.bx_allcate_mid {background:url('/images/product/bx_allcate_mid.gif') repeat-y 0 top; font-size:11px; letter-spacing:-0.05em;}
.bx_allcate_top {background:url('/images/product/bx_allcate_top.gif') no-repeat 0 0;}
.bx_allcate_btm {background:url('/images/product/bx_allcate_btm.gif') no-repeat 0 bottom; padding:15px 0 15px 0; width:900px;}
.cate_area {position:relative;}
.cate_area .cate_list {overflow:hidden; margin-left:20px; text-align:left;}
.cate_area .cate_list li {float:left; line-height:15px;}
.cate_area .cate_list_sub1 {width:176px;}
.cate_area .cate_list_sub2 {width:176px;}
.cate_area .cate_list_sub3 {width:176px;}
.cate_area .cate_list_sub4 {width:176px;}
.cate_area .cate_list_sub5 {}
.cate_area h2 a {padding-left:6px; background:url('/images/common/icon/bu_arrow_blue.gif') no-repeat 0 40%; font-family:dotum,Gulim; font-size:11px; letter-spacing:-1px;}
.cate_area h2 a:hover, a:active, a:focus {color:#444; text-decoration:underline;}
.cate_area .sub_cate {margin:5px 0 0 0; padding:0;}
.cate_area .sub_cate li {clear:both; float:none; line-height:18px; letter-spacing:-1px;}
.cate_area .sub_cate li a {padding-left:6px; background:url('/images/common/icon/bu_square_gray2.gif') no-repeat 0 40%; font-family:dotum,Gulim; font-size:11px; color:#888;}
.cate_area .sub_cate li a:hover, a:active, a:focus {color:#444; text-decoration:underline;}

.allcate_area7 {position:relative; float:left; width:190px; height:254px; margin-right:10px; display:inline; background:url('/images/product/bg_allcate_md2.gif') no-repeat 0 0;}
.allcate_area7 .allcate_md li {display:inline;}
.allcate_area7 .allcate_md li.title {float:left; padding:15px 0 0 16px;}
.allcate_area7 .allcate_md li.btn {float:right; padding:15px 16px 0 0;}
.allcate_area7 dl.goods {width:130px; position:relative; margin:0 auto; top:22px;}
.allcate_area7 dl.goods .g_name {font-family:dotum,Gulim; font-size:11px; margin-top:10px; margin-bottom:5px; line-height:130%; letter-spacing:-1px; text-align:center;}

.allcate_area8 {position:relative; float:left; width:700px; height:254px; background:url('/images/product/bg_allcate_best.gif') no-repeat 0 0;}
.allcate_area8 .goods_list {margin-top:55px; margin-left:18px;}
.allcate_area8 .goods_list li {display:inline;}
.allcate_area8 .goods_list .group {float:left; width:165px; text-align:center;}
.allcate_area8 .goods_list .group dl.goods {clear:both; position:relative; width:130px; margin:0 auto;}
.allcate_area8 .goods_list .group dl.goods dd.g_name {font-family:dotum,Gulim; font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}

.category_type {position:relative; float:left; width:900px; height:228px; background:url('/images/product/bg_list_cate.gif') no-repeat 0 0;}
.category_type .category_type_title li {display:inline;}
.category_type .category_type_title li.title {float:left; padding:8px 0 10px 10px; color:#777; font-family:dotum,Gulim; font-size:11px; font-weight:bold;}
.category_type .category_type_title li.btn {float:right; padding:8px 10px 0 0;}
.category_type .goods_list {margin-top:50px; margin-left:15px;}
.category_type .goods_list li {display:inline;}
.category_type .goods_list .group {float:left; width:145px; text-align:center;}
.category_type .goods_list .group dl.goods {clear:both; position:relative; width:145px; margin:0 auto;}
.category_type .goods_list .group dl.goods dd img {width:110px; height:110px;}
.category_type .goods_list .group dl.goods dd.g_name {font-family:dotum,Gulim; font-size:11px; margin-top:10px; margin-bottom:3px; line-height:120%; letter-spacing:-1px;}


/* list */
.list_tab {float:left; width:900px; height:27px; background:url('/images/product/list_tab_bg.gif') repeat-x 0 0;}
.list_tab li {display:inline;}
.list_tab li {float:left;}
.list_tab li.view {float:right; padding:0 2px 0 0;}
.list_goods {position:relative; float:left; width:100%;}
.list_goods dt {float:left; margin-right:8px; vertical-align:top;}
.list_goods dd {text-align:left; font-size:11px; line-height:14px; padding-top:25px; letter-spacing:-1px;}
.list_align {float:left; width:100%;}
.list_align li {display:inline;}
.list_align li.btn {float:left; padding:0 0 4px 2px;}
.list_align li.align {float:right; padding:2px 2px 0 0;}
.list_page_btn {float:left; width:240px; display:inline;}
.list_paging {float:left; width:415px; text-align:center;}
.list_page_go {float:right; width:240px; text-align:right; font-size:11px;}

.best_top {position:relative; float:left; width:900px; height:336px; background:url('/images/product/add/bg_best.gif') no-repeat 0 0; overflow:hidden;}
.best_top1 {position:absolute; left:20px; top:60px;}
.best_top1 .g_img {background:url('/images/product/add/best_band1.gif') no-repeat 0 0; padding-left:48px;}
.best_top1 dd img {width:210px; height:210px;}
.best_top1 .g_name {padding-left:48px; font-size:11px;}
.best_top1 .g_price {padding-left:48px;}
.best_top2 {position:absolute; left:320px; top:60px; width:260px;}
.best_top2 dt {float:left; margin-right:8px;}
.best_top2 dt img {width:105px; height:105px;}
.best_top2 dd {text-align:left; font-size:11px; line-height:14px; padding-top:5px;}
.best_top2 dd img {line-height:14px; padding-bottom:8px;}
.best_top3 {position:absolute; left:610px; top:60px; width:260px;}
.best_top3 dt {float:left; margin-right:8px;}
.best_top3 dt img {width:105px; height:105px;}
.best_top3 dd {text-align:left; font-size:11px; line-height:14px; padding-top:5px;}
.best_top3 dd img {line-height:14px; padding-bottom:8px;}
.best_top4 {position:absolute; left:320px; top:198px; width:260px;}
.best_top4 dt {float:left; margin-right:8px;}
.best_top4 dt img {width:105px; height:105px;}
.best_top4 dd {text-align:left; font-size:11px; line-height:14px; padding-top:5px;}
.best_top4 dd img {line-height:14px; padding-bottom:8px;}
.best_top5 {position:absolute; left:610px; top:198px; width:260px;}
.best_top5 dt {float:left; margin-right:8px;}
.best_top5 dt img {width:105px; height:105px;}
.best_top5 dd {text-align:left; font-size:11px; line-height:14px; padding-top:5px;}
.best_top5 dd img {line-height:14px; padding-bottom:8px;}

.search_detail {position:relative; float:left; width:900px; height:115px; background:url('/images/product/bg_search_detail.gif') no-repeat 0 100%; overflow:hidden;}
.search_detail li.txt {padding:18px 0 0 260px; font-weight:bold;}
.search_detail li.d_search {padding:4px 0 0 260px; font-weight:bold;}
.search_detail li.hit_search {padding:18px 0 0 255px; font-size:11px; letter-spacing:0;}
.bx_search_cate_mid {background:url('/images/product/bx_search_cate_mid.gif') repeat-y 0 0; font-size:11px; letter-spacing:-0.05em;}
.bx_search_cate_top {background:url('/images/product/bx_search_cate_top.gif') no-repeat 0 0;}
.bx_search_cate_btm {background:url('/images/product/bx_search_cate_btm.gif') no-repeat 0 bottom; padding:15px 0 15px 0; width:900px;}
.search_cate_area {position:relative;}
.search_cate_area .cate_list {overflow:hidden; margin-left:20px; text-align:left;}
.search_cate_area .cate_list li {float:left; line-height:15px;}
.search_cate_area .cate_list_sub1 {width:200px;}
.search_cate_area .cate_list_sub2 {margin-left:15px; width:210px;}
.search_cate_area .cate_list_sub3 {margin-left:15px; width:210px;}
.search_cate_area .cate_list_sub4 {margin-left:15px;}
.search_cate_area h2 {font-family:dotum,Gulim; font-size:11px; letter-spacing:-1px; font-weight:bold;}
.search_cate_area h2 a {padding-left:6px; background:url('/images/common/icon/bu_arrow_blue.gif') no-repeat 0 45%;}
.search_cate_area h2 a:hover, a:active, a:focus {color:#444; text-decoration:underline;}
.search_cate_tit {position:relative;}
.search_cate_tit li {display:inline;}

/* 기획전 */
.plan_title {position:relative; float:left; width:100%; height:40px; background:url('/images/product/bg_plan_title.gif') no-repeat 0 0;}
.plan_title li {display:inline;}
.plan_title li.title {float:left; padding:13px 0 10px 14px; color:#444; font-family:Gulim; font-size:12px; font-weight:bold;background:url('/images/common/icon/bu_circle.gif') no-repeat 10px 55%; padding-left:31px;}
.plan_title li.btn {float:right; padding:13px 10px 0 0;}
.plan_list {position:relative; padding-top:20px; width:100%; height:190px; overflow:hidden;}
.plan_list li {display:inline; float:left; width:222px; text-align:center;}
.plan_list img {width:198px; height:174px; border:1px solid #d6d5d5;}
.plan_detail_title {position:relative; float:left; width:100%; height:37px; background:url('/images/product/bg_plan_detail_title.gif') no-repeat 0 0;}
.plan_detail_title li {display:inline;}
.plan_detail_title li.title {float:left; padding:11px 0 0 20px; color:#fff; font-family:Gulim; font-size:12px; font-weight:bold;}
.plan_detail_title li.date {float:right; padding:11px 20px 0 0; color:#fff; font-family:dotum; font-size:11px; letter-spacing:1px;}
.plan_detail_edit {position:relative; float:left; width:100%; margin:15px auto; text-align:center;}
.bx_plancate_mid {background:url('/images/product/bx_plancate_mid.gif') repeat-y 0 0; font-size:11px; letter-spacing:-0.05em;}
.bx_plancate_top {background:url('/images/product/bx_plancate_top.gif') no-repeat 0 0;}
.bx_plancate_btm {background:url('/images/product/bx_plancate_btm.gif') no-repeat 0 bottom; padding:15px 0 15px 0; width:900px;}

.plancate_area {position:relative;}
.plancate_area .cate_list {overflow:hidden; margin-left:20px; text-align:left;}
.plancate_area .cate_list li {float:left; line-height:15px;}
.plancate_area .cate_list_sub1 {width:220px;}
.plancate_area .cate_list_sub2 {width:220px;}
.plancate_area .cate_list_sub3 {width:220px;}
.plancate_area .cate_list_sub4 {}
.plancate_area h2 a {padding-left:6px; background:url('/images/common/icon/bu_arrow_blue.gif') no-repeat 0 40%; font-family:dotum,Gulim; font-size:11px; letter-spacing:-1px;}
.plancate_area h2 a:hover, a:active, a:focus {color:#444; text-decoration:underline;}
.plancate_area .sub_cate {margin:5px 0 0 0; padding:0;}
.plancate_area .sub_cate li {clear:both; float:none; line-height:18px; letter-spacing:-1px;}
.plancate_area .sub_cate li a {padding-left:6px; background:url('/images/common/icon/bu_square_gray2.gif') no-repeat 0 40%; font-family:dotum,Gulim; font-size:11px; color:#888;}
.plancate_area .sub_cate li a:hover, a:active, a:focus {color:#444; text-decoration:underline;}

.plan_detail_goods_title {position:relative; float:left; width:100%; height:31px; background:url('/images/product/bg_plan_detail_goods_title.gif') no-repeat 0 0;}
.plan_detail_goods_title li {display:inline;}
.plan_detail_goods_title li.title {float:left; padding:8px 0 0 30px; color:#777; font-family:Gulim; font-size:12px; letter-spacing:-1px;}
.plan_detail_goods_title li.sub {float:left; padding:8px 0 0 10px; color:#999; font-family:dotum; font-size:11px; letter-spacing:-1px;}

.plan_detail_goods {position:relative; float:left;}
.plan_detail_goods ul li {display:inline; _display:inline; float:left; width:180px; overflow:hidden; margin-top:15px;}
.plan_detail_goods .goods {width:150px; margin:15px auto;}
.plan_detail_goods .g_name {margin:8px 0 5px 0; font-size:11px; height:55px; letter-spacing:-1px; line-height:140%; overflow:hidden;}
.plan_detail_goods .g_price {line-height:140%;}
.plan_detail_goods .add_bold {background:#f6f9fb;}
.plan_detail_goods .add_bold dd.g_name {font-weight:bold;}