/* BASIC css start */
.top-fx-banner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 40px;
  z-index: 10;
}
.top-fx-banner a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  background-color: #581515;
  color: #fff;
}

/* page */
body #header .top .logo>a>img {width: 160px;}
#header .menu_group > li > a {color: #581515}
#header .etc_group > li > a {color: #581515}
#header .etc_group .lang-change a {color: #581515}
#header>.top ul li.en-link > a span:after {border-bottom-color: #581515; border-right-color: #581515;}
#header .etc_group .search > a > img {filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(5580%) hue-rotate(336deg) brightness(99%) contrast(98%);}
.sfsdf-dfee-1 {filter: brightness(0) saturate(100%) invert(12%) sepia(19%) saturate(5580%) hue-rotate(336deg) brightness(99%) contrast(98%);}
.sfsdf-dfee-2 {filter: brightness(0) saturate(100%) invert(13%) sepia(15%) saturate(6489%) hue-rotate(332deg) brightness(95%) contrast(101%)}

body #header {background-color: #fff;}
body #header>.top ul li.en-link ul.lang-change {background-color: #fff;}
body #footer,
body #footer .keyLogo {background-color: #fff;}

.container__holiday25 {background-color: #fff; box-sizing: border-box; font-family:'MADE Mirage Medium', 'source-han-serif-korean', serif}
.container__holiday25 * {box-sizing: inherit; font-family: inherit; letter-spacing: inherit; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;}
.container__holiday25 .hd25s .inner {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.container__holiday25 .s1-top {
  background-color: #fff;
}
.container__holiday25 .s1-top .inner {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.container__holiday25 .s1-top .video-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
.container__holiday25 .s1-top .video-player {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  outline: 3px solid #fff;
  outline-offset: -2px;
}

@media screen and (min-width: 768px) {
  /* .container__holiday25 .s1-top .inner {padding-top: 10px; padding-bottom: 10px;} */
  .container__holiday25 .s1-top .video-wrapper {margin-top: -90px;}
  .container__holiday25 .s1-top .video-player {bottom: -70px;}
}


/* Section 2 */
.container__holiday25 .s2-panettone {
  background-color: #581515; color: #fff;
  padding-top: 60px; padding-bottom: 60px;
}
.container__holiday25 .s2pnt__head {margin-top: 60px; margin-bottom: 30px;}
.container__holiday25 .s2pnt__head .tit {font-size: 16px; margin-bottom: 1.5em;}
.container__holiday25 .s2pnt__head p {font-size: 11px; line-height: 1.7; letter-spacing: 0.12em; margin-bottom: 2em;}
.container__holiday25 .s2pnt__head p:last-child {margin-bottom: 0;}
.container__holiday25 .s2pnt__mid {max-width: 1200px; margin-left: auto; margin-right: auto;}
.container__holiday25 .s2pnt__foot {font-size: 11px; line-height: 1.7; letter-spacing: 0.12em;}
.container__holiday25 .s2-panettone .rbtn {margin-top: 45px; text-align: center;}
.container__holiday25 .s2-panettone .rbtn__a {
  display: inline-block; background-color: #fff; color: #000;
  font-size: 12px; padding: 9px 22px 10px;
}

@media screen and (min-width: 768px) {
  .container__holiday25 .s2-panettone {padding-top: 90px; padding-bottom: 90px;}
  .container__holiday25 .s2pnt__head {margin-top: 100px; margin-bottom: 30px;}
  .container__holiday25 .s2pnt__head .tit {font-size: 20px;}
  .container__holiday25 .s2-panettone .rbtn__a {font-size: 13px;}
}

@media screen and (max-width: 767.8px) {
  .container__holiday25 .s2-panettone .mbr {display: block;}
}

/* Section 3 */
.container__holiday25 .s3-gift {padding-top: 70px; padding-bottom: 90px;}
.container__holiday25 .s3-gift .inner {max-width: 1750px; margin-left: auto; margin-right: auto; padding-top: 160px;}
.container__holiday25 .s3g__head {margin-bottom: 70px; color: #581515;}
.container__holiday25 .s3g__head .tit {font-size: 15px; font-weight: 500; letter-spacing: 1.4px;}
.container__holiday25 .s3g__head p {font-size: 13px; margin-top: .8em;}
.container__holiday25 .s3g__gird {display: block;}
.container__holiday25 .g-item,
.container__holiday25 .ub-ax-product-list li {display: block; margin-bottom: 35px;}
.container__holiday25 .g-item:last-child,
.container__holiday25 .ub-ax-product-list li:last-child {margin-bottom: 0;}
.container__holiday25 .ub-ax-product-list li figure {display: block; margin: 0; padding: 0;}
@media screen and (min-width: 768px) {
  .container__holiday25 .s3-gift {padding-top: 100px; padding-bottom: 150px;}
  .container__holiday25 .s3-gift .inner {padding-top: 80px;}
  .container__holiday25 .s3g__head {margin-bottom: 100px;}
  .container__holiday25 .s3g__head .tit {font-size: 17px;}
  .container__holiday25 .s3g__head p {font-size: 15px;}

  .container__holiday25 .s3g__gird {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 80px 24px;
  }
  .container__holiday25 .g-item,
  .container__holiday25 .ub-ax-product-list li {margin-bottom: 0;}
}

.container__holiday25 .g-item > a,
.container__holiday25 .ub-ax-product-list li > a {
  display: block;
  position: relative;
}

.container__holiday25 .g-item .i {
  background-color: #e6e6e6;
  display: flex;
  aspect-ratio: 77 / 104;
  align-items: center;
}
.container__holiday25 .g-item .i img {
  display: block;
  width: 100%;
  height: auto;
}
.container__holiday25 .g-item .t {margin-top: 20px; font-size: 12px; line-height: 1.4; letter-spacing: 0.12em; text-align: left;}
.container__holiday25 .g-item .t .p-inf {margin-top: 7px;}

.container__holiday25 .ub-ax-product-list li .list_shoppingInfo {margin-top: 20px; font-size: 12px; line-height: 1.4; letter-spacing: 0.12em; text-align: left;}
.container__holiday25 .ub-ax-product-list li .listPriceGroup {margin-top: 7px;}
.container__holiday25 .ub-ax-product-list li .listPrice {}

/* Section 4 */
.container__holiday25 .s4-store {padding-bottom: 80px; background-color: #fff;}
.container__holiday25 .s4-store .inner {max-width: 1750px; margin-left: auto; margin-right: auto;}
.container__holiday25 .s4__head {
  border-top: 1px solid #818181; padding-top: 70px;
  margin-bottom: 60px; color: #581515;
}
.container__holiday25 .s4__head .tit {font-size: 14px; font-weight: 500; letter-spacing: 1.4px;}
.container__holiday25 .s4__head .tit__s {position: relative; display: inline-block; padding: 0 50px;}
.container__holiday25 .s4__head .tit__s::before,
.container__holiday25 .s4__head .tit__s::after {
  content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%);
  width: 20px; height: 16px;
  background-repeat: no-repeat; background-size: contain; background-position: center center;
  background-image: url(./img/i-009.png);
}
.container__holiday25 .s4__head .tit__s::before {left: 0;}
.container__holiday25 .s4__head .tit__s::after {right: 0;}
.container__holiday25 .s4__head p {margin-top: 22px; font-size: 12px;}

.container__holiday25 .s4__stores {display: block;}
.container__holiday25 .s4__store-m2 {margin-top: 40px;}
.container__holiday25 .s4__stores li {padding-left: 25px; padding-right: 25px;}

.container__holiday25 .s4__store-m1 .i img {width: 80%;}
.container__holiday25 .s4__store-m2 .i img {padding: 15% 0;}
.container__holiday25 .store-w {display: flex; align-items: center; gap: 6%;}
.container__holiday25 .store-w .i {width: 46%;}
.container__holiday25 .store-w .t {flex: 1 1 auto;}
.container__holiday25 .store-w .t h4 {font-size: 15px;font-weight: 700; letter-spacing: 1.4px; margin-bottom: 2em;}
.container__holiday25 .store-w .t .s-inf {font-size: 13px; line-height: 1.8; white-space: nowrap;}
.container__holiday25 .store-w .t .s-inf p {margin-bottom: 1em;}
.container__holiday25 .store-w .t .s-inf p:last-child {margin-bottom: 0;}
.container__holiday25 .store-w .t .g {margin-top: 25px;}
.container__holiday25 .store-w .t .g a {font-weight: 600; text-decoration: underline;}

@media screen and (min-width: 768px) {
  .container__holiday25 .s4__head {padding-top: 100px;}
  .container__holiday25 .s4__head .tit {font-size: 16px;}
  .container__holiday25 .s4__head .tit__s {padding: 0 100px;}
  .container__holiday25 .s4__head .tit__s::before,
  .container__holiday25 .s4__head .tit__s::after {width: 28px; height: 16px;}
  .container__holiday25 .s4__head p {font-size: 14px;}
  .container__holiday25 .s4__stores li {padding-left: 9%; padding-right: 9%;}
}

@media screen and (min-width: 980px) {
  .container__holiday25 .s4__stores {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    gap: 6%;
    justify-content: center;
    align-items: center;
  }

  .container__holiday25 .s4__stores li {
    padding-left: 15px;
    padding-right: 15px;
    width: 45%;
    max-width: 700px;
  }
  .container__holiday25 .s4__store-m2 {margin-top: 0;}

  .container__holiday25 .store-w .i {width: auto;}
  .container__holiday25 .s4__store-m1 .i img {width: 310px;}
  .container__holiday25 .s4__store-m2 .i img {width: 390px; padding: 0;}
}

.container__holiday25 .mbr {display: none;}

@media screen and (max-width: 600px) {
  .container__holiday25 .store-w {display: block;}
  .container__holiday25 .store-w .i {width: auto;}
  .container__holiday25 .s4__store-m2 {margin-top: 65px;}
  .container__holiday25 .s4__store-m1 .i img {width: 80%; max-width: 300px;}
  .container__holiday25 .s4__store-m2 .i img {width: 90%; max-width: 400px; padding: 0;}
  .container__holiday25 .store-w .t {margin-top: 30px;}

  .container__holiday25 .mbr {display: block;}
}

@media screen and (max-width: 480px) {
  .container__holiday25 .s4__head .tit {letter-spacing: 1px;}
  .container__holiday25 .s4__head .tit__s {padding: 0 40px;}  
}


/* stk */
body #footer {position: relative; z-index: 2;}
.container__holiday25 .hd25s {position: relative; z-index: 2;}
.container__holiday25 .hd25s.s3-gift {z-index: 1;}

.container__holiday25 .s3g__body {position: relative;}
.container__holiday25 .s3g__gird {position: relative; z-index: 1;}

.container__holiday25 .bg-stks {position: absolute; left: 0; right: 0; top: 0; z-index: -1; pointer-events: none;}
.container__holiday25 .bg-stks .stk {display: none; position: absolute;}
.container__holiday25 .bg-stks .stk img {display: block; width: 100%; height: auto;}
.container__holiday25 .bg-stks .stk.a {display: block; left: 50%; top: -60px; width: 130px; max-width: 60%; transform: translate(-50%, -100%);}

@media screen and (min-width: 768px) {
  .container__holiday25 .bg-stks {position: fixed; left: 0; right: 0; top: 0; bottom: 0;}
  .container__holiday25 .bg-stks .stk {display: block;}
  .container__holiday25 .bg-stks .stk.a {left: max(calc(50% - 875px), 50px); top: 140px; width: 13.5vw; max-width: 260px; transform: translateX(-25%);}
  .container__holiday25 .bg-stks .stk.b {right: max(calc(50% - 875px), 50px); top: 140px; width: 10vw; max-width: 190px; transform: translateX(25%);}
  .container__holiday25 .bg-stks .stk.c {left: max(calc(50% - 875px), 50px); bottom: 20px; width: 11.5vw; max-width: 220px; transform: translateX(-25%);}
  .container__holiday25 .bg-stks .stk.d {right: max(calc(50% - 875px), 50px); bottom: 20px; width: 12.5vw; max-width: 240px; transform: translateX(25%);}
}

/* BASIC css end */

