/* BASIC css start */
/* 메인 상단 슬라이드 배너 */
#mainSpot {position:relative;min-width:1366px;height:750px;overflow:hidden;}
#mainSpot .mainSpotArea {position:absolute;top:0;left:50%;width:1920px;height:750px;margin-left:-960px;text-align: center;}
#mainSpot .bx-controls-direction { position:absolute;top:50%;margin-top:-40px; z-index:60;text-align:center;width: 100%; }
#mainSpot .bx-controls-direction a { display:inline-block;position:absolute;top:0;width:80px;height:80px;text-indent:-9999em;transition:all 0.3s ease;-webkit-transition:all 0.3s ease; }
#mainSpot .bx-controls-direction .bx-prev {left:50%;margin-left: -940px; background:url(../btn_prev_off.png) 0 0 no-repeat }
#mainSpot .bx-controls-direction .bx-prev:hover { background:url(../btn_prev_on.png) 0 0 no-repeat }
#mainSpot .bx-controls-direction .bx-next {right:50%;margin-right: -940px; background:url(../btn_next_off.png) 0 0 no-repeat }
#mainSpot .bx-controls-direction .bx-next:hover { background:url(../btn_next_on.png) 0 0 no-repeat }
#mainSpot .bx-pager {position: absolute;text-align:center;bottom:25px;width: 100%;}
#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:25px; background:#b5b5b5; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; }
#mainSpot .bx-pager .bx-pager-item .active { background:#717171 }

/* 검색 */
#mainSearch { padding-top:100px }
#mainSearch .search { margin:0 auto; position:relative; width:454px; height:38px; border:1px solid #ccc }
#mainSearch .search input { width:405px; height:38px; font-size:13px; text-indent:10px; line-height:38px; border:0 }
#mainSearch .search a { position:absolute; top:0; right:5px; width:38px; height:38px; text-indent:-9999em; background:url(../btn_main_search.gif) 0 0 no-repeat }
#mainSearch .hashTag { padding-top:15px; text-align:center }
#mainSearch .hashTag a { padding:0 10px; font-size:13px; color:#000 }

/* 배너 */
.alignBanner { margin:0 auto; padding-top:140px; width:100%; min-width:1366px; max-width:1584px }
.alignBanner p img { width:100% }

.bannerFour { padding-top:100px; width:100%; min-width:1366px; max-width:1584px; margin:0 auto; overflow:hidden }
.bannerFour ul { *zoom:1 }
.bannerFour ul:after { display:block; clear:both; content:'' }
.bannerFour li { float:left; width:25% }
.bannerFour li a { display:block; padding-right:6px }
.bannerFour li img { width:100% }

.fullBanner { margin:140px 0 0 0; position:relative; width:100%; min-width:1366px; height:656px; overflow:hidden }
.fullBanner .fullImage { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px }

/* 타임세일 */
#timeSale { display:none; margin-top:100px; background:#ebebeb }
#timeSale .listArea { margin:0 auto; padding:40px 0 100px; width:100%; min-width:1366px; max-width:1584px; overflow:hidden }
#timeSale .listArea ul { *zoom:1 }
#timeSale .listArea ul:after { display:block; clear:both; content:'' }
#timeSale .listArea li { float:left; width:25% }
#timeSale .listArea li a { display:block; padding:0 9px }
#timeSale .listArea li img { width:100% }

