/* BASIC css start */
/*--------------------------------------------------------------------------------
//
//            공통
//
--------------------------------------------------------------------------------*/
#overlay_layer {display:none !important;}

#container {padding-top:0;}
.listPrice {margin-bottom:0;}

.prd-sale {font-size: 3vw;line-height:1.5em;}
.prd-sale img {width: 14px;margin-top: 2px;margin-right: 2px;}
.prd-sale strong {font-weight: 500;letter-spacing: -0.025em;}

.mainNewPrdWrp .goodsListWrap .MK-product-icons > img {width: auto !important;}
.mainNewPrdWrp .goodsListWrap .listDiscount {display:block;}

.recmdPrdCnt .goodsListWrap  .MK-product-icons > img {width: 46%;}
.recmdPrdCnt .goodsListWrap ul li .textBox .g_icon > img {/*width:100%;*/}

.main section,
.main section *{
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

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

.main section h2.secTit,
.main section h2.secTit a{
    text-align:center;
    display:block;
    margin-bottom:4.167vw;
    font-size:5.556vw;
    font-weight:600;
    line-height:8.333vw;
    font-family: "Montserrat", "pretendard", sans-serif;
}

html body {
    padding:0;
}

body header .mainHeader{
    display:block;
}

body header .etcPageHeader{
    display:none;
}

.goodsListWrap ul li .textBox .g_icon {
    padding-top:0;
    line-height: 5vw;
    margin-bottom:5px;
}

.goodsListWrap ul li .textBox .g_icon img {
    margin-right:0;
    
}

.goodsListWrap.grid_02 ul li .main_icons img {
    height: 61vw;
    object-fit: cover;
}

/*--------------------------------------------------------------------------------
//
//            swiper overflow 수정
//
--------------------------------------------------------------------------------*/
.mainNewPrdWrp,
.recmdPrdCnt,
.cate010Prd{
    overflow:hidden;
}

.mainNewPrdWrp .swiper,
.recmdPrdCnt .swiper,
.cate010Prd .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;
    margin-right:1.389vw;
}

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

.categoryListWrap ul li a{
    display:block;
    position:relative;
    padding: 2.778vw 4.167vw;
    font-size:3.289vw;
    line-height:5vw;
    font-family: "Montserrat", "pretendard", sans-serif;
    font-weight: 600;
}

.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;
}

.mainCateWrap {
    padding-top:25px;
}

.mainCateWrap ul {
    display: grid;
    grid-template-columns: repeat(5, 2fr);
    place-items: center;
    row-gap: 25px;
    padding: 0 10px;
}

.mainCateWrap ul li a img {
    width:15.5vw;
    background: #f3f3f3;
    border-radius: 20px;
}

/*단독특가사용시오픈
.mainCateWrap ul li:first-child a img {
    background:#000;
}*/

.mainCateWrap ul li a span {
    display: block;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    font-size: 3.3vw;
    line-height: 4.444vw;
    white-space: nowrap;
    font-weight: 500; 
}


.mainSldBnr {
    margin-top:40px;
    padding: 0 20px;
}

.mainSldBnr .swiper {
    border-radius:15px;
}

.mainSldBnr .mySwiper .swiper-slide {
    background-color:#907553;
    box-sizing: border-box;
    color: #fff;
    font-size: 3.4vw;
}

.mainSldBnr .mySwiper .swiper-slide a {
    display:block;
    color:#fff;
    padding: 20px;
}

.mainSldBnr .mySwiper .swiper-slide.idx02 {
    background-color:#642b1f;
}

.mainSldBnr .mySwiper .swiper-pagination {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    max-width: 65px;
    color: #fff;
    font-size: 3vw;
    left: auto;
    right: 20px;
    bottom: auto;
    top: 20px;
    font-family: "Montserrat", "pretendard", sans-serif;
}

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

.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:70%;
    height:4px;
    top:auto;
    bottom:20px;
    left:15%;
}

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

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

.mainSec01 ul li{
    overflow:hidden;
}

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

.mainSec01 ul li .textBox{
    position:absolute;
    bottom:22vw;
    left:20px;
}

.mainSec01 ul li .textBox strong{
    display:block;
    margin-bottom:5.556vw;
    font-size:8.333vw;
    line-height:9.722vw;
    font-weight:400;
    color:#fff;
    opacity:0;
    margin-left:-100%;
    
    transition:all 0.5s;
}

.mainSec01 ul li .textBox span{
    display:block;
    font-size:4.167vw;
    line-height:5.556vw;
    color:#fff;
    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;
}


/*--------------------------------------------------------------------------------
//
//            랭킹 리스트
//
--------------------------------------------------------------------------------*/
.mainLanking .sec02Wrap{
    display:flex;
}

.mainLanking .box1{
    width:32%;
    padding:11.722vw 4.167vw 4.167vw 4.867vw;
    text-align:center;
}

