/* BASIC css start */ /* 메인비쥬얼 */ .mainSpot { margin:0 auto; position:relative; width:100% ; height:100%; overflow:hidden; text-align:center; } .mainSpot li img { width:100% auto; min-height: 592px; text-align:center;} .mainSpot .bx-controls-direction { position:absolute; top:289px; left:0; width:100%; z-index:500 } .mainSpot .bx-controls-direction a { position:absolute; top:0; width:34px; height:55px; text-indent:-9999em; background:url(/design/linkvalley/10449/phps/main/sp_spot_arr.png) 0 0 no-repeat } .mainSpot .bx-controls-direction .bx-prev { left:53px; background-position:0 0 } .mainSpot .bx-controls-direction .bx-next { right:53px; background-position:0 -55px } .mainSpot .bx-pager { margin-left:-50px; position:absolute; bottom:20px; left:50%; text-align:center; z-index:500 } .mainSpot .bx-pager .bx-pager-item { padding:0 10px; float:left } .mainSpot .bx-pager .bx-pager-item a { display:block; width:11px; height:11px; text-indent:-9999em; background:url(/design/linkvalley/10449/phps/main/sp_spot_pager.png) 0 0 no-repeat } .mainSpot .bx-pager .bx-pager-item a.active { width:22px; background-position:0 -11px } #column_topBn { margin:100px auto 0; position:relative; width:1386px; overflow:hidden; background-color:#; } #column_topBn .topBn1 { margin:2px 94px 0px 94px; font-size:16px; } #column_topBn .topBn2 { padding:60px 94px 78px 94px; position:relative; width:1386px; height:240px; overflow:hidden } #column_topBn .topBn2 ul { width:1386px } #column_topBn .topBn2 ul li { padding-right:5px; float:left; width:403px } #column_topBn .topBn2 ul li.last { width:390px } #column_topBn .topBn2 ul li img { width:380px; height:340px } #column_topBn .topBn2 ul li.last img { width:380px } /* 컨텐츠 타이틀 */ .main_tit { position:relative; text-align:center } .main_tit h2 { font-size:20px; color:#101010; letter-spacing:5px } /* new arrival */ #column_new { margin:0 auto; padding-top:40px; position:relative; width:1200px; overflow:hidden } #column_new .item-wrap { padding-top:60px } #column_new .item-wrap .item-cont .item-list { padding:0 30px 60px 0; width:380px } #column_new .item-wrap .item-cont .item-list .thumb { width:380px } #column_new .item-wrap .item-cont .item-list .thumb img { width:380px; height:380px } #column_new .item-wrap .item-cont .item-list dd { padding-top:25px; width:380px; text-align:left } #column_new .item-wrap .item-cont .item-list dd .prd-brand a { font-size:16px; color:#424242 } #column_new .item-wrap .item-cont .item-list dd .prd-info { font-size:13px; color:#868686; letter-spacing:-1px; line-height:20px } #column_new .item-wrap .item-cont .item-list dd .prd-bar { margin:10px 0; width:10px; height:2px; background:#972634 } #column_new .item-wrap .item-cont .item-list dd .prd-price { padding-top:0; font-size:16px; color:#972634 } #column_new .item-wrap .item-cont .item-list dd .prd-price strike { color:#383838 } /* 중간 띠배너 */ #column_mid_bn { margin-top:127px; position:relative; width:100%; height:368px; overflow:hidden } #column_mid_bn p { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:368px } #column_mid_bn p img { display:block } /* best item */ #column_best { margin:0 auto; padding-top:50px; position:relative; width:1200px; overflow:hidden } #column_best .item-wrap { padding-top:31px } /* drip bag */ #column_bag { margin:0 auto; margin-top:97px; position:relative; width:1200px; height:1px; background-color:#e8e8e8; overflow:hidden } #column_shopInfo {margin-top:68px; margin-bottom:85px; position:relative;} #column_shopInfo .shopInfo_area { margin:0 auto; width:1200px; *zoom:1 } #column_shopInfo .shopInfo_area:after { display:block; clear:both; content:'' } #column_shopInfo .shopInfo_area .info_bx { float:left; position:relative; width:auto; height:245px; overflow: visible; } #column_shopInfo .shopInfo_area .info_bx.last { width:auto; border-right:0px solid #eaeaea } #column_shopInfo .shopInfo_area .info_bx .tit { font-size:13px; font-weight:700; color:#333333; letter-spacing:0px; padding-left:0px; position:absolute; top:0px; left:0px; height:31px; line-height:18px; } #column_shopInfo .shopInfo_area .info_bx .tit span { font-size:11px; color:#b8b8b8 } #column_shopInfo .shopInfo_area .info_bx .inner { padding:42px 0px 0 0px } #column_shopInfo .shopInfo_area .info_bx .info_shop a { display:block; cursor:pointer } #column_shopInfo .shopInfo_area .info_bx .info_shop img { width:auto; height:245px } #column_shopInfo .shopInfo_area .info_bx .info_shop .shop-tit { display:block; padding-top:15px; font-size:16px; color:#646464; font-weight:bold } #column_shopInfo .shopInfo_area .info_bx .info_shop .shop-cont { display:block; padding-top:10px; font-size:12px; color:#646464; letter-spacing:-1px } #column_shopInfo .shopInfo_area .info_bx .info_shop .shop-cont .addr { display:block; padding-top:15px; color:#bd805f } #column_shopInfo .shopInfo_area .info_bx .info_barista ul { padding-top:20px } #column_shopInfo .shopInfo_area .info_bx .info_barista ul li { padding:0 0 0 0; font-size:12px; color:#646464; letter-spacing:-1px; background:url(/design/linkvalley/10449/phps/common/blit_2x2.gif) 0 8px no-repeat } #column_shopInfo .shopInfo_area .info_bx .info_barista .btm_request { padding-top:15px } #column_shopInfo .shopInfo_area .info_bx .info_barista .btm_request a { display:block; height:33px; color:#fff; text-align:center; line-height:33px; background:#347e5a } #column_shopInfo .shopInfo_area .info_bx .info_review ul { overflow:hidden } #column_shopInfo .shopInfo_area .info_bx .info_review ul li { margin-top:-1px; padding:0; border-top:1px dashed #ccc } #column_shopInfo .shopInfo_area .info_bx .info_review ul li:first-child { padding-top:0; border-top:none } #column_shopInfo .shopInfo_area .info_bx .info_review ul li a { display:block; cursor:pointer } #column_shopInfo .shopInfo_area .info_bx .info_review ul li .review-tit { display:block; font-size:16px; font-weight:bold } #column_shopInfo .shopInfo_area .info_bx .info_review ul li .review-cont { display:block; padding-top:7px; font-size:12px; color:#646464; line-height:18px } #column_shopInfo .shopInfo_area .info_bx .info_notice ul { } #column_shopInfo .shopInfo_area .info_bx .info_notice ul li { padding:0 0 0 0; font-size:12px; color:#646464; background:url(/design/linkvalley/10449/phps/common/blit_2x2.gif) 0 8px no-repeat } #column_shopInfo .shopInfo_area .info_bx .info_notice ul li a { display:inline-block; width:209px; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden } /* BASIC css end */