/* BASIC css start */
#container {
    padding-top: 30px;
}

.title_1 {font-size: 30px;font-family: Brewery Com;font-weight: 700;line-height: 30px;margin-bottom: 20px;}
.title_2 {font-size: 16px;font-weight: 700;margin-bottom: 20px;font-family: 'Noto Sans Korean';}
.title_3 {line-height: 1.5;font-family: 'Noto Sans Korean';}

.intro_d {text-align: center;padding: 70px 0;}

  
.mt50{margin-top:50px;}

.swiper-container1{overflow:hidden;    margin-top: 1px;}


.flexc div:nth-child(2) {margin-left: 0.5px;}
.flexc div:nth-child(1) {margin-right: 0.5px;}
.flexc {display: flex;margin-top: 1px;    margin-bottom: 1px;}
 


.swiper-containerA, .swiper-containerB {overflow:hidden;} 
.swiper-containerA, .swiper-containerB .swiper-pagination {
    position: relative!important;
    margin-top: -20px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #000;
}



/**/
#floatingButton {opacity: 0; }
.FloatingWriteButton {position: fixed;right: 20px;bottom: 18px;z-index: 11;}
.FloatingWriteButton .btn {width: 200px;height: 80px;color: var(--cafe-color-onCafeSkin);border-radius: 50px;box-shadow: 0 1px 4px 0 rgba(0,0,0,.07);transition: width .3s ease-out; background: #000;display: flex;justify-content: space-evenly;}
.FloatingWriteButton .text {white-space: nowrap;margin-right: 5px;opacity: 1; transition: opacity 1s ease; color : #fff;line-height: 80px;font-size:16px;    font-weight: 500;text-decoration: underline;}
.FloatingWriteButton .hide {opacity: 0; display:none;}
.btn span {visibility: unset!important;}




.header_box {
    mix-blend-mode: unset !important;
}
svg.logo-svg2 {
    fill: #000 !important;
}
.header_box .icon svg line,.header_box .icon svg circle,.header_box .icon svg rect,.header_box .icon svg path{
    stroke: #000 !important;
}



.swiper_tab_box {text-align:center; margin:100px 0 70px;}
.swiper_tab_box a {display:inline-block; padding:0 10px; line-height:19px; color:#aaa; font-weight:400; font-size:14px;}
.swiper_tab_box a.active {background:none; color:#26231D; font-weight:600;}
.product_list_box .product_list_box_wrap {padding-top: 50px;}
.product_list_box .product_list_box_wrap.active {display:block;}
.opendate {position: absolute;top: 0;left: 0;width: auto;height: 26px;background: #00000029;font-size: 12px;font-weight: 500;line-height: 26px;color: #fff;text-align: center;z-index: 1;padding: 0 10px;}



/* BASIC css end */