@charset "utf-8"; 

@import url('lsnweb.ui.main.jquery.bxslider.css');

#main-new .bx-wrapper{border:none;box-shadow:none;margin-bottom:0;}
#main-new .bx-wrapper .bx-pager{bottom:-20px;}
#main-new .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#f77527 !important;}
#main-new .bx-wrapper .bx-pager.bx-default-pager a{background-color:#d4d4d4;margin:0 7.5px}
#main-new  ul li{background-size:cover !important;background-position:center center !important;}
#main-new  ul li img{position:relative;left:-1px}

#mainBanner{width:100%;height:545px;position:relative;overflow:hidden;}
#mainBanner .banner-wrp{width:1920px;;height:545px;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#mainBanner .banner-wrp ul li{width:1920px;height:500px;overflow:hidden}

#mainBanner .bx-wrapper .bx-controls-direction{display:none;width:1200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#mainBanner .bx-wrapper .bx-controls-direction a{width:28px;height:52px;position:absolute;top:50%;transform:translateY(-50%);margin-top:0}
#mainBanner .bx-wrapper .bx-prev{background:url(//image.prospecs.com/front/images/main/20200901/chevron-thin-left.png) no-repeat;background-size:contain;left:0}
#mainBanner .bx-wrapper .bx-next{background:url(//image.prospecs.com/front/images/main/20200901/chevron-thin-right.png) no-repeat;background-size:contain;right:0}

.hover-cont  ul li{width:392px;height:360px;overflow:hidden;position:relative;float:left;}
.hover-cont  ul li + li{margin-left:12px;}
.hover-cont  ul li a img{width:100%;height:100%;}
.hover-cont .hover-txt-wrp{position:absolute;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0.7);left:0;top:0;transition:all 0.3s;}
.hover-cont  ul  li:hover .hover-txt-wrp{position:absolute;justify-content:center;align-items:center;opacity:1;}
.hover-cont .hover-txt{text-align:center;}
.hover-cont .hover-txt >*{color:#fff;}
.hover-cont .hover-txt .sp_title{font-size:14px;display:inline-block;position:relative;padding:5.5px; margin:62px 0 40px 0 ;}
.hover-cont .hover-txt .sp_title:after{content:'';display:block;width:100%;height:1px;background-color:#fff;position:absolute;bottom:0;left:0}
.hover-cont .hover-txt strong{display:block;font-size:38px;}
.hover-cont .hover-txt .subTxt{width:248px;font-size:16px;line-height:24px;word-break:keep-all; margin: 35px auto;}

.hover-cont2 .hover-txt-wrp{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0.7);left:0;top:0;transition:all 0.3s;}
.hover-cont2  ul  li:hover .hover-txt-wrp{position:absolute;display:flex;justify-content:center;align-items:center;opacity:1;}

.goods-item li{width:236px;float:left;}
.goods-item li + li{margin-left:24px;}
.goods-item li .li-box{text-align:center;}
.goods-item li .li-box img{display:block;width:236px;height:236px;margin-bottom:6px;}
.goods-item li .li-box p{font-size:14px;color:#222;margin-bottom:4px;}
.goods-item li .li-box strong{display:inline-block;font-size:20px;color:#000;font-family:'NotoSansKR-Medium-Hestia','Noto Sans KR' !important}

.mid-banner{width:100%;height:580px;margin-top:60px;overflow:hidden;position:relative;}
.mid-banner img{width:100%;height:auto;position:absolute;top:0;}

.brand-wrp{height:420px;margin-top:60px;padding:32px 0}
.brand-wrp ul{display:flex;}
.brand-wrp ul li{position:relative;width:392px;height:360px;overflow:hidden;border-radius:0;}
.brand-wrp ul li + li{margin-left:12px;}
.brand-wrp ul li p{width:100%;text-align:center;font-size:22px;color:#fff;}

.evt-banner{margin-top:60px;}
.evt-banner img{height:64px;display:block;margin:auto;}
.evt-banner li+li{margin-top:2px;}

.bottom-nav-wrp{margin-top:60px;}
.bottom-nav-wrp .inner{overflow:hidden;}
.bottom-nav-wrp .bottom-cont ul{width:1201px !important;}
.bottom-nav-wrp .bottom-nav{position:relative;display:inline-block;width:100%;margin-bottom:14px;}
.bottom-nav-wrp .bottom-nav .btn-more{position:absolute;top:20px;right:0;color:#666;font-size:13px;}
.bottom-nav-wrp .bottom-nav .btn-more i{display:inline-block;margin-left:7px;width:12px;height:12px;background:url('//image.prospecs.com/front/images/main/20200901/ico_plus_img.png') center center no-repeat;background-size:contain;}
.bottom-nav-wrp .bottom-nav ul li{float:left;padding:9px 11px;position:relative;}
.bottom-nav-wrp .bottom-nav ul li.on:before{content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:4px;background-color:#222;}
.bottom-nav-wrp .bottom-nav ul li + li{margin-left:36px;}
.bottom-nav-wrp .bottom-nav ul li a{color:#222;font-size:20px;}
.bottom-nav-wrp .bottom-cont{height:625px;}
.bottom-nav-wrp .bottom-cont li.fst-banner{width:647px;height:625px;margin-right:11px}
.bottom-nav-wrp .bottom-cont li.fst-banner img{width:100%;height:100%;}

.hover-cont3 .hover-txt-wrp{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:0;background-color:rgba(0,0,0,0.7);left:0;top:0;transition:all 0.3s;}
.hover-cont3 .mid-banner:hover .hover-txt-wrp{position:absolute;display:flex;justify-content:center;align-items:center;opacity:1;}
.hover-cont3 .hover-txt{text-align:center;}
.hover-cont3 .hover-txt >*{color:#fff;}
.hover-cont3 .hover-txt .sp_title{font-size:14px;display:inline-block;position:relative;padding:5.5px; margin:0 0 40px 0 ;}
.hover-cont3 .hover-txt .sp_title:after{content:'';display:block;width:100%;height:1px;background-color:#fff;position:absolute;bottom:0;left:0}
.hover-cont3 .hover-txt strong{display:block;font-size:38px;}
.hover-cont3 .hover-txt .subTxt{width:400px;font-size:16px;line-height:24px;word-break:keep-all; margin: 35px auto;}

.magazine-banner{display: inline-block; margin: 60px 0 17px 0;}

/*해쉬태그 영역**/
.hashtag-zone{margin-top:43px;}
.hashtag-zone .hs-tab-wrap .hs-nav{display:flex;}
.hashtag-zone .hs-tab-wrap .hs-nav li.active{background-color:#222;border:none}
.hashtag-zone .hs-tab-wrap .hs-nav li.active a{color:#fff;}
.hashtag-zone .hs-tab-wrap .hs-nav li{position:relative;display:flex;box-sizing:border-box;flex:1;padding:15px 36px;background-color:#fff;height:80px;border-top:1px solid #666;border-bottom:1px solid #666;border-right:1px solid #666;align-items:center;}
.hashtag-zone .hs-tab-wrap .hs-nav li:first-child{border-left:1px solid #666}
.hashtag-zone .hs-tab-wrap .hs-nav li a{line-height:1.3;font-size:18px;text-align:center;width:100%;overflow:hidden;vertical-align:middle;}
.hashtag-zone .hs-tab-wrap .hs-con{padding-top:40px;}
.hashtag-zone .hs-tab-wrap .hs-con ul{display:flex;}
.hashtag-zone .hs-tab-wrap .hs-con li{flex:1;margin-left:0}
.hashtag-zone .goods-item li .li-box img{width:224px;}