/* BASIC css start */
/*--------------------------------------------------------------------------------
//
//            공통
//
--------------------------------------------------------------------------------*/
.main section,
.main section *{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.main section{
    margin-bottom:20vw;
}

.main section h2.secTit,
.main section h2.secTit a{
    display:block;
    margin-bottom:5.5vw;
    font-size:5.556vw;
    font-weight:600;
    line-height:8.333vw;
    letter-spacing: -0.1vw;
    text-align: center;
}

html body {
    padding:0;
}

body header .mainHeader{
    display:block;
}

body header .etcPageHeader{
    display:none;
}

/*--------------------------------------------------------------------------------
//
//            swiper overflow 수정
//
--------------------------------------------------------------------------------*/
.mainSec04,
.mainSec06,
.mainSec07{
    overflow:hidden;
}

.mainSec04 .swiper,
.mainSec06 .swiper,
.mainSec07 .swiper{
    overflow:visible;
}


/*--------------------------------------------------------------------------------
//
//            메인 대분류 카테고리 리스트
//
--------------------------------------------------------------------------------*/
.categoryListWrap .fixedArea{
    border-bottom:0.278vw solid #e9e9e9;
    background:#fff;
    transition:all 0.3s;
}

.categoryListWrap .fixedArea.fixed{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:99;
}

.categoryListWrap ul li{
    width:auto;
}

.categoryListWrap ul li:last-child{
    margin-right:0;
}

.categoryListWrap ul li a{
    display:block;
    position:relative;
    padding: 3.5vw 4vw;
    font-size:3.889vw;
    line-height:5vw;
    font-weight:500;
}

.categoryListWrap ul li a.active:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0;
    left: 3.167vw;
    width: calc(100% - 6.333vw);
    height:0.556vw;
    background:#000;
}

/*--------------------------------------------------------------------------------
//
//            section01
//
--------------------------------------------------------------------------------*/
.main .mainSec01{
    width:100%;
    overflow:hidden;
    margin-bottom:15vw;
}

.mainSec01 .swiper .swiper-slide img{
    display:block;
    width:100%;
}

.mainSec01 .swiper-horizontal>.swiper-pagination-progressbar,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-horizontal,
.mainSec01 .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.mainSec01 .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
    width:100%;
    height:2px;
    top:auto;
    bottom:0;
    left:0;
}


.mainSec01 .swiper-button-next,
.mainSec01 .swiper-button-prev{
    color:#fff;
}


.mainSec01 .swiper-pagination-progressbar{
    background:#ccc;
}

.mainSec01 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}

.mainSec01 ul li{
    overflow:hidden;
}

.mainSec01 ul li a{
    display:block;
    position:relative;
}

.mainSec01 ul li .textBox{
    position:absolute;
    bottom:10vw;
    left:5vw;
}

.mainSec01 ul li .textBox strong{
    display:block;
    margin-bottom:5.556vw;
    font-size:7vw;
    line-height:9vw;
    font-weight:500;
    color:#222;
    opacity:0;
    margin-left:-100%;
    transition:all 0.5s;
    letter-spacing: -0.2vw;
}

.mainSec01 ul li .textBox span{
    font-size:4.167vw;
    line-height:5.556vw;
    color:#888;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.8s;
}

.mainSec01 ul li.swiper-slide-active .textBox strong{
    opacity:1;
    margin-left:0;
}

.mainSec01 ul li.swiper-slide-active .textBox span{
    opacity:1;
    margin-left:0;
}


/*--------------------------------------------------------------------------------
//
//            section02
//
--------------------------------------------------------------------------------*/
.mainSec02 .sec02Wrap{
    display:flex;
}

.mainSec02 .box1{
    width:32%;
    padding:9vw 4.167vw 4.167vw 4.167vw;
    text-align:center;
}

.mainSec02 .box1 .text01{
    display: block;
    font-size: 4vw;
    font-weight: 500;
    line-height: 6.944vw;
}

.mainSec02 .box1 .text02{
    display: block;
    margin-bottom: 3.889vw;
    font-size: 8vw;
    font-weight: 500;
    line-height: 12.778vw;
    font-family: "Pretendard Variable", Pretendard, sans-serif;
}

.mainSec02 .box1 .text03{
    display: block;
    font-size: 3vw;
    line-height: 4.444vw;
    font-weight:500;
}

.mainSec02 .box2{
    width:68%;
    padding-top:5vw;
    overflow:hidden;
}

.mainSec02 .box2 .swiper{
    overflow:visible;
}

.mainSec02 .box2 ul{
    margin-top:3%;
}


