@charset "utf-8";

#wrap{background:white}

#theamall{overflow:hidden;margin:0 0 -30px}
#theamall:after{content:"";display:block;clear:both}
#theamall h3{position:relative;height:23px;margin:0 20px;text-align:left;font-size:25px;color:#111;line-height:22px;font-weight:500}
#theamall h3 .more-button{position:absolute;top:-1px;right:-4px;overflow:hidden;width:24px;height:24px;text-indent:-9999px}
#theamall h3 .more-button:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:black}
#theamall h3 .more-button:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:black}

#brandmain{overflow:hidden;margin:0 0 -30px}
#brandmain:after{content:"";display:block;clear:both}
#brandmain h3{position:relative;height:23px;margin:0 20px;text-align:left;font-size:25px;color:#111;line-height:22px;font-weight:500}
#brandmain h3 .more-button{position:absolute;top:-1px;right:-4px;overflow:hidden;width:24px;height:24px;text-indent:-9999px}
#brandmain h3 .more-button:before{content:"";position:absolute;top:50%;left:50%;width:16px;height:2px;margin:-1px 0 0 -8px;background:black}
#brandmain h3 .more-button:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:16px;margin:-8px 0 0 -1px;background:black}
#brandmain>div:first-child{margin-top:0 !important;padding-top:0 !important}

#markandlona{position:relative;z-index:2;overflow:hidden;margin:0 0 -30px}
#markandlona:after{content:"";display:block;clear:both}
#markandlona>div:first-child{margin-top:0 !important;padding-top:0 !important}
#markandlona h3{height:19px;margin:0 20px;text-align:left;font-size:25px;color:black;line-height:18px;font-weight:400}

#horngarment{position:relative;z-index:2;overflow:hidden;margin:0 0 -30px}
#horngarment:after{content:"";display:block;clear:both}
#horngarment>div:first-child{margin-top:0 !important;padding-top:0 !important}
#horngarment h3{margin-top:-4px;margin-bottom:17px;font-size:22px;color:black;line-height:1;font-weight:400}

#main-popup{display:flex;flex-direction:column;justify-content:center;position:fixed;top:50%;left:20px;z-index:-9999;width:calc(100% - 40px);max-height:calc(100% - 40px);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);background:black}
#main-popup .content{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-height:calc(100% - 40px)}
#main-popup .content .gaessamzieFlick .gaessamzieFlickStage .gaessamzieFlickItem img{display:block;width:100%}
#main-popup .content .gaessamzieFlick .gaessamzieFlickIndicator{position:absolute;bottom:60px;left:0;z-index:3;width:100%}
#main-popup .content .gaessamzieFlick .gaessamzieFlickIndicator li a{background:white}
#main-popup .content .gaessamzieFlick .gaessamzieFlickIndicator li.active a{background:black}
#main-popup .pop-bottom{position:relative;height:20px;padding:10px;text-align:left}
#main-popup .pop-bottom label{color:white}
#main-popup .pop-bottom .close{position:absolute;top:0;right:0;padding:10px 10px 11px;font-size:13px;color:white;line-height:19px} 

/* theamall main */
#container .main-visual{position:relative;float:left;clear:both;width:100%;margin-bottom:10px;}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem img{display:block;width:100%}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text{position:absolute;bottom:54px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text span{display:block;word-wrap:break-word;font-size:14px;color:white;line-height:18px;font-weight:300}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text span:empty{display:none}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text1{font-size:30px;line-height:35px;font-weight:500}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text2{font-size:17px;font-weight:300}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text3{font-size:15.5px;font-weight:300;letter-spacing: -0.7px;padding-top:3px;}
#container .main-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text1+span{padding:12px 0 0}
#container .main-visual .gaessamzieFlickPrev{position:absolute;top:45%;left:0;z-index:3;width:55px;height:10%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-indent:-9999px;background:url(../imgs/global/prev4.png) center center no-repeat;background-size:15px 28px}
#container .main-visual .gaessamzieFlickNext{position:absolute;top:45%;right:0;z-index:3;width:55px;height:10%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-indent:-9999px;background:url(../imgs/global/next4.png) center center no-repeat;background-size:15px 28px}
#container .main-visual .page{position:absolute;bottom:20px;right:20px;padding: 0 20px 0 0;border-radius: 14px;z-index:3;height:20px;padding:0 9px;font-size:12px;color:white;line-height:20px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif;background:rgba(0,0,0,0.2)}

.gaessamzieFlickStage .gaessamzieFlickItem {flex: 0 0 100%;max-width: 100%;position: relative;}
.brand-visual .gaessamzieFlickItem {aspect-ratio: 750 / 800;}

#container .brand-focus{float:left;clear:both;width:100%;margin:0 0 30px}
/*#container .brand-focus .swipe .list .item{height:80px;border-right:5px solid transparent}
#container .brand-focus .swipe .list .item:first-child{border-left:20px solid transparent}
#container .brand-focus .swipe .list .item:last-child{border-right:20px solid transparent}*/
#container .brand-focus .swipe .list .item img{display:block;height:80px}
#container .brand-focus .swipe .list .item .brand-title{box-sizing: border-box; display: -webkit-box; -webkit-box-orient:vertical; max-height:34px;font-size:12px;color: #555;line-height: 1;text-align: center;text-overflow: ellipsis;-webkit-line-clamp: 2;margin-top: 6px;display: block;word-break: keep-all;overflow-wrap: break-word;}

