/* BASIC css start */
/* ¸ÞÀÎºñÁê¾ó */
.main { width:100%; text-align: center; position: relative; display: block; }
.mainSpot { margin:0 auto; position:relative; width:1902px; height:1114px; overflow:hidden; margin-left: -960px; left:50%;  }
.mainSpot li img { width:1902px; height:1114px; vertical-align: middle; object-fit: contain;}
.mainSpot .bx-controls-direction { position:absolute; top:247px; 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/Rmall0101/10449/phps/main/sp_spot_arr.png) 0 0 no-repeat }
.mainSpot .bx-controls-direction .bx-prev { left:300px; background-position:0 0 }
.mainSpot .bx-controls-direction .bx-next { right:300px; 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/Rmall0101/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 }

#contentWrapper{background-color:#ffffff; width:100%; }

#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_visu01 { padding-right:5px; float:left; width:400px; height:465px }
#column_topBn .topBn1 .tb_visu02 { padding-left:4px; float:left; width:400px; height:465px }
#column_topBn .topBn1 .tb_visu01 img { width:400px; height:465px }
#column_topBn .topBn1 .tb_visu02 img { width:400px; height:465px }

#column_topBn .topBn1 .tb_visu img { width:805px; height:465px }
#column_topBn .topBn1 .tb_side_b { float:left; position:relative;  }
#column_topBn .topBn1 .tb_side { float:left; position:relative; width:390px; height:233px; background:url(/design/Rmall0101/10449/phps/main/side_01.jpg) 0 0 no-repeat }
#column_topBn .topBn1 .tb_side_a {  position:relative; width:390px; height:232px; top:232px; background:url(/design/Rmall0101/10449/phps/main/side_001.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/Rmall0101/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/Rmall0101/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 { padding-top:10px; position:relative; height:270px; overflow:hidden }
#column_topBn .topBn2 ul { width:1205px }
#column_topBn .topBn2 ul li { padding-right:11px; float:left; width:390px }
#column_topBn .topBn2 ul li.last { width:390px }
#column_topBn .topBn2 ul li img { width:390px; height:270px }
#column_topBn .topBn2 ul li.last img { width:390px }



/* ÄÁÅÙÃ÷ Å¸ÀÌÆ² */
.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: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:30px; position:relative; width:100%; height:636px; overflow:hidden }
#column_mid_bn p { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:636px }
#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; height: 270px; 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{ float:left; position:relative; width:299px; height:353px; border-left:1px solid #eaeaea;}

#sns01{ position:absolute; width:100px; height:100px; padding-top:130px; padding-left:40px; }
#sns02{ position:absolute; width:100px; height:100px; padding-top:130px; right:40px; }


#column_shopInfo .shopInfo_area .info_bx .tit { padding-left:2px; position:absolute; top:38px; left:24px; height:18px; font-size:19px; 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 .li01 { font-weight:bold; color:#ff7272;}
#column_shopInfo .shopInfo_area .info_bx .info_shop .li02 { font-weight:bold; color:#ff7272;}
#column_shopInfo .shopInfo_area .info_bx .info_shop .big_tel { font-size:30px; color:#3295fa; font-weight:bold; }
#column_shopInfo .shopInfo_area .info_bx .info_shop .tit02 { font-size:18px; color:#000; font-weight:bold; }
#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:#3295fa }
#column_shopInfo .shopInfo_area .info_bx .info_barista ul { padding-top:20px }
#column_shopInfo .shopInfo_area .info_bx .info_barista .ti01 { font-size:27px; font-weight:bold; }
#column_shopInfo .shopInfo_area .info_bx .info_barista .ti001 { font-size:16px; }
#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/Rmall0101/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/Rmall0101/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 */

