/* BASIC css start */ #wrap{background:/*url(http://ai.esmplus.com/tjdgh0627/samjung2018/bg_img.jpg) repeat-x 0 0;*/ border:1px solid red;} /* 메인비쥬얼 */ .mainSpot { margin:0 auto; position:relative; width:100%; height:600px; overflow:hidden } .mainSpot li img { width:100%; height:600px } .mainSpot .bx-controls-direction { position:absolute; top:280px; left:0; width:100%; z-index:50 } .mainSpot .bx-controls-direction a { position:absolute; top:0; width:29px; height:55px; text-indent:-9999em; background:url(/design/clickav/10449/phps/main/sp_spot_arr.png) 0 0 no-repeat } .mainSpot .bx-controls-direction .bx-prev { left:43px; background-position:0 0 } .mainSpot .bx-controls-direction .bx-next { right:43px; background-position:0 -55px } .mainSpot .bx-pager { margin-left:-100px; position:absolute; bottom:20px; left:50%; text-align:center; z-index:50 } .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/clickav/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:80px auto 0; position:relative; width:1200px; overflow:hidden } #column_topBn .topBn1 { position:relative; *zoom:1; display:none; } #column_topBn .topBn1:after { display:block; clear:both; content:'' } #column_topBn .topBn1 .tb_visu { padding-right:5px; float:left; width:805px; height:465px } #column_topBn .topBn1 .tb_visu img { width:805px; height:465px } #column_topBn .topBn1 .tb_side { float:left; position:relative; width:390px; height:465px; background:url(/design/clickav/10449/phps/main/bg_tb_side.jpg) 0 0 no-repeat } #column_topBn .topBn1 .tb_side h3 { position:absolute; top:48px; left:64px } #column_topBn .topBn1 .tb_side .tbSide_bx { padding-bottom:45px; position:absolute; top:121px; left:40px; width:310px; height:0; overflow:hidden } #column_topBn .topBn1 .tb_side .tbSide_bx li .inner { margin:0 auto; width:175px; text-align:center } #column_topBn .topBn1 .tb_side .tbSide_bx li .inner img { width:175px; height:175px; border-radius:175px } #column_topBn .topBn1 .tb_side .tbSide_bx li .inner .pd_name { display:block; padding-top:30px; font-size:14px; color:#b9b9b9 } #column_topBn .topBn1 .tb_side .tbSide_bx li .inner .pd_price { display:block; padding-top:5px; font-size:18px; color:#aee1ff } #column_topBn .topBn1 .tb_side .bx-controls-direction { position:absolute; top:110px; left:0; width:100%; z-index:50 } #column_topBn .topBn1 .tb_side .bx-controls-direction a { position:absolute; top:0; width:22px; height:43px; text-indent:-9999em; background:url(/design/clickav/10449/phps/main/sp_tbside_arr.png) 0 0 no-repeat } #column_topBn .topBn1 .tb_side .bx-controls-direction .bx-prev { left:0; background-position:0 0 } #column_topBn .topBn1 .tb_side .bx-controls-direction .bx-next { right:0; background-position:0 -43px } #column_topBn .topBn1 .tb_side .bx-pager { margin-left:-40px; position:absolute; top:302px; left:50%; text-align:center; z-index:50 } #column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item { padding:0 5px; float:left } #column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; background:url(/design/clickav/10449/phps/main/sp_tbside_pager.png) 0 0 no-repeat } #column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item a.active { background-position:0 -10px } #column_topBn .topBn2 {position:relative; height:270px; overflow:hidden } #column_topBn .topBn2 ul { width:1200px } #column_topBn .topBn2 ul li {float:left; width:300px; height:270px;} #column_topBn .topBn2 ul li.mid_cont01{background:#008ace; margin:0 5px 0 0; width:290px;} #column_topBn .topBn2 ul li.mid_cont02{background:#2763ba; margin:0 5px; width:290px;} #column_topBn .topBn2 ul li.mid_cont03{background:#2ca48f; margin:0 5px; width:290px;} #column_topBn .topBn2 ul li.mid_cont04{background:#627ad0; margin:0 0 0 5px; width:290px;} /*#column_topBn .topBn2 ul li.last {width:290px } #column_topBn .topBn2 ul li img {width:300px; height:270px;} #column_topBn .topBn2 ul li.last img {width:300px }*/ #column_topBn .topBn3 .main_tit {position:relative; text-align:center; padding:80px 0 20px 0;} #column_topBn .topBn3 .main_tit a{font-size:32px; color:#333; font-weight:bold;} #column_topBn .topBn3 {position:relative; overflow:hidden } #column_topBn .topBn3 ul {position:relative; width:1200px } #column_topBn .topBn3 ul li {float:left; width:300px; height:350px; padding:0; padding-bottom:30px;} #column_topBn .topBn3 ul li img{width:290px; height:290px; /*padding:10px 0 40px 0;*/} #column_topBn .topBn3 .news_ttl{position:absolute; top:300px; width:280px; display:block; text-align:center; } #column_topBn .topBn3 .news_ttl a{font-size:15px; text-align:center; font-weight:bold} /*#column_topBn .topBn3 .main_tit{position:relative; text-align:center; padding:80px 0 20px 0; } #column_topBn .topBn3 .main_tit a{font-size:32px; color:#333; font-weight:bold;} #column_topBn .topBn3 {position:relative; overflow:hidden } #column_topBn .topBn3 ul {position:relative; width:1200px } #column_topBn .topBn3 ul li{float:left; width:400px; height:410px; padding:0; padding-bottom:20px; border:1px solid red} #column_topBn .topBn3 ul li img{width:380px; height:370px; /*padding:10px 0 40px 0;*/} #column_topBn .topBn3 .news_ttl{position:absolute; bottom:15px; left:0; width:100%; display:block;} #column_topBn .topBn3 .news_ttl a{font-size:15px; text-align:center; font-weight:bold}*/ /* new arrival */ #column_new { margin:0 auto; padding-top:70px; 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:70px; position:relative; width:100%; height:309px; overflow:hidden } #column_mid_bn p { margin-left:-1960px; position:absolute; top:0; left:50%; width:1920px; height:309px } #column_mid_bn p img { display:block } /* best item */ #column_best { margin:0 auto; padding-top:125px; position:relative; width:1200px; overflow:hidden } #column_best .item-wrap { padding-top:60px } /* drip bag */ #column_bag { margin:0 auto; padding-top:40px; position:relative; width:1200px; overflow:hidden } #column_bag .item-wrap { padding-top:60px } #column_shopInfo { margin-top:60px; position:relative; height:353px; border-top:1px solid #eaeaea; display:none; } #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:299px; height:353px; border-left:1px solid #eaeaea } #column_shopInfo .shopInfo_area .info_bx.last { width:298px; border-right:1px solid #eaeaea } #column_shopInfo .shopInfo_area .info_bx .tit { padding-left:22px; position:absolute; top:38px; left:24px; height:18px; font-size:18px; color:#000; line-height:18px; background:url(/design/clickav/10449/phps/main/ico_shopinfo.gif) 0 0 no-repeat } #column_shopInfo .shopInfo_area .info_bx .tit span { font-size:11px; color:#b8b8b8 } #column_shopInfo .shopInfo_area .info_bx .inner { padding:79px 26px 0 26px } #column_shopInfo .shopInfo_area .info_bx .info_shop a { display:block; cursor:pointer } #column_shopInfo .shopInfo_area .info_bx .info_shop img { width:247px; height:122px } #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 3px 9px; font-size:12px; color:#646464; letter-spacing:-1px; background:url(/design/clickav/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:12px 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 13px 9px; font-size:12px; color:#646464; background:url(/design/clickav/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 */