.mainSec02 .box2 ul li a{
    display: block;
    padding: 15%;
    background-color: #f9f9f9;
    border-radius: 10px;
    text-align:center;
    line-height:30vw;
    font-size:4vw;
    font-weight:500;
}


/*--------------------------------------------------------------------------------
//
//            section03
//
--------------------------------------------------------------------------------*/
.mainSec03 img{
    display:block;
    width:100%;
}

/*--------------------------------------------------------------------------------
//
//            mainSec05
//
--------------------------------------------------------------------------------*/
.mainSec05{
    overflow:hidden;
}


.mainSec05 .goodsListWrap .swiper{
    overflow:visible;
}


.mainSec05 .goodsListWrap li:nth-child(1){
    position:relative;
    width:75vw;
}

.mainSec05 .goodsListWrap li:nth-child(1) a{
    display:block;
}

.mainSec05 .goodsListWrap li:nth-child(1) img{
    width:100%;
    border-radius:4vw;
}

.mainSec05 .goodsListWrap li .textBox{
    padding-top:10px;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox{
    position:absolute;
    bottom:6vw;
    left:4.167vw;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox strong{
    display:block;
    margin-bottom:3vw;
    font-size:5.5vw;
    font-weight:500;
    line-height:8vw;
}

.mainSec05 .goodsListWrap li:nth-child(1) .textBox .hashTag span{
    display:inline-block;
    margin-right:0.556vw;
    padding:0 4.167vw;
    font-size: 3.056vw;
    line-height:6.667vw;
    text-align:center;
    background:#fff;
    border-radius:3.333vw;
}

.mainSec05 .goodsListWrap li:nth-child(n+2){
    width:55vw;
    margin-top:3vw;
}

.mainSec05 .goodsListWrap li:nth-child(1),
.mainSec05 .goodsListWrap li:nth-child(n+2){
    margin-right:4vw;
}

.mainSec05 .goodsListWrap li:last-child{
    margin-right:0;
}

.mainSec05 .goodsListWrap .moreAndPaging{
    padding: 6vw 4.167vw;
}

.mainSec05 .goodsListWrap .moreAndPaging a{
    display:block;
    width:17.778vw;
    font-size:2.778vw;
    line-height:6.667vw;
    text-align:center;
    color:#fff;
    background:#000;
    border-radius:3.333vw;
}

.mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 59.444vw;
    height: 0.556vw;
    top: auto;
    bottom: 7.222vw;
    left: 23.889vw;
    background:#d9d9d9;
}

.mainSec05 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec06
//
--------------------------------------------------------------------------------*/
section.mainSec06 h2.secTit, section.mainSec06 h2.secTit a{
    margin-bottom:2.778vw;
}

.mainSec06 .tabBtn{
    padding-bottom:5vw;
    display:flex;
    justify-content: space-between;
}


.mainSec06 .bestSellTab{
    display:none;
}

.mainSec06 .bestSellTab:nth-child(1){
    display:block;
}


.mainSec06 .tabBtn li:last-child{
    margin-right:0;
}

.mainSec06 .tabBtn li a{
    display:block;
    font-size:3.889vw;
    line-height:5.556vw;
    color:#969696;
    font-weight:500;
}

.mainSec06 .tabBtn li.active a{
    color:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec07
//
--------------------------------------------------------------------------------*/


.mainSec07 .planBox .box1{
    margin-bottom:6px;
}

.mainSec07 .planBox .box1 a img{
    width:100%;
    border-radius: 4vw;
    margin-bottom: 5vw;
}


/*--------------------------------------------------------------------------------
//
//            mainSec08
//
--------------------------------------------------------------------------------*/
.mainSec08{
    overflow:hidden;
}


.mainSec08 .goodsListWrap .swiper{
    overflow:visible;
}


.mainSec08 .goodsListWrap li{
    position:relative;
    width:100%;
    display:block;
    margin-right:4vw;
}

.mainSec08 .goodsListWrap li img{
    width:100%;
    border-radius:3vw;
}


.mainSec08 .goodsListWrap li:last-child{
    margin-right:0;
}

.mainSec08 .goodsListWrap .moreAndPaging{
    padding: 6vw 4.167vw;
}

.mainSec08 .goodsListWrap .moreAndPaging a{
    display:block;
    width:17.778vw;
    font-size:2.778vw;
    line-height:6.667vw;
    text-align:center;
    color:#fff;
    background:#000;
    border-radius:3.333vw;
}

.mainSec08 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 59.444vw;
    height: 0.556vw;
    top: auto;
    bottom: 7.222vw;
    left: 23.889vw;
    background:#d9d9d9;
}

.mainSec08 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec09
//
--------------------------------------------------------------------------------*/
.mainSec09{
    overflow:hidden;
}


.mainSec09 .goodsListWrap .swiper{
    overflow:visible;
}


.mainSec09 .goodsListWrap li{
    position:relative;
    width:100%;
    display:block;
    margin-right:4vw;
}

.mainSec09 .goodsListWrap li img{
    width:100%;
    border-radius:3vw;
}

.mainSec09 .goodsListWrap li .textBox{
    position:absolute;
    bottom:8vw;
    left:4.167vw;
}

.mainSec09 .goodsListWrap li .textBox strong{
    display:block;
    margin-bottom:5.278vw;
    font-size:5.5vw;
    font-weight:400;
    line-height:8vw;
    color:#fff;
}

.mainSec09 .goodsListWrap li .textBox .hashTag span{
    display:inline-block;
    margin-right:0.556vw;
    padding:0 4.167vw;
    font-size: 3.056vw;
    line-height:6.667vw;
    text-align:center;
    background:#fff;
    border-radius:3.333vw;
}


.mainSec09 .goodsListWrap li:last-child{
    margin-right:0;
}

.mainSec09 .goodsListWrap .moreAndPaging{
    padding: 6vw 4.167vw;
}

.mainSec09 .goodsListWrap .moreAndPaging a{
    display:block;
    width:17.778vw;
    font-size:2.778vw;
    line-height:6.667vw;
    text-align:center;
    color:#fff;
    background:#000;
    border-radius:3.333vw;
}

.mainSec09 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 59.444vw;
    height: 0.556vw;
    top: auto;
    bottom: 7.222vw;
    left: 23.889vw;
    background:#d9d9d9;
}

