/* BASIC css start */
/* ¸ÞÀÎºñÁê¾ó */
#columnSpot2 { margin:0 auto; position:relative; width:1280px; height:360px; overflow:hidden }
#columnSpot { margin:0 auto; position:relative; width:1280px; height:240px; overflow:hidden }
/*#columnSpot { margin:0 auto; position:relative; width:980px; height:360px; overflow:hidden }*/
#columnSpot .bx-wrapper { height:360px }
#spotPager { position:relative; height:38px; border:1px solid #ddd }
#spotPager ul { *zoom:1 }
#spotPager ul:after { display:block; clear:both; content:'' }
/*#spotPager ul li { margin-left:-1px; float:left; width:243px; height:38px; border-left:1px solid #ddd }*/
#spotPager ul li { margin-left:-1px; float:left; width:25%; height:38px; border-left:1px solid #ddd }
#spotPager ul li a { display:block; height:38px; color:#333; text-align:center; line-height:38px }
#spotPager ul li a.active { color:#666; font-weight:bold }

/* ÄÁÅÙÃ÷ Å¸ÀÌÆ² */
/*.main-tit { padding:80px 0 20px; position:relative }*/
.main-tit { padding:40px 0 20px; position:relative }
.main-tit h2 { height:31px; text-indent:-9999em; background:url(/design/capsmro/phps/main/sp_main_tit.png) 0 0 no-repeat }
.main-tit h2.tit_pick { background-position:0 0 }
.main-tit h2.tit_new { background-position:0 -35px }
.main-tit h2.tit_hot { background-position:0 -70px }
.main-tit h2.tit_best { background-position:0 -105px }
.main-tit h2.tit_md { background-position:0 -140px }
.main-tit h2.tit_ebay { background-position:0 -175px }

/* ¸ðµÎ¿Á¼Ç ºê·£µå ÇÈ */
#columnBrandPick { margin:0 auto; position:relative; width:1280px }
#columnBrandPick .pick-list { position:relative; *zoom:1 }
#columnBrandPick .pick-list:after { display:block; clear:both; content:'' }
#columnBrandPick .pick-list .left-pick { float:left; width:336px }
#columnBrandPick .pick-list .right-pick { float:left; width:642px; border:1px solid #eee; border-bottom:none; *zoom:1 }
#columnBrandPick .pick-list .right-pick:after { display:block; clear:both; content:'' }
#columnBrandPick .pick-list .right-pick .left-list { float:left; width:343px; border-right:1px solid #eee }
#columnBrandPick .pick-list .right-pick .left-list li { border-bottom:1px solid #eee }
#columnBrandPick .pick-list .right-pick .left-list li img { vertical-align:top }
#columnBrandPick .pick-list .right-pick .right-list { float:left; width:298px }
#columnBrandPick .pick-list .right-pick .right-list li { border-bottom:1px solid #eee }
#columnBrandPick .pick-list .right-pick .right-list li img { vertical-align:top }

/* ¸ðµÎ¿Á¼Ç ½Å»óÇ° */
#columnNewProduct .item-wrap .item-cont .item-list { margin:0 10px 10px 0; width:320px }
#columnNewProduct .item-wrap .item-cont .item-list .thumb { width:320px }
#columnNewProduct .item-wrap .item-cont .item-list .thumb img { width:320px; height:291px }
#columnNewProduct .item-wrap .item-cont .item-list .prd-info { padding:25px 20px 0 20px }
#columnNewProduct .item-wrap .item-cont .item-list .prd-info .prd-price { padding-top:20px }
#columnNewProduct .item-wrap .item-cont .item-list .prd-info .prd-price .start-price { padding-top:0; font-size:21px }
#columnNewProduct .item-wrap .item-cont .item-list .prd-info .prd-price .price-info .price { font-size:24px }

/* ¸ðµÎ¿Á¼Ç º£½ºÆ® */
#columnBestProduct .item-wrap .item-cont .item-list .prd-info .prd-price { padding-top:25px }
#columnBestProduct .item-wrap .item-cont .item-list .prd-info { padding:20px 15px 0 15px }