#container .brand-best{float:left;clear:both;width:100%;margin:30px 0}
#container .brand-best h3{padding:0 0 16px}
#container .brand-best .stage{position:relative;overflow:hidden;width:100%}
#container .brand-best .stage .core{position:absolute;top:0;left:9999px;z-index:1;overflow:hidden;width:100%}            
#container .brand-best .stage .core .item-list{position:relative;overflow:hidden;height:41px;margin:0 20px}
#container .brand-best .stage .core .item-list:before{content:"";position:absolute;bottom:0;left:0;z-index:10;width:100%;height:1px;background:white url(../imgs/global/global-line-b.gif) 0 -2px repeat-x;background-size:1px 5px}
#container .brand-best .stage .core .item-list:after{content:"";display:block;clear:both}
#container .brand-best .stage .core .item-list .item-button{position:relative;z-index:2;float:left;clear:both;text-overflow:ellipsis;overflow:hidden;width:100%;padding:10px 53px 11px 10px;box-sizing:border-box;white-space:nowrap;text-align:left;font-size:14px;color:#999;line-height:20px}
#container .brand-best .stage .core .item-list .item-button strong{display:inline-block;margin:0 10px 0 0;vertical-align:top;color:#666;font-weight:400}
#container .brand-best .stage .core .item-list .item-more{position:absolute;top:0;right:0;z-index:1;padding:10px 10px 11px;opacity:0;-moz-transition:opacity 0.4s;-webkit-transition:opacity 0.4s;transition:opacity 0.4s;font-size:12px;color:#666;line-height:20px}
#container .brand-best .stage .core .item-list .item-cont{clear:both;margin:0 -5px 0 0;padding:0}
#container .brand-best .stage .core .item-list .item-cont .list{margin:0 -1% 0 0}
#container .brand-best .stage .core .item-list .item-cont .list .item{clear:none;width:33%;margin:0 0 14px;border-left:none}
#container .brand-best .stage .core .item-list .item-cont .list .item a .img{margin:0 0 14px}
#container .brand-best .stage .core .item-list .item-cont .list .item a .text{min-height:61px}
#container .brand-best .stage .core .item-list .item-cont .list .item a .text .name{padding:0 0 13px}
#container .brand-best .stage .core .item-list .item-cont .list .item:nth-child(4n){clear:both}
#container .brand-best .stage .core .item-list.active .item-button{color:#601986}
#container .brand-best .stage .core .item-list.active .item-button strong{color:#601986;font-weight:700}
#container .brand-best .stage .core .item-list.active .item-more{z-index:3;opacity:1}
#container .brand-best .stage .core.active{z-index:3}
#container .brand-best .indicator{clear:both;text-align:center;font-size:0;line-height:0}
#container .brand-best .indicator li{display:inline-block;margin:24px 4px 0;vertical-align:top;line-height:0}
#container .brand-best .indicator li button{display:inline-block;overflow:hidden;width:7px;height:7px;vertical-align:top;text-indent:-9999px;border-radius:100%;background:#ccc}
#container .brand-best .indicator li.active button{background:black}

#container .single-banner{float:left;clear:both;width:100%;margin:30px 0}
#container .single-banner .gaessamzieFlickStage .gaessamzieFlickItem img{display:block;width:100%}

#container .hot-keyword{float:left;clear:both;width:100%;margin:30px 0}
#container .hot-keyword h3{padding:0 0 15px}
#container .hot-keyword .info{padding:10px 20px 11px;font-size:16px;color:black;line-height:22px}
#container .hot-keyword .fake{clear:both;margin:0 -2px 0 20px}
#container .hot-keyword .fake:after{content:"";display:block;clear:both}
#container .hot-keyword .fake li{float:left;margin:10px 22px 0 0}
#container .hot-keyword .fake li button{float:left;padding:2px 12px 4px;white-space:nowrap;font-size:14px;color:#666;line-height:19px;border-radius:25px;background:#eee}
#container .hot-keyword .fake li.active button{color:white;font-weight:700;background:#601986}
#container .hot-keyword .stage{position:relative;margin:0 0 0 20px;border-top:24px solid transparent}
#container .hot-keyword .stage .item-list{position:absolute;top:0;left:9999px;z-index:1;width:100%}
#container .hot-keyword .stage .item-list .item-button{display:none}
#container .hot-keyword .stage .item-list .item-cont{float:left;width:calc(100% - 20px);box-sizing:border-box;}
#container .hot-keyword .stage .item-list .item-cont:after{content:"";display:block;clear:both}
#container .hot-keyword .stage .item-list .item-cont .banner-item{min-height:69px;margin:0 0 -69px}
#container .hot-keyword .stage .item-list .item-cont .banner-item:last-child{min-height:0;margin:0}
#container .hot-keyword .stage .item-list .item-cont .banner-item img{display:block;overflow:hidden;width:100%;border-radius:6px;background-color:black}
#container .hot-keyword .stage .item-list .item-cont .product-item{position:relative;float:left;width:100%;min-height:99px;margin:0 0 -30px;box-sizing:border-box}
#container .hot-keyword .stage .item-list.active .item-cont{position:relative;z-index:2;}

#container .new-product{float:left;clear:both;overflow:hidden;width:100%;padding:15px 0}
#container .new-product .fake{clear:both;margin:20px -2px 0 20px}
#container .new-product .fake:after{content:"";display:block;clear:both}
#container .new-product .fake li{float:left;margin:10px 22px 0 0}
#container .new-product .fake li button{float:left;margin:-8px -5px -7px;padding:5px;white-space:nowrap;font-size:14px;color:#666;line-height:19px}
#container .new-product .fake li.active button{color:#601986;font-weight:700}
#container .new-product .stage{position:relative;width:100%;border-top:24px solid transparent}
#container .new-product .stage .item-list{position:absolute;top:0;left:9999px;z-index:1;width:100%}
#container .new-product .stage .item-list:after{content:"";display:block;clear:both}
#container .new-product .stage .item-list .item-button{display:none}
#container .new-product .stage .item-list .product-item{float:left;width:100%;margin:0 0 -30px;box-sizing:border-box}
#container .new-product .stage .item-list.active{z-index:3}
#container .new-product .horizonwrap{overflow:visible;margin:30px 0 0}
#container .new-product .horizonwrap .product-item{padding:0 0 100px}
#container .new-product .horizonwrap .product-item .list .item{float:none;width:162px;margin:0;box-sizing:content-box;border-left:none;border-right:10px solid transparent}
#container .new-product .horizonwrap .product-item .list .item a .text{height:81px}
#container .new-product .horizonwrap .product-item .list .item:first-child{border-left:20px solid transparent}
#container .new-product .horizonwrap .product-item .list .item:last-child{border-right:20px solid transparent}

