/* BASIC css start */
.list_shopping1x .listPic { display:none }
.list_shopping1x .listPic2 { display:block }

/* »ó´Ü ºñÁê¾ó ¿µ¿ª */
/*#mainSpot { position:relative; height:0; overflow:hidden }*/
#mainSpot { position:relative; overflow:hidden }
#mainSpot img { width:100% }
#mainSpot .spotSlider { position:relative; z-index:20; width:100%;height:423.5px;overflow:hidden }
#mainSpot .bx-pager { position:absolute; left:0; right:0; bottom:20px; text-align:center; z-index:50 }
#mainSpot .bx-pager .bx-pager-item { display:inline-block; margin:0 5px }
#mainSpot .bx-pager .bx-pager-item a { display:block; width:10px; height:10px; text-indent:-9999em; border-radius:100%; background:#aaa }
#mainSpot .bx-pager .bx-pager-item a.active { background:#000 }

#mainTopSns { position:absolute; bottom:20px; left:10px; z-index:60 }
#mainTopSns li { margin-top:10px; width:25px }
#mainTopSns li a { display:block; width:25px; height:25px; text-indent:-9999em; background:url(/design/zoom/phps/m/main/sp_tp_sns.png) 0 0 no-repeat; background-size:25px auto }
#mainTopSns li a.ic-ks { background-position:0 0  }
#mainTopSns li a.ic-fc { background-position:0 -25px }
#mainTopSns li a.ic-in { background-position:0 -50px }
#mainTopSns li a.ic-app { background-position:0 -75px }

/* ÅÇ Ä«Å×°í¸® ¿µ¿ª */
#tabCateArea .cate-tab { height:50px; text-align:center; border-bottom:1px solid #ddd; overflow:hidden }
#tabCateArea .cate-tab .swiper-slide { width:auto !important; padding:0 11px; margin-right:0 !important; text-align:center; line-height:50px }
#tabCateArea .cate-tab .swiper-slide a { display:block; position:relative; height:50px }
#tabCateArea .cate-tab .swiper-slide, #tabCateArea .swiper-slide:after, #tabCateArea .selected { -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out }
#tabCateArea .cate-tab .swiper-slide:after { content:""; display:block;position:absolute;bottom:-1px;left:50%;right:50%;height:3px;background:#000 }
#tabCateArea .cate-tab .selected:after { left:0;right:0 }
#tabCateArea .list-box { padding:5px 5px }
#tabCateArea .list-box ul { *zoom:1 }
#tabCateArea .list-box ul:after { display:block; clear:both; content:'' }
#tabCateArea .list-box ul li { padding:3px 0; float:left }
#tabCateArea .list-box ul li a { display:block }
#tabCateArea .list-box ul li img { width:100% }
#tabCateArea .list-box ul li.list-type1 { width:50% }
#tabCateArea .list-box ul li.list-type1 a { padding:0 2% }
#tabCateArea .list-box ul li.list-type2 { width:33.33% }
#tabCateArea .list-box ul li.list-type2 a { padding:0 3% }

/* ÀÌ¹ÌÁö ¹è³Ê */
.img-banner-v1 { padding-top:20px }
.img-banner-v1 li { position:relative }
.img-banner-v1 li a { display:block; height:100% }
.img-banner-v1 li img { width:100% }
.img-banner-v1 li span.txt { margin-top:-8px; position:absolute; top:50%; left:0; right:0; font-size:18px; color:#fff; text-align:center; letter-spacing:5px }
.img-banner-v2 { padding-top:20px; overflow:hidden }
.img-banner-v2 ul { *zoom:1 }
.img-banner-v2 ul:after { display:block; clear:both; content:'' }
.img-banner-v2 li { position:relative; float:left; width:49% }
.img-banner-v2 li.lb { margin-right:1% }
.img-banner-v2 li.rb { margin-left:1% }
.img-banner-v2 li a { display:block; height:100% }
.img-banner-v2 li img { width:100% }
.img-banner-v2 li span.box { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,0.4); z-index:10 }
.img-banner-v2 li span.txt { margin-top:-14px; position:absolute; top:50%; left:0; right:0; font-size:14px; color:#f5f5f5; text-align:center }
.img-banner-v3 { padding-top:40px; overflow:hidden }
.img-banner-v3 ul { *zoom:1 }
.img-banner-v3 ul:after { display:block; clear:both; content:'' }
.img-banner-v3 li { position:relative }
.img-banner-v3 li a { display:block; height:100% }
.img-banner-v3 li img { width:100% }
.img-banner-v3 li span.box { margin-top:-25px; position:absolute; top:50%; left:0; right:0; width:100%; text-align:center; z-index:10 }
.img-banner-v3 li span.t1 { display:block; font-size:18px; color:#fff; font-weight:700; text-align:center; letter-spacing:5px }
.img-banner-v3 li span.t3 { display:block; font-size:18px; color:#fff; font-weight:700; text-align:center; letter-spacing:5px }
.img-banner-v3 li span.t2 { display:block; margin-top:18px; color:#fff; text-align:center; letter-spacing:5px }
.img-banner-v3 li span.t4 { display:block; margin-top:18px; color:#fff; text-align:center; letter-spacing:5px }

/* ÇØ½ÃÅÂ±× ¹è³Ê */
#hasBn { padding-top:25px; font-size:0; text-align:center }
#hasBn a { width:25%; display:inline-block; margin:3px; padding:11px 8px 12px; font-size:12px; border:1px solid #ddd; vertical-align:top }
#hasBn a.bigHas { padding:3px 8px }

/* »óÇ° ¸®½ºÆ® */
.listArea { padding-top:50px }
.listArea .viewType { font-size:0; text-align:center }
.listArea .viewType li { display:inline-block; margin:0 7px; width:25px; height:25px; text-indent:-9999em; background:url(/design/zoom/phps/m/common/sp_view_type.png) 0 0 no-repeat; background-size:75px auto }
.listArea .viewType li.view_list { background-position:0 0 }
.listArea .viewType li.view_gallery { background-position:-25px 0 }
.listArea .viewType li.view_baduk { background-position:-50px 0 }
.listArea .viewType li.view_list.active { background-position:0 -25px }
.listArea .viewType li.view_gallery.active { background-position:-25px -25px }
.listArea .viewType li.view_baduk.active { background-position:-50px -25px }
.listArea h3 { padding:25px 0;  font-size:18px; font-weight:800 }

/* ÀÎ½ºÅ¸±×·¥ */
.main-insta { padding-top:50px; position:relative }
.main-insta h3 { padding-top:40px; text-align:center; background:url(/design/zoom/phps/m/main/ico_main_insta.gif) top center no-repeat; background-size:25px auto }
.main-insta h3 a { font-size:15px; }
.main-insta h3 span { font-size:18px; font-weight:800 }
.main-insta .box { padding:15px 10px 15px }
.main-insta .box img { width:100% }

/* BASIC css end */

