/* index.css */
body{}


/* main - 1행 , 2행, 3행,4행, 5행-배너1, 6행,7행 */
main{}

/* 1행 : 신제품 영상  시작 */
main .first_video {
    display: block;
    width: 1920px;
    height: 1000px;
    position: relative;
    overflow: hidden;
    z-index: 1;
} 
main .first_video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    /* min-height: 100%; */
    transform: translate(-50%, -50%); /* 중앙배치 */
    object-fit: cover;
} 
/* 1행 : 신제품 영상  끝 */

/* 2행 : 신제품 소개 스와이퍼  시작 */

/* 2행 공통선택 */
main .new_product {
    width: 100%; 
    /* height: 925px; */
    /* height: 100vh; */
    /* background-color: rgb(137, 202, 137); */
    padding-top: 60px; 
    padding-bottom: 60px;
    position: relative;
    
}
main .new_product h1{
    font-size: 2.813rem;
    margin-bottom: 25px;
    font-weight: 500;
    text-align: center;

}
main .new_product > p{
    text-align: center;
    padding-bottom: 60px;
}
main .new_wrap{
    /* background-color: rgb(204, 221, 126); */
    width: 100%;
    /* padding-left: 116px; */
    position: relative;
    /* height: 100vh; */
}
main .new_wrap .swiper{
    width: 1494px;

}
main .new_wrap .swiper .swiper-wrapper{
    position: relative;
    
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide{
    /* border: 2px solid rebeccapurple; */
    width: 337px;
}
main .new_wrap .swiper .swiper-wrapper .slide1{
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .product_item {
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .product_item img{
    display: block;

}

main .new_wrap .swiper .swiper-wrapper .swiper-slide .product_item #product{

}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .product_item #cart{
    position: absolute;
    top: 25px; left: 260px;
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide a:hover #cart {}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .txt_box{
    background-color: #F5F5F5;
    width: 310px; height: 120px;
    padding: 30px 0;
    font-family: 'SUIT',sans-serif;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p em{
    font-size: 0.875rem;
    font-family: 'SUIT',sans-serif;

}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p{
    text-align: center;
    font-size: 0.7rem;
    color: #B9B9B9;
    margin-bottom: 10px;
    font-family: 'SUIT',sans-serif;
}
main .new_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p span{
    font-size: 0.75rem;
    font-family: 'SUIT',sans-serif;


}
/* 2행 슬라이드 버튼  */
.swiper-button-prev:after {display: none;}
.swiper-button-next:after {display: none;}
main .new_product .new_wrap .swiper-button-prev{}

main .new_product .new_wrap .swiper-button-prev a {
    position: absolute;
    right:-100px;
    top:-50px;
    z-index: 99;
    /* background-color: yellowgreen; */
}
main .new_product .new_wrap .swiper-button-next {}
main .new_product .new_wrap .swiper-button-next a {
    position: absolute;
    left:-150px;
    top:-50px;
    z-index: 99;
}
/* 2행 개별 선택 */
/* 2행 : 신제품 소개 스와이퍼  끝 */




/* 3행 : 전시 예약 시작 */
main .reservation {
    margin:0 auto 0;
    height:auto;
    overflow: hidden;
    position: relative;

}
main .reservation #show_video{
    width: 100%;
}
main .reservation #show_txt_contents{
    position:absolute;
    bottom:240px;
    padding-left: 207px; 

}
main .reservation #show_txt_contents h1 {
    font-size: 6.25rem;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Playfair Display", serif;
    
}
main .reservation #show_txt_contents h1 span {
    color: #fff;
    font-family:'Platypi',serif;
    font-weight: 200;

}
main .reservation #show_txt_contents p {
    color: #fff;
    line-height: 140%;
    font-family:'Platypi',serif;
    font-size: 18px;
    padding-left: 10px;
    margin-bottom: 10px;
}

main .reservation #show_txt_contents p span {
    font-size: 1.25rem;
    color: #fff;
    font-family: 'SUIT',sans-serif;
}
main .reservation #show_txt_contents .show_btn{
    background-color: #fff;    
    height: 35px;
    width: 150px;
    margin-top: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
}