.mainSec09 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


/*--------------------------------------------------------------------------------
//
//            mainSec11
//
--------------------------------------------------------------------------------*/
.mainSec11{
    overflow:hidden;
}


.mainSec11 .goodsListWrap .swiper{
    overflow:visible;
}


.mainSec11 .goodsListWrap li{
    position:relative;
    width:100%;
    display:block;
    margin-right:4vw;
}

.mainSec11 .goodsListWrap li img{
    width:100%;
    border-radius:3vw;
}

.mainSec11 .goodsListWrap li .textBox{
    padding-top: 10px;
}


.mainSec11 .goodsListWrap li .textBox strong{
    display:block;
    margin-bottom:5.278vw;
    font-size:5.5vw;
    font-weight:400;
    line-height:8vw;
    color:#fff;
}

.mainSec11 .goodsListWrap li .textBox .hashTag span{
    display:inline-block;
    margin-right:0.556vw;
    padding:0 4.167vw;
    font-size: 3.056vw;
    line-height:6.667vw;
    text-align:center;
    background:#fff;
    border-radius:3.333vw;
}


.mainSec11 .goodsListWrap li:last-child{
    margin-right:0;
}

.mainSec11 .goodsListWrap .moreAndPaging{
    padding: 6vw 4.167vw;
}

.mainSec11 .goodsListWrap .moreAndPaging a{
    display:block;
    width:17.778vw;
    font-size:2.778vw;
    line-height:6.667vw;
    text-align:center;
    color:#fff;
    background:#000;
    border-radius:3.333vw;
}

.mainSec11 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 59.444vw;
    height: 0.556vw;
    top: auto;
    bottom: 7.222vw;
    left: 23.889vw;
    background:#d9d9d9;
}

.mainSec11 .goodsListWrap .moreAndPaging .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background:#000;
}


.imgbox {width:65vw !important; margin-right:4vw !important;}


.top_menu_navi {width:100%; white-space:nowrap; overflow:auto hidden; scroll-behavior: smooth; background-color:#fff; font-weight:bold;}
.top_menu_navi>ul {width:100%; display:flex;}
.top_menu_navi>ul>li {font-size:15px; display:flex; position:relative; padding:2.778vw 3vw;}
.top_menu_navi>ul>li:nth-child(1) {padding-left:0;}


.top_menu_navi {
   -ms-overflow-style: none;
}
.top_menu_navi::-webkit-scrollbar{
  display:none;
}


.newbtn {background: red; width: 3.5px; height: 3.5px; border-radius: 100px; display: inline-block; margin: 0 0 10px 1.5px;}


#time_deal_banner {
position: absolute;
    top: 0;
    right: 3vw;
    background-color: #d13131;
    color: #fff;
    min-width: 22vw;
    text-align: center;
    font-size: 3vw;
    line-height: 8vw;
    display: none;
    padding: 0 4vw;
    border-radius: 100px;
}
#time_deal_banner a {color:#fff;}
/* BASIC css end */