/* BASIC css start */
/* 메인헤더 */
body header .header .inner {position: absolute; padding: 20px 14px; width: 100%; z-index: 10; box-sizing: border-box;}
body header .header img {display:block;}
body header .header img.main-head {display:none;}
body header .bottom_menu {display:none;}
body header.fixed .header .inner {position:relative;}
body header.fixed .header img {display:block;}
body header.fixed .header img.main-head {display:none;}
body header.fixed .bottom_menu {display:block;}

/* 메인 비쥬얼 배너 */
.visual-banner {position:relative; overflow:hidden; margin-bottom:50px}
.visual-banner .inner img {width:100%;}
.visual-banner .swiper-horizontal .swiper-pagination-progressbar {width:53px; height:2px; top:auto; bottom:17px; 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 .txtbox {display:inline-block; text-align:center; position:absolute; top:70%; 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:65%; visibility: visible;}
.visual-banner .txtbox .txt01 {color: #5c1924; font-size: 14px; letter-spacing: 1px; font-weight:500; margin-bottom:6px;}
.visual-banner .txtbox .txt02 {line-height:27px; background-color: rgba(247,247,247,.3); color: #f7f7f7; font-weight: bold; font-size: 9px; letter-spacing: 1px; padding:0 10px;}

.visual-banner .swiper_btn_prev{position: relative; z-index: 10; cursor: pointer; float:left; margin-top:12px; margin-left:2%} 
.visual-banner .swiper_btn_next{position: relative; z-index: 10;  cursor: pointer; float:right; margin-top:12px; margin-right:2%}
.visual-banner .swiper_btn_prev::before {content: "\21BC"; font-size:26px; font-weight:400}
.visual-banner .swiper_btn_next::before {content: "\21C0"; font-size:26px; font-weight:400}



/* 메인영역 : sns */

.sns_main {margin-bottom:50px; padding: 0 2%}
.sns_title {text-align:left}
.sns_title > h2 > a{ font-size: 14px;  font-weight: 600; color: #000000;  margin: 5px 0 5px;   display: inline-flex; align-items: center;}
.sns_title > h2 > a > span{   border: 1px solid #ccc;    border-radius: 10px;    padding: 2px 4px;    font-size: 11px; font-weight:500 ; margin-left:10px}
.sns_title > h3 {
    font-size: 12px !important;
    font-weight: 500;
    color: #656565;
    border: 0px !important;
    margin: 0 0 10px 0!important;
}
.sns_title > h4{ font-size: 12px; font-weight: 600; color: #000; margin:0px ; border:0px}

.lightwidget__lightbox-btn-text {font-size:12px}


/* 메인동영상 */
.mv_play {padding:0% 5%}
.mv_play video{width:100%}



 /* Swiper 페이지네이션 수정 */
.sec_inner .swiper-pagination-cate {
      margin: 0px 0 20px 0;
      display:inline-block;
    }


.sec_inner .swiper-pagination-bullet {
  /* 원래 스타일을 비활성화하는 스타일 */
  width: auto;
  height: auto;
  border-radius: 0;
  background: none;
  display:inline-block;
  opacity:1;
  font-size: 12px;
  margin: 10px 15px;
}


.sec_inner .swiper-pagination-bullet-active {
      padding: 5px 8px;
      background-color:#fff !important;
      border-radius:15px !important; 
      border-color:#000; 
    }



.main_title {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0 auto;
}


.sub_title {
    font-size: 13px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 10px;
    text-align:center
}

.t03 {
    font-size: 12px;
    margin-bottom: 20px;
}


.insta_prd {overflow:hidden}
.swiper-pagination_insta .swiper-pagination-progressbar-fill { background: #000000 !important; }

.swiper-pagination_insta.swiper-pagination-progressbar {
    position: relative !important;
    width: 100%;
    /* margin: 0 auto; */
    margin: 10px 0 50px;
    height: 2px;
}





/* 메인동영상 */
.mv_play {padding:0% 5%}
.mv_play video{width:100%}



/* 중앙배너 */
.midbanner {position:relative; padding:47px 0 15px; overflow:hidden;}
.midbanner .swiper-pagination {width: auto !important; position:static; height: auto; transform: inherit !important; padding-top: 9px; line-height:1;}
.midbanner .swiper-pagination span {width:5px !important; height:5px !important; background:#353535 !important; transform: inherit;}
.midbanner .swiper-pagination span.swiper-pagination-bullet-active {background:#ce7777 !important;}
.midbanner img {width:100%;}

.midbanner .swiper-pagination span:after{content"앙데"}
.midbanner .swiper-pagination-text {
      display: inline-block;
      width: 8px;
      height: 8px;
      background: #000;
      border-radius: 10px;
      margin: 0 5px;
      opacity: 0.7;
      cursor: pointer;
    }

.midbanner .swiper-pagination-text-active {
      opacity: 1;
    }




/* brand_story 어바웃 */
#brand_story {}
#brand_story .sec_inner{  }
#brand_story .sec_inner .thumb{width: 100% }
#brand_story .sec_inner .thumb img{width: 100%;}
#brand_story .sec_inner .txt_cont{background-color: #f5f5f5; padding:25px}
#brand_story .sec_inner .txt_cont h2{font-size: 24px; font-weight: 700;letter-spacing: 0px;}
#brand_story .sec_inner .txt_cont p.tit{color: #666; font-size: 12px;margin: 20px 0 30px;line-height:1.7; font-weight: 400;}
#brand_story .sec_inner .txt_cont .shop_now{}
 .shop_now{font-size: 11px; color: #000;padding-bottom: 7px; border-bottom: 1px solid #000; font-weight: 500;letter-spacing: 1px; display: inline-block;}
 .shop_now span{display: inline-block;margin-left: 17px;}
 .shop_now span img{display:inline-block; margin-top:4px}





/* 하단배너 */
.ft-banner {height:235px; position:relative; overflow:hidden; margin-top:100px;}
.ft-banner .bg-wrap { clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}



/*메인 인기 브랜드 신상품*/
.main_new_project { position: relative; padding:0 2%; text-align: left; overflow:hidden; }
.main_new_project_list { position: relative; width: 100%; text-align: left; overflow: hidden; }


.main_new_project_list .swiper-wrapper > .swiper-slide p { vertical-align: bottom !important; padding-bottom: 15px; }
.main_new_project_list .swiper-wrapper > .swiper-slide p:nth-child(1) { font-size: 14px; font-weight: 700; padding-top: 15px; }
.main_new_project_list .swiper-wrapper > .swiper-slide p:nth-child(2) { font-size: 18px; font-weight: 400; padding-top: 0px; margin-left: 0px; }
.main_new_project_list .swiper-wrapper > .swiper-slide .thum img { width: 100%; }

.main_new_project_list .swiper-wrapper > .swiper-slide .review_text .goods_contents { width: 100%; padding: 0px; padding-top: 10px; }
.main_new_project_list .swiper-wrapper > .swiper-slide .review_text .goods_contents a { display: flex; }
.main_new_project_list .swiper-wrapper > .swiper-slide .review_text .goods_contents .thum_img { width: 100px; }
.main_new_project_list .swiper-wrapper > .swiper-slide .review_text .goods_contents .thum_info { width: calc( 100% - 120px ); text-align: left; padding-left: 20px; margin-top: 0px; }

.main_new_project_list .grid_text { position: relative; width: calc( 100% - 25px ); padding: 20px 25px 15px 0px; }
.main_new_project_list .grid_text > div { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.main_new_project_list .items > li {margin-right: 0px;}

.main_new_project_list .goods_name {overflow: hidden; width: 90%; text-overflow: ellipsis; white-space: nowrap;}
.main_new_project_list .goods_atc {display:none}
.main_new_project_list .swiper-wrapper > .swiper-slide .thum { position: relative; margin-bottom:5px}
.main_new_project_list .swiper-wrapper > .swiper-slide .thum:before {content: ""; position: absolute; top: 0; left: 0;  right: 0;  bottom: 0;  background: rgba(0,0,0,0.2);}

.main_new_project_list .swiper-pagination_main_new_project { width: 100% !important; top: auto !important; bottom: 0px; left: 0px; margin: 0 auto; height: 2px !important; }
.main_new_project_list .swiper-pagination_main_new_project .swiper-pagination-progressbar-fill { background: #000000; }

.main_new_project_list .swiper-pagination_main_new_project.swiper-pagination-progressbar {
    position: relative !important;
    width: 80%;
    /* margin: 0 auto; */
    margin: 20px 0 50px;
    height: 2px;
}



.main_new_project .swiper-slide .grid-item .grid_text { position: absolute; top: 40%; left: -120px; opacity: 0; text-align: left; }
.main_new_project .swiper-slide .grid-item .grid_text p { position: relative; font-size: 16px; font-weight: 500; color:#fff}
.main_new_project .swiper-slide .grid-item .grid_text p:first-child { font-size: 18px; font-weight: 700; padding-bottom: 10px; }
.main_new_project .swiper-slide.swiper-slide-active .grid-item .grid_text { opacity: 1; }
.main_new_project .swiper-slide.swiper-slide-active .grid-item .grid_text { animation-name: main_new_project_text_01; animation-duration: 1s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; }
@keyframes main_new_project_text_01 {
	0% { opacity: 0; left: -220px; }
	35% { opacity: 0; left: -120px; }
	100% { opacity: 1; left: 20px; }
}



.goods_list .wish_bt { padding-top: 14px; } 
.goods_list .wish_bt a { font-family: 'malgun gothic'; font-size: 14px; color: #000; } 
.goods_list .wish_bt i.fa { margin-right: 4px; color: #e3e3e3; font-size: 18px; vertical-align: text-top; cursor:pointer; } 
.goods_list .wish_bt i.fa-heart { display:none; color: #f41f3a; } 
.goods_list .wish_bt .wish-on i.fa-heart { display:inline-block; } 
.goods_list .wish_bt .wish-on i.fa-heart-o { display:none; } 
.goods_list .wish_bt { position: absolute; right: 10px; top: 0px; z-index: 1; }

.page1 .slide-title,
.page1 .slide-text {
    color:#fff
 }

.page2 .slide-title,
.page2 .slide-text {
    color:#fff
 }

 .slide-content {
            text-align: left;
            position: relative;
        }

        .slide-title {
            font-size: 2.25rem;
            font-weight: 700;
            position: absolute;
            padding: .75rem;
            margin-top: 10px;
            letter-spacing:-1px;
            line-height: 2.25rem;
        }

        .slide-text {
            font-size: .875rem;
            position: absolute;
            font-weight:500;
            padding: .75rem;
            top:90%;
            letter-spacing:-1px;
            
        }

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

  .insta_news {
            display: flex;
            flex-direction: column;
            text-align: left;
            padding: 20px;
            background-color: #000;
            color: #000;
        }

        .insta_news img {
            max-width: 100%;
            height: auto;
        }

        .insta_news .title {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
            margin: 20px 0 10px;
            line-height: 25px;
        }

        .insta_news .description {
            font-size: 16px;
            line-height: 1.6;
            color: #fff;
        }

        .insta_news .author {
            margin-top: 20px;
            font-weight: bold;
            color: #fff;
        }

        /* 모바일 화면에 맞춘 레이아웃 */
        @media (max-width: 768px) {
            .insta_news {
                padding: 10px;
            }

            .insta_news .title {
                font-size: 20px;
            }

            .insta_news .description {
                font-size: 14px;
            }

            .insta_news .author {
                font-size: 14px;
            }
        }
/* BASIC css end */