/* BASIC css start */
#carousel { position: relative;width: 100%;margin: 0 auto 100px; text-align: center;}	
#carousel img {width:100%;max-width: max-content;}
#carousel .flickity-button {position: absolute;background:Transparent; border: none;color: #fff;}
#carousel .flickity-page-dots { bottom:25px; }
#carousel .flickity-prev-next-button .flickity-button-icon { left:30%;width:50%; }
#carousel .carousel-cell { width: 100%; counter-increment: carousel-cell;position: relative;}
#carousel .carousel-cell .inner { position: absolute; bottom: -100px;left: 0; width: 100%; padding: 35px 0 ;font-size: 12px;color: #000;background: rgba(255, 255, 255, 0.5); border-box;box-sizing: border-box;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;transition-timing-function: ease;-webkit-transition-timing-function: ease;transition-delay: .15s;}
#carousel .carousel-cell.is-selected .inner { bottom:0;transition-delay:.5s } 

#carousel .flickity-page-dots .dot {
/*
    height: 4px;
    width: 100px;
    margin: 0;
    border-radius: 0;
*/
    opacity: 1;
    background:#fff;
}
#carousel .flickity-page-dots .dot.is-selected {
    background:#222;
}

.bnr2x1 { width:100%; background:rgba(255,255,255,1); margin-bottom:100px;  }
.bnr2x1:after { content: ""; display: block; clear: both; }
.bnr2x1 ul {  font-size:0;line-height:0;  vertical-align:top; }
.bnr2x1 li { display:inline-block; width:50%; padding:0; box-sizing:border-box; text-align:center; }
.bnr2x1 li:nth-child(2){margin-right:0;}
.bnr2x1 li img { max-width:100%; transition:opacity 0.25s ease-in-out; }
.bnr2x1 li img:hover { opacity: 0.7; filter: alpha(opacity=70); }

.subBnr {
    position: relative;
}

.subBnr img {
    width: 100%;
    vertical-align: top;
}

.subBnr:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.subBnr:hover:after {
    opacity: 1;
}

.bnrText {
    position: absolute;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    /* display: none; */
    z-index: 2;
}

.bnrText h3 {
    color: #fff;
    font-size: 100px;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 2px 2px 6px rgb(0 0 0 / 30%);
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 2px;
}

.bnrText p {
    color: #fff;
    font-size: 18px;
    line-height: 1;
    margin: -10px auto 20px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    font-weight: bold;
}

.bnrText a {
    text-transform: uppercase;
    padding: 10px 30px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 20px;
    display: inline-block;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    font-size: 16px;
    font-weight: bold;
}

.subBnr:hover .bnrText {
    display: block;
}



.eventSlideTitle,
.item-wrap .title {
    padding: 20px;
    margin: 1%;
    border-bottom: 1px solid #222;
}

.eventSlideTitle h3,
.item-wrap .title h3 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}


.instaWrap .h_title h3 { font-size: 20px; font-weight:bold; text-align:center; margin-bottom:20px; }
.instaWrap .h_title a span { font-size: 12px; font-weight:normal; color:#999; }


/* »óÇ° ´ÙÁß ÀÌ¹ÌÁö ½½¶óÀÌ´õ */
.item-wrap .item-box .item-thumb { overflow: visible; }
.item-wrap .item-box .item-thumb .bx-wrapper { position: relative; }
.item-wrap .item-box .item-thumb .bx-pager { position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); display: flex; gap: 8px; align-items: center; justify-content: center; }
.item-wrap .item-box .item-thumb .bx-pager a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: rgba(238, 238, 238, 0.5); font-size:0; text-indent: -9999px;}
.item-wrap .item-box .item-thumb .bx-pager a.active { background: #000; }
.item-wrap .item-box .item-thumb .bx-controls-direction a { position:absolute; top: 50%; width: 30px; height: 36px; margin-top: -18px; font-size:0; text-indent: -9999px; }
.item-wrap .item-box .item-thumb .bx-prev {left:10px; background:url(//zesty1.jpg3.kr/renew/btn_multiple_prev.png) left center no-repeat;}
.item-wrap .item-box .item-thumb .bx-next {right:10px; background:url(//zesty1.jpg3.kr/renew/btn_multiple_next.png) right center no-repeat;}
.item-wrap .item-box .item-thumb .bx-wrapper .bx-viewport .prd-img-slider { display: flex; align-items: center; }
/* BASIC css end */