/* ¸ðµÎ¿Á¼Ç ½Ç½Ã°£ ÇÖ ¿Á¼Ç */
#columnHotAuction { margin-top:70px; position:relative; height:680px; background:#f7f7f7 }
#columnHotAuction .hot-auction { margin:0 auto; position:relative; width:1280px }
#columnHotAuction .hot-auction  .main-tit { padding-top:60px }
#columnHotAuction .hot-content { position:relative; width:1280px; height:430px }
#columnHotAuction .hot-content > .tab-cont { display:none }
#columnHotAuction .hot-content > #tab1 { display:block }
#columnHotAuction .hot-content img { width:100% }
#columnHotAuction .hot-content .bx-pager { padding-top:20px; text-align:center }
#columnHotAuction .hot-content .bx-pager .bx-pager-item { display:inline-block; padding:0 5px }
#columnHotAuction .hot-content .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; background:url(/design/capsmro/phps/main/sp_hot_pager.png) 0 0 no-repeat }
#columnHotAuction .hot-content .bx-pager .bx-pager-item a.active { background-position:0 -10px }

#hotPager { margin-bottom:10px; position:relative; background:#fff; overflow:hidden }
#hotPager ul { *zoom:1 }
#hotPager ul:after { display:block; clear:both; content:'' }
#hotPager ul li { float:left; width:140px }
#hotPager ul li a { display:block; padding:18px 0; width:140px; color:#333; text-align:center }
#hotPager ul li a.active { padding:18px 0 14px; color:#1959be; font-weight:bold; border-bottom:4px solid #1959be }
#hotPager ul li a span { display:block; border-left:1px solid #c1c1c1 }
#hotPager ul li #firstTab span { border-left:none }

#columnHotAuction .hot-auction .hot-controls { position:absolute; top:354px; left:0; width:1280px }
#columnHotAuction .hot-auction .hot-controls a {  position:absolute; top:0; width:33px; height:65px; text-indent:-9999em; background:url(/design/capsmro/phps/main/sp_hot_arr.png) 0 0 no-repeat }
#columnHotAuction .hot-auction .hot-controls .bx-prev { left:-83px; background-position:0 0 }
#columnHotAuction .hot-auction .hot-controls .bx-next { right:-83px; background-position:0 -65px }

