/* BASIC css start */
.list_shopping5x li {padding-bottom:0 !important}

/*.item-wrap {overflow: hidden;margin: 0 auto;}*/
.mainTitle {max-width:1400px;margin:0 auto;padding: 80px 0 40px;position:relative;text-align:center;}
.mainTitle h2, .mainTitle p {margin:0 1%; line-height:1;}
.mainTitle h2 {font-size:28px; color:#000; font-weight:600;}
.mainTitle p {font-size:16px; color:#000; font-weight:500; margin-top:10px;}
.mainTitle a {position:absolute; bottom:10px; right:0; font-size:16px; display:inline-block; border-bottom:1px solid #000; font-weight:500; line-height:24px;}
.mainTitle a i {font-size:12px; vertical-align:top; line-height:24px;}
#mainWrap {width:100%; overflow:hidden;}
.ec-base-product.main {
    margin-bottom: 80px;
}
.ec-base-product {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto 100px;
}
.more {text-align:center; width:100%; margin-top:30px;}
.btn_moreGray {width: 220px; height: 45px; line-height: 45px; background-color: #ffffff; border: 1px solid; font-weight: bold; display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 20px; border-radius:5px; font-size:16px;}

/* ¸ÞÀÎ ½½¶óÀÌµå ¹è³Ê */
.mainSlider {position:relative;z-index:10;min-width:1200px;}
.mainSlider .swiper-container { width: 100%; height: 100%; }
.mainSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; }
.mainSlider .swiper-slide img { width: 100%; display: block; height: auto;}
.mainSlider .swiper-button-prev, .mainSlider .swiper-button-next {background:none; width:50px; height:50px; margin-top:-25px; top:50%;}
.mainSlider .swiper-button-prev {left:50%; margin-left:-860px;}
.mainSlider .swiper-button-prev:after {content:"\e93b"; font-family:xeicon; color:#fff; font-size:50px; position:absolute; top:0; left:0; line-height: 50px;}
.mainSlider .swiper-button-next {right:50%; margin-right:-860px;}
.mainSlider .swiper-button-next:after {content:"\e93e"; font-family:xeicon; color:#fff; font-size:50px; position:absolute; top:0; left:0; line-height: 50px;}
.mainSlider .swiper-pagination-bullets { bottom:26px;}
.mainSlider .swiper-pagination-bullet { width:9px; height:9px; background:#2e2e2e; opacity:1; }
.mainSlider .swiper-pagination-bullet-active { background:#fff;}
.mainSlider .swiper-pagination {position:absolute; width:100px; display:inline-block; bottom:40px; left:auto; right:40px; background:rgba(0,0,0,0.25); color:#fff; padding:5px; border-radius:26px; font-size:16px;}

.mainCollection {position:relative;padding-bottom:50px;width:1274px;margin: 80px auto 0;}
.mainCollection .swiper-slide {font-size:0; text-align:left; width: 300px;}
.mainCollection .swiper-slide .item {position:relative;}
.mainCollection .swiper-slide .item a {display:block;}
.mainCollection .swiper-slide img {max-width:100%;}
.mainCollection .swiper-slide .item .desc {left:0; bottom:0; width:100%;}
.mainCollection .swiper-slide .item .desc span {display:block; text-align:center;}
.mainCollection .swiper-slide .item .desc .title {font-size: 22px; font-weight:600; color: #404040; padding-top: 30px;}
.mainCollection .swiper-slide .item .desc .sub {font-size: 16px; color: #a8a8a8; padding-top: 5px; font-weight: 300;}
.mainCollection .swiper-pagination {bottom:0; width:100%; text-align:center;}
.mainCollection .swiper-pagination span {width:10px; height:10px; border-radius:10px; opacity:1; background:#ccc; margin:0 4px;}
.mainCollection .swiper-pagination span.swiper-pagination-bullet-active {background:#be9f7b;}
.mainCollection .swiper-button-prev, .mainCollection .swiper-button-next {background:none; width:40px; height:40px; margin-top:-20px; top:53%;}
.mainCollection .swiper-button-prev {left:50%; margin-left:-700px;}
.mainCollection .swiper-button-prev:after {content:"\e93b"; font-family:xeicon; color:#000; font-size:40px; position:absolute; top:0; left:0; line-height: 40px;}
.mainCollection .swiper-button-next {right:50%; margin-right:-700px;}
.mainCollection .swiper-button-next:after {content:"\e93e"; font-family:xeicon; color:#000; font-size:40px; position:absolute; top:0; left:0; line-height: 40px;}

#category_best {position:relative; background:#f6f6f6;margin: 160px 0 80px;}
#category_best .mainTitle {margin:0 auto;padding: 80px 0 40px;text-align:center;}
#category_best .contain {max-width:1400px; margin:0 auto;}
#category_best .more_btn {text-align:center; padding:0 0 60px;}
#category_best .category_more {display:inline-block; font-size:18px; font-weight:500; color:#000; padding-bottom:5px; border-bottom:1px solid #000;}
#category_best .category_more i {font-size:10px; vertical-align:middle; margin-left:5px;}
#category_best .swiper_tab_box {text-align:center; margin-bottom:40px;}
#category_best .swiper_tab_box a {font-size:18px; margin:0 10px; background:none; display:inline-block; padding-bottom:8px; color:#7b7b7b;  position:relative;}
#category_best .swiper_tab_box a.swiper-pagination-bullet-active {color: #ff6a10; font-weight: 600;}
#category_best .swiper_tab_box a.swiper-pagination-bullet-active:after {content:''; width:100%; height:2px; background:#ff6a10; position:absolute; bottom:0; left:0;}

#category_best .swiper-button-prev, #category_best .swiper-button-next {background:none; width:40px; height:40px; margin-top:-20px; top:53%;}
#category_best .swiper-button-prev {left:50%; margin-left:-760px;}
#category_best .swiper-button-next {right:50%; margin-right:-760px;}
#category_best .swiper-button-prev:after, #category_best .swiper-button-next:after { font-family:xeicon; color:#000; font-size:40px; position:absolute; top:0; left:0; line-height: 40px;}
#category_best .swiper-button-prev:after {content:"\e93b";}
#category_best .swiper-button-next:after {content:"\e93e";}


.prd_slide_swiper {position:relative;}
.prd_slide_swiper .swiper-button-prev, .prd_slide_swiper .swiper-button-next {background:none; width:40px; height:40px; margin-top:-20px; top:38%;}
.prd_slide_swiper .swiper-button-prev {left:50%; margin-left:-760px;}
.prd_slide_swiper .swiper-button-prev:after {content:"\e93b"; font-family:xeicon; color:#000; font-size:40px; position:absolute; top:0; left:0; line-height: 40px;}
.prd_slide_swiper .swiper-button-next {right:50%; margin-right:-760px;}
.prd_slide_swiper .swiper-button-next:after {content:"\e93e"; font-family:xeicon; color:#000; font-size:40px; position:absolute; top:0; left:0; line-height: 40px;}

.timeSale {padding:80px 0;background:#f6f6f6;margin: 150px 0 80px;}
.timeSale h2 {font-size:56px; color:#000; font-weight:600; line-height: 1.4; margin-bottom:15px; text-align:center;}
.timeSale .time_box {text-align:center; margin: 0 0 30px;  display: flex;align-items: center;justify-content: center;}
.timeSale .time_area span {font-weight:bold; font-size:36px; color:#000;}
.timeSale .list_shopping3x {text-align:left; margin-bottom:0!important;}
.timeSale .list_shopping3x li {padding-bottom:0;}
.timeSale .PHPS_pick_prdLink {padding-bottom:100%!important}
.timeSale .PHPS_pick_prdLink img {position:absolute; top:0; left:0; width:100%;}
.timeSale .salePercent {position:absolute; top:10px; right:10px; width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; background:#fff; font-weight:700;}

.mainWideBanner {position:relative; width:1920px; left:50%; margin-left:-960px; overflow:hidden;}
.mainWideBanner + .mainTitle {padding-top:150px;}
.mainWideBanner .swiper-pagination {position:absolute; width:100px; display:inline-block; bottom:30px; left:auto; right:50%; margin-right:-700px; background:rgba(0,0,0,0.25); color:#fff; padding:5px; border-radius:26px; font-size:16px;}
.mainWideBanner.noSwiper .swiper-pagination {display:none; }



#category_best02 {background:#f6f6f6; margin:80px 0;}
#category_best02 .mainTitle {margin:0 auto; padding:80px 0 40px; text-align:center;}
#category_best02 .contain {max-width:1400px; margin:0 auto;}
#category_best02 .more_btn {text-align:center;padding: 80px 0 60px;}
#category_best02 .category_more {display:inline-block; font-size:18px; font-weight:500; color:#000; padding-bottom:5px; border-bottom:1px solid #000;}
#category_best02 .category_more i {font-size:10px; vertical-align:middle; margin-left:5px;}
#category_best02 .swiper_tab_box02 {text-align:center; margin-bottom:40px;}
#category_best02 .swiper_tab_box02 a {font-size:18px; margin:0 10px; background:none; display:inline-block; padding-bottom:8px; color:#7b7b7b; position:relative;}
#category_best02 .swiper_tab_box02 a.swiper-pagination-bullet-active:after {content:''; width:100%; height:2px; background:#ff6a10; position:absolute; bottom:0; left:0;}
#category_best02 .swiper_tab_box02 a.swiper-pagination-bullet-active {color: #ff6a10; font-weight: 600;}

/* ½Å±Ô Ãß°¡ */
.add_wide_banner {overflow:hidden; margin:160px 0}
.add_wide_banner img {position:relative; width:1920px; left:50%; margin-left:-960px;}

.banner_prd_wrap {width:1700px; margin:0 auto; padding:80px 0;}
.banner_prd_wrap > div:nth-child(1) {margin-bottom:50px}
.banner_prd_wrap .banner_prd_01 {overflow:hidden;}
.banner_prd_wrap .banner_prd_02 {overflow:hidden;}
.banner_prd_wrap .banner_prd_03 {overflow:hidden; margin:0 !important; }
.banner_prd_wrap .banner_prd_01 {margin-bottom:50px;}
.banner_prd_wrap .left {float:left; width:534px; margin-right:46px;}
.banner_prd_wrap .thumb {position:relative; }
.banner_prd_wrap .thumb .txt {position:absolute;bottom: 82px;left:0;width:100%;text-align:center;}
.banner_prd_wrap .thumb .txt span {display:block; color:#fff; }
.banner_prd_wrap .thumb .txt .tit {margin-bottom: 10px;font-size: 32px;font-weight:500}
.banner_prd_wrap .thumb .txt .des {font-size: 24px;font-weight:300}

.banner_prd_wrap .banner_prd_03 .txt .tit { font-size: 30px; }



.banner_prd_wrap .right {float:right; width:1120px; padding-bottom:30px; position:relative;} 
.banner_prd_wrap .prd-ico {display:none;}
.banner_prd_wrap .listName a {-webkit-line-clamp: 1; white-space:nowrap; overflow:hidden;}
.banner_prd_wrap .list_shopping4x li {padding-bottom:20px;}
.banner_prd_wrap .swiper-pagination {bottom: 0; width: 100%; height: 6px; line-height: 1; left: 0; font-size: 0;}
.banner_prd_wrap .swiper-pagination span{height:4px; left:0; bottom:0; width:33.333%; border-radius:0; background:#f1f2f3; opacity:1; vertical-align:middle; position:Relative;}
.banner_prd_wrap .swiper-pagination span.swiper-pagination-bullet-active{background:#655345; height:6px;}
/* Æ˾÷ */
.main_popUp_box { position:absolute;; top: 0; left: 0; padding: 30px; z-index:100; box-sizing:border-box; display:none;  }
.main_popUp_wrap {width: 100%; max-width:290px; height: 100%; overflow:hidden } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%; border-radius:10px; }
.main_popUp_con .swiper-pagination {bottom:10px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet {border:1px solid #000; box-sizing:border-box; background:#fff; opacity:1}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#FFD203; }
.main_popUp_btn {display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top:10px; }
.main_popUp_btn .btn_close { display: flex; align-items: center; justify-content: center;font-size:14px; letter-spacing: 5px; text-align: center; width:20px; height:20px; line-height:20px;  background: #ff6a10; border-radius: 100%; color: #000; font-weight: bold; box-sizing:border-box; }
.main_popUp_btn .btn_close span { width:14px; visibility: visible; color: #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; font-size: 13px;}
.main_popUp_btn .btn_today_close label {display:inline-block; cursor:pointer}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:4px; }
.main_popUp_btn .btn_today_close input[type="checkbox"]:checked {}
.main_popUp_btn .btn_today_close label { color:#000;}




/* ÇØ´õ Ãß°¡ ¼öÁ¤ */
#wrap #header_wrap {position:fixed; top:0; left:0; width:100%; }
#wrap #header_wrap .top_inner {display:none;}
#wrap #header_wrap #header {background: linear-gradient(180deg, rgba(0, 0, 0, 0.26934523809523814) 0%, rgba(0, 0, 0, 0) 100%); box-shadow:none; animation-duration: inherit; }
#wrap #header_wrap #header .logo a {color:#fff; }
#wrap #header_wrap #header .category * {color:#fff; }
#wrap #header_wrap #btn-allCate .icon {background:#fff;}
#wrap #header_wrap #header .category .sub-category li a {color: #787878 !important;}
#wrap #header_wrap #header .logoArea_right .rightIcon.user .dep_user a {color: #000 !important; }
#wrap #header_wrap #header .logoArea_right .rightIcon.user > a .ani {background:#fff; color:#000; }
#wrap #header_wrap #header .wh {display:block; transition: all 0.2s ease-in-out;}
#wrap #header_wrap #header .bk {display:none; transition: all 0.2s ease-in-out;}

#wrap #header_wrap.slideUp  {transform: translateY(-0px) !important;}
#wrap #header_wrap.slideDown .top_inner {display:block; }

#wrap #header_wrap.is_top .top_inner {display:none; }
#wrap #header_wrap.is_top #header {background: linear-gradient(180deg, rgba(0, 0, 0, 0.26934523809523814) 0%, rgba(0, 0, 0, 0) 100%);}

#wrap #header_wrap.is_no_top #header {background:#fff; }
#wrap #header_wrap.is_no_top #header .category * {color:#000; }
#wrap #header_wrap.is_no_top #header .logo a {color:#000; }
#wrap #header_wrap.is_no_top #btn-allCate .icon {background:#000;}
#wrap #header_wrap.is_no_top #header .wh {display:none; }
#wrap #header_wrap.is_no_top #header .bk {display:block;}
#wrap #header_wrap.is_no_top #header .logoArea_right .rightIcon.user > a .ani {background:#8a8a8a; color:#fff; }





.prd_slide03 {
    margin-bottom: 150px !important; /* ¿øÇÏ´Â ¸¸Å­ ¼ýÀÚ¸¦ Á¶ÀýÇϼ¼¿ä (¿¹: 80px, 100px) */
}

.prd_slide02 {
    margin-bottom: 120px !important; /* Àý¹Ýº¸´Ù ´õ ÁÙÀÌ°í ½ÍÀ¸½Ã¸é ¼ýÀÚ¸¦ ´õ ³·Ãß¼¼¿ä! */
}


.mainTitle.steady_re_design {
    padding-top: 10px !important; /* ¿øÇÏ´Â ¼öÄ¡·Î Á¶Àý */
}







    #pc-wlive-section { background-color: #242424; padding: 100px 0; font-family: 'Pretendard', sans-serif; margin-bottom: 80px; width: 100%; }
    #pc-wlive-section .inner-content { max-width: 1400px; margin: 0 auto; padding: 0 40px; }
    #pc-wlive-section .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; border-bottom: 1px solid #333; padding-bottom: 20px; }
    #pc-wlive-section .main-title { font-size: 28px; font-weight: 800; margin: 0; color: #ffffff !important; letter-spacing: -0.5px; }
    #pc-wlive-section .btn-more { font-size: 18px; color: #cccccc !important; }

    #pc-wlive-section .video-item {
        width: 100%; padding-bottom: 177.77%; background: #000; border-radius: 16px; overflow: hidden; position: relative; transform: translateZ(0);
    }

#pc-wlive-section .video-item video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    border:none;
    pointer-events:none;
    transform:scale(1.01);
    transform-origin:center;
}

    /* Ŭ¸¯ ·¹À̾î - Ŭ¸¯ Çǵå¹éÀ» À§ÇØ cursor¸¦ pointer·Î º¯°æ */
    .video-click-layer {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
        z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center;
    }

    .play-status-icon {
        width: 60px; height: 60px; background: rgba(0,0,0,0.6); border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        opacity: 0; transform: scale(0.5); transition: all 0.4s; pointer-events: none; position: absolute;
    }
    .play-status-icon.play::before { content: ''; border-left: 20px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; margin-left: 5px; }
    .play-status-icon.pause::before { content: ''; width: 6px; height: 20px; background: #fff; box-shadow: 10px 0 0 #fff; margin-right: 10px; }
    
    /* ´ë±â »óÅÂ(Á¤Áö)ÀÏ ¶§ Ç÷¹ÀÌ ¹öÆ° Ç׽à ǥ½Ã */
    .play-status-icon.init-active { opacity: 1; transform: scale(1); }
    /* Ŭ¸¯ ½Ã ¼ø°£ Çǵå¹é ¾Ö´Ï¸ÞÀÌ¼Ç */
    .play-status-icon.active { opacity: 1; transform: scale(1.2); }

    #pc-wlive-section .vimeo-progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.2); z-index: 15; }
    #pc-wlive-section .vimeo-progress-bar .inner { width: 0%; height: 100%; background: #ffffff; position: absolute; left: 0; top: 0; transition: width 0.2s linear; }

    #pc-wlive-section .prd-info-card { 
        position: absolute; bottom: 20px; left: 15px; right: 15px; 
        background: #ffffff; border-radius: 10px; padding: 15px; display: block; z-index: 20;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2); text-decoration: none; transition: transform 0.2s;
        cursor: pointer;
    }
    #pc-wlive-section .prd-info-card:hover { transform: translateY(-5px); }
    #pc-wlive-section .prd-info-card .tag { font-size: 13px; color: #838383 !important; margin: 0 0 4px 0; font-weight: 500; }
    #pc-wlive-section .prd-info-card .name { font-size: 14px; color: #000000 !important; font-weight: 700; margin: 0 0 4px 0; line-height: 1.3; word-break: keep-all; }
    #pc-wlive-section .prd-info-card .price { font-size: 14px; color: #838383 !important; font-weight: 600; margin: 0; }
/* BASIC css end */