@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명        : 메인
 * 작성자      : (주)스마일웹 디자인팀
 * 작성일      : 2012.11.20
 * 최종수정일  : 2012.11.20
 * Copyright (c) 2011 Smileweb co., Ltd.  All rights reserved.  www.smileweb.co.kr *
************************************************************************/
/* 카테고리 원본
.mcate_area {float:left; width:198px;}
.mcate .cate_list {width:196px; min-height:341px;}
.mcate {position:relative; float:left; display:inline; border-left:1px solid #e6e9ea; border-right:1px solid #e6e9ea; z-index:100; background:url('/images/main/bg_mcate.gif') #fff repeat-y right 0;}
.mcate li {height:22px; padding:9px 0 0 10px; background:url('/images/main/bg_cate_line.gif') #fff no-repeat 0 bottom; font-weight:bold;}
.mcate li a {background:url('/images/common/icon/arrow_cate.gif') no-repeat 169px center; display: block; }
.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 #004ea1; border-right:none;font-weight:bold;}
.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 #004ea1;}
.mcate .mu_over2 {position:absolute; top:0px; left:196px; z-index:10; width:155px; background:#fff; border:1px solid #004ea1; padding:5px 15px;}
.mcate .mu_over2 li {height:20px; font-size:11px;font-weight:normal; background:url('/images/common/icon/arrow_gray.gif') no-repeat 0 center; padding-left:10px;}*/