/* ¸ðµÎ¿Á¼Ç MD ÃßÃµ */
#columnMDrecmd { margin:0 auto; position:relative; width:1280px }
#columnMDrecmd .bx-md { padding-left:230px; position:relative; height:421px }
#columnMDrecmd .bx-md .md-menu { position:absolute; top:0; left:0; width:230px; border-top:1px solid #eee; z-index:10 }
#columnMDrecmd .bx-md .md-menu li { padding-left:34px; position:relative; height:59px; font-size:14px; line-height:59px; border:1px solid #eee; border-top:none; background:#fff; cursor:pointer }
#columnMDrecmd .bx-md .md-menu li.m1.active { color:#fff; font-weight:bold; border-left:1px solid #d0131b; border-right:1px solid #d0131b; background:#d0131b }
#columnMDrecmd .bx-md .md-menu li.m2.active { color:#fff; font-weight:bold; border-left:1px solid #333; border-right:1px solid #333; background:#333 }
#columnMDrecmd .bx-md .md-menu li.m3.active { color:#fff; font-weight:bold; border-left:1px solid #113796; border-right:1px solid #113796; background:#113796 }
#columnMDrecmd .bx-md .md-menu li.m4.active { color:#fff; font-weight:bold; border-left:1px solid #999; border-right:1px solid #999; background:#999 }
#columnMDrecmd .bx-md .md-menu li.m5.active { color:#fff; font-weight:bold; border-left:1px solid #ff9c00; border-right:1px solid #ff9c00; background:#ff9c00 }
#columnMDrecmd .bx-md .md-menu li.m6.active { color:#fff; font-weight:bold; border-left:1px solid #ff9c00; border-right:1px solid #ff9c00; background:#ff9c00 }
#columnMDrecmd .bx-md .md-menu li.m7 { height:61px }
#columnMDrecmd .bx-md .md-menu li.m7.active { color:#666; font-weight:bold; border-left:1px solid #f9f9f9; border-right:1px solid #f9f9f9; background:#f9f9f9 }
#columnMDrecmd .bx-md .md-menu li .md-menu-color { display:none; position:absolute; left:229px; width:10px; height:421px }
#columnMDrecmd .bx-md .md-menu li.active .md-menu-color { display:block }
#columnMDrecmd .bx-md .md-menu li.m1.active .md-menu-color { top:0; background:#d0131b }
#columnMDrecmd .bx-md .md-menu li.m2.active .md-menu-color { top:-60px; background:#333 }
#columnMDrecmd .bx-md .md-menu li.m3.active .md-menu-color { top:-120px; background:#113796 }
#columnMDrecmd .bx-md .md-menu li.m4.active .md-menu-color { top:-180px; background:#999 }
#columnMDrecmd .bx-md .md-menu li.m5.active .md-menu-color { top:-240px; background:#ff9c00 }
#columnMDrecmd .bx-md .md-menu li.m6.active .md-menu-color { top:-300px; background:#ff9c00 }
#columnMDrecmd .bx-md .md-menu li.m7.active .md-menu-color { top:-360px; background:#f9f9f9 }
#columnMDrecmd .bx-md .md-slide { width:749px; height:421px; border:1px solid #eee; border-left:none }
#columnMDrecmd .bx-md .md-slide .md-cont { display:none; position:relative; *zoom:1 }
#columnMDrecmd .bx-md .md-slide .md-cont:after { display:block; clear:both; content:'' }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md { float:left; width:420px; height:421px; border-right:1px solid #eee }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list { padding:0 45px; width:330px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .thumb { margin:0 auto; padding-top:35px; width:242px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .thumb img { width:242px; height:242px; border-radius:100% }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info { padding-top:10px; height:100px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico { height:20px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico p { width:60px; height:20px; color:#fff; font-weight:bold; text-align:center; line-height:20px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .blue { background:#113796 }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .red { background:#d0131b }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .orange { background:#ff9c00 }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .black { background:#333 }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .gray { background:#999 }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-ico .white { width:58px; height:18px; color:#666; line-height:18px; border:1px solid #aaa; background:#fff }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-name { padding-top:8px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-name a { display:block; height:32px; font-size:12px; font-weight:bold; line-height:16px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis  }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price { padding-top:30px; *zoom:1 }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price:after { display:block; clear:both; content:'' } 
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price .start-price { float:left; font-size:19px; color:#555; font-weight:bold; font-family:'NanumBarunGothic' }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price .price-info { float:right; text-align:right; font-family:'NanumBarunGothic' }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price .price-info span { color:#d0131b }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price .price-info .won { font-size:16px }
#columnMDrecmd .bx-md .md-slide .md-cont .left-md .item-list .prd-info .prd-price .price-info .price { font-size:22px; font-weight:bold; line-height:26px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md { float:right; width:328px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list { margin-top:-1px; height:105px; border-top:1px solid #eee; *zoom:1 }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list:after { display:block; clear:both; content:'' }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .thumb { padding:7px 5px; float:right; width:90px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .thumb img { width:90px; height:90px; border-radius:100% }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info { padding:25px 40px 0 25px; float:left; width:155px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info .prd-name a { display:block; height:32px; font-size:12px; font-weight:bold; line-height:16px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis  }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info .prd-price { padding-top:20px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info .prd-price span { color:#d0131b }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info .prd-price .won { font-size:12px }
#columnMDrecmd .bx-md .md-slide .md-cont .right-md .item-list .prd-info .prd-price .price { font-size:16px; font-weight:bold }

/* ÀÌ¹ÌÁö ¶ì¹è³Ê */
#columnSash { margin:40px auto 0; width:1280px }
#columnSash img { width:100% }
/* BASIC css end */