.mainLanking .box1 .text01{
    display: block;
    margin-bottom: 3.144vw;
    font-size: 5.278vw;
    font-weight: 600;
    line-height: 6.944vw;
    font-family: "Montserrat", "pretendard", sans-serif;
}

.mainLanking .box1 .text02 {
    position:relative;
    display: block;
    text-align:left;
    margin-bottom: 3.889vw;
    font-size: 3.6vw;
    font-weight: 500;
    line-height: 5.4vw;
}

.mainLanking .box1 .text02::after {
    content:"";
    display:inline-block;
    background: url('/design/fas1292/renewal/images/mo/lanking_icon.png') no-repeat;
    background-size:13px auto;
    background-position:center;
    width:13px;
    height:17px;
    position:absolute;
    top:3px;
    right:-5px;
}

.mainLanking .box1 a {
    background: #000;
    color: #fff;
    border-radius: 10px;
    max-width: 60px;
    display: block;
    font-size: 2.6vw;
}

.mainLanking .box2{
    width:68%;
    margin: 9.722vw 0 0 3.575vw;
    overflow:hidden;
}

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

.mainLanking .box2 ul{
    padding-right:15px;
}

.mainLanking .box2 ul li img{
    display:block;
    width:100%;
    height:40vw;
    object-fit:cover;
}

.mainLanking .box2 ul li span{
    display:block;
    padding-top:1.389vw;
    text-align:center;
    line-height:4.444vw;
    font-size:3.333vw;
    font-weight:500;
}

.mainLanking .box2 .textBox {display:none;}

.mainLanking .box2 .my-wish-list {display:none;}


/*--------------------------------------------------------------------------------
//
//            타임세일
//
--------------------------------------------------------------------------------*/
.timeSaleCnt .goodsListWrap ul li {
    display:flex;
}

.timeSaleCnt .goodsListWrap ul li .imgBox  {
    position:relative;
    width:50%;
}

.timeSaleCnt .goodsListWrap ul li .textBox {
    width:45%;
    margin-left:5%;
    padding-top:5vw;
}

.timeSaleCnt .goodsListWrap ul li .textBox .time_count {
    font-size:4.4vw;
    line-height:6vw;
    margin-bottom:12vw;
    font-weight: 600;
    font-family: "Montserrat", "pretendard", sans-serif;
}

.timeSaleCnt .goodsListWrap ul li .textBox .time_count #timer {
    display:flex;
    margin-top:10px;
}

.timeSaleCnt .goodsListWrap ul li .textBox .time_count #timer.active {
    font-size:0;
}

.timeSaleCnt .goodsListWrap ul li .textBox .time_count #timer.active #displayTimeSale {
    font-size: 4.4vw;
}

#displayTimeSale {
    margin-left:5px;
}

#displayTimeSaleTime {
    font-weight:600;
}

.timeSaleCnt .imgBox .end_sale {
    background-color:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}


.timeSaleCnt .imgBox .end_sale strong {
    color: #c1c3c4;
    font-size: 5vw;
    line-height:6.5vw;
    font-family: "Montserrat", "pretendard", sans-serif;
}

.timeSaleCnt .goodsListWrap .imgBox .wishBtn {
    display:none;
}

.timeSaleCnt .goodsListWrap .swiper .swiper-wrapper {
    padding-bottom:8vw;
}

.timeSaleCnt .swiper-pagination-progressbar {
    top: auto;
    bottom: 0;
}

.timeSaleCnt .swiper-horizontal>.swiper-pagination-progressbar {
    left: 53%;
    transform: translate(-50%);
    width: 60%;
    height:3px;
    top:auto;
    bottom:0;
    background: #e9e9e9;
}

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


.mainSec04 .listPrice .listDiscount {display:block;}

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

.mainSec05 .goodsListWrap {
    margin-bottom:11.111vw;
}

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


.mainSec05 .goodsListWrap li:nth-child(1){
    position:relative;
    width:83.333vw;
    margin-left:-4.167vw;
}

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

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

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

.mainSec05 .goodsListWrap li:nth-child(1) .textBox strong{
    display:block;
    margin-bottom:5.278vw;
    font-size:6.667vw;
    font-weight:400;
    line-height:8.333vw;
    color:#fff;
}

.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:43.056vw;
    margin-top:11.667vw;
}

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

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

.mainSec05 .goodsListWrap .moreAndPaging{
    padding: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;
}


/*--------------------------------------------------------------------------------
//
//            포스트잇
//
--------------------------------------------------------------------------------*/
section.recmdPrdCnt h2.secTit, section.recmdPrdCnt h2.secTit a{
    margin-bottom:5vw;
}

.recmdPrdCnt .tabBtn{
    padding:0 0 2.778vw;
}


.recmdPrdCnt .bestSellTab{
    display:none;
}

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

.recmdPrdCnt .tabBtn li{
    margin-right:6.944vw;
}

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

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

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


.recmdPrdCnt .planBox .box1{
    position:relative;
    margin-bottom:12px;
}