#container .editor-pick{float:left;clear:both;width:100%;padding:15px 0}
#container .editor-pick .gaessamzieFlickStage{border-top:30px solid transparent}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item{position:relative;z-index:1;min-height:63px;margin:0 0 -63px;background-color:black}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:23px;border-radius:20px 0 0;background:white}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item:last-child{min-height:0;margin:0}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item img{display:block;width:100%}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text{position:absolute;bottom:91px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span{display:block;padding:2px 0;word-wrap:break-word;font-size:16px;color:white;line-height:21px;font-weight:500}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span:empty{display:none}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text2,
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text3{font-size:14px;line-height:20px;font-weight:300}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .product-item{position:relative;z-index:2;min-height:63px;padding:0 0 0 20px}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list{margin:0 -1% 0 0}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item{clear:none;width:33%;margin:0;border:none}
#container .editor-pick .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a .img{margin:0}
#container .editor-pick .gaessamzieFlickIndicator{display:flex;position:relative;height:2px;margin:24px 20px 0;background:#ededed}
#container .editor-pick .gaessamzieFlickIndicator li{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;height:2px;margin:0}
#container .editor-pick .gaessamzieFlickIndicator li a{display:none}
#container .editor-pick .gaessamzieFlickIndicator .bar{display:block;position:absolute;top:0;left:0;height:2px;background:#601986}

#container .a-picker{float:left;clear:both;width:100%;margin:30px 0}
#container .a-picker ul{padding:6px 15px 0}
#container .a-picker ul:before{content:"";float:right;width:50%;height:24px}
#container .a-picker ul:after{content:"";display:block;clear:both}
#container .a-picker ul li{float:left;width:50%;margin:24px 0 0;padding:0 5px;box-sizing:border-box}
#container .a-picker ul li a{float:left;width:100%}
#container .a-picker ul li .img{display:block;position:relative;border-radius:6px;background-color:black;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .a-picker ul li .img img{display:block;width:100%}
#container .a-picker ul li .text{float:left;width:100%;height:35px;padding:9px 0 0}
#container .a-picker ul li .text span{float:left;text-overflow:ellipsis;overflow:hidden;width:100%;white-space:nowrap;font-size:13px;line-height:19px}
#container .a-picker ul li .text .text1{color:black;font-weight:700}
#container .a-picker ul li:nth-child(even){float:right}

#container .recommend-product{float:left;clear:both;overflow:hidden;width:100%;padding:15px 0}
#container .recommend-product .horizonwrap{overflow:visible;margin:30px 0 0}
#container .recommend-product .horizonwrap .product-item{padding:0 0 100px}
#container .recommend-product .horizonwrap .product-item .list .item{float:none;width:145px;margin:0;box-sizing:content-box;border-left:none;border-right:10px solid transparent}
#container .recommend-product .horizonwrap .product-item .list .item a .text{height:57px}
#container .recommend-product .horizonwrap .product-item .list .item:first-child{border-left:20px solid transparent}
#container .recommend-product .horizonwrap .product-item .list .item:last-child{border-right:20px solid transparent}

#container .gift-product{float:left;clear:both;overflow:hidden;width:100%;padding:15px 0}
#container .gift-product h3{height:auto;margin:0;padding:30px 20px 58px;color:white;background:linear-gradient(115deg,#9c5dbd 0%,#256dbd 100%)}
#container .gift-product h3:before{content:"";position:absolute;bottom:30px;right:0;width:99px;height:88px;background:url(../imgs/main/gift-title-img.png) 0 0 no-repeat;background-size:99px 88px}
#container .gift-product h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;border-radius:20px 0 0;background:white}
#container .gift-product h3 span{display:block;position:relative;padding:9px 0 0;font-size:14px;line-height:20px}
#container .gift-product .product-item{float:left;width:100%;min-height:30px;margin:0 0 -30px;box-sizing:border-box}
#container .gift-product .product-item .list .item .gift{position:absolute;top:0;left:0;width:100%}
#container .gift-product .product-item .list .item .gift img{display:block;width:100%}
#container .gift-product .product-item .list .item .gift a,
#container .gift-product .product-item .list .item .gift button{position:absolute;bottom:0;left:0;z-index:3;width:100%;padding:10px 0;text-align:center;font-size:13px;color:white;line-height:15px;font-weight:500;background:rgba(72,25,123,0.8)}
#container .gift-product .product-item .list .item .gift a:after,
#container .gift-product .product-item .list .item .gift button:after{content:"";display:inline-block;width:15px;height:15px;margin:0 0 0 7px;vertical-align:top;background:url(../imgs/global/gift1.png) center center no-repeat;background-size:15px 15px}

#container .hot-product{position:relative;float:left;clear:both;overflow:hidden;width:100%;padding:15px 0}
#container .hot-product .gaessamzieFlickStage{border-top:30px solid transparent}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item{position:relative;z-index:1;min-height:30px;background-color:black}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;border-radius:20px 0 0;background:white}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item img{display:block;width:100%}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text{position:absolute;bottom:80px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span{display:block;padding:2px 0;word-wrap:break-word;font-size:16px;color:white;line-height:21px;font-weight:500}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span:empty{display:none}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text2,
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text3{font-size:14px;line-height:20px;font-weight:300}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .horizonwrap{overflow:visible}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item{padding:0 0 100px;line-height:0}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list{line-height:0}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item{float:none;width:160px;margin:0;box-sizing:content-box;border-left:none;border-right:10px solid transparent}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a .img img{width:160px;height:220px}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a .text{height:57px}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item:first-child{border-left:20px solid transparent}
#container .hot-product .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item:last-child{border-right:20px solid transparent}
#container .hot-product .gaessamzieFlickIndicator{display:flex;position:absolute;bottom:370px;left:0;width:100%;height:2px;box-sizing:border-box;border-left:20px solid transparent;border-right:20px solid transparent}
#container .hot-product .gaessamzieFlickIndicator:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#ededed}
#container .hot-product .gaessamzieFlickIndicator li{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;height:2px;margin:0}
#container .hot-product .gaessamzieFlickIndicator li a{display:none}
#container .hot-product .gaessamzieFlickIndicator .bar{display:block;position:absolute;top:0;left:0;height:2px;background:#601986}

