/* BASIC css start */
/* 상단 비쥬얼 영역 */
#mainSpot { padding-top:20px }
#mainSpot .spot { position:relative; width:1200px; height:480px; overflow:hidden }
#mainSpot .spot .bx-controls { margin-top:-37px; position:absolute; top:50%; left:0; right:0 }
#mainSpot .spot .bx-controls a { display:none; position:absolute; top:0; width:75px; height:75px; text-indent:-9999em; background:url(/design/zoom/phps/main/sp_spot.png) 0 0 no-repeat }
#mainSpot .spot .bx-controls a.bx-prev { left:0; background-position:0 0 }
#mainSpot .spot .bx-controls a.bx-next { right:0; background-position:0 -75px }
#mainSpot .img-banner { padding-top:10px }
#mainSpot .img-banner ul { *zoom:1 }
#mainSpot .img-banner ul:after { display:block; clear:both; content:'' }
#mainSpot .img-banner ul li { margin-right:10px; position:relative; float:left; width:385px; height:170px; overflow:hidden }
#mainSpot .img-banner ul li.last { margin-right:0; width:410px }
#mainSpot .img-banner ul li span.txt { position:absolute; top:78px; left:0; right:0; font-size:18px; color:#fff; text-align:center; letter-spacing:3px }

/* 탭 카테고리 영역 */
#tabCateArea { padding-top:60px }
#tabCateArea .cate-tab { height:48px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd }
#tabCateArea .cate-tab a { display:inline-block; margin:0 20px; padding:0 20px; position:relative; font-size:13px; font-weight:700; line-height:48px }
#tabCateArea .cate-tab a, #tabCateArea .cate-tab a:after, #tabCateArea .cate-tab a.active{-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out }
#tabCateArea .cate-tab a:after { content:"";display:block;position:absolute;bottom:-1px;left:50%;right:50%;height:3px;background:#000 }
#tabCateArea .cate-tab a:hover:after,
#tabCateArea .cate-tab a.active:after { left:0;right:0 }
#tabCateArea .list-box-area { padding-top:30px; height:640px; overflow:hidden }
#tabCateArea .list-box-area .list-box { width:1212px; height:652px }
#tabCateArea .list-box-area .list-box ul { *zoom:1 }
#tabCateArea .list-box-area .list-box ul:after { display:block; clear:both; content:'' }
#tabCateArea .list-box-area .list-box ul li { margin:0 12px 12px 0; position:relative; float:left }
#tabCateArea .list-box-area .list-box ul li.list-item { width:230px; height:321px }
#tabCateArea .list-box-area .list-box ul li.list-item_v2 { width:392px; height:307px }
#tabCateArea .list-box-area .list-box ul li a { display:block }
#tabCateArea .list-box-area .list-box ul li.list-item a img { width:230px; height:321px }
#tabCateArea .list-box-area .list-box ul li.list-item_v2 a img { width:392px; height:307px }
#tabCateArea .list-box-area .list-box ul li .item-info { display:none; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; font-size:13px; color:#fff; text-align:center; background:rgba(0,0,0,0.6); z-index:10; cursor:pointer }
#tabCateArea .list-box-area .list-box ul li.list-item .item-info { height:321px }
#tabCateArea .list-box-area .list-box ul li.list-item_v2 .item-info { height:307px }
#tabCateArea .list-box-area .list-box ul li.list-item:hover .item-info { display:block }
#tabCateArea .list-box-area .list-box ul li .item-info .inner { margin-top:-50px; position:relative; top:50% }
#tabCateArea .list-box-area .list-box ul li .item-info .item-name { padding:0 10px; line-height:20px }
#tabCateArea .list-box-area .list-box ul li .item-info .item-subname { padding:15px 10px 0; line-height:20px }
#tabCateArea .list-box-area .list-box ul li .item-info .item-price { padding-top:15px }
#tabCateArea .list-box-area .list-box ul li .item-info .item-icon { padding-top:15px }
#tabCateArea .list-box-area .list-box ul li .item-info .item-icon img { margin:0 2px; vertical-align:middle }

/* 배너영역 */
#columnBn { padding-top:80px; height:300px }
#columnBn li { position:relative; float:left; width:600px; height:300px; overflow:hidden }
#columnBn li img { width:600px; height:300px }
#columnBn li .box { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; color:#f5f5f5; text-align:center; background:rgba(0,0,0,0.3); z-index:10 }
#columnBn li .box .t1 { display:block; padding-top:117px; font-size:20px; letter-spacing:2px }
#columnBn li .box .t2 { display:block; padding-top:10px; font-size:14px; letter-spacing:2px }
.columnBnV2 { height:400px }
.columnBnV2 li { position:relative; width:1200px; height:400px; overflow:hidden }
.columnBnV2 li img { width:1200px; height:400px }
.columnBnV2 li .box { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; color:#fff; text-align:center; z-index:10 }
.columnBnV2 li .bo { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; color:#fff; text-align:center; z-index:10 }
.columnBnV2 li .box .t1 { display:block; padding-top:157px; font-size:30px; letter-spacing:5px }
.columnBnV2 li .bo .t1 { display:block; padding-top:157px; font-size:30px; letter-spacing:5px }
.columnBnV2 li .box .t2 { display:block; padding-top:30px; font-size:16px; letter-spacing:2px }
.columnBnV2 li .bo .t2 { display:block; padding-top:30px; font-size:16px; letter-spacing:2px }


/* 해시태그 배너 */
#hasBn { padding:15px 70px 0; font-size:0; text-align:center }
#hasBn a { display:inline-block; margin:15px 7px 0; width:184px; height:48px; font-size:13px; line-height:48px; border:1px solid #ddd }

/* 메인 상품 타이틀 */
.mtitle { padding:80px 0 40px; text-align:center }
.mtitle h3 { font-size:18px; font-weight:800 }

/* 인스타그램 */
.main-insta { padding-top:40px; position:relative }
.main-insta h3 { padding-top:45px; text-align:center; font-size:14px; background:url(/design/zoom/phps/main/ico_insta.gif) top center no-repeat }
.main-insta .box { padding-top:30px }

.lightwidget-widget {
width: 100%;
border: 0;
overflow: hidden;
}

/* 좌측 상품 이동하기 고정메뉴 */
#leftProductFixed { display:none; margin-left:-781px; position:fixed; top:50%; left:50%; z-index:50; background:#fff; overflow:hidden; -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -webkit-transform:translate(0,-50%); transform:translate(0,-50%) }
#leftProductFixed.visible { display:block }
#leftProductFixed ul { position:relative; z-index:10 }
#leftProductFixed li { width:150px; height:30px }
#leftProductFixed li a { display:block; padding-left:10px; height:30px; line-height:30px }
#leftProductFixed li a:active { background:#fff }
#leftProductFixed .easeBox { position:absolute; top:-30px; left:0; width:150px; height:30px; background:#dedede }
/* BASIC css end */