.recmdPrdCnt .planBox .box1 .txtBox {
    position:absolute;
    left:5vw;
    bottom:4.5vw;
    z-index: 5;
}

.recmdPrdCnt .planBox .box1 .txtBox strong {
    font-size:5vw;
    font-weight: 500;
    font-family: "Montserrat", "pretendard", sans-serif;
}

.recmdPrdCnt .planBox .box1 .g_effect {
    position: absolute;
    background: linear-gradient(rgba(0, 0, 0, 0) 30.66%, rgb(0, 0, 0) 100%);
    inset: 0px;
    opacity: 0.6;
    z-index: 2;
    pointer-events: none;
} 

.recmdPrdCnt .planBox .box1 .txtBox a {
    color:#fff;
}

.recmdPrdCnt .planBox .box1 .txtBox p {
    padding:10px 0 20px;
    font-size: 4.4vw;
}

.recmdPrdCnt .planBox .box1 a img{
    width:100%;
}

.recmdPrdCnt .planBox .box1 .wishBtn img {
    width:20px;
}


.recmdPrdCnt .goodsListWrap ul li .wishBtn {
    display:none;
}

.recmdPrdCnt .planBox .textBox .origin {
    display:block;
    line-height: 5vw;
}

.recmdPrdCnt .goodsListWrap ul li .imgBox img {
    height:39vw;
    object-fit:cover;
}


/*--------------------------------------------------------------------------------
//
//            위켄드 세일
//
--------------------------------------------------------------------------------*/
.cate010Prd .goodsListWrap ul li .imgBox img {
    height:39vw;
    object-fit:cover;
}

.cate010Prd .planBox .box1{
    position:relative;
    margin-bottom:12px;
}


.cate010Prd .planBox .box1 a img{
    width:100%;
}

.cate010Prd .goodsListWrap ul li .wishBtn {
    display:none;
}

.cate010Prd .g_price .origin {
    display:block;
}


/*--------------------------------------------------------------------------------
//
//           추가 상품
//
--------------------------------------------------------------------------------*/


.goods_list .listPrice .consumer {
    display:block;
    color:#fa5500;
    font-size: 3.2vw;
    line-height: 4vw;
}


.goods_list .listPrice .listDiscount {
    color:#000;
    font-weight: 700;
}

.goods_list .listPrice .origin {
    font-weight: 400;
    text-decoration: line-through;
}

.goods_list .listDiscount del {
    color:#979797;
    font-weight: 400;
}


/*--------------------------------------------------------------------------------
//
//            mainSec09
//
--------------------------------------------------------------------------------*/


.mainSec09 .listPrice .consumer {
    font-size: 3.2vw;
}


/*--------------------------------------------------------------------------------
//
//            브랜드 영역
//
--------------------------------------------------------------------------------*/

.mainBrandArea .brdBnrSld .swiper-slide img {
    width:100%;
}

.mainBrandArea .brdBnrSld {
    padding: 50px 0 70px;
    margin-left: -35px;
    overflow-x: hidden;
}

.mainBrandArea .brdBnrSld .swiper-slide {
    position:relative;
}

.mainBrandArea .brdBnrSld .swiper-slide .brand_info {
    position: absolute;
    bottom: 2.5vw;
    left: 50%;
    text-align: center;
    background: rgba(255,255,255,0.9);
    width: 90%;
    padding: 1.874vw 0 1vw;
    transform: translate(-50%); 
    font-size: 5vw;
    font-family: "Montserrat", "pretendard", sans-serif;
    opacity:0;
    transition:all .3s;
}


.mainBrandArea .brdBnrSld .swiper-slide .brand_info p {
    color:#a7a9a7;
    font-size:3.2vw;
    font-weight: 600;
    
}

.mainBrandArea .brdBnrSld .swiper-slide-active {
    transform: scale(1.15) !important; 
    transition: transform 0.3s ease;
    margin:0 25px 0 15px !important;
}

.mainBrandArea .brdBnrSld .swiper-slide-active .brand_info {
    opacity:1;
    transition:all .3s;
}

.mainBrandArea .brdBnrSld .swiper-pagination-progressbar {
    top: auto;
    bottom: 0;
}

.mainBrandArea .swiper-horizontal>.swiper-pagination-progressbar {
    left: 53%;
    transform: translate(-50%);
    width: 60%;
    height:3px;
    top:auto;
    bottom:0;
    background: #e9e9e9;
}

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


/*--------------------------------------------------------------------------------
//
//            app 다운로드
//
--------------------------------------------------------------------------------*/
.mainAppDown .appDownList {
    padding:0 20px;
}
.mainAppDown .appDownList ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainAppDown .appDownList ul li {
    margin-right:10px;
}

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

.mainAppDown .appDownList ul li a img {
    width:100%;
}


/*주말특가노출여부*/
#mainSleBnr {display:none;} 


/* BASIC css end */