.fixed-icon { position: fixed; right: 100px; bottom: 100px; z-index: 5; }
.fixed-icon > div { margin-bottom: 12px; position: relative; }
.fixed-icon > div:last-child { margin-bottom: 0; }
.fixed-icon > div .count { position: absolute; right: 15px; top: 15px; z-index: 1; font-size: 10px; font-weight: 400; color: #fff; border-radius: 50%; background: #913B21; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; line-height: 100%; }

.scroll-up { position: fixed; right: 80px; bottom: 150px; z-index: 100; display: none; cursor: pointer; }
.fixed-kakao { position: fixed; right: 80px; bottom: 80px; z-index: 100; cursor: pointer; }

@keyframes fade {
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateX(-50px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.intro-wrap { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: #860806; z-index: 100000; }
.intro-wrap.hidden { display: none; }
.intro-wrap > .text-wrap { position: absolute; left: 150px; top: 130px; opacity: 0; }
.intro-wrap > .text-wrap > .title { font-size: 120px; font-weight: 400; color: #E2B9AC; letter-spacing: -0.05em; line-height: 118%; }
.intro-wrap > .text-wrap > .title span {
	opacity: 0;
}

.intro-wrap > .text-wrap > .desc { font-size: 40px; font-weight: 400; color: #E2B9AC; margin-top: 26px; letter-spacing: -0.05em; }
.intro-wrap > .text-wrap > .desc span { opacity: 0; }

.intro-wrap > .count-box { position: absolute; right: 150px; bottom: 130px; }
.intro-wrap > .count-box > .intro-kg { font-size: 266px; font-weight: 300; line-height: 100%; display: flex; align-items: flex-end; opacity: 0; animation: fade 1s 1s forwards; }
.intro-wrap > .count-box > .intro-kg > .intro-count { width: 600px; }
.intro-wrap > .count-box > .intro-kg > .intro-text { font-size: 122px; line-height: 150%; }


.header { position: fixed; left: 0; right: 0; width: 100%; top: 0; z-index: 999; }
.header.active { background: #FFFFFF; }
.header.bg { background: rgba(255,255,255,0.3); backdrop-filter: blur(10px); }
.header.bg > .header-inner { padding: 34px 80px; }
.header > .header-inner { display: flex; align-items: center; justify-content: space-between; padding: 47px 80px; }
.header > .header-inner > .right-box { display: flex; align-items: center; }
.header > .header-inner > .right-box > div { margin-left: 12px; position: relative; cursor: pointer; }
.header > .header-inner > .right-box > div:first-child { margin-left: 0; }
.header > .header-inner > .right-box > div .count { position: absolute; right: 0; top: 0; z-index: 1; font-size: 10px; font-weight: 400; color: #fff; border-radius: 50%; background: #913B21; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; line-height: 100%; }

.header > .header-inner .se-close { display: none; }

/* 배경 애니메이션 요소 */
.menu-background {
    background: url('/theme/basic/img/menu_bg.jpg') center/cover no-repeat;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; /* all-menu-wrap 아래에 위치 */
    clip-path: circle(0% at calc(100% - 70px) 50px); /* 오른쪽에서 70px, 위에서 50px */
    transition: clip-path 1s cubic-bezier(0.5, 0, 0.5, 1);
}

/* 메뉴 전체 래퍼 */
.all-menu-wrap {
    background: url('/theme/basic/img/menu_bg.jpg') center/cover no-repeat;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0; /* 처음엔 투명 */
    pointer-events: none; /* 초기에는 클릭 불가 */
    transition: opacity 1s ease-in-out 0.3s; /* 배경이 확장된 후 페이드인 */
}

.all-menu-wrap.active {
    opacity: 1;
    pointer-events: auto; /* 활성화 시 클릭 가능 */
}

.menu-background.active {
    clip-path: circle(150% at calc(100% - 70px) 50px); /* 배경이 화면 전체로 확장 */
    pointer-events: auto;
}
.all-menu-wrap > .menu-header { display: flex; align-items: center; justify-content: space-between; padding: 47px 80px; position: absolute; width: 100%; z-index: 2; }
.all-menu-wrap > .menu-header .close { cursor: pointer; }
.all-menu-wrap > .all-menu-text { width: 1160px; height: 100vh; margin: 0 auto; display: flex; align-items: center; position: relative; z-index: 3; }
.all-menu-wrap > .all-menu-text > div > a { font-weight: 300; color: #E2B9AC; margin-bottom: 28px; display: block; cursor: pointer; }
.all-menu-wrap > .all-menu-text > div > a.active { color: #F6F3EF; }
.all-menu-wrap > .all-menu-text > div > a:last-child { margin-bottom: 0; }

.all-menu-wrap > .all-menu-text > .right-menu-box { display: none; margin-left: 438px; }
.all-menu-wrap > .all-menu-text > .right-menu-box a { font-weight: 500; display: flex; align-items: center; line-height: 180%; font-size: 36px; margin-bottom: 20px; }
.all-menu-wrap > .all-menu-text > .right-menu-box a span { font-size: 30px; margin-right: 12px; }


.footer { background: #F4EEE8; padding: 80px 0; }
.footer.sub { background: #860806; margin-top: 200px; }
.footer > .footer-inner { width: 1320px; margin: 0 auto; }
.footer > .footer-inner > .foot-top { display: flex; align-items: center; justify-content: space-between; }
.footer > .footer-inner > .foot-top > a > img { width: 279px; }
.footer > .footer-inner > .foot-top > div { display: flex; align-items: center; }
.footer > .footer-inner > .foot-top .gameng { display: flex; align-items: center; justify-content: space-between; padding: 20px 26px; border: 1px solid #999999; border-radius: 80px; width: 207px; margin-right: 12px; }
.footer > .footer-inner > .foot-top .gameng > .title { font-weight: 400; }
.footer > .footer-inner > .foot-top .select-box { width: 207px; cursor: pointer; position: relative; }
.footer > .footer-inner > .foot-top .select-box > .select { display: flex; align-items: center; justify-content: space-between; padding: 20px 26px; border: 1px solid #999999; border-radius: 80px; }
.footer > .footer-inner > .foot-top .select-box > .select > .title { font-weight: 400; }
.footer > .footer-inner > .foot-top .select-box > .select > img { transition: transform 0.3s ease; }
.footer > .footer-inner > .foot-top .select-box > .select > img.rotate { transform: rotate(180deg); transition: transform 0.3s ease; }
.footer > .footer-inner > .foot-top .select-box > .option-box { position: absolute; top: 80px; left: 0; width: 207px; border-radius: 22px; border: 1px solid #999999; background: #F4EEE8; padding: 20px 26px; display: none; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a { font-weight: 400; padding: 14px 0; width: 100%; display: block; border-bottom: 1px solid #B6B6B6; font-weight: 400; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a:first-child { padding-top: 0; }
.footer > .footer-inner > .foot-top .select-box > .option-box > a:last-child { padding-bottom: 0; border-bottom: none; }
.footer > .footer-inner > .foot-line { width: 100%; height: 1px; background: #B6B6B6; margin: 50px 0; }
.footer > .footer-inner > .foot-bottom { display: flex; justify-content: space-between; width: 100%; }
.footer > .footer-inner > .foot-bottom > .desc-wrap .desc,
.footer > .footer-inner > .foot-bottom > .desc-wrap .desc a { font-size: 14px; font-weight: 300; color: #999; }
.footer > .footer-inner > .foot-bottom > .desc-wrap .copy { margin-top: 22px; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .title { font-weight: 500; font-size: 16px; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box { margin-top: 16px; display: flex; align-items: center; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box > a { margin-right: 8px; }
.footer > .footer-inner > .foot-bottom > .download-wrap > .link-box > a:last-child { margin-right: 0; }

.footer.sub { background: #860806; }
.footer.sub > .footer-inner > .foot-top .select-box > .select,
.footer.sub > .footer-inner > .foot-top .gameng { border: 1px solid #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap .desc,
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap .desc a,
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap > .login-box span a { color: #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .desc-wrap > .login-box { margin-top: 10px; color: #F4F4F4; }
.footer.sub > .footer-inner > .foot-bottom > .download-wrap > .title { color: #f4f4f4; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box { background: #860806; border: 1px solid #f4f4f4; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box > a { border-bottom: 1px solid #5D0806; }
.footer.sub > .footer-inner > .foot-top .select-box > .option-box > a:last-child { border-bottom: none; }



#container .shop-content { padding: 0!important; }
#wrapper { background: #F4EEE8!important; }
#container { float: none!important; width: 100%!important; margin: 0 auto!important; padding-top: 200px!important; }
.sct_10.lists-row { margin: 0 auto!important; }

.hd_sch_wr {
    float: none !important;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 110px;
    background: #fff;
    position: fixed;
    left: 0;
    transform: translateY(-100%); /* 초기 상태: 화면 위로 숨김 */
    transition: transform 0.4s ease-in-out; /* 부드러운 이동 애니메이션 */
    height: 520px;
    z-index: 999999;
}

.hd_sch_wr.active {
    transform: translateY(0); /* 화면 아래로 내려오기 */
}

.hd_sch_wr .search-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 47px 80px;
}

.hd_sch_wr .new-text-wrap { width: 600px; margin: 0 auto; margin-top: 40px; }
.hd_sch_wr .new-text-wrap > div.top { display: flex; align-items: center; justify-content: space-between; }
.hd_sch_wr .new-text-wrap > div.top > .title { font-size: 18px; font-weight: 500; color: #21292E; }
.hd_sch_wr .new-text-wrap > div.top > .desc { font-size: 14px; color: #999; font-weight: 500; cursor: pointer; }
.hd_sch_wr .new-text-wrap > .line { width: 600px; margin: 0 auto; margin: 26px 0; height: 1px; background: #B6B6B6; }
.hd_sch_wr .new-text-wrap > .bottom .search-item { margin-bottom: 16px; font-size: 18px; font-weight: 400; color: #414141; cursor: pointer; }
.hd_sch_wr .new-text-wrap > .bottom .search-item:last-child { margin-bottom: 0; }

.se-close {
    cursor: pointer;
}

#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:0;overflow:hidden; position: relative; width: 600px; margin: 0 auto; padding-bottom: 10px; border-bottom: 1px solid #860806; }
#hd_sch #sch_stx {float:none;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {position: absolute; right: 0; top: 0; background: none; border-radius: 0;}

#hd_sch #sch_str { width: 100%; float: none; padding: 0; border-radius: 0; background: none; padding: 0 20px; color: #414141;  }
#sct_location { display: none; }


#sit_opt_added button { background: none; border: none; }
#sit_opt_added .num_input { background: none; border: none; }
#sit_opt_added .sit_qty_plus { border: 1px solid #B6B6B6; border-left: 0; border-radius: 0 30px 30px 0; }
#sit_opt_added .sit_qty_minus { border: 1px solid #B6B6B6; border-right: 0; border-radius:  30px 0 0 30px; }
#sit_opt_added .num_input { border: 1px solid #B6B6B6; border-right: 0; border-left: 0; }