/* BASIC css start */
/* 메인비쥬얼 */
.mainSpot { margin:0 ; position:relative; width:100%; height:370px; overflow:hidden }
.mainSpot li img { width:100%; height:370px; min-width:1200px }
}

.mainSpot .bx-controls-direction { position:absolute; top:247px; left:0; width:100%; z-index:50 }
.mainSpot .bx-controls-direction a { position:absolute; top:160px; width:29px; height:55px; text-indent:-9999em; background:url(/design/vegefood/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:-50px; 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/vegefood/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 }
.li1 { max-width:1900px; width:100% !important }


#column_topBn { margin:50px auto 0; position:relative; width:1200px; overflow:hidden }
#column_topBn .topBn1 { position:relative; *zoom:1 }
#column_topBn .topBn1:after { display:block; clear:both; content:'' }
#column_topBn .topBn1 .tb_visu { padding-right:5px; float:left; width:805px; height:400px }
#column_topBn .topBn1 .tb_visu img { width:805px; height:350px }
#column_topBn .topBn1 .tb_side { float:left; position:relative; width:390px; height:400px;  }
#column_topBn .topBn1 .tb_side h3 { position:absolute; top:20px; left:64px }
#column_topBn .topBn1 .tb_side .tbSide_bx { padding-bottom:0px; position:absolute; top:75px; 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; }
#column_topBn .topBn1 .tb_side .tbSide_bx li .inner .pd_name { display:block; padding-top:30px; font-size:14px; color:#000000 }
#column_topBn .topBn1 .tb_side .tbSide_bx li .inner .pd_price { display:block; padding-top:5px; font-size:18px; color:#658928 ; font-weight:bold; }
#column_topBn .topBn1 .tb_side .bx-controls-direction { position:absolute; top:70px; 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/vegefood/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:290px; 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; }
#column_topBn .topBn1 .tb_side .bx-pager .bx-pager-item a.active { background-position:0 -10px }


#column_topBn .topBn2 { padding-top:5px; position:relative; height:312px; overflow:hidden }
#column_topBn .topBn2 ul { width:1205px }
#column_topBn .topBn2 ul li { padding-right:5px; float:left; width:400px }
#column_topBn .topBn2 ul li.last { width:390px }
#column_topBn .topBn2 ul li img { width:400px; height:312px }
#column_topBn .topBn2 ul li.last img { width:400px }


#column_topBn .topBn3 { padding-top:5px; position:relative; height:; overflow:hidden }
#column_topBn .topBn3 ul { width:1205px }
#column_topBn .topBn3 ul li { padding-right:5px; float:left; width:400px }
#column_topBn .topBn3 ul li.last { width:390px }
#column_topBn .topBn3 ul li img { width:400px; height:200px }
#column_topBn .topBn3 ul li.last img { width:400px ; height:200px }


/* 컨텐츠 타이틀 */
.main_tit { position:relative; text-align:center }
.main_tit h2 { font-size:24px; color:#101010; letter-spacing:0px }

/* new arrival */
#column_new { margin:0 auto; padding-top:70px; position:relative; width:1200px; overflow:hidden }
#column_new .item-wrap { padding-top:20px }
#column_new .item-wrap .item-cont .item-list {width:380px; border-style:solid; border-width:1px; border-color:#d9d9d9; margin: 0 10px 30px 10px }
#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:7px; 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:#6b6b6b; line-height:20px ; padding-left:0px }
#column_new .item-wrap .item-cont .item-list dd .prd-bar { margin:10px 0;  height:0px; background:#333333 }
#column_new .item-wrap .item-cont .item-list dd .prd-price { padding-top:0; font-size:16px; color:#658928;  padding-left:0px;  }
#column_new .item-wrap .item-cont .item-list dd .prd-price strike { color:#383838 }


/* new arrival2 */
#column_new2 { margin:0 auto; padding-top:70px; position:relative; width:1200px; overflow:hidden }
#column_new2 .item-wrap { padding-top:20px }
#column_new2 .item-wrap .item-cont .item-list {width:280px; border-style:solid; border-width:1px; border-color:#d9d9d9; margin: 0 10px 30px 10px; heigh:360px }
#column_new2 .item-wrap .item-cont .item-list .thumb { width:380px }
#column_new2 .item-wrap .item-cont .item-list .thumb img { width:280px; height:280px }
#column_new2 .item-wrap .item-cont .item-list dd { padding-top:7px; width:380px; text-align:left }
#column_new2 .item-wrap .item-cont .item-list dd .prd-brand a { font-size:16px; color:#424242 }
#column_new2 .item-wrap .item-cont .item-list dd .prd-info { font-size:13px; color:#6b6b6b; line-height:20px ; padding-left:0px }
#column_new2 .item-wrap .item-cont .item-list dd .prd-bar { margin:10px 0;  height:0px; background:#333333 }
#column_new2 .item-wrap .item-cont .item-list dd .prd-price { padding-top:0; font-size:16px; color:#658928;  padding-left:0px;  }
#column_new2 .item-wrap .item-cont .item-list dd .prd-price strike { color:#383838 }


/* 하단 상품 4개*/
#column_bag { margin:0 auto; padding-top:70px; position:relative; width:1200px; overflow:hidden }
#column_bag .item-wrap { padding-top:60px }


#column_bag .item-wrap .item-cont .item-list dd .prd-brand a { font-size:16px; color:#424242 }
#column_bag .item-wrap .item-cont .item-list dd .prd-info { font-size:13px; color:#c2c2c2; line-height:20px }
#column_bag .item-wrap .item-cont .item-list dd .prd-bar { margin:10px 0;  height:1px; background:#333333 }
#column_bag .item-wrap .item-cont .item-list dd .prd-price { padding-top:0; font-size:16px; color:#658928 }
#column_bag .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:-960px; 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 }
#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:px; position:absolute; top:38px; left:24px; height:18px; font-size:18px; color:#000; line-height:18px; }
#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/vegefood/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:#163324 }
#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/vegefood/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 }


/*인스타 */
 
           #instaPics {  max-width: 1200px;  overflow: hidden; margin-left:50px; }  
           .insta-box {  position: relative;  width: ; float: left;  margin: 5px;  border: 0px solid #ddd;  }  
           .insta-box > a > div {width:100%; height:100%;}
           .image-layer { overflow: hidden; width: 100%; height: 100%; }  
           .image-layer img { width: 100%; height:100%;}  
           .caption-layer { display: none; position: absolute; top: 0; background: rgba(255,255,255,0.8); width: 100%; height: 100%; padding: 10px; box-sizing: border-box; font-size: 10px; color: #333; text-align: center; margin: auto; vertical-align: middle;}  
           .caption-layer .insta-caption{display: none;}
           .caption-layer .insta-likes { position: relative; display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 600; margin-top: 49%;}  

           .caption-layer .insta-likes:before{ position: absolute; top:2px; left:-28px; content: ''; display: block; width:20px; height: 20px; background: url('./icon-heart.png') 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}


#header2 { position:relative; width:100%; background:#fff; z-index:100 }
#header2.act { position:fixed; top:-144px; left:0; right:0 }
#header2 .headerTop2 { margin:0 auto; position:relative; width:100%; }
#header2 .headerTop2 .hdLeft { padding-top:11px; float:left; overflow:hidden }


/* BASIC css end */