@charset "utf-8";
/************************************************************************
 * 파일명      : list.css
 * 설명        : 서브페이지
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2011.06.03
 * 최종수정일  : 2011.06.03
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/
/* category  */
#wrap h2.cate_tit a {font-weight:bold; font-size:16px; color:#444;}
.cate_txt {position:relative; float:left; margin:20px 0 10px 0;}
.bx_cate {position:relative; clear:both; border-top:1px solid #999; border-bottom:1px solid #ddd; margin-top:0px;}
.bx_cate .cate_list {position:relative; overflow:hidden; text-align:left; padding:10px 0;}
.bx_cate .cate_list li {float:left; line-height:15px; width:225px; background:url('/images/product/shopping/bg_cate.gif') repeat 0 0; min-height:35px;}
.bx_cate .cate_list li .gp{ display:block;line-height:15px; background:red; min-height:35px;}
.bx_cate .cate_list h2 a {padding-left:20px;}
.bx_cate .cate_list h2 a:hover, a:active, a:focus {color:#4858da; text-decoration:underline;}
.bx_cate .align_r {position:absolute; top:-20px; right:0; font-weight:normal; color:#444;}
.subcate_dropdown{width:222px;border:1px solid #999;background:#fff}
.subcate_dropdown > ul {margin:8px 0;padding:0}
.subcate_dropdown > ul > li {position:relative;padding:3px 12px;line-height:12px;font-size:11px}
.subcate_dropdown > ul > li span {display:block;width:210px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.subcate_dropdown > ul > li a {color:#666;text-decoration:none}
.subcate_dropdown > ul > li a:hover {background:#e4e6f9; color:#4858da;}
/* 그룹 category  2015-10-01 @ jha 추가 */
.group_list {border-top:1px solid #999; border-bottom:1px solid #ddd; margin-top:10px;}
.group_list:after{display:block;clear:both;content:'';height:0;font-size:0;line-height:0}
.group_list ul{position:relative;overflow:hidden;zoom:1;padding:20px 0;margin-left:-1px;border-left:1px solid #1179EA}
.group_list li {float:left;width:25%;*width:24.9%;font-size:0;line-height:0;margin-left:-2px}
.group_list ul li a{position:relative;display:block;padding:5px 0 2px 27px;background:url('/images/common/icon/dot_gray.gif') no-repeat 20px 10px;color:#222;font-size:12px;border-left:1px solid #E1E1E1;line-height:14px}
.group_list ul li.on a,
.group_list ul li a:active,
.group_list ul li a:focus,
.group_list ul li a:hover{color:#4858da;font-weight:bold;letter-spacing:-1px}
/* 현재 카테고리 내 검색 */
.cate_search {position:relative; width:900px; height:39px; border-bottom:1px solid #ddd; color:#666;}
.cate_search .search_c {float:left; height:20px; margin-top:10px;}
.cate_search .search_c h4 {float:left; display:inline-block;; background:url('/images/common/icon/dot_gray.gif') no-repeat 20px center; color:#444; padding:3px 5px 0 25px;}
.cate_search .hit_keyword {float:right; padding:11px 12px 0 0; font-size:11px; height:17px;}
.cate_search .hit_keyword .tag {vertical-align:middle;}
/* 검색된 결과 */
.select_wrap{padding: 0 20px;min-height: 30px;}
.select_wrap strong{padding-top: 5px;}
.select_list{width: 640px;overflow: hidden;padding: 4px 0 0;}
.select_list span{color: #4858da;display: inline-block;padding: 4px 10px 4px 0;font-size: 11px;float: left;font-family: Dotum, Tahoma, sans-serif;}
.select_list span.btn{text-align: center;padding: 0;}
.select_list span.btn a{vertical-align:top;display: inline-block;padding: 3px 4px 2px;text-decoration: none;font-size: 11px;letter-spacing: -1px;color: #666;font-family:Dotum, Tahoma, sans-serif;border: 1px solid #cacaca;}
.select_list span.btn a:hover, .select_list span.btn.on a{border: 1px solid #919191;text-align: center;}
/* seller 추천, 이벤트 이미지, new상품, best상품 */
.cate_area1 {width:898px; height:310px; margin-right:10px; margin-top:30px;} 
.cate_area1 h3 {padding:22px 0 0 30px;}
.cate_area1 h3.title {padding:22px 0 0 50px;}
.cate_area1 .title2 {margin-top:20px;font-size:12px;line-height:22px;color:#8e8e8e;font-weight:bold; }
.cate_area1 .ad-app {float:right; padding-top:4px;font:normal 11px Tahoma;}
.cate_area1 .ad-app a{padding-right:7px;background:url('/images/common/icon/arrow01.gif') no-repeat top 4px right 1px;font-size:11px;color:#777}
.cate_area1 .ad-app a span{font-family:tahoma}
.cate_area1 .cate_md {position:relative; float:left; width:219px; height:288px; border-right:1px solid #ddd;}
.cate_area1 .cate_md .btn {position:absolute; top:22px; right:27px;}
.cate_area1 .cate_event {position:relative; float:left; width:458px; height:288px; background:yellow;}
.cate_area1 .cate_event .btn {position:absolute; top:12px; right:12px;}
.cate_area1 .cate_event .btn a.off{width:8px; height:8px; background:#d5d5d5; display:inline-block; margin-left:3px;}
.cate_area1 .cate_event .btn a.on{width:8px; height:8px; background:#4858da; display:inline-block; margin-left:3px;}
.cate_area1 .cate_new {position:relative; float:left; width:219px; height:288px; border-left:1px solid #ddd;}
.cate_area1 .cate_best {position:relative; float:left; width:898px; height:288px; border:1px solid #ddd;}
.cate_area1 .goods_list {position:relative; margin:20px auto 0; width:878px; height:200px; text-align:center;}
.cate_area1 .goods_list .ico_rate {position:absolute; top:110px; right:18px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; z-index:10}
.cate_area1 .goods_list .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.cate_area1 .goods_list li {position:relative; float:left; width:175px;}
.cate_area1 .goods {position:relative; margin:20px auto 0; .padding-top:20px; width:170px; height:200px; text-align:center;}
.cate_area1 .icon {position:absolute; top:-10px; right:-7px; .top:10px;}
.cate_area1 .icon_best {position:absolute; top:0; left:17px;}
.cate_area1 .cate_best .goods_list .price1 span{display:block; font-weight:bold}
.cate_area1 .cate_best .goods_list .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.cate_area1 .cate_best .goods_list .price1 strong{font-size:15px;letter-spacing:-1px;}
.cate_area1 .cate_best .goods_list .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.cate_area1 .name {font-size:11px; margin-top:9px; height:38px;color:#707070; display:block; padding:0 14px;}
.cate_area1 .price {font:bold 13px Tahoma; margin-top:3px; color:#393939; display:block;}
.cate_area1 .thumb img {width:130px; height:130px; border:1px solid #ddd; padding:4px; background:#fcfcfc;}
.cate_area1 .goods a:hover img, .goods_list a:hover img {border:1px solid #4858da;}

/* 광고 주목 이상품 &  클릭신상품*/
.ad_focus_wrap{margin-top:20px; width:898px; height:288px;}
.ad_focus_shopping{margin:20px auto 0; width:878px; height:200px; text-align:center;}
.ad_focus_wrap .title {font-size:12px;line-height:22px;color:#8e8e8e;font-weight:bold;padding:0 0 5px 0;border-bottom:3px solid #d1d1d1;}
.ad_focus_wrap .ad-app {float:right; padding-top:4px;font:normal 11px Tahoma;}
.ad_focus_wrap .ad-app a{padding-right:7px;background:url('/images/common/icon/arrow01.gif') no-repeat top 4px right 1px;font-size:11px;color:#777}
.ad_focus_wrap .ad-app a span{font-family:tahoma}
.focus_item{position:relative; width:878px; height:200px; padding:20px 11px; text-align:center;}
.focus_item .ico_rate {position:absolute; top:110px; right:8px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; z-index:10}
.focus_item .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.focus_item ul{overflow:hidden}
.focus_item li{position:relative;float:left;margin:0 10px;width:155px}
.focus_item .price span{display:block; font-weight:bold}
.focus_item .price {color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.focus_item .price strong{font-size:15px;letter-spacing:-1px;}
.focus_item .price del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.focus_item .name {font-size:11px; margin-top:9px; height:45px;color:#707070; display:block; padding:0 20px;}
.focus_item .thumb img {width:130px; height:130px; border:1px solid #ddd; padding:4px; background:#fcfcfc;}
.focus_item a:hover img, .goods_list a:hover img {border:1px solid #4858da;}

/* 광고 강력추천상품*/
.category_wrap{position:relative;margin-top:20px;}
.category_wrap .title {font-size:12px;line-height:22px;color:#8e8e8e;font-weight:bold;padding:0 0 5px 0;}
.category_wrap .ad-app {float:right; padding-top:4px;font:normal 11px Tahoma;}
.category_wrap .ad-app a{padding-right:7px;background:url('/images/common/icon/arrow01.gif') no-repeat top 4px right 1px;font-size:11px;color:#777}
.category_wrap .ad-app a span{font-family:tahoma}
.listing_wrap{position:relative;border-top:1px solid #999;border-bottom:1px solid #ddd}
.recom_list.type_list li{zoom:1;padding-bottom:20px;border-top:1px solid #ddd}
.recom_list.type_list li:after{content:"";display:block;clear:both}
.recom_list.type_list li>div{position:relative;float:left;margin-top:10px;*vertical-align:bottom}
.recom_list.type_list li{zoom:1;padding-bottom:8px;border-top:1px solid #ddd}
.recom_list.type_list .item_info{position:relative;padding:0 50px 0 210px;width:315px;height:140px; }
.recom_list.type_list .item_info a{text-decoration:none;}
.recom_list.type_list .item_info .thumb{position:absolute;left:12px;top:0}
.recom_list.type_list .item_info .thumb img{width:132px;height:132px; border:1px solid #ddd; padding:4px; background:#fcfcfc;}
.recom_list.type_list .item_info .ico_smile {position:absolute;left:135px; top:-5px;width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* yw@170410 스마일아이콘 추가  17-03-11@ jha 수정 */


.recom_list.type_list .item_info .pup_title{position:absolute;left:180px;top:13px;overflow:hidden;height:38px;margin:5px 45px 0 20px;font-size:13px;line-height:18px;color:#222;}
.recom_list.type_list .item_info .pup_title:hover{text-decoration:underline}
.recom_list.type_list .item_info .pup_icon{position:absolute;left:180px;top:93px;overflow:hidden;margin:5px 45px 0 20px;} /* yw@170212  */




.recom_list.type_list .price_info,
.recom_list.type_list .store_info{padding-top:20px;width:160px;height:122px;}
.recom_list.type_list .price_info{z-index:10}
.recom_list.type_list .price_info .price{display:block;font-family:tahoma;}
.recom_list.type_list .price_info .price a>strong{font-size:16px}
.recom_list.type_list .price_info .delivery{display:block}
.recom_list .price_info .delivery{margin-top:6px;color:#666;font-size:11px}
.recom_list .price_info .delivery .free{overflow:hidden;display:block;margin-top:4px;vertical-align:top;width:40px;height:15px;background:url(/images/common/icon/free_delivery1.gif) no-repeat 0;text-indent:-999em}
.recom_list .price_info{margin-top:6px;background:fff;}
.recom_list .price_info .price strong{font-family:tahoma}
.recom_list .price_info .price>a{color:#222;font-weight:bold;line-height:20px}
.recom_list .price_info .origin_price{display:block}
.recom_list .price_info .sale_arrow{margin:0 0 0 2px;color:#fe6601;font:12px/100% tahoma,dotum;font-weight:bold;}
.recom_list .price_info .sale_arrow span{display:inline-block;width:5px;height:10px;margin:0 0 0 1px;background:url('/images/common/icon/arrdown_fe6601.gif') no-repeat 0 0;font-size:0;text-indent:-9999em;vertical-align:middle;}
.recom_list .price_info .price .text{color:#222;font-size:12px}
.recom_list.type_list .store_info .seller{display:block;margin-bottom:8px;word-break:break-all;word-wrap:break-word}
.recom_list.type_list .store_info .seller a{display:block;color:#444;font-size:12px;line-height:14px}
.recom_list.type_list .store_info .seller a:hover{text-decoration:underline}
.recom_list.type_list .store_info .seller a.minishop{padding-left:17px;background: url("/images/common/icon/sell_shop.png") no-repeat;line-height:12px;word-break:break-all}
.recom_list.type_list .more{position:absolute;left:0;bottom:0;color:#444;font-size:11px;text-decoration: underline;}
.recom_list.type_list .more .arrow{display: inline-block;width: 4px;height: 5px;margin: -2px 0 0 0px;background: url('/images/common/icon/arr_gray3.gif') 0 0 no-repeat;vertical-align: middle;overflow: hidden;}



/* what's new */
.cate_area2 {width:900px; margin-top:20px;}
.cate_area2 .tab {position:relative; width:900px; height:34px; background:url('/images/product/shopping/bg_allcate_tab.gif') repeat-x 0 0; width:899px; border-right:1px solid #d4d4d4;}
.cate_area2 .tab li {float:left; width:225px; text-align:center;}
.cate_area2 .tab li a {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; height:22px; padding-top:10px; position:relative; width:225px; font-weight:bold; margin-right:-1px;}
.cate_area2 .tab li.on a {background:#fff; color:#4858da; font:bold 15px; height:23px; border:1px solid #919191; border-bottom:none; z-index:5;}
.cate_area2 .goods_area {width:898px; height:320px; border:1px solid #ddd; border-top:0 none; overflow:hidden;}
.cate_area2 .goods_big {float:left; width:250px; height:320px; background:#e8e8e8; text-align:center;}
.cate_area2 .goods_big .name {font-size:12px; width:200px; height:40px; margin:9px auto 0; color:#707070; display:block; line-height:16px;}
.cate_area2 .goods_big .price {font-size:14px; margin-top:2px; color:#393939; display:block;}
.cate_area2 .goods_big a.thumb {margin-top:15px; display:block;}
.cate_area2 .goods_big .thumb img {width:198px; height:198px; border:1px solid #ddd;}
.cate_area2 .goods_big a:hover.thumb img {border:1px solid #4858da;}
.cate_area2 .goods_small {float:left; width:324px; text-align:center; background:url('/images/product/shopping/bg_whats_new.gif') no-repeat 0 0;}
.cate_area2 .goods_small li {float:left; width:162px; height:160px;}
.cate_area2 .goods_small .name {font-size:11px; width:110px; margin:5px auto 0; color:#707070; display:block; line-height:13px;}
.cate_area2 .goods_small .price {font-size:12px; margin-top:0; color:#393939; display:block;}
.cate_area2 .goods_small a.thumb {padding-top:15px; display:block;}
.cate_area2 .goods_small .thumb img {width:103px; height:103px; border:1px solid #fff;}
.cate_area2 .goods_small a:hover.thumb img {border:1px solid #4858da;}

/* 카테고리베스트 */
.cate_area3 {width:898px; height:313px; border:1px solid #ddd; margin-top:20px;}
.cate_area3 h3 {padding:10px 0 0 20px; height:22px; background:url('/images/product/shopping/bg_cate_best_tit.gif') repeat 0 0; border-bottom:1px solid #e6e6e6;}
.cate_area3 .cate {padding:7px 4px 7px 15px; float:left; width:199px; border-right:1px solid #ddd; background:url('/images/product/shopping/bg_cate_best.gif') #f8f8f8 repeat-y 0 0;}
.cate_area3 .cate .cate_list {height:266px; overflow:auto;}
.cate_area3 .cate li {line-height:20px;}
.cate_area3 .cate li a {padding-left:6px; background:url('/images/common/icon/arrow_violet.gif') no-repeat 0 center; font-family:dotum; font-size:11px; color:#888;}
.cate_area3 .cate li a:hover, a:active, a:focus {color:#444; text-decoration:none;}
.cate_area3 .goods_list {position:relative; float:left; width:679px; height:200px; text-align:center;}
.cate_area3 .goods_list li {float:left; width:169px; height:240px; background:url('/images/product/shopping/bg_dotline.gif') repeat-y right 0; padding-top:40px; text-align:center;}
.cate_area3 .goods_list li.last {float:left; width:169px; height:240px; background:none; padding-top:40px;}
.cate_area3 .goods_list .name {font-size:11px; width:140px; color:#707070; display:block; margin:15px auto 0;}
.cate_area3 .goods_list .price {font-size:14px; color:#393939; display:block; margin-top:5px;}
.cate_area3 .goods_list .thumb img {width:137px; height:137px; border:1px solid #fff;}
.cate_area3 .goods_list a:hover.thumb img {border:1px solid #4858da;}

/* list tab */
.list_tab {position:relative; width:900px; height:34px; margin-top:20px;}
.list_tab ul {background:url('/images/product/shopping/bg_list_tab.gif') repeat-x 0 0; float:left; width:850px;}
.list_tab li {float:left; width:134px; text-align:center;}
.list_tab li a {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; float:left; height:21px; padding-top:11px; position:relative; width:134px; font-weight:bold; margin-right:-1px;}
.list_tab li.on a {background:#fff; border-bottom:none; color:#4858da; font:bold 15px; height:22px; border:1px solid #919191; border-bottom:0 none; z-index:0;}
.list_tab img {vertical-align:top;}
.list_tab .exp{position:absolute;top:10px;left:150px;font-size:11px}
.list_tab .exp strong{color:#4858da}
.list_tab div.view {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:1px solid #919191; border-left:none; float:left; height:25px; padding-top:7px; width:49px;}
div.sort{margin-top:10px; height:27px; text-align:right}
.list_align {width:100%; height:27px; padding-top:7px; border-bottom:1px solid #d4d4d4;}
.list_align .btn, .align .txt {float:left;}
.list_align .align {float:right;}
.list_align .align li {float:left; padding:4px 10px 0 10px; .padding:2px 10px 0 10px; background:url('/images/product/common/align_bar.gif') no-repeat right 6px;}
.list_btn {width:900px; margin-top:5px;}
.list_page_go {float:right; width:240px; text-align:right; font-size:11px; }

/* 랭킹 도움말 레이어 */
.lyer_rank_info {position:relative;z-index:3000;text-align:left;display:none;}
.lyer_rank_info .con {position:absolute;top:28px;left:150px;width:370px;padding-bottom:5px;background:#fff;border:1px solid #9a9a9a;}
.lyer_rank_info .con:after {clear:both;content:'';display:block;}
.lyer_rank_info .con h3{margin-top:14px;width:350px;height:32px;font-size:12px;line-height:300%;color:#222;margin:0 auto;border-bottom:1px solid #D8D8D8;}
.lyer_rank_info p {font-size:11px;padding:5px 0 5px 10px;line-height:20px;}
.lyer_rank_info table {width:350px;margin:0 auto;border:1px solid #e3e3e3;border-top:none;}
.lyer_rank_info table th {width:29%;min-width:29%;text-align:left;padding:0 8px;font-size:11px;line-height:230%;font-weight:bold;color:#333;background:#f8f8f8;border-top:1px solid #e3e3e3;text-align:left;}
.lyer_rank_info table td {padding:0 8px;font-size:11px;line-height:230%;color:#666;border-top:1px solid #e3e3e3;font-weight:bold;color:#4858da;}
.lyer_rank_info .btn_close {position:absolute;top:8px;right:11px;z-index:1;display:block;width:19px;height:19px;background:url('/images/common/btn/close2.gif') no-repeat 0 0;cursor:pointer;line-height:2000em;overflow:hidden;vertical-align:middle;}

/* best_tab0 yw@170213  */
.best_tab0  {width:900px; height:40px;}
.best_tab0  ul {background:url('/images/main2/bg_add_tab.gif') repeat-x 0 0; float:left; width:899px; border-right:1px solid #d4d4d4;}
.best_tab0  li {float:left; width:449px; text-align:center;}
.best_tab0  li a { position:relative; width:450px; background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; float:left; height:22px; padding:10px 0px 0 0px; font-weight:bold; margin-right:0px;}
.best_tab0  li.on a {background:#fff; color:#4758da; font:bold 15px; height:23px; border:1px solid #4758da; border-bottom:none; z-index:5;}
.best_tab0 .arr{float:right; padding:8px 3px 0 0;}

/* list tab */
.best_tab {width:900px; height:34px;}
.best_tab ul {background:url('/images/product/shopping/bg_list_tab.gif') repeat-x 0 0; float:left; width:899px; border-right:1px solid #d4d4d4;}
.best_tab li {float:left; width:180px; text-align:center;}
.best_tab li a {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; float:left; height:21px; padding-top:11px; position:relative; width:180px; font-weight:bold; margin-right:-1px;}
.best_tab li.on a {background:#EAEBFF; border-bottom:none; color:#4858da; font:bold 15px; height:22px; border:1px solid #919191; border-bottom:0 none; z-index:10;}
/* list tab2 yw@170213 */
.best_tab2 {width:900px; height:34px;}
.best_tab2 ul {background:url('/images/product/shopping/bg_list_tab.gif') repeat-x 0 0; float:left; width:899px; border-right:1px solid #d4d4d4;}
.best_tab2 li {float:left; width:150px; text-align:center;}
.best_tab2 li a {background:#f7f7f7; border:1px solid #d4d4d4; border-bottom:none; color:#959595; display:block; float:left; height:21px; padding-top:11px; position:relative; width:150px; font-weight:bold; margin-right:-1px;}
.best_tab2 li.on a {background:#EAEBFF; border-bottom:none; color:#4858da; font:bold 15px; height:22px; border:1px solid #919191; border-bottom:0 none; z-index:10;}

/* 리스트상품 */
.list_goods {position:relative; float:left; width:100%;}
.list_goods span.img {display:inline-block;}
.list_goods span.img img {width:70px; height:70px; border:1px solid #fff; margin-right:10px;}
.list_goods span.img_mini img {width:90px; height:60px; border:1px solid #fff; margin-right:10px;}
.list_goods span.txt {display:inline-block; vertical-align:middle; width:70%;}
.list_goods span.txt2 {display:inline-block; vertical-align:middle; width:60%;}
.list_goods span.txt3 {display:inline-block; vertical-align:middle; width:50%;}
.list_goods span.txt4 {display:inline-block; vertical-align:middle; width:100%;}
.list_goods .name {color:#707070; display:block;}
.list_goods a.thumb img {width:70px; height:70px; border:1px solid #fff; margin-right:10px;}
.list_goods a:hover.thumb img {border:1px solid #4858da;}

/* 추가상품 */
.list_goods span.thumb {display:inline-block; margin-right:10px;}
.list_goods .name_add {color:#898888; display:inline-block; margin-right:5px;}
.list_goods span.opt_txt {color:#3a47b1; display:inline-block; margin:0 10px 0 0;}
.list_goods .ico_ship {position:absolute; top:0; left:0; width:30px; height:30px; display:block; z-index:10;}
.list_goods .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

/* 이미지상품 */
.img_list {position:relative; border-bottom:1px solid #d4d4d4; overflow:hidden; padding:0 0 20px;}
.img_list li {display:inline; float:left; width:180px; overflow:hidden;}
.img_list .ico_ship {position:absolute; top:140px; right:1px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; z-index:10}
.img_list .ico_ship2 {position:absolute; top:0px; .top:20px; right:1px; width:30px; height:30px; display:block; z-index:10;} /* 체크박스 없을때 */
.img_list .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.img_list .goods {position:relative; width:150px; margin:25px auto 0; .padding:25px 0 0; .margin:0 auto;}
.img_list .goods .name, .add_imglist .goods .name {font-size:11px; width:150px; height:50px; color:#707070; margin:15px auto 0; display:block;}
.img_list .goods .price, .add_imglist .goods .price {font-size:11px; color:#707070;}

/* 정가 표시로 인한 가격 수정 15-06-29 */
.img_list .goods .price1 span{display:block; font-weight:bold}
.img_list .goods .price1{float:left; color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.img_list .goods .price1 strong{font-size:15px;letter-spacing:-1px;}
.img_list .goods .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.img_list .goods .thumb img {width:148px; height:148px; border:1px solid #fff; display:block; margin-top:5px;}
.img_list .goods a:hover.thumb img, .add_imglist .goods a:hover.thumb img {border:1px solid #4858da;}

.add_imglist {position:relative; padding:1px; margin-top:10px; overflow:hidden;}
.add_imglist li {position:relative; display:inline; float:left; width:178px; height:316px; overflow:hidden; border:1px solid #ddd; margin:-1px 0 0 -1px;}
.add_imglist .ico_ship {position:absolute; top:1px; .top:21px; right:1px; width:30px; height:30px; display:block; z-index:10;}
.add_imglist .ico_sale {position:absolute;top:119px; right:1px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.add_imglist .ico_sale1 {position:absolute; top:119px; right:1px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.add_imglist .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.add_imglist .ico_num {position:absolute; top:0px; left:0px; width:30px; height:26px; display:block; font:normal 16px tahoma; color:#fff; background:#4858da; text-align:center; padding-top:4px; z-index:10;}
.add_imglist .goods {position:relative; width:150px; margin:20px auto; .padding:20px 0; .margin:0 auto;}
.add_imglist .goods .price1{float:left; color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.add_imglist .goods .price1 span{display:block; font-weight:bold}
.add_imglist .goods .price1 strong{font-size:15px;letter-spacing:-1px;}
.add_imglist .goods .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.add_imglist .goods .thumb img {width:148px; height:148px; border:1px solid #fff; display:block; margin-top:5px;}

/* yw@170216 bestseller -> add_domelist background:#FFFF66;    */
.add_domelist {position:relative; padding:1px; margin-top:10px; overflow:hidden;}
.add_domelist li {position:relative; display:inline; float:left; width:178px; height:380px; overflow:hidden; border:1px solid #ddd; margin:-1px 0 0 -1px}/*ha@170218 -> height 380px으로 수정*/
.add_domelist .ico_ship {position:absolute; top:1px; .top:21px; right:1px; width:30px; height:30px; display:block; z-index:10;}
.add_domelist .ico_sale {position:absolute;top:119px; right:1px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.add_domelist .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.add_domelist .ico_sale1 {position:absolute; top:119px; right:1px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.add_domelist .ico_num {position:absolute; top:0px; left:0px; width:30px; height:26px; display:block; font:normal 16px tahoma; color:#fff; background:#4858da; text-align:center; padding-top:4px; z-index:10;}
.add_domelist .goods {position:relative; width:150px; margin:20px auto; .padding:20px 0;}
.add_domelist .goods .price1{float:left; color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.add_domelist .goods .price1 span{display:; font-weight:bold}
.add_domelist .goods .price1 strong{font-size:15px;letter-spacing:-1px;}
.add_domelist .goods .price1 del {display:; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.add_domelist .goods .thumb img {width:148px; height:148px; border:1px solid #fff; display:block; margin-top:5px;}

.add_domelist .dome_detail2 {position:absolute; width:160px; margin:30px 0 0 10px;  .padding:10px 0;  }
.add_domelist .dome_detail2 dl {}
.add_domelist .dome_detail2 dl dd {float:left; font-size:11px; letter-spacing:0;}
.add_domelist .dome_detail2 dl dd .num {font-family:'Tahoma', sans-serif; letter-spacing:0;}
.add_domelist .dome_detail2 dl dd .num .txtstyle{ font-family:"Tahoma",Dotum;}
.add_domelist .dome_detail2 dl dd .price {color:#ff6600; font-size:16px; font-family:'tahoma'; vertical-align:middle;  font-weight:bold;  line-height:18px;}
.add_domelist .dome_detail2 dl dd .won {font-size:12px; color:#ff6600; font-family:'dotum'; font-weight:bold; vertical-align:bottom; line-height:14px;}/*ha@170218 line-height 추가*/
.add_domelist .dome_detail2 dl dd .txt {font-size:11px; color:#aaa; font-family:'dotum';vertical-align:bottom; line-height:13px;}/*ha@170218 추가*/


/* best top5 */
.best_top {/*position:relative;*/ width:898px; height:282px; border:1px solid #ddd; overflow:hidden; margin-top:10px; z-index:5;}
.best_top1 {position:absolute; left:299px; top:162px; width:300px; height:282px; text-align:center; background:#fafafa; border:1px solid #999; z-index:10;}
.best_top1 .g_img img {margin:20px auto 0; display:block; width:173px; height:173px; border:1px solid #ddd;}
.best_top1 a.g_name {font-size:11px; display:block; margin-top:8px;}
.best_top1 .g_price {display:block; margin-top:3px; color:#393939; font-size:14px;}
.best_top1 .icon {position:absolute; top:0px; left:43px; width:40px; height:44px; background:url('/images/common/icon/best_flag.png') no-repeat; color:#fff; padding-top:8px;}
.best_top1 .ico_rate {position:absolute;top:165px; right:63px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.best_top1 .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.best_top2 {position:absolute; top:167px; left:1px; width:298px; height:142px; border-bottom:1px solid #ddd;}
.best_top3 {position:absolute; top:305px; left:1px; width:298px; height:140px;}
.best_top4 {position:absolute; right:1px; top:167px; width:298px; height:142px; border-bottom:1px solid #ddd;}
.best_top5 {position:absolute; right:1px; top:305px; width:298px; height:140px;}
.best_top .thumb img {float:left; width:100px; height:100px; border:1px solid #fff; margin:22px 10px 0 25px;}
.best_top .icon_top {float:left; text-align:left; display:block; width:140px; color:#4858da; margin-top:23px;}
.best_top .ico_rate1 {position:absolute;top:93px;left:86px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:29px; font-size:12px;display:block; z-index:10}
.best_top .ico_smile {position:absolute; top:0px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat }/* 스마일아이콘 추가  17-03-11@ jha 수정 */

.best_top .price1 span{display:block; font-weight:bold}
.best_top .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.best_top .price1 strong{font-size:15px;letter-spacing:-1px;}
.best_top .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.best_top .name {float:left; text-align:left; font-size:11px; width:140px; line-height:14px; margin-top:10px; display:block;}
.best_top .price {float:left; text-align:left; font-size:12px; width:140px; line-height:14px; margin-top:15px; color:#393939; display:block;}
.best_top  a:hover.thumb img {border:1px solid #4858da;}

/* 통합검색 */
.search_detail {position:relative; width:898px; height:auto; border:1px solid #ddd;}
.search_detail .search_result {position:relative; width:100%; height:40px; border-bottom:1px solid #ddd; background:#fbfbfb;}
.search_detail .search_result strong.txt {font-size:16px; color:#444; display:inline-block; padding:12px 0 0 14px;}
.search_detail .search_result span.txt2 {font-size:12px; color:#666; display:inline-block; padding:12px 0 0 12px;}
.search_detail .search_result .search_area {position:absolute; top:10px; .top:9px; right:11px;}
.search_detail .cate_result, .brand_result {position:relative; margin:0 15px; border-top:1px solid #ddd;}
.search_detail h2.tit {font:bold 12px dotum; background:url('/images/common/icon/square_violet.gif') no-repeat 4px 19px; .background:url('/images/common/icon/square_violet.gif') no-repeat 4px 17px; padding:18px 0 0 21px;}
.search_detail .cate_list, .brand_list{position:relative; overflow:hidden; text-align:left; padding:20px 0;}
.search_detail .cate_list li, .brand_list li {float:left; line-height:15px; width:197px; background:url('/images/product/shopping/bg_cate.gif') repeat-y left 0; padding-left:20px;}
.search_detail .cate_list h2 a:hover, a:active, a:focus {color:#444; text-decoration:underline;}
.search_detail .btn {text-align:right; margin-bottom:10px;}

/* 카테고리별 상품리스트 */
.category_type {position:relative; width:900px; margin-top:30px; overflow:hidden;}
.category_type h3.title {float:left; width:883px; height:26px; padding:8px 0 0 17px; color:#7444; font:bold 14px/17px dotum; border-top:1px solid #999; border-bottom:1px solid #ddd;}
/*.category_type .btn_more {position:absolute; top:12px; right:15px; }*/
.category_type .btn_more {position:relative; float:right;top:-23px; right:15px;}
.category_type li {display:inline; float:left; width:180px; overflow:hidden;}
.category_type .goods {width:150px; margin:20px auto; text-align:center;}
.category_type .goods .name {font-size:11px; width:150px; color:#666; margin:15px auto 0; display:block;}
.category_type .goods .price {font-size:11px; color:#393939; display:block;}
.category_type .goods a.thumb img {width:148px; height:148px; border:1px solid #fff; display:block; margin-top:5px; display:block;}
.category_type .goods a:hover.thumb img {border:1px solid #4858da;}

/* 쇼핑 스페셜코너 */
.special_area {position:relative; width:898px; height:131px; border:1px solid #ddd; margin-top:10px;}
.special_area .tab {float:left; width:220px; height:131px; background:#fbfbfb;}
.special_area .tab li {width:220px; height:32px; border-top:1px solid #ddd;}
.special_area .tab li a {width:205px; height:22px; padding:10px 0 0 14px; display:block; color:#777; line-height:12px; border-right:1px solid #ddd;}
.special_area .tab li a:hover {width:206px; font-weight:bold; background:#fff; color:#4858da; border-right:none;}
.special_area .goods {float:left; width:678px; height:131px;}
.special_area .goods li {float:left; width:226px; height:131px; overflow:hidden;}
.special_area .goods li .thumb {float:left; display:block; padding-top:20px; margin:0 10px 0 15px; width:90px;}
.special_area .goods li a.name {float:left; display:block; padding-top:33px; font-size:11px; width:95px; height:35px; line-height:16px;}
.special_area .goods .price {float:left; display:block; font-size:12px; color:#393939; padding-top:7px; width:95px;}
.special_area .goods .thumb img {width:88px; height:88px; border:1px solid #fff;}
.special_area .goods a:hover.thumb img {border:1px solid #4858da;}

/* 경매 히트아이템, 뉴아이템 */
.auction_item {position:relative; width:898px; border:1px solid #b9b9b9; margin-top:30px; overflow:hidden;}
.auction_item h3 {width:100%; height:23px; background:#f8f8f8; padding:11px 0 0 20px;}
.auction_item .hit_item, .new_item {position:relative; float:left; width:449px; height:286px; margin-left:-1px; border-left:1px solid #b9b9b9;}
.auction_item li.goods_big {float:left; width:219px; height:251px; border-top:1px solid #ddd; border-right:1px solid #ddd; text-align:center;}
.auction_item li.goods_big .name {font-size:11px; width:160px; color:#666; margin:10px auto 0; display:block;}
.auction_item li.goods_big .price {font-size:14px; width:160px; color:#393939; display:block; margin:3px auto 0;}
.auction_item li.goods_big .thumb {width:162px; height:162px; display:block; margin:20px auto 0;}
.auction_item li.goods_big .thumb img {width:160px; height:160px; border:1px solid #fff;}
.auction_item li.goods_big a:hover img {border:1px solid #4858da;}
.auction_item li.goods_small {float:left; width:229px; height:125px; border-top:1px solid #ddd; text-align:left; overflow:hidden;}
.auction_item li.goods_small .name {float:left; width:100px; height:45px; font-size:11px; color:#666; margin-top:30px; display:block;}
.auction_item li.goods_small .price {float:left; width:100px; color:#393939; display:block; margin-top:3px;}
.auction_item li.goods_small .thumb {float:left; width:90px; height:90px; display:block; margin:19px 12px 18px 15px;}
.auction_item li.goods_small .thumb img {width:88px; height:88px; border:1px solid #fff;}
.auction_item li.goods_small a:hover img {border:1px solid #4858da;}

/* 공동구매 탑3 */
.group_best {position:relative; width:900px; overflow:hidden; margin-top:20px;}
.group_best .group_top {float:left; width:270px; height:255px; padding:9px; border:1px solid #ddd; background:#f8f8f8;}
.group_best .group_top .goods {position:relative; margin:0 auto; width:270px; height:255px; text-align:center; background:#fff;}
.group_best .group_top .goods a.thumb {width:163px; padding-top:26px; margin:0 auto; display:block;}
.group_best .group_top .goods .name {width:270px; font-size:11px; margin-top:9px; color:#707070; display:block; text-align:center;}
.group_best .group_top .goods .price {width:270px; font-size:14px; margin-top:5px; color:#393939; display:block; text-align:center;}
.group_best .group_top .goods .thumb img {width:153px; height:153px; border:1px solid #ddd; padding:4px; background:#fcfcfc; margin:0 auto;}
.group_best .group_top .goods a:hover img {border:1px solid #4858da;}
.group_best .group_top .icon {position:absolute; top:-10px; left:-10px; width:40px; height:44px; background:url('/images/common/icon/best_flag.png') no-repeat; color:#fff; padding-top:8px; text-align:center; z-index:10;}

/* 쇼핑기획전 */
.plan_cate {position:relative; width:900px; margin-top:30px;  border-bottom:1px solid #ddd; overflow:hidden;}
.plan_cate h3.title {float:left; width:883px; height:26px; padding:8px 0 0 17px; color:#7444; font:bold 14px/17px dotum; border-top:1px solid #999; border-bottom:1px solid #ddd;}
.plan_cate .btn_more {position:absolute; top:12px; right:15px;}
.plan_cate .plan_list {width:874px; margin:20px 0 20px 16px;}
.plan_cate .plan_list li {display:inline; float:left; width:208px; overflow:hidden; margin:20px 12px 20px 0; .margin:0 12px 0 0; text-align:center;}
.plan_cate .plan_list .name {font-weight:bold; width:208px; color:#393939; margin:15px auto 0; display:block;}
.plan_cate .plan_list .date {font-size:11px; width:208px; color:#666; display:block; margin-top:5px;}
.plan_cate .plan_list .thumb img {width:198px; height:102px; display:block; margin-top:5px; display:block; padding:4px; border:1px solid #ddd;}
.plan_cate .plan_list a:hover.thumb img {border:1px solid #4858da;}

/* 기획전 상세 상품 */
.plan_detail {position:relative;}

/* 기획전 상세 타이틀 */
.plan_title {position:relative; width:898px; height:38px; background:url('/images/product/plan/bg_title.gif') repeat-x 0 0; border:1px solid #676767; margin-top:15px;}
.plan_title .title {padding:12px 0 0 20px; color:#fff; font-weight:bold; font-size:12px;}
.plan_title .date {position:absolute; top:11px; right:11px; color:#fff; font-size:11px; letter-spacing:1px;}
.plan_edit {position:relative; float:left; width:100%; margin:15px auto; text-align:center}
.plan_edit img {position:relative; width:900px; height:auto;}

/* 기획전 상세 카테고리 타이틀 */
.plan_goods_title {position:relative; width:898px; height:31px; background:#fbfbfb; border:1px solid #eee; margin-top:20px;}
.plan_goods_title li.title {float:left; padding:8px 0 0 20px; color:#666; font-size:12px; letter-spacing:-1px;}
.plan_goods_title li.sub {float:left; padding:8px 0 0 10px; color:#999; font-size:11px;}
/* 주목  인기상품 */


/* 베스트셀러 베스트메뉴 -> *ha@170218 추가 */
.best_cate{clear:both;position:relative;margin-top:25px;background:#fff;zoom:1}
.best_cate:after{clear:both;content:'';display:block;}
.best_cate > ul:after{display:block;clear:both;content:''}
.best_cate > ul > li{float:left;width:25%;}
.best_cate > ul > li:first-child{width:25%;}
.best_cate >ul > li > a{display:block;height:27px;padding-top:14px;text-align:center;border:1px solid #d4d4d4;border-left:0;}
.best_cate >ul > li:first-child > a{border-left:1px solid #d4d4d4}
.best_cate >ul > li > a:hover{text-decoration:none;font-weight:bold;}
.best_cate >ul > li.selected > a{background:#4758da;border-color:#4758da;color:#fff;text-decoration:none;font-weight:bold;}
.best_cate >ul > li:hover > a{background:#fff;border-color:#4758da;color:#330000;text-decoration:none;font-weight:bold;}

/* 베스트100 판매순 탭 -> ha@170218 추가 */
.tit_best{position:relative;z-index:2;width:100%;height:26px;padding-top:4px;margin-top:30px;background:url('/images/product/common/bul_squ1px_d4d4d4.gif') repeat-x 0 100%;font-size:14px;}
.tit_best ul{position:absolute;right:0;top:0px;height:28px;zoom:1;}
.tit_best ul:after{clear:both;content:'';display:block;}
.tit_best ul li{position:relative;float:left;width:150px;height:28px;margin-left:-1px;background:#f7f7f7;border:1px solid #dedcdd;border-bottom:1px solid #a4a4a4;}
.tit_best ul li a{display:block;width:100%;height:100%;color:#888;font-size:12px;text-align:center;line-height:28px;}
.tit_best ul li a:hover{text-decoration:none;}
.tit_best ul li.selected{z-index:1;border:1px solid #a5a5a5;border-bottom:1px solid #fff;background:#fff;font-weight:bold}
.tit_best ul li.selected a{color:#fe6601}

/* 오늘본상품 찜 yw@170225 추가 */
.tbody_shopmaker .price_info .delivery{margin-top:6px;color:#666;font-size:11px}
.tbody_shopmaker .price_info .delivery .free{overflow:hidden;display:block;margin-top:4px;vertical-align:top;width:40px;height:15px;background:url(/images/common/icon/free_delivery1.gif) no-repeat 0;text-indent:-999em}
.tbody_shopmaker .price_info{margin-top:6px;background:fff;}
.tbody_shopmaker .price_info .price em{color:#222;font-weight:bold;line-height:20px}
.tbody_shopmaker .price_info .price em>strong{font-size:16px;font-family:tahoma}
.tbody_shopmaker .price_info .origin_price{display:block}
.tbody_shopmaker .price_info .sale_arrow{margin:0 0 0 2px;color:#fe6601;font:12px/100% tahoma,dotum;font-weight:bold;}
.tbody_shopmaker .price_info .sale_arrow span{display:inline-block;width:5px;height:10px;margin:0 0 0 1px;background:url('/images/common/icon/arrdown_fe6601.gif') no-repeat 0 0;font-size:0;text-indent:-9999em;vertical-align:middle;}
.tbody_shopmaker .price_info .price .text{color:#222;font-size:12px}