/* BASIC css start */
/* 메인 배너 */
#main_bnr_swiper { } 
#main_bnr_swiper .swiper-slide { position:relative; } 
#main_bnr_swiper .swiper-slide a { display:block; } 
#main_bnr_swiper .swiper-slide a img { width: 100%; } 
#main_bnr_swiper .swiper-slide a .txt_wrap {position: absolute;top: 20%;left: 19%;} 
#main_bnr_swiper .swiper-slide a .txt_wrap p { color:#fff; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_01 { font-size: 24px; font-weight: 600; line-height: 29.95px; margin-bottom: 40px; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_02 { font-size: 55px; font-weight: 800; line-height: 61.87px; margin-bottom: 20px; } 
#main_bnr_swiper .swiper-slide a .txt_wrap .txt_03 { font-size: 24px; font-weight: 600; line-height: 29.95px; } 
#main_bnr_swiper .swiper-button-prev { left:30px; } 
#main_bnr_swiper .swiper-button-next { right:30px; } 
#main_bnr_swiper .swiper-pagination { position: absolute; bottom: 23%; left: 19%; width: 24%; height: 4px; background: rgb(129 129 129 / 50%); z-index: 2; } 
#main_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#main_bnr_swiper .btn_wrap { position: absolute; bottom: 25%; left: 44%; z-index: 2; } 
.control_btn { position:relative; } 
.control_btn .control { position:absolute; left:0; top:0; display:none; } 
.control_btn .control.on { display:block; } 
.control_btn .control a { cursor: pointer; display: flex; transition: all .1s; align-items: center; justify-content: center; width: 24px; height: 24px; background-color: #757575; } 
.control_btn .control a img { width:10px; } 
.control_btn .pause_btn.control a img { width:8px; } 


/* 상품 롤링 */
#pd_swiper .pd_bnr { width: 696px !important; } 
#pd_swiper .item-list { width: 336px !important; } 
#pd_swiper .swiper-pagination { width: 696px; height: 4px; right: 0; left: auto; bottom: 37px; background: rgba(0,0,0,0.3); } 
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } 
#pd_swiper .txt_wrap { position: absolute; bottom: 45px; left: 40px; } 
#pd_swiper .txt_wrap p { color:#000; } 
#pd_swiper .txt_wrap .txt_01 { font-size: 16px; font-weight: 400; line-height: 20px; text-align: left; margin-bottom: 10px; } 
#pd_swiper .txt_wrap .txt_02 { font-size: 22px; font-weight: 700; line-height: 20px; margin-bottom: 8px; } 
#pd_swiper .txt_wrap .txt_03 { font-size: 16px; font-weight: 400; line-height: 20px; } 


/* 탭 롤링 */
#tab_swiper { margin-bottom:40px; } 
#tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight: 400; color: #fff; background: var(--point-color2); } 
#tab_swiper .swiper-slide { width: auto !important; } 
#tab_swiper .swiper-slide a { display: inline-block; font-size: 15px; font-weight: 400; color: #2b2b2b; padding: 15px 16px; white-space: pre; border: 1px solid #dbdbdb; border-radius: 30px; } 
#tab_swiper .swiper-slide a:hover { font-weight: 800; color: #fff; background: var(--point-color2); } 


/* 서브 배너 롤링 */
.sub_bnr_wrap { position:relative; margin-bottom:100px; } 
.sub_bnr_wrap .swiper-slide a { display:block; } 
.sub_bnr_wrap .swiper-slide a img { width:100%; } 
.sub_bnr_wrap .arrow_wrap { width: 1416px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } 
.sub_bnr_wrap .arrow_wrap div { width: 56px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-prev { left: -2px; } 
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right: 0; } 
.sub_bnr_wrap .txt_wrap { position: absolute; bottom: 28px; left: 28px; } 
.sub_bnr_wrap .txt_wrap p {color:#fff;} 
.sub_bnr_wrap .txt_wrap.t_black p{color:#000;}
.sub_bnr_wrap .txt_wrap .txt_01 { font-size: 20px; font-weight: 700; line-height: 24.96px; margin-bottom: 8px; } 
.sub_bnr_wrap .txt_wrap .txt_02 { font-size: 16px; font-weight: 400; line-height: 19.97px; } 




.swiper-container {
    overflow: hidden;
    position: relative;
}

.swiper-container .swiper-slide {
    position: relative;
}

.swiper-container .swiper-slide a {
    display: block;
}

.swiper-container .swiper-slide img {
    width: 100%;
}


#mainBnr .swiper-pagination-wrap {
    bottom: 7% !important;
    left: 0;
    right: 0;
    text-align: center;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 2;
    justify-content: center;
}

#mainBnr .swiper-pagination {
    width: 200px;
    display: flex;
    justify-content: space-between;
    /* 페이지네이션을 꽉 채우기 위해 추가 */
    position: relative;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
}

#mainBnr .swiper-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.2;
    border-radius: 0;
    margin: 0;
    height: 2px;
    width: auto;
    /* 기본 너비 초기화 */
    flex-grow: 1;
    /* 유연한 너비를 허용 */
}

#mainBnr .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

#mainBnr .txt {
    text-align: center;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    color: #fff;
}

#mainBnr .txt h1 {
    font-size: 56px;
    font-weight: 500;
    color: #fff;
}

#mainBnr .txt p {
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 10px;
}


#mainBnr .page-numbers {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-left: 6px;
}

.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    color: #000;
    position: relative;
    height: 64px;
    display: flex;
    align-items: center;
    cursor: default; margin-bottom:100px; 
}

.marquee {
    display: flex;
    animation: scroll 20s linear infinite;
    /* 끊김 없이 반복 애니메이션 */
    font-size: 20px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif; 
}

.marquee span {
    padding: 0 75px;
    letter-spacing: 0.2em;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
        /* 절반만 이동 */
    }
}
/* BASIC css end */