@charset "utf-8";

.shop_title_wrap {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.black_bg {
    position: absolute;
    object-fit: cover;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3); 
}

.jijang_video {
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    overflow: hidden;
    top: 0;
    left: 0;
}

.shop_title_con {
    width: 100%;
    padding: 0 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.shop_title_con h2 {
    font-size: clamp(24px, 2.3958vw, 52px);
    text-align: center;
}

.shop_title_con p {
    font-size: clamp(18px, 1.041vw, 24px);
    line-height: clamp(26px, 1.5vw, 36px);
    margin-top: clamp(30px, 1.822vw, 40px);
    text-align: center;
    color: var(--base-color-white);
}


.shop_arrow {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

/* 지장대사 화살표 */


/* 서브 페이지 상단 화살표 */
.shop_arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    width: 100px;
    height: 175px;
    cursor: pointer;
}

.shop_arrow img {
    width: 32px;
    position: absolute;
    top: 40px;
}

.shop_arrow_circle {
    position: absolute;
    top: 0;
    width: 70px;
    height: 70px;
    background-color: #f3f3f33b;
    opacity: 0.8;
    border-radius: 50%;
    transition: 0.8s;
}

.shop_arrow:hover .shop_arrow_circle {
    top: 85px;
    background-color: #fff9e5;
    opacity: 1;
}

.jijang_btn {
    margin: 100px auto;
}

.jijang_select {
    margin: 100px auto;
}

.jijang_select img {
    width: clamp(320px, 90%, 1400px);
}



/* ---------------------------------------------------------- */

.venue-wrap{margin:50px auto; padding:0 15px; }
.title{font-size:clamp(18px,2.4vw,24px);}
.svg-aspect{width:100%; }
.svg-aspect svg{width:100%;height:100%;display:block}
.text_img { width: clamp(320px, 90%, 1400px); }


/* 히트존 기본: 완전 투명, 호버/포커스 시만 살짝 강조 */
.hit rect{fill:rgba(255, 221, 0, 0);stroke:transparent;stroke-width:2;transition:fill .15s, stroke .15s, transform .12s}
.hit.active rect{cursor:pointer}
.hit.active:hover rect{fill:rgba(255, 221, 0, .15);stroke:rgba(0,0,0,.15)}
.hit.active:active rect{transform:scale(.995)}
.hit.active:focus rect{outline:2px solid #111}


/* 매진: 클릭 비활성 + 은은한 줄무늬/음영 */
.soldout{pointer-events:none}
.soldout rect{fill:repeating-linear-gradient(45deg, rgba(120,120,120,.20) 0 8px, rgba(120,120,120,.10) 8px 16px);stroke:rgba(0,0,0,.18);}


@media (hover:none){ /* 터치 디바이스에서 호버 대신 약한 보더 유지 */
.hit.active rect{stroke:rgba(0,0,0,.08)}
}