#container .main-magazine{position:relative;float:left;clear:both;overflow:hidden;width:100%;margin:30px 0}
#container .main-magazine .stage{position:relative;margin:0 35px;border-top:30px solid transparent}
#container .main-magazine .stage .item-list{display:none;position:absolute;top:0;left:9999px;z-index:1;overflow:hidden;width:100%;box-sizing:border-box;border-left:5px solid transparent;border-right:5px solid transparent}
#container .main-magazine .stage .item-list img{display:block;width:100%}
#container .main-magazine .stage .item-list .img{position:absolute;top:50%;left:50%;z-index:1;overflow:hidden;width:100%;height:100%;-moz-transition:width 0.4s,height 0.4s;-webkit-transition:width 0.4s,height 0.4s;transition:width 0.4s,height 0.4s;-moz-transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);text-indent:-9999px;border-radius:6px;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .main-magazine .stage .item-list .text{position:absolute;bottom:28px;left:0;z-index:2;width:100%;padding:0 20px;opacity:0;box-sizing:border-box;text-align:center;font-size:14px;color:white;line-height:20px}
#container .main-magazine .stage .item-list .text span{display:block;word-wrap:break-word}
#container .main-magazine .stage .item-list .text span:empty{display:none}
#container .main-magazine .stage .item-list .text .text1{font-size:30px;line-height:36px;font-weight:500}
#container .main-magazine .stage .item-list .text .text2{padding:6px 0 0;font-weight:300}
#container .main-magazine .stage .item-list.active{z-index:3}
#container .main-magazine .stage .item-list.prev .img,
#container .main-magazine .stage .item-list.next .img{width:calc(100% - 20px);height:calc(100% - 34px)}
#container .main-magazine .stage .item-list.first .img,
#container .main-magazine .stage .item-list.last .img{width:calc(100% - 40px);height:calc(100% - 68px)}
#container .main-magazine .indicator{display:flex;position:relative;overflow:hidden;margin:0 20px;line-height:0}
#container .main-magazine .indicator:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ededed}
#container .main-magazine .indicator li{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;height:2px;margin:24px 0 0;text-indent:-9999px}
#container .main-magazine .indicator .bar{display:block;position:absolute;bottom:0;left:0;height:2px;background:#601986}

#container .main-atv { position: relative; float: left; clear: both; overflow: hidden; width: 100%; margin: 30px 0; }
#container .main-atv h3 { padding: 0 0 30px; }
#container .main-atv .stage { position: relative; margin: 0 10%; border-top: 0px solid transparent; }
#container .main-atv .stage .item-list { display: none; position: absolute; top: 0; left: 9999px; z-index: 1; overflow: hidden; width: 100%; box-sizing: border-box; border-left: 5px solid transparent; border-right: 5px solid transparent; }
#container .main-atv .stage .item-list img { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; border-radius: 6px; }
#container .main-atv .stage .item-list .play-button { position: absolute; top: 0; left: 0; z-index: 3; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; }
#container .main-atv .stage .item-list .pause-button { position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; width: 100%; height: 100%; text-indent: -9999px; }
#container .main-atv .stage .item-list .video {
    position: relative;
    width: 100%;
    aspect-ratio: 9/16;
    min-height: 320px;
    background: #f2f2f2;
}

#container .main-atv .stage .item-list .video iframe { background-color: #f2f2f2;border-radius: 6px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#container .main-atv .stage .item-list .text { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; }
#container .main-atv .stage .item-list .text span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 10px 0 0; text-align: center; font-size: 14px; color: black; line-height: 20px; }
#container .main-atv .indicator { display: flex; position: relative; overflow: hidden; margin: 0 20px; line-height: 0; }
#container .main-atv .indicator:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #ededed; }
#container .main-atv .indicator li { flex-grow: 1; flex-shrink: 1; flex-basis: 0; position: relative; height: 2px; margin: 24px 0 0; text-indent: -9999px; }
#container .main-atv .indicator .bar { display: block; position: absolute; bottom: 0; left: 0; height: 2px; background: #601986; }
/* A-TV 쇼츠 비율 및 높이 고정 */
#container .main-atv .stage {
    min-height: 320px;
    aspect-ratio: 9/16;
    position: relative;
}
#container .main-atv .stage .item-list {
    height: 100%;
}
#container .main-atv .stage .item-list .video {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
}
#container .main-atv .stage .item-list .video img,
#container .main-atv .stage .item-list .video iframe {
    height: 100%;
    width: 100%;
    aspect-ratio: 9/16;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

.main-atv .stage .loading {
    min-height: 320px;
    aspect-ratio: 9/16;
    max-width: 100%;
    text-align: center;
    font-size: 16px;
    color: #999;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    line-height: 1.2;
}
#container .photo-review{float:left;clear:both;width:100%;margin:30px 0}
#container .photo-review .photolist{padding:6px 15px 0}
#container .photo-review .photolist:after{content:"";display:block;clear:both}
#container .photo-review .photolist .item{position:relative;float:left;clear:both;width:50%;margin:24px 0 0;box-sizing:border-box;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:66px solid transparent}
#container .photo-review .photolist .item:after{content:"";position:absolute;top:100%;left:0;width:100%;height:1px;margin:34px 0 0;background:#ccc}
#container .photo-review .photolist .item img{float:left;width:100%}
#container .photo-review .photolist .item .img{position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:100%;text-indent:-9999px;border-radius:6px;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .photo-review .photolist .item .title{position:absolute;top:100%;left:0;text-overflow:ellipsis;overflow:hidden;width:100%;margin:10px 0 0;white-space:nowrap;font-size:13px;color:black;line-height:19px;font-weight:500}
#container .photo-review .photolist .item .profile{position:absolute;top:100%;left:0;overflow:hidden;width:23px;height:23px;margin:43px 0 0;text-indent:-9999px;border-radius:100%;background-image:url(../imgs/main/profile-default.png);background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .photo-review .photolist .item .author{display:flex;flex-direction:column;justify-content:center;position:absolute;top:100%;left:0;width:100%;height:68px;padding:40px 0 0 32px;box-sizing:border-box;font-size:12px;color:#666;line-height:14px}
#container .photo-review .photolist .item .author span{color:black}
#container .photo-review .photolist .item .instagramlink{position:absolute;top:8px;right:8px;z-index:2;width:15px;height:16px;text-indent:-9999px;background:url(../imgs/global/instagram1.png) center center no-repeat;background-size:15px 16px}
#container .photo-review .photolist .item:nth-child(even){float:right;clear:none}
#container .photo-review .photolist .item:nth-child(2n) img{margin:0 0 -37px}
#container .photo-review .photolist .item:nth-child(4n-1) img{margin:0 0 -37px}
#container .photo-review .photolist .item:nth-child(4n){margin-top:-13px}
#container .photo-review .photolist .item:nth-child(4n) img{margin:0}