main .reservation #show_txt_contents .show_btn #reservation_btn {
    width: 100%;
}
main .reservation #show_txt_contents .show_btn #reservation_btn p {
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    font-family: 'SUIT',sans-serif;
    letter-spacing: 10%;
    color: #000;
    margin: 0;
    padding: 0;
    transition: all 0.3s ease;
}
/* 마우스 올렸을때 효과 - 3행 예약버튼 */
main .reservation #show_txt_contents .show_btn:hover {
    background-color: #000;
}
main .reservation #show_txt_contents .show_btn:hover #reservation_btn p {
    color: #fff;
}
/* 3행 : 전시 예약 끝 */

/* ================================================================= 4행 : 더 탬버린즈 퍼퓸 상품 (탭구조 스와이퍼) 시작 */
main #product_list {/* 전체 부모 */
    /* background-color: skyblue; */
    width: 100%; height: 900px;
    /* height: 920px; */
    display: flex; 
    flex-flow: column;
    position: relative;
    padding: 80px;

}
/* 탭 구조  */
main #product_list .menu_tab{ /* 제목 부모 */
    /* background-color: rgb(241, 241, 119); */
    text-align: center;
    margin: 0 auto;
    padding: 60px 0;

}
main #product_list .menu_tab h1{
    font-size: 2.813rem;
    text-align: center;
    margin-bottom: 25px;
    
    
}
main #product_list .menu_tab a{
    display: inline-block;
    margin: 0 20px;
    font-size: 1rem;
    position: relative;

    
}
main #product_list .menu_tab a p{
    /* background-color: rebeccapurple; */
}

main #product_list .list_wrap{ /* 내용부모 */
    /* background-color: yellowgreen; */
    width: 1500px;
    margin: 0 auto;
    
}
/* 기본적으로 모든 스와이퍼 숨기기 */

main #product_list .list_wrap .swiper {
    display: none;
    justify-content: center;
}
/* 활성화된 스와이퍼만 보이게 설정 */
main #product_list .list_wrap .swiper.active{
    display: block;
}
main #product_list .list_wrap .swiper .swiper-wrapper {}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide {
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .product_list {
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .product_list img{
    display: block;
}
/* 이미지 위에 장바구니  */
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .product_list #product{
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .product_list #cart{
    position: absolute;
    top: 25px; left: 260px;
}
/* 내용 */
main .list_wrap .swiper .swiper-wrapper .swiper-slide .txt_box{
    background-color: #F5F5F5;
    width: 310px; height: 120px;
    padding: 30px 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p{
    text-align: center;
    font-size: 0.7rem;
    color: #B9B9B9;
    margin-bottom: 10px;
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p em{
    font-size: 0.875rem;
font-family: 'SUIT',sans-serif;
}
main #product_list .list_wrap .swiper .swiper-wrapper .swiper-slide .txt_box p span{
    font-size: 0.75rem;
    font-family: 'SUIT',sans-serif;
}
/* 4 행 body - css */

/* 4행 슬라이드 버튼  */
.swiper-button-prev:after {display: none;}
.swiper-button-next:after {display: none;}

/* 좌우 버튼 화살표 4행 */
main #product_list .list_wrap .swiper-button-prev{}
main #product_list .list_wrap .swiper-button-prev #list_prev{
    /* background-color: red; */
    margin-right: -200px;
    margin-top: 70px;
    margin-left: 50px;
}

main #product_list .list_wrap .swiper-button-next{}
main #product_list .list_wrap .swiper-button-next #list_next{
    /* background-color: rebeccapurple; */
    margin-left: -100px;
    margin-top: 70px;
}

/* 4행 밑줄 고정 */
.menu_tab .active {
  font-weight: bold;
  border-bottom: 2px solid #000;
}

/* =================================4행 : 더 탬버린즈 퍼퓸 상품 (탭구조 스와이퍼) 끝 */

/* 5행 : 보타리 캔들 이벤트 배너  시작 */
main .event #event_bnr{
    /* background-color: rgb(255, 255, 157); */
    background-image: url(../images/bnr/bottari_candle_bnr.png);
    width: 100%;
    height: 300px;
    text-align: center;
    padding-top: 77px;
    padding-bottom: 77px;
    margin: 0 auto;
}
main .event #event_bnr h1{
    font-size: 3.125rem;
    margin-bottom: 15px;
    color: #fff;
}
main .event #event_bnr p{
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 22px;
    color: #fff;
}
main .event #event_bnr p em{
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
}
main .event #event_bnr a {
    color: #fff;
    font-size: 1rem;
    font-size: 700;
}
main .event #event_bnr a em { /* 한정판매 문구 */
    color: #fff;
    font-size: 1rem;
    font-size: 700;
}
main .event #event_bnr .underline-link {
    position: relative; 
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0.5px;
    border-bottom: 1px solid #fff;
    /* text-decoration: none;
    padding-bottom: 5px;
    transition: color 0.3s ease; */
}
main .event #event_bnr .underline-link span{
    color: #fff;
    font-family: 'SUIT', sans-serif;
    
}
main .event #event_bnr .underline-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    /* background-color: #fff;
    transition: width 0.4s ease; */
}
main .event #event_bnr .underline-link:hover::after {
    width: 100%;
}
/* 5행 : 보타리 캔들 이벤트 배너 끝 */

