/* BASIC css start */
/* 메인 비쥬얼 배너 */
#main_img {
    width: 100%;
    min-width: 1400px;
    overflow: hidden;
    margin-bottom:150px
}

#main_mov img {
    width: 100%;

}

#contentWrapper { position: relative;margin-top:0px }


/* 메인 비쥬얼 배너 */
.visual-banner {position:relative; overflow:hidden;}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:90px; height:2px; top:auto; bottom:19px; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.5); }
.visual-banner .swiper-horizontal .swiper-pagination-progressbar span {background: #fff;}
.visual-banner .swiper-button-prev:after,
.visual-banner .swiper-button-next:after {display:none;}
.visual-banner .txtbox {display:inline-block; text-align:center; position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); opacity:0; visibility: hidden; transition:all .8s ease-in; -webkit-transition:all .8s ease-in; }
.visual-banner .swiper-slide-active .txtbox {opacity:1; top:52%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #5c1924; font-size: 18px; letter-spacing: 2px; font-weight:500; margin-bottom:10px;}
.visual-banner .txtbox .txt02 {line-height:31px; background-color: rgba(247,247,247,.3); color: #f7f7f7; font-weight: bold; font-size: 12px; letter-spacing: 2px; padding:0 30px;}
.visual-banner .swiper-slide{filter: brightness(.5); transition: filter .3s; scale: 1;}
.visual-banner .swiper-slide.swiper-slide-prev,.visual-banner .swiper-slide-next,.visual-banner .swiper-slide-active{filter: brightness(1); transition: filter .3s; scale: 1;}
 
 
 /* 메인동영상 */
#mv_play {width:640px; margin:0 auto; padding:100px 0}
#mv_play video{width:100%}


/* 위클리베스트 */
#sec_best{background-color:#efece7; width:100% }
#sec_best h2{text-align: center; font-size: 20px; padding: 70px 0 0px 0;}
#sec_best .sec_inner{ margin:0 auto; text-align:center; width:1500px}
#sec_best .sec_inner h2{margin-bottom:20px}
#sec_best .sec_inner .sec6_cate{margin: 0px 0 20px; padding-top:40px}
#sec_best .sec_inner .sec6_cate ul{  display: inline-block;    margin: 0 auto;    text-align: center;}
#sec_best .sec_inner .sec6_cate ul li{margin:0 10px 15px 0; width:auto !important; display: inline-block;}
#sec_best .sec_inner .sec6_cate ul li a{  font-size: 12px; display: block;font-weight: 400;text-align:center;   padding: 5px 8px;}
#sec_best .sec_inner .sec6_cate ul li.on>a{transition:border-color .3s; border:1px solid #ddd transparent; background-color:#fff; border-radius:15px;border-color:#000; font-weight:500}

#sec_best .sec_inner .sec6_prd{}
#sec_best .sec_inner .sec6_prd>div{display:none;}
#sec_best .sec_inner .sec6_prd>div.show{display: block;}
#sec_best .sec_inner .sec6_prd>div>ul{width: 100%; display: flex; flex-wrap: wrap; }
#sec_best .goods_list .thum_info {text-align:left}
#sec_best .goods_list .thum_info .goods_name {  color: #333; }
#sec_best .goods_list .thum_info .goods_atc {  font-size: 0.9em;}


/* 중앙배너 */
.midbanner {width:1500px; margin:35px auto 15px; display:flex;}
.midbanner a {display:inline-block; flex:1; transition:all .3s ease; -webkit-transition:all .3s ease;}
.midbanner a:hover {opacity:0.7;}
.midbanner a:first-child {margin-right:23px;}
.midbanner a img {width:100%;}

/* BEST 상품 */
.prd01 .item-wrap {position:relative; overflow: inherit;}
.prd01 .item-wrap .item-cont {overflow:hidden;}
.prd01 .cateTit {position:relative;}
.prd01 .controller {position:absolute; top:35px; right:0;}
.prd01 .controller .swiper-fraction {text-align:right; color: #ce7777; font-size: 12px; font-weight: 800; padding-bottom:8px;}
.prd01 .controller .swiper-fraction .swiper-pagination-current {color: #ce7777;}
.prd01 .controller .swiper-pagination {width:90px; height:2px; position:static; background:#f7f7f7;}
.prd01 .controller .swiper-pagination span {background:#ce7777}
.prd01 .swiper-button-prev {left:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-next {right:-80px; top:42%; width: 37px; height: 71px;}
.prd01 .swiper-button-prev:after,
.prd01 .swiper-button-next:after {display:none;}

/* 상품폼 */
.prd-more {text-align:center; margin-top:35px;}
.prd-more a {width:280px; height:56px; line-height:56px; display:inline-block; border-radius:10px; border: 1px solid #f7f7f7; color: #c5c5c5; font-size: 13px; letter-spacing: 1.5px; font-family:'Montserrat',sans-serif; font-weight:bold;}


/* pc더보기 버튼 추가 영역 */
.product-wrap .more { text-align:center; margin: 24px 0px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}

@media screen and (max-width:1780px){
    .prd01 .swiper-button-next,
    .prd01 .swiper-button-prev {display:none;}
}    

section {margin-bottom:150px !important}




.styled-section {
    width: calc(100% - 40px);
    min-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.container {
    display: flex;
    justify-content: space-between;
}

.left-column {
    width: 42%;
    position: relative;
    display: inline-block;
}

.left-column img {
    width: 100%;
    height: auto;
    display: block;
}

.left-column .pop_up_title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center; /* 텍스트를 중앙 정렬 */
    color: white; /* 텍스트 색상 변경 */
    font-size: 24px; /* 텍스트 크기 조절 */
}

.right-column {
    width: 55%;
    display: flex;
    gap: 10px;
}

.right-column > h2{
    display: block; /* h2 요소를 블록 요소로 설정하여 flex의 영향을 받지 않도록 함 */
    margin-bottom: 10px; /* flex의 gap 대신 하단에 여백을 줌 */
}


.right_01, .right_02 {
    flex: 1; /* Ensures both divs take up equal space */
    margin: 0 10px; /* Adds some margin between the columns for better spacing */
}




/* .goods_list 내 .items > li 요소를 block으로 표시 */
.right_01 .goods_list .items > li,
.right_02 .goods_list .items > li {
    display: block;
}

/* .thum_img 요소의 너비를 20%로 설정하고, 왼쪽에 떠 있도록 설정하며, 오른쪽 여백을 10px로 설정 */
.right_01 .thum_img,
.right_02 .thum_img {
    width: 20%;
    float: left;
    margin-right: 20px;
}

.right_01 .thum_info,
.right_02 .thum_info {
    width: 80%;
}


.right_01 .goods_list .items > li,
.right_02 .goods_list .items > li{
    padding:0px;
    margin-bottom:20px
}

.right_01 .goods_list .items > li::after,
.right_02 .goods_list .items > li::after{
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    border-right: 1px solid #ddd;
}


.right_01 .goods_list .wish_bt,
.right_02 .goods_list .wish_bt{
    top:20%;
    right:5%
}
  





.main-image {
    width: 100%;
    height: auto;
}

.sub-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.right-column h2 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 700;
    writing-mode: vertical-rl;
}

.right-column h3 {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 700;
}

.right-column p {
    font-size: 12px;
    margin: 10px 0 30px;
}

.right-column ..right-column {
    width:85%;
}

.right-column .goods_brand {
    display:none;
}


.product-list {
    list-style: none;
    padding: 0;
}

.product-list li {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.product-list img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.product-info {
    display: flex;
    flex-direction: column;
}

.product-info h3 {
    font-size: 14px;
    margin: 0;
}

.product-info .discount {
    font-size: 12px;
    color: #ce7777;
}


/*mm스토리*/
.plan_prd  { margin:0 auto; overflow: hidden;     position: relative}
.plan_prd .goods_text {margin-top: 10px; text-align: left;  width: 98%;}
.plan_prd .brand_text { font-size: 17px; font-weight: 600; padding-bottom: 5px;  color: #000;}
.plan_prd .brand_main {font-size: 13px;  font-weight: 400;   color: #000;}

.plan_prd .swiper-button-prev { left: 0px; background-color: #ffffff4a;   }
.plan_prd .swiper-button-prev:after { color: #000000; font-size: 12px; font-weight:600 }
.plan_prd .swiper-button-next { right: 0px; background-color: #ffffff4a;  }
.plan_prd .swiper-button-next:after { color: #000000; font-size: 12px;  font-weight:600}



/*메인 기획전 2단*/

/* 메인 기획전 2단 */


#plan_news {width:100%}

#plan_news .goods_list{
        margin: 0 auto;
        display: inline-flex;
}


#plan_news .thum_info {
    position: relative; /* 상대 위치 지정 */
    font-size:0px
}


#plan_news .thum_info ul {
    height: 100%; 
    width: 100%;  
    margin: 0;   
    padding: 0;  
    box-sizing: border-box; 
    display: inline-flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding:20px
}

.grid1_plan {
    width: calc(100% - 0px);
    display:inline
}

.grid1_plan > a {
    display:flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
} 
 

.grid1_plan .thum_img {
    width: 50%;
    margin-right: auto;
}

.grid1_plan .thum_info {
    width: 50%;
    padding: 0 !important;
}


#plan_news .grid1_plan .goods_name{
    font-size:34px;
    font-weight:600

}

#plan_news .grid1_plan .goods_atc{
    font-size:13px;
    font-weight:600;
    line-height:18px
    }

.grid1_plan .goods_price,
.grid1_plan .prd_info_s {
    display:none
}





.grid2_plan {
    width: calc(50% - 0px);
 }
 
.grid2_plan > a {
    display:flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
} 
 

.grid2_plan .thum_img {
    width: 50%;
    margin-right: auto;
}

.grid2_plan .thum_info {
    width: 50%;
    padding: 0 !important;
}


#plan_news .grid2_plan .goods_name{
    font-size:34px;
    font-weight:600

}

#plan_news .grid2_plan .goods_atc{
    font-size:13px;
    font-weight:600;
    line-height:18px
    }

.grid2_plan .goods_price,
.grid2_plan .prd_info_s {
    display:none
}


.main_title h2 > a{ font-size: 28px;  font-weight: 600; color: #000000;  margin: 5px 0 5px;   display: inline-flex; align-items: center;}
.main_title h2 > a > span{   border: 1px solid #ccc;    border-radius: 10px;    padding: 5px;    font-size: 16px; margin-left:20px; font-weight:500}
.main_title h3{font-size: 18px;  font-weight: 500; color: #656565;}
.main_title h4{ font-size: 16px; font-weight: 600; color: #000;}
/* BASIC css end */