/* brand main */
#container .brand-visual{position:relative;float:left;clear:both;width:100%;margin-bottom:10px;}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem img{display:block;width:100%}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text{position:absolute;bottom:54px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text span{display:block;word-wrap:break-word;font-size:14px;color:white;line-height:18px;font-weight:300}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text span:empty{display:none}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text1{font-size:30px;line-height:35px;font-weight:500}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text2{font-size:17px;font-weight:300}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text3{font-size:15.5px;font-weight:300;letter-spacing: -0.7px;padding-top:3px;}
#container .brand-visual .gaessamzieFlickStage .gaessamzieFlickItem .text .text1+span{padding:12px 0 0}
#container .brand-visual .gaessamzieFlickPrev{position:absolute;top:0;left:0;z-index:3;width:55px;height:100%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-indent:-9999px;background:url(../imgs/global/prev4.png) center center no-repeat;background-size:15px 28px}
#container .brand-visual .gaessamzieFlickNext{position:absolute;top:0;right:0;z-index:3;width:55px;height:100%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);text-indent:-9999px;background:url(../imgs/global/next4.png) center center no-repeat;background-size:15px 28px}
#container .brand-visual .gaessamzieFlickIndicator{position:absolute;bottom:20px;left:0;width:100%;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#container .brand-visual .gaessamzieFlickIndicator li{margin:0 6px}
#container .brand-visual .gaessamzieFlickIndicator li a{width:6px;height:6px;opacity:0.5;background:white}
#container .brand-visual .gaessamzieFlickIndicator li.active a{opacity:1}

#container .best-product{float:left;clear:both;overflow:hidden;width:100%;padding:15px 0}
#container .best-product .fake{position:relative;margin:30px 10px 0 0}
#container .best-product .fake a{display:flex;flex-direction:row;align-items:center;position:relative}
#container .best-product .fake a .img{display:block;flex-shrink:0;position:relative;z-index:1;max-width:162px;width:calc(50% - 20px);margin:0 20px 0 20px;background-color:white;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .best-product .fake a .img img{display:block;width:100%}
#container .best-product .fake a .text{display:block;min-height:57px;padding:0 10px 0 0}
#container .best-product .fake a .text:after{content:"";display:block;clear:both}
#container .best-product .fake a .text span{float:left}
#container .best-product .fake a .text .brand{clear:both;text-overflow:ellipsis;overflow:hidden;width:100%;margin:-5px 0 -4px;padding:0 0 8px;white-space:nowrap;font-size:13px;color:black;line-height:19px;font-weight:700}
#container .best-product .fake a .text .name{clear:both;width:100%;margin:-4px 0 -2px;padding:0 0 15px;word-wrap:break-word;font-size:13px;color:#666;line-height:19px;font-weight:400}
#container .best-product .fake a .text .name.line-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; line-height: 18px; max-height: 36px; margin: -4px 0 4px; padding: 0; box-sizing: border-box; }
#container .best-product .fake a .text .price{clear:both;text-overflow:ellipsis;overflow:hidden;width:100%;height:19px;margin:-3px 0 -5px;white-space:nowrap;font-size:14px;color:#010101;line-height:19px;font-family:'Pretendard-Regular','Spoqa Han Sans Neo',Apple Gothic,Droid Sans,sans-serif}
#container .best-product .fake a .text .price del{margin:0 0 0 5px;vertical-align:top;font-size:11px;color:#666;line-height:20px;font-weight:300}
#container .best-product .fake a .text .price strong{margin:0 0 0 14px;vertical-align:top;font-size:12px;color:red;line-height:19px;font-weight:400}
#container .best-product .fake a .text .ic-c{width:25px;margin:8px 7px 0 0;padding:1px 0 2px;text-align:center;font-size:10px;color:#777;line-height:13px;background:#eee}
#container .best-product .fake a .text .ic-n{width:29px;margin:8px 7px 0 0;padding:1px 0 2px;text-align:center;font-size:10px;color:#601986;line-height:13px;background:#e7dded}
#container .best-product .fake a .text .ic-e{width:32px;margin:8px 7px 0 0;padding:1px 0 2px;text-align:center;font-size:9px;color:#3d370e;line-height:13px;background:#fdde24}
#container .best-product .fake .wish{display:none}
#container .best-product .fake a .wish-b { position: absolute; bottom: 0; right: 0; z-index: 5; overflow: hidden; width: 34px; height: 33px; text-indent: -9999px; }
#container .best-product .fake a .wish-b:after { content: ""; position: absolute; top: 8px; left: 8px; width: 18px; height: 17px; background: url(../imgs/global/list_wish.png?v=1) 0 0 no-repeat; background-size: 18px 39px; }
#container .best-product .fake a .wish-b.active:after { background-position: 0 -22px; }
#container .best-product .horizonwrap{overflow:visible;margin:10px 0 0}
#container .best-product .horizonwrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  margin: 10px 0 0;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

#container .best-product .horizonwrap .product-item .list {
  display: flex;
  flex-direction: row;
  gap: 12px;
  min-width: max-content;
  padding: 0 10px;
  margin: 0;
  list-style: none;
}

#container .best-product .horizonwrap .product-item .list .item {
  flex: 0 0 auto;
  width: 108px;
  margin: 0;
  box-sizing: content-box;
  border-left: none;
  border-right: 5px solid transparent;
}

#container .best-product .horizonwrap .product-item{padding:0 0 100px}
#container .best-product .horizonwrap .product-item .list .item{float:none;width:108px;margin:0;box-sizing:content-box;border-left:none;border-right:5px solid transparent}
#container .best-product .horizonwrap .product-item .list .item a .text{height:81px}
#container .best-product .horizonwrap .product-item .list .item:first-child{border-left:20px solid transparent}
#container .best-product .horizonwrap .product-item .list .item:last-child{border-right:20px solid transparent}

