/* BASIC css start */
아래 소스로 그대로 교체해서 사용하세요. 중복된 `prd-brand / prd-name / prd-price` 개별 CSS는 삭제하고, 맨 아래 공통 CSS로 통일했습니다. 

.main {overflow:hidden;}

/* pc 메인 배너 */
#main_bnr_swiper_pc { margin-bottom:100px; margin-top:0px; }
#main_bnr_swiper_pc .swiper-slide { position:relative; }
#main_bnr_swiper_pc .swiper-slide a { display:block; }
#main_bnr_swiper_pc .swiper-slide a img { width:100%; min-height:450px; object-fit:none; }
#main_bnr_swiper_pc .swiper-slide a .txt_wrap { position:absolute; top:14%; left:19%; }
#main_bnr_swiper_pc .swiper-slide a .txt_wrap p { color:#fff; }
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size:1.25vw; font-weight:600; line-height:29.95px; margin-bottom:40px; }
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size:3.3vw; font-weight:800; line-height:4.1vw; margin-bottom:20px; }
#main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size:1.25vw; font-weight:600; line-height:29.95px; }
#main_bnr_swiper_pc .swiper-button-prev { left:30px; }
#main_bnr_swiper_pc .swiper-button-next { right:30px; }
#main_bnr_swiper_pc .swiper-pagination { position:absolute; bottom:12% !important; left:19%; width:24%; height:4px; background:rgb(129 129 129 / 50%); z-index:2; }
#main_bnr_swiper_pc .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; }
#main_bnr_swiper_pc .btn_wrap { position:absolute; bottom:14%; 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; }

/* mo 메인 배너 */
#main_bnr_swiper_mo { position:relative; margin:0; overflow:hidden; }
#main_bnr_swiper_mo .swiper-slide a { display:block; }
#main_bnr_swiper_mo .swiper-slide a img { width:100%; }
#main_bnr_swiper_mo .swiper-slide a .txt_wrap { position:absolute; bottom:18px; left:50%; transform:translateX(-50%); text-align:center; }
#main_bnr_swiper_mo .swiper-slide a .txt_wrap p { color:#fff; }
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_01 { font-size:16px; font-weight:600; line-height:12px; margin-bottom:8px; }
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_02 { font-size:32px; font-weight:800; line-height:30px; margin-bottom:16px; white-space:pre; }
#main_bnr_swiper_mo .swiper-slide a .txt_wrap .txt_03 { font-size:16px; font-weight:600; line-height:12px; }
#main_bnr_swiper_mo .swiper-button-prev { left:0; }
#main_bnr_swiper_mo .swiper-button-next { right:0; }

