/* BASIC css start */
.full-wrapper { max-width: none; --bs-gutter-x: var(--cw-size-200); }
.shopbrand-header { padding-top: var(--cw-size-60); }
.shopbrand-header__title { display: flex; align-items: center; justify-content: space-between; }
.shopbrand-header__title strong { font-size: var(--cw-size-24); line-height: var(--cw-size-32); font-weight: 700; color: var(--cw-heading-color); }
.shopbrand-header__title .cw-select-box { width: var(--cw-size-300); }
.shopbrand-header__nav { overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; min-width: 0; scrollbar-width: thin; scrollbar-color: rgba(0,0,0,0.1) transparent; display: flex; align-items: center; column-gap: var(--cw-size-48); margin-top: var(--cw-size-20); border-bottom: 1px solid var(--cw-color-20); }
.shopbrand-header__nav li { padding: var(--cw-size-12) 0; flex: 0 0 auto; white-space: nowrap; }
.shopbrand-header__nav li a { font-size: var(--cw-size-16); line-height: var(--cw-size-24); color: var(--cw-heading-color); }
.shopbrand-header__nav .active { margin-bottom: -1px; border-bottom: var(--cw-size-3) solid var(--cw-heading-color); }
.shopbrand-header__nav .active a { font-weight: 700; }
.category-title { padding: var(--cw-size-40) 0; }
.category-title img { max-width: 100%; }
.products-type { display: flex; justify-content: end; margin-bottom: var(--cw-size-16); margin-top: var(--cw-size-20); }
.products-wrapper .prds-list.list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-20); }
.products-wrapper .prds-list.gallery { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-20); }
.products-more { margin-top: var(--cw-size-60); text-align: center; }
.products-more a { width: var(--cw-size-300); height: var(--cw-size-46); line-height: var(--cw-size-46); }
.products-wrapper .list-none { margin-top: var(--cw-size-120); text-align: center; }

@media (max-width: 991.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-48); }
    .shopbrand-header { padding-top: 0; }
    .shopbrand-header__title { justify-content: flex-end; margin: var(--cw-size-40) 0 var(--cw-size-20); }
    .shopbrand-header__title strong { display: none; }
    .shopbrand-header__nav-wrapper { margin-left: calc(-0.5 * var(--bs-gutter-x)); margin-right: calc(-0.5 * var(--bs-gutter-x)); }
    .shopbrand-header__nav { overflow-x: auto; column-gap: var(--cw-size-40); margin: 0; padding: 0 calc(0.5 * var(--bs-gutter-x)); }
    .shopbrand-header__nav li { padding: var(--cw-size-10) 0; }
    .shopbrand-header__nav li a { font-size: var(--cw-size-14); line-height: var(--cw-size-20); }
    .category-title { padding: var(--cw-size-32) 0; }
    .products-type { margin-bottom: var(--cw-size-12); }
    .products-wrapper .prds-list.list { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: var(--cw-size-20); }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--cw-size-60) var(--cw-size-16); }
}

@media (max-width: 767.98px) {
    .full-wrapper { --bs-gutter-x: var(--cw-size-32); }
    .shopbrand-header__title { margin-bottom: var(--cw-size-16); }
    .shopbrand-header__title .cw-select-box { width: 100%; }
    .shopbrand-header__nav { gap: var(--cw-size-36); }
    .shopbrand-header__nav li a { font-size: var(--cw-size-13); line-height: var(--cw-size-18); }
    .category-title { padding: var(--cw-size-32) 0; }
    .products-wrapper .prds-list.gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cw-size-40) var(--cw-size-8); }
    .products-more a { width: 100%; }
}

/* 오사카소스기획전 */
#event_wrap {background-color: #ffe062;}
#event_wrap .container {text-align: center; padding:100px 0; }
#event_wrap .head {background:linear-gradient(rgb(252 222 97 / 50%), rgb(255 224 98)), url(http://lilu2012.img11.kr/_banner/26.5/osaka/back01.png);}
#event_wrap .container .title {font-size: 33px; font-weight: 700; margin-bottom: 40px; color: #333;}
#event_wrap .container .main {margin-bottom:60px;}
#event_wrap .container .inner {font-size:18px; }
#event_wrap .container .inner .main_txt {margin: 10px 0;}
#event_wrap .container .inner .main_txt h2 {margin:40px 0;}
#event_wrap .container .inner .tab-wrap {margin-bottom:40px;}
#event_wrap .container .inner .tab-wrap .tab {border-width: 0px; background: #fff; color: #ccc; padding: 4px 11px; border-radius: 50px;}
#event_wrap .container .inner .tab-wrap .tab.active { font-weight: bold; font-weight: bold; background: #333132; color: #fff; border-width: 0px;}
#event_wrap .container .inner .main_txt .package {position: relative; display: inline-block;}
#event_wrap .container .inner .main_txt .package .obj {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#event_wrap .container .inner .main_txt .package .obj img {position:absolute;}
#event_wrap .container .inner .main_txt .package .obj .obj2-1 { top: -2%; left: -17%; animation: floatSoft 3.2s ease-in-out infinite;}
#event_wrap .container .inner .main_txt .package .obj .obj2-2 { top: 40%; right: -20%; animation: floatSoft 4s ease-in-out infinite; animation-delay: 0.7s;}
#event_wrap .container .inner .main_txt .package .obj .obj2-3 { bottom: 1%; left: -20%; animation: floatSoft 3.6s ease-in-out infinite; animation-delay: 1.2s;}
@keyframes floatSoft {
  0%   { transform: translate(0, 0) rotate(0deg); }
  50%  { transform: translate(6px, -12px) rotate(1.5deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

#event_wrap .container .inner .main_txt .package img {max-width:260px;}
#event_wrap .container .inner .card-wrap {max-width: 750px; margin: 0 auto;}
#event_wrap .container .inner .card-wrap .card { display: none;}
#event_wrap .container .inner .card-wrap .card.active { display: block;}
#event_wrap .container .inner .card-wrap .card .card-inner { display: flex; align-items: center; gap: 10%; background: #fff; padding: 70px 40px; border-radius: 10px;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-img {width:40%;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-img img { width: 100%;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-text {width:50%; text-align: left;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-text span {background: #aaa; color: #333132; padding: 1px 5px;}
#event_wrap .container .inner .card-wrap .card .card-text .step { color: orange; font-weight: bold; margin-bottom: 10px;}

@media (max-width: 767.98px) {
#event_wrap {padding:0 25px;}
#event_wrap .container .inner .main_txt .package {width:60%;}
#event_wrap .container .inner .main_txt .package .osaka_prd {width:100%;}
#event_wrap .container .inner .main_txt .package .obj img {width:75px;}
#event_wrap .container .inner .card-wrap .card .card-inner {display:block; padding: 45px 25px;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-img {width:100%;}
#event_wrap .container .inner .card-wrap .card .card-inner .card-text {width:100%; margin-top: 30px;}
}

/* BASIC css end */