@charset "utf-8";

/* ==============================
   폰트 선언 (css/font/ 로컬 폰트)
============================== */

/* Noto Sans KR (로컬 .otf) */
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 100;
    font-style: normal;
    src: url('notosanskr/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 300;
    font-style: normal;
    src: url('notosanskr/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 400;
    font-style: normal;
    src: url('notosanskr/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 500;
    font-style: normal;
    src: url('notosanskr/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-style: normal;
    src: url('notosanskr/NotoSansKR-Bold.otf') format('opentype');
}

/* GmarketSans */
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* Pretendard */
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

:root {
  /* Brand Colors */
  --main-color: #2B82B3;
  --main-color-20: #D6D6FF;
  --main-color-10: #EBEAFF;
  --main-color-5: #F5F5FF;
  --sub-color: #FFB904;
  /* Fonts */
  --font-main: GmarketSans, sans-serif;
  --font-sub: Pretendard, sans-serif;
  /* Text Colors */
  --txt-color-base: #060303;
  --txt-color-tit: #111;
  --txt-color-active: #111;
  --txt-color-form: #666;
  /* Base Colors */
  --white: #fff;
  --black: #000;
  --black2: #222;
  --black4: #444;
  --black7: #777;
  --border: #EDEDED;
  --danger: #E52E2C;
  --success: #11ae5b;
  /* Surface */
  --bg-hover: #f5f5f5;
  --bg-box: #F8F8F9;
  --bg-disabled: #F8F8F8;
  --hm-bg-grey: #f5f5f5;
  /* Layout */
  --layout-max-width: 1440px;
  /* Pager */
  --pager-active-color: #fff;
  --pager-active-bg: #2B82B3;
  /* UI 공통 */
  --star-color: #f5a623;
  /* 추천특가 홍천몰 변수 */
  --hm-green: #1BA035;
  --hm-green-light: #81C348;
  --hm-green-medium: #6BA43A;
  --hm-purple: #6B4C9A;
  --hm-price-red: #E52E2C;
  --hm-timer-red: #D92525;
}

@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');


/* **************************************************************************************
* 반응형 스킨 사용자/제작자 CSS
Author : 퍼스트몰(firstmall)
Author URL : http://www.firstmall.kr
Creation Date : 2021-07-01
Modify Date : 2026-06-25
************************************************************************************** */

/*********************************** 공통 영역  ***********************************/

/* 공통 */
.layout_header .bookmark>li>a,
.layout_header .util_wrap_menu2>li>a,
.layout_header .categoryAllBtn,
.layout_header .nav_wrap .respCategoryList .categoryDepthLink,
.layout_footer .title,
.layout_footer .list>li,
.layout_footer .menu>li,
.layout_footer .menu2>li,
.layout_footer .copyright,
.layout_side .aside_cs_phone,
.layout_side .aside_cs_addinfo,
.title_group1 .title1,
.full_bnr .text_wrap .text1,
.full_bnr .text_wrap .sbtn > a,
.rightQuickMenuWrap2 h3,
.rightQuickMenuWrap2 li,
.rightQuickMenuWrap2 span {/*font-family:'Lato', sans-serif !important;*/}

/* 헤더 */
.layout_header .util_wrap {display:none; border-color:#fff;}
.layout_header .util_wrap a,
.layout_header .util_wrap a:hover {font-size:11px;}
.layout_header .bookmark {margin-left:0;}
.layout_header .util_wrap_menu2>li {background:none;}
.layout_header .util_wrap_menu2>li>a {padding:0 10px; line-height:38px;}
.layout_header .util_wrap .cart_cnt1 { padding:0; color:#333;background:none;}
.layout_header .util_wrap_menu2 {padding-right:0}
.layout_header .gnb_bnr_slide { width:210px; height:110px;position:absolute; top:25px; left:40px;}
.layout_header .resp_top_hamburger {display: none;}
.layout_header .resp_top_search a.btn_search_open {display:none;}
.layout_header .resp_top_search .search_ver2 {opacity:1; transform:translateX(0); overflow:visible;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {width:440px; height:45px; padding: 0 20px; border:1px solid #9E9E9E; border-radius:50px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area label.search_box {width: calc(100% - 45px);}
.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:300px;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.close { margin-left:0;display:none;}
.layout_header .resp_top_search .search_ver2 .search_new .input_area button.search {width:32px; height:32px; background:url('../images/design/new/icon_top_search.png') center center no-repeat; background-size:18px;}

@media only screen and (max-width:1023px) {
    .layout_header .logo_wrap .logo_area>a {height:auto; line-height:inherit;}
    .layout_header .resp_top_hamburger,
    .layout_header .resp_top_hamburger>a {display:block;}
    .layout_header .resp_top_search a.btn_search_open {display:block;}
    .layout_header .resp_top_search a.btn_search_open { width:40px; height:40px; margin-top:1px;display:block; background:url('../images/design_resp/icon_top_search.png') 0 center no-repeat; background-size:cover;}

    .layout_header .resp_top_search .search_ver2.on {opacity:1; transform:translateX(0); overflow:visible;}
    .layout_header .resp_top_search .search_ver2 .search_new .input_area .cont {
        width: 100%;
        height: 40px;
        margin: 0 auto;
        padding: 0 16px;
    }
    .layout_header .resp_top_search .search_ver2 .search_new .contetns_area {width:298px;}
    .layout_header .resp_top_search .search_ver2 .search_new .input_area button.close {display: none;}
}
@media only screen and (max-width:479px) {
    .layout_header .logo_wrap .logo_area img,
    .layout_header .logo_wrap.flying .logo_area img {max-height:70px;}
}

/* 헤더 GNB */
.layout_header #cateSwiper {border-color:#e7e7e7;}
.layout_header #cateSwiper .respCategoryList {/*width:auto; margin:auto; table-layout:auto;*/}
.layout_header #cateSwiper .respCategoryList>li {white-space:nowrap;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink,
.layout_header #cateSwiper .respCategoryList .categoryDepthLink>em {height:70px; color:#333; line-height:70px;}
.layout_header #cateSwiper .respCategoryList .categorySub {top:70px;}
.layout_header #cateSwiper .respCategoryList .categoryDepthLink {position:relative;}
.layout_header #cateSwiper .respCategoryList .nav_category_all + .categoryDepth1 .categoryDepthLink:before {display:none;}
.layout_header #cateSwiper .respCategoryList .custom_nav_link {text-align:center;}
.layout_header #cateSwiper .respCategoryList .categoryDepth1:hover .categoryDepthLink {color:#333;}
.layout_header #cateSwiper .respCategoryList .nav_category_all { width:auto;display:none;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn {margin-right:20px; padding:0 10px;}
.layout_header #cateSwiper .respCategoryList .categoryAllBtn .icon { margin:0 10px 2px 0;vertical-align:middle;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub { width:180px; padding:20px 0 20px 30px;display:none; background:rgba(255,255,255,0.8); position:absolute; left:0;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink {height:38px; line-height:38px; text-align:left;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categoryDepthLink>em { height:35px;display:block;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categoryDepth1 .categorySub { padding:20px; background:rgba(0,0,0,0.3); border-color:transparent;top:0; bottom:0; left:100%;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li {border-color:transparent;}
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li>a,
.layout_header #cateSwiper .respCategoryList .categoryAllSub .categorySubWrap .categoryDepth2>li:hover>a { color:#fff;font-size:15px;}
@media only screen and (max-width:1279px) {
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList { width:auto; margin:auto;}
    .layout_header #cateSwiper .designCategoryNavigation .respCategoryList>li { padding:0;}
    .layout_header .nav_wrap .respCategoryList{
        gap: 10px;
    }
    .layout_header .nav_wrap .respCategoryList .categoryDepthLink{
        padding: 0 10px;
    }

}
@media only screen and (max-width:1023px)  {
    .layout_header #cateSwiper .respCategoryList .categoryAllBtn {margin-right:10px;}
    .layout_header #cateSwiper .respCategoryList .categoryDepth1 .categoryDepthLink,
    .layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {padding:0 20px;}
}
@media only screen and (max-width:479px)  {
    .layout_header #cateSwiper .respCategoryList .categoryAllBtn {padding:0;}
    .layout_header #cateSwiper .respCategoryList .categoryDepth1 .categoryDepthLink,
    .layout_header #cateSwiper .respCategoryList .custom_nav_link .categoryDepthLink {padding:0 10px;}
}

/* 헤더 추가 */
.layout_header .nav_wrap .nav_category_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.layout_header .nav_btm_item{
    display: flex;
    align-items: center;
}
.layout_header .nav_btm_item li:first-child::after,
.layout_header .nav_btm_item li:nth-child(2)::after{
    content: '';
    width: 1px;
    height: 10px;
    margin: 0 15px;
    display: inline-block;
    background: #666;
}
.layout_header .top_myinfoWrap {position:relative;}
.layout_header .top_myinfoWrap .top_myinfoSub {display:none; position:absolute; top:35px; left:-25px;}
.layout_header .top_myinfoWrap:hover .top_myinfoSub {display:block;}
.layout_header .top_myinfoWrap .top_myinfoSub { width:100px; padding:10px 0px 10px;display:none; background-color:#fff; border:1px solid #e9e9e9; position:absolute; right:-30px; z-index:500; }
.layout_header .top_myinfoWrap .top_myinfoSub a { height:30px; margin:0px 10px; padding:0px; padding-left:10px;display:block; color:#444 ; border-top:0px solid #e7e7e7; font-family: 'Noto Sans KR', sans-serif; font-size:12px; line-height:30px;letter-spacing:-0.5px; text-align:left; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
/*.layout_header .top_myinfoWrap .top_myinfoSub a:first {border-top:0px !important;}*/
.layout_header .top_myinfoWrap .top_myinfoSub a:hover {background-color:#fafafa; -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.layout_header .resp_top_search .search_ver2 .search_new .contetns_area {position:absolute;}
.layout_header .top_myinfo { width:40px; height:40px;display:inline-block; background:url('../images/design/new/icon_top_myinfo.png') no-repeat center; text-indent:-9999px; vertical-align:middle;}
.layout_header .top_cart { width:40px; height:40px; display:inline-block; background:url('../images/design/new/icon_top_cart.png') no-repeat center; vertical-align:middle; position: relative;}
.layout_header .header__cart-count{
    width: 16px;
    height: 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
    font-size: 9px;
    font-weight: 500;
    color: #fff;
    background: #E72E35;
    border-radius: 100%;
    position: absolute;
    top: 4px;
    right: 0px;
}
@media only screen and (max-width:1280px){
    .layout_header .nav_btm_item li:first-child::after, .layout_header .nav_btm_item li:nth-child(2)::after{
        margin: 0 10px;
    }
}
@media only screen and (max-width:1023px) {
    .layout_header .logo_wrap .resp_wrap,
    .layout_header .logo_wrap.flying .resp_wrap {padding-top:0; padding-bottom:0;}
    .layout_header .gnb_menu1 {left:10px;}
    .layout_header .gnb_menu1 .resp_top_hamburger {width:30px; border:none;}
    .layout_header .gnb_menu1 .resp_top_hamburger>a {display:table-cell;}
    .layout_header .gnb_menu1 .gnb_nav_wrap1 {display:none;}
    .layout_header {right:0;}
    .layout_header > li {margin-left:0;}
    .layout_header .top_myinfo {display:none;}
    .rightQuickMenuWrap {display:none;}

}
@media only screen and (max-width:767px) {
    .layout_header > li {line-height:80px;}
    .layout_header .gnb_menu1 .resp_top_hamburger {height:80px;}
}

/* 풋터 */
.layout_footer {background:#fff;}
.layout_footer .footer_inner {max-width:1520px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box;}

/* 상단 메뉴 바 */
.layout_footer .footer_b {border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.layout_footer .footer_b .footer_inner {height:50px; display:flex; align-items:center;}
.layout_footer .footer_nav_list {display:flex; gap:20px; list-style:none; margin:0; padding:0;}
.layout_footer .footer_nav_list a {font-size:15px; color:#212121; text-decoration:none;}
.layout_footer .footer_nav_point > a {font-weight:700;}
.layout_footer .footer_nav_point.pink > a {color:#d7007d;}

/* 본문 3컬럼 */
.layout_footer .footer_a {background:#fff; text-align:left;}
.layout_footer .footer_a_inner {display:flex; gap:100px; align-items:flex-start; padding-top:40px; padding-bottom:80px;}

/* 좌측: 로고 + 주소 + 저작권 */
.layout_footer .footer_info {flex:1; min-width:0; display:flex; flex-direction:column; gap:15px;}
.layout_footer .footer_logo {display:inline-block; width:150px;}
.layout_footer .footer_logo img {width:100%; display:block;}
.layout_footer .footer_addr {font-style:normal; color:#828282; font-size:13px; line-height:22px;}
.layout_footer .footer_addr p {margin:0;}
.layout_footer .footer_addr strong {font-weight:700; color:#828282;}
.layout_footer .footer_addr a {color:#828282; text-decoration:underline;}
.layout_footer .footer_copy {color:#828282; font-size:13px; line-height:22px;}
.layout_footer .footer_copy p {margin:0;}

/* 중단: 바로가기 + SNS */
.layout_footer .footer_shortcut {display:flex; flex-direction:column; gap:20px; flex-shrink:0;}
.layout_footer .footer_col_tit {font-size:26px; font-weight:700; color:#212121; letter-spacing:-0.26px; line-height:45px; margin:0;}
.layout_footer .footer_shortcut_group {display:flex; flex-direction:column; gap:6px;}
.layout_footer .footer_shortcut_list {display:flex; gap:6px; list-style:none; margin:0; padding:0; width:279px;}
.layout_footer .footer_shortcut_list > li {flex:1; display:flex;}
.layout_footer .footer_shortcut_item {display:flex; flex-direction:column; align-items:center; justify-content:center; min-width: 80px; width:100%; height:80px; border:1px solid #e0e0e0; text-decoration:none; gap:6px;}
.layout_footer .footer_shortcut_icon {display:block; width:30px; height:30px; overflow:hidden;}
.layout_footer .footer_shortcut_icon img {width:100%; height:100%; object-fit:cover; display:block;}
.layout_footer .footer_shortcut_label {font-size:14px; color:#222; line-height:normal;}
.layout_footer .footer_sns_group {display:flex; flex-direction:column; gap:6px;}
.layout_footer .footer_sns_list {display:flex; gap:20px; align-items:center;}
.layout_footer .footer_sns_item {display:block;}
.layout_footer .footer_sns_item img {width:32px; height:32px; display:block;}

/* 우측: 고객센터 */
.layout_footer .footer_cs {display:flex; flex-direction:column; justify-content:space-between; align-self:stretch; flex-shrink:0;}
.layout_footer .footer_cs_info {display:flex; flex-direction:column;}
.layout_footer .footer_cs_tel {margin:0;}
.layout_footer .footer_cs_tel a {font-size:33px; font-weight:700; color:#ec545a; text-decoration:none; letter-spacing:-0.5px;}
.layout_footer .footer_cs_hours {font-size:14px; font-weight:600; color:#767676; letter-spacing:-0.14px; line-height:22px; margin:4px 0 0;}
.layout_footer .footer_cs_badge {display:flex; align-items:flex-end;}
.layout_footer .footer_cs_badge img {display:block;}

@media only screen and (max-width:1199px) {
	.layout_footer .footer_b .footer_inner {height:auto; padding-top:12px; padding-bottom:12px;}
	.layout_footer .footer_nav_list {flex-wrap:wrap; gap:8px 16px;}
	.layout_footer .footer_a_inner {flex-direction:column; gap:30px; padding-top:30px; padding-bottom:40px;}
	.layout_footer .footer_shortcut_list {width:100%;}
	.layout_footer .footer_col_tit {font-size:20px; line-height:32px;}
	.layout_footer .footer_cs_tel a {font-size:26px;}
	.layout_footer .footer_cs {flex-direction:row; flex-wrap:wrap; gap:20px; align-self:auto;}
}
@media only screen and (max-width:767px){
    .layout_footer .footer_a_inner{gap: 10px; padding: 20px;}
    .layout_footer .footer_col_tit{font-size: 16px;}
    .layout_footer .footer_cs_tel a{font-size:18px;}
}

/* 스크롤시 상단 메뉴바 고정시키기 */
#layout_header .nav_wrap.flyingMode {position:fixed; width:100%; top:0; z-index:500; border-top:none; background:rgba(255,255,255,0.9); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);}
#rightQuickMenuWrap.flyingMode {position:fixed; top:50px;}
#boardlayout.flyingMode {margin-top:50px;}
.goods_tabs.flyingMode {top:70px; z-index: 9;}
@media only screen and (max-width:1023px){
    .goods_tabs.flyingMode {top:0;}
}
@media only screen and (max-width:479px) {
    #layout_header .nav_wrap.flyingMode {position:relative;}
    #boardlayout.flyingMode {margin-top:0;}
}

/* 우측 퀵메뉴 - 일반형 */
.rightQuickMenuWrap { margin-right:-700px;position:absolute; top:200px; right:50%; z-index:201;}
.rightQuickMenuWrap .outside_menu {}
.rightQuickMenuWrap .outside_menu .right_wrap_sns {width:50px;}
.rightQuickMenuWrap .outside_menu .right_wrap_sns > li {margin-top:20px;}
.rightQuickMenuWrap .outside_menu .right_wrap_sns > li.sns img {opacity:1; transition:0.5s ease-in-out;}
.rightQuickMenuWrap .outside_menu .right_wrap_sns > li.sns img:hover { margin-left:-10px;opacity:1;}
.rightQuickMenuWrap .outside_menu .right_wrap_sns > li.right_top img,
.rightQuickMenuWrap .outside_menu .right_wrap_sns > li.right_bottom img {width:30px;}
.rightQuickMenuWrap .outside_menu .menu1 {display:none; box-shadow:-2px 2px 2px rgba(0, 0, 0, 0.05);}
.rightQuickMenuWrap .outside_menu .menu1>li { width:48px;border-top:1px solid #e0e0e0; border-right:1px solid #f0f0f0;}
.rightQuickMenuWrap .outside_menu .menu1>li.close {/*border-top:none;*/}
.rightQuickMenuWrap .outside_menu .menu1>li.open {margin-top:-1px; border-color:#333;}
.rightQuickMenuWrap .outside_menu .menu1>li>a {height:48px;}
.rightQuickMenuWrap .outside_menu .menu2 { width:100%; margin-top:15px;display:none;}
.rightQuickMenuWrap .outside_menu .menu2>li { width:48px;display:table-row;}
.rightQuickMenuWrap .outside_menu .menu2>li>a { height:36px;display:table-cell; text-align:center; opacity:0.6; vertical-align:middle;}
.rightQuickMenuWrap .outside_menu .menu2>li>a:hover {opacity:1;}
@media only screen and (max-width:1259px) {
	.rightQuickMenuWrap {display:none;}
}

/* ## 접근성 관련 s ##*/
.screen-out {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0; }
/* ## 접근성 관련 e ##*/

/*********************************** 메인 페이지 ***********************************/

/* 메인 - 슬라이드 배너 - centerMode 대응 (common.css fade용 .sslide 절대위치 오버라이드) */
/* common.css: .wide_visual_slider .sslide { position:absolute; z-index:-1 } — fade 전용이라 centerMode와 충돌 */
.sliderA.wide_visual_slider .sslide { position:static; top:auto; left:auto; z-index:auto; }
.sliderA.wide_visual_slider { overflow:visible; }
/* centerMode 양옆 슬라이드가 viewport 밖으로 나가도 가로 스크롤 방지 */
body { overflow-x:hidden; }

/* 메인 - 슬라이드 배너 - 이미지크기 */
/* PC(1280+): 자연 비율 */
.wide_visual_slider .sslide img { width:100%; height:auto; display:block; margin:0; max-width:100%; }
/* 1280 미만: 고정 높이 + 가운데 크롭 */
@media only screen and (max-width:1279px) {
	.sliderA.wide_visual_slider .sslide { height:400px; }
	.wide_visual_slider .sslide .slink { display:block; height:100%; }
	.wide_visual_slider .sslide img { height:100%; object-fit:cover; object-position:center; }
}
@media only screen and (max-width:767px) { .sliderA.wide_visual_slider .sslide { height: 200px; } }

/* 메인 - 슬라이드 배너 - 좌우 화살표 */
.wide_visual_slider.main_slider .slick-prev,
.wide_visual_slider.main_slider .slick-next {/*border-radius:0;*/}
.wide_visual_slider .slick-prev { margin-left:-620px; /*opacity:1;*/left:50%;}
.wide_visual_slider .slick-next { margin-right:-620px; /*opacity:1;*/right:50%;}
@media only screen and (max-width:1370px) {
    .wide_visual_slider .slick-prev { margin-left:0;left:40px;}
    .wide_visual_slider .slick-next { margin-right:0;right:40px;}
}
@media only screen and (max-width:1023px) {
    .wide_visual_slider .slick-prev {left:10px;}
    .wide_visual_slider .slick-next {right:10px;;}
}


/* 메인 배너 - 커스텀 컨트롤러 (이전/다음/일시정지 + 분수 페이지) */
.sliderA { position:relative; }
.banner-ctrls {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	gap: 10px;
	z-index: 10;
}
.banner-pg-wrap {
	display: flex;
	align-items: center;
	gap: 6px;
	background: rgba(0,0,0,0.35);
	border-radius: 30px;
	padding: 5px 12px;
}
.btn-prev,
.btn-next {
	width: 20px; height: 20px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-prev:hover,
.btn-next:hover { opacity: 1; }
.arrow-icon { display: block; width: 9px; height: auto; margin-top: 5px; }
.btn-next .arrow-icon { transform: scaleX(-1); }
.btn-prev .arrow-icon svg,
.btn-next .arrow-icon svg {
    width: 8px;
}
/* 분수 페이지네이션 (customPaging 1/N) */
.banner-pg .slick-dots { position: static; width: auto; margin: 0; padding: 0; display: flex; }
.banner-pg .slick-dots li { display: none; padding: 0; }
.banner-pg .slick-dots li.slick-active { display: flex; align-items: center; }
.banner-pg .slick-dots li button {
	display: flex;
	align-items: center;
	gap: 4px;
	width: auto; height: auto;
	background: none;
	border: 0; border-radius: 0; box-shadow: none;
	color: #fff;
	font-size: 17px; font-weight: 700; line-height: 1;
	text-indent: 0;
	overflow: visible;
	cursor: default;
}
.banner-pg .slick-dots li button .pg-sep,
.banner-pg .slick-dots li button .pg-total { font-weight: 500; opacity: 0.6; }
/* 일시정지 버튼 */
.btn-pause {
	width: 30px; height: 30px;
	padding: 0;
	background: rgba(0,0,0,0.35);
	border: none; border-radius: 50%;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
}
.btn-pause__icon { margin-top: 4px; display: block; color: #fff; }
.btn-pause__icon--play { display: none; }
.btn-pause.is-paused .btn-pause__icon--pause { display: none; }
.btn-pause.is-paused .btn-pause__icon--play { display: block; }
/* 메인 - 타이틀 */
.title_group1 .title1 {font-size:20px; font-weight:700;}
.detail_title_area .name,
.goods_spec_sections .deatil_price_area .sale_price .num,
#total_goods_price {font-weight:500;}
.search_nav .navi_linemap2:before {height:37px;}
@media only screen and (max-width:767px){
    .banner-ctrls {
        bottom: 10px;
    }
}
@media only screen and (max-width:479px) {
    .title_line {padding-top:40px;}
    .title_group1 .title1 {font-size:20px;}
}

/* 메인/서브 - 상품디스플레이 */
/* common.css의 .goods_list:after / .display_responsible_class:after clearfix — float 안 쓰는 구조(inline-block/grid/flex)라 무력화 */
.goods_list:after,
.display_responsible_class:after { content: none; display: none; }
.display_slide_class {}
.display_slide_class .swiper-slide { padding-right:10px !important;padding-left:10px !important;}

/* 상품 슬라이드 이전/다음 버튼 */
.display_slide_class .swiper-button-prev {width:32px; height:32px; background-image:url('../images/design/slide-arrow-prev.png'); background-size:100%; top:30%; left:-16px;}
.display_slide_class .swiper-button-next {width:32px; height:32px; background-image:url('../images/design/slide-arrow-next.png'); background-size:100%; top:30%; right:-16px;}

.displayTabContainer {margin-top:10px;}
.display_responsible_class {margin-top:-10px;}
.display_recomm {margin-top:20px;}
/* → goods_info_user.css(스킨) : .displaY_color_option .areA */
.goods_list li.gl_item .resp_display_goods_info {padding:15px 0 25px;}
.respItemImageArea{height: 100%;}
.respItemImageArea, .item_img_area, .viewImgWrap {border:1px solid #f0f0f0; transition:all ease 0.3s; box-sizing:border-box;}
.respItemImageArea:hover, .item_img_area:hover, .viewImgWrap:hover {border-color:#d0d0d0;}
/* 메인 신규 섹션(BEST·추천특가·카테고리별 BEST) 전용 — 서브페이지 진열에는 영향 없음 */
.best .display_responsible_class .goods_list li.gl_item,
.special .display_responsible_class .goods_list li.gl_item,
.cat-best .display_responsible_class .goods_list li.gl_item { padding: 0; }
@media only screen and (max-width:1023px) {
    .display_responsible_class {margin-top:0;}
    .display_recomm {margin-top:10px;}
}
@media only screen and (max-width:767px) {
    .goods_list li.gl_item .resp_display_goods_info {padding:15px 0 25px;}
}
@media only screen and (max-width:479px) {
	.show_display_col2 .display_responsible_class .goods_list li.gl_item,
	.show_display_col3 .display_responsible_class .goods_list li.gl_item {width:50%;}
}

/* 메인 - 이미지 배너 */
.main_banner {padding-top:70px;}
@media only screen and (max-width:479px) {
    .main_banner {padding-top:40px;}
}

/* 메인 - 이미지 배너 (hover Effect) */
[data-effect] li img { transition:transform 0.3s; }
[data-effect] li.none:hover img { transform:none; }
[data-effect="scale"] li a { display:block; overflow:hidden; }
[data-effect="scale"] li:hover img { transform:scale(1.05); } /* 이미지 확대 */
[data-effect="opacity"] li:hover img { opacity:0.8 } /* 이미지 불투명 */
[data-effect="rotate_01"] li:hover img { transform:rotate(1.5deg); } /* 우측 회전 */
[data-effect="rotate_02"] li:hover img { transform:rotate(-1.5deg); } /* 좌측 회전 */
[data-effect="translateX_01"] li:hover img { transform:translateX(-5px); } /* 좌측 이동 */
[data-effect="translateX_02"] li:hover img { transform:translateX(5px); } /* 우측 이동 */
[data-effect="translateY_01"] li:hover img { transform:translateY(-5px); } /* 위쪽 이동 */
[data-effect="translateY_02"] li:hover img { transform:translateY(5px); } /* 아래쪽 이동 */


/*********************************** 추가/수정 내역 ***********************************/

/* 메인 - 슬라이드 배너 - 페이징 */
.slick-dots>li {padding:0 4px;}
.slick-dots>li>button {width:auto; height:16px; background:#888; border-radius:50px; box-shadow:none;}
.slick-dots>li.slick-active>button {width:auto; height:16px; opacity:0.8;}

/* 메인 - 디스플레이 구조 */
.recommend_wrap { width:100%; height:auto; min-height:420px; margin-top:60px; padding:37px 0; border-top:3px solid #2d2d2d;position:relative; *zoom:1;}
.recommend_wrap:after { content:'';display:block; clear:both;}
.recommend_wrap:first-child {margin-top:54px;}
.recommend_wrap .recommend_left { width:156px; color:#222; font-family:'Noto Sans KR','NanumSquare'; letter-spacing:-0.5px;position:relative; float:left; }
.recommend_wrap .recommend_tit { color:#222;font-family:'Noto Sans KR','NanumSquare'; font-size:26px; font-weight:400; letter-spacing:-0.5px; }
.recommend_wrap .recommend_tit .recommend_titb { color:#111;font-family:'Noto Sans KR','NanumSquare'; font-size:26px; font-weight:bold; }
.recommend_wrap .recommend_left .recommend_titsub {margin:20px 0; color:#333; font-family:'Noto Sans KR'; font-size:14px; font-weight:500; letter-spacing:-0.5px; }
.recommend_wrap .recommend_left .recommend_titsub:before {content:''; width:10px; height:1px; margin-bottom:20px; display:block; background:#929292; clear:both; float:none; *zoom:1;}
.recommend_wrap .recommend_left .recommend_tagwrap {position:absolute; top:260px; }
.recommend_wrap .recommend_left .recommend_tagwrap>a { width:auto; margin-top:9px; padding:4px 20px;display:inline-block; color:#555; background:#eee; border-radius:40px; font-family:'Noto Sans KR'; font-size:15px; font-weight:600; letter-spacing:-0.8px; text-align:center; }
.recommend_wrap .recommend_goods { width:calc(100% - 156px);display:inline-block;position:relative; float:right; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
@media only screen and (max-width:500px) {
	.recommend_wrap .recommend_left {width:100%;}
	.recommend_wrap .recommend_left br {display:none;}
	.recommend_wrap .recommend_left .recommend_titsub {margin:5px 0;}
	.recommend_wrap .recommend_left .recommend_titsub:before {margin-bottom:5px;}
	.recommend_wrap .recommend_left .recommend_tagwrap {position:relative; top:0;}
	.recommend_wrap .recommend_left .recommend_tagwrap>a {margin-right:5px;}
	.recommend_wrap .recommend_goods {width:100%;}
}

/* 메인 - 상품디스플레이 표시/숨김 정책 (의도적 주석 — besong·리뷰 노출 여부 결정 후 수정) */
/*.goodS_info.displaY_besong,*/
/*.goodS_info.displaY_review_score_a,*/
/*.goodS_info.displaY_review_score_b,*/
/*.goodS_info.displaY_best_review {display:none;}*/
/* → goods_info_user.css(스킨)으로 이관 : .displaY_goods_name / .displaY_sales_price / .displaY_goods_price / .displaY_sales_percent / .resp_display_goods_info .displaY_sales_price */

/* 상품 - 상품디스플레이 */
.searched_item_display .item_img_area {border:1px solid #e0e0e0;}
.searched_item_display .item_info_area { padding:10px 15px 15px; border:1px solid #e0e0e0; border-top:none;position:relative;}
.searched_item_display .item_info_area .goods_name_area {font-size:16px; font-weight:500;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area {padding-top:0;}
.searched_item_display .item_info_area .goods_price_area .sale_price {font-size:16px; font-weight:500;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .sale_price .num {font-size:22px; font-weight:600;}
.searched_item_display .displaY_review_score_a,
.searched_item_display .goods_list_style4 .item_info_area .goods_icon_area {display:none;}
.searched_item_display .warning_text {padding-top:8px;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate { margin-right:0; position:absolute; right:20px; bottom:15px;float:none;}
.searched_item_display .goods_list_style4 .item_info_area .goods_price_area .discount_rate .num {font-weight:500;}
@media only screen and (max-width:410px) {
	.searched_item_display .item_info_area .goods_price_area .sale_price {display:block;}
}

/* 검색 상품명 말줄임 (.displaY_goods_name → goods_info_user.css(스킨)으로 이관) */
/* bucket2: .searched_item_display 는 /data/design 진열 시스템과 별개 구조 — user.css 유지 */
.searched_item_display .item_info_area .goods_name_area {overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}

/* 스토리 게시판 */
.bbs_top_wrap.gallery .custom_gallery_sort {display:inline-block;}

/* 서브용 타이틀 */
.visual_title h2 { padding:10px 0; color:#333;border-bottom:1px solid #e0e0e0; font-size:30px; font-weight:500; line-height:1.1; }
@media only screen and (max-width:1023px) {
	.visual_title h2 {margin:30px 10px 0;}
}

/* 이용안내 */
.guide_cont { height:1066px; margin-top:0px; background:url('../images/design_resp/guide2_bg.png') no-repeat center center; background-size:cover;position:relative;}
.guide_step {width:970px; margin:0 auto; padding-top:60px;}
.guide_step li { height:180px; padding-top:20px; padding-left:85px;clear:both; box-sizing:border-box;}
.guide_step li .guide_step_num { width:140px; height:120px; color:#333; font-family:'Roboto','NanumSquare'; font-size:60px; font-weight:600; line-height:1.2;float:left;}
.guide_step li .guide_step_tit { padding-top:5px; padding-left:0px;display:block; color:#333; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:30px; font-weight:600; line-height:1.2;}
.guide_step li .guide_step_text { padding-top:20px; padding-left:0px;display:block; color:#999; font-family:'NanumSquare', 'Noto Sans KR', sans-serif; font-size:17px; font-weight:600; line-height:1.6;}
@media only screen and (max-width:970px) {
	.guide_cont {margin:0 -10px;}
	.guide_step {width:calc(100% - 40px); padding:60px 20px;}
	.guide_step li {padding-left:0;}
	.guide_step li .guide_step_num {width:100px; height:160px;}
	.guide_step li .guide_step_tit {}
	.guide_step li .guide_step_text {padding-top:10px;}
	.guide_step li .guide_step_text br {display:none;}
}
@media only screen and (max-width:500px) {
	.guide_step li .guide_step_num {width:60px; font-size:40px;}
	.guide_step li .guide_step_tit {font-size:20px;}
	.guide_step li .guide_step_text {font-size:16px;}
}


/* 탑버튼 */
.btn-top {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border: 3px solid #046A2C;
    border-radius: 50%;
    position: fixed;
    right: 120px;
    bottom: 120px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.btn-top::after {
    content: '';
    width: 28px;
    height: 28px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3L7 8M12 3L17 8M12 3V21' stroke='%23046A2C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.btn-top:hover { background: #046A2C; }
.btn-top:hover::after {
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3L7 8M12 3L17 8M12 3V21' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}
.btn-top.active { opacity: 1; visibility: visible; z-index: 9999;}
@media only screen and (max-width: 767px) {
    .btn-top { width: 48px; height: 48px; right: 20px; bottom: 40px; }
}


/*********************************** 서브 페이지 ***********************************/

/* 모바일 하단 화살표 */
#floating_over .ico_floating_back { background:#fff url('../images/design_resp/btn_back.png') center no-repeat; background-size:cover;border:1px solid #ccc;}
#floating_over .ico_floating_foward { background:#fff url('../images/design_resp/btn_foward.png') center no-repeat; background-size:cover;border:1px solid #ccc;}
#floating_over .ico_floating_top { background:#fff url('../images/design_resp/btn_up.png') center no-repeat; background-size:cover; border:1px solid #ccc; text-indent:-9999px;}
@media only screen and (max-width:1023px) {
    #floating_over .ico_floating_top {display:block;}
}

/* 띠배너 */
.designPopupBand, .designPopupBandMobile {z-index:10;}
.designPopupBandBtn {background:url('../images/design_resp/band_btn_open.png') center no-repeat; text-indent:-9999px; z-index:210 !important;}

/* 팝업BG 감추기 */
#designPopupModalBack {display:none;}

/* 전체 카테고리 */
.all_list_contents .all_list_title {font-weight:400; line-height:1.0;}
.all_list_contents .all_list_close {background:url(../images/design_resp/del.png) 50% 50% no-repeat;}
@media only screen and (max-width:1023px) {
.all_list_contents .all_list_close {top:18px;}
}

/* 사이드 메뉴 */
.layout_side .title_sub3.v2 {font-weight:400;}
.layout_side .aside_cs_phone:before {display:none;}
.layout_side .aside_cs_phone {font-weight:400;}
.layout_side .aside_cs_addinfo { color:#666;font-weight:400;}
.side_close {margin-top:10px;}
.side_close:before, .side_close:after {height:2px;}

/* 회원가입 혜택 */
#layout_header .benefit {/*background:#c6a179;*/}
#layout_header .benefit .arrow {/*color:#c6a179;*/}

/* 페이지 경로 */
.search_nav select,
.search_nav select option,
.search_nav .navi_linemap2 .selected_cate,
.search_nav .navi_linemap2 .navi_linemap_sub>li {font-size:13px;}

/* 라디오/체크박스 크기 축소 */
input[type=radio] {width:17px; height:17px;}
input[type=checkbox],
.pilsu_agree_all input[type='checkbox'],
.pilsu_agree_all2 input[type='checkbox'],
.agree_list2 input[type='checkbox'],
.agree_list3 input[type='checkbox'],
.resp_cart_wrap label.checkbox_allselect input[type='checkbox'] {width:16px; height:16px;}
.agree_list2 .agree_view {padding-bottom:0;}

/* 상품상세 라인 제거 */
.goods_spec_sections .deatil_price_area,
.goods_spec_sections .goods_spec_shipping,
.goods_buy_sections {border:none;}

/* 버튼 */
.goods_thumbs_spec #goods_spec .btn_resp.size_extra2,
.goods_thumbs_spec #goods_spec .btn_resp.color2 {height:50px; font-size:16px; line-height:50px;} /* 상세 버튼 */

/* 버튼 색상 */
.payment_method_select > li > div.active > label, /* 결제수단 */
.resp_login_wrap .btn_resp.size_login1, /* 로그인 버튼 */
.btn_resp.color2 {/*border-color:#a3805b; background-color:#a3805b;*/} /* 상세 버튼 */
.resp_login_wrap .btn_resp.size_login1:hover,
.btn_resp.color2:hover {/*border-color:#74442d; background-color:#74442d;*/}
.btn_resp.color6 { background-color:#999;border-color:#999;} /* 레이어 버튼 */
.btn_resp.color6:hover { background-color:#767676;border-color:#767676;}

/* 할인율 외 */
.goods_spec_sections .deatil_price_area .org_price s {color:#999;} /* 상세 정가 라인 */
.respGoodsIcon.typeText { border-radius:50%;top:15px; right:15px;}
.respGoodsIcon.typeText .respGoodsIconInner {width:50px; height:50px;}  /* 디스플레이 할인율 */
.deatil_sale_rate, /* 상품상세 할인율 */
.layout_header .resp_top_cart .cart_cnt2, /* 상단 장바구니 */
.asie_main_menu .push_count {border-radius:50%; /*background-color:#a3805b;*/} /* 사이드 장바구니 */
.goods_spec_customer_ev .ev_active2 > b {/*background:#a3805b;*/} /* 상품후기 별점 */

/* 메뉴 */
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link:hover .categoryDepthLink,
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink {/*color:#a3805b;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link.on .categoryDepthLink>em {/*border-color:#a3805b;*/}
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink>em:after {/*background:#a3805b;*/}

/* 탭메뉴 */
.tab_cart_top li.on .num, /* 최근본상품 */
.goods_information_tabs>a.current .num {/*background-color:#a3805b;*/} /* 상품상세 */
.goods_information_tabs>a .num {margin-left:5px; padding:3px 2px; border-radius:20px;}

/* 테이블 */
.table_row_a>tbody>tr>th, .resp_table_row>ul>li.th {border-left:1px solid #fff;}
.table_row_a>tbody>tr>td, .resp_table_row>ul>li.td, .resp_1line_table>ul>li {border-right:1px solid #fff;}
.resp_1line_table, table.list_table_style, .board_goods_select_display.v2 {border-right:1px solid #fff; border-left:1px solid #fff;}
.no_data_area2 {color:#888;}

/* 회원 */
.resp_login_wrap .box_id[type=text]::placeholder,
.resp_login_wrap .box_pw[type=password]::placeholder,
.resp_login_wrap .box_order[type=text]::placeholder {font-size:14px;} /* 로그인 */
.resp_login_wrap .login_real_area .find_join>a.Fw500 {font-weight:400 !important;}
.login_ok_menu .btn_resp.size_c {height:60px; font-size:16px; font-weight:300; line-height:60px;} /* 회원가입 완료 버튼 */

/* 주문/결제 */
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {position:relative !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 { padding-right:0 !important;padding-left:0 !important;}
.subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {width:100% !important; box-shadow:none !important;}
#typereceiptlay .labelgroup_design {margin-bottom:5px;}

/* 고객센터 */
.mycs_fcont_margin {margin-top:60px;}

/* 자주 묻는 질문 */
#bbslist .faq_new {border-top:2px solid #333;}
#bbslist .faq_new>li {margin-top:0;}
#bbslist .faq_new .question {border-bottom:1px solid #e0e0e0;}
#bbslist .faq_new .question:before { padding-left:15px;line-height:58px;}
#bbslist .faq_new .question .subject { padding:20px 10px 15px 12px;display:block; background:none;}
#bbslist .faq_new .answer {margin-top:0; padding:20px 10px 20px 52px; background:#f8f8f8; border-bottom:1px solid #e0e0e0;}
#bbslist .faq_new .answer:before { padding-left:15px;line-height:65px;}


/*********************************** 공통 페이지 ***********************************/

/* 팝업 */
@media only screen and (max-width:1023px) {
	.designPopup.adsPopup { margin:auto !important; margin-right:10px; margin-left:0 !important;top:10px !important; left:10px !important;}
}
@media only screen and (max-width:860px) {
	div[designElement="popupAd"] {width:auto !important; height:auto !important; margin:0 10px 0 0 !important;}
}

/* 제로페이 */
.payment_method_select > li > div.zeropay > label {background:url('../images/common/icon_zeropay.jpg') no-repeat; background-size:cover; opacity:0.7;}
.payment_method_select > li > div.zeropay.active > label {opacity:1;}
.payment_method_select > li > div.zeropay.active {outline:2px solid #ea222a;}

/* 쇼핑몰 통합회원 */
.sub_txt {font-size:15px;}
.resp_login_wrap { padding:60px 70px;border:1px solid #d0d0d0;}
.resp_login_wrap h2 {padding-bottom:10px; color:#333; font-size:22px; text-align:center;}
.resp_login_wrap h2.line {margin-top:60px; padding:60px 0 20px; border-top:1px solid #d0d0d0;}
.resp_login_wrap .btn_resp.size_login1,
.resp_login_wrap .btn_resp.color2,
.resp_member_join_wrap .btn_resp.color2,
.login_ok_menu .btn_resp.color2 {height:53px; color:#fff; background:#56a717 !important; border-color:#56a717 !important; border-radius:5px; font-size:20px; font-weight:400; line-height:53px;}
.login_ok_menu .btn_resp.color2,
.login_ok_menu .btn_resp.color4,
.login_ok_menu .btn_resp.color5 {font-size:20px;}
.resp_login_wrap .btn_resp.color2.gong { background:#1d6cbc !important;border-color:#1d6cbc !important;}
.resp_login_wrap .btn_resp.btn_onepass { height:53px;display:block; color:#fff; background:#221d74 !important; border-color:#221d74 !important; border-radius:5px; font-size:20px; line-height:53px;}
.resp_login_wrap .btn_resp.btn_onepass .icon {width:30px; margin:0 5px 4px 0;}
.resp_login_wrap .sub_tit {padding:20px 0 10px; color:#333; font-size:20px; text-align:center;}
.resp_login_wrap .real_domain {max-height:104px; padding:10px 20px; background:#f9f9f9; border:1px solid #e0e0e0; box-sizing:border-box; overflow-y:auto;}
.resp_login_wrap .real_domain li {display:block; color:#666; font-size:16px; line-height:1.8; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.login_ok_menu .btn_resp.size_c {height:53px; line-height:53px;}
.resp_member_join_wrap .gong_box { padding:25px 30px; border:1px solid #95B2DE;border-radius:10px; font-size:16px;}
.resp_member_join_wrap .gong_box h3 {padding:0 0 10px; color:#2B66BC; font-size:18px; font-weight:500;}
.resp_member_join_wrap .gong_box li {padding-left:10px; text-indent:-8px;}
.resp_member_join h3 {padding:30px 0 10px; color:#333; font-size:18px; font-weight:500;}
.resp_member_join .resp_join_table .desc li {padding-left:8px; text-indent:-6px;}
.register_wrap {max-width:980px; margin:auto; padding:50px 0;}
.register_wrap .logo { padding-bottom:20px;border-bottom:1px solid #e0e0e0; text-align:center;}
.mypage_greeting {font-size:16px;}
body {min-width:280px;}
@media only screen and (max-width:500px) {
	.login_ok_menu>ul>li { width:100%; padding:5px 0;float:left;}
	.login_ok_menu>ul>li>button,
	.login_ok_menu>ul>li>a {width:100%;}
}
@media only screen and (max-width:479px) {
	.resp_login_wrap {padding:30px;}
	.resp_login_wrap br {display:none;}
	.resp_login_wrap h2.line {margin-top:30px; padding:30px;}
	.resp_member_join h3 {margin-bottom:10px; border-bottom:1px solid #d0d0d0;}
}

/* 추가 수정 */
@media only screen and (max-width:1023px) {
	.layout_header .resp_top_cart {right: 0;}
	.display_slide_class .swiper-slide {padding-left:0 !important;}
}
@media only screen and (max-width:639px){
	.show_display_col4 .display_slide_class .swiper-slide {width:42%;}
}
@media only screen and (max-width:479px) {
	.layout_header .logo_wrap .logo_area img,
	.layout_header .logo_wrap.flying .logo_area img {}
	.layout_header #cateSwiper .respCategoryList>li.nav_category_all {display:none;}
.title_group1 {padding-bottom:10px;}
	.brd_wrap .brd_inn a {width:calc(50% - 10px); margin-right:10px;}
}



/* → goods_info_user.css(스킨)으로 이관 : .item_img_area img, .goodsDisplayImage (2025.03.25 gcs ksm #25678) */
.item_img_area img, .goodsDisplayImage {
    width: 100%;  /* 가로 크기 100%로 설정 */
    height: auto; /* 높이는 자동으로 설정되지만, 아래처럼 고정 비율을 적용할 수 있음 */
    aspect-ratio: 1; /* 가로와 세로 비율을 1:1로 강제 */
}

/* ## 메인슬라이더 ##*/
.main_slider,
.hc-brand5,
.best,
.promo-2col,
.special,
.cat-best,
.side-promo-sec{
    margin-bottom: 200px;
}
@media only screen and (max-width:1280px){
    .main_slider,
    .hc-brand5,
    .best,
    .promo-2col,
    .special,
    .cat-best,
    .side-promo-sec{
        margin-bottom: 100px;
    }
}
@media only screen and (max-width:767px){
    .main_slider,
    .hc-brand5,
    .best,
    .promo-2col,
    .special,
    .cat-best,
    .side-promo-sec{
        margin-bottom: 50px;
    }
}

/* =============================================
   BEST 섹션 (main.html 이식)
   ============================================= */
.best__box { max-width: 1440px; margin: 0 auto; padding: 0 20px 0; }
.best__box .goods_info_style_5 { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; list-style: none; }
.best .show_display_col4 .display_responsible_class .goods_list li.gl_item { width: 100%; }
.best .display_responsible_class ul.goods_list li.gl_item{ padding-left: 0; }
.best .display_responsible_class ul.goods_list{ margin-left: 0!important; }

/* 섹션 공통 헤더 */
.sect-head-main { padding-bottom: 35px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.sect-head-main__tit { color: var(--black2); font-size: 40px; font-weight: 700; letter-spacing: -2.5px; }
.sect-head-main__desc { font-family: var(--font-sub); color: var(--black2); font-size: 20px; font-weight: 500; }

/* BEST 카드 */
.best-card { position: relative; }
.best-card__link { display: block; text-decoration: none; }
.best-card__link:focus-visible { outline: 2px dashed #2B82B3; outline-offset: 2px; border-radius: 15px; }
.best-card__img-box { aspect-ratio: 1/1; overflow: hidden; border-radius: 15px; border: 1px solid #e5e5e5; }
.best-card__img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.4s ease; }
.best-card__link:hover .best-card__img { transform: scale(1.04); }
.best-card__info { padding-top: 12px; display: flex; flex-direction: column; gap: 6px; }
.best-card__review { padding: 12px 15px 12px 28px; overflow: hidden; background: #f8f8f8; border-radius: 5px; position: relative; }
.best-card__stars { color: #f5a623; font-size: 12px; line-height: 1; position: absolute; top: 12px; left: 10px; }
.best-card__review-txt { margin: 0; overflow: hidden; color: #666; font-size: 13px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; white-space: nowrap; text-overflow: ellipsis; line-height: 1.4; }
.best-card__brand { margin-top: 2px; color: #999; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; }
.best-card__name { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; font-size: 16px; font-family: 'Noto Sans KR', sans-serif; line-height: 1.4; }
.best-card__price-wrap { margin-top: 4px; display: flex; align-items: baseline; gap: 6px; }
.best-card__price { color: #222; font-size: 22px; font-weight: 700; }
.best-card__won { font-size: 19px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; }
.best-card__discount { color: #e63946; font-size: 16px; font-weight: 700; }
.best-card__origin { margin-top: -2px; color: #999; text-decoration: line-through; font-size: 13px; font-family: 'Noto Sans KR', sans-serif; display: block; }

/* 더보기 버튼 */
.btn-more-main-wrap { margin-top: 60px; display: flex; justify-content: center; }
.btn-more-main-wrap .btn-more-main { width: 600px; }
.btn-more-main { width: 100%; height: 64px; display: flex; justify-content: center; align-items: center; gap: 10px; background: #f8f8f8; border: 1px solid rgba(0,0,0,0.2); border-radius: 50px; color: #222; text-decoration: none; font-size: 18px; font-weight: 500; font-family: 'Noto Sans KR', sans-serif; transition: all 0.3s ease; }
.btn-more-main:hover { background: var(--hm-green); border-color: var(--hm-green); color: #fff; }
.btn-more-main:hover .btn-more-main__ico { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6936 9.63713L8.23836 12.9071C7.98025 13.1594 7.98025 13.5665 8.23836 13.8108C8.5049 14.0631 8.93569 14.0631 9.19321 13.8108L13.7947 9.44751C14.0618 9.20322 14.0618 8.79664 13.7947 8.55292L9.19321 4.18962C8.93509 3.93679 8.5049 3.93679 8.23836 4.18962C7.98025 4.43391 7.98025 4.84049 8.23836 5.08421L11.6936 8.36215L0 8.36216C0.32759 3.68925 4.22685 0 8.98884 0C13.9655 0 18 4.02944 18 9C18 13.9706 13.9655 18 8.98884 18C4.22685 18 0.32759 14.3107 0 9.63784L11.6936 9.63713Z' fill='%23fff'/%3E%3C/svg%3E"); }
.btn-more-main:focus-visible { outline: 2px dashed var(--hm-green); outline-offset: 3px; }
.btn-more-main__ico { width: 18px; height: 18px; flex-shrink: 0; display: block; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6936 9.63713L8.23836 12.9071C7.98025 13.1594 7.98025 13.5665 8.23836 13.8108C8.5049 14.0631 8.93569 14.0631 9.19321 13.8108L13.7947 9.44751C14.0618 9.20322 14.0618 8.79664 13.7947 8.55292L9.19321 4.18962C8.93509 3.93679 8.5049 3.93679 8.23836 4.18962C7.98025 4.43391 7.98025 4.84049 8.23836 5.08421L11.6936 8.36215L0 8.36216C0.32759 3.68925 4.22685 0 8.98884 0C13.9655 0 18 4.02944 18 9C18 13.9706 13.9655 18 8.98884 18C4.22685 18 0.32759 14.3107 0 9.63784L11.6936 9.63713Z' fill='%23222'/%3E%3C/svg%3E") no-repeat center/contain; }
@media only screen and (max-width: 767px) {
	.btn-more-main { height: 45px; font-size: 14px; }
	.btn-more-main-wrap .btn-more-main { width: 100%; }
}

@media only screen and (max-width: 1199px) {
	.best { margin-bottom: 60px; }
	.best__list,
	.best__box .goods_info_style_5 {  gap: 40px 16px; }
	.btn-more-main-wrap { margin-top: 48px; }
	.sect-head-main { padding-bottom: 28px; }
	.sect-head-main__desc { font-size: 18px; }
}
@media only screen and (max-width: 767px) {
	.best { margin-bottom: 40px; }
	.best__box { padding: 0 16px 0; }
	.best__list,
	.best__box .goods_info_style_5 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.btn-more-main-wrap { margin-top: 36px; }
	.sect-head-main { padding-bottom: 20px; gap: 5px; }
	.sect-head-main__tit { font-size: 24px; letter-spacing: -1px; }
	.sect-head-main__desc { font-size: 15px; }
	.best-card__name { font-size: 13px; }
	.best-card__price { font-size: 18px; }
	.best-card__won { font-size: 16px; }
	.best-card__discount { font-size: 14px; }
	.best-card__review-txt, .best-card__brand, .best-card__origin { font-size: 12px; }
}

/* =============================================
   홍천 5대 명품 마퀴 슬라이딩 섹션
   ============================================= */
.hc-brand5-head { text-align: center; margin-bottom: 32px; }
.hc-brand5-tit {
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	font-size: 40px;
	font-weight: 700;
	color: #222;
	letter-spacing: -0.5px;
}
.hc-brand5-mq { overflow: hidden; }
.hc-brand5-belt {
	display: inline-flex;
	animation: hc-brand5-slide 30s linear infinite;
}
.hc-brand5-mq:hover .hc-brand5-belt { animation-play-state: paused; }
.hc-brand5-card {
	position: relative;
	width: 440px;
	height: 250px;
	flex-shrink: 0;
	overflow: hidden;
	cursor: pointer;
	text-decoration: none;
	display: block;
}
.hc-brand5-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.hc-brand5-card:hover img { transform: scale(1.05); }
.hc-brand5-card::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 60%);
	pointer-events: none;
}
.hc-brand5-name {
	position: absolute;
	bottom: 32px;
	left: 32px;
	color: #fff;
	font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 1.6;
	z-index: 1;
}
@keyframes hc-brand5-slide {
	0%   { transform: translateX(-50%); }
	100% { transform: translateX(0); }
}
@media (prefers-reduced-motion: reduce) {
	.hc-brand5-belt { animation: none; }
}
@media only screen and (max-width: 1023px) {
	.hc-brand5-card { width: 320px; height: 200px; }
	.hc-brand5-name { font-size: 22px; bottom: 20px; left: 20px; }
}
@media only screen and (max-width: 767px) {
    .hc-brand5-head{margin-bottom: 20px;}
	.hc-brand5-tit { font-size: 24px; }
	.hc-brand5-card { width: 250px; height: 140px; }
	.hc-brand5-name { font-size: 16px; bottom: 14px; left: 14px; }
}

/* =============================================
   2분할 프로모 섹션 (promo-2col)
   ============================================= */
.promo-2col__box { max-width: 1440px; margin: 0 auto; padding: 0 20px; }
.promo-2col__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.promo-2col__region { display: flex; flex-direction: column; gap: 20px; }
.promo-2col__head { display: flex; justify-content: space-between; align-items: center; }
.promo-2col__tit { margin: 0; color: #ef5e49; font-size: 28px; font-weight: 700; letter-spacing: -1px; font-family: 'GmarketSans', sans-serif; }
.promo-2col__region--beer .promo-2col__tit { color: rgba(71, 10, 148, 0.9); }
.promo-2col__link { flex-shrink: 0; display: flex; align-items: center; gap: 5px; text-decoration: none; transition: all 0.3s ease; }
.promo-2col__link:focus-visible { outline: 2px dashed #2B82B3; outline-offset: 2px; border-radius: 3px; }
.promo-2col__link-txt { color: #777; font-size: 16px; font-weight: 500; font-family: 'Pretendard', sans-serif; letter-spacing: -1px; line-height: 18px; }
.promo-2col__link-ico { flex-shrink: 0; width: 18px; height: 18px; display: block; background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.6936 9.63713L8.23836 12.9071C7.98025 13.1594 7.98025 13.5665 8.23836 13.8108C8.5049 14.0631 8.93569 14.0631 9.19321 13.8108L13.7947 9.44751C14.0618 9.20322 14.0618 8.79664 13.7947 8.55292L9.19321 4.18962C8.93509 3.93679 8.5049 3.93679 8.23836 4.18962C7.98025 4.43391 7.98025 4.84049 8.23836 5.08421L11.6936 8.36215L0 8.36216C0.32759 3.68925 4.22685 0 8.98884 0C13.9655 0 18 4.02944 18 9C18 13.9706 13.9655 18 8.98884 18C4.22685 18 0.32759 14.3107 0 9.63784L11.6936 9.63713Z' fill='%23222'/%3E%3C/svg%3E") no-repeat center/contain; }
.promo-2col__region > img { width: 100%; object-fit: cover; border-radius: 13px; display: block; }
.promo-2col__list { flex: 1; display: flex; flex-direction: column; }
.promo-2col__list > .btn-more-main { margin-top: auto; }
.promo-2col__item-grid { padding: 0 5px 40px; border-top: 1px solid #ECECEC; }
.promo-2col__item { display: flex; align-items: flex-start; gap: 16px; text-decoration: none; transition: opacity 0.2s ease; }
.promo-2col__item:hover { opacity: 0.8; }
.promo-2col__item:focus-visible { outline: 2px dashed #2B82B3; outline-offset: 2px; border-radius: 6px; }
.promo-2col__img-box { flex-shrink: 0; width: 120px; height: 120px; overflow: hidden; border: 1px solid rgba(0,0,0,0.07); border-radius: 6px; }
.promo-2col__img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.3s ease; }
.promo-2col__item:hover .promo-2col__img { transform: scale(1.04); }
.promo-2col__info { flex: 1 0 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.promo-2col__tag { margin: 0; color: #666; font-size: 14px; font-family: 'Pretendard', sans-serif; letter-spacing: -0.28px; }
.promo-2col__name { margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #444; font-size: 17px; font-family: 'Pretendard', sans-serif; letter-spacing: -0.5px; line-height: 22px; }
.promo-2col__price-wrap { display: flex; align-items: flex-end; gap: 5px; }
.promo-2col__discount { color: #E52E2C; font-size: 20px; font-weight: 500; font-family: 'GmarketSans', sans-serif; }
.promo-2col__price { color: #222; font-size: 20px; font-weight: 700; font-family: 'GmarketSans', sans-serif; }
.promo-2col__won { color: #222; font-size: 18px; font-weight: 500; font-family: 'Pretendard', sans-serif; }
.promo-2col .display_responsible_class .goods_list{ margin-top: 20px; margin-left: 0;}

/* promo-2col 섹션 내 goods_info_style_6 스킨 오버라이드 */
/* 고도몰 실렌더 구조: .promo-2col__item-grid > .designDisplay > .display_responsible_class > ul.goods_list > li.gl_item */
/* .designDisplay는 아이디자인 편집 대상(designElement 측정 요소)이라 display:contents 금지 — 박스 유지 필수 */
.promo-2col__item-grid .display_responsible_class { display: contents; }
.promo-2col__item-grid .goods_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.promo-2col__item-grid .gl_item { width: auto!important; cursor: pointer; transition: opacity 0.2s ease; }
.promo-2col__item-grid .display_responsible_class ul.goods_list li.gl_item { padding-left: 0; padding-top: 0; }
.promo-2col__item-grid .goods_list li.gl_item .resp_display_goods_info { padding-top: 0; padding-bottom: 0; }
.promo-2col__item-grid .gl_item:hover { opacity: 0.8; }
.promo-2col__item-grid .gl_inner_item_wrap { display: flex; align-items: flex-start; gap: 16px; }
.promo-2col__item-grid .gli_image { flex: 0 0 120px; max-width: 120px; }
.promo-2col__item-grid .goodsDisplayImageWrap { border-radius: 6px; border: 1px solid rgba(0,0,0,0.07); }
.promo-2col__item-grid .resp_display_goods_info { display: flex; flex-direction: column; gap: 10px; padding: 0; }
.promo-2col__item-grid .displaY_goods_name { margin-top: 0; }

@media only screen and (max-width: 1199px) {
    .promo-2col__head{ justify-content: center;}
	.promo-2col__grid { grid-template-columns: 1fr; gap: 60px; }
	.promo-2col__tit { font-size: 22px; }
	.promo-2col__item-grid .goods_list { gap: 20px 24px; }
	.promo-2col__img-box { width: 100px; height: 100px; }
	.promo-2col__item-grid .gli_image { flex: 0 0 100px; max-width: 100px; }
}
@media only screen and (max-width: 767px) {
	.promo-2col__tit { font-size: 24px; }
	.promo-2col__item { gap: 10px; }
	.promo-2col__item-grid { padding: 0 5px 24px; }
	.promo-2col__item-grid .goods_list { gap: 10px; grid-template-columns: repeat(1, 1fr); }
	.promo-2col__img-box { width: 80px; height: 80px; }
	.promo-2col__name { font-size: 14px; line-height: 20px; }
	.promo-2col__discount { font-size: 16px; }
	.promo-2col__price { font-size: 16px; }
	.promo-2col__won { font-size: 15px; }
}

/* =============================================
   추천특가 섹션 (special)
   ============================================= */
.special__box { max-width: 1440px; margin: 0 auto; padding: 0 20px; }
.special__swiper-area { position: relative; }
.special__swiper { padding: 0 20px; position: relative; }

/* 공통 스와이퍼 네비게이션 버튼 */
.btn-swiper-main,
.best .display_slide_class .swiper-button-prev, .special .display_slide_class .swiper-button-prev, .cat-best .display_slide_class .swiper-button-prev,
.best .display_slide_class .swiper-button-next, .special .display_slide_class .swiper-button-next, .cat-best .display_slide_class .swiper-button-next { width: 40px; height: 40px; margin-top: -20px; background: #fff; background-image: none; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.15); position: absolute; top: 40%; z-index: 10; cursor: pointer; }
.btn-swiper-main::after,
.best .display_slide_class .swiper-button-prev::after, .special .display_slide_class .swiper-button-prev::after, .cat-best .display_slide_class .swiper-button-prev::after,
.best .display_slide_class .swiper-button-next::after, .special .display_slide_class .swiper-button-next::after, .cat-best .display_slide_class .swiper-button-next::after { content: ''; width: 8px; height: 8px; border-right: 2px solid #222; border-top: 2px solid #222; display: block; position: absolute; top: 50%; left: 50%; }
.btn-swiper-main.swiper-button-prev,
.best .display_slide_class .swiper-button-prev, .special .display_slide_class .swiper-button-prev, .cat-best .display_slide_class .swiper-button-prev { left: 0; }
.btn-swiper-main.swiper-button-prev::after,
.best .display_slide_class .swiper-button-prev::after, .special .display_slide_class .swiper-button-prev::after, .cat-best .display_slide_class .swiper-button-prev::after { transform: translate(-25%, -50%) rotate(-135deg); }
.btn-swiper-main.swiper-button-next,
.best .display_slide_class .swiper-button-next, .special .display_slide_class .swiper-button-next, .cat-best .display_slide_class .swiper-button-next { right: 0; }
.btn-swiper-main.swiper-button-next::after,
.best .display_slide_class .swiper-button-next::after, .special .display_slide_class .swiper-button-next::after, .cat-best .display_slide_class .swiper-button-next::after { transform: translate(-75%, -50%) rotate(45deg); }
.special .display_slide_class { padding: 0 20px; }

@media only screen and (max-width: 767px) {
	.special__swiper { padding: 0; }
	.special .display_slide_class { padding: 0; }
	.btn-swiper-main,
	.best .display_slide_class .swiper-button-prev, .special .display_slide_class .swiper-button-prev, .cat-best .display_slide_class .swiper-button-prev,
	.best .display_slide_class .swiper-button-next, .special .display_slide_class .swiper-button-next, .cat-best .display_slide_class .swiper-button-next { width: 32px; height: 32px; margin-top: -16px; }
	.btn-swiper-main::after,
	.best .display_slide_class .swiper-button-prev::after, .special .display_slide_class .swiper-button-prev::after, .cat-best .display_slide_class .swiper-button-prev::after,
	.best .display_slide_class .swiper-button-next::after, .special .display_slide_class .swiper-button-next::after, .cat-best .display_slide_class .swiper-button-next::after { width: 6px; height: 6px; }
}


/* Section-3: 카테고리별 BEST */
.cat-best__box {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}
.cat-best__tab-ico {
  width: 94px;
  height: 94px;
  object-fit: contain;
  background: var(--bg-hover);
  border-radius: 20px;
  transition: all 0.3s ease;
}
.cat-best__tab-swiper {
  margin-bottom: 40px;
  overflow: hidden;
  position: relative;
}
.cat-best__tab-swiper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid var(--border);
  z-index: -1;
}
.cat-best__tab-list {
  padding: 0;
  display: flex;
    justify-content: space-between;
  flex-wrap: nowrap;
  list-style: none;
}
.cat-best__tab-list li.swiper-slide {
  width: auto;
  flex-shrink: 0;
  margin-right: 16px;
}
.cat-best__tab-btn {
  padding: 12px 16px;
  margin-bottom: -1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  background: transparent !important;
  border: none;
  border-bottom: 5px solid transparent;
  color: var(--txt-color-form);
  transition: all 0.3s ease;
  font-size: 22px;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
.cat-best__tab-btn[aria-selected=true], .cat-best__tab-btn.active {
  color: var(--hm-green);
  border-bottom-color: var(--hm-green);
  font-size: 22px;
  font-weight: 700;
}
.cat-best__tab-btn[aria-selected=true] .cat-best__img-wrap, .cat-best__tab-btn.active .cat-best__img-wrap {
  display: block;
  position: relative;
}
.cat-best__tab-btn[aria-selected=true] .cat-best__img-wrap::after, .cat-best__tab-btn.active .cat-best__img-wrap::after {
  content: "";
  width: 100px;
  height: 100px;
  display: block;
  background: rgba(255, 255, 255, 0.2);
  border: 2px solid var(--hm-green);
  border-radius: 25px;
  position: absolute;
  top: -5px;
  left: -5px;
}
.cat-best__tab-btn[aria-selected=true] .cat-best__tab-ico, .cat-best__tab-btn.active .cat-best__tab-ico {
  background: var(--white);
}
.cat-best__swiper {
  padding: 0 20px;
  position: relative;
}
/*.cat-best .btn-more-main-wrap{ padding: 0 20px; }*/
@media only screen and (max-width: 1199px) {
  .cat-best__tab-ico { width: 76px; height: 76px; }
  .cat-best__tab-btn { gap: 16px; font-size: 18px; }
  .cat-best__tab-btn[aria-selected=true], .cat-best__tab-btn.active { font-size: 18px; }
  .cat-best__tab-btn[aria-selected=true] .cat-best__img-wrap::after,
  .cat-best__tab-btn.active .cat-best__img-wrap::after { width: 82px; height: 82px; border-radius: 28px; }
  .cat-best__tab-swiper { margin-bottom: 30px; }
}
@media only screen and (max-width: 767px) {
  .cat-best__tab-ico { width: 60px; height: 60px; border-radius: 14px; }
  .cat-best__tab-btn { padding: 8px 10px; gap: 10px; font-size: 14px; }
  .cat-best__tab-btn[aria-selected=true], .cat-best__tab-btn.active { font-size: 14px; }
  .cat-best__tab-btn[aria-selected=true] .cat-best__img-wrap::after,
  .cat-best__tab-btn.active .cat-best__img-wrap::after { width: 66px; height: 66px; border-radius: 20px; top: -5px; left: -5px; }
  .cat-best__tab-list li.swiper-slide { margin-right: 10px; }
  .cat-best__tab-swiper { margin-bottom: 20px; }
  .cat-best__swiper { padding: 0; }
}

/* 탭 패널 공통 (추가됨) */
.tab__panel {
  display: none;
}
.tab__panel.active {
  display: block;
}

/* =============================================
   Section-6 산지직송 / Section-7 캠핑 필수템
============================================= */
.side-promo-sec__box {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
.side-promo-sec__grid {
    display: grid;
    grid-template-columns: 340px 1fr;
    gap: 40px;
}
@media (max-width: 1199px) {
    .side-promo-sec__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}
.side-promo-sec__promo {
    min-height: 640px;
    padding: 40px 30px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 16px;
    position: relative;
}
.side-promo-sec__promo-txt {
    position: relative;
    z-index: 2;
}
.side-promo-sec__promo-tit {
    margin: 0 0 20px;
}
.side-promo-sec__promo-tit img {
    max-width: 220px;
    display: block;
}
.side-promo-sec__promo-desc {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}
.side-promo-sec__promo-img {
    width: 100%;
    max-width: 320px;
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.side-promo-sec__promo-img img {
    width: 100%;
    display: block;
}
.side-promo-sec__promo-btn {
    align-self: flex-start;
    width: 100%;
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--white);
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
    font-size: 16px;
    font-weight: 700;
}
.side-promo-sec__promo-btn i {
    width: 16px;
    height: 16px;
    display: block;
    background: transparent url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L16 12L9 19' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
    transition: transform 0.3s ease;
}
.side-promo-sec__promo-btn:hover i {
    transform: translateX(4px);
}
.side-promo-sec__product-list {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    list-style: none;
}
/* 고도몰 진열 호출 구조 브릿지:
   실서버 렌더 → .side-promo-sec__product-list > .designDisplay > .display_responsible_class > ul.goods_list > li.gl_item
   .designDisplay는 아이디자인 편집 대상(designElement 측정 요소)이라 display:contents 금지 — 부모 grid 전체 폭을 차지하는 자체 grid로 처리
   내부 wrapper 2개만 display:contents로 투명화 → li.gl_item이 grid 직접 참여 (프리뷰 정적 <li>와 동일) */
.side-promo-sec__product-list > .designDisplay {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.side-promo-sec__product-list .display_responsible_class,
.side-promo-sec__product-list .goods_list { display: contents; }
/* common.css (0,3,2) 특이성 초과 — 클래스 4개(0,4,0)로 선언하여 width:25% 충돌 차단 */
.side-promo-sec__box .side-promo-sec__grid .side-promo-sec__product-list .gl_item { width: auto; padding: 0; }
.side-promo-sec .goods_list li.gl_item .resp_display_goods_info{ padding: 0; }
.side-promo-sec .infO_group .goodS_info + .displaY_goods_name { display: inline-block; }
@media (max-width: 1023px) {
    .side-promo-sec__product-list,
    .side-promo-sec__product-list > .designDisplay {
        gap: 30px 20px;
    }
}
@media (max-width: 767px) {
    .side-promo-sec__product-list,
    .side-promo-sec__product-list > .designDisplay {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
}

/* 테마: New Pick */
.side-promo-sec--camping .side-promo-sec__promo {
    background: url('../images/design/new/new-pick-pc.jpg') no-repeat;
}
.side-promo-sec--camping .side-promo-sec__promo-desc {
    color: var(--white);
}
.side-promo-sec--camping .side-promo-sec__promo-btn {
    background: #555B9F;
}
.side-promo-sec--camping .side-promo-sec__promo-btn:hover {
    background: #4c528f;
}

/* 테마: 프레쉬 (산지직송) */
.side-promo-sec--fresh .side-promo-sec__promo {
    background: url('../images/design/new/fresh-off-pc.jpg') no-repeat;
}
.side-promo-sec--fresh .side-promo-sec__promo-desc {
    color: #333;
}
.side-promo-sec--fresh .side-promo-sec__promo-btn {
    background: #08C31D;
}
.side-promo-sec--fresh .side-promo-sec__promo-btn:hover {
    background: #07ab1a;
}

@media (max-width: 1199px) {
    .side-promo-sec__promo{
        width: 100%;
        min-height: auto;
        aspect-ratio: 640/400;
        box-sizing: border-box;
    }

    .side-promo-sec--camping .side-promo-sec__promo {
        background: url('../images/design/new/new-pick-mob.jpg') no-repeat;
        background-size: cover;
    }
    .side-promo-sec--fresh .side-promo-sec__promo {
        background: url('../images/design/new/fresh-off-mob.jpg') no-repeat;
        background-size: cover;
    }
}
@media (max-width: 767px) {
    .side-promo-sec__grid { gap: 20px; }
    .side-promo-sec__promo { padding: 24px 20px 20px; }
}


/* ========================
   Section-8 : 홍천 9경 (rowgroup5)
   소스: hongcheon.go.kr/tour/ 메인 CSS 발췌 → .place 블록만 이식
   이미지 경로: ../images/design/new/
======================== */
.place .place_item,
.place .place_control,
.place .place_image img,
.place .slick-arrow {transition-duration:0.5s; transition-timing-function:linear;}

.place {position:relative; z-index: 0; height:720px; padding-top:100px; cursor:default;}
.place:before {content: ''; display:block; position:absolute; top:0; left:0; width:100vw; height:460px; background-color:#DAE9FC;}
.place .wrap {position:relative; width:1580px; margin-left:auto; margin-right:auto;}
.place .place_inner {padding-top:99px; padding-left:390px;}
.place .place_intro {position:absolute; top:0; left:0; width:520px; height:610px; padding-top:66px; padding-left:63px; background-image:url('../images/design/new/place_intro_bg.jpg'); background-repeat:no-repeat; border-top-right-radius:20px; border-bottom-left-radius:20px;box-sizing: border-box;}
.place .place_slogan {color:#fff; font-size:17px; line-height:19px;}
.place .place_slogan br {display:none;}
.place .place_title {margin-top:17px;}
.place .place_content {position:relative; width:100vw;}
.place .place_item {position:relative; text-align:left; padding-bottom:20px; padding-left:8px; padding-right:22px; transition-property:opacity, margin-top;}
.place .odd .place_item:nth-child(odd) {margin-top:50px;}
.place .even .place_item:nth-child(even) {margin-top:50px;}
.place .place_item.slick-slide {opacity:0.5;}
.place .place_item.slick-active {opacity:1;}
.place .place_flag {display:block; position:absolute; top:25px; left:0; z-index:10; width:48px; padding-top:8px; padding-bottom:8px; background-color:#ed545a; border-radius:5px; border-bottom-left-radius:0; text-align:center; color:#fff; font-size:16px; line-height:18px; letter-spacing:-0.025em;}
.place .place_flag:before {content:''; display:block; position:absolute; top:100%; left:0; width:8px; height:10px; background-image:url('../images/design/new/place_sprite.png'); background-repeat:no-repeat; background-position:left 100%; background-size:212.5% 950%;}
.place .place_anchor {display:inline-block; width:273px; background-color:#fff; border-radius:20px; box-shadow:10px 0 20px rgba(0, 0, 0, 0.2);}
.place .place_image {display:block; overflow:hidden; border-top-left-radius:20px; border-top-right-radius:20px; transition-property:transform;}
.place .place_anchor:hover .place_image img {transform:scale(1.1);}
.place .place_info {display:block; padding-top:26px; padding-left:30px; padding-bottom:30px;}
.place .place_name {position:relative; display:block; padding-left:26px; color:#212121; font-size:24px; line-height:26px;}
.place .place_name:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; width:17px; height:23px; margin-top:auto; margin-bottom:auto; background-image:url('../images/design/new/place_sprite.png'); background-repeat:no-repeat; background-position:left 72.22%; background-size:100% 413.04%;}
.place .place_text {display:block; margin-top:8px; color:#6c6c6c; font-size:14px; line-height:16px; letter-spacing:-0.025em; word-break:keep-all;}
.place .place_control {position:absolute; top:0; bottom:0; left:8px; width:1182px; height:46px; margin-top:auto; margin-bottom:auto; transition-property:width;}
.place .slick-arrow {display:block; position:absolute; top:0; width:46px; height:46px; background-color:#fff; border-radius:50%; font-size:0; line-height:0; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); transition-property:opacity;}
.place .slick-arrow:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; width:9px; height:16px; margin:auto; background-image:url('../images/design/new/place_sprite.png'); background-repeat:no-repeat; background-size:188.88% 593.75%;}
.place .slick-arrow.slick-disabled {opacity:0.5; cursor: default;}
.place .place_prev {left:-25px;}
.place .place_next {right:-25px;}
.place .place_next:before {background-position:left 32.91%;}

/* 애니메이션 */
.place.move {opacity:0; transform:translateX(40px); transition-property:opacity, transform;}
.place.move.active {opacity:1; transform:none; transition-delay:200ms;}

@media all and (max-width:1725px) {
    .place .place_control {width:880px;}
}
@media all and (max-width:1325px) {
    .place .place_control {width:577px;}
}
@media all and (max-width:1000px) {
    .place {height:675px; padding-top:80px;}
    .place:before {height:280px;}
    .place .wrap {width:100%; max-width:720px; padding-left:0; padding-right:0;}
    .place .place_inner {padding-top:0; padding-bottom:0; padding-left:0;}
    .place .place_intro {position:relative; width:100%; height:308px; padding-left:0; text-align:center; background-image:url('../images/design/new/place_intro_bg_mobile.jpg');}
    .place .place_slogan {font-size:15px; line-height:17px;}
    .place .place_title img {width:152px;}
    .place .place_content {width:auto; margin-top:-119px;}
    .place .place_flag {width:39px; padding-top:4px; padding-bottom:4px; font-size:14px; line-height:16px;}
    .place .place_list {padding-left:12px;}
    .place .place_item {padding-right:8px;}
    .place .place_item.slick-slide {opacity:0;}
    .place .place_item.slick-active {opacity:1;}
    .place .place_anchor {width:216px; box-shadow:10px 10px 10px rgba(0, 0, 0, 0.1);}
    .place .place_info {padding:18px 16px 21px 16px;}
    .place .place_image img {width:216px;}
    .place .place_name {padding-left:21px; font-size:19px; line-height:21px;}
    .place .place_name:before {width:15px; height:20px;}
    .place .place_text {height:34px; line-height:17px;}
    .place .place_control {left:0; width:100%; max-width:720px;}
    .place .slick-arrow {width:39px; height:39px;}
    .place .slick-arrow:before {width:8px; height:13px;}
    .place .place_prev {left:0;}
    .place .place_next {right:0;}
}
@media all and (max-width:720px) {
    .place .wrap {padding-left:3%; padding-right:3%;}
    .place .place_content {width:485px; margin-left:auto; margin-right:auto;}
}
@media all and (max-width:640px) {
    .place {margin-top:52px; padding-top:0; padding-bottom:50px;}
    .place:before {top:auto; bottom:0; height:430px;}
}
@media all and (max-width:530px) {
    .place {height:610px;}
    .place .place_content {width:258px; margin-top:-82px;}
    .place .odd .place_item:nth-child(odd) {margin-top:0;}
    .place .even .place_item:nth-child(even) {margin-top:0;}
    .place .place_intro {height:283px; padding-top:31px; text-align:left; border-bottom-left-radius:0;}
    .place .place_position {position:absolute; top:31px; right:23px;}
    .place .place_slogan br {display:block;}
    .place .place_title img {width:115px;}
}
@media all and (max-width:400px) {
    .place .place_intro {background-position:-50px top;}
}