@charset "utf-8";

/* 헤더 ======================================== */
.sc_Header {background: #fff; box-sizing: border-box; padding: 0px 0; position:relative;}
.sc_Header:before {content:""; width:100%; height:1px; background:#f0f0f0; position:absolute; left:0; bottom:0; z-index:1}
.sc_Header li {list-style: none;}
.sc_Header .wrapping {max-width:100%!important; display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0 50px;}


.sc_Header .gnb_menu {flex: 1; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:0 10px; padding-bottom: 20px;}
.sc_Header .gnb_menu .btn_slide {width: 40px; height: 40px; background: transparent url('../images/skin/header_slide.svg') center center no-repeat; background-size: 22px !important; margin-left:-9px;}
.sc_Header .gnb_menu .nav_box {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 10px;}
.sc_Header .gnb_menu .nav_box .nav_li {position: relative;}
.sc_Header .gnb_menu .nav_box .first_menu {font-size: 17px; color: #000; font-weight: 700; white-space: nowrap; padding: 10px; box-sizing: border-box; line-height: 1;}
.sc_Header .gnb_menu .nav_box .hit .first_menu {color: #2D2D2D;}

.sc_Header .logo_box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 16px 20px;}
.sc_Header .logo_box .logo_img a {font-size: 0;}
.sc_Header .logo_box .logo_img .tx {font-size: 23px; font-weight: 700; color: #333; display: block; line-height: 1.3;}
.sc_Header .logo_box .logo_img img {max-width: 175px; max-height: 65px; object-fit: contain;}
.sc_Header .logo_box .search_box {width: 400px; margin: 0 20px;}
.sc_Header .logo_box .search_box form {display: flex; width: 100%; align-items: center; position: relative;}
.sc_Header .logo_box .search_box .input_search {width: 100%; padding: 12px 16px; padding-right: 50px; border: 1px solid var(--primary-color); border-radius: 8px; font-size: 14px; box-sizing: border-box;}
.sc_Header .logo_box .search_box .btn_search_submit {position: absolute; right: 0; height: 100%; padding: 10px 16px; background: transparent; border: none; font-size: 14px; color: #666; cursor: pointer; font-weight: 500;}
.sc_Header .logo_box .search_box .btn_search_submit:hover {color: #333;}
.sc_Header .logo_box .header_icon_box {position: relative; display: flex;}
.sc_Header .logo_box .header_icon_box .header_icon {width: 36px; height: 36px;}
.sc_Header .logo_box .header_icon_box > span:first-child {margin-right: 16px;}
.sc_Header .logo_box .header_icon_box .cart_num {position: absolute; right: -5px; top: -5px; font-size: 11px; font-weight: 600; color: #fff; background: var(--primary-color); border-radius: 50%; width: 18px; height: 18px; display: flex; justify-content: center; align-items: center;}

.sc_Header .other_menu {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sc_Header .other_menu .user_link {display: flex; flex-direction: row; align-items: center;}
.sc_Header .other_menu .user_link .menu {font-size: 14px; color: #585858; font-weight: 400; padding: 16px 12px; box-sizing: border-box; line-height: 1; white-space: nowrap; display: block; cursor: pointer;}
.sc_Header .other_menu .user_link .divider {width: 1px; height: 1em; background-color: #EFEFEF;}
.sc_Header .other_menu .icon_link {display: flex; flex-direction: row; justify-content: flex-end; align-items: center;}
.sc_Header .other_menu .icon_link li {display: flex; flex-direction: column; justify-content: center; align-items: center;}

.sc_Header .category {overflow:hidden; display:none; position:relative; z-index:2; margin-top:5px;}
.sc_Header .category .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:nowrap; width:max-content; gap:10px}
.sc_Header .category li.type_event {position:relative; padding-left:20px; box-sizing:border-box;}
.sc_Header .category li.type_event:before {content:''; width:1px; height:14px; background: rgba(0, 0, 0, 0.1); position:absolute; left:0; top:50%; margin-top:-7px;}
.sc_Header .category li.type_event+ li.type_event {padding-left:0;}
.sc_Header .category li.type_event+ li.type_event:before {display:none;}
.sc_Header .category li.type_event .ctg {opacity:0.35; filter:alpha(opacity=35); -ms-filter:alpha(opacity=35);}
.sc_Header .category li.type_event.hit .ctg {opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100);}
.sc_Header .category .ctg {display:flex; justify-content: center; align-items: center; flex-direction:column; font-size:16px; color:#000; font-weight:700; padding-right:10px;}
.sc_Header .category .ctg strong {display:flex; justify-content: center; align-items: center; flex-direction:column; height:55px; position:relative; padding:0 1px;}
.sc_Header .category .ctg strong:before {content:""; width:100%; height:2px; background:var(--primary-color); position:absolute; left:0; bottom:0; z-index:2; display:none;}
.sc_Header .category .hit .ctg {color:var(--primary-color);}
.sc_Header .category .hit .ctg strong:before {display:inline-block;}

body.if_main .sc_Header:before {display:none;}

/* 헤더 1280px 컨테이너 제한 */
.sc_Header .other_menu {max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.sc_Header .logo_box {max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}
.sc_Header .wrapping.layout_fix {max-width: 1280px !important; margin: 0 auto; box-sizing: border-box;}
.sc_Header .category > .layout_fix {max-width: 1280px; margin: 0 auto; padding-left: 20px; padding-right: 20px; box-sizing: border-box;}

/* 모바일 헤더 ======================================== */
.sc_Header .mobile-header {display: none; /* 기본적으로 숨김 (PC/태블릿) */ background-color: #fff; width: 100%;}
.sc_Header .mobile-header .header-inner {padding: 15px 20px 4px; background-color: #fff;}
.sc_Header .mobile-header .top-row {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
.sc_Header .mobile-header .logo {margin: 0; padding: 0; font-size: 0; line-height: 0; flex-shrink: 0;}
.sc_Header .mobile-header .logo a {display: block; height: 40px;}
.sc_Header .mobile-header .logo img {height: 100%; width: auto; object-fit: contain;}
.sc_Header .mobile-header .btn-cart {background: none; border: none; cursor: pointer; margin-top: 8px; position: relative;}
.sc_Header .mobile-header .icon-cart {width: 28px; height: 28px;}
.sc_Header .mobile-header .cart_num {position: absolute; right: -5px; top: -5px; font-size: 10px; font-weight: 600; color: #fff; background: var(--primary-color); border-radius: 50%; width: 16px; height: 16px; display: flex; justify-content: center; align-items: center;}
.sc_Header .mobile-header .header-icon-box {display: flex; align-items: center; gap: 15px;}
.sc_Header .mobile-header .btn-wish {background: none; border: none; cursor: pointer; margin-top: 8px; position: relative;}
.sc_Header .mobile-header .icon-wish {width: 28px; height: 28px;}
.sc_Header .mobile-header .search-area {position: relative; width: 100%;}
.sc_Header .mobile-header .input-search {width: 100%; height: 50px; padding: 12px 16px; border: 1px solid var(--primary-color); border-radius: 8px; font-size: 14px; color: #333; outline: none; background-color: #fff; box-sizing: border-box;}
.sc_Header .mobile-header .input-search::placeholder {color: #BCBCBC; font-weight: 400; font-size: 14px;}
.sc_Header .mobile-header .btn-search {position: absolute; top: 52%; right: 12px; transform: translateY(-50%); background: none; border: none; cursor: pointer;}
.sc_Header .mobile-header .icon-search {width: 26px; height: 26px; stroke: var(--primary-color); stroke-width: 2.5;}


/* 푸터 ======================================== */
.sc_Footer {background:#333; margin-top: auto; padding-bottom: 100px; }
.sc_Footer li {list-style:none;}
.sc_Footer .layout_fix {display:flex; justify-content: space-between; align-items: flex-start; flex-direction:row; flex-wrap:wrap; gap:30px 50px}
.sc_Footer .menu_box {width:100%; border-bottom:1px solid #585858; padding: 16px 0;}
.sc_Footer .menu_box ul {display: flex; flex-direction:row; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; gap:16px;}
.sc_Footer .menu_box .menu {font-size:12px; box-sizing: border-box; line-height: 1; color:#acacac; }
.sc_Footer .company_box {flex:1; font-size:12px; display:flex; justify-content: flex-start; align-items: center; flex-direction:row; flex-wrap:wrap; gap:5px 15px; color:#ACACAC; max-width:600px}
.sc_Footer .company_box .site_name {font-size: 20px; color: #fff; font-weight: 600; line-height: 1; margin-bottom: 10px; width:100%;}
.sc_Footer .company_box .txt {line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Footer .company_box .txt.type_host {width:100%;}
.sc_Footer .company_box .btn_info {text-decoration:underline;}
.sc_Footer .company_box .copyright {margin-top:20px; width:100%;}

.sc_Footer .auth_box {display:flex; justify-content: flex-end; align-items:center; flex-direction:row; gap:10px;}
.sc_Footer .auth_box .pg {display:flex; justify-content: flex-end; align-items:center; flex-direction:row; gap:10px;}
.sc_Footer .auth_box .pg .guide {font-size: 11px; line-height: 1.4; text-align:right;}
.sc_Footer .auth_box .ssl {background:#fff; height:40px; box-sizing:border-box; border-radius:6px; overflow:hidden;}
.sc_Footer .auth_box .logo {border-radius: 6px; box-sizing: border-box; overflow: hidden; background: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Footer .auth_box img {height: 40px;}






.sc_Group {margin-top:80px; }


/* 그룹타이틀 ======================================== */
.sc_Group_tit {text-align: center; margin-bottom:36px;}
.sc_Group_tit .layout_fix {display:flex; justify-content: center; align-items: center; flex-direction:column; }
.sc_Group_tit .tit {font-size:24px; color: var(--text-color-black); font-weight:700; line-height: 1;}
.sc_Group_tit .tx_info {font-size: 13px; color: #888; font-weight: 500; margin-top:10px; line-height:1; }
.sc_Group_tit .tx_info strong {color: #000; font-weight: 700; text-decoration:underline;}


/* 더보기 버튼 ======================================== */
.sc_More_btn {margin-top: 30px;}
.sc_More_btn .layout_fix {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_More_btn .link {flex: 1; display: flex; flex-direction: row; justify-content: center; align-items: center; max-width: 350px;}
.sc_More_btn .link {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 40px; background-color: transparent; border: 1px solid #e5e5e5;  border-radius: 6px; font-size: 15px; font-weight: 500; color: #585858; text-decoration: none; transition: all 0.2s; cursor: pointer;}
.sc_More_btn .link .tx {padding-right: 13px; box-sizing: border-box; font-weight:500; background: transparent url('../images/skin/arrow_right.svg') right center no-repeat; background-size: 6px 10px !important; }


/* 롤링 컨트롤러 ======================================== */
.sc_Roll_ctrl {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top:15px; margin-bottom:8px; gap: 0 5px;}
.sc_Roll_ctrl.if_hide {display:none !important;}
.sc_Roll_ctrl.if_show {display:flex;}
.sc_Roll_ctrl .roll_prevnext {display: flex; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px;}
.sc_Roll_ctrl .roll_prevnext {background-repeat: no-repeat !important; background-position: center !important; background-size: 6px 12px !important;}
.sc_Roll_ctrl .roll_prevnext.prev {background-image: url('../images/skin/arrow_left.svg');}
.sc_Roll_ctrl .roll_prevnext.next {background-image: url('../images/skin/arrow_right.svg');}
.sc_Roll_ctrl .roll_icon ul {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Roll_ctrl .roll_icon li {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Roll_ctrl .roll_icon .icon {height:10px; width:10px; box-sizing: border-box; display:flex; justify-content: center; align-items: center; flex-direction:column; padding:0; margin:0 5px;}
.swiper-pagination-fraction {display:none;}
.sc_Roll_ctrl .roll_icon .icon:before {content:""; width:10px; height:10px; display:inline-block; border-radius: 100px; border:1px solid rgba(0,0,0,0.25); background:transparent; box-sizing:border-box;}
.sc_Roll_ctrl .roll_icon .active .icon:before {background: rgba(0,0,0,0.5); border-color:rgba(0,0,0,0.5);}
.sc_Roll_ctrl .roll_pagi {display:flex; justify-content: center; align-items: center; flex-direction:row; font-size:13px; gap:2px; font-weight:600; display:none; color:#aaa; width:45px;}
.sc_Roll_ctrl .roll_pagi .active {color:#000;}




/* 메인 비주얼 ======================================== */
.sc_Visual {overflow:hidden;}
.sc_Visual .js_main_visual .swiper-slide {visibility:hidden;} /* Swiper 초기화 전 숨김 (FOUC 방지) */
.sc_Visual .js_main_visual.swiper-container-initialized .swiper-slide {visibility:visible;} /* Swiper 5.x 초기화 후 표시 */
.sc_Visual li {list-style: none;}
.sc_Visual .layout_fix {max-width: 100% !important; box-sizing: border-box;}
.sc_Visual .rolling_wrap {overflow: visible;}
.sc_Visual .rolling_box ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.sc_Visual .rolling_box li {height: auto;  margin-bottom:10px;}
.sc_Visual .visual_img {display: block; flex-direction: column; justify-content: center; align-items: center; height: 100%; overflow:hidden;}
.sc_Visual .visual_img a {font-size: 0;}
.sc_Visual .visual_img img {max-width:100%; height:auto; }
.sc_Visual .visual_img img.this_pc {width:100%; height:100%; padding-bottom:0%; overflow:hidden;}
.sc_Visual .visual_img img.this_mo {position: absolute; top: 0; left:0; display: none;}
.sc_Visual .sc_Roll_ctrl {position: absolute; left:50%; bottom:10px; z-index:10; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 0 10px; transform:translateX(-50%); margin:0px !important;}
.sc_Visual .sc_Roll_ctrl .roll_pagi {backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); background-color: rgba(0, 0, 0, 0.5); height:23px; width:55px; border-radius:100px;}
.sc_Visual .sc_Roll_ctrl .roll_pagi {color:#ccc; font-size:11px;}
.sc_Visual .sc_Roll_ctrl .roll_pagi .active {color:#fff;}



/* 메인 2단 배너 ======================================== */
.sc_Ad li {list-style: none;}
.sc_Ad .rolling_wrap {overflow: hidden;}
.sc_Ad .rolling_box {margin-left: -20px;}
.sc_Ad .rolling_box ul {display: flex; flex-direction: row; justify-content: stretch; align-items: stretch;}
.sc_Ad .rolling_box li {width: 50%; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; height:auto;}
.sc_Ad .banner {margin-left: 20px; flex:1; display:flex; justify-content: stretch; align-items: stretch; flex-direction:column; }
.sc_Ad .banner .img_box {overflow: hidden; position: relative; font-size: 0; border-radius: 7px;}
.sc_Ad .banner .img_box img {width: 100%; transition: all 0.3s ease-out; }
.sc_Ad .banner .txt_box {text-align: center; padding:30px 15px; box-sizing: border-box; line-height: 1.4;  font-size:14px; border:1px solid #f2f2f2; border-top:0;}
.sc_Ad .banner .txt_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:column; gap:10px; flex:1;}
.sc_Ad .banner .txt_box .tit {font-size:1.6em; color: #000; font-weight:700; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Ad .banner .txt_box .text {color: #da120d; word-wrap:break-word; word-break:keep-all; white-space:normal;font-size:20px; font-weight:bold;}

.sc_Ad .banner .txt_box .btn_view {box-sizing: border-box; margin-top:15px;}
.sc_Ad .banner .txt_box .btn_view .tx {font-size: 13px; color: #333; font-weight: 600; line-height: 1; border-bottom: 1px solid #333; box-sizing: border-box;}
.sc_Ad .roll_icon {display:block !important;}
.sc_Ad .roll_icon .icon:before {transition: all 0.3s ease-out;}
.sc_Ad .roll_icon .active .icon:before {width: 50px;}

/*2025-06-10추가*/
.videoBannerWrap {position: relative; width: 100%; margin: 50px auto; display: flex;}
.mainVideo {width: 50%; padding: 0 10px; box-sizing: border-box;}
.mainVideo .video_area {position: relative; padding-bottom: 340px; height: 0; max-width: 100%; border: 1px solid #ddd; background: #000000; display: flex; overflow: hidden;}
.round {border-radius: 9px; overflow: hidden;}
.mainBanner01 {width: 50%; padding: 0 10px; box-sizing: border-box;}
.swiper-container {width: 100%; height: 100%; margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1;}
.swiper-wrapper {position:relative; width:100%; height:100%; z-index:1; display:flex; transition-property:transform;}
.swiper-container-android .swiper-slide,.swiper-wrapper {transform:translate3d(0,0,0);}
.swiper-container-multirow>.swiper-wrapper {flex-wrap:wrap;}
.swiper-container-free-mode>.swiper-wrapper {transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide {
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    transition-property:transform;
    box-sizing: border-box;
}

.swiper-button-next:hover, .swiper-button-prev:hover {opacity: 0.5;}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {opacity:.35;cursor:auto;pointer-events:none;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {background-image:url("/skin/site_m/responsive-food/images/skin/arrow_backward_ios.png");left:10px;right:auto;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {background-image:url("/skin/site_m/responsive-food/images/skin/arrow_forward_ios.png");right:20px;left:auto;}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-lock {display:none;}
.swiper-pagination {position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10;}
.swiper-pagination.swiper-pagination-hidden {opacity:0;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:10px;left:0;width:100%;}
.swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transform:scale(.33);position:relative;}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {transform:scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {transform:scale(1);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform:scale(.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform:scale(.33);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {transform:scale(.66);}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {transform:scale(.33);}
.swiper-pagination-bullet {width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;border:1px solid #777;opacity:.4;}
button.swiper-pagination-bullet {border:none;margin:0;padding:0;box-shadow:none;appearance:none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer;}
.swiper-pagination-bullet-active {opacity:1;background:#777;}
.swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;transform:translate3d(0,-50%,0);}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block;}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;transform:translateY(-50%);width:8px;}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;transition:.2s transform,.2s top;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;transform:translateX(-50%);white-space:nowrap;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:.2s transform,.2s left;}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition:.2s transform,.2s right;}
.swiper-pagination-progressbar {background:rgba(0,0,0,.25);position:absolute;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin:right top;}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width:100%;height:4px;left:0;top:0;}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0;}
.swiper-pagination-white .swiper-pagination-bullet-active {background:#fff;}
.swiper-pagination-progressbar.swiper-pagination-white {background:rgba(255,255,255,.25);}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff;}
.swiper-pagination-black .swiper-pagination-bullet-active {background:#000;}
.swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0,0,0,.25);}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000;}
.swiper-pagination-lock {display:none;}
.swiper-scrollbar {border-radius:10px;position:relative;touch-action:none;background:rgba(0,0,0,.1);}
.swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%;}
.swiper-container-vertical>.swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%;}
.swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0;}
.swiper-scrollbar-cursor-drag {cursor:move;}
.swiper-scrollbar-lock {display:none;}
.swiper-zoom-container {width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center;}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {max-width:100%;max-height:100%;object-fit:contain;}
.swiper-slide-zoomed {cursor:move;}
.swiper-lazy-preloader {width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s steps(12,end) infinite;}
.swiper-lazy-preloader:after {display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat;}
.swiper-lazy-preloader-white:after {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
@keyframes swiper-preloader-spin {
    100% {
        transform:rotate(360deg);
    }
}
.swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {transition-timing-function:ease-out;}
.swiper-container-fade .swiper-slide {pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
.swiper-container-cube {overflow:visible;}
.swiper-container-cube .swiper-slide {pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%;}
.swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-cube.swiper-container-rtl .swiper-slide {transform-origin:100% 0;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible;}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {z-index:0;backface-visibility:hidden;}
.swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;filter:blur(50px);z-index:0;}
.swiper-container-flip {overflow:visible;}
.swiper-container-flip .swiper-slide {pointer-events:none;backface-visibility:hidden;z-index:1;}
.swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none;}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto;}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {z-index:0;backface-visibility:hidden;}
.swiper-container-coverflow .swiper-wrapper {perspective:1200px;}

/* 메인 1단 배너 ======================================== */
.sc_Single li {list-style: none;}
.sc_Single .rolling_wrap {position: relative; overflow:hidden;}
.sc_Single .banner {position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; overflow:hidden;}
.sc_Single .banner img {width: 100%;}
.sc_Single .banner img.this_mo {display: none;}


/* 메인 리뷰 ======================================== */
.sc_Review {overflow: hidden; background:#f1f1f4; padding:100px 0;}
.sc_Review li {list-style: none;}
.sc_Review .rolling_wrap {overflow: hidden;}
.sc_Review .rolling_box .ul {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch;}
.sc_Review .rolling_box .li {width:20%;}
.sc_Review .review_box {margin-left:30px;}
.sc_Review .review_box .photo {border-radius: 20px; box-sizing: border-box; overflow: hidden; position: relative; cursor: pointer; isolation: isolate;}
.sc_Review .review_box .photo {display: flex; flex-direction: row; justify-content: center; align-items: center;}
.sc_Review .review_box .photo:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1);}
.sc_Review .review_box .photo:before {transition: all 0.3s ease-out; border-radius: 20px; box-sizing: border-box;}
.sc_Review .review_box .photo img {width: 100%; height: 100%; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important;}
.sc_Review .review_box .photo .icon_h {position: absolute; left: 50%; top: 50%; width: 0; height: 1px; background: #fff; z-index: 10;}
.sc_Review .review_box .photo .icon_h {transition: all 0.3s ease-out;}
.sc_Review .review_box .photo .icon_v {position: absolute; left: 50%; top: 50%; width: 1px; height: 0; background: #fff; z-index: 10;}
.sc_Review .review_box .photo .icon_v {transition: all 0.3s ease-out;}

.sc_Review .about_item {padding: 10px 0; box-sizing: border-box; gap: 10px; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position:relative; }
.sc_Review .about_item .thumb {width: 40px; height: 40px; border-radius: 100px; overflow: hidden; flex: none; display: flex; flex-direction: row; justify-content: center; align-items: center; position:relative;}
.sc_Review .about_item .thumb img {width: 100%; height:100%; object-fit:cover;}
.sc_Review .about_item .info {color: #666; font-size: 13px;}
.sc_Review .about_item .info .name {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.sc_Review .about_item .info .price {margin-top: 5px; line-height: 1; font-weight:600;}

.sc_Review .rv_info {border-top: 1px solid #eee; padding-top: 15px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap:10px; cursor:pointer}
.sc_Review .rv_info .mark {position: relative; width: 80px; height: 20px;}
.sc_Review .rv_info .mark .star {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: 16px !important; background: transparent url('../images/skin/item_star.svg') left center repeat-x;}
.sc_Review .rv_info .mark .star.this_base {z-index: 1; opacity: 0.2; filter: alpha(opacity=20); -ms-filter: alpha(opacity=20);}
.sc_Review .rv_info .mark .star.this_value {z-index: 2;}
.sc_Review .rv_info .tx_conts {display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.4; color: #333; font-weight:500;}
.sc_Review .rv_info .writer {color: #aaa; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap: 5px; font-size:12px;}


/* 메인 고객센터 ======================================== */
.sc_Service {overflow:hidden;}
.sc_Service li {list-style: none;}
.sc_Service .inner {display: flex; flex-direction: row; justify-content: flex-start; align-content: stretch; align-items: stretch; border: 2px solid #eee; box-sizing: border-box; border-radius: 10px;}
.sc_Service dl {display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; text-align: center; flex: 1; padding: 50px 15px; box-sizing: border-box; gap:40px; border-left:1px solid #eee;}
.sc_Service dl:first-of-type {border-left:0;}
.sc_Service dt {line-height: 1; font-size:13px; display:flex; justify-content: center; align-items: center; flex-direction:column; flex-wrap:wrap; gap:5px}
.sc_Service dd {font-size: 13px;}
.sc_Service .icon_box {display:flex; justify-content: center; align-items: center; flex-direction:column; margin-bottom:15px;}
.sc_Service .icon_box img {height: 40px;}
.sc_Service .tit_en {font-size: 17px; color: #000; font-weight: 700;}
.sc_Service .tit_ko {color: #999; font-weight:500;}
.sc_Service .btn_order {font-weight:500; color: #000; height: 40px; border: 1px solid #222; box-sizing: border-box; transition: all 0.3s ease-out;}
.sc_Service .btn_order {padding: 0 30px; display: inline-flex; flex-direction: row; justify-content: center; align-items: center; border-radius:100px; background:#fff;}
.sc_Service .tel {font-size: 21px; color: #000; font-weight: 700; line-height: 1; white-space: nowrap; position: relative;}
.sc_Service .open_time {color: #888; line-height: 1.4; margin-top: 5px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Service .bank_list {display:flex; justify-content: center; align-items: center; flex-direction:column; gap:5px}
.sc_Service .bank_list li {position: relative; color: #888; line-height: 1.3; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.sc_Service .sns_list {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
.sc_Service .sns_list li {display: flex; flex-direction: column; justify-content: center;}
.sc_Service .sns_list .btn_sns {width: 60px; height: 60px; border: 0px solid transparent; box-sizing: border-box; transition: all 0.3s ease-out; border-radius:100px;}
.sc_Service .sns_list .btn_sns img {width: 100%;}







/* 상품영역(메인) -------------------------------------------------------------------------------------------------------------------------------- */

/* 메인 MD's Pick ======================================== */
.sc_Md {overflow:hidden;}
.sc_Md li {list-style:none;}

.sc_Md .tab_box {margin-bottom: 20px;}
.sc_Md .tab_box .layout_fix {text-align: center;}
.sc_Md .tab_box .swipe_box {display:inline-block; max-width:100%;}
.sc_Md .tab_box .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:10px; flex-wrap:nowrap; width:max-content;}
.sc_Md .tab_box .tab {font-size:15px; font-weight: 500; color:#888; padding: 0 15px; box-sizing: border-box; border: 1px solid #fff; border-radius: 10px;}
.sc_Md .tab_box .tab {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 40px;}
.sc_Md .tab_box .hit .tab {background: #000 !important; border-color: #000 !important; color: #fff;}

.sc_Md .rolling_wrap {overflow: hidden;}


/* 메인 카테고리 베스트 ======================================== */
.sc_Ctg {overflow:hidden;}
.sc_Ctg li {list-style:none;}
.sc_Ctg .tab_box {margin-bottom:20px;}
.sc_Ctg .tab_box .inner {text-align: center; border:1px solid #f2f2f2; border-left:0; border-right:0;}
.sc_Ctg .tab_box .swipe_box {display:inline-block; max-width:100%}
.sc_Ctg .tab_box .swipe_box ul {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; gap:15px; flex-wrap:nowrap; width:max-content;}
.sc_Ctg .tab_box .tab {color:#000; font-size:15px; font-weight:700; line-height: 1; box-sizing: border-box; }
.sc_Ctg .tab_box .tab strong {position: relative; display:flex; justify-content: center; align-items: center; flex-direction:column; height:60px; padding: 0 15px; }
.sc_Ctg .tab_box .tab strong:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background: #000; transition: all 0.25s ease-out;}
.sc_Ctg .tab_box .hit .tab {color: #000 !important;}
.sc_Ctg .tab_box .hit .tab strong:before {width: 100%;}
.sc_Ctg .category_item {}/* 프로그램용 클래스 */
.sc_Ctg .rolling_wrap {overflow:hidden;}


/* 메인 상품 ======================================== */
.sc_Item {border-radius: 10px;}
.sc_Item+ .sc_Item {border-top:0px solid #eee; padding-top:0px;}
/**2025-01-15 원본---s
.sc_Item+ .sc_Item {border-top:1px solid #eee; padding-top:100px;}
**2025-01-15 원본---e/


/* 메인 타임세일 ======================================== */
.sc_Time {overflow:hidden;}
.sc_Time li {list-style:none;}
.sc_Time .rolling_wrap {overflow: hidden;}




/* 메인 카테고리 아이콘 ======================================== */
.sc_Go {padding:30px 0; box-sizing:border-box; max-width:1280px; margin:0 auto;}
.sc_Go .banner {display:flex; flex-direction:column; justify-content:flex-start; align-items:center; gap:8px; text-align:center; text-decoration:none;}
.sc_Go .banner .img_wrap {position:relative; padding:5px; box-sizing:border-box;}
.sc_Go .banner .img_box {width:70px; height:70px; border-radius:50%; overflow:hidden; font-size:0px; background:#f5f5f5;}
.sc_Go .banner img {width:100%; height:100%; object-fit:cover;}
.sc_Go .banner .title {font-family:'NanumSquareNeo'; font-weight:500; font-size:13px; color:var(--text-color-black); line-height:1.3; word-break:keep-all;}

/* PC: 그리드 */
.sc_Go .icon_grid {display:grid; grid-template-columns:repeat(8, 1fr); gap:16px; list-style:none; padding:0; margin:0;}
.sc_Go .icon_grid li {display:flex; justify-content:center;}
.sc_Go .mo_only {display:none;}

/* Mobile: Swiper (2행 그리드) */
.sc_Go .iconCategorySwiper {padding:0 16px;}
.sc_Go .iconCategorySwiper .swiper-wrapper {display:grid; grid-template-rows:repeat(2, auto); grid-auto-flow:column; gap: 4px 16px;}
.sc_Go .iconCategorySwiper .swiper-slide {width:auto !important; margin:0 !important;}

/* 배너 이미지 모션 */
@keyframes mv_go_rotate {
    0% {transform:scaleX(1);}
    50% {transform:scaleX(0);}
    100% {transform:scaleX(1);}
}





/*** 라이브쇼핑 *****/

    .shorts-container {
      display: flex;
      gap: 26px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 10px;
    }

    .short {
      flex: 0 0 auto;
      width: 330px;
      height: 583px;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
      background: #000;
      color: #fff;
      scroll-snap-align: start;
    }

    .short .overlay {
      position: absolute;
      bottom: 10px;
      left: 50%;
      z-index: 10;
      width: 100%;
      border-radius: 11px 11px;
      background: rgba(0, 0, 0, 0.5);
      width: calc(99% - 20px);
      transform: translateX(-50%);
      padding: 8px;
      align-items: center;

     }

    .price-tag {
      font-weight: bold;
      color: #ffd700;
    }

    .original-price {
      text-decoration: line-through;
      font-size: 12px;
      color: #bbb;
    }

    .discount {
      color: #ff4040;
      margin-left: 5px;
    }

    .channel {
      display: flex;
      align-items: center;
      gap: 6px;
      margin-top: 4px;
    }


/* ========================================
   NEW UI STYLES - Main Home Redesign
   ======================================== */

/* Layout Container */
.layout_fix { max-width: 1280px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }

/* 실시간 인기 순위 TOP 9 - 새 UI */
.sc_Popularity .popularity-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 36px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sc_Popularity .popularity-item {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}
.sc_Popularity .pop-img-box {
    width: 205px;
    height: 205px;
    background-color: #e0e0e0;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
.sc_Popularity .pop-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sc_Popularity .rank-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background-color: #777;
    color: #fff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-bottom-right-radius: 8px;
    z-index: 5;
}
.sc_Popularity .rank-badge.top-rank {
    background-color: #ff8d4f;
}
.sc_Popularity .pop-info-box {
    flex: 1;
    height: 205px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.sc_Popularity .pop-market-name {
    font-size: 12px;
    color: #888;
    margin-bottom: 4px;
}
.sc_Popularity .pop-prod-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--text-color-black);
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 5px;
}
.sc_Popularity .pop-prod-title:hover {
    text-decoration: underline;
}
.sc_Popularity .pop-price-area {
    margin-bottom: 5px;
}
.sc_Popularity .pop-original-price {
    font-size: 13px;
    color: #aaa;
    text-decoration: line-through;
    display: block;
}
.sc_Popularity .pop-final-price-row {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 18px;
    font-weight: 700;
}
.sc_Popularity .pop-discount-rate {
    color: #E61E1E;
}
.sc_Popularity .pop-price {
    color: #333;
}
.sc_Popularity .pop-tags {
    margin-bottom: auto;
}
.sc_Popularity .pop-tag {
    display: inline-block;
    background-color: #f0f0f0;
    font-size: 11px;
    color: #555;
    padding: 3px 6px;
    border-radius: 4px;
}
.sc_Popularity .pop-tag.coupon {
    background-color: #ff6b35;
    color: #fff;
    font-weight: 600;
}
.sc_Popularity .pop-cart-btn {
    width: 100%;
    padding: 10px 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}
.sc_Popularity .pop-cart-btn:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
}

/* 신규 상품 - Swiper 슬라이드 */
.sc_NewProducts .new-product-section {
    position: relative;
}
.sc_NewProducts .newProductSwiper {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20px;
    position: relative;
}
.sc_NewProducts .np-product-card {
    background: transparent;
    display: flex;
    flex-direction: column;
}
.sc_NewProducts .np-img-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    background-color: #e0e0e0;
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.sc_NewProducts .np-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sc_NewProducts .np-badge {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #2f5aff;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 12px;
    border-bottom-right-radius: 12px;
    z-index: 5;
}
.sc_NewProducts .np-btn-cart {
    width: 100%;
    padding: 12px 0;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    margin-bottom: 15px;
    transition: all 0.2s;
}
.sc_NewProducts .np-btn-cart:hover {
    border-color: #bbb;
    background-color: #fcfcfc;
}
.sc_NewProducts .np-market-info {
    font-size: 12px;
    color: #888;
    margin-bottom: 4px;
}
.sc_NewProducts .np-prod-name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-color-black);
    line-height: 1.4;
    margin-bottom: 6px;
    text-decoration: none;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 44px;
}
.sc_NewProducts .np-prod-name:hover {
    text-decoration: underline;
}
.sc_NewProducts .np-price-info {
    margin-bottom: 6px;
}
.sc_NewProducts .np-ori-price {
    text-decoration: line-through;
    color: #ccc;
    font-size: 13px;
    display: block;
}
.sc_NewProducts .np-dc-rate {
    color: #E61E1E;
    font-weight: 700;
    font-size: 18px;
    margin-right: 4px;
}
.sc_NewProducts .np-final-price {
    color: #333;
    font-weight: 700;
    font-size: 18px;
}
.sc_NewProducts .np-del-tag {
    display: inline-block;
    background-color: #eee;
    color: #666;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 4px;
    margin-left: 8px;
}
/* Swiper 네비게이션 화살표 */
.sc_NewProducts .swiper-button-next,
.sc_NewProducts .swiper-button-prev {
    width: 54px;
    height: 54px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    border: #BCBCBC solid 1px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    color: #bbb;
    transition: opacity 0.3s;
    z-index: 10;
    top: 30%;
    
    background-size: 36px;
    background-position:center;
    background-repeat:no-repeat;
}
.sc_NewProducts .swiper-button-prev {position: absolute; z-index: 100; left: -4px;}
.sc_NewProducts .swiper-button-next {position: absolute; z-index: 100; right: -4px;}

/* Swiper 기본 화살표 아이콘 없애기 */
.sc_NewProducts .swiper-button-next::after,
.sc_NewProducts .swiper-button-prev::after {
    display: none;
}
.sc_NewProducts .swiper-button-disabled {
    opacity: 0 !important;
    pointer-events: none;
}

/* 라이브 쇼핑 */
.sc_LiveShopping .live_shorts_container {
    display: flex;
    gap: 30px;
    justify-content: center;
}
.sc_LiveShopping .live_short_item {
    position: relative;
    width: calc(50% - 15px);
    max-width: 600px;
    border-radius: 20px;
    overflow: hidden;
    background: #f5f5f5;
}
.sc_LiveShopping .short_video_wrap {
    position: relative;
}
.sc_LiveShopping .short_iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.sc_LiveShopping .short_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.8));
    padding: 30px 20px 20px;
    color: #fff;
    text-decoration: none;
}
.sc_LiveShopping .short_title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 10px;
}
.sc_LiveShopping .short_price .original {
    color: #ff4444;
    font-size: 13px;
    margin-right: 10px;
}
.sc_LiveShopping .short_price .sale {
    font-size: 18px;
    font-weight: 700;
}

/* 메인 상품 - 5열 2행 Grid */
.sc_Item .item_list.pc_type_box5 ul {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 20px;
}
.sc_Item .item_list.pc_type_box5 li {
    width: 100% !important;
}

/* 리뷰 섹션 개선 */
.sc_Review .review_box {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.sc_Review .review_box .photo {
    aspect-ratio: 1;
}
.sc_Review .rv_info {
    padding: 15px;
}

/* Floating 버튼 */
.p_Fly .btn_kakao {
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 16px;
    background: #FEE500;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    transition: all 0.3s ease-out;
    z-index: 3;
}
.p_Fly .btn_kakao:hover { transform: scale(1.05); }
.p_Fly .btn_kakao img {
    width: 100%; 
    height: auto;
    object-fit: contain;
}

/* 장바구니 버튼 외부 노출 */
.item_box .btn_cart_external {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: #fff url('../images/skin/header_cart.svg') center no-repeat;
    background-size: 20px;
    border: 1px solid #ddd;
    border-radius: 50%;
    z-index: 5;
    cursor: pointer;
    transition: all 0.2s;
}
.item_box .btn_cart_external:hover {
    background-color: #f5f5f5;
    border-color: #bbb;
}

/* 반응형 - 태블릿 */
@media screen and (max-width: 1024px) {
    .sc_Popularity .popularity-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; }
    .sc_LiveShopping .live_shorts_container { gap: 20px; }
    .sc_Item .item_list.pc_type_box5 ul { grid-template-columns: repeat(4, 1fr); }
}

/* 반응형 - 모바일 */
@media screen and (max-width: 768px) {
    .sc_Popularity .popularity-grid { grid-template-columns: 1fr; gap: 20px; }
    .sc_Popularity .pop-img-box { width: 165px; height: 165px; }
    .sc_Popularity .pop-info-box { height: 150px; }
    .sc_Popularity .rank-badge { width: 32px; height: 32px; font-size: 14px; }
    .sc_Popularity .pop-prod-title { font-size: 14px; }
    .sc_Popularity .pop-final-price-row { font-size: 16px; }
    .sc_Popularity .pop-tags { margin-bottom: 8px; }
    .sc_Popularity .pop-cart-btn { padding: 8px 0; }
    .sc_Popularity .pop-market-name { margin-bottom: 0; }
    .sc_NewProducts .np-prod-name { font-size: 14px; height: 40px; }
    .sc_NewProducts .np-dc-rate,
    .sc_NewProducts .np-final-price { font-size: 16px; }
    .sc_LiveShopping .live_shorts_container { flex-direction: column; gap: 15px; }
    .sc_LiveShopping .live_short_item { width: 100%; max-width: none; }
    .sc_Item .item_list.pc_type_box5 ul { grid-template-columns: repeat(2, 1fr); gap: 15px 10px; }
}


/* ========================================
   라이브쇼핑 섹션 (Live Shopping Section)
   ======================================== */

/* 그리드 컨테이너 */
.live-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2열 */
    gap: 20px;
    max-width: 1280px;
    margin: 50px auto;    
}

/* 카드 전체 틀 */
.live-card {
    display: flex;
    border: 1px solid #eee;
    border-radius: 16px;
    overflow: hidden;
    background-color: #fff;
    height: 320px; /* 카드 높이 고정 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* --- [왼쪽] 비디오 영역 (유튜브 링크) --- */
.video-area {
    flex: 0 0 45%; /* 너비 45% 차지 */
    position: relative;
    background-color: #000;
    overflow: hidden;
}

/* 유튜브 iframe */
.video-area iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none; /* iframe 자체 클릭 방지 (클릭은 부모 a태그가 받음) */
    transform: scale(1.5); /* 영상 여백 없이 꽉 차게 살짝 확대 */
}

/* 클릭을 가로채기 위한 투명 오버레이 */
.video-area::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: transparent;
    z-index: 10; /* iframe보다 위에 위치 */
}


/* --- [오른쪽] 정보 영역 (상품상세 링크) --- */
.info-area {
    flex: 1;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* 상단 정보와 하단 미니카드를 양끝 배치 */
    cursor: pointer;
}

.info-area:hover {
    background-color: #fafafa;
}

/* 상단 텍스트들 */
.badge {
    display: inline-block;
    background-color: #f0f0f0;
    color: #666;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.live-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-color-black);
    line-height: 1.4;
    margin-bottom: 8px;
    /* 2줄 말줄임 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hashtags {
    font-size: 13px;
    color: #ff7f50; /* 주황색 */
    font-weight: 500;
}

/* 하단 미니 상품 정보 */
.mini-product {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto; /* 아래로 밀기 */
}

.mini-thumb {
    width: 60px;
    height: 60px;
    background-color: #e0e0e0;
    border-radius: 6px;
    flex-shrink: 0;
}

.mini-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
}

.mini-info {
    flex: 1;
}

.market-name {
    font-size: 11px;
    color: #888;
    margin-bottom: 2px;
}

.prod-name-sm {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
    margin-bottom: 4px;
}

.price-row {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.dc-rate {
    color: #E61E1E;
    font-weight: 700;
    font-size: 16px;
}

.price {
    font-size: 18px;
    font-weight: 700;
    color: #222;
}


/* 반응형 */
@media (max-width: 768px) {
    .live-grid {
        grid-template-columns: 1fr; /* 모바일 1열 */
    }
    .live-card {
        height: auto;
        flex-direction: column;
    }
    .video-area {
        height: 250px;
        flex: none;
    }
}

/* ========================================
   메인 리뷰 섹션 스타일
   ======================================== */

.sc_Review .sc_Group_tit .tit:hover {
    color: var(--primary-color);
}

.sc_Review .review-section-wrapper {
    width: 100%;
    padding: 50px 0;
    overflow: hidden;
}

.sc_Review .rolling_wrap {
    width: 100%;
    overflow: hidden;
}

.sc_Review .rolling_box {
    width: 100%;
}

.sc_Review .review-item {
    display: flex;
    flex-direction: column;
    background-color: transparent;
    box-sizing: border-box;
    width: 95%; 
    margin: 0 auto;
}

.sc_Review .review-img-box {
    width: 100%;
    aspect-ratio: 1 / 1; 
    background-color: #d9d9d9; 
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 12px;
    cursor: pointer; 
}

.sc_Review .review-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sc_Review .review-prod-name {
    font-size: 16px;
    font-weight: 700;
    color: #111;
    margin-bottom: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 3. 별점 스타일 */
.sc_Review .review-stars {
    color: #ff9f43;
    font-size: 20px;
    letter-spacing: -2px;
    margin-bottom: 8px;
    line-height: 1;
}

/* 4. 리뷰 내용 스타일 */
.sc_Review .review-content {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 8px;
    min-height: 42px;
    cursor: pointer;

    /* 두 줄 말줄임(...) 처리 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: keep-all;
}

.sc_Review .review-meta {
    font-size: 13px;
    color: #aaa; /* 연한 회색 */
}

.sc_Review .review-meta .user-id {
    margin-right: 4px;
}

.sc_Group.sc_Review {
    background-color: #F8F9FD;
}

.sc_Review .view-all-wrapper {
    text-align: center;
}

.sc_Review .btn-view-all {display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 40px; background-color: transparent; border: 1px solid #e5e5e5;  border-radius: 6px; font-size: 15px; font-weight: 500; color: #585858; text-decoration: none; transition: all 0.2s; cursor: pointer;}

.sc_Review .btn-view-all:hover {
    background-color: #f9f9f9;
    border-color: #ccc;
}

.sc_Review .arrow-icon {
    display: block;
    width: 7px;
    height: 12px;
}

.sc_Review .btn-view-all:hover .arrow-icon path {stroke: #000;}

/* 리뷰 팝업 레이어 - 닫힌 상태에서 클릭 이벤트 통과 */
.c_layer.type_main_review {
    pointer-events: none;
}
.c_layer.type_main_review.if_open_layer {
    pointer-events: auto;
}

.order_btn_wrap {display: flex;gap: 8px;margin-top: 8px;}