/* 6행 : 기프트 이벤트 배너  시작 */
main .gift {
    background-color: #F8FAFB;
    width: 100%;
    height: 600px;
    padding-top: 108px;
}
main .gift h1{
    text-align: center;
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 10px;
}
main .gift p em {
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 150%;
}
main .gift p{
    text-align: center;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 150%;
}
main .gift .gift_images{
    display: flex;
    justify-content: center;
}
main .gift .gift_images .gift_item{
    margin: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.4s;

}
main .gift .gift_images .gift_item img{
    width: 378px; height: 290px;
    border-radius: 20px;
    /* transition: opacity 0.3s ease; */
}
main .gift .gift_images .gift_item .overlay{
    width: 100%;
    /* height: 100%; */
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute; bottom:0; 
    padding: 18px;
    display: none;
    opacity: 1;
    /* transition: all 0.4s ease-in-out; */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
main .gift .gift_images .gift_item .overlay p{
    font-size: 0.875rem;
    color: #000;
    line-height: 150%;
}
/* (6행 기프트 이벤트) 마우스 호버했을때 나타나는 효과 */
main .gift_item:hover img {
    /* transform: scale(1.03); */
    opacity: 1;
    border-radius: 20px;
    cursor: default;
}
main .gift .gift_images .gift_item:hover .overlay{
    opacity: 1;
    display: block;
    cursor: default;
}
/* 6행 : 기프트 이벤트 배너 신제품 끝 */

/* =========================== 7행 : 인스타그램  (스와이퍼) 시작 */
main .instagram {
    /* background-color: rgb(156, 156, 202); */
    width: 100%; height: 600px;
    text-align: center;
    padding-top: 60px;
    position: relative;
    
}
main .instagram h1{
    font-size: 1.875rem;
    font-weight: 500;
    margin-bottom: 5px;
}
main .instagram p span {
    font-family: "Akshar", sans-serif;
    font-weight: 600;
    
}
main .instagram p{
    font-size: 0.875rem;
    margin-bottom: 60px;
}
main .instagram .swiper{
    /* background-color: yellow; */
    width: 1540px;
    

}
main .instagram .swiper .swiper-wrapper{

}
main .instagram .swiper .swiper-wrapper .swiper-slide {
    width: 337px;
    
}
main .instagram .swiper .swiper-wrapper .swiper-slide a{

}
main .instagram .swiper .swiper-wrapper .swiper-slide a img{
}
/* 7행 슬라이드 버튼  */
.swiper-button-prev:after {display: none;}
.swiper-button-next:after {display: none;}

main .instagram .swiper .swiper-wrapper .swiper-slide .swiper-button-prev{
}

main .instagram .swiper .swiper-wrapper .swiper-slide .swiper-button-prev a {
    position: absolute;
    right:-100px;
    top:-50px;
    z-index: 99;
}
main .instagram .swiper .swiper-wrapper .swiper-slide .swiper-button-next {}
main .instagram .swiper .swiper-wrapper .swiper-slide .swiper-button-next a {
    position: absolute;
    left:-150px;
    top:-50px;
    z-index: 99;
}

/* ============================7행 : 인스타그램 (스와이퍼) 끝 */

/* 8행 : 카피문구 광고 배너 시작 */
    main .brand_bnr {
        /* background-color: yellow; */
        background-image: url(../images/bnr/brand_bnr_01.png);
        width: 100%; height: 180px;
        margin: 0 auto;
        padding-top: 38px;
        padding-bottom: 38px;
        padding-left: 60px;
        justify-content: start;
    }
    main .brand_bnr h1{
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 150%;
    }
    main .brand_bnr p{
        margin-top: 20px;
        font-size: 0.75rem;
        line-height: 150%;
        font-weight: 400;
    }
/* 8행 : 카피문구 광고 배너 끝*/