@charset "utf-8";
/************************************************************************
 * 파일명      : main.css
 * 설명        : 메인
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.11.20
 * 최종수정일  : 2012.11.20
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
**********************************************************************/
/* 타이틀 */
.tit {display:block;background:url(/images/main2/title.png) no-repeat;text-indent:-999em}
.tit.seller-menu{width:96px;height:14px;background-position:0 0}
.tit.hot_prd{width:128px;height:14px;background-position:-104px 0}

.mcate_area {float:left; width:198px;}
.mcate .cate_list {width:197px; min-height:265px;}
.mcate {position:relative; float:left; display:inline;  border-bottom:1px solid #e6e9ea;border-left:1px solid #e6e9ea;  z-index:100;}
.mcate .cate_list li {font-family: "나눔고딕", NanumGothic, Malgun Gothic; font-size:14px; font-weight:bold; line-height:54px; height:53px; padding:0px 0 0 10px; background:url('/images/main/bg_cate_line.gif') #fff no-repeat 0 bottom;}
.mcate .cate_list li a {display: block;}
.mcate .cate_list li.nobg{background:none}
.mcate .mu_over {position:absolute; top:0px; left:-1px; padding:8px 0 0 10px; z-index:20; height:21px; width:187px; background:#fff;  border:1px solid #4858da; border-right:none;}
.mcate .mu_over1 {position:absolute; top:0px; left:-1px; padding:9px 0 0 10px; z-index:20; height:20px; width:186px; background:#fff; border:1px solid #4858da;}
.mcate .mu_over2 {position:absolute; top:0px; left:196px; z-index:10; width:155px; background:#fff; border:1px solid #4858da; padding:5px 15px;}
.mcate .mu_over2 li {height:20px; font-size:11px; background:url('/images/common/icon/arrow_gray.gif') no-repeat 0 center; padding-left:10px;}

/* 서브카테고리 */
div.smenu{position:absolute;top:-1px;z-index:20;width:300px;height:355px;margin:0 0 0 197px;border:2px solid #4758da;background:#fff;font-size:11px;letter-spacing:-1px;}
div.smenu a.close{display:block;position:absolute;bottom:0;right:0;width:32px;height:32px;background:url('/images/common/icon/common.png') no-repeat -30px 2px;z-index:99;text-indent:-1000em}
div.smenu h4{overflow:hidden;float:left;width:105px;padding:15px 0 0 0;color:#444;font-weight:bold;font-size:12px;line-height:16px}
div.smenu > span{display:block;position:absolute;left:-10px;width:15px;height:18px; background:url('/images/common/icon/common.png') no-repeat 0px 0px;z-index:99;text-indent:-150em}
div.smenu > span.p1{top:13px; }
div.smenu > span.p2{top:64px}
div.smenu > span.p3{top:116px}
div.smenu > span.p4{top:160px}
div.smenu > span.p5{top:220px}
div.smenu .underline:active, div.smenu .underline:focus, div.smenu .underline:hover{text-decoration:underline}
div.smenu .cate_wrap{width:273px;height:355px;float:left;padding:0 15px;font-size:12px; }
div.smenu div{overflow:hidden}
div.smenu ul{float:left;margin:6px 0 0;padding-top:9px;}
div.smenu ul li{width:155px;clear:both;line-height:18px;letter-spacing:-1px}
div.smenu ul li a{*zoom:1;padding-left:1px;color:#777;line-height:17px}
div.smenu ul li a:hover{color:#0082f0}
div.smenu div.fir{border-bottom:1px dashed #ddd;padding:0 0 12px 9px}
div.smenu div.fir2{border-bottom:0;padding:0 0 10px 8px}

/* 파워상품  15-09-16 jha 수정 */
.msale {position:relative; float:left; width:898px; height:282px; border-top:none; border-left:1px solid #e6e9ea;border-right:1px solid #e6e9ea; border-bottom:2px solid #e6e9ea;}
.msale .goods {width:854px; margin:15px 22px; }
.msale .goods .title {border-bottom:1px solid #e6e9ea; padding:0 0 8px 0;}
.msale .goods .more {position:absolute; right:22px; padding-top:2px;}
.msale .goods .ico_rate {position:absolute; top:111px; 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}
.msale .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 수정 */
.msale .goods_list {padding-top:13px; text-align:center; z-index:15;}
.msale .goods_list .rolling {text-align:center;}
.msale .goods_list li {position:relative; float:left; width:142px; margin:0 14px 0 14px;}
.msale .goods .price1 span{display:block; font-weight:bold; padding-top:1}
.msale .goods .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.msale .goods .price1 strong{font-size:13px;letter-spacing:-1px;}
.msale .goods .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
/*yw@170212 .msale .goods_list a.name {padding:11px 5px 12px 5px; line-height:140%; height:17px; color:#666; display:block; font-size:11px;}  */
.msale .goods div.name {text-align:left; padding:11px 5px 12px 5px; line-height:140%;width:148px;height:17px;color:#666;font-size:11px;} 
.msale .goods_list strong.price {color:#393939; font:bold 12px Tahoma}
.msale .goods_list .thumb img {width:140px; height:140px; border:1px solid #fff;}
.msale .goods_list a:hover.thumb img {width:140px; height:140px; border:1px solid #4858da;}
 
/* 가운데 영역 */
.prod_wrap {clear:both;position:relative;top:0px;width:900px; margin:0 auto;}

/* 판매자메뉴 & 주목 이상품 */
.section {}
.section .seller_menu {float:left;width:198px;margin-top:20px}
.section .seller_menu  h3 {display:block;margin-bottom:6px; font-size:0; }
.section .seller_menu .inner_conts{ height:249px; border:1px solid #e6e9ea; }
.section .seller_menu ul li{display:block; border-bottom:1px solid #e6e9ea}
.section .seller_menu ul li.noline{border-bottom:none}
.section .hot {position:relative;float:left;width:702px;margin-top:20px}
.section .hot  h3 {display:block;margin-bottom:6px; font-size:0;}
.section .hot  h3 .ad{position:absolute; top:0px; left:133px;}/*15-11-20 jha 추가 */
.section .hot  h3 .more {position:absolute; right:10px; padding-top:0px; }/*15-11-20 jha 추가 */
.section .hot .inner_conts{ height:249px; border-top:1px solid #e6e9ea; border-right:1px solid #e6e9ea; border-bottom:1px solid #e6e9ea; }
.section .hot .goods_list {padding-top:15px; text-align:center; z-index:15;}
.section .hot .ico_rate {position:absolute; top:119px; right:7px; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; }
.section .hot .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 수정 */

.section .hot .goods_list .price1 span{display:block; font-weight:bold; }
.section .hot .goods_list .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.section .hot .goods_list .price1 strong{font-size:13px;letter-spacing:-1px;}
.section .hot .goods_list .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.section .hot .goods_list .rolling {text-align:center;}
.section .hot .goods_list li {position:relative; float:left; width:161px; margin:0 3px 0 10px;}
/*yw@170212  .section .hot .goods_list a.name {padding:11px 5px 12px 5px; line-height:140%; height:17px; color:#666; display:block; font-size:11px;} */
.section .hot goods_list div.name {text-align:left; padding:11px 5px 12px 5px; line-height:140%;width:148px;height:17px;color:#666;font-size:11px;} 
.section .hot .goods_list strong.price {color:#393939; font:bold 12px Tahoma}
.section .hot .goods_list .thumb img {width:148px; height:148px; border:1px solid #fff;}
.section .hot .goods_list a:hover.thumb img {width:148px; height:148px; border:1px solid #4858da;}


/* 강력추천 & 핫포커스 */
.srhf_tab  {margin-top:15px; width:900px; height:40px;}
.srhf_tab  ul { margin-top:20px; background:url('/images/main2/bg_add_tab.gif') repeat-x 0 0; float:left; width:100%; border-right:1px solid #d4d4d4;}
.srhf_tab  li {float:left; width:449px; text-align:center;}
.srhf_tab  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;}
.srhf_tab  li.on a {background:#fff; color:#4758da; font:bold 15px; height:23px; border:1px solid #4758da; border-bottom:none; z-index:5;}
.srhf_tab .arr{float:right; padding:8px 3px 0 0;}
.srhf {position:relative; float:left;  margin-top:1px; border-bottom:1px solid #e6e6e6; padding-bottom:24px;}
.srhf .item_list {text-align:center;}
.srhf .item_list .ico_rate{position:relative; top:160px; left:119px; 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:30;}
.srhf .item_list .price1 span{display:block; font-weight:bold; }
.srhf .item_list .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.srhf .item_list .price1 strong{font-size:13px;letter-spacing:-1px;}
.srhf .item_list .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.srhf .item_list li {position:relative;float:left; margin:-10px 16px 0 6px;}
.srhf .item_list li .ico_smile {position:absolute; top:31px; right:1px; width:38px; height:38px; background:url('/images/common/icon/list_smile.png') no-repeat;z-index:1050; }/* 스마일아이콘 추가  17-03-121@ jha 수정 */
.srhf .item_list li.no{margin-right:0px;}
/*yw@170212 .srhf .item_list a.name {padding-top:10px; line-height:130%; height:33px; color:#666; display:block; font-size:11px;} */
.srhf .item_list li div.name {text-align:left; padding-top:10px; line-height:130%;width:158px;height:33px;color:#666;font-size:11px;} 
.srhf .item_list strong.price {color:#393939; font:bold 12px Tahoma} 
.srhf .item_list .thumb img {width:158px; height:158px; border:1px solid #fff;}
.srhf .item_list a:hover.thumb img {width:158px; height:158px; border:1px solid #4858da;}

/* 베스트상품 */
.best { position:relative; float:left; width:900px; margin:19px 0 10px 0; border-bottom:1px solid #e1e1e1;padding-bottom:20px;}
/* .best h3 {padding:9px 0 0 1px;} */
.best h3 {padding:9px 0 9px 1px; border-bottom:1px solid #e1e1e1}
.best h3 .arr{float:right; padding:1px 3px 0 0;}
.best .goods_list { text-align:center;}
.best .goods_list .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.best .goods_list .price1 span{display:block; font-weight:bold; }
.best .goods_list .price1 strong{font-size:13px;letter-spacing:-1px;}
.best .goods_list .price1 del {display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.best .goods_list .ico_rate {position:absolute; top:180px; right:0; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; }
.best .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 수정 */

.best .goods_list .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;}
.best .goods_list li {position:relative; float:left; margin:11px 18px 0 0;}
.best .goods_list li.no{margin-right:0px;}
/*yw@170212 .best .goods_list a.name {padding-top:10px; line-height:130%; height:33px; color:#666; display:block; font-size:11px;}  */
.best .goods_list div.name {text-align:left; padding-top:10px; line-height:130%;width:209px;height:33px;color:#666;font-size:11px;} 
.best .goods_list strong.price {color:#393939; font:bold 12px Tahoma; margin-bottom:5px;}
.best .goods_list .thumb img {width:209px; height:209px; border:1px solid #e6e6e6;}
.best .goods_list a:hover.thumb img {width:209px; height:209px; border:1px solid #4858da;}

/* 기분좋은세일 */
.new { position:relative; float:left; width:900px; margin:19px 0 10px 0;}
.new h3 {padding:9px 0 9px 1px; border-bottom:1px solid #e1e1e1}
.new h3 .text{font:normal 11px dotum;}
.new h3 .more{float:right;}
.new .goods_list .ico_rate {position:absolute; top:180px; right:0; width:40px; height:30px; text-align:center;color:#fff;background-color:#fe6601; font-family:Malgun Gothic, "맑은 고딕";line-height:33px; font-size:12px;display:block; }
.new .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 수정 */

.new .goods_list { text-align:center;}
.new .goods_list .price1{color:#3f3f3f; font-family:tahoma, verdana, san-serif;}
.new .goods_list .price1 span{display:block; font-weight:bold; }
.new .goods_list .price1 strong{font-size:13px;letter-spacing:-1px;}
.new .goods_list .price1 del{display:block; height:22px; font-size:11px; color:#999; line-height:26px; letter-spacing:normal; font-weight:normall}
.new .goods_list li {position:relative; float:left; margin:13px 18px 0 0;}
.new .goods_list li.no{margin-right:0px;}
/*yw@170212 .new .goods_list div.name{padding-top:10px;line-height:130%;height:33px; color:#666; font-size:11px;} */
.new .goods_list div.name {text-align:left; padding-top:10px; line-height:130%;width:209px;height:33px;color:#666;font-size:11px;} 
.new .goods_list strong.price {color:#393939; font:bold 12px Tahoma; margin-bottom:5px;}
.new .goods_list a.thumb img {width:209px; height:209px; border:1px solid #fff;}
.new .goods_list a:hover.thumb img {width:209px; height:209px; border:1px solid #4858da;}

/*yw@170213 도매상품  및 가격 */
.dome_detail {width:209px}
.dome_detail dl {border-bottom:1px solid #ddd; font-size:11px; margin-top:5px;}
.dome_detail dl dd {float:right; font-size:11px; letter-spacing:0;}
.dome_detail dl dd .num {font-family:'Tahoma', sans-serif; letter-spacing:0;}
.dome_detail dl dd .num .txtstyle{ font-family:"Tahoma",Dotum;}
.dome_detail dl dd .price {color:#ff6600; font-size:18px; font-family:'tahoma'; vertical-align:middle;  font-weight:bold;  line-height:18px;}
.dome_detail dl dd .won {font-size:14px; color:#ff6600; font-family:'dotum'; font-weight:bold; vertical-align:bottom;  }
.dome_detail dl a img {border:0px solid #fff;}
.dome_detail dl a:hover img {border:0px solid #4858da;}

/* 고객센터영역 */
.cs_area {position:relative; width:898px; height:156px; border:1px solid #d1d1d1; float:left; margin:20px 0 35px 0}
.cs_area h3 {width:100%; height:22px; padding-top:11px; text-indent:20px; border-bottom:1px solid #d1d1d1; background:url('/images/main/bg_cs_tit.gif') repeat-x 0 0;}

/* 공지사항 */
.m_notice {position:relative; float:left; width:197px; height:156px;}
.m_notice .btn_more {position:absolute; top:13px; right:11px;}
.m_notice ul {margin-top:20px;}
.m_notice li a {font-size:11px; height:23px; padding-left:25px; background:url('/images/main/bu_arrow_gray.gif') no-repeat 14px center; line-height:15px; white-space:nowrap; color:#808080;}

/* 메뉴 */
.guide {float:left; width:481px; height:156px; border-left:1px solid #e6e6e6;}
.guide .guide_txt {float:left; width:135px; margin:17px 0 0 25px;}
.guide .guide_txt a {display:block; height:12px; font-size:11px; color:#808080; margin:11px 0 0 12px; line-height:13px;}
.guide .guide_txt a.first {display:block; height:12px; font-size:11px; color:#808080; margin:16px 0 0 12px; line-height:13px;}

/* 고객센터안내 */
.cs_center {position:relative; float:left; width:218px; height:156px; border-left:1px solid #e6e6e6;}
.cs_center .phone_num {font:bold 20px Tahoma; color:#4858da; margin:18px 23px 0; height:34px; text-align:center; background:url('/images/main/bg_cscenter.gif') repeat-x 0 bottom;}
.cs_center .time {margin:16px 0 0 24px;}
.cs_center .btn_go {position:absolute; right:70px; bottom:13px;}