/* ========================================= SUBPAGE : VISUAL & BREADCRUMB ========================================= */
/* .sub-content { width: 100%; background-color: var(--bg-light); } */
.sub-content { width: 100%; }
.sub-page-head { width: 100%; padding: 88px 0 34px;}
.sub-page-inner { max-width: var(--inner-width); margin: 0 auto; padding: 0 20px; display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.sub-page-title { font-size: 60px; font-weight: 800; line-height: 1; letter-spacing: -0.05em; color: var(--text-main); }
.sub-content-inner { max-width: var(--inner-width); margin: 0 auto; padding: 80px 20px 20px; display: flex; align-items: flex-end; justify-content: center; }
.sub-content-title { font-size: 36px; font-weight: 700; line-height: 1; letter-spacing: -0.05em; color: var(--text-main); }
.sub-breadcrumb { display: inline-flex; align-items: center; gap: 14px; margin-bottom: 8px; font-size: 15px; font-weight: 700; color: #b7b7b7; text-transform: uppercase; }
.sub-breadcrumb a { display: inline-flex; align-items: center; gap: 7px; color: #b7b7b7; }
.sub-breadcrumb i { font-size: 13px; color: #b7b7b7; }
.sub-breadcrumb a:hover { color: var(--color-accent); }
.sub-visual-banner { position: relative; width: 100%; height: 320px; overflow: hidden; border-radius: 0 0 76px 0; background-color: #d9d9d9; }
.sub-visual-banner::after { content: ''; position: absolute; inset: 0; z-index: 2; background-color: rgba(70, 70, 70, 0.26); pointer-events: none; }
.sub-visual-banner img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 1; filter: grayscale(0.15); }
.sub-visual-copy { position: relative; z-index: 3; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; color: var(--text-white); }
.sub-visual-copy p { font-size: 24px; font-weight: 500; line-height: 1.55; letter-spacing: -0.045em; color: #fff; }


/* ========================================= SUBPAGE 1 BRAND ========================================= */
.brand-intro-section { width: 100%; padding: 100px 0 74px; }
.brand-intro-inner { max-width: var(--inner-width); margin: 0 auto; padding: 0 20px; text-align: center; }
.brand-intro-motif { width: 30px; height: auto; margin: 0 auto 28px; display: block; }
.brand-intro-title { font-size: 30px; font-weight: 800; line-height: 1.55; letter-spacing: -0.055em; color: var(--text-main); margin-bottom: 34px; }
.brand-intro-desc { max-width: 930px; margin: 0 auto; color: var(--text-sub); }
.brand-intro-desc p { font-size: 16px; font-weight: 600; line-height: 1.85; letter-spacing: -0.045em; margin-bottom: 34px; }
.brand-intro-desc p:last-child { margin-bottom: 0; }
.brand-intro-line { display: block; width: 2px; height: 96px; margin: 86px auto 0; background-color: #8a8a8a; }

.brand-feature-section { width: 100%; }
.brand-feature-grid { max-width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brand-feature-media { position: relative; min-height: 520px; max-height: 800px; overflow: hidden; background-color: #f3f3f3; }
.brand-feature-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.brand-feature-media-top { border-radius: 0 32px 0 0; }
.brand-feature-media-bottom { border-radius: 0 0 0 32px; }
.brand-feature-copy { display: flex; align-items: center; justify-content: center; min-height: 520px; text-align: center; }
.brand-feature-copy-inner { width: 100%; max-width: 520px; padding: 40px 36px; }
.brand-feature-title { font-size: 30px; font-weight: 800; line-height: 1.45; letter-spacing: -0.055em; color: var(--text-main); margin-bottom: 20px; }
.brand-feature-desc { font-size: 16px; font-weight: 600; line-height: 1.75; letter-spacing: -0.045em; color: var(--text-sub); margin-bottom: 54px; }
.brand-feature-icon-list { display: flex; align-items: flex-start; justify-content: center; gap: 28px; }
.brand-feature-icon-item { width: 150px; display: flex; flex-direction: column; align-items: center; }
.brand-feature-icon-circle { width: 150px; height: 150px; border: 1px solid #d9d9d9; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 18px; transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease; }
.brand-feature-icon-circle img { object-fit: contain; display: block; }
.brand-feature-icon-text { font-size: 18px; font-weight: 700; line-height: 1.45; letter-spacing: -0.04em; color: var(--text-main); }
.brand-feature-icon-item:hover .brand-feature-icon-circle { background-color: #f4f4f4; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(159, 159, 159, 0.12); }

.brand-value-section { width: 100%; background-color: var(--bg-white); }
.brand-value-grid { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brand-value-card { position: relative; display: block; width: 100%; height: 400px; overflow: hidden; background-color: #222222; color: var(--text-white); }
.brand-value-card::after { content: ''; position: absolute; inset: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.1); transition: background-color 0.35s ease; }
.brand-value-card img { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; transition: transform 0.45s ease, filter 0.45s ease; }
.brand-value-content { position: relative; z-index: 3; width: 100%; height: 100%; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.brand-value-content strong { display: block; font-size: 24px; font-weight: 800; line-height: 1; letter-spacing: -0.02em; margin-bottom: 26px; color: var(--text-white); }
.brand-value-content span { display: block; font-size: 16px; font-weight: 500; line-height: 1.72; letter-spacing: -0.045em; color: rgba(255, 255, 255, 0.86); }
.brand-value-card:hover::after { background-color: rgba(0, 0, 0, 0.24); }
.brand-value-card:hover img { transform: scale(1.04); }
.brand-value-card-philosophy { border-radius: 0 0 36px 0; }
.brand-value-card-promise { border-radius: 0 0 0 36px; }
.brand-value-card-story { border-radius: 0 36px 0 0; }
.brand-value-card-value { border-radius: 36px 0 0 0; }



/* ========================================= 게시판 커스텀 ========================================= */

.custom-sub-container #bo_cate #bo_cate_on { color: var(--text-main); border-radius: 20px; padding: 0 20px; border: 1px solid #000; }
.custom-sub-container #bo_cate_on::before {display: none;}
.custom-sub-container #bo_cate a { line-height: 32px; }
.custom-sub-container .bo_cate_link { color: var(--color-accent) !important; font-weight: 700; }
.custom-sub-container #bo_gall .gall_li .gall_img img { background: #eee; border-radius: 8px; }

.custom-sub-container #sps { max-width: var(--inner-width); margin: 0 auto; }
.custom-sub-container #sps_sch { display: flex; justify-content: end; max-width: var(--inner-width); margin: 0 auto; }
.custom-sub-container #sps_sch :is(textarea, .frm_input, select) { border: none; box-shadow: none; border-bottom: 1px solid #000; margin-left: 4px; }

.custom-sub-container .pg_current {background: var(--text-main);}
.custom-sub-container :is(.pg_page, .pg_current, .qa_page) {border-radius: 0;}

.custom-sub-container #bo_list { max-width: var(--inner-width); width: 100%; }
.custom-sub-container .sct_20 { max-width: var(--inner-width); width: 100%; padding: 40px 20px 0; }

/* .custom-sub-container .sct_20 .txt_wr { position: absolute; bottom: -44px; }
.custom-sub-container .sct_20 .li_wr { border: 1px solid #f1f1f1; border-radius: 12px; background: #F8F8F8; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(248, 248, 248) 100%); padding: 0; }
.custom-sub-container .sct_20 .sct_li { padding: 0 10px 80px; }
.custom-sub-container .sct_20 .sct_basic {display: none;}
.custom-sub-container .sct_20 .sct_txt { font-size: 18px; text-align: left; }
.custom-sub-container .sct_20 .sct_link {display: none;}
.custom-sub-container .sct_20 .sct_li img {transition: all 0.2s;min-height: 200px;object-fit: contain;}
.custom-sub-container .sct_20 .sct_img{position:relative;overflow:hidden;width: 100%;padding: 0;border-radius: 12px;}
.custom-sub-container .sct_20 .sct_img>a{position:relative;display:block;width:100%;height:100%;overflow:hidden;padding: 20px 0;}
.custom-sub-container .sct_20 .li_wr.is_view_type_list img {display:block;width:100%;height:auto;max-width:none;transition:transform .45s ease;min-height: 240px; object-fit: contain;}
.custom-sub-container .sct_20 .sct_img>a::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:2;pointer-events:none;border-radius: 20px;}
.custom-sub-container .sct_20 .sct_img>a::after{content:"+";position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid rgba(255,255,255,.95);border-radius:50%;color:#fff;font-size:30px;font-weight:200;line-height:1;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.75);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background-color .2s ease;z-index:3;pointer-events:none;}
.custom-sub-container .sct_20 .sct_li:hover .sct_img>a::before{opacity:1;visibility:visible;}
.custom-sub-container .sct_20 .sct_li:hover .sct_img>a::after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.custom-sub-container .sct_20 .sct_li:hover .sct_img img{transform:scale(1.04);}
.custom-sub-container .sct_20 .sct_img .btn_wish{position:absolute;right:12px;top:12px;z-index:5;}
.custom-sub-container .sct_20 .sct_img .sct_icon{position:absolute;left:12px;top:12px;z-index:5;}
.custom-sub-container .sct_20 .sct_link{display:none;} */

/* ========================================= PRODUCT LIST ========================================= */

.custom-sub-container .sct_20 .sct_li{padding:0 4px 50px;vertical-align:top;}
.custom-sub-container .sct_20 .sct_clear{clear:none;}

.custom-sub-container .sct_20 .li_wr{position:relative;padding:0;border:0;background:transparent;flex-direction:column;}
.custom-sub-container .sct_20 .sct_li .li_wr:hover {background-color: none;}
/* .custom-sub-container .sct_20 .sct_img{position:relative;width:100%;overflow:hidden;background:transparent;padding:0;} */
.custom-sub-container .sct_20 .sct_img{position:relative;width:100%;height:auto!important;min-height:0!important;overflow:hidden;background:transparent;padding:0;}
.custom-sub-container .sct_20 .sct_img>a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;/* height:100%; */padding:0;}
.custom-sub-container .sct_20 .sct_img>a>img{display:block;width:100%!important;height:auto!important;max-width:none;min-width:0;min-height:0;object-fit:contain;transition:transform .4s ease;}
.custom-sub-container .sct_20 .txt_wr{position:relative;padding:18px 0 0;background:transparent;text-align:left;}
.custom-sub-container .sct_20 .sct_basic{display:none;}
.custom-sub-container .sct_20 .sct_txt{margin:0;font-size:18px;font-weight:600;line-height:1.4;text-align:left;}
.custom-sub-container .sct_20 .sct_text{margin-top:8px;color:var(--text-muted);font-size:13px;line-height:1.6;}
.custom-sub-container .sct_20 .sct_cost{display:none;}
.custom-sub-container .sct_20 .sct_link{display:none;}

.custom-sub-container .sct_20 .sct_img .btn_wish{position:absolute;right:12px;top:12px;z-index:5;}
.custom-sub-container .sct_20 .sct_img .sct_icon{position:absolute;left:12px;top:12px;z-index:5;}
.custom-sub-container .sct_20 .sct_img .icon_soldout {display: none !important;}
.custom-sub-container .sct_20 .sct_img>a::before{content:"";position:absolute;inset:0;z-index:2;background: #33606287;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;}
.custom-sub-container .sct_20 .sct_img>a::after{content:"+";position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:30px;font-weight:200;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.8);transition:all .3s ease;pointer-events:none;}
.custom-sub-container .sct_20 .sct_li:hover .sct_img>a::before{opacity:1;visibility:visible;}
.custom-sub-container .sct_20 .sct_li:hover .sct_img>a::after{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);}
.custom-sub-container .sct_20 .sct_li:hover .sct_img>a>img{transform:scale(1.02);}


/* ========================================= PRODUCT LIST MOBILE ========================================= */

@media (max-width:768px){

.custom-sub-container .sct_20 .sct_li{padding:0 6px 24px;}
.custom-sub-container .sct_20 .txt_wr{padding:14px;}
.custom-sub-container .sct_20 .sct_txt{font-size:15px;}
.custom-sub-container .sct_20 .sct_text{font-size:11px;}
.custom-sub-container .sct_20 .sct_cost{gap:6px;margin-top:12px;font-size:14px;}
.custom-sub-container .sct_20 .sct_discount,.custom-sub-container .sct_20 .list_discount{font-size:11px;}
.custom-sub-container .sct_20 .sct_img .btn_wish{right:10px;top:10px;}
.custom-sub-container .sct_20 .sct_img .sct_icon{left:10px;top:10px;}
.custom-sub-container .sct_20 .sct_img>a::before,.custom-sub-container .sct_20 .sct_img>a::after{display:none;}

}

#sit_opt_added .num_input {border-top: 1px solid var(--text-main); border-bottom: 1px solid var(--text-main);}
#sit_opt_added button {border: 1px solid var(--text-main); color: var(--text-main);}
a.btn_b03, .btn_b03 {color: var(--text-main); border: 1px solid var(--text-main);}
a.btn_b02, .btn_b02 {background: var(--text-main);}
#sit_tab .tab_tit li .selected {border-bottom: 2px solid var(--text-main); color: var(--text-main);}

#sit_siblings a {color: var(--text-main);border: 1px solid var(--text-main);border-radius: 40px; padding: 0 20px;line-height: 40px;}
#siblings_prev:before, #siblings_next:after {width: 16px; height: 16px;background-size: 16px 16px;background-repeat: no-repeat;opacity: 0.8;}
#siblings_prev:before {background-image: url(/img/260805-pro-prev.png);}
#siblings_next:after {background-image: url(/img/260805-pro-next.png);}

#sps li {padding: 20px 10px;}

#bo_gall #gall_u, .board_wr, #bo_v, .bo_v_nb, #bo_v_bot, .cmt_btn, #bo_vc, #bo_w {max-width: var(--inner-width) !important;width: 100%; padding: 0 20px; margin: 0 auto;}
.cmt_btn {display: block;}

.bo_v_cate {color: var(--color-accent);}

#sit_tab .tab_con {max-width: var(--inner-width);width: 100%; padding: 0 20px;}
#sit_inf_open th {background: #fafafa;}
#sit_inf_open {border-top: 2px solid var(--text-main);}
.dis_per {color: var(--color-accent);}

#mb_login {margin: 0 auto; padding: 0;}
.mbskin {text-align: center; padding: 0; width: 100%; margin: 0 auto;}

/* ========================================= SUBPAGE : RESPONSIVE ========================================= */

@media (max-width: 1200px) {
  .brand-feature-media { min-height: 440px; }
  .brand-feature-copy { min-height: 440px; }
  .brand-feature-title { font-size: 26px; }
  .brand-feature-desc { font-size: 15px; margin-bottom: 42px; }
  .brand-feature-icon-list { gap: 18px; }
  .brand-feature-icon-item { width: 124px; }
  .brand-feature-icon-circle { width: 124px; height: 124px; }
  .brand-feature-icon-text { font-size: 15px; }
  .brand-value-card { height: 340px; }
  .brand-value-content strong { font-size: 20px; margin-bottom: 22px; }
}

@media (max-width: 1024px) {
  .sub-page-head { padding: 64px 0 30px; }
  .sub-page-title { font-size: 48px; }
  .sub-breadcrumb { font-size: 13px; gap: 10px; }
  .sub-visual-banner { height: 280px; border-radius: 0 0 56px 0; }
  .sub-visual-copy p { font-size: 21px; }
  .brand-intro-section { padding: 82px 0 64px; }
  .brand-intro-title { font-size: 26px; }
  .brand-intro-desc p { font-size: 15px; line-height: 1.75; }
  .brand-intro-line { height: 76px; margin-top: 68px; }
  .brand-feature-media { min-height: 360px; }
  .brand-feature-copy { min-height: 360px; }
  .brand-feature-copy-inner { padding: 34px 24px; }
  .brand-feature-title { font-size: 22px; }
  .brand-feature-desc { font-size: 14px; line-height: 1.65; margin-bottom: 32px; }
  .brand-feature-icon-list { gap: 14px; }
  .brand-feature-icon-item { width: 104px; }
  .brand-feature-icon-circle { width: 104px; height: 104px; margin-bottom: 14px; }
  .brand-feature-icon-text { font-size: 13px; }
  .brand-value-card { height: 310px; }
  .brand-value-content { padding: 32px 24px; }
  .brand-value-content strong { font-size: 20px; margin-bottom: 18px; }
  .brand-value-content span { font-size: 15px; line-height: 1.65; }
}

@media (max-width: 768px) {
  .sub-page-head { padding: 48px 0 24px; }
  .sub-page-inner { align-items: flex-start; flex-direction: column; gap: 16px; padding: 0 24px; }
  .sub-page-title { font-size: 40px; }
  .sub-breadcrumb { margin-bottom: 0; font-size: 12px; }
  .sub-visual-banner { height: 230px; border-radius: 0 0 36px 0; }
  .sub-visual-banner img { object-position: center center; }
  .sub-visual-copy { padding: 0 24px; }
  .sub-visual-copy p { font-size: 18px; line-height: 1.55; }
  .brand-intro-section { padding: 64px 0 54px; }
  .brand-intro-inner { padding: 0 24px; }
  .brand-intro-motif { width: 26px; margin-bottom: 22px; }
  .brand-intro-title { font-size: 22px; line-height: 1.55; margin-bottom: 26px; }
  .brand-intro-desc p { font-size: 14px; font-weight: 500; line-height: 1.72; margin-bottom: 24px; }
  .brand-intro-line { width: 1px; height: 62px; margin-top: 52px; }
  .brand-feature-grid { grid-template-columns: 1fr; }
  .brand-feature-media { min-height: 280px; }
  .brand-feature-copy { min-height: auto; padding: 44px 0; }
  .brand-feature-copy-inner { max-width: 100%; padding: 0 24px; }
  .brand-feature-media-top { order: 1; border-radius: 0 28px 0 0; }
  .brand-feature-copy-top { order: 2; }
  .brand-feature-copy-bottom { order: 3; }
  .brand-feature-media-bottom { order: 4; border-radius: 0 0 0 28px; }
  .brand-feature-title { font-size: 20px; margin-bottom: 16px; }
  .brand-feature-desc { font-size: 14px; margin-bottom: 26px; }
  .brand-feature-icon-list { flex-wrap: wrap; gap: 16px 12px; }
  .brand-feature-icon-item { width: calc(33.333% - 8px); min-width: 92px; }
  .brand-feature-icon-circle { width: 92px; height: 92px; }
  .brand-feature-icon-text { font-size: 12px; }
  .brand-value-grid { grid-template-columns: 1fr; }
  .brand-value-card { height: 280px; }
  .brand-value-card-philosophy { border-radius: 0; }
  .brand-value-card-promise { border-radius: 0; }
  .brand-value-card-story { border-radius: 0; }
  .brand-value-card-value { border-radius: 0; }
  .brand-value-content { padding: 30px 22px; }
  .brand-value-content strong { margin-bottom: 16px; }

  .custom-sub-container .sct_20 .txt_wr { padding-bottom: 0; }

  .sct_20 .sct_li .li_wr::before,.sct_20 .sct_link{display:none;}
  .sct_20 .sct_img>a{padding: 12px 0;}
  
}
@media (max-width: 700px) {
    .sct_20 .btn_wish {right: 4%;}
}
@media (max-width: 480px) {
  .sub-page-title { font-size: 34px; }
  .sub-visual-banner { height: 210px; border-radius: 0 0 28px 0; }
  .sub-visual-banner { display: none; }
  .sub-page-head {background: #f1f1f1;margin-bottom: 20px;}
  .sub-content-inner {display: none;}
  .sub-visual-copy p { font-size: 16px; }
  .brand-intro-title { font-size: 20px; }
  .brand-intro-desc p br { display: none; }
  .brand-feature-media { min-height: 220px; }
  .brand-feature-title { font-size: 18px; }
  .brand-feature-desc { font-size: 13px; }
  .brand-feature-desc br { display: none; }
  .brand-feature-icon-item { width: calc(33.333% - 8px); }
  .brand-feature-icon-circle { width: 82px; height: 82px; }
  .brand-feature-icon-text { font-size: 11px; }
  .brand-value-card { height: 250px; }
  .brand-value-content strong { font-size: 18px; }
  .brand-value-content span { font-size: 14px; letter-spacing: -0.02em; line-height: 1.6; }
}