/* 아이콘 */
.ico_wrap { position:relative; padding:32px 25px; overflow:hidden; }
.ico_wrap ul{display:flex;flex-wrap:wrap;justify-content:flex-start; gap:16px 0;}
.ico_wrap ul li { width:25%; text-align:center; }
.ico_wrap ul li a { display:inline-block; }
.ico_wrap ul li a img{width:64px; max-width:100%;margin-bottom:8px;}
.ico_wrap ul li a p { text-align:center; font-size:14px; font-weight:400; color:#494949; }


/* 상품 롤링 */
#pd_swiper { padding:0; margin-top:20px; }
#pd_swiper .swiper-slide { font-size:0; }
#pd_swiper .pd_bnr { position:relative; width:42% !important; display:inline-block; vertical-align:top; margin-right:1.5%; }
#pd_swiper .pd_bnr img { width:70%; }
#pd_swiper .txt_wrap { position:absolute; bottom:20px; left:15px; }
#pd_swiper .txt_wrap p { color:#fff; }
#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:24px; font-weight:700; line-height:20px; margin-bottom:8px; }
#pd_swiper .txt_wrap .txt_03 { font-size:16px; font-weight:400; line-height:20px; }
#pd_swiper .item-list { width:24% !important; margin-right:1%; display:inline-block; position:relative; vertical-align:top; }
#pd_swiper .item-list:last-child { margin-right:0; }
#pd_swiper .item-list.flexed { display:inline-block; align-items:center; gap:8px; }
#pd_swiper .item-list.flexed .prd-info { padding:16px 8px 0; width:100%; box-sizing:border-box; }
#pd_swiper .item-list.flexed .prd-info .prd-wish .my-wish-list { position:absolute; top:0; right:0; }
#pd_swiper .item-list.flexed .prd-color { display:none; }
#pd_swiper .item-list.flexed .prd-ico { display:none; }
#pd_swiper .swiper-pagination { background:rgba(0, 0, 0, .3); width:49%; top:auto; right:0; bottom:37px !important; height:4px; }
#pd_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; }
#pd_swiper .item-list.flexed .thumb a.soldout { font-size:12px; }

/* 탭 롤링 */
#tab_swiper { margin:0 0 25px; }
#tab_swiper .swiper-slide { width:auto !important; }
#tab_swiper .swiper-slide a { display:inline-block; font-size:15px; font-weight:400; color:#000; padding:12px 13.5px; white-space:pre; border:1px solid #ddd; border-radius:30px; line-height:1; transition:all .3s ease-in-out; }
#tab_swiper .swiper-slide.swiper-slide-thumb-active a {color:#fff; background:#000; border-color:#000;}
.tab_cont .item-wrap { width:100%; }

/* 서브 배너 롤링 */
.sub_bnr_wrap { position:relative; padding-bottom:40px; margin-bottom:100px; }
.sub_bnr_wrap .cont_tit { max-width:1416px; margin:0 auto; }
.sub_bnr_wrap #sub_bnr_swiper { padding:0 6px; position:static; }
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a { display:block; }
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a img { width:100%; }
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt { margin:21px 0 0 0; font-size:14px; font-weight:400; color:#000; }
.sub_bnr_wrap #sub_bnr_swiper .swiper-slide a .bnr_txt p { font-size:16px; font-weight:700; margin-bottom:8px; line-height:20px; }
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination { background:rgba(0, 0, 0, .3); width:88%; top:auto; left:50%; transform:translateX(-50%); height:4px; display:none; }
body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; }
.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:0; }
.sub_bnr_wrap .arrow_wrap .swiper-button-next { right:0; }

/* 배너 추가 */
.banner { max-width:1280px; margin:100px auto; }
.banner img { width:100%; display:block; }
.only-pc { display:block !important; }
.only-mo { display:none !important; }

/* 배너 추가 2 */
.info-banner-wrap { display:flex; flex-wrap:wrap; gap:20px; justify-content:center; margin:40px auto; max-width:1280px; }
.info-banner { display:block; width:calc((100% - 40px) / 3); overflow:hidden; border-radius:6px; }
.info-banner img { width:100%; aspect-ratio:16 / 6; object-fit:cover; display:block; }

/* 태블릿 */
@media screen and (max-width:1024px){
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_01 { font-size:24px; }
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_02 { font-size:30px; line-height:1.5; }
    #main_bnr_swiper_pc .swiper-slide a .txt_wrap .txt_03 { font-size:24px; }

    .info-banner-wrap { gap:16px; padding:0 15px; }
    .info-banner { width:calc((100% - 16px) / 2); }
}

/* 모바일 배너 추가 1 */
/* 기본 PC에서는 숨김 */
.mo-banner-wrap { display: none;}
/* 모바일에서만 노출 */
@media screen and (max-width: 768px) {.mo-banner-wrap {  display: block;    width: 100%;    padding: 0 15px;    box-sizing: border-box;    margin: 20px auto;  }
  .mo-banner-wrap a {   display: block;    margin-bottom: 10px;  }
  .mo-banner-wrap img {    width: 100%;    max-width: 400px;    height: auto;    display: block;    margin: 0 auto;  }}