#container .main-event{position:relative;float:left;clear:both;width:100%;margin:30px 0;box-sizing:border-box;border-left:10px solid transparent;border-right:10px solid transparent}
#container .main-event h3{margin:0 10px}
#container .main-event .gaessamzieFlickStage{border-top:30px solid transparent}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem{box-sizing:border-box;border-left:10px solid transparent;border-right:10px solid transparent}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item{position:relative;min-height:76px;background-color:black}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item img{display:block;width:100%}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text{position:absolute;bottom:28px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span{display:block;word-wrap:break-word;font-size:13px;color:white;line-height:19px}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text span:empty{display:none}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text1{font-size:20px;line-height:24px;font-weight:700}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .banner-item .text .text1+span{padding:5px 0 0}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item{padding:0}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item{clear:none;width:100%;margin:10px 0 0;border:none}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a{display:flex;flex-direction:column;justify-content:center;position:relative;height:149px;padding:0 0 0 124px}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a .img{position:absolute;top:0;left:0;width:108px;height:149px;margin:0}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item a .text .name{overflow:visible;word-wrap:break-word;white-space:normal}
#container .main-event .gaessamzieFlickStage .gaessamzieFlickItem .product-item .list .item .wish{left:74px}

#container .all-product{float:left;clear:both;width:100%;margin:30px 0;position:relative;}
#container .all-product h3{padding:0 0 30px}
#container .all-product .sorting{height:32px;}
#container .all-product .sorting > div{padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;height:30px;display:flex;top:40px;left:0;z-index:102;width:calc(100% - 20px);background:rgba(255,255,255,0.8);-moz-transition:top 0.2s;-webkit-transition:top 0.2s;transition:top 0.2s;}
#container .all-product .sorting.fixed > div{position:fixed;top:80px;}
body.min-mode #container .all-product .sorting.fixed > div{top:40px;}
#container .all-product .sorting:after{content:"";display:block;clear:both}
#container .all-product .sorting .total{float:left;padding:6px 10px 8px;font-size:12px;color:black;line-height:16px;margin-right:auto;}
#container .all-product .sorting .selectDummy{float:right;width:auto}
#container .all-product .sorting .selectDummy .selecttext{padding:6px 29px 8px 20px;font-size:12px;color:black;line-height:16px;border:none}
#container .all-product .sorting .selectDummy .selecttext:after{width:9px;height:6px;margin:-3px 0 0;background:url(../imgs/global/select2.png) center center no-repeat;background-size:9px 6px}
#container .all-product .sorting .selectDummy .selecttext:after{width:9px;height:6px;margin:-3px 0 0;background:url(../imgs/global/select2.png) center center no-repeat;background-size:9px 6px}
#container .all-product .product-item{float:left;width:100%;margin:0 0 -30px;padding:20px 15px 0;box-sizing:border-box}
#container .all-product .product-item .list .item{clear:none}
#container .all-product .product-item .list .item:nth-child(5n){clear:both;width:100%}
#container .all-product .product-item .list .item:nth-child(5n-2),
#container .all-product .product-item .list .item:nth-child(5n-4){clear:both}

/* markandlona main */
#container .markandlona-visual{position:relative;float:left;clear:both;width:100%;margin:30px 0}
#container .markandlona-visual .gaessamzieFlickItem img{display:block;width:100%}
#container .markandlona-visual .gaessamzieFlickItem .text{position:absolute;left:0;bottom:53px;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .markandlona-visual .gaessamzieFlickItem .text span{display:block;word-wrap:break-word}
#container .markandlona-visual .gaessamzieFlickItem .text span:empty{display:none}
#container .markandlona-visual .gaessamzieFlickItem .text .text1{font-size:25px;color:white;line-height:27px;font-weight:500}
#container .markandlona-visual .gaessamzieFlickItem .text .text2{font-size:25px;color:white;line-height:27px;font-weight:500}
#container .markandlona-visual .gaessamzieFlickItem .text .text3{padding:17px 0 0;font-size:14px;color:white;line-height:18px;font-weight:300}
#container .markandlona-visual .gaessamzieFlickIndicator{position:absolute;bottom:27px;left:0;width:100%}
#container .markandlona-visual .gaessamzieFlickIndicator li a{width:6px;height:6px;background:#808080}
#container .markandlona-visual .gaessamzieFlickIndicator li.active a{background:white}

#container .markandlona-banner{position:relative;float:left;clear:both;width:100%;margin:30px 0}
#container .markandlona-banner .gaessamzieFlickItem img{display:block;width:100%}
#container .markandlona-banner .gaessamzieFlickPrev{position:absolute;bottom:0;left:82.4%;z-index:3;overflow:hidden;width:49px;height:54px;margin:0 0 0 -49px;text-indent:-9999px;background:rgba(34,34,34,0.3)}
#container .markandlona-banner .gaessamzieFlickPrev:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/global/prev5.png) center center no-repeat;background-size:9px 14px}
#container .markandlona-banner .gaessamzieFlickNext{position:absolute;bottom:0;left:82.4%;z-index:3;overflow:hidden;width:49px;height:54px;text-indent:-9999px;background:rgba(34,34,34,0.3)}
#container .markandlona-banner .gaessamzieFlickNext:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/global/next5.png) center center no-repeat;background-size:9px 14px}

#container .markandlona-topics{float:left;clear:both;overflow:hidden;width:100%;margin:30px 0 0;padding:0 0 30px}
#container .markandlona-topics h3{position:relative;height:52px;margin:0;padding:20px 20px 20px;color:white;font-size:16px;line-height:20px;background:#222 url(/imgs/main/topics_bg.png) right 0 no-repeat;background-size:295px 180px}
#container .markandlona-topics h3:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:30px;border-radius:20px 0 0;background:white}
#container .markandlona-topics .horizonwrap{overflow:visible}
#container .markandlona-topics .horizonwrap .product-item{padding:0 0 100px}
#container .markandlona-topics .horizonwrap .product-item .list .item{float:none;width:150px;margin:0;box-sizing:content-box;border-left:none;border-right:10px solid transparent}
#container .markandlona-topics .horizonwrap .product-item .list .item a .text{height:36px;min-height:36px}
#container .markandlona-topics .horizonwrap .product-item .list .item a .text .name{padding:0 0 11px}
#container .markandlona-topics .horizonwrap .product-item .list .item:first-child{border-left:20px solid transparent}
#container .markandlona-topics .horizonwrap .product-item .list .item:last-child{border-right:20px solid transparent}

