/* BASIC css start */
body,html{min-width:1750px}

/*--------------------------------------------------------------------------------
//
//            공통
//
--------------------------------------------------------------------------------*/
body header{
    border-bottom:none;
}

body header.fixed{
    border-bottom:1px solid #e9e9e9;;
}

/*section{
    margin-bottom:185px;
}
*/

section h2.secTit,
section h2.secTit a{
    display:block;
    margin-bottom:40px;
    font-size:34px;
    font-weight:600;
    line-height:50px;
}

section h2.secTit span.icon{
    display: inline-block;
    margin-top: -7px;
    margin-left: 10px;
    font-size: 20px;
    vertical-align: middle;
}




.mainSec01 { margin-bottom: 185px; }
.mainSec02 { margin-bottom: 185px; } /* 필요 시 추가 */
.mainSec03 { margin-bottom: 35px; }
.mainSec05 { margin-bottom: 185px; }
.mainSec06 { margin-bottom: 185px; }


/*--------------------------------------------------------------------------------
//
//            section01
//
--------------------------------------------------------------------------------*/
.mainSec01{
    width:100%;
    margin-bottom:155px;
    overflow:hidden;
}

.mainSec01 .swiper{
    padding-bottom:42px;
    overflow:visible;
}

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

.mainSec01 .swiper-button-prev,
.mainSec01 .swiper-rtl .swiper-button-next{
    /*left:50px;*/
}

.mainSec01 .swiper-button-next,
.mainSec01 .swiper-rtl .swiper-button-prev{
    /*right:50px;*/
}

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

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

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

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

.mainSec01 ul li .textBox{
    position:absolute;
    top:600px;
    left:30px;
}

.mainSec01 ul li .textBox strong{
    display:block;
    margin-bottom:25px;
    font-size:22px;
    line-height:30px;
    font-weight:600;
    color:#fff;
}

.mainSec01 ul li .textBox span{
    display:block;
    font-size:15px;
    line-height:22px;
    color:#fff;
}



/*--------------------------------------------------------------------------------
//
//            section03
//
--------------------------------------------------------------------------------*/

section.mainSec03 {
    text-align: center;
    margin-bottom: 35px !important;
}

.mainSec03 img[src*="middleThinBan.png"] {
    width: 1391px;
    height: 91px;
    display: inline-block;
    margin: 0 auto; /* 가운데 정렬 */
}



/*--------------------------------------------------------------------------------
//
//            mainSec05
//
--------------------------------------------------------------------------------*/

li.fl img { width:430px; height:543px; }


.mainSec05 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px; 
    max-width: calc(430px * 3 + 50px * 2); /* 아이템 3개라면 계산 */
    margin: 0 auto;
}


.mainSec05 ul li {
    position: relative;
    width: 430px;
    margin: 0; /* 기존 margin-right 제거 */
}


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

.mainSec05 ul li .textBox{
    position:absolute;
    bottom:60px;
    left:30px;
}

.mainSec05 ul li .textBox strong{
    display:block;
    margin-bottom:30px;
    font-size:44px;
    font-weight:400;
    line-height:50px;
    color:#fff;
}

.mainSec05 ul li .textBox .hashTag span{
    display:inline-block;
    margin-right:2px;
    padding:0 15px;
    font-size: 13px;
    line-height:28px;
    text-align:center;
    background:#fff;
    border-radius:14px;
}






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

.mainSec06 .tabBtn{
    padding:0 0 40px;
}


.mainSec06 .bestSellTab{
    display:none;
}

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

.mainSec06 .tabBtn li{
    margin-right:40px;
}

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

.mainSec06 .tabBtn li a{
    display:block;
    font-size:20px;
    color:#969696;
    font-weight:500;
}

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

/*--------------------------------------------------------------------------------
//
//            신상품 & 베스트
//
--------------------------------------------------------------------------------*/



.product-wrap {
max-width: 1597px;
margin: 0 auto;
box-sizing: border-box;
}


/* 상품 리스트 영역 - flex 4열 + 간격 */
.item-cont {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 40px 60px; /* 세로 40px, 가로 60px */
}


/* 각 상품 항목 - 정확히 4열로 들어가게 */
.item-list {
  width: calc((100% - 60px) / 4); /* 20px * (4-1) = 60px 여백 제외 */
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

/* float 제거 (기존 float 기반 깨짐 방지) */
.item-wrap dl,
.item-wrap dl.item-list {
  float: none !important;
  display: block !important;
}

/* 이미지 꽉 차게 + 비율 유지 */
.item-list .thumb img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}




/*--------------------------------------------------------------------------------
//
//            투데이 베스트 (20250724 메샵 추가)
//
--------------------------------------------------------------------------------*/
#one_tab{
    font: 13px 'Outfit', 'Noto Sans KR', Dotum, AppleGothic, sans-serif;}
