#container.l-home {margin-top:0;}

.l-home section {margin-bottom:130px;overflow-x:hidden;}

.l-home .section-head {display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;}
.l-home .section-head h2 {font-size:28px;font-weight:bold;}
.l-home .section-head .btn-more {color:#9F9F9F;display:inline-flex;align-items:center;font-size:14px;}
.l-home .section-head .btn-more:after {content:'';display:inline-block;width:24px;height:24px;background:url(/images/btn_more.svg) no-repeat center/contain;margin-left:6px;}

.l-home .recommend-tab {margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;}
.l-home .recommend-tab .recommend-tab-btn {display:inline-block;font-size:14px;border-radius:100px;padding:6px 18px 7px;border:1px solid #BFC1C3;color:#9F9F9F;font-weight:500;transition:all .3s ease;}
.l-home .recommend-tab .recommend-tab-btn.active {background:#1f1f1f;color:#fff;border-color:#1f1f1f;}

.l-home .event .inner {display:flex; flex-wrap:wrap;align-items:center;}
.l-home .event .section-head {position: relative; flex:1;display:block;margin-bottom:0;}
.l-home .event .section-head h2 {margin-bottom:24px;}
.l-home .event .section-head p {color:#727272;margin-bottom:42px;font-size:18px;line-height:1.5;}
.l-home .event .event-swiper {width:100%;}
.l-home .event .event-item:hover .thumb img {transform:scale(1.08);}
.l-home .event .event-item .thumb {width:100%;height:0;padding-bottom:58%;position:relative;display:block;overflow:hidden;margin-bottom:20px;border-radius:6px;}
.l-home .event .event-item .thumb img {object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;transition:all .5s ease;}
.l-home .event .event-item .event-title {display:block;font-size:18px;font-weight:600;line-height:1.4;color:#1f1f1f;margin-bottom:8px;}
.l-home .event .event-item .event-text {width:100%;display:block;line-height:1.6;font-size:14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color:#727272;}
.l-home .event .event-control {position: absolute; display: inline-flex; /* gap: 10px; */ right: 0; bottom: 42px;}
.l-home .event .event-control .swiper-button-next,
.l-home .event .event-control .swiper-button-prev {position:relative;left:unset;right:unset;bottom:unset;top:unset;transform:none;margin:0;width:45px;height:45px;background:#fff no-repeat center/25px auto;z-index:1;}
.l-home .event .event-control .swiper-button-prev {background-image:url(/images/event_swiper_prev.svg);}
.l-home .event .event-control .swiper-button-next {background-image:url(/images/event_swiper_next.svg);}
.l-home .event .event-control .swiper-button-next:after,
.l-home .event .event-control .swiper-button-prev:after {content:none;}

.l-home section.main-banner {margin-bottom:0;}
.main-banner-swiper {position:relative;}
.main-banner-swiper .swiper-slide {height:100%;}
.main-banner-swiper .swiper-slide picture {height:100%;}
.main-banner-swiper .swiper-slide img {height:100%;width:100%;object-fit:cover;}
.main-banner-swiper .swiper-controller {position:absolute; display:flex; width:100%; align-items:center; max-width:1420px; gap:16px; left:50%; bottom:64px; box-sizing:border-box; padding:0 16px; transform:translateX(-50%); z-index:20;}
.main-banner-swiper .swiper-controller .progress-box {position:relative; width:240px; z-index:11;}
.main-banner-swiper .swiper-controller .autoplay-progress {position:absolute; left:30px; top:10px; z-index:10; width:170px; height:3px; background-color:rgba(0, 0, 0, 0.1);}
.main-banner-swiper .swiper-controller .autoplay-progress svg {--progress:0; position:absolute; left:0; top:0; z-index:10; width:100%; stroke-width:4px; stroke:#fff; fill:none; stroke-dashoffset:calc(100 * (1 - var(--progress))); stroke-dasharray:100;}
.main-banner-swiper .swiper-controller .swiper-pagination {display:flex; color:#fff; justify-content:space-between; position:static; text-align:left;}
.main-banner-swiper .swiper-controller .arrow-box {position:relative; display:flex; gap:10px;}
.main-banner-swiper .swiper-controller .swiper-button-next, .swiper-controller .swiper-button-prev {color:#fff; position:unset; width:40px; height:40px; margin:0;}
.main-banner-swiper .swiper-controller .swiper-button-next svg, .swiper-controller .swiper-button-prev svg {display:none;}
.main-banner-swiper .swiper-controller .swiper-button-next:after, .swiper-controller .swiper-button-prev:after {font-size:18px;}

.pbshop {position:relative;}
.pbshop-hidden-wrap {position:absolute;left:0;top:50px;right:0;bottom:0;background: rgba(255, 255, 255, 0.50);backdrop-filter: blur(5px);z-index:1;}
.pbshop-hidden {width:540px;border-radius: 12px;background: #FFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);padding:40px 16px 34px;}
.pbshop-hidden img {margin:0 auto 20px;height:18px;}
.pbshop-hidden strong {display:block;text-align:center;font-size:20px;font-weight:700;margin-bottom:10px;}
.pbshop-hidden p {text-align:center;line-height:1.6;color:#727272;font-size:14px;}
.pbshop-hidden .btns {margin-top:24px;text-align:center;}
.pbshop-hidden .btns .btn-solid {width:160px;}
.pbshop-swiper-wrap {position:relative;}
.pbshop-swiper-wrap .swiper-button-next {color:#BFC1C3;right:-70px;z-index:1;}
.pbshop-swiper-wrap .swiper-button-prev {color:#BFC1C3;left:-70px;z-index:1;}
.pbshop-swiper {overflow:hidden;}
.pbshop-header {width:100%;height:170px;overflow:hidden;position:relative;border-radius:6px;margin-bottom:20px;}
.pbshop-header .bg {position:absolute;width:100%;height:100%;object-fit:cover;left:50%;top:50%;transform:translate(-50%, -50%);}
.pbshop-header .name {display:inline-flex;color:#fff;font-size:22px;position:absolute;right:32px;bottom:18px;align-items:center;font-weight:400;}
.pbshop-header .name:after {content:'';display:inline-block;margin-top:3px;width:20px;height:20px;background:url(/images/pbshop_name_arrow.svg) no-repeat center/6px auto;margin-left:4px;}
.pbshop-product-list {display:flex;gap:12px;flex-direction:column;}
.pbshop-product-item {display:flex;align-items:center;color:#1f1f1f;position:relative;}
.pbshop-product-item .product-btn-set {display:flex;gap:3px;position:absolute;right:0;top:0;}
.pbshop-product-item .product-btn-set .btn-heart {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_heart.svg) no-repeat center/21px auto;}
.pbshop-product-item .product-btn-set .btn-heart.active {background-image:url(/images/btn_heart_active.svg);}
.pbshop-product-item .product-btn-set .btn-basket {width:30px;height:30px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_basket.svg) no-repeat center/21px auto;}
.pbshop-product-item .contents {flex:1;}
.pbshop-product-item .brand {color:#9f9f9f;font-size:14px;font-family: 'NO', 'Noto Sans KR', 'Noto Sans Korean';margin-bottom:4px;display:inline-block;}
.pbshop-product-item .name {font-size:18px;font-weight:500;line-height:1.4;margin-bottom:8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.pbshop-product-item .price {font-size:18px;}
.pbshop-product-item .price strong {font-weight:bold;font-family:'NO';}
.pbshop-product-item .price del {font-family:'NO';color:#9f9f9f;margin-left:5px;}
.pbshop-product-item .price span {color:#ED7779;font-family:'NO';font-weight:bold;margin-left:5px;}
.pbshop-product-item .non-price {font-size:14px;color:#ed7779;}
.pbshop-product-item .thumb {width:105px;height:105px;border-radius:6px;border:1px solid #ededed;overflow:hidden;position:relative;display:block;margin-right:20px;}
.pbshop-product-item .thumb img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;}

.main-search {background:#F5F5F7 url(/images/main_search_bg.svg) no-repeat center;padding:70px 16px 0;background-attachment:fixed;overflow:initial !important;}
.main-search .search-top {text-align:center;margin-bottom:35px;}
.main-search .search-top h2 {font-size:28px;font-weight:700;margin-bottom:10px;}
.main-search .search-top p {color:#727272;font-weight:500;}
.main-search .search-tab {width:580px;display:flex;margin:0 auto;max-width:100%;}
.main-search .search-tab .search-tab-btn {width:100%;color:#565656;padding:14px 0;text-align:center;font-size:18px;font-weight:500;}
.main-search .search-tab .search-tab-btn.active {font-weight:700;color:#1f1f1f;box-shadow:inset 0 -3px 0 #1f1f1f;}
.main-search .search-form {max-width:1000px;background:#fff;border-radius:4px 4px 0 0;margin:0 auto;padding:52px 0;border:2px solid #efefef;border-bottom:0;}
.main-search .search-form .non-login {display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;}
.main-search .search-form .non-login p {color:#727272;}
.main-search .search-form .non-login .btn-login {padding:0 22px 0 18px;}
.main-search .search-form .non-login .btn-login:before {content:'';display:inline-block;width:16px;height:16px;background:url(/images/btn_login.svg) no-repeat center/contain;margin-right:8px;}
.main-search .search-form .form-box .btn-submit:before {content:'';display:inline-block;width:16px;height:16px;background:url(/images/btn_submit.svg) no-repeat center/contain;margin-right:8px;}
.main-search .search-form .form-box {display:flex;justify-content:center;gap:14px;max-width:600px;margin:0 auto;}
.main-search .search-form .form-box .input-btn {width:100%;}
.main-search .search-form select {flex:1;width:auto;color:#B6B6B6;transition:all .2s ease;}
.main-search .search-form select.active {color:#1f1f1f;}

.mb-btn-area {display:none;}

@media (max-width: 1024px) {
    .header-wrap .header-bottom .main-nav {position:fixed;left:0;right:0;padding:0 16px 12px;background:#fff;top:64px;display:block;transition:all .3s ease;}
    .header-wrap .header-bottom .main-nav a {font-size:14px;margin-right:12px;font-weight:400;color:#222;}
    .header-wrap.transparent .header-bottom .main-nav {background-color:transparent;}

    .main-banner-swiper {position:relative;height:auto;}
    .main-banner-swiper .swiper-controller {bottom:10px;justify-content:space-between;padding:0 10px 0 16px;}
    .main-banner-swiper .swiper-controller .progress-box {width:164px;}
    .main-banner-swiper .swiper-controller .autoplay-progress {width:100px;top:8px;}
    .main-banner-swiper .swiper-controller .swiper-pagination {font-size:14px;}
    .main-banner-swiper .swiper-slide {height:auto;}
    .main-banner-swiper .swiper-slide img {height:auto;width:100%;}

    .l-home .event .inner {flex-direction:column;align-items:stretch;}
    .l-home .event .event-swiper {width:100%;}

    .main-search .search-form {padding:30px 20px;}
    .main-search .search-form .form-box {flex-direction:column;gap:10px;}
    .main-search .search-form .form-box select {flex:none;}
}
@media (max-width: 768px) {
    .l-home section {margin-bottom:84px;}
    .l-home .section-head {margin-bottom:10px;}
    .l-home .section-head h2 {font-size:20px;}
    .l-home .section-head .btn-more {display:none;}



    .main-search {padding-top:44px;}
    .main-search .search-top {margin-bottom:14px;}
    .main-search .search-top h2 {font-size:20px;margin-bottom:6px;}
    .main-search .search-top p {font-size:14px;}
    .main-search .search-tab {max-width:90%;}
    .main-search .search-tab .search-tab-btn {font-size:15px;padding:12px 0;}
    .main-search .search-form {border-radius:10px 10px 0 0;}
    .main-search .search-form .non-login {gap:12px;}

    .l-home .event .section-head {position:relative;}
    .l-home .event .section-head h2 {margin-bottom:10px;}
    .l-home .event .section-head p {font-size:13px;margin-bottom:0;}
    .l-home .event .event-control {position:absolute;right:0;top:0;}
    .l-home .event .inner {gap:30px;}
    .l-home .event .event-swiper {overflow:visible;}
    .l-home .event .event-item .event-title {font-size:16px;margin-bottom:4px;}
    .l-home .event .event-item .event-text {font-size:13px;}
    .l-home .event .event-item .thumb {margin-bottom:12px;}

    .pbshop-hidden-wrap {top:35px;}
    .pbshop-hidden {width:90%;padding:30px 20px;}
    .pbshop-hidden strong {font-size:17px;}
    .pbshop-hidden p {font-size:13px;word-break:keep-all;}
    .pbshop-header {height:130px;}
    .pbshop-header .name {right:18px;bottom:14px;font-size:18px;}
    .pbshop-swiper {overflow:visible;}
    .pbshop-swiper .swiper-slide {width:84%;}
    .pbshop-product-item .product-btn-set {top:3px;}
    .pbshop-product-item .product-btn-set .btn-heart {width:25px;height:25px;background-size:18px auto;}
    .pbshop-product-item .product-btn-set .btn-basket {width:25px;height:25px;background-size:18px auto;}
    .pbshop-product-item .brand {font-size:12px;}
    .pbshop-product-item .name {font-size:14px;-webkit-line-clamp:1;}
    .pbshop-product-item .price  {font-size:15px;}
    .pbshop-product-item .price del {font-size:14px;margin-left:0;}
    .pbshop-product-item .non-price {font-size:13px;}
    .pbshop-product-item .thumb {width:84px;height:84px;margin-right:10px;}

    .mb-btn-area {display:block;text-align:center;margin-top:24px;}
    .mb-btn-area .btn-round:after {content:'';display:inline-block;width:15px;height:15px;background:url(/images/btn_more_black.svg) no-repeat center/5px auto;margin-left:8px;}

    li.disabled {
        color: gray; /* 회색으로 텍스트 색상 변경 */
        pointer-events: none; /* 클릭 이벤트 비활성화 */
        cursor: not-allowed; /* 커서 모양 변경 */
    }
}