#container .markandlona-line{position:relative;float:left;clear:both;overflow:hidden;width:100%;height:35px;margin:0;box-sizing:border-box}
#container .markandlona-line .frame{position:absolute;top:0;left:-750px;overflow:hidden;width:2250px;height:35px;text-indent:-9999px;background:#f7f7f7 url(../imgs/main/markandlona_line.png) 0 0 repeat-x;background-size:119px 35px;
animation-name:markandlonaline;
animation-duration:4s;
animation-timing-function:linear;
animation-iteration-count:infinite;
}
@keyframes markandlonaline{
  0% {left:-750px}
  100% {left:-869px}
}

#container .markandlona-movie .stage .item-list{border-bottom:none}
#container .markandlona-movie .stage .item-list .video{border-radius:0}
#container .markandlona-movie .stage .item-list .video video{position:absolute;top:0;left:0;width:100%;height:100%}
#container .markandlona-movie .indicator .bar{background:#222}

#container .markandlona-twinbanner{position:relative;float:left;clear:both;width:100%;margin:30px 0;padding:0 15px;box-sizing:border-box}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem{box-sizing:border-box;border-left:5px solid transparent;border-right:5px solid transparent}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem img{display:block;width:100%}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem .text{position:absolute;bottom:36px;left:0;width:100%;padding:0 20px;opacity:0;box-sizing:border-box}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem .text img{display:block;width:auto;height:18px;margin:0 auto}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem .text span{display:block;padding:1px 0 0;word-wrap:break-word;text-align:center;font-size:27px;color:white;line-height:31px;font-weight:500}
#container .markandlona-twinbanner .gaessamzieFlickStage .gaessamzieFlickItem .text span:empty{display:none}
#container .markandlona-twinbanner .gaessamzieFlickIndicator{display:flex;position:relative;height:2px;margin:24px 5px 0;background:#ededed}
#container .markandlona-twinbanner .gaessamzieFlickIndicator li{flex-grow:1;flex-shrink:1;flex-basis:0;position:relative;height:2px;margin:0}
#container .markandlona-twinbanner .gaessamzieFlickIndicator li a{display:none}
#container .markandlona-twinbanner .gaessamzieFlickIndicator .bar{display:block;position:absolute;top:0;left:0;height:2px;background:#222}

#container .markandlona-product{float:left;clear:both;overflow:hidden;width:100%;margin:30px 0 0;padding:0 0 30px}
#container .markandlona-product .horizonwrap{overflow:visible;margin:30px 0 0}
#container .markandlona-product .horizonwrap .product-item{padding:0 0 100px}
#container .markandlona-product .horizonwrap .product-item .list .item{float:none;width:150px;margin:0;box-sizing:content-box;border-left:none;border-right:10px solid transparent}
#container .markandlona-product .horizonwrap .product-item .list .item a .text{height:36px;min-height:36px}
#container .markandlona-product .horizonwrap .product-item .list .item a .text .name{padding:0 0 11px}
#container .markandlona-product .horizonwrap .product-item .list .item:first-child{border-left:20px solid transparent}
#container .markandlona-product .horizonwrap .product-item .list .item:last-child{border-right:20px solid transparent}

#container .markandlona-instagram{position:relative;float:left;clear:both;width:100%;margin:30px 0}
#container .markandlona-instagram .list{clear:both;margin:0 -1% 0 0;padding:21px 20px 0}
#container .markandlona-instagram .list:after{content:"";display:block;clear:both}
#container .markandlona-instagram .list .item{position:relative;float:left;width:33%;margin:9px 0 0;box-sizing:border-box;}
#container .markandlona-instagram .list .item img{display:block;width:100%}
#container .markandlona-instagram .list .item .img{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;text-indent:-9999px;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .markandlona-instagram .visit-button{display:block;width:168px;margin:24px auto 0;padding:7px 0 8px;text-align:center;font-size:12px;color:black;line-height:18px;border:1px solid #444}

#container .horngarment-product{position:relative;clear:both;float:left;width:100%;padding:0 20px;margin:30px 0;box-sizing:border-box}
#container .horngarment-product:before{content:"";position:absolute;left:0;bottom:0;z-index:2;width:20px;height:100%;background:white;}
#container .horngarment-product:after{content:"";position:absolute;right:0;bottom:0;z-index:2;width:20px;height:100%;background:white;}
#container .horngarment-product .product-wrap{position:relative;margin:0 -8px 0 -7px}
#container .horngarment-product .product-wrap .product-item{padding:0}
#container .horngarment-product .product-wrap .product-item .list .item{margin:0 0 20px;box-sizing:border-box;border-left:7px solid transparent;border-right:8px solid transparent}
#container .horngarment-product .product-wrap .product-item .list .item a .img{margin:0 0 17px}
#container .horngarment-product .product-wrap .product-item .list .item a .text{min-height:32px}
#container .horngarment-product .product-wrap .product-item .list .item a .text .name{padding:0 0 9px}
#container .horngarment-product .product-wrap .gaessamzieFlickIndicator{padding:4px 0 0}
#container .horngarment-product .product-wrap .gaessamzieFlickIndicator li.active a{background:#ff5c39}

#container .horngarment-banner{position:relative;float:left;clear:both;overflow:hidden;width:100%;margin:30px 0;box-sizing:border-box;border-left:20px solid transparent}
#container .horngarment-banner a,
#container .horngarment-banner img{display:block;width:100%}
#container .horngarment-banner .text{position:absolute;bottom:0;right:0;width:100%;height:60px;padding:13px 70px 1px 20px;box-sizing:border-box;border-radius:20px 0 0 0;background:white}
#container .horngarment-banner .text:after{content:"";position:absolute;bottom:11px;right:40px;width:30px;height:6px;background:url(../imgs/main/hg_banner_arrow.png) 0 0 no-repeat;background-size:contain}
#container .horngarment-banner .text span{display:block;text-overflow:ellipsis;overflow:hidden;padding:0 0 1px;white-space:nowrap;font-size:17px;color:black;line-height:23px}
#container .horngarment-banner .text span:empty{display:none}