/* 타이머 */
.clockArea { margin:20px auto 0; width:300px; text-align:center; *zoom:1 }
.clockArea:after { display:block; clear:both; content:'' }
.clockArea .tBox,
.clockArea .colone { float:left }
.clockArea .tBox { width:60px }
.clockArea .tBox .times { display:block; width:60px; height:60px; font-size:30px; color:#fff; font-weight:bold; line-height:57px; background:url(../bg_countdown.gif) 0 0 no-repeat; -webkit-box-shadow: 2px 2px 6px 0px rgba(153,153,153,1); -moz-box-shadow: 2px 2px 6px 0px rgba(153,153,153,1); box-shadow: 2px 2px 6px 0px rgba(153,153,153,1); }
.clockArea .tBox .smalltext { padding-top:5px; font-size:16px; font-weight:bold }
.clockArea .colone { width:20px; font-size:24px; font-weight:bold; line-height:55px }

/* 메인 타이틀 */
.columnTitle { padding-top:80px; text-align:center }
.columnTitle h3 { font-size:36px; color:#000; font-weight:bold }
.columnTitle p { padding-top:15px; font-size:24px; color:#666 }
.mainTitle { padding:180px 0 75px; text-align:center }
.mainTitle h3 { font-size:24px; color:#000; font-weight:bold }
.mainTitle h3 span { font-weight:normal }

/* TODAY BEST */
#todayBest { margin:0 auto; width:100%; min-width:1366px; max-width:1598px; overflow:hidden }
#todayBest .prdArea { padding-bottom:50px; *zoom:1 }
#todayBest .prdArea:after { display:block; clear:both; content:'' }
#todayBest .prdArea .prdBox { float:left }
#todayBest .prdArea .prdBox .item-list { position:relative }
#todayBest .prdArea .prdBox .item-list .thumb { padding:0 2% }
#todayBest .prdArea .prdBox .item-list .thumb img { width:100% }
#todayBest .prdArea .prdBox .item-list dd { display:none; margin:0 2%; position:absolute; top:0; left:0; width:96%; height:100% }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea { position:relative; width:100%; height:100%; background:rgba(0,0,0,0.5) }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea a { display:block; height:100% }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea .prd-info { margin-top:-35px; position:absolute; top:50%; left:0; right:0; color:#fff; text-align:center }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea .prd-info span { display:block; padding:3px 0 }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea .prd-info .prd-name { font-size:14px }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea .prd-info .prd-price { font-size:16px; font-weight:bold }
#todayBest .prdArea .prdBox .item-list dd .prdInfoArea .prd-info .prd-price strike { margin-right:5px; font-size:13px }
#todayBest .prdArea .leftPrd { width:40% }
#todayBest .prdArea .leftPrd .item-list { width:100% }
#todayBest .prdArea .leftPrd .item-list .thumb { padding:0 2% 0 0 }
#todayBest .prdArea .leftPrd .item-list dd { margin:0 2% 0 0; width:99% }
#todayBest .prdArea .rightPrd { width:60%; *zoom:1 }
#todayBest .prdArea .rightPrd:after { display:block; clear:both; content:'' }
#todayBest .prdArea .rightPrd .item-list { margin-bottom:12px; float:left; width:33.3% }

/* 시즌 off 세일 */
#seasonSale { display:none; margin-top:100px; background:#ebebeb }
#seasonSale .item-wrap { padding-top:40px }
#seasonSale .item-column-more { display:none }
#seasonSale .item-column-more.active { display:block }
#seasonSale .item-more-area { padding-bottom:75px }
#seasonSale .item-more { margin:0 auto; width:300px; height:45px; font-size:14px; color:#fff; text-align:center; line-height:45px; background:#000; cursor:pointer }

/* 포토리뷰 */
#mainReviewArea { margin:0 auto; padding-bottom:30px; max-width:1584px; min-width:1366px; overflow:hidden }
#mainReviewArea .mainTitle { padding-top:30px }

/* 인스타그램 */
#instaArea { margin:0 auto; max-width:1584px; min-width:1366px; overflow:hidden }
#instaArea .mainTitle { padding-bottom:60px }

/* 인스타그램 */
.insta-wrap { width:100%; max-width:1560px;min-width:1200px; padding-top:70px; margin:0 auto; text-align:center}
.insta-wrap h2 { padding-bottom:35px }
#instaPics { margin: 0 10px; overflow: hidden; }  
.insta-box {position: relative;width: 10%;float: left;}  
.image-layer {overflow: hidden;margin: 2px;box-sizing: border-box;position: relative;}  
.image-layer img { max-width: 100%;width: 100%; display:block; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.image-layer img:hover {-webkit-transform: scale(1.15); transform: scale(1.15);}


/* BASIC css end */