/* 모바일 */
@media screen and (max-width:768px){    body #header { position:fixed; width:100%; top:0; z-index:10; }
    #header .headerTnb .tnbLeft a img,    #header .headerBottomRight a img { display:none; }
    #header .headerTnb .tnbLeft a img.main-icon,    #header .headerBottomRight a img.main-icon { display:inline-block; }    #header.fixed { background:#fff; }
    #header.fixed .headerTnb .tnbLeft a img,    #header.fixed .headerBottomRight a img { display:inline-block; }
    #header.fixed .headerTnb .tnbLeft a img.main-icon,
    #header.fixed .headerBottomRight a img.main-icon { display:none; }
    #pd_swiper { padding:0 6px 13px; }
    #pd_swiper .pd_bnr { width:100% !important; display:block; margin-right:0; margin-bottom:25px; }
    #pd_swiper .pd_bnr img { width:100%; }
    #pd_swiper .txt_wrap { bottom:15px; left:15px; }
    #pd_swiper .item-list {    width:48% !important;    margin-right:2%;    margin-bottom:12px;    display:inline-block;    vertical-align:top;}
    #pd_swiper .item-list:nth-child(2n) { margin-right:0; }
    #pd_swiper .item-list.flexed { display:inline-block; align-items:center; gap:8px; }
    #pd_swiper .item-list.flexed .thumb {        aspect-ratio:1/1;        overflow:hidden;    }
    #pd_swiper .item-list.flexed .thumb img {        width:100% !important;        height:100% !important;        object-fit:cover;        max-width:none !important;        display:block;        transform:scale(1.08);    }
    #pd_swiper .item-list.flexed .prd-info {        position:relative;        padding:16px 8px 0;        width:100%;        box-sizing:border-box;    }
    #pd_swiper .prd-wish,
    #new_swiper .prd-wish {        display:none !important;    }
    #pd_swiper .swiper-pagination {        background:rgba(0, 0, 0, .3);        width:88%;        top:auto;        left:50%;        right:auto;        bottom:0 !important;        transform:translateX(-50%);       height:4px;    }
    #pd_swiper .swiper-button-prev,
    #pd_swiper .swiper-button-next { display:none; }

    #tab_swiper { margin:0 15px 25px; }
    #tab_swiper .swiper-slide a { font-size:14px; }
    #tab_swiper .swiper-slide.swiper-slide-thumb-active a { font-weight:800; }

    .sub_bnr_wrap { margin-bottom:62px; }
    .sub_bnr_wrap .cont_tit { margin:0 24px 10px; }
    body .sub_bnr_wrap #sub_bnr_swiper .swiper-pagination { display:block; }

    .only-pc { display:none !important; }
    .only-mo { display:block !important; }
    .banner { margin-top:50px; }

    .info-banner-wrap { gap:12px; margin:25px auto; padding:0 15px; }
    .info-banner { width:100%; }
}

/* ==========================
   상품명 / 가격영역 공통 통일
========================== */

/* 브랜드 숨김 */
.prd-brand {    display:none !important;}

/* 상품명 2줄 고정 */
.prd-name {    min-height:48px !important;    line-height:1.5 !important;    overflow:hidden;    margin-bottom:10px !important;}

.prd-name a {    font-size:16px !important;    font-weight:500 !important;    line-height:1.5 !important;    color:#222 !important;    
display:-webkit-box;    -webkit-line-clamp:2;   -webkit-box-orient:vertical;    overflow:hidden;}

/* 가격영역 높이 통일 */
.prd-price {    min-height:48px !important;   display:flex;   align-items:flex-start;}

/* 가격 라인 간격 통일 */
.prd-price .price {    display:flex;    align-items:center;    flex-wrap:wrap;    gap:8px;    line-height:1.4;}

/* 실제 판매가 */
.prd-price .normal {    font-size:20px !important;    font-weight:700 !important;    color:#111 !important;}

/* 소비자가 */
.prd-price .consumer {    font-size:14px !important;    color:#888 !important;}

/* 할인율 */
.prd-price .dc_per {    font-size:14px !important;    font-weight:600 !important;}

/* 모바일 가로 흔들림 방지 - 슬라이드 유지 */
@media screen and (max-width:768px){

html,
    body{
        max-width:100%;
        overflow-x:hidden !important;
    }

    #container,
    #contents,
    .main{
        max-width:100%;       overflow-x:hidden;
    }

    #pd_swiper .item-list{        width:48% !important;        margin-right:2% !important;        box-sizing:border-box;
    }

    #pd_swiper .item-list:nth-child(2n){        margin-right:0 !important;
    }

    #pd_swiper .item-list.flexed .thumb img{        transform:scale(1.08);
    }

}




/* BASIC css end */