/* 메인카테고리 16-03-09 JHA수정*/
.mcate_area {float:left; width:127px;}
.mcate .cate_list {width:125px; min-height:341px;}
.mcate {position:relative; float:left; display:inline; border-left:1px solid #e6e9ea; border-right:1px solid #004ea1; z-index:100; background:url('/images/main/bg_mcate.gif') #fff repeat-y right 0;}
.mcate li {height:24.8px; padding:4px 0 4px 10px; background:url('/images/main/bg_cate_line.gif') #fff no-repeat 0 bottom; font-weight:bold;}
/*.mcate li {height:24.8px; padding:9px 0 0 10px; background:url('/images/main/bg_cate_line.gif') #fff no-repeat 0 bottom; font-weight:bold;} */
/*.mcate li a {background:url('/images/common/icon/arrow_cate.gif') no-repeat 100px center; display: block; }*/
.mcate .cate_list li a { font-size:14px; }
.mcate .mu_over {position:absolute; top:0px; left:-1px; padding:4px 0 4px 10px; z-index:20; height:24px; width:116px; background:#fff;  border:1px solid #004ea1; border-right:none;font-weight:bold;}
.mcate .mu_over1 {position:absolute; top:0px; left:-1px; padding:9px 0 0 10px; z-index:20; height:24px; width:125px; background:#fff; border:1px solid #004ea1;}
.mcate .mu_over2 {position:absolute; top:0px; left:125px; z-index:10; width:155px; background:#fff; border:1px solid #004ea1; padding:5px 15px;}
.mcate .mu_over2 li {height:20px; font-size:11px;font-weight:normal; background:url('/images/common/icon/arrow_gray.gif') no-repeat 0 center; padding-left:10px;}

/* best 쇼핑상품 16-03-09 JHA수정 */
.mbest {position:relative; float:left; width:772px; height:360px; background:#e5eff9; border-right:1px solid #004ea1;border-bottom:1px solid #004ea1;z-index:10;}
.mbest .goods {width:735px; margin:15px 18px}
.mbest .goods .title {border-bottom:1px solid #b9cedf; padding:0 0 12px 2px;}
.mbest .goods .more {float:right; padding-top:5px;}
.mbest .goods_list {padding-top:33px; text-align:center; z-index:15;}
.mbest .goods_list .rolling {text-align:center;}
.mbest .goods_list li {position:relative; float:left; width:137px; margin:0 5px 0 5px;}
.mbest .goods_list li .icon_best {position:absolute; top:1px; padding:4px 6px 3px 6px; color:#4756d5;background:#3b78ce;color:#FFF;font-size:11px;font-weight:bold;-moz-boredr-radius :4px; border-radius:4px;}
.mbest .goods_list a.name {padding-top:16px; line-height:140%; height:60px; color:#666; display:block; font-size:11px;}
.mbest .goods_list strong.price {color:#004ea1; font-size:12px; }
.mbest .goods_list strong.s_price {float:left;padding:0 0 1px 33px;color:#aa6621; font-size:12px;background:url('/images/common/icon/s_price.png') no-repeat 0 0} /* 2015-05-19 JHA추가 */
.mbest .goods_list strong.p_price {float:left; padding:0 0 0 33px;color:#004ea1; font-size:12px;/*background:url('/images/common/icon/p_price.png') no-repeat 0 0*/} /* 2015-05-19 JHA추가 */
.mbest .goods_list .thumb img {width:133px; height:130px; border:1px solid #e6e6e6; background:url('/images/main/best_blue.png') no-repeat 0 0;}
.mbest .goods_list a:hover.thumb img {width:130px; height:130px; border:1px solid #004ea1;}
.mbest .goods_list li p.preview {padding-top:25px; margin-bottom:25px;}

/* 메인이미지 */
.mfla {position:relative; float:left; width:503px; height:511px; z-index:10;}
.mfla img {vertical-align:top; width:503px; height:415px;}
.mfla .thumbnr {position:absolute; bottom:113px; left:35px; text-align:left; z-index:15;}
.mfla .thumbnr .btn_prev {position:absolute; top:14px; left:-17px; cursor:pointer;}
.mfla .thumbnr .btn_next {position:absolute; top:14px; right:-17px; cursor:pointer;}
.mfla .thumbnr .bnr li {float:left; width:128px; height:31px; border:1px solid #e1e1e1; margin-right:-1px; background:#fff; color:#777; font-size:11px; padding:7px 0 0 16px; line-height:12px;}
.mfla .thumbnr .bnr li.on {position:relative; border:1px solid #4858da; background:#fff; z-index:5;}
.mfla .thumbnr img {width:7px; height:13px;}

/* 메인이미지상품 */
.mfla .goods {position:absolute; bottom:-4px; left:-6px; width:515px; height:106px; background:url('/images/main/bg_mfla.gif') no-repeat 0 0; z-index:20;}
.mfla .goods a img {width:62px; height:62px; border:1px solid #fff;}
.mfla .goods a:hover img {border:1px solid #4858da;}
.mfla .goods ul {width:483px; margin:24px 0 0 20px;}
.mfla .goods li {float:left; width:161px;}
.mfla .goods li .thumb {position:relative; float:left; margin-right:9px;}
.mfla .goods li a.name {color:#fff; font-size:11px; float:left; margin:9px 0 13px 0; overflow:hidden; width:88px; line-height:13px;}
.mfla .goods li .price {color:#313030; float:left; width:88px;}



/* 그림자 */
.bg_shadow {clear:both;}

/* 가운데 영역 */
.center_goods { margin-top:30px;}
.center_goods .title {position:relative; padding:0 11px 0 3px;}
.center_goods .title .arr {position:absolute;float:right;  top:0; right:2px; padding-left:15px;}

/* 쇼핑상품*/
.shop_box {margin-top:12px; height:330px;}
.shop_box .tab {position:relative; margin-bottom:20px; width:900px; height:35px; background:url('/images/main/bg_tab.gif') repeat-x 0 0; }
.shop_box .tab li {float:left; width:128px;font-weight:bold; text-align:center; background:#f7f7f7;}
.shop_box .tab li.end{float:left; width:131px; text-align:center; background:#f7f7f7;}
.shop_box .tab li a {position:relative; height:23px; color:#6f6f6f; border:1px solid #ddd; border-bottom:none; padding-top:9px; margin-right:-1px; display:block; text-decoration:none;}
.shop_box .tab li.on a {background:#fff; height:24px; font:bold 12px dotum; color:#69b034; border:2px solid #69b034; border-bottom:none; z-index:5; text-decoration:none;}
.shop_box .goods_list {margin:18px 0 0 17px; text-align:center;}
.shop_box .goods_list .cell{border:0px red solid; background-color:#fff; display:table-cell; vertical-align:middle; text-align:center; width:106px; height:106px;}
.shop_box .goods_list li {border:0px solid #dbdbdb; float:left; width:108px; margin-right:18px; }     
.shop_box .goods_list a.name {padding-top:13px; line-height:140%; height:80px; color:#666; display:block; font-size:12px;}
.shop_box .goods_list strong.price {color:#004ea1; font-size:12px;}  
.shop_box .goods_list .thumb img {border:1px solid #e6e6e6;}
.shop_box .goods_list a:hover.thumb img {border:1px solid #69b034; }
.shop_box .goods_list .preview {padding-top:5px; margin-bottom:17px;}
.shop_box .goods_list .st_price {color:#004ea1; font-size:12px;}  


/* 옥션상품*/ 
.auction_box {margin-top:12px; height:306px; border:1px solid #dbdbdb;}
.auction_box .tab {width:900px; height:37px;}
.auction_box .tab li {float:left; width:128px; font-weight:bold; text-align:center; background:#f7f7f7;}
.auction_box .tab li.end {float:left; width:130px; text-align:center; background:#f7f7f7;}
.auction_box .tab li a {height:23px; 1px dotum; color:#6f6f6f; border-left:1px solid #ddd;  border-bottom:1px solid #ddd; padding-top:10px; margin-right:0px; display:block; text-decoration:none;}
.auction_box .tab li.on a {border-left:none; background:#188cd1; height:24px; font:bold 12px dotum; color:#fff;  z-index:5; text-decoration:none;}
.auction_box .goods_list {margin:18px 0 0 22px; text-align:center;}
.auction_box .goods_list li {float:left; width:108px; margin-right:17px;text-align:center; }
.auction_box .goods_list a.name {padding-top:13px; line-height:140%; height:45px; color:#666; display:block; font-size:11px;}
.auction_box .goods_list strong.price {color:#393939; font-size:12px;}
.auction_box .goods_list strong.st_price {float:left; padding:0 0 1px 45px; text-align:center;color:#aa6621; font-size:12px; letter-spacing:-1px; background:url('/images/common/icon/s_price.png') no-repeat 0 0} /* 2015-05-19 JHA추가 */

.auction_box .goods_list strong.pt_price {float:left; padding:0 0 1px 45px; color:#eb510d; font-size:12px; letter-spacing:-1px; background:url('/images/common/icon/p_price.png') no-repeat 0 0} /* 2015-05-19 JHA추가 */
.auction_box .goods_list .thumb img {width:106px; height:106px; border:1px solid #e6e6e6;}
.auction_box .goods_list a:hover.thumb img {width:106px; height:106px; border:1px solid #004ea1;}
.auction_box .goods_list .preview {padding-top:7px;}


/* 경매 입찰 많은순 */
.bid_area {float:left;  width:218px; margin:20px 8px 0 0;}
.bid_area .title {float:left; background:url('/images/main/bg_tab.gif') repeat-x 0 0;}
.bid_area .more  {padding:5px 0 0 62px;}
.bid_box  {width:218px; height:390px; border:1px solid #dbdbdb; background:#f4f4f4; border-top:2px solid #6fd0e5;}
.bid_box .goods_list {margin:4px 0 0 14px; text-align:center;}
.bid_box .goods_list li {float:left; width:82px; margin:10px 18px 5px 2px; }
.bid_box .goods_list a.name {padding-top:6px; line-height:120%; height:40px; color:#666; display:block; font-size:11px;}
.bid_box .goods_list strong.price {color:#004ea1; font-size:12px;}
.bid_box .goods_list .thumb img {width:82px; height:82px; border:1px solid #e6e6e6;}
.bid_box .goods_list a:hover.thumb img {width:82px; height:82px; border:1px solid #0e4cac;}
.bid_box .goods_list .preview {padding-top:7px;}

/* 경매 입찰 높은순 */
.bid_area1 {float:left; width:218px;margin:20px 8px 0 0;}
.bid_area1 .title {float:left; background:url('/images/main/bg_tab.gif') repeat-x 0 0;}
.bid_area1 .more {padding:5px 0 0 62px;}
.bid_box1  {width:218px; height:390px; border:1px solid #dbdbdb; border-top:2px solid #61b4f3;}
.bid_box1 .goods_list {margin:4px 0 0 14px; text-align:center;}
.bid_box1 .goods_list li {float:left; width:82px; margin:10px 18px 5px 2px; }
.bid_box1 .goods_list a.name {padding-top:6px; line-height:140%; height:45px; color:#666; display:block; font-size:11px;}
.bid_box1 .goods_list strong.price {color:#004ea1; font-size:12px;}
.bid_box1 .goods_list .thumb img {width:82px; height:82px; border:1px solid #e6e6e6;}
.bid_box1 .goods_list a:hover.thumb img {width:82px; height:82px; border:1px solid #0e4cac;}
.bid_box1 .goods_list .preview {padding-top:7px;}

/* 정기예약판매 */
.bid_area2 {float:left; width:218px;margin:20px 0 0 0px;}
.bid_area2 .title {float:left; background:url('/images/main/bg_tab.gif') repeat-x 0 0;}
.bid_area2 .more {padding:5px 0 0 50px;}
.bid_box2  {width:218px; height:390px; border:1px solid #dbdbdb; background:#f4f4f4; border-top:2px solid #5185c7;}
.bid_box2 .goods_list {margin:4px 0 0 14px; text-align:center;}
.bid_box2 .goods_list li {float:left; width:82px; margin:10px 18px 5px 2px; }
.bid_box2 .goods_list a.name {padding-top:6px; line-height:140%; height:50px; color:#666; display:block; font-size:11px;}
.bid_box2 .goods_list strong.price {color:#004ea1; font-size:12px;}
.bid_box2 .goods_list .thumb img {width:82px; height:82px; border:1px solid #e6e6e6;}
.bid_box2 .goods_list a:hover.thumb img {width:82px; height:82px; border:1px solid #0e4cac;}
.bid_box2 .goods_list .preview {padding-top:7px;}


/* 경매 입찰 높은순 */
.bid_area3 {float:left; width:218px;margin:20px 0 0 8px;}
.bid_area3 .title {float:left; background:url('/images/main/bg_tab.gif') repeat-x 0 0;}
.bid_area3 .more {padding:5px 0 0 30px;}
.bid_box3  {width:218px; height:390px; border:1px solid #dbdbdb; border-top:2px solid #515cc7;}
.bid_box3 .goods_list {margin:4px 0 0 14px; text-align:center;}
.bid_box3 .goods_list li {float:left; width:82px; margin:10px 18px 5px 2px; }
.bid_box3 .goods_list a.name {padding-top:6px; line-height:140%; height:45px; color:#666; display:block; font-size:11px;}
.bid_box3 .goods_list strong.price {color:#004ea1; font-size:12px;}
.bid_box3 .goods_list .thumb img {width:82px; height:82px; border:1px solid #e6e6e6;}
.bid_box3 .goods_list a:hover.thumb img {width:82px; height:82px; border:1px solid #0e4cac;}
.bid_box3 .goods_list .preview {padding-top:7px;}

/* 고객센터 */
.cs_area1 {position:relative; float:left; width:900px;  height:147px; margin:32px 0 0 0; padding:15px 15px;  background:url('/images/main/bg_cs_area.gif') no-repeat 0 0;}

/* 공지사항 */
.m_notice {position:relative; float:left; width:193px; height:100px;}
.m_notice .btn_more {position:absolute; top:4px; right:7px;}
.m_notice ul {margin-top:6px;}
.m_notice li a {font-size:12px; height:23px; padding-left:9px; background:url('/images/main/bu_arrow_gray.gif') no-repeat 0px center; line-height:22px; white-space:nowrap; color:#808080;}

/* 화폐교환회 일정 */
.schedule {position:relative; float:left; width:193px; height:53px; left:32px;}
.schedule .btn_more {position:absolute; top:4px; right:7px;}
.schedule .txt{ margin-top:18px;}

/* 화폐교환회 일정 */
.service {position:relative; float:left; width:193px; height:50px; top:24px;}
.service .btn_more {position:absolute; top:4px; right:7px;}
.service .txt{ margin-top:18px;}
.service .point{ margin-top:18px; font-size:11px; color:#0e4cac; font-weight:bold;}

/* 오성 E-AUCTION 출품 */
.e-auction {position:relative; float:left; width:193px; height:53px; left:65px;}
.e-auction .btn_more {position:absolute; top:4px; right:7px;}
.e-auction .txt{ margin-top:18px;}

/* 금.은.동성분 분석기 */
.assay {position:relative; float:left; width:193px; height:53px; left:95px;}
.assay .btn_more {position:absolute; top:4px; right:7px;}
.assay .txt{ margin-top:18px;}