@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 280 / var(--inner) * 100vw ), 280px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 280 / var(--inner) * 100vw ), 280px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"위노베이트"; font-size:12px; line-height:15px; display: none;}
.roughmap_maker_label .roughmap_lebel_text {display: none !important;}
.roughmap_maker_label:after {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#F3F2EE;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(60px, calc( 200 / var(--inner) * 100vw ), 200px) 0;}
.subsec-box {text-align: center;}
.subsec-box .subsec-tit {font-size: var(--font-size-60); font-weight: bold; } 
.subsec-box .subsec-tit .small {font-size: var(--font-size-18);}
.subsec-box .subsec-dec {padding-top: var(--padding-50); font-size: var(--font-size-28); line-height: 1.42; color: #666; font-weight: 600;}
.subsec-box .subsec-dec .small {display: block; margin-top: var(--padding-15); font-size: var(--font-size-18);}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.story-topbgbx {position: relative; margin-top: var(--nav-height2); background: url(../images/sub/brandstory-topbg.jpg) no-repeat 50% 50% / cover; height: clamp(600px, calc( 1460 / var(--inner) * 100vw ), 1460px); z-index: 5;}
.story-topbgbx .textbx {padding-top:clamp(70px, calc( 170 / var(--inner) * 100vw ), 170px); text-align: center; color: #fff;}
.story-topbgbx.sub1_4_comm .txt2 {color: #fff;}
.story-topbgbx.sub1_4_comm .relation {margin-top: var(--padding-50); font-size: var(--font-size-56); color: rgba(255, 255, 255, 0.6); font-family: var(--font-relation-one);}

.relation-gird {display: flex; justify-content: center; gap: var(--padding-80);}
.relation-gird .item {font-size: var(--font-size-35); font-weight: 400; font-family: var(--font-relation-one);}
.sub1_1_3 .txt {padding-top: var(--padding-50); font-size:var(--font-size-28); font-weight: 500;}

.history-topbgbx  {display: flex;align-items: center;justify-content: center; position:relative; /*background: url(../images/sub/history-topbg.jpg) no-repeat 50% 50% / cover; */height: clamp(300px, calc( 710 / var(--inner) * 100vw ), 710px); text-align: center; color: #fff;overflow: hidden;}
.history-topbgbx .images {position:absolute;inset: 0;  width:100%;height:100%;}
.history-topbgbx .images img {display:block; width:100%;height:100%;object-fit:cover;}
.history-topbgbx .contain {position: relative; z-index: 1;}
.history-topbgbx .txt1 {font-size: var(--font-size-60); font-weight: bold;}
.history-topbgbx .txt2 {padding-top: var(--padding-50); font-size: var(--font-size-28); }

.history-wrap {background: #F3F2EE;}
.history-wrap .title {margin-bottom:clamp(50px, calc( 200 / var(--inner) * 100vw ), 200px) ; font-size: var(--font-size-80); font-weight: bold; text-align: center;} 
.history-grid {border-top: 3px solid #000; border-bottom: 3px solid #000;}
.history-item {display: flex; flex-wrap: wrap; gap: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); padding:var(--padding-40) 0 var(--padding-90); letter-spacing: -0.6px; border-bottom: 1px solid #000;}
.history-item .titbx {width: clamp(120px, calc( 310 / var(--inner) * 100vw ), 310px);}
.history-item .titbx .year {font-size:var(--font-size-40); font-weight: bold; }
.history-item .contbx {flex: 1;}
.history-item .cont {font-size: var(--font-size-24); line-height: 1.5; }
.history-item .cont:not(:first-child) {margin-top:10px;}
.history-item:last-child {border-bottom: 0;}

.sub1_top {padding:var(--padding-175) 0; text-align: center;position:relative; background: #F3F2EE;}
.sub1_top .contain {display: flex;flex-direction: column;gap: var(--padding-50);}
.sub1_top .txt1 {font-size: var(--font-size-60); font-weight: bold; line-height: 1.33;}
.sub1_top .txt2 {font-size:var(--font-size-28); line-height: 1.42;}
.sub1_top .txt3 {margin-top: var(--padding-30);}
.sub1_top .txt3 .badge {display: inline-flex;align-items: center;justify-content: center;padding:clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px) 25px; border-radius: 60px; border: 1px solid #686868; line-height: 1;}
.sub1_top .sub1_topimg {position:absolute; left: 50%;top: 50%; transform: translate(-50%, -50%);width:100%;height:100%;}
.sub1_top .sub1_topimg img,
.sub1_top .sub1_topimg gif {width:100%;height:100%;}

.subgig-img img ,
.subgig-img gif {width:100%;}
.sub1_3_3 .flxWrap {flex-direction: row-reverse; align-items: center; gap: var(--padding-90);}
.sub1_3_3 .imgbx {width: clamp(300px, calc( 703 / var(--inner) * 100vw ), 703px);}
.sub1_3_3 .imgbx img {border-radius: 24px;}
.sub1_3_3 .textbx {flex: 1; letter-spacing: -0.5px;}
.sub1_3_3 .title {font-size:var(--font-size-60); font-weight: bold; line-height: 1.33;}
.sub1_3_3 .dec {padding-top: var(--padding-50); font-size: var(--font-size-28); line-height: 1.42; color: #666; font-weight: 600;}
.sub1_3_3 .arrowbx {display: flex;align-items: center; gap: var(--padding-30); margin-top: var(--padding-80);}
.sub1_3_3 .arrowbx .txt {font-size: var(--font-size-20); font-weight: 600; color: #686868;}
.sub1_3_3 .arrowbx img {width: clamp(100px, calc( 256 / var(--inner) * 100vw ), 256px);}

.sub1_3_4 .subsec-box {margin-bottom:var(--padding-150);}
.sub1_3_4 .img {text-align: center;}
.sub1_3_4 .img .txt {margin-bottom: var(--padding-80); font-size: var(--font-size-24); font-weight: 600; line-height: 1.33; text-align: center;}
.sub1_3_4-stat {display:grid; grid-template-columns: repeat(4, 1fr); }
.sub1_3_4-stat .stat-item {position: relative; padding:0 var(--padding-35); text-align: center; }
.sub1_3_4-stat .stat-item:not(:last-child)::after {content:''; position: absolute; right:0; top:50%; transform:translateY(-50%); width: 1px; height: clamp(90px, calc( 130 / var(--inner) * 100vw ), 130px); background:#ddd;}
.sub1_3_4-stat .num {display: flex;align-items: center;justify-content: center; gap: 5px; font-size: var(--font-size-30); font-weight: 600; line-height: 1.4; margin-bottom: clamp(8px, calc( 16 / var(--inner) * 100vw ), 16px);}
.sub1_3_4-stat .num .counter {font-size: var(--font-size-50); display: block; font-weight: 800; margin-bottom: var(--padding-10);}
.sub1_3_4-stat .region-ko {font-size: var(--font-size-22); font-weight: bold; margin-bottom: 8px;}
.sub1_3_4-stat .region-en {color: #666; line-height: 1.4; font-weight: 600;}

.sub1_3_5 .subsec-box {margin-bottom: var(--padding-100);}
.sub1_3_5-faq {display: flex;flex-direction: column;gap: var(--padding-40);}
.sub1_3_5-faq .faq-item {background: #fff; padding: var(--padding-40); }
.sub1_3_5-faq .faq-head {display: flex; gap: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); margin-bottom: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); padding-bottom: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); border-bottom: 3px solid #F3F2EE;}
.sub1_3_5-faq .faq-q {width: clamp(26px, calc( 60 / var(--inner) * 100vw ), 60px);font-size: var(--font-size-48); font-weight: bold; line-height: 1;}
.sub1_3_5-faq .faq-question {flex: 1; font-size: var(--font-size-36); font-weight: bold; }
.sub1_3_5-faq .faq-body {display: flex;  gap: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}
.sub1_3_5-faq .faq-a { width: clamp(26px, calc( 60 / var(--inner) * 100vw ), 60px);  font-size: var(--font-size-48); font-weight: bold; color: var(--color-secondary); line-height: 1;}
.sub1_3_5-faq .faq-answer {flex: 1;font-size: var(--font-size-24); line-height: 1.66; color: #686868; }

.sub1_4_comm {position: relative; height: clamp(550px, calc( 1550 / var(--inner) * 100vw ), 1550px);}
.sub1_4_comm .contain {position: absolute; left: 50%; transform: translatex(-50%);}
.sub1_4_comm .txt1 {font-size: var(--font-size-60); font-weight: bold; line-height: 1.33;}
.sub1_4_comm .txt2 {margin-top: var(--padding-40); font-size:var(--font-size-28); line-height: 1.42; color: #666; font-weight: 600;}
.sub1_4_comm .txt3 {margin-top: var(--padding-50);}
.sub1_4_comm .txt3 .badge {display: inline-flex;align-items: center;justify-content: center; padding:clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px) 25px;line-height: 1;}

.sub1_4_1 {text-align: center; /*background: url(../images/sub/sub1_4_1-img.jpg) no-repeat 50% 50% / cover;*/}
.sub1_4_1.sub1_4_comm {height: auto;}
.sub1_4_1 .sub1_4_2bg {position: relative;}
.sub1_4_1 .images img {display:block; width:100%;}
/* .sub1_4_1 .images {position:relative; padding-bottom:72.91%; overflow:hidden;}
.sub1_4_1 .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.sub1_4_1 .m-img {display: none !important;} */

.sub1_4_1 .contain {top: 10%;  color: #fff;}
.sub1_4_1 .txt1 {font-size: var(--font-size-60); font-weight: bold; line-height: 1.33;}
.sub1_4_1 .txt3 {margin-top: var(--padding-50);}
.sub1_4_1 .txt3 .badge {border-radius: 60px; border: 1px solid #fff; }
/* .sub1_4_2 {background: url(../images/sub/sub1_4_2-img.jpg) no-repeat 50% 50% / cover;} */
.sub1_4_2.sub1_4_comm {height: auto;}
.sub1_4_2 .contain {bottom: clamp(40px, calc( 200 / var(--inner) * 100vw ), 200px);}
.sub1_4_2 .sub1_4_2bg {position: relative; background: #F3F2EE;}
.sub1_4_2 .sub1_4_2bg .images {aspect-ratio:1920/1130; overflow:hidden;}
.sub1_4_2 .sub1_4_2bg .contain {position:unset; transform:none; padding-top:clamp(30px, calc(120 / var(--inner) * 100vw), 120px); padding-bottom:clamp(60px, calc(200 / var(--inner) * 100vw), 200px);}
.sub1_4_2 .images img {display:block; width:100%;}
/* .sub1_4_2 .images {position:relative; padding-bottom:72.91%; overflow:hidden;}
.sub1_4_2 .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.sub1_4_2 .m-img {display: none !important;} */



.sub1_4_3 .subsec-dec {padding-top: var(--padding-60);}

.commflx-wrap {width: 100%;}
.commflx-item {display: flex; align-items: center;flex-wrap: wrap; background: #F3F2EE;}
.commflx-item .comm-wid {width: 50%;}
.commflx-item .commflx-item-img img {width: 100%;}
.commflx-item .commflx-item-txt {padding:40px 20px; text-align: center; display: flex;flex-direction: column;gap: var(--padding-30);}
.commflx-item .commflx-item-txt .txt1 {font-size: var(--font-size-48); color: #868686; font-weight: bold; line-height: 1;}
.commflx-item .commflx-item-txt .txt2 {font-size: var(--font-size-40); font-weight: bold; ;}
.commflx-item .commflx-item-txt .txt3 {font-size: var(--font-size-22) !important; line-height: 1.7; color: #666; font-weight: 600;}
.commflx-item .commflx-item-txt .txt3 span {font-size: inherit !important;}
.commflx-item .relation {font-size: var(--font-size-35); font-weight: 400; color: #5F7C90; font-family: var(--font-relation-one); line-height: 1;}
.commflx-item:nth-child(even) {flex-direction: row-reverse;}

.sub1_4_5 {max-width: 1920px; margin:0 auto; margin-bottom: var(--padding-100);}
.sub1_4_5 .containwid {max-width:1280px; margin-left: auto;}
.sub1_4_5 .text {padding-top: var(--padding-100); font-size: var(--font-size-50); font-weight: bold;}

/* 오프라인 매장 (support/offlinestore) */
.offline-store-inner {display: flex; flex-wrap: wrap; gap: var(--padding-80); width: 100%;}
.offline-store-map {width: clamp(400px, calc( 780 / var(--inner) * 100vw ), 780px);  }
.offline-store-mapinner {background: #F2F2F2; position: relative; padding: var(--padding-55); display: flex; flex-direction: column;}
.offline-store-map .map-area {flex: 1; position: relative;}
.offline-store-map .map-img {position: relative; padding-bottom: 107.30%;}
.offline-store-map .map-img svg {position: absolute; width: 100%; height: 100%;}
.offline-store-map .map-img svg polygon,
.offline-store-map .map-img svg path,
.offline-store-map .map-img svg polyline {fill: #fff; stroke: #d1d1d1; stroke-width: 0.5; stroke-linejoin: round; stroke-linecap: round;}
.offline-store-map .map-img svg .active {fill: var(--color-secondary); stroke: var(--color-secondary);}
.offline-store-map .map-img .local {position: absolute; display: block; text-align: center; color: #868686; padding: 4px var(--padding-12); font-size:12px; font-weight: 700; border-radius: 30px; transform: translate(-50%,-50%); line-height:1; z-index: 2;}
.offline-store-map .map-img .local.active {color: var(--color-primary); border: 1px solid #ddd; background: #fff;}
.offline-store-map .map-img .local.hover:not(.active) {color: #fff; }
.offline-store-map .map-img .local.seoul {top: 20.8%; left: 32.5%;}
.offline-store-map .map-img .local.busan {top: 66.2%; left: 69.5%;}
.offline-store-map .map-img .local.daegu {top: 54%; left: 62.5%;}
.offline-store-map .map-img .local.incheon {top: 23.5%; left: 27%;}
.offline-store-map .map-img .local.gwangju {top: 69.3%; left: 34.4%;}
.offline-store-map .map-img .local.daejeon {top: 45%; left: 41.8%;}
.offline-store-map .map-img .local.ulsan {top: 60.2%; left: 71.5%;}
.offline-store-map .map-img .local.sejong {top: 40.3%; left: 40.5%;}
.offline-store-map .map-img .local.gyeonggi {top: 27%; left: 40%;}
.offline-store-map .map-img .local.gangwon {top: 19%; left: 57%;}
.offline-store-map .map-img .local.chungbuk {top: 35%; left: 49%;}
.offline-store-map .map-img .local.chungnam {top: 42%; left: 33%;}
.offline-store-map .map-img .local.jeonbuk {top: 56%; left: 38%;}
.offline-store-map .map-img .local.jeonnam {top: 76%; left: 31%;}
.offline-store-map .map-img .local.gyeongbuk {top: 44%; left: 64%;}
.offline-store-map .map-img .local.gyeongnam {top: 64%; left: 56%;}
.offline-store-map .map-img .local.jeju {top: 96.7%; left: 26.7%;}
/* 일본 오프라인 매장 지도 (support/offlinestore_ja) - viewBox 721×672 기준 시안 위치 */
.offline-store-map .map-img-ja .local.hokkaido {top: 22%; left: 85%;}
.offline-store-map .map-img-ja .local.tohoku {top: 48%; left: 70%;}
.offline-store-map .map-img-ja .local.kanto {top: 70%; left: 58%;}
.offline-store-map .map-img-ja .local.chubu {top: 67%; left: 45%;}
.offline-store-map .map-img-ja .local.kansai {top: 74%; left: 36%;}
.offline-store-map .map-img-ja .local.chugoku {top: 72%; left: 22%;}
.offline-store-map .map-img-ja .local.shikoku {top: 79%; left: 25%;}
.offline-store-map .map-img-ja .local.kyushu {top: 84%; left: 8%;}

.offline-store-count {position: absolute; right: var(--padding-30); bottom: var(--padding-30); padding-top: var(--padding-20); text-align: right;}
.offline-store-count .count-tit { font-size: var(--font-size-14); font-weight: 500;}
.offline-store-count .count-num {margin-top: 10px; font-size: var(--font-size-25); font-weight: bold;}

.offline-store-right {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--padding-60);}
.offline-store-head {display: flex; flex-direction: column; gap: var(--padding-20);}
.offline-store-head .page-tit { font-size: var(--font-size-32); font-weight: 700;line-height: 1.25; }
.offline-store-head .page-desc {color: #686868; }
.offline-store-body {display: flex; flex-direction: column; gap: var(--padding-40); position: relative;}
.offline-store-search .search-row {display: flex; align-items: center; gap: var(--padding-10); }
.offline-store-search .search-group {display: flex; align-items: center; gap: var(--padding-10); flex-shrink: 0;}
.offline-store-search .search-group-keyword {flex: 1; min-width: 0;}
.offline-store-search .search-select {width: clamp(90px, calc( 180 / var(--inner) * 100vw ), 180px); height: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); padding: var(--padding-12) var(--padding-15); background: #F2F2F2; border: none; color: var(--color-dark); appearance: none; background-image: url("/images/sub/select-down.png"); background-repeat: no-repeat; background-position: right var(--padding-15) center;}
.offline-store-search .search-input {flex: 1; height: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); padding: var(--padding-12) var(--padding-15); background: #F2F2F2; border: none; color: var(--color-dark); font-size: var(--font-size-16); font-weight: 400;}
.offline-store-search .search-input::placeholder {color: #BEBEBE;}
.offline-store-search .search-btn {width: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); height: clamp(40px, calc( 50 / var(--inner) * 100vw ), 50px); padding: var(--padding-11); background: var(--color-secondary); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.offline-store-search .search-btn .blind {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0,0,0,0);}
.offline-store-search .search-btn::before {content: ''; width: clamp(14px, calc( 28 / var(--inner) * 100vw ), 28px); height: clamp(14px, calc( 28 / var(--inner) * 100vw ), 28px); background: url(../images/sub/search.png) no-repeat; background-size: clamp(14px, calc( 28 / var(--inner) * 100vw ), 28px) auto;}
.offline-store-list-wrap::-webkit-scrollbar {width: var(--padding-10);}
.offline-store-list-wrap::-webkit-scrollbar-track {background: #E6E6E6;}
.offline-store-list-wrap::-webkit-scrollbar-thumb {background: var(--color-secondary); border-radius: 60px;}
.offline-store-wrapinner {padding-right: clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px); max-height: clamp(512px, calc( 600 / var(--inner) * 100vw ), 600px); overflow-y: auto; scrollbar-width: var(--padding-12); scrollbar-color: var(--color-secondary) #E6E6E6;}
.offline-store-wrapinner::-webkit-scrollbar {width: calc(var(--padding-20) + 12px);}
.offline-store-wrapinner::-webkit-scrollbar-track {background: #E6E6E6; border-left: var(--padding-20) solid transparent; background-clip: padding-box;}
.offline-store-wrapinner::-webkit-scrollbar-thumb {background: var(--color-secondary); border-radius: 60px; border: 1px solid #E6E6E6; border-left: calc(var(--padding-20) + 1px) solid transparent; background-clip: padding-box;}
@supports not selector(::-webkit-scrollbar) {.offline-store-wrapinner {padding-right: var(--padding-20);}}
.offline-store-item {border-bottom: 1px solid var(--color-dark);}
.offline-store-item:first-child {border-top: 1px solid var(--color-dark);}
.offline-store-item .store-item-row {display: flex; justify-content: space-between; align-items: center; padding: var(--padding-25) 0; gap: 20px;}
.offline-store-item .store-item-info {flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--padding-20);}
.offline-store-item .store-item-top {display: flex; align-items: center; gap: var(--padding-10);}
.offline-store-item .store-type-badge {display: inline-flex; align-items: center;justify-content: center; flex-direction: column;  width: 28px; height: 28px; text-align: center; color: #fff; font-weight: 400; border-radius: 4px;}
.offline-store-item .store-type-badge.bg1 {background: #C9DC66;}
.offline-store-item .store-type-badge.bg2 {background: #B5D4F0;}
.offline-store-item .store-type-badge.bg3 {background: #C299C5;}
.offline-store-item .store-type-badge .top {font-size: var(--font-size-15); line-height: 1; font-weight: bold;}
.offline-store-item .store-type-badge .bottom {font-size:7px; line-height: 1; font-weight: 400;}
.offline-store-item .store-name {font-size: var(--font-size-20); font-weight: bold;}
.offline-store-item .store-item-detail {padding-left: clamp(33px, calc( 38 / var(--inner) * 100vw ), 38px); display: flex; flex-direction: column; gap: var(--padding-10);}
.offline-store-item .store-addr {font-size: 14px; display: flex; align-items: center; gap: var(--padding-10); flex-wrap: wrap;}
.offline-store-item .btn-copy {display: inline-flex;align-items: center;justify-content: center; color: #868686; font-size: var(--font-size-12);  background: none; border: none; cursor: pointer; padding: 0;}
.offline-store-item .store-tel {font-weight: 700;}
.offline-store-item .store-map-toggle {display: flex; flex-direction: column; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; padding: 0; color: var(--color-dark); font-size: 10px; font-weight: 600;}
.offline-store-item .store-map-toggle .map-icon {width: clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px); height: clamp(20px, calc( 36 / var(--inner) * 100vw ), 36px); background: url(../images/sub/map-location.png) no-repeat center / contain;}
.offline-store-item .toggle-txt em {font-style: normal;}
.offline-store-item .store-map-wrap {display: block; max-height: 0; overflow: hidden; transition: max-height 0.35s ease;}
.offline-store-item.map-open .store-map-wrap {max-height: 2000px;}
.offline-store-item.map-open .store-map-toggle .toggle-txt em {transform: rotate(180deg); display: inline-block; }
.offline-store-item .store-map-inner {margin-bottom: var(--padding-25); width: 100%;  background: #f4f4f4;}
.offline-store-item .store-map-container {height: clamp(250px, calc( 280 / var(--inner) * 100vw ), 280px);}
.offline-store-item .store-map-inner iframe {width: 100%; height: 100%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}

.offline-store-list-wrap .pagination-wrap {margin-top: var(--padding-40);}
.offline-store-list-wrap .pagination {display: flex;flex-wrap: wrap;gap: 10px;}
.offline-store-list-wrap .pagination .page-num.active {color: var(--color-secondary);}

.manual-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap:var(--padding-100) var(--padding-40);}
.manual-grid .haed-top {display: flex; align-items: center; gap: 20px; margin-bottom: 20px;}
.manual-grid .haed-top .textbx {flex: 1;}
.manual-grid .haed-top .tit {font-size:var(--font-size-30); font-weight: bold; color: #040000;}
.manual-grid .haed-top .dec {margin-top:var(--padding-10); font-size:var(--font-size-18); color: #4d4d4d;}
.manual-grid .haed-top .imgbx {width:clamp(100px, calc( 160 / var(--inner) * 100vw ), 160px);}
.manual-grid .haed-top .images {position:relative; padding-bottom:100%; overflow:hidden;}
.manual-grid .haed-top .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.manual-grid .body-bottom {border-top: 1px solid #242424;}
.manual-grid .body-item {display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 14px 0; border-bottom: 1px solid #ddd;}
.manual-grid .body-item .name {flex: 1;}
.manual-grid .body-item .btn-download {display: block; width:18px; height: 18px;}

.notice-search {margin-bottom: var(--padding-40); text-align: center;}
.notice-search .search {max-width: 400px; margin: 0 auto; ; position: relative;}
.notice-search .search .input {padding-right: 45px;  width: 100%; height: 38px; border-radius: 0;}
.notice-search .search .btn-pack {padding: 0; position: absolute; right: 0; top: 0; width: 40px; height: 38px; background-color: transparent; border: none; text-indent: -999em; background-position: left center; background-image: url(../images/sub/notice-search.png); background-repeat: no-repeat; background-size: 16px auto;}


.notice-list table { table-layout: fixed;  width: 100%; }
.notice-list table .col-width1 {width: 11%;}
.notice-list table .col-width2 {width: auto;}
.notice-list table .col-width3 {width: 14%;}
.notice-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-bottom: 1px solid #242424;}
.notice-list table th,
.notice-list table td {padding:12px 5px; }
.notice-list table thead th {color:#fff; font-weight:500; background:#454545; font-size: 14px;}
.notice-list table tbody td {color:#505050; font-weight:400; line-height:1.7em; text-align:center; border-bottom:1px solid #ddd;}
.notice-list table tbody tr:last-child td {border-bottom: none;}
.notice-list table tbody td.subject {text-align:left; padding-left:15px;}
.notice-list table tbody td img {vertical-align:middle; margin:-.2em 2px 0; width: clamp(10px, calc( 14 / var(--inner) * 100vw ), 14px);}
.notice-list table tbody td a:hover {text-decoration:underline;}
.notice-list table .no-list {padding: var(--padding-65) 0; text-align: center; color: var(--color-body);}  
.notice-list-wrap .board-buttons .btn-pack:hover {background: #242424; border-color: #242424; color: #fff;}
.notice-list-wrap .board-buttons .btn-pack {min-width: 100px;}
.notice-list-wrap .buttons .fr {float: left;}

.familysite {position:relative; display:inline-block; width:100% !important;}
.familysite .toggle-button {display:flex; justify-content:center; align-items:center; gap: 10px; width:100%; padding:0 15px; background:none; border:0; color:#fff; font-weight:500; line-height:1.5em; }
.familysite .toggle-button .txt {width:36px; font-size: 14px;} 
.familysite .toggle-button .chevron {width:12px;}
.familysite .toggle-button svg {display:block; width:100%; height:auto;}
.familysite .toggle-button path {fill:#fff;}
.familysite .toggle-layer {display:none; position:absolute; left:0; margin-top: 10px; width:100%; background:#fff; border:1px solid #ddd; border-top:0;}
.familysite .toggle-layer ul li:not(:last-child) {border-bottom:1px dotted #ddd;}
.familysite .toggle-layer a {display:block; padding:6px 15px; color:#868686; font-weight:500; line-height:1.5em;}
.familysite .toggle-layer a:hover {background:#f7f7f7; color:#2c2c2c;}
.familysite.active .toggle-button .chevron {transform:scaleY(-1);}

.contact-background {position: absolute; inset:0; z-index: -1;}
.contact-background picture {position: absolute; inset:0;}
.contact-background img {width:100%; height:100%; object-fit: cover;}
.contact-container {position: relative;}
/* .contact-container {background: url(../images/sub/contact-bg.jpg) no-repeat center center / cover; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none;}
.contact-container,
.contact-container * {user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; pointer-events: none;} */
.contact-container::selection,
.contact-container *::selection {background: transparent; color: inherit;}
.contact-container img {-webkit-user-drag: none;}
.contact-container .real-cont {padding:clamp(160px, calc( 330 / var(--inner) * 100vw ), 330px) 0 clamp(100px, calc( 250 / var(--inner) * 100vw ), 250px);}
/* .contact-container .real-cont {padding:clamp(50px, calc( 140 / var(--inner) * 100vw ), 140px) 0;} */
.contactus-tit {font-size: var(--font-size-60); font-weight: bold; margin-bottom: var(--padding-100); line-height: 1;}
.contactus-list {display: flex; flex-direction: column; gap: var(--padding-60);}
.contactus-desc {margin-bottom: var(--padding-20); font-size: var(--font-size-27); color: #808080; font-weight: 500;}
.contactus-email {display: inline-flex; align-items: center; justify-content: center; padding:5px 10px; background: #E6E6E6; border-radius: 8px; font-size: var(--font-size-27);font-weight: bold; color: #231815; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none;}
.contact-container #contArea {/*display: flex;align-items: center;*/height: 100vh;}

/* 잠시 숨김 */
/* .product-info .item:nth-child(3),
.product-info .item:nth-child(5) {display:none;}
.join-phone-row .join-btn-verify {display:none;} */

/* 임시 */
/* .copy .join-phone-row .join-btn-verify {display:block;} */