#container .horngarment-tv{position:relative;float:left;clear:both;width:100%;padding:0 20px;margin:30px 0;box-sizing:border-box}
#container .horngarment-tv .video-item{position:relative;margin-left:-20px}
#container .horngarment-tv .video-item img{display:block;width:100%}
#container .horngarment-tv .video-item .video{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;background:white}
#container .horngarment-tv .video-item .video iframe,
#container .horngarment-tv .video-item .video video{position:absolute;top:0;left:0;width:100%;height:100%}
#container .horngarment-tv .video-item .text{position:absolute;bottom:0;left:0;width:100%;height:60px;padding:15px 40px 0;box-sizing:border-box;border-radius:0 20px 0 0;background:white}
#container .horngarment-tv .video-item .text span{display:block;text-overflow:ellipsis;overflow:hidden;font-size:17px;color:black;line-height:23px}

#container .horngarment-topics{float:left;clear:both;width:100%;padding:0 20px;margin:30px 0;box-sizing:border-box}
#container .horngarment-topics .horizonwrap{margin:0 -20px;padding:0 0 40px;background:linear-gradient(white, #f2f0ea 50%)}
#container .horngarment-topics .horizonwrap:after{content:"";position:absolute;left:0;bottom:0;z-index:1;width:100%;height:100%;background:url(../imgs/main/horngament_topics.png) right bottom no-repeat;background-size:contain}
#container .horngarment-topics .horizonwrap .swipe{position:relative;z-index:2}
#container .horngarment-topics .horizonwrap .swipe .list .item{position:relative;width:315px;padding:0 0 55px;border-right:20px solid transparent}
#container .horngarment-topics .horizonwrap .swipe .list .item .img{display:block;overflow:hidden;height:240px;text-indent:-9999px;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .horngarment-topics .horizonwrap .swipe .list .item .text{display:flex;flex-direction:column;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:70px;padding:0 60px 0 20px;background:white;box-sizing:border-box;background:white}
#container .horngarment-topics .horizonwrap .swipe .list .item .text:after{content:"";position:absolute;bottom:25px;right:20px;width:30px;height:6px;background:url(../imgs/main/hg_banner_arrow.png) 0 0 no-repeat;background-size:contain}
#container .horngarment-topics .horizonwrap .swipe .list .item .text .text1{display:block;font-size:17px;color:black;line-height:21px;margin:-2px 0 0}
#container .horngarment-topics .horizonwrap .swipe .list .item .text .text1:empty{display:none}
#container .horngarment-topics .horizonwrap .swipe .list .item:first-child{border-left:20px solid transparent}
#container .horngarment-topics .horizonwrap .bar:before{background:white}
#container .horngarment-topics .horizonwrap .bar .track{background:#ff5c39}

#container .horngarment-widebanner{float:left;clear:both;width:100%;padding:0 20px;margin:30px 0;box-sizing:border-box}
#container .horngarment-widebanner .banner a{display:block;position:relative;text-align:center}
#container .horngarment-widebanner .banner img{display:inline-block;max-width:100%;vertical-align:top}
#container .horngarment-widebanner .banner .text{display:flex;flex-direction:column;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;padding:24px 0 0;box-sizing:border-box}
#container .horngarment-widebanner .banner .text .text1{display:block;width:100%;text-align:center;font-size:18px;color:white;line-height:24px}
#container .horngarment-widebanner .banner .text .text2{display:block;width:100%;text-align:center;font-size:18px;color:white;line-height:24px}
#container .horngarment-widebanner .banner .text .text3{display:block;width:100%;text-align:center;font-size:18px;color:white;line-height:24px}
#container .horngarment-widebanner .banner .text .text1:empty{display:none}
#container .horngarment-widebanner .banner .text .text2:empty{display:none}
#container .horngarment-widebanner .banner .text .text3:empty{display:none}
#container .horngarment-widebanner .banner .text .more{display:inline-block;position:relative;margin:18px auto 0;text-align:center;font-size:11px;color:white;line-height:20px}
#container .horngarment-widebanner .banner .text .more:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:white;opacity:0.7}

#container .horngarment-instagram{position:relative;float:left;clear:both;width:100%;padding:0 20px;margin:30px 0;box-sizing:border-box}
#container .horngarment-instagram .list{clear:both;margin:-9px -20px 0}
#container .horngarment-instagram .list:after{content:"";display:block;clear:both}
#container .horngarment-instagram .list .item{position:relative;float:left;width:calc(100% / 3);margin:9px 0 0;box-sizing:border-box;}
#container .horngarment-instagram .list .item img{display:block;width:100%}
#container .horngarment-instagram .list .item .img{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;text-indent:-9999px;background-size:cover;background-position:center center;background-repeat:no-repeat}
#container .horngarment-instagram .visit-button{display:block;width:168px;margin:18px auto 0;padding:7px 0 9px;text-align:center;font-size:11px;color:black;line-height:18px;border:1px solid #d1d1d1}

/* eventlist */
#eventlist{position:fixed;top:0;left:0;z-index:500;width:100%;height:200%;-moz-transform:translate3d(0,-9999px,0);-webkit-transform:translate3d(0,-9999px,0);transform:translate3d(0,-9999px,0);box-sizing:border-box;background:white}
#eventlist.active{-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#eventlist .close{position:absolute;top:20px;right:15px;overflow:hidden;width:25px;height:25px;text-indent:-9999px;background:url(../imgs/global/close2.png) center center no-repeat;background-size:15px 15px}
#eventlist .scroll{position:absolute;top:0;left:0;z-index:1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:50%;box-sizing:border-box;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);background:white}
#eventlist .scroll .content{position:absolute;top:0;left:0;width:100%;min-height:100%;padding:25px 0 0;box-sizing:border-box}
#eventlist .scroll .content h1{height:15px;margin:0 20px 15px;text-align:left;font-size:16px;color:black;line-height:14px;font-weight:400}
#eventlist .scroll .content li{position:relative;}
#eventlist .scroll .content li .text{position:absolute;bottom:43px;left: 0;padding: 0 30px;z-index: 3;}
#eventlist .scroll .content li .text .text1{display: block;word-wrap: break-word;font-size: 13px;color: white;font-size: 20px;line-height: 24px;font-weight: 500;}
#eventlist .scroll .content li .text .text2{display: block;padding: 9px 0 0;word-wrap: break-word;font-size: 13px;color: white;line-height: 17px;font-weight: 300;}
#eventlist .scroll .content li .text .text3{display: block;word-wrap: break-word;font-size: 13px;color: white;line-height: 17px;font-weight: 300;}