@font-face{font-family:WellnessSans_B;src:url('https://namuhx-static.mock.pe.kr/fonts/WellnessSans-Bold_0207-2.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:WellnessSans_R;src:url('https://namuhx-static.mock.pe.kr/fonts/WellnessSans-Regular_0207-2.ttf') format('truetype');font-weight:400;font-display:swap}
@scope (#official-main) {
.gsap-marker-scroller-end, .gsap-marker-scroller-start {z-index: 100;}

#contents {padding: 0; margin: 0; max-width: initial;}
.sub_content {display: block; max-width: none;}

#wrap, #container, #contents, .content { min-width: initial; background-color: #000; }

* { box-sizing: border-box; word-break: keep-all; }

a { color: inherit; }

.img_box { overflow: hidden; }
.img_box img { width: 100%; height: 100%; backface-visibility: hidden; will-change: transform; }
.img_box .temporary{width: 580px; height: 580px; background-color: #303030;}

.video_box { overflow: hidden; }
.video_box video { display: block; width: 100%; height: 100%; object-fit: cover; text-align: center; }

.colspan_2 { grid-column: span 2; }
.colstart_2 { grid-column-start: 2; }

#smooth-wrapper { background-color: #000;}
#scroll-container { width: 100%; height: 100vh;}

section { position: relative; width: 100%; overflow: hidden; }
.full_section { height: 100vh; }

.namu_logo {position: relative;}
.namu_logo::after { content: ''; position: relative; top: -0.5em; left: 0.1em; display: inline-flex; width: 0.46em; height: 0.45em; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/logo_x_skyblue.svg"); }

sup { font-size: 0.6em; }
sub { font-size: 0.6em; }
[data-sup] { cursor: pointer; }

.color_mint { color: var(--brandcolor-normal); }

.m_hide { display: var(--display-origin, block) !important; }
.m_show { display: none !important; }

@media screen and (max-width: 1024px) and (orientation: portrait) {
    /* #wrap {overflow: hidden;} */

    .m_hide { display: none !important; }
    .m_show { display: var(--display-origin, block) !important; }
}


/* floating btns */
.floating_btns { position: absolute; bottom: 100px; right: 100px; z-index: 10; }
.floating_btns .toggle_btn { display: flex; justify-content: center; align-items: center; width: 80px; height: 80px; border-radius: 50%; background: var(--brandcolor-normal); }
.floating_btns .circle_btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background-color: var(--brandcolor-normal); z-index: -1;}

/* popup */
.popup_box { visibility: hidden; opacity: 0; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -45%); width: 90%; max-width: 1120px; max-height: calc(100vh - 79px); opacity: 0; }
.popup_box.full { width: 100%; height: 100%; max-width: none; max-height: none; border-radius: 0; text-align: center; }
.popup_box.full .popup_inner { border-radius: 0; background-color: var(--greycolor-grey08); }
.popup_box .popup_inner .scroll_area { position: relative; }

.popup_box .video_box video { background-color: transparent; }

.popup_360 .btn_popup_close { z-index: 2000; }

.popup_box .popup_inner { height: 100%; max-height: inherit; border-radius: 20px; overflow-x: hidden; overflow-y: auto;  background-color: #fff; }
.popup_box .popup_inner::-webkit-scrollbar { width: 10px; }
.popup_box .popup_inner::-webkit-scrollbar-track { background: transparent; }
.popup_box .popup_inner::-webkit-scrollbar-thumb { background-color: var(--greycolor-grey04); border-radius: 10px; border: 3px solid var(--greycolor-grey04); }
.popup_box .popup_inner::-webkit-scrollbar-button,
.popup_box .popup_inner::-webkit-scrollbar-button { height: 0px; background-color: transparent; }
.popup_box .popup_inner::-webkit-scrollbar-button:vertical:start:decrement,
.popup_box .popup_inner::-webkit-scrollbar-button:vertical:start:increment { display: block; height: 10px; }
.popup_box .popup_inner::-webkit-scrollbar-button:vertical:end:increment,
.popup_box .popup_inner::-webkit-scrollbar-button:vertical:end:decrement { display: block; height: 10px; }

.popup_box.popup_07 { max-width: 1400px; }
.popup_box.popup_07 .popup_inner { border-radius: 24px; background-color: transparent !important; }
.popup_box.popup_07 .btn_popup_close { background-color: #f1f1f1; top: -60px; }
.popup_box.popup_07 .btn_popup_close:before,
.popup_box.popup_07 .btn_popup_close:after { background-color: #000; }
.popup_box.popup_07 .popup07_title { position: absolute; top: -77px; left: 18px; display:flex; align-items: flex-end; gap: 15px; font-size: 18px; z-index: 5; }


/* header 여백 추가 */
.section_kv .mode_change_btn,
.section_kv .exp_btn_box { margin-top: 80px; }

/* 라이트 모드 */
/* body.light_mode { color: #000; }
body.light_mode #smooth-wrapper,
body.light_mode .section_overview .overview_box,
body.light_mode .section_overview .overview_pod,
body.light_mode .section_overview .overview_wrapper { background-color: #fff; }
body.light_mode .section_overview .overview_pod .text_box { background-color: #f1f1f1; }
body.light_mode .section_overview .overview_box .overview_img .overview_title { color: #fff; } */

[data-mode="light"] { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; }

/* media pc ----------------------------------------------------------------------------- */
.popup_box .popup_tabs { display: inline-flex; padding: 4px; border-radius: 16px; background-color: #fff; }
.popup_box .popup_tab { display: flex; justify-content: center; align-items: center; width: 140px; height: 46px; font-size: 16px; color: var(--greycolor-grey08); }
.popup_box .popup_tab.on { border-radius: 10px; background-color: var(--greycolor-grey08); color: #fff; font-weight: 600; }

.bottom_nav { display: flex; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); padding: 6px 18px; border-radius: 16px; background-color: #1D1D1F; font-size: 16px; z-index: 10; }
.bottom_nav .nav_list { display: flex; }
.bottom_nav .nav_list li { position: relative; padding: 20px 10px;}
.bottom_nav .nav_list li:first-child{padding: 20px 32px 20px 10px; margin-right: 22px; color:#85E0D2;}
/* .bottom_nav .nav_list li:last-child{margin-right: 22px;} */
.bottom_nav .nav_list li:first-child:before { content: ''; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%); display: block; width: 1px; height: 66px; background-color: rgba(255, 255, 255, 0.2); }
.bottom_nav .nav_list a {line-height: 1.6;}
.bottom_nav .nav_list a.on { font-weight: 500; color:#85E0D2;}
.bottom_nav .nav_list a + a { margin-left: 20px; }
.bottom_nav .btn_reserve { display: block; padding: 24px; border-radius: 10px; background-color: var(--brandcolor-normal); color: #0F0F0F; font-weight: 600; }
.bottom_nav_mo {display: none;}

/* common title */
.title_box { text-align: center; }
.title_box .eyebrow { margin-bottom: 16px; font-size: 28px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
.title_box .title { margin-bottom: 16px; font-size: 60px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.title_box .sub_title { margin-bottom: 2px; font-size: 28px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.title_box .desc { font-size: 18px; line-height: 1.6; color: var(--greycolor-grey05); }

.popup_btn { display: inline-flex; align-items: center; gap: 0.3em; margin-top: 40px; font-size: 18px; font-weight: 600; line-height: 1.6;}
.popup_btn::after { content: ''; display: block; width: 24px; height: 24px; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_plus_icon.svg"); }


/* section_kv */
.section_kv { display: flex; align-items: center; width: 100%; height: 100vh; padding-top: 80px;}
.section_kv .video_box { height: 100%;}

.section_kv .mode_change_btn { position: absolute; left: 60px; top: 60px; display: block; width: 95px; height: 38px; padding: 5px; border: 1px solid var(--greycolor-grey07); border-radius: 20px; background-color: var(--greycolor-grey08); z-index: 5; }
.section_kv .mode_change_btn .mode_inner { display: block; }
.section_kv .mode_change_btn .mode_circle { display: block; width: 26px; height: 26px; margin-left: auto; background-color: var(--brandcolor-normal); border-radius: 50%; box-shadow: 0px 0px 6px 0px #0000004D; }
.section_kv .mode_change_btn .mode_text { position: absolute; top: 50%; transform: translateY(-50%); width: 38px; text-align: center; font-size: 14px; font-weight: 600; cursor: pointer; }
.section_kv .mode_change_btn .mode_text.dark { left: 15px; color: var(--brandcolor-normal); }
.section_kv .mode_change_btn .mode_text.light { right: 15px; color: var(--greycolor-grey05); }
.section_kv .mode_change_btn .mode_title { position: absolute; left: 50%; bottom: -12px; transform: translate(-50%, 100%); font-size: 12px; }

.section_kv .exp_btn_box { position: absolute; top: 60px; right: 60px; display: flex; gap: 16px; }
.section_kv .exp_btn_box .exp_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; width: 80px; height: 80px; border: 1px solid var(--greycolor-grey07); border-radius: 16px; background-color: var(--greycolor-grey08); font-size: 12px; }
.section_kv .exp_btn_box .exp_btn .exp_icon { width: 40px; }
.section_kv .exp_btn_box .exp_btn svg { width: 40px; height: 40px; }

/* section_topview */
.section_topview { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.section_topview .topview_img { width: 80vmin; height: 80vmin; flex-shrink: 0; }
.section_topview .topview_img img { object-fit: cover; }
.section_topview .topview_txt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 62px; font-family:'NAMUH X Sans Bold',var(--namu-bold); text-align: center; }

/* section_overview */
/* .section_overview .overview_area:nth-child(1), */
.section_overview .overview_area:nth-child(2) { margin-top: -100vh; }

.section_overview .overview_box { position: relative; height: 100vh; background-color: #000; }
.section_overview .overview_box .overview_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 338px; height: 450px; border-radius: 40px; z-index: 2; }
.section_overview .overview_box .overview_img img { width: 100%; height: 100%; object-fit: cover; }
.section_overview .overview_box .overview_img .overview_title { width: 100vw; color: #fff; }

.section_overview .overview_box .overview_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; width: 100vw; padding: 0 80px; font-size: 18px; }
.section_overview .overview_box .left_txt { flex-shrink: 0; width: 200px; }
.section_overview .overview_box .center_txt { position: relative; width: 100%; font-size: 80px; text-align: center; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.section_overview .overview_box .center_txt .text_inner { display: block; }
.section_overview .overview_box .center_txt .text_inner:nth-child(2) { position: absolute; top: 50%; left: 0; transform: translateY(-50%); visibility: hidden; width: 100%; }
.section_overview .overview_box .right_txt { flex-shrink: 0; width: 200px; text-align: right; }

.section_overview .overview_wrapper { position: relative; padding: 60px 0 160px; z-index: 5; }
.section_overview .overview_wrapper.bg_gray {background-color: var(--greycolor-grey08);}
.section_overview .overview_pod { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1800px; margin: 0 auto; }
.section_overview #overview00 .overview_pod, #overview01 .overview_pod { background-color: var(--greycolor-grey08); }
.section_overview .overview_pod .overview_card { display: flex; flex-direction: row-reverse; gap: 30px; grid-column-start: 1; grid-column-end: 4; }
.section_overview .overview_pod .overview_card.img_left,
.section_overview .overview_pod .overview_card:nth-child(even) { flex-direction: row; }
.section_overview .overview_pod .overview_card.type_right { grid-column-start: 2; }
.section_overview .overview_pod .overview_card.type_left { grid-column-end: 3; }

.section_overview .overview_pod .overview_card > div { height: 580px; border-radius: 44px; overflow: hidden; }


.section_overview .overview_pod .img_box { width: 100%; }

.section_overview .overview_pod .text_box { position: relative; display: flex; flex-direction: column; justify-content: flex-end; flex-shrink: 0; width: 580px; padding: 60px; border-radius: 40px; background-color: var(--greycolor-grey08); will-change: transform; }
.section_overview .overview_pod .text_box.bg_black { background-color: #000;}
.section_overview .overview_pod .text_box .overview_icon { position: absolute; top: 60px; left: 60px; width: 48px; }
.section_overview .overview_pod .text_box .pod_title { margin-bottom: 24px; font-size: 40px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.section_overview .overview_pod .text_box .pod_desc { font-size: 18px; line-height: 1.6; will-change: transform; }
.section_overview .overview_pod .text_box .pod_noti { position: relative; margin-top: 8px; padding-left: 12px; font-size: 14px; line-height: 1.6; color: var(--greycolor-grey05); }
.section_overview .overview_pod .text_box .pod_noti li::before { content: '*'; position: absolute; left: 0; }

.section_overview .overview_pod .video_phone { position: relative; height: 580px; background-color: #0E0E0F; }
.section_overview .overview_pod .video_phone video { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 215px; border-radius: 24px; }

.section_overview .title_box { margin: 100px 0 60px; }

.section_overview .overview_slide { max-width: 1800px; margin: 30px auto 0; }
.section_overview .overview_slide .swiper-wrapper { gap: 30px; width: 100%; }
.section_overview .overview_slide .swiper-slide { display: flex; flex-direction: column; flex-shrink: 1; align-self: stretch; width: 885px; height: auto; padding: 20px 20px 40px; border-radius: 40px; background-color: var(--greycolor-grey08); }
.section_overview .overview_slide .slide_img { flex-shrink: 0; height: 334px; margin-bottom: 28px; border-radius: 32px; background-color: #000; overflow: hidden; }
.section_overview .overview_slide .slide_img.type_square { background-color: #fff; }
.section_overview .overview_slide .slide_img.type_square video { width: 240px; margin: 0 auto; }
.section_overview .overview_slide .slide_title { flex-shrink: 0; margin-bottom: 12px; padding: 0 16px; font-size: 28px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.section_overview .overview_slide .slide_desc { flex-shrink: 0; padding: 0 16px; font-size: 16px; line-height: 1.6; }
.section_overview .overview_slide .slide_noti { display: flex; padding: 0 16px; flex-direction: column; justify-content: flex-end; height: 100%; }
.section_overview .overview_slide .slide_noti li { position: relative; padding-left: 10px; font-size: 14px; line-height: 1.6; color: var(--greycolor-grey05); }
.section_overview .overview_slide .slide_noti li:before { content: '*'; position: absolute; left: 0; }

.section_overview .overview_slide .overview_control { display: none; }

/* s: tablet 1500px 적용 영역 ------------------------------------------------------------------ */
/* section_solution */
.section_solution .product_name { margin-bottom: 28px; font-size: 144px; line-height: 0.9; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
.section_solution .product_wellness { margin-bottom: 3px; font-size: 28px; line-height: 1.2; color: var(--brandcolor-normal); font-family:'NAMUH X Sans Bold',var(--namu-bold); letter-spacing: 0.03rem;}
.section_solution .sammary_area { padding: 120px 0; }
.section_solution .sammary_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; width: 1480px; margin: 30px auto 0; padding: 0 10px; box-sizing: content-box; }
.section_solution .sammary_list .sammary_box { position: relative; }
.section_solution .sammary_list .sammary_box .sammary_txt { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 28px 48px; font-size: 18px; color: var(--greycolor-grey05); text-align: center; line-height: 1.6; }
.section_solution .sammary_list .sammary_box .sammary_txt strong { display: inline-block; padding: 12px 34px; border-radius: 40px; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: #fff; background-color: var(--greycolor-grey08); line-height: 1.2; }

.section_solution .solution_kv { position: relative; max-width: 1920px; margin: 0 auto; }
.section_solution .solution_kv .title_box { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }

.section_solution .solution_box { padding: 60px 0 120px; }
.section_solution .update_list { display: flex; gap: 6px; width: 1212px; margin: 24px auto 0; }
.section_solution .update_list.list01 { margin-bottom: 40px; }
.section_solution .update_list.list02 { grid-template-columns: repeat(4, 1fr); margin: 12px auto 0;}
.section_solution .update_list .update_item { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 260px; padding: 43px 0 12px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; background-color: var(--greycolor-grey08); }
.section_solution .update_list.list02 .update_item { flex-shrink: 1; height: 218px; }
.section_solution .update_list .update_item::after { content: ''; position: absolute; top: 20px; right: 20px; display: block; width: 32px; height: 32px; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_lock_off.svg"); }
.section_solution .update_list .update_item.unlock::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_unlock_off.svg"); }
.section_solution .update_list .update_item .update_icon { margin-bottom:4px; width: 76px; }
.section_solution .update_list .update_item .update_icon svg{ width: 76px; height: 77px; }
.section_solution .update_list .update_item .update_name { font-size: 18px; color: var(--greycolor-grey05); line-height: 1.6; }
.section_solution .update_list .update_item .update_date { width: 100%; margin-top: 12px; font-size: 16px; line-height: 1.6; text-align: center; color: var(--greycolor-grey05); }
.section_solution .update_list.list02 .update_item .update_date { margin-top: 0; }
.section_solution .update_noti { width: 1212px; margin: 16px auto 0; font-size: 16px; color: var(--greycolor-grey06); }

.section_solution .update_list .update_item.active { position: relative; padding-top: 45px; border-color: var(--brandcolor-normal); background-color: var(--greycolor-grey07); }
.section_solution .update_list .update_item.active::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_lock_on.svg"); }
.section_solution .update_list .update_item.unlock.active::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_unlock_on.svg"); }
.section_solution .update_list .update_item.active .update_icon svg path { fill: #85E0D2; }
.section_solution .update_list .update_item.active .update_name { margin-bottom: 4px; padding: 4px 20px; border-radius: 20px; background-color: var(--greycolor-grey08); color: var(--brandcolor-normal); line-height: 1.32; }
.section_solution .update_list .update_item.active .update_date { color: var(--greycolor-grey04); }

.section_solution .function_area { padding: 344px 0; height: 960px; background: top center no-repeat; background-size: 100% 960px; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_funtion_bg_pc.png"); }

/* .section_solution .function_video { padding-top: 160px; }
.section_solution .function_video .video_box { position: relative; top: -160px; width: 1200px; height: 670px; border-radius: 40px; background-color: #333; margin: 0 auto 80px; }
.section_solution .function_video .video_box video { width: 100%; height: 100%; } */
.section_solution .function_title { margin-bottom: 60px; font-size: 32px; text-align: center; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
/* .section_solution .funciton_box { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; padding: 0 20px; } */
.section_solution .function_product { font-size: 20px; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
.section_solution .function_product strong { display: block; margin-top: 16px; font-size: 144px; line-height: 130px; }
.section_solution .function_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 40px; width: 1345px; margin: 0 auto; }
.section_solution .function_list li { padding-top: 16px; border-top: 1px solid #38383A; }
.section_solution .function_list .function_icon { width: 40px; margin-bottom: 24px; }
.section_solution .function_list .function_desc { display: flex; flex-direction: column; justify-content: flex-end; font-size: 16px; line-height: 1.6; color: #8D8D8D;letter-spacing: -0.01em;}
.section_solution .function_list .function_name { position: relative; display: block; width: 110%; margin-top: 8px; font-size: 24px; color: #fff; font-family:'NAMUH X Sans Bold',var(--namu-bold); }

/* section_extra */
.section_extra { padding: 60px 0 160px; background-color: #000;}
.section_extra .inner { width: 1200px; margin: 0 auto; }
.section_extra .sec_title { margin-bottom: 60px; font-size: 80px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }


.section_extra .extra_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.section_extra .extra_grid .extra_card { position: relative; border-radius: 40px; background-color: var(--greycolor-grey08); height: 676px; overflow: hidden; }
.section_extra .extra_grid .extra_card.flexcol{ display: flex; flex-direction: column; justify-content: space-between;}
.section_extra .extra_grid .extra_card.bg_none { background-color: transparent; }
.section_extra .extra_grid .extra_card .txt_box { padding: 60px 60px 40px; will-change: transform; }
.section_extra .extra_grid .extra_card .txt_box .title { margin-bottom: 24px; font-size: 40px; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.section_extra .extra_grid .extra_card .txt_box .desc { font-size: 18px; line-height: 1.6; }
.section_extra .extra_grid .extra_card.colspan_2{height: 100%;}
.section_extra .extra_grid .extra_card.colspan_2 .txt_box { position: absolute; top: 0; left: 0; will-change: transform;display: flex; flex-direction: column; justify-content: center; width: 50%; height: 100%; }
.section_extra .extra_grid .extra_card.colspan_2.txt_right .txt_box { left: auto; right: 0; }

/* section_notice */
.section_notice { padding: 80px 0 100px; background-color: #0D0F12; }
.section_notice .noti_list { width: 1200px; margin: 0 auto; }
.section_notice .noti_list li { padding-left: 1.5em; text-indent: -1.5em; font-size: 16px; line-height: 1.6; color: var(--greycolor-grey05); }
.section_notice .noti_list li [data-sup-num] { cursor: pointer; }

/* 팝업 */
.popup_box { border-radius: 20px; }

.popup_grid { padding: 80px; }
.popup_grid .popup_title { margin-bottom: 40px; font-size: 52px; color: #0F0F0F; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.popup_grid .grid_area { display: grid; gap: 20px 0; grid-template-columns: repeat(2, 1fr); }
.popup_grid .grid_area .video_box,
.popup_grid .grid_area .img_box { border-radius: 40px; }
.popup_grid .grid_area .img_box img { height: auto; }
.popup_grid .grid_area .txt_box { display: flex; flex-direction: column; justify-content: center; padding: 0 60px; }
.popup_grid .grid_area .txt_box .grid_eyebrow { margin-bottom: 8px; font-size: 20px; color: var(--greycolor-grey05); font-family:'NAMUH X Sans',var(--namu-regular); }
.popup_grid .grid_area .txt_box .grid_title { margin-bottom: 24px; font-size: 32px; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--greycolor-grey08); }
.popup_grid .grid_area .txt_box .grid_desc { font-size: 18px; color: var(--greycolor-grey06); letter-spacing: -0.01em;}
.popup_grid .grid_area .txt_box .grid_noti { margin-top: 8px; font-size: 14px; line-height: 1.6; color: var(--greycolor-grey06);}
.popup_grid .grid_area .txt_box .grid_noti li { position: relative; padding-left: 12px; }
.popup_grid .grid_area .txt_box .grid_noti li + li { margin-top: 2px; }
.popup_grid .grid_area .txt_box .grid_noti li::before { content: '*'; position: absolute; left: 0; }

.popup_grid .grid_area > div:nth-child(3) { grid-column: 2; grid-row: 2; }
.popup_grid .grid_area > div:nth-child(4) { grid-column: 1; grid-row: 2; }
.popup_grid .grid_area > div:nth-child(7) { grid-column: 2; grid-row: 4; }
.popup_grid .grid_area > div:nth-child(8) { grid-column: 1; grid-row: 4; }

.popup_noti { margin: 0 80px 80px; padding: 32px 40px; border-radius: 40px; background-color: var(--greycolor-grey02); }
.popup_noti .noti_title { margin-bottom: 12px; font-size: 16px; color: var(--greycolor-grey06); font-weight: 600; }
.popup_noti .noti_content { font-size: 14px; line-height: 1.6; color: var(--greycolor-grey06); font-weight: 500; }
.popup_noti .noti_content .noti_item { position: relative; padding-left: 8px; }
.popup_noti .noti_content .noti_item + .noti_item { margin-top: 2px; }
.popup_noti .noti_content .noti_item::before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--greycolor-grey06); }
.popup_noti .noti_content .noti_item span { display: block; font-weight: 400; }

.popup_noti .noti_content.type_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 0; }
.popup_noti .noti_content.type_margin .noti_item { margin-top: 12px; }

.popup_noti .noti_content + .noti_title { margin-top: 32px; }
.popup_noti .noti_table{margin-top: 24px; text-align: right;}
.popup_noti .noti_table .accordion_tit{ display: inline-block; position: relative; padding-right: 26px; font-size: 14px; font-weight: 500; line-height: 1.6; color:var(--greycolor-grey06); text-align: right; cursor: pointer;}
.popup_noti .noti_table .accordion_tit::after { content: ''; display: block; position: absolute; top:2px; right:0; width: 18px; height: 18px; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_accordion_icon.svg"); }
.popup_noti .noti_table .accordion_tit.open::after { transform: rotate(-180deg);}
.popup_noti .noti_table .accordion_cont{margin-top:12px;}
.popup_noti .noti_table .accordion_cont .img_box{border-radius: 22px;}

.popup_box .popup_inner .airsensor_more_btn { display: flex; justify-content: center; align-items: center; gap: 8px; width: 100%; max-height: 82px; margin-top: 40px; padding: 28px 24px; color: var(--greycolor-grey00); font-size: 20px; font-weight: 600; background-color: var(--greycolor-grey08); border-radius: 16px; }
.popup_box .popup_inner .airsensor_more_btn img { width: 18px; height: 18px; }

/* .popup_360 .swiper-container { width: 640px; height: 738px; margin: 0 auto; }
.popup_360 .swiper-slide { width: 640px; height: 738px; opacity: 1 !important; } */

.popup_360 .drag_dummy { width: 300%; position: absolute; margin-left: -100%; height: 100%; z-index: 2; }

.popup_360 .turn_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100%; padding: 40px 0; }
.popup_360 .turn_box { position: relative; width: 640px; margin: 0 auto; }
/* .popup_360 .turn_prd { margin: 40px 0; } */
.popup_360 .turn_alert { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 14px; line-height: 1.6; color: #fff; }
.popup_360 .turn_alert .turn_icon { width: 80px; margin: 0 auto 12px; }
.popup_360 .turn_noti { margin-top: 24px; font-size: 14px; color: var(--greycolor-grey05); }

.popup_exp .video_box { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.popup_exp .video_box video { height: auto; object-fit: contain; }
.popup_exp .popup_tabs { position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); }

.popup_designer { height: 740px; }
.popup_designer .designer_txt { position: absolute; left: 0; bottom: 0; display: flex; gap: 30px; width: 100%; padding: 80px; }
.popup_designer .designer_txt .designer_name { flex-shrink: 0; width: 300px; font-size: 32px; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.popup_designer .designer_txt .designer_name .designer_eyebrow { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1.6; color: var(--greycolor-grey05); font-family:'NAMUH X Sans','pretendard', sans-serif; }
.popup_designer .designer_txt .designer_desc { font-size: 18px; line-height: 1.6; }

.popup_face .popup_inner { max-height: 720px;}
.popup_face .swiper-contianer { position: relative; }
.popup_face .swiper-slide { padding: 80px 80px 0; }
.popup_face .popup_arrow { position: absolute; bottom: 225px; right: 174px; width: 36px; height: 36px; border-radius: 50%; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_slide_arrow.svg"); background-size: 9px 14px; background-color: #f1f1f1; z-index: 5; cursor: pointer;}
.popup_face .popup_arrow.prev { right: auto; left: 174px; transform: rotate(180deg); }
.popup_face .popup_arrow.swiper-button-disabled { opacity: 0.5; }
.popup_face .face_txt { margin-bottom: 40px; text-align: center; }
.popup_face .face_txt .face_title { margin-bottom: 24px; font-size: 32px; line-height: 1.2; color: #000; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
.popup_face .face_txt .face_desc { font-size: 18px; line-height: 1.6; color: var(--greycolor-grey06); }
.popup_face .face_img { margin: 0 auto; width: 658px; }

.popup105_swiper .popup105_arrow  { position: absolute; bottom: 224px; right: 22px; width: 32px; height: 32px; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup105_slide_arrow.svg"); background-size: 32px 32px; cursor: pointer; z-index: 5;}
.popup105_swiper .popup105_arrow.prev { right: auto; left: 22px; transform: rotate(180deg); will-change: transform;}
.popup105_swiper  .popup105_arrow.swiper-button-disabled { opacity: 0.5; }


.popup_box .popup_inner .popup_grid.design { display: flex; flex-direction: column; align-items: center; padding-bottom: 0; }
.popup_box .popup_inner .popup_grid.design .design_title { font-family:'NAMUH X Sans Bold',var(--namu-bold); font-size: 52px;  color: var(--greycolor-grey08); line-height: 1.2; }
.popup_box .popup_inner .popup_grid.design .design_desc { font-size: 18px; font-weight: 500; line-height: 1.6; margin-top: 4px; color: var(--greycolor-grey05);}
.popup_box .popup_inner .popup_grid.design .usp_popup_tab { display: flex; flex-direction: column; align-items: center; margin-top: 32px; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul { display: flex; flex-direction: row; align-items: center; gap: 6px; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li { flex: auto; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button { height: 42px; padding: 0 23px; border: 1px solid var(--greycolor-grey04); border-radius: 21px; font-size: 16px; font-weight: 500; line-height: 1.6; color: var(--greycolor-grey05); white-space: nowrap; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button.active { font-size: 16px; font-weight: 600; color: #fff; background-color: var(--subcolor-blue-normal); border-color: var(--subcolor-blue-normal); }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents { width: 100%; margin-top: 20px; display: grid; grid-template-columns: 1fr; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box { width: 100%; display: flex; flex-direction: column; align-items: center; grid-column: 1 / span 1; grid-row: 1 / span 1; transition: opacity 0.15s; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box:not(.active) { z-index: 0; opacity: 0; pointer-events: none; height: 0; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box.active { z-index: 0; opacity: 1; pointer-events: auto; height: auto; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .tab_contents_text {margin-bottom: 8px; font-size: 18px; font-weight: 500; color: var(--greycolor-grey07); line-height: 1.6; text-align: center; }
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box { width: 100%; max-width: 658px;}
.popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box :is(video, img) { width: 100%; height: auto; }

/* e: tablet 1500px 적용 영역 ------------------------------------------------------------------ */

.floating_noti { position: fixed; left: 50px; bottom: 48px; padding: 20px 72px 20px 24px; border: 1px solid #0000; border-radius: 12px; background: linear-gradient(90deg, #060606, #060606) padding-box, linear-gradient(180deg, #85E0D2 0%, rgba(133, 224, 210, 0.2)) border-box; line-height: 1.6; z-index: 10; font-size: 18px; }
.floating_noti .btn_anchor { display: inline-flex; align-items: center; font-size: 20px; font-weight: 600; }
.floating_noti .btn_anchor::after { content: ''; display: inline-block; width: 22px; height: 22px; margin-right: 2; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/intro/intro_icon_link.svg"); }
.floating_noti .btn_close { position: absolute; top: 20px; right: 24px; width: 24px; height: 24px; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/intro/intro_icon_close.svg"); }

/* media tablet ----------------------------------------------------------------------------- */
@media screen and (max-width: 1920px) {
    .popup_box .popup_tabs { display: inline-flex; padding: 0.2083vw; border-radius: 0.8333vw; background-color: #fff; }
    .popup_box .popup_tab { display: flex; justify-content: center; align-items: center; width: 7.2917vw; height: 2.3958vw; font-size: 0.8333vw; color: var(--greycolor-grey08); }
    .popup_box .popup_tab.on { border-radius: 0.5208vw; background-color: var(--greycolor-grey08); color: #fff; font-weight: 600; }

    .bottom_nav { display: flex; position: fixed; bottom: 1.0417vw; left: 50%; transform: translateX(-50%); padding: 0.3125vw 0.9375vw; border-radius: 0.8333vw; background-color: #1D1D1F; font-size: 0.8333vw; z-index: 10; }
    .bottom_nav .nav_list { display: flex; }
    .bottom_nav .nav_list li { position: relative; padding: 1.0417vw 0.5208vw;}
    .bottom_nav .nav_list li:first-child{padding: 1.0417vw 1.6667vw 1.0417vw 0.5208vw; margin-right: 1.1458vw; color:#85E0D2;}
    /* .bottom_nav .nav_list li:last-child{margin-right: 1.1458vw;} */
    .bottom_nav .nav_list li:first-child:before { content: ''; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%); display: block; width: 0.0521vw; height: 3.4375vw; background-color: rgba(255, 255, 255, 0.2); }
    .bottom_nav .nav_list a { line-height: 1.6;}
    .bottom_nav .nav_list a.on { font-weight: 500; color:#85E0D2;}
    .bottom_nav .nav_list a + a { margin-left: 1.0417vw; }
    .bottom_nav .btn_reserve { display: block; padding: 1.2500vw; border-radius: 0.5208vw; background-color: var(--brandcolor-normal); color: #0F0F0F; font-weight: 600; }
    .bottom_nav_mo {display: none;}

    .floating_noti { position: fixed; left: 2.6042vw; bottom: 2.5000vw; padding: 1.0417vw 3.7500vw 1.0417vw 1.2500vw; border: 0.0521vw solid #0000; border-radius: 0.6250vw; background: linear-gradient(90deg, #060606, #060606) padding-box, linear-gradient(180deg, #85E0D2 0%, rgba(133, 224, 210, 0.2)) border-box; line-height: 1.6; z-index: 10; font-size: 0.9375vw; }
    .floating_noti .btn_anchor { display: inline-flex; align-items: center; font-size: 1.0417vw; font-weight: 600; }
    .floating_noti .btn_anchor::after { content: ''; display: inline-block; width: 1.1458vw; height: 1.1458vw; margin-right: 2; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/intro/intro_icon_link.svg"); }
    .floating_noti .btn_close { position: absolute; top: 1.0417vw; right: 1.2500vw; width: 1.2500vw; height: 1.2500vw; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/intro/intro_icon_close.svg"); }


    /* common title */
    .title_box { text-align: center; }
    .title_box .eyebrow { margin-bottom: 0.2083vw; font-size: 1.4583vw; line-height: 1.6; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
    .title_box .title { margin-bottom: 0.8333vw; font-size: 3.1250vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .title_box .sub_title { margin-bottom: 0.1042vw; font-size: 1.4583vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .title_box .desc { font-size: 0.9375vw; line-height: 1.6; color: var(--greycolor-grey05); }

    .popup_btn { display: inline-flex; align-items: center; gap: 0.3em; margin-top: 2.0833vw; font-size: 0.9375vw; font-weight: 600; line-height: 1.6;}
    .popup_btn::after { content: ''; display: block; width: 1.2500vw; height: 1.2500vw; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_plus_icon.svg"); }


    /* section_kv */
    .section_kv { display: flex; align-items: center; width: 100%; height: 100vh; padding-top: 80px;}

    .section_kv .mode_change_btn { position: absolute; left: 3.1250vw; top: 3.1250vw; display: block; width: 4.9479vw; height: 1.9792vw; padding: 0.2604vw; border: 0.0521vw solid var(--greycolor-grey07); border-radius: 1.0417vw; background-color: var(--greycolor-grey08); z-index: 5; }
    .section_kv .mode_change_btn .mode_inner { display: block; }
    .section_kv .mode_change_btn .mode_circle { display: block; width: 1.3542vw; height: 1.3542vw; margin-left: auto; background-color: var(--brandcolor-normal); border-radius: 50%; box-shadow: 0.0000vw 0.0000vw 0.3125vw 0.0000vw #0000004D; }
    .section_kv .mode_change_btn .mode_text { position: absolute; top: 50%; transform: translateY(-50%); width: 1.9792vw; text-align: center; font-size: 0.7292vw; font-weight: 600; cursor: pointer; }
    .section_kv .mode_change_btn .mode_text.dark { left: 0.7813vw; color: var(--brandcolor-normal); }
    .section_kv .mode_change_btn .mode_text.light { right: 0.7813vw; color: var(--greycolor-grey05); }
    .section_kv .mode_change_btn .mode_title { position: absolute; left: 50%; bottom: -0.6250vw; transform: translate(-50%, 100%); font-size: 0.6250vw; }

    .section_kv .exp_btn_box { position: absolute; top: 3.1250vw; right: 3.1250vw; display: flex; gap: 0.8333vw; }
    .section_kv .exp_btn_box .exp_btn { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0.2083vw; width: 4.1667vw; height: 4.1667vw; border: 0.0521vw solid var(--greycolor-grey07); border-radius: 0.8333vw; background-color: var(--greycolor-grey08); font-size: 0.6250vw; }
    .section_kv .exp_btn_box .exp_btn .exp_icon { width: 2.0833vw; }
    .section_kv .exp_btn_box .exp_btn svg { width: 2.0833vw; height: 2.0833vw; }

    /* section_topview */
    .section_topview { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; }
    .section_topview .topview_img { width: 80vmin; height: 80vmin; flex-shrink: 0; }
    .section_topview .topview_img img { object-fit: cover; }
    .section_topview .topview_txt { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 3.2292vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); text-align: center; }

    /* section_overview */

    .section_overview .overview_box { position: relative; height: 100vh; background-color: #000; }
    .section_overview .overview_box .overview_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 17.6042vw; height: 23.4375vw; border-radius: 2.0833vw; z-index: 2; }
    .section_overview .overview_box .overview_img img { width: 100%; height: 100%; object-fit: cover; }
    .section_overview .overview_box .overview_img .overview_title { width: 100vw; color: #fff; }

    .section_overview .overview_box .overview_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; width: 100vw; padding: 0 4.1667vw; font-size: 0.9375vw; }
    .section_overview .overview_box .left_txt { flex-shrink: 0; width: 10.4167vw; }
    .section_overview .overview_box .center_txt { position: relative; width: 100%; font-size: 4.1667vw; text-align: center; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .section_overview .overview_box .center_txt .text_inner { display: block; }
    .section_overview .overview_box .center_txt .text_inner:nth-child(2) { position: absolute; top: 50%; left: 0; transform: translateY(-50%); visibility: hidden; width: 100%; }
    .section_overview .overview_box .right_txt { flex-shrink: 0; width: 10.4167vw; text-align: right; }

    .section_overview .overview_wrapper { position: relative; padding: 3.1250vw 0 8.3333vw; z-index: 5; }
    .section_overview .overview_wrapper.bg_gray {background-color: var(--greycolor-grey08);}

    .section_overview .overview_pod { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5625vw; max-width: 93.7500vw; margin: 0 auto; }
    .section_overview #overview00 .overview_pod, #overview01 .overview_pod { background-color: var(--greycolor-grey08); }

    .section_overview .overview_pod .overview_card { display: flex; flex-direction: row-reverse; gap: 1.5625vw; grid-column-start: 1; grid-column-end: 4; }
    .section_overview .overview_pod .overview_card.img_left,
    .section_overview .overview_pod .overview_card:nth-child(even) { flex-direction: row; }
    .section_overview .overview_pod .overview_card.type_right { grid-column-start: 2; }
    .section_overview .overview_pod .overview_card.type_left { grid-column-end: 3; }

    .section_overview .overview_pod .overview_card > div { height: 30.2083vw; border-radius: 2.2917vw; overflow: hidden; }

    .section_overview .overview_pod .img_box { width: 100%; }

    .section_overview .overview_pod .text_box { position: relative; display: flex; flex-direction: column; justify-content: flex-end; flex-shrink: 0; width: 30.2083vw; padding: 3.1250vw; border-radius: 2.0833vw; background-color: var(--greycolor-grey08); will-change: transform; }
    .section_overview .overview_pod .text_box .overview_icon { position: absolute; top: 3.1250vw; left: 3.1250vw; width: 2.5000vw; }
    .section_overview .overview_pod .text_box .pod_title { margin-bottom: 1.2500vw; font-size: 2.0833vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .section_overview .overview_pod .text_box .pod_desc { font-size: 0.9375vw; line-height: 1.6; will-change: transform; }
    .section_overview .overview_pod .text_box .pod_noti { position: relative; margin-top: 0.4167vw; padding-left: 0.6250vw; font-size: 0.7292vw; line-height: 1.6; color: var(--greycolor-grey05); }
    .section_overview .overview_pod .text_box .pod_noti::before { content: '*'; position: absolute; left: 0; }

    .section_overview .title_box { margin: 5.2083vw 0 3.1250vw; }

    .section_overview .overview_slide { max-width: 93.7500vw; margin: 1.5625vw auto 0; }
    .section_overview .overview_slide .swiper-wrapper { gap: 1.5625vw; width: 100%; }
    .section_overview .overview_slide .swiper-slide { display: flex; flex-direction: column; flex-shrink: 1; align-self: stretch; width: 46.0938vw; height: auto; padding: 1.0417vw 1.0417vw 2.0833vw; border-radius: 2.0833vw; background-color: var(--greycolor-grey08); }
    .section_overview .overview_slide .slide_img { flex-shrink: 0; height: 17.3958vw; margin-bottom: 1.4583vw; border-radius: 1.6667vw; background-color: #000; overflow: hidden; }
    .section_overview .overview_slide .slide_img.type_square { background-color: #fff; }
    .section_overview .overview_slide .slide_img.type_square video { width: 12.5000vw; margin: 0 auto; }
    .section_overview .overview_slide .slide_title { flex-shrink: 0; margin-bottom: 0.6250vw; padding: 0 0.8333vw; font-size: 1.4583vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .section_overview .overview_slide .slide_desc { flex-shrink: 0; padding: 0 0.8333vw; font-size: 0.8333vw; line-height: 1.6; }
    .section_overview .overview_slide .slide_noti { display: flex; padding: 0 0.8333vw; flex-direction: column; justify-content: flex-end; height: 100%; }
    .section_overview .overview_slide .slide_noti li { position: relative; padding-left: 0.5208vw; font-size: 0.7292vw; line-height: 1.6; color: var(--greycolor-grey05); }
    .section_overview .overview_slide .slide_noti li:before { content: '*'; position: absolute; left: 0; }

    .section_overview .overview_slide .overview_control { display: none; }
}

@media screen and (max-width: 1500px) {
    /* s: tablet 100.0000vw 적용 영역 ------------------------------------------------------------------ */
    /* section_solution */
    .section_solution .product_name { margin-bottom: 1.8667vw; font-size: 9.6000vw; line-height: 0.9; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
    .section_solution .product_wellness { margin-bottom: 0.2000vw; font-size: 1.8667vw; line-height: 1.2; color: var(--brandcolor-normal); font-family:'NAMUH X Sans Bold',var(--namu-bold); }

    .section_solution .sammary_area { padding: 8.0000vw 0; }
    .section_solution .sammary_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.0000vw; width: 98.6667vw; margin: 2.0000vw auto 0; padding: 0 0.6667vw; box-sizing: content-box; }
    .section_solution .sammary_list .sammary_box { position: relative; }
    .section_solution .sammary_list .sammary_box .sammary_txt { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.8667vw 3.2000vw; font-size: 1.2000vw; color: var(--greycolor-grey05); text-align: center; line-height: 1.6; }
    .section_solution .sammary_list .sammary_box .sammary_txt strong { display: inline-block; padding: 0.8000vw 2.2667vw; border-radius: 2.6667vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: #fff; background-color: var(--greycolor-grey08); line-height: 1.2; }

    .section_solution .solution_kv { position: relative; max-width: 128.0000vw; margin: 0 auto; }
    .section_solution .solution_kv .title_box { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); }

    .section_solution .solution_box { padding: 4.0000vw 0 8.0000vw; }
    .section_solution .update_list { display: flex; gap: 0.4000vw; width: 80.8000vw; margin: 1.6000vw auto 0; }
    .section_solution .update_list.list01 { margin-bottom: 2.6667vw; }
    .section_solution .update_list.list02 { grid-template-columns: repeat(4, 1fr); margin: 0.8000vw auto 0;}
    .section_solution .update_list .update_item { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; height: 17.3333vw; padding: 2.8667vw 0 0.8000vw; border: 0.0667vw solid rgba(255, 255, 255, 0.12); border-radius: 1.3333vw; background-color: var(--greycolor-grey08); }
    .section_solution .update_list.list02 .update_item {height: 14.5333vw; }
    .section_solution .update_list .update_item::after { content: ''; position: absolute; top: 1.3333vw; right: 1.3333vw; display: block; width: 2.1333vw; height: 2.1333vw; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_lock_off.svg"); }
    .section_solution .update_list .update_item.unlock::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_unlock_off.svg"); }
    .section_solution .update_list .update_item .update_icon { margin-bottom:0.2667vw; width: 5.0667vw; }
    .section_solution .update_list .update_item .update_icon svg{ width: 5.0667vw; height: 5.1333vw; }
    .section_solution .update_list .update_item .update_name { font-size: 1.2000vw; color: var(--greycolor-grey05); line-height: 1.6; }
    .section_solution .update_list .update_item .update_date { width: 100%; margin-top: 0.8000vw; font-size: 1.0667vw; line-height: 1.6; text-align: center; color: var(--greycolor-grey05); }
    .section_solution .update_list.list02 .update_item .update_date { margin-top: 0; }
    .section_solution .update_noti { width: 80.8000vw; margin: 1.0667vw auto 0; font-size: 1.0667vw; color: var(--greycolor-grey06); }

    .section_solution .update_list .update_item.active { position: relative; padding-top: 3.0000vw; border-color: var(--brandcolor-normal); background-color: var(--greycolor-grey07); }
    .section_solution .update_list .update_item.active::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_lock_on.svg"); }
    .section_solution .update_list .update_item.unlock.active::after { background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_unlock_on.svg"); }
    .section_solution .update_list .update_item.active .update_icon svg path { fill: #85E0D2; }
    .section_solution .update_list .update_item.active .update_name { margin-bottom: 0.2667vw; padding: 0.2667vw 1.3333vw; border-radius: 1.3333vw; background-color: var(--greycolor-grey08); color: var(--brandcolor-normal); line-height: 1.32; }
    .section_solution .update_list .update_item.active .update_date { color: var(--greycolor-grey04); }

    .section_solution .function_area { padding: 22.9333vw 0; height: 64.0000vw; background: top center no-repeat; background-size: 128.0000vw 64.0000vw; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_funtion_bg_pc.png"); }

    /* .section_solution .function_video { padding-top: 10.6667vw; }
    .section_solution .function_video .video_box { position: relative; top: -10.6667vw; width: 80.0000vw; height: 44.6667vw; border-radius: 2.6667vw; background-color: #333; margin: 0 auto 5.3333vw; }
    .section_solution .function_video .video_box video { width: 100%; height: 100%; } */
    .section_solution .function_title { margin-bottom: 4.0000vw; font-size: 2.1333vw; text-align: center; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    /* .section_solution .funciton_box { display: flex; justify-content: space-between; width: 80.0000vw; margin: 0 auto; padding: 0 1.3333vw; } */
    .section_solution .function_product { font-size: 1.3333vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
    .section_solution .function_product strong { display: block; margin-top: 1.0667vw; font-size: 9.6000vw; line-height: 8.6667vw; }
    .section_solution .function_list { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2.6667vw; width: 89.6667vw; margin: 0 auto; }
    .section_solution .function_list li { padding-top: 1.0667vw; border-top: 0.0667vw solid #38383A; }
    .section_solution .function_list .function_icon { width: 2.6667vw; margin-bottom: 1.6000vw; }
    .section_solution .function_list .function_desc { display: flex; flex-direction: column; justify-content: flex-end; font-size: 1.0667vw; line-height: 1.6; color: #8D8D8D; }
    .section_solution .function_list .function_name { position: relative; display: block; width: 110%; margin-top: 0.5333vw; font-size: 1.6000vw; color: #fff; font-family:'NAMUH X Sans Bold',var(--namu-bold); }

    /* section_extra */
    .section_extra { padding: 4.0000vw 0 10.6667vw;}
    .section_extra .inner { width: 80.0000vw; margin: 0 auto; }
    .section_extra .sec_title { margin-bottom: 4.0000vw; font-size: 5.3333vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }

    .section_extra .extra_grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.0000vw; }
    .section_extra .extra_grid .extra_card { position: relative; border-radius: 2.6667vw; background-color: var(--greycolor-grey08); height: 45.0667vw; overflow: hidden; }
    .section_extra .extra_grid .extra_card .txt_box { padding: 4.0000vw 4.0000vw 2.6667vw; will-change: transform; }
    .section_extra .extra_grid .extra_card .txt_box .title { margin-bottom: 1.6000vw; font-size: 2.6667vw; line-height: 1.2; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .section_extra .extra_grid .extra_card .txt_box .desc { font-size: 1.2000vw; line-height: 1.6; }

    .section_extra .extra_grid .extra_card.colspan_2{height: 100%;}
    .section_extra .extra_grid .extra_card.colspan_2 .txt_box { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; width: 50%; height: 100%; }
    .section_extra .extra_grid .extra_card.colspan_2.txt_right .txt_box { left: auto; right: 0; }

    /* section_notice */
    .section_notice { padding: 5.3333vw 0 6.6667vw; background-color: #0D0F12; }
    .section_notice .noti_list { width: 80.0000vw; margin: 0 auto; }
    .section_notice .noti_list li { padding-left: 1.5em; text-indent: -1.5em; font-size: 1.0667vw; line-height: 1.6; color: var(--greycolor-grey05); }

    /* 팝업 */
    .popup_box { border-radius: 1.3333vw; }

    .popup_grid { padding: 5.3333vw; }
    .popup_grid .popup_title { margin-bottom: 2.6667vw; font-size: 3.4667vw; color: #0F0F0F; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .popup_grid .grid_area { display: grid; gap: 1.3333vw 0; grid-template-columns: repeat(2, 1fr); }
    .popup_grid .grid_area .video_box,
    .popup_grid .grid_area .img_box { border-radius: 2.6667vw; }
    .popup_grid .grid_area .img_box img { height: auto; }
    .popup_grid .grid_area .txt_box { display: flex; flex-direction: column; justify-content: center; padding: 0 4.0000vw; }
    .popup_grid .grid_area .txt_box .grid_eyebrow { margin-bottom: 0.5333vw; font-size: 1.3333vw; color: var(--greycolor-grey05); font-family:'NAMUH X Sans',var(--namu-regular); }
    .popup_grid .grid_area .txt_box .grid_title { margin-bottom: 1.6000vw; font-size: 2.1333vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--greycolor-grey08); }
    .popup_grid .grid_area .txt_box .grid_desc { font-size: 1.2000vw; color: var(--greycolor-grey06); }
    .popup_grid .grid_area .txt_box .grid_noti { margin-top: 0.5333vw; font-size: 0.9333vw; line-height: 1.6; color: var(--greycolor-grey06);}
    .popup_grid .grid_area .txt_box .grid_noti li { position: relative; padding-left: 0.8000vw; }
    .popup_grid .grid_area .txt_box .grid_noti li + li { margin-top: 0.1333vw; }
    .popup_grid .grid_area .txt_box .grid_noti li::before { content: '*'; position: absolute; left: 0; }

    .popup_grid .grid_area > div:nth-child(3) { grid-column: 2; grid-row: 2; }
    .popup_grid .grid_area > div:nth-child(4) { grid-column: 1; grid-row: 2; }
    .popup_grid .grid_area > div:nth-child(7) { grid-column: 2; grid-row: 4; }
    .popup_grid .grid_area > div:nth-child(8) { grid-column: 1; grid-row: 4; }

    .popup_noti { margin: 0 5.3333vw 5.3333vw; padding: 2.1333vw 2.6667vw; border-radius: 2.6667vw; background-color: var(--greycolor-grey02); }
    .popup_noti .noti_title { margin-bottom: 0.8000vw; font-size: 1.0667vw; color: var(--greycolor-grey06); font-weight: 600; }
    .popup_noti .noti_content { font-size: 0.9333vw; line-height: 1.6; color: var(--greycolor-grey06); font-weight: 500; }
    .popup_noti .noti_content .noti_item { position: relative; padding-left: 0.5333vw; }
    .popup_noti .noti_content .noti_item + .noti_item { margin-top: 0.1333vw; }
    .popup_noti .noti_content .noti_item::before { content: ''; position: absolute; left: 0; top: 0.6000vw; display: block; width: 0.2000vw; height: 0.2000vw; border-radius: 50%; background-color: var(--greycolor-grey06); }
    .popup_noti .noti_content .noti_item span { display: block; font-weight: 400; }

    .popup_noti .noti_content.type_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8000vw 0; }
    .popup_noti .noti_content.type_margin .noti_item { margin-top: 0.8000vw; }
    .popup_noti .noti_content + .noti_title { margin-top: 2.1333vw; }

    .popup_noti .noti_table{margin-top: 1.6000vw; text-align: right;}
    .popup_noti .noti_table .accordion_tit{ display: inline-block; position: relative; padding-right: 1.7333vw; font-size: 0.9333vw; font-weight: 500; line-height: 1.6; color:var(--greycolor-grey06); text-align: right;}
    .popup_noti .noti_table .accordion_tit::after { content: ''; display: block; position: absolute; top:0.1333vw; right:0; width: 1.2000vw; height: 1.2000vw; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_accordion_icon.svg"); }
    .popup_noti .noti_table .accordion_tit.open::after { transform: rotate(-180deg);}

    .popup_box .popup_inner .airsensor_more_btn { gap: 0.4167vw; max-height: 4.2708vw; margin-top: 2.0833vw; padding: 1.4583vw 1.2500vw; font-size: 1.0417vw; border-radius: 0.8333vw; }
    .popup_box .popup_inner .airsensor_more_btn img { width: 0.9375vw; height: 0.9375vw; }

    /* .popup_360 .swiper-container { width: 42.6667vw; height: 49.2000vw; margin: 0 auto; }
    .popup_360 .swiper-slide { width: 42.6667vw; height: 49.2000vw; opacity: 1 !important; } */

    .popup_360 .drag_dummy { width: 300%; position: absolute; margin-left: -100%; height: 100%; z-index: 2; }

    .popup_360 .turn_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100%; padding: 2.6667vw 0; }
    .popup_360 .turn_box { position: relative; width: 42.6667vw; margin: 0 auto; }
    /* .popup_360 .turn_prd { margin: 2.6667vw 0; } */
    .popup_360 .turn_alert { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 0.9333vw; line-height: 1.6; color: #fff; }
    .popup_360 .turn_alert .turn_icon { width: 5.3333vw; margin: 0 auto 0.8000vw; }
    .popup_360 .turn_noti { margin-top: 1.6000vw; font-size: 0.9333vw; color: var(--greycolor-grey05); }

    .popup_exp .video_box { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
    .popup_exp .video_box video { height: auto; object-fit: contain; }
    .popup_exp .popup_tabs { position: absolute; bottom: 4.0000vw; left: 50%; transform: translateX(-50%); }

    .popup_designer { height: 49.3333vw; }
    .popup_designer .designer_txt { position: absolute; left: 0; bottom: 0; display: flex; gap: 2.0000vw; width: 100%; padding: 5.3333vw; }
    .popup_designer .designer_txt .designer_name { flex-shrink: 0; width: 20.0000vw; font-size: 2.1333vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .popup_designer .designer_txt .designer_name .designer_eyebrow { display: block; margin-bottom: 0.5333vw; font-size: 0.9333vw; line-height: 1.6; color: var(--greycolor-grey05); font-family:'NAMUH X Sans','pretendard', sans-serif; }
    .popup_designer .designer_txt .designer_desc { font-size: 1.2000vw; line-height: 1.6; }

    .popup_face .popup_inner { max-height: 48.0000vw;}
    .popup_face .swiper-contianer { position: relative; }
    .popup_face .swiper-slide { padding: 5.3333vw 5.3333vw 0; }
    .popup_face .popup_arrow { position: absolute; bottom: 15.0000vw; right: 11.6000vw; width: 2.4000vw; height: 2.4000vw; border-radius: 50%; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_slide_arrow.svg"); background-size: 0.6000vw 0.9333vw; background-color: #f1f1f1; z-index: 5; cursor: pointer;}
    .popup_face .popup_arrow.prev { right: auto; left: 11.6000vw; transform: rotate(180deg); }
    .popup_face .popup_arrow.swiper-button-disabled { opacity: 0.5; }
    .popup_face .face_txt { margin-bottom: 2.6667vw; text-align: center; }
    .popup_face .face_txt .face_title { margin-bottom: 1.6000vw; font-size: 2.1333vw; line-height: 1.2; color: #000; font-family:'NAMUH X Sans Bold',var(--namu-bold); }
    .popup_face .face_txt .face_desc { font-size: 1.2000vw; line-height: 1.6; color: var(--greycolor-grey06); }
    .popup_face .face_img { margin: 0 auto; width: 43.8667vw; }

    .popup105_swiper .popup105_arrow  { position: absolute; bottom: 14.9333vw; right: 1.4667vw; width: 2.1333vw; height: 2.1333vw; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup105_slide_arrow.svg"); background-size: 2.1333vw 2.1333vw; cursor: pointer; z-index: 5;}
    .popup105_swiper .popup105_arrow.prev { right: auto; left: 1.4667vw; transform: rotate(180deg); will-change: transform;}
    .popup105_swiper  .popup105_arrow.swiper-button-disabled { opacity: 0.5; }

    .popup_box .popup_inner .popup_grid.design { display: flex; flex-direction: column; align-items: center; padding-bottom: 0; }
    .popup_box .popup_inner .popup_grid.design .design_title { font-family:'NAMUH X Sans Bold',var(--namu-bold); font-size: 3.4667vw;  color: var(--greycolor-grey08); line-height: 1.2; }
    .popup_box .popup_inner .popup_grid.design .design_desc { font-size: 1.2000vw; font-weight: 500; line-height: 1.6; margin-top: 0.2667vw; color: var(--greycolor-grey05);}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab { display: flex; flex-direction: column; align-items: center; margin-top: 2.1333vw; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul { display: flex; flex-direction: row; align-items: center; gap: 0.4000vw; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li { flex: auto; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button { height: 2.8000vw; padding: 0 1.5333vw; border: 0.0667vw solid var(--greycolor-grey04); border-radius: 1.4000vw; font-size: 1.0667vw; font-weight: 500; line-height: 1.6; color: var(--greycolor-grey05); white-space: nowrap; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button.active { font-size: 1.0667vw; font-weight: 600; color: #fff; background-color: var(--subcolor-blue-normal); border-color: var(--subcolor-blue-normal); }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents { width: 100%; margin-top: 1.3333vw; display: grid; grid-template-columns: 1fr; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box { width: 100%; display: flex; flex-direction: column; align-items: center; grid-column: 1 / span 1; grid-row: 1 / span 1; transition: opacity 0.15s; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box:not(.active) { z-index: 0; opacity: 0; pointer-events: none; height: 0; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box.active { z-index: 0; opacity: 1; pointer-events: auto; height: auto; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .tab_contents_text {margin-bottom: 0.5333vw; font-size: 1.2000vw; font-weight: 500; color: var(--greycolor-grey07); line-height: 1.6; text-align: center; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box { width: 100%; max-width: 43.8667vw;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box :is(video, img) { width: 100%; height: auto; }

    .popup_box.popup_07 { max-width: 80vw; }
    .popup_box.popup_07 .popup_inner { border-radius: 1.2500vw; }
    .popup_box.popup_07 .btn_popup_close { top: -4.5vw; }
    .popup_box.popup_07 .popup07_title { top: -6vw; left: 10px; font-size: 0.9375vw; }
    /* e: tablet 100.0000vw 적용 영역 ------------------------------------------------------------------ */
}

/* media mo ----------------------------------------------------------------------------- */
@media screen and (max-width: 1024px) and (orientation: portrait) {
    .section_kv { padding-top: 70px; }
    .section_kv .exp_btn_box { margin-top: 70px; }
    /* vw 미반영 --------------------------------- */

    .btn_popup_close { top: 20px; right: 20px; width: 30px; height: 30px; }
    .btn_popup_close::after, .btn_popup_close::before { left: 50%; top: 50%; width: 14px;}
    .btn_popup_close::after { transform: translate(-50%, -50%) rotate(-45deg);}
    .btn_popup_close::before { transform: translate(-50%, -50%) rotate(45deg);}

    .popup_box.popup_07 { max-width: 100%; width: calc(100% - 40px); height: auto; top:45%; left: 20px; transform: none; }
    .popup_box.popup_07 .popup_inner { border-radius: 1.2500vw; }
    .popup_box.popup_07 .video_box { width: 100%; height: 100%; }
    .popup_box.popup_07 .popup07_title { position: fixed; width: 100%; top: 20vw; left: none; font-size: 3.7333vw; align-items: center; flex-direction: column; }
    .popup_box.popup_07 .btn_popup_close {position: fixed; top: 20px; right: 20px;}

    .bottom_nav {display: none;}
    .bottom_nav_mo {display: flex; align-items: center; gap:10px; position: fixed; top: 0; left: 0; padding: 8px; width: 100%; background-color: #000; font-size: 14px; z-index: 10; }
    .bottom_nav_mo .btn_reserve { display: block; width: 84px; height: 40px; line-height: 40px; border-radius: 10px; background-color: var(--brandcolor-normal); color: #1D1D1F; font-weight: 600; flex-shrink: 0; text-align: center;}

    /* .floating_noti { left: 50%; bottom: 40px; transform: translateX(-50%); width: 263px; padding: 12px 16px; border-width: 1px; border-radius: 16px; font-size: 14px; } */
    .floating_noti {  visibility: hidden; left: 50%; bottom: 40px; transform: translateX(-50%); width: 263px; padding: 12px 16px; border-width: 1px; border-radius: 16px; font-size: 14px; }
    .floating_noti .btn_anchor { margin-top: 4px; font-size: 16px; }
    .floating_noti .btn_anchor::after { width: 18px; height: 18px; margin-right: 0; }
    .floating_noti .btn_close { top: 12px; right: 16px; width: 18px; height: 18px; }

    /* common */
    .title_box .eyebrow { margin-bottom: 2px; font-size: 18px; }
    .title_box .title { margin-bottom: 0; font-size: 24px; line-height: 1.5; }
    .title_box .sub_title { margin-bottom: 4px; font-size: 18px; line-height: 1.5; font-family:'NAMUH X Sans Bold',var(--namu-bold); letter-spacing: -0.02em; }
    .title_box .desc { font-size: 16px; line-height: 1.4;}

    .popup_btn { margin-top: 16px; font-size: 16px; }
    .popup_btn::after { width: 24px; height: 24px; }
    .popup_btn.interaction{position: relative;}
    .popup_btn.interaction::after{position: absolute; top: 50%; right: -30px; transform: translateY(-50%);}

    .popup_box.mo_toast { top: auto; bottom: 0; width: 100%; transform: translateX(-50%); height: 0; max-height: 80vh; opacity: 1; }
    .popup_box.mo_toast .popup_inner { border-radius: 20px 20px 0 0; }

    .popup_box .popup_tabs { padding: 6px; border-radius: 16px; }
    .popup_box .popup_tab { width: 120px; height: 40px; font-size: 14px; }
    .popup_box .popup_tab.on { border-radius: 10px; }

     /* section_kv */
    .section_kv { height: auto; display: flex; align-items: center; width: 100%; }
    .section_kv .video_box video { height: auto; }
    .section_kv .exp_btn_box { position: absolute; top: 375px; right: 0; display: flex; gap: 16px; }
    .section_kv .exp_btn_box .exp_btn { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 12px; width: 62px; height: 56px; border: 1px solid var(--greycolor-grey07); border-radius: 12px 0 0 12px; border-right-width: 0; font-size: 12px; }
    .section_kv .exp_btn_box .exp_btn .exp_icon { width: 32px; }
    .section_kv .exp_btn_box .exp_btn svg { width: 32px; height: 32px; }

    /* section_topview */
    .section_topview .topview_img { width: 95vmin; height: 95vmin; }
    .section_topview .topview_txt { font-size: 34px; }

    /* section_solution */
    .section_solution .product_name { margin-bottom: 12px; font-size: 68px; line-height: 1; }
    .section_solution .product_wellness { margin-bottom: 2px; font-size: 18px; line-height: 1.5; }
    .section_solution .sammary_area { padding: 40px 0; }
    .section_solution .sammary_list { grid-template-columns: 1fr; gap: 12px; width: 100%; margin-top: 30px; padding: 0 20px; box-sizing: border-box; }
    .section_solution .sammary_list .sammary_box .sammary_txt { padding: 32px 20px; font-size: 16px; }
    .section_solution .sammary_list .sammary_box .sammary_txt strong { padding: 12px 34px; border-radius: 40px; font-size: 18px; }

    .section_solution .solution_kv .title_box { top: 120px; transform: none; padding: 0 20px; }

    .section_solution .solution_box { padding: 40px 20px; overflow: hidden; }
    .section_solution .solution_box .swiper-container { overflow: visible; }
    .section_solution .update_list { flex-direction: column; gap: 4px; width: 100%; margin: 32px auto 0; }
    .section_solution .update_list.list01 { margin-bottom: 32px; }
    .section_solution .update_list.list02 { flex-direction: row; margin: 12px auto 0; gap: 0; transition-timing-function: linear !important;}
    .section_solution .update_list .update_item { justify-content: center; height: 172px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 20px; }
    .section_solution .update_list.list02 .update_item { flex-shrink: 0; width: 164px; height: 172px; margin-right: 8px; }
    .section_solution .update_list.list02 .update_item:last-child { margin-right: 0; }
    .section_solution .update_list .update_item::after { display: none; }
    .section_solution .update_list .update_item .update_icon { width: 64px; height: 64px; margin-bottom: 8px; }
    .section_solution .update_list .update_item .update_icon svg { width: 100%; height: auto;}
    .section_solution .update_list .update_item .update_name { font-size: 16px; }
    .section_solution .update_list .update_item .update_date { position: static; font-size: 14px; }
    .section_solution .update_noti { width: 100%; margin: 16px auto 0; font-size: 14px; text-align: right; }

    .section_solution .update_list .update_item.active {box-shadow: none; padding-top: 0;}
    .section_solution .update_list .update_item.active::after { display: block; top: 10px; left: 10px; right: auto; width: 32px; height: 32px; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_check_mo.svg"); }
    .section_solution .update_list .update_item.active .update_name { margin-bottom: 4px; padding: 6px 12px; border-radius: 20px; line-height: 1.6; }

    .section_solution .function_area { background-size: 100% auto; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_funtion_bg_mo.png"); background-position: top 120px center; padding:124px 0 0 0; height: 812px;}
    .section_solution .function_title { margin-bottom: 32px; font-size: 22px;}

    .section_solution .function_video { padding-top: 50px; }
    .section_solution .function_video .video_box { top: -50px; width: 335px; height: 240px; border-radius: 20px; margin: 0 auto 50px; }

    .section_solution .funciton_box { display: block; width: 100%; padding: 0 20px; }
    .section_solution .function_product { font-size: 16px; }
    .section_solution .function_product strong { margin-top: 12px; font-size: 64px; line-height: 0.8; }
    .section_solution .function_list { grid-template-columns: repeat(2, 1fr); gap: 28px 24px; width: 100%; margin-top: 32px; }
    .section_solution .function_list li { position: relative; padding-top: 16px; border-top: 1px solid #38383A; }
    .section_solution .function_list .function_icon { width: 24px; margin-bottom: 12px; }
    .section_solution .function_list .function_desc { justify-content: flex-start; font-size: 14px; line-height: 1.6; }
    .section_solution .function_list .function_name { margin-top: 4px; font-size: 18px; line-height: 1.5; }


    /* section_design */
    .section_design { padding-bottom: 240px; background: top center no-repeat; background-size: 100% auto; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_design_bg_pc.png"); }
    .section_design .design_area { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh;}
    .section_design .design_txt p { font-size: 52px; line-height: 88px; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
    .section_design .design_txt .design_icon { display: inline-flex; width: 80px; vertical-align: top; }

    /* section_overview */
    .section_overview .overview_wrapper { padding: 0 0 40px; }
    .section_overview .overview_box .overview_img { width: 210px; height: 280px; border-radius: 20px; }
    .section_overview .overview_box .overview_img .overview_title { height: 100vh; }
    .section_overview .overview_box .overview_title { flex-direction: column; justify-content: space-between; height: 100%; padding: 95px 20px; font-size: 16px; }
    .section_overview .overview_box .center_txt { font-size: 34px; }
    .section_overview .overview_box .center_txt .text_inner em{ display: none; }
    .section_overview .overview_box .left_txt { width: 100%; text-align: center; }
    .section_overview .overview_box .right_txt { width: 100%; text-align: center; }

    .section_overview .overview_pod { max-width: none; grid-template-columns: none; gap: 40px; padding: 20px 20px 0; }
    .section_overview #overview00 .overview_pod, #overview01 .overview_pod { padding: 40px 20px 0;}
    .section_overview .overview_pod .overview_card { flex-direction: column; gap: 0; grid-column: auto; }
    .section_overview .overview_pod .overview_card.mo_reverse { flex-direction: column-reverse !important;}
    .section_overview .overview_pod .overview_card.img_left,
    .section_overview .overview_pod .overview_card:nth-child(even) { flex-direction: column; grid-column: auto; }
    .section_overview .overview_pod .overview_card.type_right { grid-column-start: initial; }
    .section_overview .overview_pod .overview_card.type_left { grid-column-end: initial; }
    .section_overview .overview_pod .overview_card > div { height: auto; border-radius: 26px; }
    .section_overview .overview_pod .overview_card > .img_box { min-height: 335px; }
    .section_overview .overview_pod .overview_card .text_box { border-radius: 0; }

    .section_overview .overview_pod .text_box { width: 100%; height: auto; padding: 40px 0 0; background-color: transparent; }
    .section_overview #overview00 .overview_pod .text_box,.section_overview #overview01 .overview_pod .text_box, .section_overview #overview03 .overview_pod .text_box { background-color: transparent;}
    .section_overview .overview_pod .text_box .overview_icon { position: static; width: 32px; margin-bottom: 20px; }
    .section_overview .overview_pod .text_box .pod_title { margin-bottom: 8px; font-size: 24px; line-height: 1.5; }
    .section_overview .overview_pod .text_box .pod_desc { font-size: 16px; }
    .section_overview .overview_pod .text_box .pod_noti { margin-top: 12px; padding-left: 12px; font-size: 14px; line-height: 1.6; }
    .section_overview .overview_pod .text_box .pod_noti::before { content: '*'; position: absolute; left: 0; }

    .section_overview .title_box { margin: 52px 0 0; }
    .section_overview .title_box.design { margin: 0; padding: 52px 0 0;}
    .section_overview .overview_slide { max-width: none; width: 100%; margin: 40px auto 0; overflow: visible; padding: 0 20px; }
    .section_overview .overview_slide .title_box { margin-bottom: 20px; }
    .section_overview .overview_slide .title_box .title { font-size: 26px; }
    .section_overview .overview_slide .swiper-wrapper { gap: 0; width: auto; }
    .section_overview .overview_slide .swiper-slide { flex-shrink: 0; width: 100%; padding: 20px 20px 32px; border-radius: 20px; }
    .section_overview .overview_slide .swiper-slide + .swiper-slide { margin-left: 8px; }
    .section_overview .overview_slide .slide_img { margin-bottom: 24px; height: 160px; border-radius: 18px; }
    .section_overview .overview_slide .slide_img.video_box { background-color: #fff; }
    .section_overview .overview_slide .slide_img.video_box video { width: auto; margin: 0 auto; }
    .section_overview .overview_slide .slide_img.type_square video { width: 160px; }
    .section_overview .overview_slide .slide_title { margin-bottom: 8px; padding: 0; font-size: 22px; line-height: 1.5;}
    .section_overview .overview_slide .slide_desc { padding: 0; font-size: 16px; }
    .section_overview .overview_slide .slide_noti { padding: 0; }
    .section_overview .overview_slide .slide_noti li { padding-left: 10px; font-size: 14px; color: var(--greycolor-grey06); }

    .section_overview .overview_slide .overview_control { display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
    .section_overview .overview_slide .overview_arrow { width: 36px; height: 36px; border-radius: 50%; background: center no-repeat; background-color: #1D1D1F; background-size: 6px 12px; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_overview_slide_icon_arrow.svg"); }
    .section_overview .overview_slide .overview_arrow.prev { transform: rotate(180deg); }
    .section_overview .overview_slide .swiper-button-disabled { opacity: 0.4; }

    /* section_extra */
    .section_extra { padding: 12px 20px 0; }
    .section_extra .inner { width: 100%; }
    .section_extra .sec_title { margin-bottom: 40px; font-size: 34px; }

    .section_extra .extra_grid { grid-template-columns: none; gap: 16px; margin-top: 20px; }
    .section_extra .extra_grid .extra_card { border-radius: 20px; height: 100%; overflow: hidden;}
    .section_extra .extra_grid .extra_card .txt_box { padding: 36px 32px 32px; }
    .section_extra .extra_grid .extra_card .txt_box .title { margin-bottom: 8px; font-size: 24px; line-height: 1.5; }
    .section_extra .extra_grid .extra_card .txt_box .desc { font-size: 16px; line-height: 1.6; }

    .section_extra .extra_grid .extra_card.colspan_2 { grid-column: auto; height: 100%;}
    .section_extra .extra_grid .extra_card.colspan_2 .txt_box { position: absolute; top: 0; left: 0;display: block; width: 100%; }




    /* section_notice */
    .section_notice { padding: 52px 20px 80px;}
    .section_notice .noti_list { width: 100%; }
    .section_notice .noti_list li { padding-left: 1em; text-indent: -1em; font-size: 14px; line-height: 1.4; }


    /* 팝업 */
    .popup_box { border-radius: 20px; transform: translate(-50%, -50%); }

    .popup_grid { padding: 60px 24px 0; }
    .popup_grid .popup_title { margin-bottom: 40px; font-size: 32px; }
    .popup_grid .grid_area { display: grid; gap: 0; grid-template-columns: 1fr; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(1) {order:2; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(2) {order:1; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(3) {order:4; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(4) {order:3; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(5) {order:6; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(6) {order:5; }
    .popup_grid .grid_area .video_box,
    .popup_grid .grid_area .img_box { border-radius: 20px; min-height: 320px; }
    .popup_grid .grid_area .txt_box { padding: 24px 0 40px; }
    .popup_grid .grid_area .txt_box .grid_eyebrow { margin-bottom: 4px; font-size: 14px; }
    .popup_grid .grid_area .txt_box .grid_title { margin-bottom: 12px; font-size: 24px; line-height: 1.6; }
    .popup_grid .grid_area .txt_box .grid_desc { font-size: 16px; }
    .popup_grid .grid_area .txt_box .grid_noti { margin-top: 12px; font-size: 14px; }
    .popup_grid .grid_area .txt_box .grid_noti li { padding-left: 12px; }
    .popup_grid .grid_area .txt_box .grid_noti li + li { margin-top: 8px; }

    .popup_grid .grid_area > div:nth-child(3),
    .popup_grid .grid_area > div:nth-child(4),
    .popup_grid .grid_area > div:nth-child(7),
    .popup_grid .grid_area > div:nth-child(8) { grid-column: initial; grid-row: initial; }

    .popup_noti { margin: 0 24px 60px; padding: 20px; border-radius: 20px; }
    .popup_noti .noti_title { margin-bottom: 4px; font-size: 16px; }
    .popup_noti .noti_content { font-size: 14px; color: var(--greycolor-grey06); font-weight: 400; }
    .popup_noti .noti_content .noti_item { position: relative; padding-left: 8px; }
    .popup_noti .noti_content .noti_item + .noti_item { margin-top: 4px; }
    .popup_noti .noti_content .noti_item::before { content: ''; position: absolute; left: 0; top: 9px; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: var(--greycolor-grey05); }

    .popup_noti .noti_content.type_grid { display: block; font-weight: 500; }
    .popup_noti .noti_content.type_grid span { margin-top: 4px; font-weight: 400; line-height: 1.6; }

    .popup_noti .noti_content + .noti_title { margin-top: 32px; }

    .popup_noti .noti_table{margin-top: 16px;}
    .popup_noti .noti_table .accordion_tit{ padding-right: 26px; font-size: 14px; font-weight: 500;}
    .popup_noti .noti_table .accordion_tit::after { top:2px; right:0; width: 18px; height: 18px; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_accordion_icon.svg"); }
    .popup_noti .noti_table .accordion_cont{margin-top:12px;}
    .popup_noti .noti_table .accordion_cont .img_box{border-radius: 12px;}

    .popup_noti .noti_sub_list li { padding-left: 22px; text-indent: -22px; }

    .popup_360 .turn_wrapper { padding: 40px 0; }
    .popup_360 .turn_box { position: relative; width: 100%; margin: 0 auto; }
    /* .popup_360 .turn_prd { margin: 40px 0 80px; } */
    .popup_360 .turn_alert { font-size: 14px; line-height: 1.6; color: #fff; }
    .popup_360 .turn_alert .turn_icon { width: 80px; margin: 0 auto 12px; }
    .popup_360 .turn_noti { margin-top: 24px; font-size: 14px; color: var(--greycolor-grey05); }

    .popup_designer { height: 732px; }
    .popup_designer .popup_inner { position: relative; }
    .popup_designer .designer_txt { display: grid; gap: 32px; width: 100%; padding: 40px 24px; }
    .popup_designer .designer_txt .designer_name { width: 100%; font-size: 28px; }
    .popup_designer .designer_txt .designer_name .designer_eyebrow { margin-bottom: 8px; font-size: 14px; }
    .popup_designer .designer_txt .designer_desc { font-size: 16px; letter-spacing: -0.01em; }


    .popup_face .popup_inner { max-height: 467px;}
    .popup_face .swiper-slide { padding: 60px 24px 0; }
    .popup_face .popup_arrow { bottom: 176px; right: 24px; width: 36px; height: 36px; background-size: 6px 12px; }
    .popup_face .popup_arrow.prev { left: 24px; }
    .popup_face .face_txt { margin-bottom: 32px; }
    .popup_face .face_txt .face_title { margin-bottom: 12px; font-size: 24px; }
    .popup_face .face_txt .face_desc { font-size: 16px; }
    .popup_face .face_img { width: 327px; }

    .popup105_swiper .swiper-slide{width: 327px;}
    .popup105_swiper .popup105_arrow  { position: absolute; bottom: 147px; right: 11.5px; width: 32px; height: 32px; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup105_slide_arrow.svg"); background-size: 32px 32px; cursor: pointer; z-index: 5;}
    .popup105_swiper .popup105_arrow.prev { right: auto; left: 11.5px; transform: rotate(180deg); }
    .popup105_swiper  .popup105_arrow.swiper-button-disabled { opacity: 0.5; }

    .popup_box .popup_inner .popup_grid.design .design_title { font-size: 34px; }
    .popup_box .popup_inner .popup_grid.design .design_desc { font-size: 14px; margin-top: 0; text-align: center;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab { margin-top: 28px; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab { width: 100%; overflow: hidden; align-items: flex-start; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul { gap: 0; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button { height: 38px; padding: 0 24px; border: 1px solid var(--greycolor-grey04); border-radius: 999px; font-size: 14px;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button.active { font-size: 14px; font-weight: 500;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .tab_contents_text {min-height: 77px; font-size: 16px; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents { margin-top: 12px; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box { max-width: 327px;}



    /* media mo vw ----------------------------------------------------------------------------- */
    .btn_popup_close { top: 5.3333vw; right: 5.3333vw; width: 8.0000vw; height: 8.0000vw; }
    .btn_popup_close::after, .btn_popup_close::before { left: 50%; top: 50%; width: 3.7333vw;}
    .btn_popup_close::after { transform: translate(-50%, -50%) rotate(-45deg);}
    .btn_popup_close::before { transform: translate(-50%, -50%) rotate(45deg);}

    .bottom_nav {display: none;}
    .bottom_nav_mo {display: flex; align-items: center; gap:2.6667vw; position: fixed; top: 0; left: 0; padding: 2.1333vw; width: 100%; background-color: #000; font-size: 3.7333vw; z-index: 10; }
    .bottom_nav_mo .btn_reserve { display: block; width: 22.4000vw; height: 10.6667vw; line-height: 10.6667vw; border-radius: 2.6667vw; background-color: var(--brandcolor-normal); color: #1D1D1F; font-weight: 600; flex-shrink: 0; text-align: center;}

    /* .floating_noti { left: 50%; bottom: 10.6667vw; transform: translateX(-50%); width: 70.1333vw; padding: 3.2000vw 4.2667vw; border-width: 0.2667vw; border-radius: 4.2667vw; font-size: 3.7333vw; } */
    .floating_noti { left: 50%; bottom: 10.6667vw; transform: translateX(-50%); width: 70.1333vw; padding: 3.2000vw 4.2667vw; border-width: 0.2667vw; border-radius: 4.2667vw; font-size: 3.7333vw; }
    .floating_noti .btn_anchor { margin-top: 1.0667vw; font-size: 4.2667vw; }
    .floating_noti .btn_anchor::after { width: 4.8000vw; height: 4.8000vw; margin-right: 0; }
    .floating_noti .btn_close { top: 3.2000vw; right: 4.2667vw; width: 4.8000vw; height: 4.8000vw; }

    /* common */
    .title_box .eyebrow { margin-bottom: 0.5333vw; font-size: 4.8000vw; }
    .title_box .title { margin-bottom: 0; font-size: 6.4000vw; line-height: 1.5; }
    .title_box .sub_title { margin-bottom: 1.0667vw; font-size: 4.8000vw; line-height: 1.5; font-family:'NAMUH X Sans Bold',var(--namu-bold); letter-spacing: -0.02em; }
    .title_box .desc { font-size: 4.2667vw; line-height: 1.4;}

    .popup_btn { margin-top: 4.2667vw; font-size: 4.2667vw; }
    .popup_btn::after { width: 6.4000vw; height: 6.4000vw; }
    .popup_btn.interaction{position: relative;}
    .popup_btn.interaction::after{position: absolute; top: 50%; right: -8.0000vw; transform: translateY(-50%);}

    .popup_box.mo_toast { top: auto; bottom: 0; width: 100%; transform: translateX(-50%); height: 0; max-height: 80vh; opacity: 1; }
    .popup_box.mo_toast .popup_inner { border-radius: 5.3333vw 5.3333vw 0 0; }

    .popup_box .popup_tabs { padding: 1.6000vw; border-radius: 4.2667vw; }
    .popup_box .popup_tab { width: 32.0000vw; height: 10.6667vw; font-size: 3.7333vw; }
    .popup_box .popup_tab.on { border-radius: 2.6667vw; }

    /* section_kv */
    .section_kv { display: flex; align-items: center; width: 100%; }
    .section_kv .video_box video { height: auto; }
    .section_kv .exp_btn_box { position: absolute; top: calc(100dvh - 23.4667vw); bottom: auto; right: unset; left: 50%; transform: translateX(-50%); display: flex; gap: 4.2667vw; margin-top: 0; }
    .section_kv .exp_btn_box .exp_btn { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 3.2000vw; width: 36vw; height: 13.6vw; border: 0.2667vw solid var(--greycolor-grey07); border-radius: 3.2000vw; font-size: 3.7333vw; font-weight: 600; box-sizing: border-box; }
    .section_kv .exp_btn_box .exp_btn .exp_icon { width: 8.5333vw; }
    .section_kv .exp_btn_box .exp_btn svg { width: 8.5333vw; height: 8.5333vw; }

    /* section_topview */
    .section_topview .topview_img { width: 95vmin; height: 95vmin; }
    .section_topview .topview_txt { font-size: 9.0667vw; }

    /* section_solution */
    .section_solution .product_name { margin-bottom: 3.2000vw; font-size: 18.1333vw; line-height: 1; }
    .section_solution .product_wellness { margin-bottom: 0.5333vw; font-size: 4.8000vw; line-height: 1.5; }
    .section_solution .sammary_area { padding: 10.6667vw 0; }
    .section_solution .sammary_list { grid-template-columns: 1fr; gap: 3.2000vw; width: 100%; margin-top: 8.0000vw; padding: 0 5.3333vw; box-sizing: border-box; }
    .section_solution .sammary_list .sammary_box .sammary_txt { padding: 8.5333vw 5.3333vw; font-size: 4.2667vw; }
    .section_solution .sammary_list .sammary_box .sammary_txt strong { padding: 3.2000vw 9.0667vw; border-radius: 10.6667vw; font-size: 4.8000vw; }

    .section_solution .solution_kv .title_box { top: 32.0000vw; transform: none; padding: 0 5.3333vw; }

    .section_solution .solution_box { padding: 10.6667vw 5.3333vw; overflow: hidden; }
    .section_solution .solution_box .swiper-container { overflow: visible; }
    .section_solution .update_list { flex-direction: column; gap: 1.0667vw; width: 100%; margin: 8.5333vw auto 0; }
    .section_solution .update_list.list01 { margin-bottom: 8.5333vw; }
    .section_solution .update_list.list02 { flex-direction: row; margin: 3.2000vw auto 0; gap: 0; transition-timing-function: linear !important;}
    .section_solution .update_list .update_item { justify-content: center; height: 45.8667vw; padding: 0; border: 0.2667vw solid rgba(255, 255, 255, 0.12); border-radius: 5.3333vw; }
    .section_solution .update_list.list02 .update_item { flex-shrink: 0; width: 43.7333vw; height: 45.8667vw; margin-right: 2.1333vw; }
    .section_solution .update_list.list02 .update_item:last-child { margin-right: 0; }
    .section_solution .update_list .update_item::after { display: none; }
    .section_solution .update_list .update_item .update_icon { width: 17.0667vw; height: 17.0667vw; margin-bottom: 2.1333vw; }
    .section_solution .update_list .update_item .update_icon svg { width: 100%; height: auto;}
    .section_solution .update_list .update_item .update_name { font-size: 4.2667vw; }
    .section_solution .update_list .update_item .update_date { position: static; font-size: 3.7333vw; }
    .section_solution .update_noti { width: 100%; margin: 4.2667vw auto 0; font-size: 3.7333vw; text-align: right; }

    .section_solution .update_list .update_item.active {box-shadow: none; padding-top: 0;}
    .section_solution .update_list .update_item.active::after { display: block; top: 2.6667vw; left: 2.6667vw; right: auto; width: 8.5333vw; height: 8.5333vw; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_update_icon_check_mo.svg"); }
    .section_solution .update_list .update_item.active .update_name { margin-bottom: 1.0667vw; padding: 1.6000vw 3.2000vw; border-radius: 5.3333vw; line-height: 1.6; }

    .section_solution .function_area { background-size: 100% auto; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_funtion_bg_mo.png"); background-position: top 32.0000vw center; padding:33.0667vw 0 0 0; height: 216.5333vw;}
    .section_solution .function_title { margin-bottom: 8.5333vw; font-size: 5.8667vw;}

    .section_solution .function_video { padding-top: 13.3333vw; }
    .section_solution .function_video .video_box { top: -13.3333vw; width: 89.3333vw; height: 64.0000vw; border-radius: 5.3333vw; margin: 0 auto 13.3333vw; }

    .section_solution .funciton_box { display: block; width: 100%; padding: 0 5.3333vw; }
    .section_solution .function_product { font-size: 4.2667vw; }
    .section_solution .function_product strong { margin-top: 3.2000vw; font-size: 17.0667vw; line-height: 0.8; }
    .section_solution .function_list { grid-template-columns: repeat(2, 1fr); gap: 7.4667vw 6.4000vw; width: 100%; margin-top: 8.5333vw; }
    .section_solution .function_list li { position: relative; padding-top: 4.2667vw; border-top: 0.2667vw solid #38383A; }
    .section_solution .function_list .function_icon { width: 6.4000vw; margin-bottom: 3.2000vw; }
    .section_solution .function_list .function_desc { justify-content: flex-start; font-size: 3.7333vw; line-height: 1.6; }
    .section_solution .function_list .function_name { margin-top: 1.0667vw; font-size: 4.8000vw; line-height: 1.5; }


    /* section_design */
    .section_design { padding-bottom: 64.0000vw; background: top center no-repeat; background-size: 100% auto; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_design_bg_pc.png"); }
    .section_design .design_area { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh;}
    .section_design .design_txt p { font-size: 13.8667vw; line-height: 23.4667vw; font-family:'NAMUH X Sans Bold',var(--namu-bold); color: var(--brandcolor-normal); }
    .section_design .design_txt .design_icon { display: inline-flex; width: 21.3333vw; vertical-align: top; }

    /* section_overview */
    .section_overview .overview_wrapper { padding: 0 0 10.6667vw; }
    .section_overview .overview_box .overview_img { width: 56.0000vw; height: 74.6667vw; border-radius: 5.3333vw; }
    .section_overview .overview_box .overview_img .overview_title { height: 100vh; }
    .section_overview .overview_box .overview_title { flex-direction: column; justify-content: space-between; height: 100%; padding: 25.3333vw 5.3333vw; font-size: 4.2667vw; }
    .section_overview .overview_box .center_txt { font-size: 9.0667vw; }
    .section_overview .overview_box .center_txt .text_inner em{ display: none; }
    .section_overview .overview_box .left_txt { width: 100%; text-align: center; }
    .section_overview .overview_box .right_txt { width: 100%; text-align: center; }

    .section_overview .overview_pod { max-width: none; grid-template-columns: none; gap: 10.6667vw; padding: 5.3333vw 5.3333vw 0; }
    .section_overview #overview00 .overview_pod, #overview01 .overview_pod { padding: 10.6667vw 5.3333vw 0;}
    .section_overview .overview_pod .overview_card { flex-direction: column; gap: 0; grid-column: auto; }
    .section_overview .overview_pod .overview_card.mo_reverse { flex-direction: column-reverse !important;}
    .section_overview .overview_pod .overview_card.img_left,
    .section_overview .overview_pod .overview_card:nth-child(even) { flex-direction: column; grid-column: auto; }
    .section_overview .overview_pod .overview_card.type_right { grid-column-start: initial; }
    .section_overview .overview_pod .overview_card.type_left { grid-column-end: initial; }
    .section_overview .overview_pod .overview_card > div { height: auto; border-radius: 6.9333vw; }
    .section_overview .overview_pod .overview_card > .img_box { min-height: 89.3333vw; }
    .section_overview .overview_pod .overview_card .text_box { border-radius: 0; }

    .section_overview .overview_pod .text_box { width: 100%; height: auto; padding: 10.6667vw 0 0; background-color: transparent; }
    .section_overview #overview00 .overview_pod .text_box,.section_overview #overview01 .overview_pod .text_box, .section_overview #overview03 .overview_pod .text_box { background-color: transparent;}
    .section_overview .overview_pod .text_box .overview_icon { position: static; width: 8.5333vw; margin-bottom: 5.3333vw; }
    .section_overview .overview_pod .text_box .pod_title { margin-bottom: 2.1333vw; font-size: 6.4000vw; line-height: 1.5; }
    .section_overview .overview_pod .text_box .pod_desc { font-size: 4.2667vw; }
    .section_overview .overview_pod .text_box .pod_noti { margin-top: 3.2000vw; padding-left: 3.2000vw; font-size: 3.7333vw; line-height: 1.6; }
    .section_overview .overview_pod .text_box .pod_noti::before { content: '*'; position: absolute; left: 0; }

    .section_overview .title_box { margin: 13.8667vw 0 0; }
    .section_overview .title_box.design { margin: 0; padding: 13.8667vw 0 0;}
    .section_overview .overview_slide { max-width: none; width: 100%; margin: 10.6667vw auto 0; overflow: visible; padding: 0 5.3333vw; }
    .section_overview .overview_slide .title_box { margin-bottom: 5.3333vw; }
    .section_overview .overview_slide .title_box .title { font-size: 6.9333vw; }
    .section_overview .overview_slide .swiper-wrapper { gap: 0; width: auto; }
    .section_overview .overview_slide .swiper-slide { flex-shrink: 0; width: 100%; padding: 5.3333vw 5.3333vw 8.5333vw; border-radius: 5.3333vw; }
    .section_overview .overview_slide .swiper-slide + .swiper-slide { margin-left: 2.1333vw; }
    .section_overview .overview_slide .slide_img { margin-bottom: 6.4000vw; height: 42.6667vw; border-radius: 4.8000vw; }
    .section_overview .overview_slide .slide_img.video_box { background-color: #fff; }
    .section_overview .overview_slide .slide_img.video_box video { width: auto; margin: 0 auto; }
    .section_overview .overview_slide .slide_img.type_square video { width: 42.6667vw; }
    .section_overview .overview_slide .slide_title { margin-bottom: 2.1333vw; padding: 0; font-size: 5.8667vw; line-height: 1.5;}
    .section_overview .overview_slide .slide_desc { padding: 0; font-size: 4.2667vw; }
    .section_overview .overview_slide .slide_noti { padding: 0; }
    .section_overview .overview_slide .slide_noti li { padding-left: 2.6667vw; font-size: 3.7333vw; color: var(--greycolor-grey06); }

    .section_overview .overview_slide .overview_control { display: flex; justify-content: flex-end; gap: 2.1333vw; margin-top: 5.3333vw; }
    .section_overview .overview_slide .overview_arrow { width: 9.6000vw; height: 9.6000vw; border-radius: 50%; background: center no-repeat; background-color: #1D1D1F; background-size: 1.6000vw 3.2000vw; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_overview_slide_icon_arrow.svg"); }
    .section_overview .overview_slide .overview_arrow.prev { transform: rotate(180deg); }
    .section_overview .overview_slide .swiper-button-disabled { opacity: 0.4; }

    /* section_extra */
    .section_extra { padding: 3.2000vw 5.3333vw 0; }
    .section_extra .inner { width: 100%; }
    .section_extra .sec_title { margin-bottom: 10.6667vw; font-size: 9.0667vw; }

    .section_extra .extra_grid { grid-template-columns: none; gap: 4.2667vw; margin-top: 5.3333vw; }
    .section_extra .extra_grid .extra_card { border-radius: 5.3333vw; height: 100%; overflow: hidden;}
    .section_extra .extra_grid .extra_card .txt_box { padding: 9.6000vw 8.5333vw 8.5333vw; }
    .section_extra .extra_grid .extra_card .txt_box .title { margin-bottom: 2.1333vw; font-size: 6.4000vw; line-height: 1.5; }
    .section_extra .extra_grid .extra_card .txt_box .desc { font-size: 4.2667vw; line-height: 1.6; }

    .section_extra .extra_grid .extra_card.colspan_2 { grid-column: auto; height: 100%;}
    .section_extra .extra_grid .extra_card.colspan_2 .txt_box { position: absolute; top: 0; left: 0;display: block; width: 100%; }




    /* section_notice */
    .section_notice { padding: 13.8667vw 5.3333vw 21.3333vw;}
    .section_notice .noti_list { width: 100%; }
    .section_notice .noti_list li { padding-left: 1em; text-indent: -1em; font-size: 3.7333vw; line-height: 1.4; }


    /* 팝업 */
    .popup_box { border-radius: 5.3333vw; }

    .popup_grid { padding: 16.0000vw 6.4000vw 0; }
    .popup_grid .popup_title { margin-bottom: 10.6667vw; font-size: 8.5333vw; }
    .popup_grid .grid_area { display: grid; gap: 0; grid-template-columns: 1fr; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(1) {order:2; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(2) {order:1; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(3) {order:4; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(4) {order:3; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(5) {order:6; }
    .popup_grid .grid_area.mo_order_reverse div:nth-child(6) {order:5; }
    .popup_grid .grid_area .video_box,
    .popup_grid .grid_area .img_box { border-radius: 5.3333vw; min-height: 85.3333vw; }
    .popup_grid .grid_area .txt_box { padding: 6.4000vw 0 10.6667vw; }
    .popup_grid .grid_area .txt_box .grid_eyebrow { margin-bottom: 1.0667vw; font-size: 3.7333vw; }
    .popup_grid .grid_area .txt_box .grid_title { margin-bottom: 3.2000vw; font-size: 6.4000vw; line-height: 1.6; }
    .popup_grid .grid_area .txt_box .grid_desc { font-size: 4.2667vw; }
    .popup_grid .grid_area .txt_box .grid_noti { margin-top: 3.2000vw; font-size: 3.7333vw; }
    .popup_grid .grid_area .txt_box .grid_noti li { padding-left: 3.2000vw; }
    .popup_grid .grid_area .txt_box .grid_noti li + li { margin-top: 2.1333vw; }

    .popup_grid .grid_area > div:nth-child(3),
    .popup_grid .grid_area > div:nth-child(4),
    .popup_grid .grid_area > div:nth-child(7),
    .popup_grid .grid_area > div:nth-child(8) { grid-column: initial; grid-row: initial; }
    .popup_grid .grid_area > div:last-child { padding-bottom: 0; }

    .popup_noti { margin: 0 6.4000vw 16.0000vw; padding: 5.3333vw; border-radius: 5.3333vw; }
    .popup_noti .noti_title { margin-bottom: 1.0667vw; font-size: 4.2667vw; }
    .popup_noti .noti_content { font-size: 3.7333vw; color: var(--greycolor-grey06); font-weight: 400; }
    .popup_noti .noti_content .noti_item { position: relative; padding-left: 2.1333vw; }
    .popup_noti .noti_content .noti_item + .noti_item { margin-top: 1.0667vw; }
    .popup_noti .noti_content .noti_item::before { content: ''; position: absolute; left: 0; top: 2.4000vw; display: block; width: 0.8000vw; height: 0.8000vw; border-radius: 50%; background-color: var(--greycolor-grey05); }

    .popup_noti .noti_content.type_grid { display: block; font-weight: 500; }
    .popup_noti .noti_content.type_grid span { margin-top: 1.0667vw; font-weight: 400; line-height: 1.6; }

    .popup_noti .noti_content + .noti_title { margin-top: 8.5333vw; }

    .popup_noti .noti_table{margin-top: 4.2667vw;}
    .popup_noti .noti_table .accordion_tit{ padding-right: 6.9333vw; font-size: 3.7333vw; font-weight: 500;}
    .popup_noti .noti_table .accordion_tit::after { top:0.5333vw; right:0; width: 4.8000vw; height: 4.8000vw; background: center / contain no-repeat; background-image: url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup_accordion_icon.svg"); }
    .popup_noti .noti_table .accordion_cont{margin-top:3.2000vw;}
    .popup_noti .noti_table .accordion_cont .img_box{border-radius: 3.2000vw;}

    .popup_noti .noti_sub_list li { padding-left: 5.8667vw; text-indent: -5.8667vw; }

    .popup_360 .turn_wrapper { padding: 10.6667vw 0; }
    .popup_360 .turn_box { position: relative; width: 100%; margin: 0 auto; }
    /* .popup_360 .turn_prd { margin: 10.6667vw 0 21.3333vw; } */
    .popup_360 .turn_alert { font-size: 3.7333vw; line-height: 1.6; color: #fff; }
    .popup_360 .turn_alert .turn_icon { width: 21.3333vw; margin: 0 auto 3.2000vw; }
    .popup_360 .turn_noti { margin-top: 6.4000vw; font-size: 3.7333vw; color: var(--greycolor-grey05); }

    .popup_designer { height: 195.2000vw; }
    .popup_designer .popup_inner { position: relative; }
    .popup_designer .designer_txt { display: grid; gap: 8.5333vw; width: 100%; padding: 10.6667vw 6.4000vw; }
    .popup_designer .designer_txt .designer_name { width: 100%; font-size: 7.4667vw; }
    .popup_designer .designer_txt .designer_name .designer_eyebrow { margin-bottom: 2.1333vw; font-size: 3.7333vw; }
    .popup_designer .designer_txt .designer_desc { font-size: 4.2667vw; letter-spacing: -0.01em; }


    .popup_face .popup_inner { max-height: 124.5333vw;}
    .popup_face .swiper-slide { padding: 16.0000vw 6.4000vw 0; }
    .popup_face .popup_arrow { bottom: 46.9333vw; right: 6.4000vw; width: 9.6000vw; height: 9.6000vw; background-size: 1.6000vw 3.2000vw; }
    .popup_face .popup_arrow.prev { left: 6.4000vw; }
    .popup_face .face_txt { margin-bottom: 8.5333vw; }
    .popup_face .face_txt .face_title { margin-bottom: 3.2000vw; font-size: 6.4000vw; }
    .popup_face .face_txt .face_desc { font-size: 4.2667vw; }
    .popup_face .face_img { width: 87.2000vw; }

    .popup105_swiper .swiper-slide{width: 87.2000vw;}
    .popup105_swiper .popup105_arrow  { position: absolute; bottom: 39.2000vw; right: 3.0667vw; width: 8.5333vw; height: 8.5333vw; background: center no-repeat url("https://www.namuhx.com/data/skin/front/no101/img/product/product_popup105_slide_arrow.svg"); background-size: 8.5333vw 8.5333vw; cursor: pointer; z-index: 5;}
    .popup105_swiper .popup105_arrow.prev { right: auto; left: 3.0667vw; transform: rotate(180deg); }
    .popup105_swiper  .popup105_arrow.swiper-button-disabled { opacity: 0.5; }

    .popup_box .popup_inner .popup_grid.design .design_title { font-size: 9.0667vw; }
    .popup_box .popup_inner .popup_grid.design .design_desc { font-size: 3.7333vw; margin-top: 0; text-align: center;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab { margin-top: 7.4667vw; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab { width: 100%; overflow: hidden; align-items: flex-start; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul { gap: 0; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button { height: 10.1333vw; padding: 0 6.4000vw; border: 0.2667vw solid var(--greycolor-grey04); border-radius: 266.4000vw; font-size: 3.7333vw;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab > ul > li button.active { font-size: 3.7333vw; font-weight: 500;}
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .tab_contents_text {min-height: 20.5333vw; font-size: 4.2667vw; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents { margin-top: 3.2000vw; }
    .popup_box .popup_inner .popup_grid.design .usp_popup_tab_contents .tab_contents_box .video_box { max-width: 87.2000vw;}

    .popup_box .popup_inner .airsensor_more_btn { gap: 1.6000vw; max-height: 17.6vw; margin:10.6667vw 0 16vw; padding: 5.3333vw 6.4vw; font-size: 4.2667vw;border-radius: 4.2667vw; }
    .popup_box .popup_inner .airsensor_more_btn img { width: 3.7333vw; height: 3.7333vw; }

}


#smooth-content {
    width: 100%;
    overflow: hidden;
}

.mobile-show {
    display: none;
}

.mobile-none {
    display: block;
}

.main-v2-section {
    padding-top: 188px;
}

.main-v2-inner {
    max-width: 1416px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.main-v2-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: white;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 1px -1px 2px rgba(255, 250, 250, 0.02);
    backdrop-filter: blur(30px);
    background-color: rgba(255, 255, 255, 0.1);
    outline: none;
    text-align: center;
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 500;
    line-height: 100%;
    font-size: 20px;
    min-width: 226px;
    height: 60px;
    border-radius: 10px;
    gap: 10px;
}

.main-v2-btn.gray {
    backdrop-filter: none;
    background-color: #C1BDB8;
    color: black;
}

.main-v2-btn.dark-gray {
    backdrop-filter: none;
    background-color: #1D1D1F;
    color: #DDDDDD;
}

.main-v2-btn.small {
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    width: auto;
    font-size: 20px;
    height: 52px;
    min-width: 157px;
    padding: 0 30px;
}

.main-v2-btn.popup_btn::after {
    display: none;
}

.main-v2-btn.main {
    min-width: 135px;
}

.video-icon {
    position: relative;
    top: 0;
    min-width: 17px;
    width: 17px;
    min-height: 17px;
    height: 17px;
}

.total-wellness-card .video-icon > img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain;
    transform: none;
}

/* main-visual */
.main-visual-section {
    width: 100%;
    margin-top: 80px;
    position: relative;
    aspect-ratio: 1920 / 800;
    /*max-height: 945px;*/
    /*min-height: 700px;*/
}
.visual-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.visual-swiper .swiper-slide {
    position: relative;
    width: 100%;
}

.visual-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    object-position: center;
    opacity: 100%;
    display: block;
}

.visual-swiper .swiper-slide > img.mobile-show {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
}

.main-visual-content-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-visual-content-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    color: white;
}

.main-visual-text-box {
    position: relative;
    z-index: 10;
    padding-top: 120px;
}

.main-visual-text-box h2 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    font-size: 60px;
    line-height: 130%;
    margin-bottom: 20px;
}

.main-visual-text-box .main-description {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 400;
    color: white;
    line-height: 160%;
    font-size: 20px;
    margin-bottom: 50px;
}

.main-visual-text-box .main-description span {
    display: block;
}

.main-button-box {
    display: flex;
    gap: 30px;
}

.main-visual-banner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.7) 16.79%, rgba(255, 255, 255, 0.2) 91.41%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5),
    inset 1px -1px 2px rgba(255, 250, 250, 0),
    0 2px 18px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(60px);
    padding: 0 50px;
    height: 154px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.main-banner-text-box h4 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    font-size: 32px;
    line-height: 125%;
    color: #1D1D1F;
    margin-bottom: 16px;
    vertical-align: sub;
}

.main-banner-text-box h4 img {
    height: 31px;
}

.main-banner-text-box p {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #1D1D1F;
}


/* tab section */
.tab-section-inner {
    position: relative;
    min-height: 453px;
}

.tab-content-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    transition: opacity 0.2s;
}

.tab-content-box.active {
    pointer-events: auto;
    opacity: 100%;
}

.tab-content-box .go-list {
    position: absolute;
    top: -10px;
    right: 0;
    transform: translateY(-100%);
    display: block;
    color: #DDDDDD;
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 500;
    line-height: 140%;
    font-size: 20px;
    padding: 10px 20px;
}

.go-list-mo-box {
    display: none;
}

.pc-content {
    display: flex;
    justify-content: center;
    gap: 20px;
    height: 453px;
}

.mobile-content {
    display: none;
}

.pc-content a {
    display: block;
    flex: 1;
    overflow: hidden;
    border-radius: 10px;
    height: 100%;
}

.pc-content a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-pr-news-box {
    top: 0;
    transform: none;
}

.main-pr-news-box > div a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #1D1D1F;
    overflow: hidden;
    height: 430px;
    padding: 20px;
    border-radius: 20px;
    gap: 10px;
}

.main-pr-news-box > div a div {
    overflow: hidden;
    height: 298px;
    border-radius: 10px;
}

.main-pr-news-box > div a img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.main-pr-news-box > div a p {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #DDDDDD;
}

.main-pr-news-box > div a span {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #8D8D8D;
}

.tab-btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
    padding-top: 50px;
}

.tab-btn-box .tab-btn {
    height: 48px;
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 1;
    font-size: 32px;
    color: white;
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
    opacity: 30%;
    cursor: pointer;
    outline: none;
    transition: 0.2s all;
}

.tab-btn-box .tab-btn.active {
    border-bottom: 1px solid white;
    opacity: 100%;
}

/* total wellness solution */
.total-wellness-solution-section h2,
.total-wellness-solution-section p {
    text-align: center;
}

.total-wellness-solution-section h2 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    color: white;
    font-size: 52px;
    line-height: 120%;
    margin-bottom: 20px;
}

.total-wellness-solution-section p {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    color: #CCCCCC;
    margin-bottom: 50px;
}

.total-wellness-card-box {
    display: flex;
    height: 450px;
    gap: 20px;
}

.total-wellness-card {
    position: relative;
    overflow: hidden;
    flex: 1;
    height: 100%;
    border-radius: 10px;
}

.total-wellness-card img {
    position: relative;
    width: 100%;
    height: 100%;
    object-position: 70% 50%;
    object-fit: cover;
    transform: translateY(-2px);
}

.total-wellness-card img.pc {
    display: block;
}

.total-wellness-card img.mobile {
    display: none;
}

.total-wellness-card .card-text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 50px;
}

.total-wellness-card .card-text-box h3 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    font-size: 28px;
    line-height: 130%;
    color: white;
    margin-bottom: 10px;
}

.total-wellness-card .card-text-box p {
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    text-align: left;
    font-size: 18px;
    line-height: 130%;
    color: white;
    margin-bottom: 20px;
}


/* service section */
.service-section .service-inner {
    display: flex;
    justify-content: center;
    height: 150px;
    gap: 20px;
}

.service-inner a {
    display: block;
    height: 100%;
}

.service-inner a img {
    height: 100%;
    display: block;
}

.service-inner a > img:last-child {
    display: none;
}


/* outro section */
.outro-section .outro-cover {
    position: relative;
}

.outro-section .outro-cover > img {
    width: 100%;
    display: block;
}

.outro-section .outro-cover > img.mobile-image {
    display: none;
}

.outro-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.outro-inner .outro-header-image {
    width: 526px;
    margin-bottom: 32px;
}

.outro-inner .outro-header-image img {
    width: 100%;
}

.outro-inner p {
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    text-align: center;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 160%;
    color: white;
    width: 100%;
}

.outro-inner p span {
    display: inline-block;
    width: 72px;
    vertical-align: baseline;
}

.outro-inner p span img {
    width: 100%;
    vertical-align: baseline;
}

.outro-inner p sub {
    font-size: 1.8rem;
    vertical-align: top;
    line-height: 105%;
}


/* event banner */
.event-banner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(136deg, rgba(255, 255, 255, 0.7) 16.79%, rgba(255, 255, 255, 0.2) 91.41%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5),
    inset 1px -1px 2px rgba(255, 250, 250, 0),
    0 2px 18px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(60px);
    padding: 0 50px;
    height: 160px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.event-banner-text-box h4 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    font-size: 32px;
    line-height: 125%;
    color: #1D1D1F;
    margin-bottom: 16px;
    vertical-align: sub;
}

.event-banner-text-box h4 img {
    height: 31px;
}

.event-banner-text-box p {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #1D1D1F;
}

.event-banner.image {
    background: none;
    box-shadow: none;
    padding: 0;
    backdrop-filter: none;
    height: 160px;
}

.event-banner img {
    width: 100%;
}

.event-banner img.pc {
    display: block;
}

.event-banner img.mobile {
    display: none;
}

.event-banner a.image-link {
    position: absolute;
}

.event-timer-banner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    background: linear-gradient(136deg, #1D1D1F 16.79%, rgba(0, 0, 0, 0.30) 91.41%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
    inset 1px -1px 2px rgba(255, 250, 250, 0.01),
    0 2px 18px 0 rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(30px);
    padding: 0 50px;
    height: 160px;
    border-radius: 10px;
    margin-bottom: 50px;
}

.event-timer-banner.ces-banner {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    background: radial-gradient(152% 171% at -0% 0%, #1D2553 0%, #283164 30%, #67B2D9 60%, #040C2D 61%, #3F5282 100%);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1),
    inset 1px -1px 2px rgba(255, 250, 250, 0.01),
    0 2px 18px 0 rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(30px);
    padding: 0;
    height: 160px;
    border-radius: 0;
    margin-bottom: 0;
}

.ces-banner .event-timer-banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: none;
    background-color: rgba(0, 0, 0, 0.2);
}

.ces-banner .ces-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 1416px;
    padding: 0 50px;
    gap: 10px;
}

.ces-banner a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 500;
    line-height: 100%;
    color: white;
    vertical-align: middle;
    text-align: center;
    height: 44px;
    font-size: 24px;
}

.ces-banner a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    height: 1px;
}

.event-timer-banner.ces-banner h3 {
    font-size: 32px;
    line-height: 140%;
    vertical-align: middle;
    text-align: center;
}

.event-left-banner {
    display: flex;
    align-items: center;
    gap: 15px;
}

.event-timer-banner .ces-image {
    height: 120px;
}

.event-timer-banner .ces-image img {
    height: 100%;
}

.event-timer-banner h3 {
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    line-height: 140%;
    font-size: 22px;
    color: white;
}

.event-timer-banner h3 b {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    color: #85E0D2;
}

.event-timer-banner .count-down-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    text-align: center;
}

.event-timer-banner .count-down-container div {
    width: 100px;
    height: 90px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.05);
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.15),
    inset 1px -1px 2px rgba(255, 250, 250, 0.01),
    0 2px 18px 0 rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(30px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.event-timer-banner .count-down-container div p {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 100%;
    font-size: 36px;
}

.event-timer-banner .count-down-container div span {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 300;
    color:rgba(255,255,255,0.5);
    line-height: 100%;
    font-size: 10px;
}

.event-timer-banner .count-down-container i {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 100%;
    font-size: 20px;
}

.event-timer-banner .main-v2-btn {
    min-width: 192px;
    height: 90px;
}


.event-timer-banner .event-timer-main-content {
    display: flex;
    align-items: center;
    gap: 25px;
}

.event-timer-banner .timer-box {
    width: 71px;
}

.event-timer-banner .timer-box img {
    width: 100%;
}

.event-timer-banner .timer-box p {
    display: none;
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    line-height: 100%;
    color: white;
    letter-spacing: 1px;
    text-align: center;
}

/* 2025.01.02 배너 교체 */
/*.event-timer-banner {*/
/*   height: 98px;*/
/*   padding: 0 30px;*/
/*}*/

/*.event-text-content {*/
/*    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;*/
/*    line-height: 140%;*/
/*    font-size: 28px;*/
/*    color: white;*/
/*}*/

/*.event-text-content b {*/
/*    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;*/
/*    color: #85E0D2;*/
/*}*/

/*.main-v2-btn.primary-btn {*/
/*    background-color: #85E0D2;*/
/*    min-width: 134px;*/
/*    height: 58px;*/
/*    color: black;*/
/*}*/


 /* 2026.05.18 로사시 메인배너 추가 */
.rosasi-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 160px;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

.rosasi-banner .rosasi-banner-bg {
    width: 100%;
    min-width: 1920px;
    aspect-ratio: 1920 / 160;
}

.rosasi-banner .rosasi-banner-bg img {
    width: 100%;
    object-position: left;
}

.rosasi-banner .rosasi-banner-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rosasi-banner-inner .rosasi-inner {
    width: 100%;
    max-width: 1416px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 35px;
}

.rosasi-inner-title {
    display: flex;
    align-items: center;
    gap: 20px;
}

.rosasi-inner-title .rosasi-logo {
    width: 256px;
}

.rosasi-inner-title .rosasi-logo img {
    width: 100%;
}

.rosasi-inner-title h3 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 140%;
    color: white;
    letter-spacing: 0;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-size: 32px;
}

.rosasi-inner .rosasi-btn {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 500;
    line-height: 140%;
    color: white;
    letter-spacing: 0;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 1px -1px 2px rgba(255, 250, 250, 0.02);
    background-color: #040000;
    font-size: 20px;
    padding: 31px 40px;
    border-radius: 10px;
}


@media screen and (max-width: 1660px) {
    .main-v2-section {
        padding-top: 11.33vw;
    }

    .main-v2-inner {
        max-width: 76vw;
    }

    .main-v2-btn {
        font-size: 1.2vw;
        min-width: 13.61vw;
        height: 3.61vw;
        border-radius: 0.6vw;
        gap: 0.6vw;
    }

    .main-v2-btn.small {
        font-size: 1.2vw;
        height: 3.13vw;
        min-width: 9.46vw;
        padding: 0 1.81vw;
    }

    .main-v2-btn.main {
        min-width: 8.13vw;
    }

    .video-icon {
        top: -1px;
        min-width: 1.02vw;
        width: 1.02vw;
        min-height: 1.02vw;
        height: 1.02vw;
    }

    /* main-visual */
    .main-visual-section {
        margin-top: 80px;
    }

    .main-visual-text-box {
        padding-top: 7.23vw;
    }

    .main-visual-text-box h2 {
        font-size: 3.61vw;
        margin-bottom: 1.2vw;
    }

    .main-visual-text-box .main-description {
        font-size: 1.2vw;
        margin-bottom: 3.01vw;
    }

    .main-button-box {
        gap: 1.81vw;
    }

    .main-visual-banner {
        padding: 0 3.01vw;
        height: 9.28vw;
        border-radius: 0.6vw;
        margin-bottom: 3.01vw;
    }

    .main-banner-text-box h4 {
        font-size: 1.93vw;
        margin-bottom: 0.96vw;
    }

    .main-banner-text-box h4 img {
        height: 1.87vw;
    }

    .main-banner-text-box p {
        font-size: 1.2vw;
    }

    /* tab section */
    .tab-section-inner {
        min-height: 27.29vw;
    }

    .tab-content-box {
        gap: 1.2vw;
    }

    .tab-content-box .go-list {
        top: -0.6vw;
        font-size: 1.2vw;
        padding: 0.6vw 1.2vw;
    }

    .pc-content {
        gap: 1.2vw;
        height: 27.29vw;
    }

    .pc-content a {
        border-radius: 0.6vw;
    }

    .main-pr-news-box > div a {
        height: 25.9vw;
        padding: 1.2vw;
        border-radius: 1.2vw;
        gap: 0.6vw;
    }

    .main-pr-news-box > div a div {
        height: 17.95vw;
        border-radius: 0.6vw;
    }

    .main-pr-news-box > div a p {
        font-size: 0.96vw;
    }

    .main-pr-news-box > div a span {
        font-size: 0.84vw;
    }

    .tab-btn-box {
        gap: 3.01vw;
        padding-top: 3.01vw;
    }

    .tab-btn-box .tab-btn {
        height: 2.89vw;
        font-size: 1.93vw;
        padding-bottom: 0.6vw;
    }

    /* total wellness solution */
    .total-wellness-solution-section h2 {
        font-size: 3.13vw;
        margin-bottom: 1.2vw;
    }

    .total-wellness-solution-section p {
        font-size: 1.08vw;
        margin-bottom: 3.01vw;
    }

    .total-wellness-card-box {
        height: 27.11vw;
        gap: 1.2vw;
    }

    .total-wellness-card {
        border-radius: 0.6vw;
    }

    .total-wellness-card .card-text-box {
        padding: 1.81vw 3.01vw;
    }

    .total-wellness-card .card-text-box h3 {
        font-size: 1.69vw;
        margin-bottom: 0.6vw;
    }

    .total-wellness-card .card-text-box p {
        font-size: 1.08vw;
        margin-bottom: 1.2vw;
    }

    /* service section */
    .service-section .service-inner {
        height: 9.04vw;
        gap: 1.2vw;
    }

    /* outro section */
    .outro-inner .outro-header-image {
        width: 31.69vw;
        margin-bottom: 1.93vw;
    }

    .outro-inner p {
        margin-bottom: 1.81vw;
        font-size: 1.08vw;
    }

    .outro-inner p span {
        width: 4.34vw;
    }

    .event-banner.image {
        height: 9.64vw;
    }

    .event-banner img.pc {
        display: block;
    }

    .event-banner img.mobile {
        display: none;
    }

    /* event timer banner */
    .event-timer-banner {
        padding: 0 2.709vw;
        height: 9.64vw;
        border-radius: 0.6vw;
        margin-bottom: 3.01vw;
    }

    .event-timer-banner.ces-banner {
        border-radius: 0;
        margin-bottom: 0;
    }

    .ces-banner .event-timer-banner-inner {
        max-width: none;
    }

    .ces-banner .ces-inner {
        max-width: 88vw;
        padding: 0 3.01vw;
        gap: 0.6vw;
    }

    .ces-banner a {
        height: 2.65vw;
        font-size: 1.45vw;
    }

    .event-timer-banner.ces-banner h3 {
        font-size: 1.93vw;
    }

    .event-left-banner {
        display: flex;
        align-items: center;
        gap: 0.9vw;
    }

    .event-timer-banner .ces-image {
        height: 6.507vw;
    }

    .event-timer-banner .ces-image img {
        height: 100%;
    }

    .event-timer-banner h3 {
        font-size: 1.1745vw;
    }

    .event-timer-banner .count-down-container {
        gap: 0.3vw;
    }

    .event-timer-banner .count-down-container div {
        width: 5.418vw;
        height: 4.878vw;
        border-radius: 0.6vw;
        gap: 0.6vw;
    }

    .event-timer-banner .count-down-container div p {
        font-size: 1.953vw;
    }

    .event-timer-banner .count-down-container div span {
        font-size: 0.54vw;
    }

    .event-timer-banner .count-down-container i {
        font-size: 1.08vw;
    }

    .event-timer-banner .main-v2-btn {
        min-width: 10.413vw;
        height: 4.878vw;
    }

    .event-timer-banner .event-timer-main-content {
        gap: 1.359vw;
    }

    .event-timer-banner .timer-box {
        width: 3.852vw;
    }

    /*!* 2025.01.02 배너 교체 *!*/
    /*.event-timer-banner {*/
    /*    height: 5.9vw;*/
    /*    padding: 0 1.81vw;*/
    /*}*/

    /*.event-text-content {*/
    /*    font-size: 1.69vw;*/
    /*}*/

    /*.main-v2-btn.primary-btn {*/
    /*    min-width: 8.07vw;*/
    /*    height: 3.49vw;*/
    /*}*/

    /* 2026.05.18 로사시 메인배너 추가 */
    .rosasi-banner {
        min-height: 9.64vw;
        border-radius: 1.20vw;
    }

    .rosasi-banner-inner .rosasi-inner {
        max-width: 76vw;
        padding: 0 2.11vw;
    }

    .rosasi-inner-title {
        gap: 1.2vw;
    }

    .rosasi-inner-title .rosasi-logo {
        width: 15.42vw;
    }

    .rosasi-inner-title h3 {
        font-size: 1.93vw;
    }

    .rosasi-inner .rosasi-btn {
        font-size: 1.2vw;
        padding: 1.87vw 2.41vw;
        border-radius: 0.6vw;
    }

}

@media screen and (max-width: 1280px) {
    /* main-visual */
    .main-visual-section {
        margin-top: 72px;
    }
}


/* lg mobile - 780px 기준 */
@media screen and (max-width: 1024px) {
    .mobile-show {
        display: block;
    }

    .mobile-none {
        display: none;
    }

    .main-v2-btn.dark-gray {
        backdrop-filter: none;
        background-color: rgba(29, 29, 31, 0.8);
        color: #DDDDDD;
    }

    .main-v2-section {
        padding-top: 7.69vw;
    }

    .main-v2-inner {
        max-width: none;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 2.56vw;
    }

    .main-v2-btn {
        font-size: 2.05vw;
        min-width: 12.18vw;
        height: 4.36vw;
        border-radius: 1.28vw;
        gap: 1.28vw;
    }

    .main-v2-btn.small {
        font-size: 2.05vw;
        height: 4.75vw;
        min-width: 14.87vw;
        padding: 0 2.56vw;
    }

    .main-v2-btn.main {
        min-width: 13.89vw;
    }


    .main-v2-btn.small-radius {
        border-radius: 0.64vw;
    }

    .video-icon {
        top: -1px;
        width: 2.18vw;
        height: 2.18vw;
    }

    /* main-visual */
    .main-visual-section {
        margin-top: 72px;
        max-height: none;
        /*min-height: 57.69vw;*/
    }

    .visual-swiper .swiper-slide img {
        display: block;
    }

    .visual-swiper .swiper-slide > img.mobile-show {
        display: none;
    }

    .main-visual-text-box {
        padding-top: 3.85vw;
    }

    .main-visual-text-box h2 {
        font-size: 3.59vw;
        margin-bottom: 2.56vw;
    }

    .main-visual-text-box .main-description {
        white-space: nowrap;
        font-size: 2.05vw;
        margin-bottom: 2.56vw;
    }

    .main-button-box {
        gap: 1.92vw;
    }

    .main-visual-banner {
        padding: 0 1.28vw;
        height: 7.69vw;
        border-radius: 1.28vw;
        margin-bottom: 3.85vw;
    }

    .main-banner-text-box {
        padding-left: 1.28vw;
    }

    .main-banner-text-box h4 {
        font-size: 2.44vw;
        line-height: 131%;
        margin-bottom: 0;
    }

    .main-banner-text-box h4 img {
        height: 2.44vw;
    }

    .main-banner-text-box p {
        display: none;
    }


    /* tab section */
    .tab-section-inner {
        padding: 0;
        min-height: 58.46vw;
    }

    .tab-content-box {
        gap: 20px;
    }

    .tab-content-box .go-list {
        display: none;
    }

    .go-list-mo-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 5.13vw;
    }

    .go-list-mo {
        display: none;
        min-width: 21.41vw;
        height: 5.38vw;
        color: #DDDDDD;
        font-size: 2.05vw;
    }

    .go-list-mo.active {
        display: flex;
    }

    .pc-content {
        display: none;
    }

    .mobile-content {
        display: block;
        width: 100%;
    }

    .tab-swiper {
        width: 100%;
        overflow: visible;
    }

    .tab-swiper .swiper-slide {
        padding: 0 30px;
    }

    .tab-swiper .swiper-slide a {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 53.85vw;
        border-radius: 1.28vw;
    }

    .tab-swiper .swiper-slide a img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

    .review-swiper .swiper-pagination,
    .tab-swiper .swiper-pagination {
        transform: translateY(50%);
        bottom: -3.85vw;
    }

    .review-swiper .swiper-pagination .swiper-pagination-bullet,
    .tab-swiper .swiper-pagination .swiper-pagination-bullet {
        background-color: #38383A;
        opacity: 100%;
        margin: 0 0.25vw;
    }

    .review-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .tab-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #DDDDDD;
    }

    .main-tab-section,
    .main-review-section {
        overflow: hidden;
    }

    .main-pr-news-box {
        top: 0;
        transform: none;
    }

    .pr-news-swiper .swiper-slide a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 53.85vw;
        padding: 1.28vw;
        border-radius: 1.28vw;
        gap: 1.28vw;
    }

    .pr-news-swiper .swiper-slide a div {
        width: 100%;
        height: 41.28vw;
        border-radius: 1.28vw;
    }
    .pr-news-swiper .swiper-slide a div img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .pr-news-swiper .swiper-slide a p {
        font-size: 2.05vw;
    }

    .pr-news-swiper .swiper-slide a span {
        font-size: 1.79vw;
    }

    .tab-btn-box {
        gap: 6.41vw;
        padding-top: 3.85vw;
    }

    .tab-btn-box .tab-btn {
        height: 4.36vw;
        font-size: 2.56vw;
        padding-bottom: 1.28vw;
    }

    /* total wellness solution */
    .total-wellness-inner {
        padding: 0;
    }

    .total-wellness-solution-section h2,
    .total-wellness-solution-section p {
        text-align: left;
        padding: 0 3.85vw;
    }

    .total-wellness-solution-section h2 {
        font-size: 3.59vw;
        line-height: 140%;
        margin-bottom: 2.56vw;
    }

    .total-wellness-solution-section p {
        white-space: nowrap;
        font-size: 1.79vw;
        line-height: 150%;
        margin-bottom: 3.85vw;
    }

    .total-wellness-card-box {
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 3.85vw;
    }

    .total-wellness-card {
        flex: none;
        width: 100%;
        height: 51.28vw;
        border-radius: 0;
    }

    .total-wellness-card .card-text-box {
        padding: 3.85vw;
    }

    .total-wellness-card .card-text-box h3 {
        font-size: 3.08vw;
        margin-bottom: 1.28vw;
    }

    .total-wellness-card .card-text-box p {
        font-size: 1.79vw;
        margin-bottom: 2.56vw;
        padding: 0;
    }

    .total-wellness-card img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

    .total-wellness-card img.pc {
        display: none;
    }

    .total-wellness-card img.mobile {
        display: block;
    }


    /* service section */
    .service-section .service-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        gap: 0;
        padding: 0;
    }

    .service-inner a {
        flex: auto;
        display: block;
    }

    .service-inner a img {
        width: 100%;
        display: none;
    }

    .service-inner a > img:last-child {
        display: block;
    }


    /* outro section */
    .outro-section .outro-cover {
        position: relative;
    }

    .outro-section .outro-cover > img {
        width: 100%;
        display: none;
    }

    .outro-section .outro-cover > img.mobile-image {
        display: block;
    }

    .outro-inner {
        padding: 0 3.08vw;
    }

    .outro-inner .outro-header-image {
        width: 100%;
        margin-bottom: 2.56vw;
    }

    .outro-inner p {
        margin-bottom: 2.56vw;
        font-size: 1.79vw;
    }

    .outro-inner p span {
        width: 7.1vw;
    }





    .event-banner.image {
        height: auto !important;
    }

    .event-banner img.pc {
        display: none;
    }

    .event-banner img.mobile {
        display: block;
    }


    /* event-timer-banner */
    .event-timer-banner {
        position: relative;
        z-index: 10;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        overflow: hidden;
        width: 100%;
        backdrop-filter: blur(60px);
        padding: 1.92vw;
        height: auto;
        border-radius: 1.28vw;
        margin-bottom: 2.56vw;
    }

    .event-timer-banner.ces-banner {
        height: 15.77vw;
        background: radial-gradient(152% 171% at -0% 0%, #1D2553 0%, #283164 30%, #67B2D9 60%, #040C2D 61%, #3F5282 100%);
        border-radius: 0;
        margin-bottom: 0;
    }

    .ces-banner .event-timer-banner-inner {
        align-items: center;
        justify-content: center;
        max-width: none;
    }

    .ces-banner .ces-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0;
        gap: 1.92vw;
    }

    .ces-banner a {
        height: 4.36vw;
        font-size: 1.79vw;
    }

    .ces-banner a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
        height: 1px;
    }

    .event-timer-banner.ces-banner h3 {
        font-size: 2.05vw;
    }

    .event-left-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1.28vw;
        width: 100%;
        margin-bottom: 1.28vw;
    }

    .event-timer-banner .ces-image {
        height: 7.31vw;
    }

    .event-timer-banner .ces-image img {
        height: 100%;
    }

    .event-timer-banner h3 {
        text-align: left;
        font-size: 2.05vw;
    }

    .event-timer-banner .count-down-container {
        gap: 0.19vw;
        margin-right: 1.28vw;
    }

    .event-timer-banner .count-down-container div {
        width: 5.38vw;
        height: 5.38vw;
        border-radius: 0.64vw;
        backdrop-filter: blur(13px);
        gap: 0.64vw;
    }

    .event-timer-banner .count-down-container div p {
        font-size: 2.05vw;
    }

    .event-timer-banner .count-down-container div span {
        font-weight: 400;
        color: white;
        font-size: 0.3vw;
    }

    .event-timer-banner .count-down-container i {
        font-size: 1.15vw;
    }

    .event-timer-banner .main-v2-btn {
        min-width: 13.33vw;
        height: 5.38vw;
    }


    .event-timer-banner .event-timer-main-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.38vw;
    }

    .event-timer-banner .timer-box {
        width: auto;
    }

    .event-timer-banner .timer-box img {
        display: none;
    }

    .event-timer-banner .timer-box p {
        display: block;
        font-size: 1.03vw;
    }

    /*!* 2025.01.02 배너 교체 *!*/
    /*.event-timer-banner {*/
    /*    height: auto;*/
    /*    padding: 1.46vw;*/
    /*}*/

    /*.event-text-content {*/
    /*    width: 100%;*/
    /*    text-align: center;*/
    /*    font-size: 1.76vw;*/
    /*    margin-bottom: 1.46vw;*/
    /*}*/

    /*.main-v2-btn.primary-btn {*/
    /*    min-width: auto;*/
    /*    width: 100%;*/
    /*    height: 4.1vw;*/
    /*    color: black;*/
    /*    max-width: 305px;*/
    /*    font-size: 1.56vw;*/
    /*}*/

    /* 2026.05.18 로사시 메인배너 추가 */
    .rosasi-banner {
        aspect-ratio: auto;
        min-height: auto;
        width: auto;
        margin: 0 2.56vw;
        padding: 1.92vw;
        border-radius: 2.56vw;
    }

    .rosasi-banner .rosasi-banner-bg {
        position: absolute;
        inset: 0;
        height: 23.5vw;
        aspect-ratio: auto;
    }

    .rosasi-banner .rosasi-banner-bg img {
        width: auto;
        height: 100%;
        object-fit: contain;
        /*object-position: center;*/
    }

    .rosasi-banner .rosasi-banner-inner {
        position: relative;
        width: 100%;
    }

    .rosasi-banner-inner .rosasi-inner {
        flex-direction: column;
        gap: 1.28vw;
        max-width: 100%;
        padding: 0;
    }

    .rosasi-inner-title {
        flex-direction: column;
        gap: 0.64vw;
        width: 100%;
    }

    .rosasi-inner-title .rosasi-logo {
        width: 25.13vw;
        height: 8.72vw;
    }

    .rosasi-inner-title h3 {
        font-size: 2.56vw;
        text-align: center;
        white-space: nowrap;
    }

    .rosasi-inner .rosasi-btn {
        width: 100%;
        height: 5.38vw;
        padding: 1.28vw 1.92vw;
        border-radius: 0.64vw;
        font-size: 2.56vw;
        background-color: #1d1d1f;
        box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
        inset 1px -1px 2px rgba(255, 250, 250, 0.02);
        display: flex;
        align-items: center;
        justify-content: center;
    }

}


/* mobile - 375px 기준 */
@media screen and (max-width: 512px) {
    .mobile-show {
        display: block;
    }

    .mobile-none {
        display: none;
    }

    .main-v2-section {
        padding-top: 16vw;
    }

    .main-v2-inner {
        max-width: none;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 8.5vw;
    }

    .main-v2-btn {
        font-size: 4.27vw;
        min-width: 25.33vw;
        height: 9.07vw;
        border-radius: 2.67vw;
        gap: 2.67vw;
    }

    .main-v2-btn.small {
        font-size: 4.27vw;
        height: 9.87vw;
        min-width: 30.93vw;
        padding: 0 5.33vw;
    }

    .main-v2-btn.main {
        min-width: 26.67vw;
    }

    .main-v2-btn.small-radius {
        border-radius: 1.33vw;
    }

    .video-icon {
        top: -1px;
        width: 4.53vw;
        height: 4.53vw;
    }

    /* main-visual */
    .main-visual-section {
        margin-top: 72px;
        max-height: none;
        /*min-height: 120vw;*/
    }

    .visual-swiper .swiper-slide img {
        opacity: 0;
        display: none;
    }

    .visual-swiper .swiper-slide > img.mobile-show {
        opacity: 100%;
        display: block;
    }

    .main-visual-text-box {
        padding-top: 8vw;
    }

    .main-visual-text-box h2 {
        font-size: 7.47vw;
        margin-bottom: 4vw !important;
    }

    .main-visual-text-box .main-description {
        white-space: nowrap;
        font-size: 4.27vw;
        margin-bottom: 5.33vw;
    }

    .main-button-box {
        gap: 4vw;
    }

    .main-visual-banner {
        padding: 0 2.67vw;
        height: 16vw;
        border-radius: 2.67vw;
        margin-bottom: 8vw;
    }

    .main-banner-text-box {
        padding-left: 2.67vw;
    }

    .main-banner-text-box h4 {
        font-size: 5.07vw;
        line-height: 131%;
        margin-bottom: 0;
    }

    .main-banner-text-box h4 img {
        height: 5.07vw;
    }

    .main-banner-text-box p {
        display: none;
    }


    /* tab section */
    .tab-section-inner {
        padding: 0;
        min-height: 121.6vw;
    }

    .tab-content-box {
        gap: 20px;
    }

    .tab-content-box .go-list {
        display: none;
    }

    .go-list-mo-box {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 10.67vw;
    }

    .go-list-mo {
        display: none;
        min-width: 44.53vw;
        height: 11.2vw;
        color: #DDDDDD;
        font-size: 4.27vw;
    }

    .go-list-mo.active {
        display: flex;
    }

    .pc-content {
        display: none;
    }

    .mobile-content {
        display: block;
        width: 100%;
    }

    .tab-swiper {
        width: 100%;
        overflow: visible;
    }

    .tab-swiper .swiper-slide {
        padding: 0 30px;
    }

    .tab-swiper .swiper-slide a {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 112vw;
        border-radius: 2.67vw;
    }

    .tab-swiper .swiper-slide a img {
        width: 100%;
        height: 100%;
        object-position: center;
        object-fit: cover;
    }

    .review-swiper .swiper-pagination,
    .tab-swiper .swiper-pagination {
        transform: translateY(50%);
        bottom: -8vw;
    }

    .review-swiper .swiper-pagination .swiper-pagination-bullet,
    .tab-swiper .swiper-pagination .swiper-pagination-bullet {
        background-color: #38383A;
        opacity: 100%;
        margin: 0 0.53vw;
    }

    .review-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .tab-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #DDDDDD;
    }

    .main-pr-news-box {
        top: 0;
        transform: none;
    }

    .pr-news-swiper .swiper-slide a {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: 112vw;
        padding: 2.67vw;
        border-radius: 2.67vw;
        gap: 2.67vw;
    }

    .pr-news-swiper .swiper-slide a div {
        width: 100%;
        height: 85.87vw;
        border-radius: 2.67vw;
    }

    .pr-news-swiper .swiper-slide a p {
        font-size: 4.27vw;
    }

    .pr-news-swiper .swiper-slide a span {
        font-size: 3.73vw;
    }

    .tab-btn-box {
        gap: 13.33vw;
        padding-top: 8vw;
    }

    .tab-btn-box .tab-btn {
        height: 9.07vw;
        font-size: 5.33vw;
        padding-bottom: 2.67vw;
    }

    /* total wellness solution */
    .total-wellness-inner {
        padding: 0;
    }

    .total-wellness-solution-section h2,
    .total-wellness-solution-section p {
        text-align: left;
        padding: 0 8vw;
    }

    .total-wellness-solution-section h2 {
        font-size: 7.47vw;
        line-height: 140%;
        margin-bottom: 5.33vw;
    }

    .total-wellness-solution-section p {
        white-space: nowrap;
        font-size: 3.73vw;
        line-height: 150%;
        margin-bottom: 8vw;
    }

    .total-wellness-card-box {
        display: flex;
        flex-direction: column;
        height: auto;
        gap: 8vw;
    }

    .total-wellness-card {
        flex: none;
        width: 100%;
        height: 106.67vw;
        border-radius: 0;
    }

    .total-wellness-card .card-text-box {
        padding: 8vw;
    }

    .total-wellness-card .card-text-box h3 {
        font-size: 6.4vw;
        margin-bottom: 2.67vw;
    }

    .total-wellness-card .card-text-box p {
        font-size: 3.73vw;
        margin-bottom: 5.33vw;
        padding: 0;
    }


    /* service section */
    .service-section .service-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: auto;
        gap: 0;
        padding: 0;
    }

    .service-inner a {
        flex: auto;
        display: block;
    }

    .service-inner a img {
        width: 100%;
        display: none;
    }

    .service-inner a > img:last-child {
        display: block;
    }


    /* outro section */
    .outro-section .outro-cover {
        position: relative;
    }

    .outro-section .outro-cover > img {
        width: 100%;
        display: none;
    }

    .outro-section .outro-cover > img.mobile-image {
        display: block;
    }

    .outro-inner {
        padding: 0 6.4vw;
    }

    .outro-inner .outro-header-image {
        width: 100%;
        margin-bottom: 5.33vw;
    }

    .outro-inner p {
        margin-bottom: 5.33vw;
        font-size: 3.73vw;
    }

    .outro-inner p span {
        width: 15.5vw;
    }


    .event-banner.image {
        height: auto !important;
    }

    .event-banner img.pc {
        display: none;
    }

    .event-banner img.mobile {
        display: block;
    }


    /* event-timer-banner */
    .event-timer-banner {
        position: relative;
        z-index: 10;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        overflow: hidden;
        width: 100%;
        backdrop-filter: blur(60px);
        padding: 4vw;
        height: auto;
        border-radius: 2.67vw;
        margin-bottom: 5.33vw;
    }


    .event-timer-banner.ces-banner {
        height: 32.8vw;
        background: radial-gradient(152% 171% at -0% 0%, #1D2553 0%, #283164 30%, #67B2D9 60%, #040C2D 61%, #3F5282 100%);
        border-radius: 0;
        margin-bottom: 0;
    }

    .ces-banner .event-timer-banner-inner {
        align-items: center;
        justify-content: center;
        max-width: none;
        padding: 0;
    }

    .ces-banner .ces-inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        max-width: 100%;
        padding: 0;
        gap: 4vw;
    }

    .ces-banner a {
        height: 9.07vw;
        font-size: 3.73vw;
    }

    .ces-banner a::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: white;
        height: 1px;
    }

    .event-timer-banner.ces-banner h3 {
        font-size: 4.27vw;
    }

    .event-left-banner {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 2.67vw;
        width: 100%;
        margin-bottom: 2.67vw;
    }

    .event-timer-banner .ces-image {
        height: 15.2vw;
    }

    .event-timer-banner .ces-image img {
        height: 100%;
    }

    .event-timer-banner h3 {
        text-align: left;
        font-size:  3.4587vw;
    }

    .event-timer-banner .count-down-container {
        gap: 0.4vw;
        margin-right: 0;
    }

    .event-timer-banner .count-down-container div {
        width: 11.2vw;
        height: 11.2vw;
        border-radius: 1.33vw;
        backdrop-filter: blur(13px);
        gap: 1.33vw;
    }

    .event-timer-banner .count-down-container div p {
        font-size: 4.27vw;
    }

    .event-timer-banner .count-down-container div span {
        font-weight: 400;
        color: white;
        font-size: 1.33vw;
    }

    .event-timer-banner .count-down-container i {
        font-size: 2.13vw;
    }

    .event-timer-banner .main-v2-btn {
        min-width: 27.73vw;
        height: 11.2vw;
    }


    .event-timer-banner .event-timer-main-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.8vw;
    }

    .event-timer-banner .timer-box {
        width: auto;
    }

    .event-timer-banner .timer-box img {
        display: none;
    }

    .event-timer-banner .timer-box p {
        display: block;
        font-size: 2.13vw;
    }


    /*!* 2025.01.02 배너 교체 *!*/
    /*.event-timer-banner {*/
    /*    height: auto;*/
    /*    padding: 4vw;*/
    /*}*/

    /*.event-text-content {*/
    /*    width: 100%;*/
    /*    text-align: center;*/
    /*    font-size: 4.8vw;*/
    /*    margin-bottom: 4vw;*/
    /*}*/

    /*.main-v2-btn.primary-btn {*/
    /*    min-width: auto;*/
    /*    width: 100%;*/
    /*    height: 11.2vw;*/
    /*    color: black;*/
    /*    max-width: 100%;*/
    /*    font-size: 4.27vw;*/
    /*}*/

    /* 2026.05.18 로사시 메인배너 추가 */
    .rosasi-banner {
        margin: 0 4vw;
        padding: 4vw;
        border-radius: 5.33vw;
        min-height: auto;
        width: auto;
    }

    .rosasi-banner .rosasi-banner-bg {
        height: 48.8vw;
    }

    .rosasi-banner .rosasi-banner-bg img {
        object-position: 10% 0;
        margin-left: -45vw;
    }

    .rosasi-banner-inner .rosasi-inner {
        gap: 2.67vw;
        padding: 0;
    }

    .rosasi-inner-title {
        gap: 1.33vw;
    }

    .rosasi-inner-title .rosasi-logo {
        width: 52.27vw;
        height: 18.13vw;
    }

    .rosasi-inner-title h3 {
        font-size: 5.33vw;
    }

    .rosasi-inner .rosasi-btn {
        height: 11.2vw;
        padding: 2.67vw 4vw;
        border-radius: 1.33vw;
        font-size: 5.33vw;
    }
}
.main-visual-video-section {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    height: auto;
    margin-top: 80px;
}

.main-visual-video-section video {
    width: 100%;
    object-fit: cover;
}

.main-visual-section {
    margin: 0 auto;
    max-width: 2560px;
}

/* main-visual 비디오 슬라이드 (PC 전용, 모바일에서는 JS가 슬라이드를 DOM에서 제거) */

/* 슬라이드(1920x800)보다 영상(16:9)이 가로로 짧아 좌우에 검정 레터박스가 남는다 */
.video-content .video-content-stage {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    background-color: #000;
    overflow: hidden;
}

/* 영상 원본 비율. 버튼/음소거 버튼의 기준 박스가 된다 */
.video-content .video-content-frame {
    position: relative;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.video-content .video-content-frame video {
    display: block;
    width: 100%;
    height: 100%;
    /* 비율이 다른 영상으로 교체되어도 잘리지 않게 */
    object-fit: contain;
    object-position: center;
}

/* 타이틀/설명은 영상에 포함되어 있어 버튼만 좌하단에 올린다 */
.video-content .main-visual-content-box {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    height: auto;
    padding: 0 80px 50px;
}

.video-content .main-button-box {
    gap: 20px;
}

.video-content .video-mute-btn {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: 0.2s all;
}

.video-content .video-mute-btn:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

/* 아이콘은 디지털 쇼츠와 동일한 CDN 이미지를 재사용한다.
   img src 로 넣으면 고도몰이 외부 이미지를 cdn.godomall.com 으로 치환하므로 background-image 로 지정한다. */
.video-content .video-mute-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("https://namuhx-static.mock.pe.kr/rosasi_v1/publishing/mute_on.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.video-content.is-unmuted .video-mute-icon {
    background-image: url("https://namuhx-static.mock.pe.kr/rosasi_v1/publishing/mute_off.png");
}

.event-timer-banner {
    border-radius: 0;
    margin-bottom: 0;
    justify-content: center;
}

.event-timer-banner-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1416px;
}

.main-visual-text-box h2 {
    font-size: 44px;
    margin-bottom: 30px;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
}

.main-visual-text-box .main-description {
    font-size: 24px;
    margin-bottom: 30px;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
}

.main-visual-text-box .main-description .caption {
    color: white;
    font-weight: 400;
    line-height: 160%;
    padding-top: 10px;
    font-size: 20px;
    text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.25);
}

.main-v2-btn {
    border-radius: 10px;
    font-size: 20px;
}

.main-v2-section {
    padding-top: 100px;
}

.visual-swiper .visual-pagination {
    bottom: 50px;
}

.visual-swiper .visual-pagination .swiper-pagination-bullet {
    margin: 0;
    border-radius: 0;
    transition: 0.2s all;
    background-color: rgba(0, 0, 0, 0.3);
    width: 50px;
    height: 3px;
}

.visual-swiper .visual-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #8CE2D0;
}

.section-header-box {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 30px;
}

.section-header-box .title-box {
    display: flex;
    align-items: flex-end;
    gap: 20px;
}

.section-header-box .title-box h3 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 100%;
    color: white;
    font-size: 32px;
}

.section-header-box .title-box p {
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    line-height: 100%;
    color: white;
    font-size: 20px;
}

.tab-content-box .section-header-box .go-list {
    position: static;
    transform: none;
    padding-right: 0;
    padding-bottom: 0;
    font-size: 18px;
}

 .main-review-section .pc-content {
     height: auto;
     justify-content: flex-start;
 }

 .main-review-section .review-box {
     max-width: 339px;
     border-radius: 0;
 }

.main-review-section .tab-section-inner {
    min-height: 500px;
}

 .main-review-section .review-box .review-image-box {
     overflow: hidden;
     aspect-ratio: 339 / 267;
     border-radius: 10px;
     margin-bottom: 15px;
 }

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

 .main-review-section .review-box .review-info-box {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 15px;
 }

 .main-review-section .review-box .review-info-icon {
    aspect-ratio: 1 / 1;
     width: 30px;
     min-width: 30px;
 }

.main-review-section .review-box .review-info {
    display: flex;
    flex-direction: column;
}

 .main-review-section .review-box .review-info-icon img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .main-review-section .review-box .review-info p {
     font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
     color: white;
     line-height: 100%;
     font-size: 16px;
     padding-left: 2px;
 }

.rating_star {
    display: inline-block;
    width: 88px;
    height: 16px;
    background: url("https://www.namuhx.com/data/skin/front/no101/img/icon/board/icon_star_bg.svg") no-repeat left top;
    background-size: auto 100%;
    vertical-align: middle;
    text-indent: -9999px;
}

.rating_star span {
    display: block;
    height: 100%;
    background: url("https://www.namuhx.com/data/skin/front/no101/img/icon/board/icon_star_fill.svg") no-repeat left top;
    background-size: auto 100%;
}

.review-content-box h5 {
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 600;
    color: white;
    line-height: 100%;
    font-size: 16px;
    margin-bottom: 10px;
}

.review-content-box .review {
    position: relative;
    overflow: hidden;
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    color: #8D8D8D;
    line-height: 1.4;
    font-size: 14px;
    max-height: calc(1em * 1.4 * 2);
}

.tab-sns-section .tab-section-inner {
    display: flex;
    flex-direction: column;
}

.tab-sns-section .tab-content-container {
    flex-grow: 1;
    position: relative;
    padding-top: 65px;
}

.tab-section-inner .tab-btn-box {
    padding-top: 0;
    gap: 20px;
}

.tab-section-inner .tab-btn-box .tab-btn {
    border: none;
    padding-bottom: 0;
}

.tab-sns-section .tab-section-inner {
    min-height: 535px;
}

.digital-shorts-section h2,
.total-wellness-solution-section h2 {
    padding: 0;
    line-height: 120%;
    margin-bottom: 0;
    font-size: 32px;
    color: white;
}


/* 로사시 메인 리뉴얼 */
.rosasi-main-content {
    margin-top: 80px;
}

.rosasi-main-content .main-v2-btn {
    min-width: 180px;
}

.rosasi-main-content .main-v2-section {
    padding-top: 150px;
}

.main-v2-section.digital-shorts-section {
    margin-bottom: 150px;
}

.new-tag {
    display: block;
    width: fit-content;
    color: #8CE2D0;
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 120%;
    letter-spacing: 0;
    font-size: 36px;
    border: 3px solid #8CE2D0;
    height: 57px;
    border-radius: 29px;
    padding: 5px 20px;
    margin-bottom: 10px;
}

.main-visual-pagination {
    display: none !important;
}


.main-visual-content-box.light-mode .new-tag {
    border-color: white !important;
    color: white !important;
}

.main-visual-content-box.light-mode .main-visual-text-box h2 {
    color: black;
    text-shadow: none;
}

.main-visual-content-box.light-mode .main-visual-text-box .main-description {
    color: black;
    font-family:'NAMUH X Sans',"WellnessSans_R", sans-serif;
    text-shadow: none;
}

.main-visual-content-box.light-mode .main-button-box .main-v2-btn.main {
    background-color: white;
    color: #002554;
}

.main-visual-content-box.light-mode .main-button-box .main-v2-btn.gray {
    background-color: #002554;
    color: white;
}



@media screen and (max-width: 1660px) {
    .main-visual-video-section {
        margin-top: 80px;
    }

    .main-visual-section {
        margin-top: 0;
    }

    .video-content .main-visual-content-box {
        padding: 0 4.82vw 3.01vw;
    }

    .video-content .main-button-box {
        gap: 1.2vw;
    }

    .video-content .video-mute-btn {
        top: 0.6vw;
        left: 0.6vw;
        width: 1.81vw;
        height: 1.81vw;
    }

    .video-content .video-mute-icon {
        width: 0.96vw;
        height: 0.96vw;
    }

    .event-timer-banner {
        border-radius: 0;
        margin-bottom: 0;
    }

    .event-timer-banner-inner {
        max-width: 76vw;
    }

    .main-visual-text-box h2 {
        font-size: 2.65vw;
        margin-bottom: 1.81vw;
    }

    .main-visual-text-box .main-description {
        font-size: 1.45vw;
        margin-bottom: 1.81vw;
    }

    .main-visual-text-box .main-description .caption {
        padding-top: 0.6vw;
        font-size: 1.2vw;
    }

    .main-v2-btn {
        border-radius: 0.6vw;
        font-size: 1.2vw;
    }

    .main-v2-section {
        padding-top: 6.02vw;
    }

    .visual-swiper .visual-pagination {
        bottom: 3.01vw;
    }

    .visual-swiper .visual-pagination .swiper-pagination-bullet {
        width: 3.01vw;
        height: 0.18vw;
    }

    .section-header-box {
        margin-bottom: 1.81vw;
    }

    .section-header-box .title-box {
        gap: 1.2vw;
    }

    .section-header-box .title-box h3 {
        font-size: 1.93vw;
    }

    .section-header-box .title-box p {
        font-size: 1.2vw;
    }

    .tab-content-box .section-header-box .go-list {
        font-size: 1.08vw;
    }

    .main-review-section .review-box {
        max-width: 20.42vw;
    }

    .main-review-section .tab-section-inner {
        min-height: 27.5vw;
    }

    .main-review-section .review-box .review-image-box {
        border-radius: 0.6vw;
        margin-bottom: 0.9vw;
    }

    .main-review-section .review-box .review-info-box {
        gap: 0.6vw;
        margin-bottom: 0.9vw;
    }

    .main-review-section .review-box .review-info-icon {
        width: 1.81vw;
    }

    .main-review-section .review-box .review-info p {
        font-size: 0.96vw;
        padding-left: 0.12vw;
    }

    .rating_star {
        width: 5.3vw;
        height: 0.96vw;
    }

    .review-content-box h5 {
        font-size: 0.96vw;
        margin-bottom: 0.6vw;
    }

    .review-content-box .review {
        font-size: 0.84vw;
        max-height: calc(1em * 1.4 * 2);
    }

    .tab-sns-section .tab-content-container {
        padding-top: 3.92vw;
    }

    .tab-section-inner .tab-btn-box {
        gap: 1.2vw;
    }

    .tab-sns-section .tab-section-inner {
        min-height: 32.23vw;
    }

    .digital-shorts-section h2,
    .total-wellness-solution-section h2 {
        padding: 0;
        margin-bottom: 0;
        font-size: 1.93vw;
    }

    /* 로사시 메인 리뉴얼 */
    .rosasi-main-content {
        margin-top: 80px;
    }

    .rosasi-main-content .main-v2-btn {
        min-width: 10.84vw;
    }

    .rosasi-main-content .main-v2-section {
        padding-top: 9.04vw;
    }

    .main-v2-section.digital-shorts-section {
        margin-bottom: 9.04vw;
    }

    .new-tag {
        font-size: 2.17vw;
        border-width: 0.18vw;
        height: 3.43vw;
        border-radius: 1.75vw;
        padding: 0.3vw 1.2vw;
        margin-bottom: 0.6vw;
    }
}


/* lg mobile - 780px 기준 */
@media screen and (max-width: 1024px) {
    .rating_star {
        width: 110px;
        height: 20px;
    }

    .main-visual-video-section {
        margin-top: 72px;
        height: auto;
    }

    .main-visual-video-section video {
        width: 100%;
        height: 100%;
    }

    .main-visual-section {
        margin-top: 0;
    }

    /* 1024px 이하 가로(태블릿)에서는 비디오 슬라이드가 계속 노출되므로 터치 타깃 최소 크기를 보정한다 */
    .video-content .video-mute-btn {
        top: max(0.98vw, 8px);
        left: max(0.98vw, 8px);
        width: max(2.93vw, 23px);
        height: max(2.93vw, 23px);
    }

    .video-content .video-mute-icon {
        width: max(1.56vw, 12px);
        height: max(1.56vw, 12px);
    }

    .event-timer-banner {
        border-radius: 0;
        margin-bottom: 0;
    }

    .event-timer-banner-inner {
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        max-width: none;
        padding: 0 2.56vw;
    }

    .event-timer-banner .main-v2-btn {
        max-width: 44.23vw;
        width: 100%;
    }

    .main-visual-text-box {
        padding-top: 5.13vw;
    }

    .main-visual-text-box h2 {
        font-size: 3.08vw;
        margin-bottom: 2.56vw;
    }

    .main-visual-text-box .main-description {
        font-size: 2.05vw;
        margin-bottom: 2.56vw;
    }

    .main-visual-text-box .main-description .caption {
        line-height: 130%;
        padding-top: 1.28vw;
        font-size: 1.79vw;
    }

    .main-v2-btn {
        border-radius: 0.64vw;
        font-size: 1.79vw;
    }

    .main-v2-section {
        padding-top: 7.69vw;
    }

    .visual-swiper .visual-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
        bottom: 3.85vw;
        width: 37.82vw;
    }

    .visual-swiper .visual-pagination .swiper-pagination-bullet {
        flex: 1;
        width: auto;
        height: 0.38vw;
    }

    .section-header-box {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 2.56vw;
        padding: 0 2.56vw;
    }

    .section-header-box .title-box {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 1.28vw;
    }

    .section-header-box .title-box h3 {
        font-size: 2.56vw;
    }

    .section-header-box .title-box p {
        font-size: 1.79vw;
    }

    .tab-content-box .section-header-box .go-list {
        display: block;
        font-size: 1.79vw;
    }

    .main-review-section .review-box {
        max-width: 100%;
        border-radius: 0;
    }

    .review-swiper {
        margin: 0;
    }

    .review-swiper .swiper-slide {
        padding: 0 2.56vw;
        max-width: 42.95vw;
    }

    .review-swiper .swiper-slide a {
        margin: 0 auto;
        display: block;
        height: auto;
    }

    .main-review-section .tab-section-inner {
        min-height: 60vw;
    }

    .main-review-section .review-box .review-image-box {
        border-radius: 1.28vw;
        margin-bottom: 1.28vw;
    }

    .main-review-section .review-box .review-info-box {
        gap: 1.28vw;
        margin-bottom: 1.92vw;
    }

    .main-review-section .review-box .review-info-icon {
        width: 3.85vw;
        min-width: 3.85vw;
    }

    .main-review-section .review-box .review-info {
        display: flex;
        flex-direction: column;
    }

    .main-review-section .review-box .review-info p {
        font-size: 2.05vw;
        padding-left: 0.26vw;
    }

    .rating_star {
        width: 11.28vw;
        height: 2.05vw;
    }

    .review-content-box h5 {
        font-size: 2.05vw;
        margin-bottom: 1.28vw;
    }

    .review-content-box .review {
        font-size: 1.79vw;
    }

    .tab-swiper .swiper-slide {
        padding: 0 2.56vw;
    }

    .tab-sns-section .tab-content-container {
        padding-top: 0;
    }

    .tab-section-inner .tab-btn-box {
        gap: 1.28vw;
    }

    .tab-sns-section .tab-section-inner {
        min-height: 65.5vw;
    }

    .tab-section-inner .tab-btn-box .tab-btn {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .digital-shorts-section h2,
    .total-wellness-solution-section h2 {
        padding: 0;
        margin-bottom: 0;
        font-size: 2.56vw;
    }

    .total-wellness-card-box {
        padding: 0 2.56vw;
    }

    .total-wellness-card {
        border-radius: 1.28vw;
        overflow: hidden;
    }

    /* 로사시 메인 리뉴얼 */
    .rosasi-main-content {
        margin-top: 72px;
    }

    .rosasi-main-content .main-v2-btn {
        min-width: 15vw;
    }

    .rosasi-main-content .main-v2-section {
        padding-top: 10.26vw;
    }

    .main-v2-section.digital-shorts-section {
        margin-bottom: 10.26vw;
        overflow: hidden;
    }

    .main-v2-section.digital-shorts-section .main-v2-inner {
        padding: 0;
    }

    .new-tag {
        font-size: 2.65vw;
        line-height: 130%;
        border-width: 0.22vw;
        height: 4.2vw;
        border-radius: 3.69vw;
        padding: 0.37vw 1.47vw;
        margin-bottom: 0.9vw;
    }


    .review-swiper .swiper-pagination span {
        padding: 0;
    }
}

@media screen and (max-width: 650px) {
    .main-pc-show {
        display: none;
    }

    .main-visual-section {
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 0;
        aspect-ratio: 375 / 620;
    }

    .main-visual-section .main-visual-swiper .swiper-slide .mobile-none {
        display: none;
    }

    .main-visual-section .main-visual-swiper .swiper-slide .mobile-show {
        opacity: 100%;
        display: block;
    }

    .main-visual-text-box {
        padding-top: 10.67vw;
    }

    .main-visual-text-box h2 {
        font-size: 6.67vw;
        margin-bottom: 5.33vw;
    }

    .main-visual-text-box .main-description {
        font-size: 4.27vw;
        margin-bottom: 5.33vw;
    }

    .main-visual-text-box .main-description .caption {
        line-height: 130%;
        padding-top: 2.67vw;
        font-size: 3.73vw;
    }

    .main-v2-btn {
        border-radius: 1.33vw;
        font-size: 3.73vw;
    }

    .main-v2-section {
        padding-top: 16vw;
    }

    .rosasi-main-content .main-v2-btn {
        min-width: 31.2vw;
    }

    .rosasi-main-content .main-v2-section {
        padding-top: 21.33vw;
    }

    .main-v2-section.digital-shorts-section {
        margin-bottom: 21.33vw;
    }

    .main-v2-section.digital-shorts-section .main-v2-inner {
        padding: 0;
    }

    .new-tag {
        font-size: 5.52vw;
        line-height: 130%;
        border-width: 0.46vw;
        height: 8.73vw;
        border-radius: 7.67vw;
        padding: 0.77vw 3.07vw;
        margin-bottom: 1.87vw;
    }

    /* .main-visual-content-box 하위 요소 - 512px 분기(main_v2_style_20251020.css)와 동일한 모바일 스타일 */
    .main-visual-content-box .main-v2-inner {
        max-width: none;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 8.5vw;
    }

    .main-visual-content-box .main-visual-text-box h2 {
        /* 512px 이하에선 20251020 css의 margin-bottom: 4vw !important가 우선 적용되므로 동일하게 맞춤 */
        margin-bottom: 4vw;
    }

    .main-visual-content-box .main-visual-text-box .main-description {
        white-space: nowrap;
    }

    .main-visual-content-box .main-button-box {
        gap: 4vw;
        height: 9.07vw;
    }

    .main-visual-content-box .main-v2-btn {
        min-width: 25.33vw;
        height: 9.07vw;
        gap: 2.67vw;
        padding: 0 5.333vw;
    }

    .main-visual-content-box .main-v2-btn.main {
        min-width: 26.67vw;
    }
}


/* mobile - 375px 기준 */
@media screen and (max-width: 512px) {
    .main-pc-show {
        display: none;
    }

    .main-visual-video-section {
        margin-top: 72px;
        aspect-ratio: 9 / 16;
        height: auto;
    }

    .main-visual-section {
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 0;
        aspect-ratio: 375 / 620;
    }

    .event-timer-banner {
        border-radius: 0;
        margin-bottom: 0;
    }

    .event-timer-banner-inner {
        max-width: none;
        padding: 0 5.33vw;
    }

    .event-timer-banner .main-v2-btn {
        max-width: none;
        width: 100%;
    }

    .main-visual-text-box {
        padding-top: 10.67vw;
    }

    .main-visual-text-box h2 {
        font-size: 6.67vw;
        margin-bottom: 5.33vw;
    }

    .main-visual-text-box .main-description {
        font-size: 4.27vw;
        margin-bottom: 5.33vw;
    }

    .main-visual-text-box .main-description .caption {
        line-height: 130%;
        padding-top: 2.67vw;
        font-size: 3.73vw;
    }

    .main-v2-btn {
        border-radius: 1.33vw;
        font-size: 3.73vw;
    }

    .main-v2-section {
        padding-top: 16vw;
    }

    .visual-swiper .visual-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
        bottom: 8vw;
        width: 78.67vw;
    }

    .visual-swiper .visual-pagination .swiper-pagination-bullet {
        flex: 1;
        width: auto;
        height: 0.8vw;
    }

    .section-header-box {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        margin-bottom: 5.33vw;
        padding: 0 5.33vw;
    }

    .section-header-box .title-box {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 2.67vw;
    }

    .section-header-box .title-box h3 {
        font-size: 5.33vw;
    }

    .section-header-box .title-box p {
        font-size: 3.73vw;
    }

    .tab-content-box .section-header-box .go-list {
        display: block;
        font-size: 3.73vw;
    }

    .main-review-section .review-box {
        max-width: 100%;
        border-radius: 0;
    }

    .review-swiper {
        margin: 0 auto;
    }

    .review-swiper .swiper-slide {
        padding: 0 5.33vw;
        max-width: 100%;
    }

    .review-swiper .swiper-slide a {
        margin: 0;
        display: block;
        height: auto;
        width: 100%;
    }

    .main-review-section .tab-section-inner {
        min-height: 130vw;
    }

    .main-review-section .review-box .review-image-box {
        border-radius: 2.67vw;
        margin-bottom: 2.67vw;
    }

    .main-review-section .review-box .review-info-box {
        gap: 2.67vw;
        margin-bottom: 2.67vw;
    }

    .main-review-section .review-box .review-info-icon {
        width: 8vw;
        min-width: 8vw;
    }

    .main-review-section .review-box .review-info {
        display: flex;
        flex-direction: column;
    }

    .main-review-section .review-box .review-info p {
        font-size: 4.27vw;
        padding-left: 0.53vw;
    }

    .rating_star {
        width: 23.47vw;
        height: 4.27vw;
    }

    .review-content-box h5 {
        font-size: 4.27vw;
        margin-bottom: 2.67vw;
        line-height: 100%;
    }

    .review-content-box .review {
        font-size: 3.73vw;
    }

    .review-swiper .swiper-pagination span {
        padding: 0;
    }

    .main-visual-section.middle-visual-section {
        height: 131.2vw;
    }

    .tab-swiper .swiper-slide {
        padding: 0 5.33vw;
    }

    .tab-sns-section .tab-content-container {
        padding-top: 0;
    }

    .tab-section-inner .tab-btn-box {
        gap: 2.67vw;
    }

    .tab-sns-section .tab-section-inner {
        min-height: 136vw;
    }

    .digital-shorts-section h2,
    .total-wellness-solution-section h2 {
        padding: 0;
        margin-bottom: 0;
        font-size: 5.33vw;
    }

    .total-wellness-card {
        border-radius: 2.67vw;
        height: 64.8vw;
        overflow: hidden;
    }

    /* 로사시 메인 리뉴얼 */
    .rosasi-main-content {
        margin-top: 72px;
    }

    .rosasi-main-content .main-v2-btn {
        min-width: 31.2vw;
    }

    .rosasi-main-content .main-v2-section {
        padding-top: 21.33vw;
    }

    .main-v2-section.digital-shorts-section {
        margin-bottom: 21.33vw;
    }

    .main-v2-section.digital-shorts-section .main-v2-inner {
        padding: 0;
    }

    .new-tag {
        font-size: 5.52vw;
        line-height: 130%;
        border-width: 0.46vw;
        height: 8.73vw;
        border-radius: 7.67vw;
        padding: 0.77vw 3.07vw;
        margin-bottom: 1.87vw;
    }

    .main-visual-content-box .main-button-box {
        gap: 4vw;
        height: 9.07vw;
    }

    .main-visual-content-box .main-v2-btn {
        min-width: 25.33vw;
        height: 9.07vw;
        gap: 2.67vw;
        padding: 0 5.333vw;
    }
}


/* 1차 통합 프로모션 배너 (main/_rosasi_banner.html .new 분기) */
.main-v2-section.new .rosasi-promo-banner {
    display: flex;
    justify-content: center;
    background-color: #88BFBA;
    box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.15);
    max-width: 1416px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
}

.main-v2-section.new .rosasi-promo-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1416px;
    min-height: 160px;
    padding: 0 35px;
}

.main-v2-section.new .rosasi-promo-title {
    display: flex;
    align-items: center;
    gap: 20px;
}

.main-v2-section.new .rosasi-promo-logo {
    width: 152px;
    min-width: 152px;
}

.main-v2-section.new .rosasi-promo-logo img {
    display: block;
    width: 100%;
}

.main-v2-section.new .rosasi-promo-title h3 {
    font-family:'NAMUH X Sans Bold',"WellnessSans_B", sans-serif;
    line-height: 140%;
    letter-spacing: 0;
    color: black;
    font-size: 32px;
    margin: 0;
}

.main-v2-section.new .rosasi-promo-title h3 .npay-point {
    color: white;
}

.main-v2-section.new .rosasi-promo-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:'NAMUH X Sans',"Pretendard", sans-serif;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0;
    color: white;
    white-space: nowrap;
    background-color: #040000;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 1px -1px 2px rgba(255, 250, 250, 0.02);
    font-size: 20px;
    height: 90px;
    padding: 0 40px;
    border-radius: 10px;
}

.main-v2-section.new .br-mo {
    display: none;
}

@media screen and (max-width: 1660px) {
    .main-v2-section.new .rosasi-promo-banner {
        max-width: 76vw;
        border-radius: 1.20vw;
    }

    .main-v2-section.new .rosasi-promo-inner {
        max-width: 76vw;
        min-height: 9.64vw;
        padding: 0 2.11vw;
    }

    .main-v2-section.new .rosasi-promo-title {
        gap: 1.2vw;
    }

    .main-v2-section.new .rosasi-promo-logo {
        width: 9.16vw;
        min-width: 9.16vw;
    }

    .main-v2-section.new .rosasi-promo-title h3 {
        font-size: 1.93vw;
    }

    .main-v2-section.new .rosasi-promo-btn {
        font-size: 1.2vw;
        height: 5.42vw;
        padding: 0 2.41vw;
        border-radius: 0.6vw;
    }
}

@media screen and (max-width: 1024px) {
    .main-v2-section.new .rosasi-promo-banner {
        max-width: none;
        margin: 0 2.56vw;
    }

    .main-v2-section.new .rosasi-promo-inner {
        flex-direction: column;
        max-width: none;
        min-height: auto;
        padding: 2.56vw;
        gap: 2.56vw;
    }

    .main-v2-section.new .rosasi-promo-title {
        flex-direction: column;
        gap: 1.28vw;
        width: 100%;
    }

    .main-v2-section.new .rosasi-promo-logo {
        width: 26.28vw;
        min-width: 26.28vw;
    }

    .main-v2-section.new .rosasi-promo-title h3 {
        text-align: center;
        font-size: 4.1vw;
    }

    .main-v2-section.new .rosasi-promo-title h3 .promo-catch {
        font-size: 2.56vw;
    }

    .main-v2-section.new .br-pc {
        display: none;
    }

    .main-v2-section.new .br-mo {
        display: inline;
    }

    .main-v2-section.new .rosasi-promo-btn {
        width: 100%;
        font-size: 2.56vw;
        height: 6.41vw;
        padding: 0;
        border-radius: 1.28vw;
    }
}

@media screen and (max-width: 512px) {
    .main-pc-show {
        display: none;
    }

    .main-v2-section.new .rosasi-promo-inner {
        padding: 5.33vw;
        gap: 5.33vw;
    }

    .main-v2-section.new .rosasi-promo-title {
        gap: 2.67vw;
    }

    .main-v2-section.new .rosasi-promo-logo {
        width: 54.67vw;
        min-width: 54.67vw;
    }

    .main-v2-section.new .rosasi-promo-title h3 {
        font-size: 8.53vw;
    }

    .main-v2-section.new .rosasi-promo-title h3 .promo-catch {
        font-size: 5.33vw;
    }

    .main-v2-section.new .rosasi-promo-btn {
        font-size: 5.33vw;
        height: 13.33vw;
        border-radius: 2.67vw;
    }
}
}
#official-main{background:#000;color:white;--brandcolor-normal:#8ce2d0;--greycolor-grey08:#111;font-family:'NAMUH X Sans',Pretendard,'Noto Sans KR','Malgun Gothic',sans-serif;overflow:hidden}#official-main h1,#official-main h2,#official-main h3,#official-main h4,#official-main h5,#official-main p{margin-top:0}#official-main .main-visual-section:first-child{margin-top:0}#official-main .main-v2-inner{padding-left:24px;padding-right:24px}#official-main .visual-swiper{position:relative}#official-main .visual-swiper>.swiper-wrapper{position:relative;width:100%;height:100%}#official-main .visual-swiper>.swiper-wrapper>.swiper-slide{height:100%;display:none}#official-main .visual-swiper>.swiper-wrapper>.swiper-slide.is-active{display:block}#official-main .visual-pagination{position:absolute;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:12}#official-main .visual-pagination button{border:0;padding:0;cursor:pointer;height:4px;min-width:45px;background:#617d78}#official-main .visual-pagination button[aria-current=true]{background:#8ce2d0}#official-main .main-button-box a{white-space:nowrap}#official-main .main-visual-section .video-content-frame video{width:100%;height:100%;object-fit:contain}#official-main .tab-content-box:not(.active){display:none}#official-main .tab-content-box.active{display:block}#official-main .tab-swiper>.swiper-wrapper,#official-main .review-swiper>.swiper-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px}#official-main .tab-swiper .swiper-slide,#official-main .review-swiper .swiper-slide{flex:0 0 85%;scroll-snap-align:center}#official-main .review-box{cursor:pointer}#official-main .service-inner img{max-width:100%}#official-main .popup_btn::after{display:none}#official-main .video-mute-btn{z-index:13}#official-main .total-wellness-card button{cursor:pointer}#official-main .rosasi-banner{position:relative}#official-main .section-header-box h2{color:#fff}.original-modal{background:#14191c;color:#fff;width:min(720px,calc(100% - 36px));max-width:900px;max-height:85vh;padding:40px;overflow:auto}.original-modal small{display:block;color:#96aaa1;font-size:11px;margin-top:25px}.original-modal-close{position:absolute;right:12px;top:8px;background:none;border:0;color:white;font-size:28px}.original-modal-content>img{max-width:100%;height:auto}.original-modal-content .review-image-box img{max-width:100%}.original-modal-content .review-info-icon{display:none}.original-modal-content .review{line-height:1.8}.original-modal-content h5{font-size:20px}.original-modal video{width:100%;max-height:70vh}.video-modal{width:min(1000px,calc(100% - 36px));max-width:1000px;padding:35px 15px 15px}@media(max-width:750px){#official-main .main-v2-inner{padding-left:20px;padding-right:20px}#official-main .main-visual-swiper .video-content{aspect-ratio:750/1200}#official-main .visual-pagination button{min-width:32px;height:4px}#official-main .tab-swiper .swiper-slide,#official-main .review-swiper .swiper-slide{min-width:80%}.original-modal{padding:35px 22px}#official-main .main-v2-section{padding-top:60px}}@media(prefers-reduced-motion:reduce){#official-main *{animation:none!important;transition:none!important}}
/* Keep the original shorts carousel visible even when the source CDN blocks preloading. */
#official-main .digital-shorts-section [data-dsr-island]>div>div{opacity:1!important}

/* Tab buttons retain the existing typography without browser-default grey fills. */
#official-main .tab-btn-box .tab-btn{appearance:none;background:transparent;border:0;padding:0;cursor:pointer}
/* Keep hero action text readable without relying on an undeclared webfont. */
#official-main .main-visual-swiper .main-v2-btn{font-family:'NAMUH X Sans',Arial,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-size:clamp(16px,1.2vw,20px);font-weight:500;line-height:1.35;letter-spacing:normal;min-height:44px}
/* Requested hero artwork reduction: keep the source composite and stage height. */
#official-main .main-visual-swiper>.swiper-wrapper>.swiper-slide:first-child{background:#448f89}
#official-main .main-visual-swiper>.swiper-wrapper>.swiper-slide:first-child>img{object-fit:contain;transform:scale(.9);transform-origin:center bottom}
/* Middle slides use their portrait originals throughout the mobile breakpoint. */
@media(max-width:650px){
  #official-main .main-visual-section.middle-visual-section{height:auto;aspect-ratio:1125/1476}
  #official-main .middle-visual-swiper .swiper-slide>img.mobile-none{display:none;opacity:0}
  #official-main .middle-visual-swiper .swiper-slide>img.mobile-show{display:block;opacity:1;object-fit:contain;width:100%;height:100%}
}
/* Hide only the pale top/left pixel seam embedded in the original desktop JPEG.
   Keep the source file, artwork scale, stage size and overlaid text unchanged. */
#official-main .main-visual-swiper>.swiper-wrapper>.swiper-slide:first-child>img.mobile-none[src$="main_visual_slide_1_202609071818.jpg"]{clip-path:inset(2px 0 0 2px)}