@charset "utf-8";

#container{width:100%;margin:0}

.main_category{width:184px;margin:0 10px 15px 0;position:relative}
.main_category ul{text-align:left;padding:10px 0}
.main_category ul li{position:relative}
.main_category ul li a{display:block}
.main_category ul li a.text{width:90%;line-height:18px;margin:0 auto}
.main_category ul li a.text:hover{color:#ca1818}
	/* main category child layer */
.main_category ul li .main_category_child{position:absolute;left:174px;top:-9px;background:#fff;width:157px;border:solid 1px #eaeaea;border-left:solid 2px #b34e43;padding:12px 0;z-index:1000;display:none}
.main_category ul li .main_category_child li{padding:0 7px 0 10px}
.main_category ul li .main_category_child li a{padding-left:9px;line-height:16px}
.main_category ul li .main_category_child li.on a{color:#ca1818;background:url(../imgs/icon/tri_ctg_type.gif) left 3px no-repeat}
.main_category ul li .main_category_arrow{position:absolute;left:168px;top:2px;z-index:1001;display:none}

#contents100{margin:0 0 10px}

#main{position:relative;padding:0 0 20px}

#main .mainVisual{position:relative;clear:both;overflow:hidden;width:100%;height:56px;margin:0 0 57px;padding:334px 0 0;border-bottom:1px solid #d7d4d1}
#main .mainVisual .prev{display:none;position:absolute;top:50%;left:50%;z-index:8;overflow:hidden;width:46px;height:83px;margin:-42px 0 0 -454px;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;border:none;outline:none;background:url(../imgs/main/visual_prev.png) 0 0 no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainVisual .next{display:none;position:absolute;top:50%;right:50%;z-index:8;overflow:hidden;width:46px;height:83px;margin:-42px -454px 0 0;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;border:none;outline:none;background:url(../imgs/main/visual_next.png) 0 0 no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainVisual.buttonShow .prev{margin:-42px 0 0 -500px;opacity:1;filter:alpha(opacity=100)}
#main .mainVisual.buttonShow .next{margin:-42px -500px 0 0;opacity:1;filter:alpha(opacity=100)}
#main .mainVisual .visualList{visibility:hidden;float:left}
#main .mainVisual .visualList li{float:left;margin:0 -1px 0 0;}
#main .mainVisual .visualList li .tab{position:relative;z-index:5}
#main .mainVisual .visualList li .cont{position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:390px}
#main .mainVisual .visualList li .cont div{position:absolute;top:0;left:50%;width:1920px;height:390px;opacity:0;filter:alpha(opacity=0);margin:0 0 0 -960px;text-align:center}
#main .mainVisual .visualList li .cont a,
#main .mainVisual .visualList li .cont img{vertical-align:top}
#main .mainVisual .visualList li.active .tab{z-index:6;margin:-5px 0 0}
#main .mainVisual .visualList li.active .cont{z-index:3}
#main .mainVisual.cssAni .visualList li.active .cont div{opacity:1;filter:alpha(opacity=100)}

.brandMovie{width:900px;height:502px;padding:39px 0 0}
.movieList{display:none;position:absolute;top:39px;left:0;overflow:hidden;overflow-y:auto;width:100%;height:0;background:white}
.movieList:after{content:"";display:block;clear:both}
.movieList li{position:relative;min-width:1px;height:315px;margin:0 40px;padding:35px 0 35px 595px;border-top:1px solid #ccc}
.movieList li:first-child{border-top:none}
.movieList li:after{content:"";display:block;clear:both}
.movieList li p.title{padding:5px 0;font-size:18px;color:#333;line-height:24px;font-family:'Nanum Gothic Bold'}
.movieList li p.name{padding:10px 0 20px;font-size:15px;color:#333;line-height:20px;font-family:'Nanum Gothic Bold'}
.movieList li .movieArea{position:absolute;top:35px;left:0}
.movieList li a{float:left;margin:0 5px 0 0}
.movieList li a img{float:left}
/*
.movieList .itemList li a{display:inline-block;position:relative;width:64px;margin:0 1px;padding:64px 0 0;vertical-align:top;text-align:center;font-size:13px;color:#4d4d4d;line-height:15px;font-family:'Nanum Gothic Bold'}
.movieList .itemList li a span{position:absolute;top:0;left:2px;overflow:hidden;width:60px;height:60px}
.movieList .itemList li a span.circle{z-index:1;border-radius:100px;opacity:0.7;background:black}
.movieList .itemList li a span.ieB{z-index:1;background:url(../imgs/main/producer_circle.png) 0 0 no-repeat}
.movieList .itemList li a span.img{z-index:2}
.movieList .itemList li a:hover{color:#faa419}
.movieList .itemList li a:hover span.circle{opacity:1;background:#faa419;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.movieList .itemList li a:hover span.ieB{background-position:0 -70px}
.movieList .itemList li .newsButton span.img{z-index:2;background:url(../imgs/main/producer_button1.png) 0 0 no-repeat}
.movieList .itemList li .productButton span.img{z-index:2;background:url(../imgs/main/producer_button2.png) 0 0 no-repeat}
*/


#main .mainProducer{position:relative;clear:both;width:1000px;height:763px;margin:0 auto 25px}
#main .mainProducer h2{height:45px;margin:0 0 10px;text-align:center;font-size:27px;color:#222121;line-height:45px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/title_bg1.gif) 0 19px repeat-x}
#main .mainProducer h2 strong{display:inline-block;height:45px;padding:0 17px;vertical-align:top;background:white}
#main .mainProducer .prev{display:none;position:absolute;top:105px;left:0;z-index:2;overflow:hidden;width:52px;height:659px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/producer_prev.gif) center center no-repeat}
#main .mainProducer .next{display:none;position:absolute;top:105px;right:0;z-index:2;overflow:hidden;width:52px;height:659px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/producer_next.gif) center center no-repeat}
#main .mainProducer .producerList{position:relative;z-index:3;overflow:hidden;width:898px;height:708px;margin:0 auto;text-align:center}
#main .mainProducer .producerList>li{display:inline;vertical-align:top;font-size:22px;background:url(../imgs/main/producer_line.gif) 0 9px no-repeat}
#main .mainProducer .producerList>li .tab{display:inline-block;margin:0 18px 0 23px;vertical-align:top;font-size:15px;color:#222121;line-height:22px}
#main .mainProducer .producerList>li .tab:hover{font-family:'Nanum Gothic Bold';border-bottom:1px solid #222121}
#main .mainProducer .producerList>li .cont{display:none;position:absolute;top:49px;left:0;width:897px;height:658px;padding:0 0 1px 1px;background:url(../imgs/main/producer_cont.gif) 0 0 no-repeat}

#main .mainProducer .producerList>li .cont li{position:relative;z-index:1;float:left;overflow:hidden;width:298px;height:328px;margin:1px 1px 0 0}
#main .mainProducer .producerList>li .cont li img{position:absolute;top:0;left:0;z-index:1;width:298px;height:328px;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s}
#main .mainProducer .producerList>li .cont li img.def{opacity:1}
#main .mainProducer .producerList>li .cont li img.over{opacity:0}

#main .mainProducer .producerList>li .cont li div{position:absolute;top:328px;left:0;z-index:2;width:298px;text-align:center;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainProducer .producerList li .cont li div a{display:inline-block;position:relative;width:64px;margin:0 1px;padding:64px 0 0;vertical-align:top;text-align:center;font-size:13px;color:#f1f0ef;line-height:15px;font-family:'Nanum Gothic Bold'}
#main .mainProducer .producerList li .cont li div a span{position:absolute;top:0;left:2px;overflow:hidden;width:60px;height:60px}
#main .mainProducer .producerList li .cont li div a span.circle{z-index:1;border-radius:100px;opacity:0.7;background:black;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}
#main .mainProducer .producerList li .cont li div a span.ieB{z-index:1;background:url(../imgs/main/producer_circle.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.newsButton span.img{z-index:2;background:url(../imgs/main/producer_button1.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.productButton span.img{z-index:2;background:url(../imgs/main/producer_button2.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.videoButton span.img{z-index:2;background:url(../imgs/main/producer_button3.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a:hover span.circle{opacity:1;background:#faa419;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#main .mainProducer .producerList li .cont li div a:hover span.ieB{background-position:0 -70px}
#main .mainProducer .producerList>li .cont li.over div{top:230px}
#main .mainProducer .producerList>li .cont li.over img.def{opacity:0}
#main .mainProducer .producerList>li .cont li.over img.over{opacity:1}
#main .mainProducer .producerList>li .cont li.none{background:url(../imgs/main/no_producer.gif) 0 0 no-repeat}

/*
#main .mainProducer .producerList>li .cont .ie div{position:absolute;top:0;left:0;width:100%;height:656px}
#main .mainProducer .producerList>li .cont .ie div .def{position:relative;width:298px;height:328px}
#main .mainProducer .producerList>li .cont .ie div .over{position:relative;width:298px;height:117px;padding:211px 0 0;text-align:center}
#main .mainProducer .producerList>li .cont .ie div img{position:absolute;top:0;left:0;width:298px;height:328px}

#main .mainProducer .producerList>li .cont .cube{position:relative;z-index:1;float:left;width:298px;height:328px;margin:1px 1px 0 0;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:2000px;-webkit-perspective:2000px;perspective:2000px}
#main .mainProducer .producerList>li .cont .cube>div{position:relative;width:100%;height:100%;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-perspective:2000px;-webkit-perspective:2000px;perspective:2000px;-moz-transform:translateZ(-188px);-webkit-transform:translateZ(-188px);transform:translateZ(-188px)}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#main .mainProducer .producerList>li .cont .cube>div{-moz-transform:translateZ(-204px);-webkit-transform:translateZ(-204px);transform:translateZ(-204px);}
}
#main .mainProducer .producerList>li .cont .cube>div>div{position:absolute;width:298px;height:117px;padding:211px 0 0;text-align:center;-moz-transform-origin:50% 50% -164px;-webkit-transform-origin:50% 50% -164px;transform-origin:50% 50% -164px;-moz-transition:-moz-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
#main .mainProducer .producerList>li .cont .cube>div>div img{position:absolute;top:0;left:0;width:298px;height:328px}
#main .mainProducer .producerList>li .cont .cube>div .def{-moz-transform:perspective(2000px);-webkit-transform:perspective(2000px);transform:perspective(2000px)}
#main .mainProducer .producerList>li .cont .cube>div .over{-moz-transform:perspective(2000px) rotateX(-90deg);-webkit-transform:perspective(2000px) rotateX(-90deg);transform:perspective(2000px) rotateX(-90deg)}
#main .mainProducer .producerList>li .cont .cube:hover{z-index:2}
#main .mainProducer .producerList>li .cont .cube:hover>div .def{-moz-transform:perspective(2000px) rotateX(90deg);-webkit-transform:perspective(2000px) rotateX(90deg);transform:perspective(2000px) rotateX(90deg)}
#main .mainProducer .producerList>li .cont .cube:hover>div .over{-moz-transform:perspective(2000px) rotateX(0deg);-webkit-transform:perspective(2000px) rotateX(0deg);transform:perspective(2000px) rotateX(0deg)}

#main .mainProducer .producerList li .cont li div a{display:inline-block;position:relative;width:64px;margin:0 1px;padding:64px 0 0;vertical-align:top;text-align:center;font-size:13px;color:#f1f0ef;line-height:15px;font-family:'Nanum Gothic Bold'}
#main .mainProducer .producerList li .cont li div a span{position:absolute;top:0;left:2px;overflow:hidden;width:60px;height:60px}
#main .mainProducer .producerList li .cont li div a span.circle{z-index:1;border-radius:100px;opacity:0.7;background:black;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s;-moz-transform:scale(0.9);-webkit-transform:scale(0.9);transform:scale(0.9)}
#main .mainProducer .producerList li .cont li div a span.ieB{z-index:1;background:url(../imgs/main/producer_circle.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.newsButton span.img{z-index:2;background:url(../imgs/main/producer_button1.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.productButton span.img{z-index:2;background:url(../imgs/main/producer_button2.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a.videoButton span.img{z-index:2;background:url(../imgs/main/producer_button3.png) 0 0 no-repeat}
#main .mainProducer .producerList li .cont li div a:hover span.circle{opacity:1;background:#faa419;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
#main .mainProducer .producerList li .cont li div a:hover span.ieB{background-position:0 -70px}
*/
#main .mainProducer .producerList li.first{background:none}
#main .mainProducer .producerList li.first .tab{margin:0 18px}
#main .mainProducer .producerList li.active .tab{color:#e13d3d}
#main .mainProducer .producerList li.active .tab:hover{border-bottom:1px solid #e13d3d}

#main .mainBanner{position:relative;clear:both;width:1000px;margin:0 auto 40px}
#main .mainBanner div{width:1920px;margin:0 0 0 -460px;text-align:center}
#main .mainBanner div a,
#main .mainBanner div img{vertical-align:top}

#main .mainBanners{position:relative;clear:both;overflow:hidden;width:999px;height:299px;margin:0 auto 40px;padding:1px 0 0 1px;background:url(../imgs/main/banners_bg.gif) 0 0 no-repeat}
#main .mainBanners:after{content:"";display:block;clear:both}
#main .mainBanners a,
#main .mainBanners img{float:left;width:332px;height:298px;margin:0 1px 1px 0}
#main .mainBanners a img{margin:0}

#main .mainRecommend{position:relative;clear:both;width:1000px;height:625px;margin:0 auto 70px}
#main .mainRecommend:after{content:"";display:block;clear:both}
#main .mainRecommend h2{height:45px;margin:0 0 20px;text-align:center;font-size:27px;color:#222121;line-height:45px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/title_bg1.gif) 0 19px repeat-x}
#main .mainRecommend h2 strong{display:inline-block;height:45px;padding:0 17px;vertical-align:top;background:white}
#main .mainRecommend .banner{position:relative;z-index:2;float:left;overflow:hidden;width:418px;height:558px;border:1px solid #d9d9d9;background:white}
#main .mainRecommend .banner a,
#main .mainRecommend .banner img{display:block;width:418px;height:558px}
#main .mainRecommend .products{position:absolute;bottom:0;right:0;z-index:1;width:582px;height:560px}
#main .mainRecommend .products .prev{display:none;position:absolute;top:50%;left:31px;z-index:3;overflow:hidden;width:30px;height:34px;margin:-17px 0 0;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/recommend_prev.png) center center no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainRecommend .products .next{display:none;position:absolute;top:50%;right:31px;z-index:3;overflow:hidden;width:30px;height:34px;margin:-17px 0 0;padding:0;opacity:0;filter:alpha(opacity=0);text-indent:-9999px;outline:none;border:none;background:white url(../imgs/main/recommend_next.png) center center no-repeat;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainRecommend .products.buttonShow .prev{left:1px;opacity:1;filter:alpha(opacity=100)}
#main .mainRecommend .products.buttonShow .next{right:1px;opacity:1;filter:alpha(opacity=100)}
#main .mainRecommend .products ul{position:absolute;bottom:0;right:0;z-index:1;overflow:hidden;width:580px;height:558px;border:1px solid #d9d9d9}
#main .mainRecommend .products li{display:none;position:absolute;width:289px;height:279px;border:1px solid #d9d9d9;background:white}
#main .mainRecommend .products li a{display:block;width:289px;height:267px;padding:7px 0 0}
#main .mainRecommend .products li a .img{display:block;width:170px;height:170px;margin:0 auto 13px}
#main .mainRecommend .products li a .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainRecommend .products li a .summary{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px 2px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainRecommend .products li a .market{display:block;overflow:hidden;height:22px;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:16px;color:#a9aaad;line-height:22px;text-decoration:line-through;font-family:'Nanum Gothic Bold'}
#main .mainRecommend .products li a .price{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#494a47;line-height:26px}
#main .mainRecommend .products li a .price strong{vertical-align:-1px;font-size:22px;font-family:'Nanum Gothic exBold'}
#main .mainRecommend .products li a .zone{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#7a7a79;line-height:18px;font-family:'Nanum Gothic Bold'}

#main .mainBest{position:relative;clear:both;width:1000px;height:641px;margin:0 auto 50px;background:url(../imgs/main/best_bg.gif) 0 61px no-repeat}
#main .mainBest h2{height:45px;margin:0 0 17px;text-align:center;font-size:27px;color:#222121;line-height:45px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/title_bg1.gif) 0 19px repeat-x}
#main .mainBest h2 strong{display:inline-block;height:45px;padding:0 17px;vertical-align:top;background:white}
#main .mainBest .banner{position:relative;z-index:2;overflow:hidden;width:540px;height:578px;margin:0 auto}
#main .mainBest .banner a,
#main .mainBest .banner img{display:block;width:540px;height:578px}
#main .mainBest .products li{display:none;position:absolute;width:228px;height:289px}
#main .mainBest .products li a{display:block;width:228px;height:277px;padding:7px 0 0}
#main .mainBest .products li a .img{display:block;width:180px;height:180px;margin:0 auto 13px}
#main .mainBest .products li a .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainBest .products li a .summary{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px 2px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:18px}
#main .mainBest .products li a .price{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#494a47;line-height:26px}
#main .mainBest .products li a .price strong{vertical-align:-1px;font-size:22px;font-family:'Nanum Gothic exBold'}
#main .mainBest .products li a .zone{position:absolute;bottom:21px;left:10px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:208px;white-space:nowrap;text-align:center;font-size:12px;color:#7a7a79;line-height:18px;font-family:'Nanum Gothic Bold'}
#main .mainBest .products li a .market{display:block;overflow:hidden;height:22px;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:13px;color:#7b7b7b;line-height:22px;text-decoration:line-through}
#main .mainBest .products li.item1{display:block;top:62px;left:1px}
#main .mainBest .products li.item2{display:block;top:62px;right:1px}
#main .mainBest .products li.item3{display:block;top:352px;left:1px}
#main .mainBest .products li.item4{display:block;top:352px;right:1px}

#main .mainVideo{position:relative;left:50%;float:left;width:485px;height:376px;margin:0 0 50px -500px}
#main .mainVideo h2{height:46px;font-size:22px;color:#222121;line-height:44px;font-family:'Nanum Gothic Bold'}
#main .mainVideo h2 img{position:relative;top:10px;vertical-align:top}
#main .mainVideo .videoArea{width:483px;height:328px;border:1px solid #e9e9e9}
#main .mainVideo .more{position:absolute;top:17px;right:0;padding:0 13px 0 0;font-size:13px;color:#626262;line-height:17px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/more.png) right center no-repeat}

#main .mainReview{position:relative;right:50%;float:right;overflow:hidden;width:490px;height:376px;margin:0 -500px 50px 0}
#main .mainReview h2{height:46px;font-size:22px;color:#222121;line-height:44px;font-family:'Nanum Gothic Bold'}
#main .mainReview .indicator{position:absolute;top:15px;right:0}
#main .mainReview .indicator li{float:left;width:14px;height:14px;margin:0 0 0 6px}
#main .mainReview .indicator li button{float:left;overflow:hidden;width:14px;height:14px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/main/review_indicator.png) 0 0 no-repeat}
#main .mainReview .indicator li.active button{background-position:0 -24px}
#main .mainReview .reviewList{position:relative;overflow:hidden;width:488px;height:327px;border:1px solid #e9e9e9;background:#f5f5f5}
#main .mainReview .reviewList ul{position:absolute;top:0;left:0;width:2450px;height:327px;margin:0 0 0 -1px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#main .mainReview .reviewList ul li{position:relative;float:left;width:206px;height:307px;padding:20px 19px 0;line-height:18px;border-left:1px solid #e9e9e9}
#main .mainReview .reviewList ul li a{display:block;width:200px;height:200px;margin:0 auto 11px}
#main .mainReview .reviewList ul li .img{display:block;width:200px;height:200px}
#main .mainReview .reviewList ul li .name{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:12px;color:#555;font-family:'Nanum Gothic Bold'}
#main .mainReview .reviewList ul li .title{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 0 8px;white-space:nowrap;text-align:center;font-size:12px;color:#7b7b7b}
#main .mainReview .reviewList ul li .point{display:block;margin:0 0 8px;padding:0 0 8px;text-align:center;border-bottom:1px dotted #cfcfcf}
#main .mainReview .reviewList ul li .point img{vertical-align:top}
#main .mainReview .reviewList ul li .author,
#main .mainReview .reviewList ul li .date{float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:103px;height:16px;white-space:nowrap;text-align:center;font-size:12px;color:#7b7b7b;line-height:14px}
#main .mainReview .reviewList ul li .date{width:102px;border-left:1px dotted #cfcfcf}

#main .mainCustomer{clear:both;width:998px;height:177px;margin:0 auto 40px;padding:20px 0;border:1px solid #e4e4e4}
#main .mainCustomer .notice{position:relative;float:left;width:272px;height:165px;margin:0 0 0 29px;padding:12px 0 0}
#main .mainCustomer .notice h3{margin:0 0 12px;font-size:18px;color:#595959;line-height:22px;font-family:'Nanum Gothic Bold'}
#main .mainCustomer .notice ul{overflow:hidden;width:268px;height:100px}
#main .mainCustomer .notice ul li{width:100%;line-height:25px}
#main .mainCustomer .notice ul li:after{content:"";display:block;clear:both}
#main .mainCustomer .notice ul li a{float:left;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;max-width:261px;padding:0 0 0 7px;white-space:nowrap;font-size:13px;color:#555;line-height:25px;background:url(../imgs/main/news_dot.gif) 0 11px no-repeat}
#main .mainCustomer .notice .more{position:absolute;bottom:-1px;right:0;padding:0 13px 0 0;font-size:13px;color:#626262;line-height:17px;font-family:'Nanum Gothic Bold';background:url(../imgs/main/more.png) right center no-repeat}
#main .mainCustomer .info{float:left;width:273px;height:165px;margin:0 0 0 30px;padding:12px 0 0 29px;font-size:13px;color:#595959;line-height:25px;border-left:1px solid #e9e9e9}
#main .mainCustomer .info h3{margin:0 0 8px;font-size:18px;color:#595959;line-height:22px;font-family:'Nanum Gothic Bold'}
#main .mainCustomer .info p{padding:0 0 4px}
#main .mainCustomer .info p strong{display:block;margin:0 0 8px -3px;white-space:nowrap;font-size:35px;color:#5c544d;line-height:50px}
#main .mainCustomer .menu{float:left;width:288px;height:150px;margin:0 0 0 30px;padding:27px 17px 0;border-left:1px solid #e9e9e9}
#main .mainCustomer .menu ul{width:100%}
#main .mainCustomer .menu ul:after{content:"";display:block;clear:both}
#main .mainCustomer .menu ul li{float:left;width:96px}
#main .mainCustomer .menu ul li a{display:block;text-align:center;font-size:13px;color:#77726e;line-height:16px;font-family:'Nanum Gothic Bold'}
#main .mainCustomer .menu ul li img{display:block;margin:0 auto 14px}

#bestReview{position:relative;overflow:hidden;width:323px;height:194px}
#bestReview h1{height:30px;margin:0;padding:0;font-size:14px;color:#222121;line-height:30px;font-family:'Nanum Gothic Bold'}
#bestReview h1 img{display:block}
#bestReview .indicator{position:absolute;top:12px;right:17px}
#bestReview .indicator li{float:left;width:8px;height:8px;margin:0 0 0 4px}
#bestReview .indicator li button{float:left;overflow:hidden;width:8px;height:8px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/main/best_review_dot.gif) 0 0 no-repeat}
#bestReview .indicator li.active button{background-position:0 -18px}
#bestReview .reviewList{position:relative;overflow:hidden;width:323px;height:164px}
#bestReview .reviewList ul{position:absolute;top:0;left:0;width:1660px;height:164px;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}
#bestReview .reviewList ul li{position:relative;float:left;width:166px;height:164px;line-height:18px}
#bestReview .reviewList ul li a{display:block;width:155px;height:146px;padding:16px 0 0;border:1px solid #d4d4d4}
#bestReview .reviewList ul li .img{display:block;width:95px;height:95px;margin:0 auto 5px}
#bestReview .reviewList ul li .rName{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#686868}
#bestReview .reviewList ul li .rPrice{display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin:0 10px;white-space:nowrap;text-align:center;font-size:12px;color:#ea0606}

.visual{position:relative; width:100%; height:436px; z-index:0;overflow:hidden}
.visual_view{position:relative; width:100%; height:391px;}
.visual_view > div{display:none; position:absolute; top:0; left:50%; z-index:1;}
.visual_view > div.on{display:block; z-index:3}
.visual_view > div .slin{position:relative; width:100%; height:391px}
.visual_view > div .slin img{position:absolute; top:0; left:50%; margin-left:-950px ;z-index:3}
.visual_view > div .slin a{display:block; position:absolute; left:50%;  width:1000px; height:391px; margin-left:-500px}

.visual_control{position:absolute; left:50%; bottom:0; width:1000px; height:44px; margin-left:-500px; z-index:3;border-bottom:solid 1px #d4d4d4}
.visual_control .thumb{width:100%; text-align:center}
.visual_control .thumb a{/*float:left; display:block;*/ position:relative;line-height:44px;padding:0 18px 0 20px;border-left:solid 1px #d5d5d5}
.visual_control .thumb a:first-child{border-left:none 0}
.visual_control .thumb a span{display:none; position:absolute; top:-21px; .top:-3px; left:-3px; width:156px; height:59px; background:url(../img/main/thum_on.png)}
.visual_control .thumb a.on {color:#e13d3d;font-weight:bold;}
.visual_control .arrows{position:relative; width:100%}
.visual_control .arrows a{position:absolute; top:-290px}
.visual_control .arrows > a.prev{left:-61px}
.visual_control .arrows > a.next{right:-61px}

.issue_brand {width:1000px;margin:36px auto 0}
.issue_brand h2 {margin-bottom:11px;}
.issue_brand .floor_one {border:solid 1px #dbdbdb;border-left:none 0;}
.issue_brand .floor_one li {border-left:solid 1px #dbdbdb;}

/* custom */
#container{width:100%;padding-bottom:0 !important}
#contents100{margin:0}

.main-visual{position:relative;clear:both}
.main-visual .prev{display:none;position:absolute;top:50%;right:50%;z-index:300;width:50%;max-width:741px;height:0;margin:-15px 0 0;opacity:0;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}
.main-visual .prev button{float:left;overflow:hidden;width:77px;height:30px;margin:0 0 0 -10px;text-indent:-9999px;background:url(../imgs/global/prev2.png) center center no-repeat}
.main-visual .next{display:none;position:absolute;top:50%;left:50%;z-index:300;width:50%;max-width:741px;height:0;margin:-15px 0 0;opacity:0;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}
.main-visual .next button{float:right;overflow:hidden;width:77px;height:30px;margin:0 -10px 0 0;text-indent:-9999px;background:url(../imgs/global/next2.png) center center no-repeat}
.main-visual .prev button:hover,
.main-visual .next button:hover{animation-duration:0.4s;animation-name:prevnexthover}
.main-visual .stage{position:relative;z-index:1;overflow:hidden}
.main-visual .stage .item{visibility:hidden;position:absolute;top:0;left:0;overflow:hidden;width:100%;text-align:center}
.main-visual .stage .item .cont{position:relative;left:50%;width:1920px;margin:0 0 0 -960px}
.main-visual .stage .item .cont a,
.main-visual .stage .item .cont img{display:inline-block;max-width:1920px;vertical-align:top}
.main-visual .indicator{position:absolute;bottom:40px;left:0;z-index:2;width:100%;text-align:center}
.main-visual .indicator li{display:inline-block;width:12px;height:12px;margin:0 4px;vertical-align:top;line-height:12px}
.main-visual .indicator li button{position:relative;width:12px;height:12px;text-indent:-9999px;background:url(../imgs/global/indicator1.png) 0 0 no-repeat}
.main-visual .indicator li.active button{background-position:0 -22px}
.main-visual:hover .prev,
.main-visual:hover .next{opacity:1}

.main-product{clear:both;margin:100px 0 0;padding:0 0 20px}
.main-product h2{margin:0 0 54px;text-align:center;font-size:40px;color:#333;line-height:56px;letter-spacing:-0.015em;font-family:'libbyregular';text-transform:uppercase}
.main-product .control{position:relative;z-index:300;max-width:1244px;margin:0 auto}
.main-product .control .prev{display:none;position:absolute;top:180px;left:-10px;overflow:hidden;width:77px;height:30px;text-indent:-9999px;background:url(../imgs/global/prev1.png) center center no-repeat}
.main-product .control .next{display:none;position:absolute;top:180px;right:-10px;overflow:hidden;width:77px;height:30px;text-indent:-9999px;background:url(../imgs/global/next1.png) center center no-repeat}
.main-product .control .prev:hover,
.main-product .control .next:hover{animation-duration:0.4s;animation-name:prevnexthover}
.main-product .stage{position:relative;z-index:1;overflow:hidden;width:1200px;margin:0 auto}
.main-product .stage .product-list{position:relative;overflow:hidden;width:1230px;height:535px;margin:0 -15px}
.main-product .stage .product-list:before{content:"";position:absolute;top:0;left:0;z-index:3;width:15px;height:100%;background:white}
.main-product .stage .product-list:after{content:"";position:absolute;top:0;right:0;z-index:3;width:15px;height:100%;background:white}
.main-product .stage .product-list .item{visibility:hidden;position:absolute;top:0;left:0;z-index:1;width:380px;height:535px;border-left:15px solid transparent;border-right:15px solid transparent}
.main-product .stage .product-list .item a{display:block;text-align:center}
.main-product .stage .product-list .item a .img{display:block;width:380px;height:380px;margin:0 0 11px}
.main-product .stage .product-list .item a .title{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:18px;color:#444;line-height:23px;font-weight:300}
.main-product .stage .product-list .item a .pricewrap{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;letter-spacing:-0.015em}
.main-product .stage .product-list .item a .pricewrap .sale{display:inline-block;margin:0 2px;vertical-align:top;font-size:18px;color:red;line-height:23px;font-weight:400}
.main-product .stage .product-list .item a .pricewrap .price{display:inline-block;margin:0 2px;vertical-align:top;font-size:21px;color:#333;line-height:23px;font-weight:500}
.main-product .stage .product-list .item a .pricewrap .marketprice{display:inline-block;position:relative;padding:0 2px;vertical-align:top;font-size:16px;color:#999;line-height:24px;font-weight:300;text-decoration:none}
.main-product .stage .product-list .item a .pricewrap .marketprice:after{content:"";position:absolute;top:14px;left:0;width:100%;height:1px;background:#909090}
.main-product .stage .product-list .item a .etc{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:15px;color:#666;line-height:20px;font-weight:300}
.main-product .stage .product-list .item a .etc span{display:inline-block;position:relative;margin:0 0 0 4px;padding:0 0 0 8px;vertical-align:top}
.main-product .stage .product-list .item a .etc span:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#ccc}
.main-product .stage .product-list .item a .etc .star{position:relative;z-index:2;width:95px;height:20px;margin:0 -6px 0 0;padding:0}
.main-product .stage .product-list .item a .etc .star:before{left:96px;width:3px;background:white}
.main-product .stage .product-list .item a .etc .star:after{content:"";position:absolute;top:0;left:0;width:95px;height:20px;background:url(../imgs/goods/list_star.png) 0 0 no-repeat}
.main-product .stage .product-list .item a .etc .star span{float:left;width:0;height:20px;margin:0;padding:0;-moz-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;background:#474843}
.main-product .stage .product-list .item a .etc .star span:before{display:none}
.main-product .stage .product-list .item a .etc .star.active{background:#c8c8c8}
.main-product .stage .product-list .item a .icons{display:inline-block;padding:12px 0 0;vertical-align:top}
.main-product .stage .product-list .item a .icons:after{content:"";display:block;clear:both}
.main-product .stage .product-list .item a .icons img{float:left;height:24px;margin:5px 2px 0 3px}
.main-product .indicator{text-align:center}
.main-product .indicator li{display:inline-block;width:10px;height:10px;margin:43px 3px 0 4px;vertical-align:top;line-height:10px}
.main-product .indicator li button{position:relative;width:10px;height:10px;text-indent:-9999px;background:url(../imgs/global/indicator2.png) 0 0 no-repeat}
.main-product .indicator li.active button{background-position:0 -20px}

.main-rawquest{position:relative;z-index:2;clear:both;overflow:hidden;margin:100px 0 0}
.main-rawquest h2{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:50%;width:962px;height:100%;margin:0 0 0 -481px}
.main-rawquest h2 strong{float:left;clear:both;overflow:hidden;width:276px;height:40px;margin:26px 0;text-indent:-9999px;background:url(../imgs/main/logo.png) center center no-repeat}
.main-rawquest h2 span{float:left;clear:both;width:100%;margin:24px 0;word-wrap:break-word;font-size:18px;color:white;line-height:30px;font-weight:400;letter-spacing:-0.015em}
.main-rawquest h2 a{float:left;clear:both;width:198px;margin:24px 0;padding:14px 0;text-align:center;font-size:15px;color:white;line-height:20px;font-weight:500;border:1px solid white}
.main-rawquest a,
.main-rawquest img{display:block;margin:0 auto}

.main-brand{position:relative;z-index:1;clear:both;width:1200px;margin:100px auto 0;padding:120px 0 115px}
.main-brand:after{content:"";display:block;clear:both}
.main-brand h2{position:relative;z-index:3;float:left;width:420px}
.main-brand h2:before{content:"";display:block;width:30px;height:30px;margin:0 0 37px;background:url(../imgs/main/brand_deco.png) 0 0 no-repeat}
.main-brand h2 strong{display:block;white-space:nowrap;margin:0 0 0 -2px;font-size:33px;color:white;line-height:43px;font-weight:normal;letter-spacing:-0.015em;font-family:'libbybold';text-transform:uppercase}
.main-brand h2 span{display:block;padding:9px 0 4px;word-wrap:break-word;font-size:20px;color:#bdbfc0;line-height:35px;font-weight:300;letter-spacing:-0.015em}
.main-brand h2 span:empty{display:none}
.main-brand h2 a{display:block;position:relative;width:205px;margin:48px 0 0;padding:9px 0 13px;font-size:17px;color:#fcfeff;line-height:21px;font-weight:400;letter-spacing:-0.015em}
.main-brand h2 a:before{content:"";position:absolute;top:16px;right:14px;z-index:2;width:90px;height:8px;background:url(../imgs/main/brand_arrow.png) center center no-repeat}
.main-brand h2 a:after{content:"";position:absolute;top:0;right:0;z-index:1;width:43px;height:43px;border-radius:100%;background:#948b86}
.main-brand h2 a:hover:before{animation-duration:0.4s;animation-name:brandhover}
.main-brand .banner{position:absolute;bottom:0;left:50%;z-index:1;overflow:hidden;width:1920px;height:100%;margin:0 0 0 -960px}
.main-brand .banner div{position:absolute;bottom:0;left:0;width:100%;text-align:center}
.main-brand .banner div img{display:inline-block;vertical-align:top}
.main-brand .stage{position:relative;z-index:2;float:right;width:780px;height:380px}
.main-brand .stage .product-list{position:relative;overflow:hidden;width:780px;height:380px}
.main-brand .stage .product-list .item{visibility:hidden;position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:260px;height:380px}
.main-brand .stage .product-list .item a{display:block;height:380px;text-align:center}
.main-brand .stage .product-list .item img{display:block;width:380px;height:380px;margin:0 -60px}
.main-brand .indicator{position:absolute;bottom:80px;right:0;z-index:2;width:780px;padding:0 147px 0 146px;box-sizing:border-box}
.main-brand .indicator li{display:inline-block;width:10px;height:10px;margin:0 3px 0 4px;vertical-align:top;line-height:10px}
.main-brand .indicator li button{position:relative;width:10px;height:10px;text-indent:-9999px;background:url(../imgs/global/indicator3.png) 0 0 no-repeat}
.main-brand .indicator li.active button{background-position:0 -20px}
.main-rawquest+.main-brand{margin-top:-504px;padding-top:624px}

.main-event{position:relative;width:1200px;margin:100px auto 0}
.main-event h2{padding:20px 0 17px;text-align:center;font-size:40px;color:#333;line-height:56px;letter-spacing:-0.015em;font-family:'libbyregular';text-transform:uppercase}
.main-event .more{position:absolute;top:23px;right:0;overflow:hidden;width:37px;height:37px;text-indent:-9999px}
.main-event .more:before{content:"";position:absolute;top:0;left:18px;width:1px;height:100%;box-sizing:border-box;border-top:0px solid white;border-bottom:0px solid white;background:#525252}
.main-event .more:after{content:"";position:absolute;top:18px;left:0;width:100%;height:1px;box-sizing:border-box;border-left:0px solid white;border-right:0px solid white;background:#525252}
.main-event .more:hover:before{animation-duration:0.4s;animation-name:moreverticalhover}
.main-event .more:hover:after{animation-duration:0.4s;animation-name:morehorizontalhover}

.main-event ul{margin:0 -20px}
.main-event ul:after{content:"";display:block;clear:both}
.main-event ul li{float:left;width:50%;box-sizing:border-box;border:20px solid transparent}
.main-event ul li:nth-child(odd){clear:both}
.main-event ul li a,
.main-event ul li img{display:block;width:100%;height:280px;}

.main-tab-product{clear:both;margin:100px 0 0;padding:0 0 20px}
html[lang=en] .main-tab-product,
html[lang=cn] .main-tab-product{margin-top:0;padding-bottom:0;}
.main-tab-product h2{margin:0 0 25px;text-align:center;font-size:40px;color:#333;line-height:56px;letter-spacing:-0.015em;font-family:'libbyregular';text-transform:uppercase}
.main-tab-product h2 span{font-family:'Noto Sans KR',sans-serif;font-size:45px}
.main-tab-product .tabs{position:relative;width:1200px;height:44px;margin:0 auto;padding:0 0 625px;text-align:center}
.main-tab-product .tabs>.item{display:inline;vertical-align:top}
.main-tab-product .tabs>.item .tabbutton{display:inline-block;position:relative;margin:0 16px;padding:3px 5px;vertical-align:top;font-size:18px;color:#666;line-height:23px;font-weight:300}
.main-tab-product .tabs>.item .tabcont{position:absolute;top:44px;left:0;z-index:1;width:1200px;opacity:0;-moz-transition:opacity 0.6s;-webkit-transition:opacity 0.6s;transition:opacity 0.6s}
.main-tab-product .tabs>.item.active .tabbutton{color:black;font-weight:400}
.main-tab-product .tabs>.item.active .tabbutton:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;box-sizing:border-box;border-left:5px solid white;border-right:5px solid white;background:#666}
.main-tab-product .tabs>.item.active .tabcont{z-index:2;opacity:1}
/*
.main-tab-product .control .prev{display:none;position:absolute;top:302px;left:50%;z-index:300;overflow:hidden;width:77px;height:30px;margin:0 0 0 -612px;text-indent:-9999px;background:url(../imgs/global/prev1.png) center center no-repeat}
.main-tab-product .control .next{display:none;position:absolute;top:302px;right:50%;z-index:300;overflow:hidden;width:77px;height:30px;margin:0 -612px 0 0;text-indent:-9999px;background:url(../imgs/global/next1.png) center center no-repeat}
.main-tab-product .control .prev:hover,
.main-tab-product .control .next:hover{animation-duration:0.4s;animation-name:prevnexthover}
.main-tab-product .stage{position:relative;z-index:1;overflow:hidden;width:1090px;margin:0 auto}
.main-tab-product .stage .product-list{position:relative;overflow:hidden;width:1092px;height:581px;margin:0 -1px}
.main-tab-product .stage .product-list:before{content:"";position:absolute;top:0;left:0;z-index:3;width:1px;height:100%;background:white}
.main-tab-product .stage .product-list:after{content:"";position:absolute;top:0;right:0;z-index:3;width:1px;height:100%;background:white}
.main-tab-product .stage .product-list .item{visibility:hidden;position:absolute;top:0;left:0;z-index:1;width:364px;height:581px}
.main-tab-product .stage .product-list .item a{display:block;overflow:hidden;text-align:center}
.main-tab-product .stage .product-list .item a .img{display:block;width:426px;height:426px;margin:0 -31px 11px}
.main-tab-product .stage .product-list .item a .title{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:18px;color:#444;line-height:23px;font-weight:300}
.main-tab-product .stage .product-list .item a .pricewrap{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;letter-spacing:-0.015em}
.main-tab-product .stage .product-list .item a .pricewrap .sale{display:inline-block;margin:0 2px;vertical-align:top;font-size:18px;color:red;line-height:23px;font-weight:400}
.main-tab-product .stage .product-list .item a .pricewrap .price{display:inline-block;margin:0 2px;vertical-align:top;font-size:21px;color:#333;line-height:23px;font-weight:500}
.main-tab-product .stage .product-list .item a .pricewrap .marketprice{display:inline-block;position:relative;padding:0 2px;vertical-align:top;font-size:16px;color:#999;line-height:24px;font-weight:300;text-decoration:none}
.main-tab-product .stage .product-list .item a .pricewrap .marketprice:after{content:"";position:absolute;top:14px;left:0;width:100%;height:1px;background:#909090}
.main-tab-product .stage .product-list .item a .etc{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:15px;color:#666;line-height:20px;font-weight:300}
.main-tab-product .stage .product-list .item a .etc span{display:inline-block;position:relative;margin:0 0 0 4px;padding:0 0 0 8px;vertical-align:top}
.main-tab-product .stage .product-list .item a .etc span:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#ccc}
.main-tab-product .stage .product-list .item a .etc .star{position:relative;z-index:2;width:95px;height:20px;margin:0 -6px 0 0;padding:0}
.main-tab-product .stage .product-list .item a .etc .star:before{left:96px;width:3px;background:white}
.main-tab-product .stage .product-list .item a .etc .star:after{content:"";position:absolute;top:0;left:0;width:95px;height:20px;background:url(../imgs/goods/list_star.png) 0 0 no-repeat}
.main-tab-product .stage .product-list .item a .etc .star span{float:left;width:0;height:20px;margin:0;padding:0;-moz-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;background:#474843}
.main-tab-product .stage .product-list .item a .etc .star span:before{display:none}
.main-tab-product .stage .product-list .item a .etc .star.active{background:#c8c8c8}
.main-tab-product .stage .product-list .item a .icons{display:inline-block;padding:12px 0 0;vertical-align:top}
.main-tab-product .stage .product-list .item a .icons:after{content:"";display:block;clear:both}
.main-tab-product .stage .product-list .item a .icons img{float:left;height:24px;margin:5px 2px 0 3px}
.main-tab-product .indicator{text-align:center}
.main-tab-product .indicator li{display:inline-block;width:10px;height:10px;margin:34px 3px 0 4px;vertical-align:top;line-height:10px}
.main-tab-product .indicator li button{position:relative;width:10px;height:10px;text-indent:-9999px;background:url(../imgs/global/indicator2.png) 0 0 no-repeat}
.main-tab-product .indicator li.active button{background-position:0 -20px}
*/
.main-tab-product .control{position:relative;z-index:300;max-width:1244px;margin:0 auto}
.main-tab-product .control .prev{display:none;position:absolute;top:180px;left:-10px;overflow:hidden;width:77px;height:30px;text-indent:-9999px;background:url(../imgs/global/prev1.png) center center no-repeat}
.main-tab-product .control .next{display:none;position:absolute;top:180px;right:-10px;overflow:hidden;width:77px;height:30px;text-indent:-9999px;background:url(../imgs/global/next1.png) center center no-repeat}
.main-tab-product .control .prev:hover,
.main-tab-product .control .next:hover{animation-duration:0.4s;animation-name:prevnexthover}
.main-tab-product .stage{position:relative;z-index:1;overflow:hidden;width:1200px;margin:0 auto}
.main-tab-product .stage .product-list{position:relative;overflow:hidden;width:1230px;height:535px;margin:0 -15px}
.main-tab-product .stage .product-list:before{content:"";position:absolute;top:0;left:0;z-index:3;width:15px;height:100%;background:white}
.main-tab-product .stage .product-list:after{content:"";position:absolute;top:0;right:0;z-index:3;width:15px;height:100%;background:white}
.main-tab-product .stage .product-list .item{visibility:hidden;position:absolute;top:0;left:0;z-index:1;width:380px;height:535px;border-left:15px solid transparent;border-right:15px solid transparent}
.main-tab-product .stage .product-list .item a{display:block;text-align:center}
.main-tab-product .stage .product-list .item a .img{display:block;width:380px;height:380px;margin:0 0 11px}
.main-tab-product .stage .product-list .item a .title{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:18px;color:#444;line-height:23px;font-weight:300}
.main-tab-product .stage .product-list .item a .pricewrap{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;letter-spacing:-0.015em}
.main-tab-product .stage .product-list .item a .pricewrap .sale{display:inline-block;margin:0 2px;vertical-align:top;font-size:18px;color:red;line-height:23px;font-weight:400}
.main-tab-product .stage .product-list .item a .pricewrap .price{display:inline-block;margin:0 2px;vertical-align:top;font-size:21px;color:#333;line-height:23px;font-weight:500}
.main-tab-product .stage .product-list .item a .pricewrap .marketprice{display:inline-block;position:relative;padding:0 2px;vertical-align:top;font-size:16px;color:#999;line-height:24px;font-weight:300;text-decoration:none}
.main-tab-product .stage .product-list .item a .pricewrap .marketprice:after{content:"";position:absolute;top:14px;left:0;width:100%;height:1px;background:#909090}
.main-tab-product .stage .product-list .item a .etc{display:block;text-overflow:ellipsis;overflow:hidden;padding:12px 0 0;white-space:nowrap;text-align:center;font-size:15px;color:#666;line-height:20px;font-weight:300}
.main-tab-product .stage .product-list .item a .etc span{display:inline-block;position:relative;margin:0 0 0 4px;padding:0 0 0 8px;vertical-align:top}
.main-tab-product .stage .product-list .item a .etc span:before{content:"";position:absolute;top:4px;left:0;width:1px;height:12px;background:#ccc}
.main-tab-product .stage .product-list .item a .etc .star{position:relative;z-index:2;width:95px;height:20px;margin:0 -6px 0 0;padding:0}
.main-tab-product .stage .product-list .item a .etc .star:before{left:96px;width:3px;background:white}
.main-tab-product .stage .product-list .item a .etc .star:after{content:"";position:absolute;top:0;left:0;width:95px;height:20px;background:url(../imgs/goods/list_star.png) 0 0 no-repeat}
.main-tab-product .stage .product-list .item a .etc .star span{float:left;width:0;height:20px;margin:0;padding:0;-moz-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;background:#474843}
.main-tab-product .stage .product-list .item a .etc .star span:before{display:none}
.main-tab-product .stage .product-list .item a .etc .star.active{background:#c8c8c8}
.main-tab-product .stage .product-list .item a .icons{display:inline-block;padding:12px 0 0;vertical-align:top}
.main-tab-product .stage .product-list .item a .icons:after{content:"";display:block;clear:both}
.main-tab-product .stage .product-list .item a .icons img{float:left;height:24px;margin:5px 2px 0 3px}
.main-tab-product .indicator{text-align:center}
.main-tab-product .indicator li{display:inline-block;width:10px;height:10px;margin:43px 3px 0 4px;vertical-align:top;line-height:10px}
.main-tab-product .indicator li button{position:relative;width:10px;height:10px;text-indent:-9999px;background:url(../imgs/global/indicator2.png) 0 0 no-repeat}
.main-tab-product .indicator li.active button{background-position:0 -20px}

.main-instagram{clear:both;margin:100px 0 0;padding:92px 0 120px;background:#e9e9e9}
html[lang=en] .main-instagram,
html[lang=cn] .main-instagram{margin-top:0;}
.main-instagram h2{text-align:center;font-size:38px;color:#333;line-height:54px;letter-spacing:-0.015em;font-family:'libbyregular';text-transform:uppercase}
.main-instagram .summary{padding:0 0 16px;text-align:center;font-size:18px;color:#666;line-height:23px;font-weight:300;letter-spacing:-0.015em}
.main-instagram .list{width:1200px;margin:0 auto;padding:28px 0 0}
.main-instagram .list:after{content:"";display:block;clear:both}
.main-instagram .list .item{position:relative;overflow:hidden;float:left;width:400px;height:400px}
.main-instagram .list .item img{display:block;width:400px;height:400px;-moz-transition:-moz-transform 0.6s;-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-moz-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);object-fit:cover;}
.main-instagram .list .item:hover img{-moz-transition:-moz-transform 4s;-webkit-transition:-webkit-transform 4s;transition:transform 4s;-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)}

@keyframes prevnexthover{
	0%{width:77px}
	50%{width:92px}
	100%{width:77px}
}
@keyframes brandhover{
	0%{width:90px}
	50%{width:105px}
	100%{width:90px}
}
@keyframes moreverticalhover{
	0%{border-top:0px solid white;border-bottom:0px solid white}
	50%{border-top:5px solid white;border-bottom:5px solid white}
	100%{border-top:0px solid white;border-bottom:0px solid white}
}
@keyframes morehorizontalhover{
	0%{border-left:0px solid white;border-right:0px solid white}
	50%{border-left:5px solid white;border-right:5px solid white}
	100%{border-left:0px solid white;border-right:0px solid white}
}