#one_tab{
    _height: 1000px;
    position: relative;
    background: #f4f3f1;
    padding: 135px 0 60px;
    margin: 168px 0;}
    
#one_tab .title{
    padding-top: 7px;
    padding-bottom: 28px;
    text-align: center;}


#one_tab .swiper{width:1600px}

#one_tab .tabBox{
    justify-content: center;}

#one_tab > .title span{
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    padding-bottom: 15px;
    font-family: 'Outfit';
}

#one_tab > .title p {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
}

#one_tab > .title h2 {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 1px;
    padding-left: 1px;
    display: inline-block;
    color: #4e4e4e;
    font-family: 'Outfit';
}
#one_tab .item-cont{display:}

/* 탭 메뉴 */
.tabMenuSwiper {
  margin-bottom: 38px;
}

.tabMenuSwiper .swiper-slide {
    width: auto;
    font-family: 'Outfit';
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.3s, border-bottom 0.3s;
    
    
    
    display: block;
    font-size: 16px;
    padding: 0 12px;
    font-weight: 400;
    color: #999;
    border-radius: 10px;
    line-height: 40px;
    letter-spacing: -.8px;
    
}
.tabMenuSwiper .swiper-slide-active {

  position:relative;
  
  
  
    padding: 0 15px;
    color: rgba(255, 255, 255, .9);
    background-color: #655345;
    font-weight: 400;
    font-size: 14px;
    margin: 0 10px;
    border-radius: 10px;
    line-height: 40px;
    letter-spacing: -.8px;
    
}

.tabMenuSwiper .swiper-slide-active:after{/*
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    bottom: 10px;*/
}

/* 상품 슬라이더 */
.productSwiper {
  height: auto;
  margin-top: 10px;
}
.productSwiper .swiper-slide {
  _display: block;
}

.productSwiper .swiper-slide .main_icons{}
.productSwiper .swiper-slide .main_icons img{width:100%}


#one_tab .item-cont- { width:1597px; *zoom:1 }
#one_tab .item-cont-:after { content: ""; display: block; clear: both }
#one_tab .item-cont- .item-list- { float:left; width:369px; text-align:center }
#one_tab .item-cont- .item-list-:last-child { padding-right:0px; }
#one_tab .item-cont- .item-list- .thumb { width:370px; height:435px; overflow:hidden }
#one_tab .item-cont- .item-list- .thumb img { width:370px; height:435px; }
#one_tab .item-cont- .item-list- .prd-info { padding:18px 0 60px; overflow:hidden }
#one_tab .item-cont- .item-list- .prd-ico{margin-top:3px; margin-left: 30px;}
#one_tab .item-cont- .item-list- .prd-ico img { margin:2px }
#one_tab .item-cont- .item-list- .prd-name { text-align:left; padding-top:5px }

#one_tab .item-cont- .item-list- .prd-name a { display:inline-block; color:#000; line-height:14px; text-overflow:ellipsis; word-wrap:normal; text-align: left; font-weight: 600; }
#one_tab .item-cont- .item-list- .prd-price { padding-top: 10px; text-align: left;}
#one_tab .item-cont- .item-list- .prd-price strike { color:#707070 }
#one_tab .item-cont- .item-list- .prd-price .price { color:#000 }
#one_tab .item-cont- .item-list- .prd-color { padding-top:5px }
#one_tab .item-cont- .item-list- .prd-preview { padding-top:5px }
#one_tab .item-cont- .item-list- .prd-preview .btn-preview { display:inline-block; width:69px; height:17px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_preview.gif) 0 0 no-repeat }
#one_tab .item-cont- .item-list- .prd-benefit { padding-top:5px }
#one_tab .item-cont- .item-list- .prd-wish { padding-top: 14px; }
#one_tab .item-cont- .item-list- .prd-wish a {font-size: 14px; color: #000; }
#one_tab .item-cont- .item-list- .prd-wish i.fa { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
#one_tab .item-cont- .item-list- .prd-wish i.fa-heart { display:none; color: #f41f3a; }
#one_tab .item-cont- .item-list- .prd-wish .wish-on i.fa-heart { display:inline-block; }
#one_tab .item-cont- .item-list- .prd-wish .wish-on i.fa-heart-o { display:none; }
#one_tab .item-cont- .item-list- .prd-subname { margin-top:15px; padding-top:15px; color: #454545; display:none; font-weight: 300; text-align:left; /*border-top:1px dashed #c6c6c6*/ }
#one_tab .item-cont- .item-list- .MK-product-icons img { vertical-align: middle }
#one_tab .item-cont- .nomg { padding-right: 0px }
#one_tab .item-page { margin-top: 50px; text-align: center; }
#one_tab .item-page a { padding: 0 5px }
#one_tab .item-page a:hover, #one_tab  .item-page a.now { color: #111; font-weight: bold; letter-spacing: -1px; }





/* BASIC css end */