@charset "utf-8";

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

body,th,td,input,select,textarea,button,pre{ font-weight:300; }

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

/* -------------------------------------- Header -------------------------------------- */
.layout_header { box-shadow:0 1px rgba(0, 0, 0, 0.1); }
.layout_header .util_wrap { padding-top:10px; border:none; }
.layout_header .util_wrap a { color:#333; }
.layout_header .util_wrap_menu2 { padding-right:320px; }
.layout_header .util_wrap_menu2>li { background-image:none; }
.layout_header .util_wrap_menu2>li>a { padding-left:12px; padding-right:12px; }
.layout_header .util_wrap_menu2 .respCartArea .img { display:inline-block; width:25px; height:20px; vertical-align:top; margin-top:10px; background:url('../images/design_resp/icon_cart_701.png') 0 50% no-repeat; }
.layout_header .util_wrap_menu2 .respCartArea .cart_cnt1 { position:absolute; top:5px; right:-5px; }
#layout_header .benefit { top:33px; }


.resp_top_search .search_ver2 { opacity:1; overflow:visible; transform:translateX(0); }
.resp_top_search .search_ver2 .search_new .input_area button.close { display:none; }
.resp_top_search .search_ver2 .search_new .input_area button.search { background-size:16px; }
.resp_top_search .search_ver2 .search_new .input_area .cont { width:280px; text-align:left; border-radius:0; border:none; border-bottom:1px #333 solid; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box { width:243px; }
.resp_top_search .search_ver2 .search_new .input_area label.search_box>input[type='text'] { padding-left:5px; }
.resp_top_search .search_ver2 .search_new .contetns_area { width:278px; border-color:#333; }
.resp_top_search .search_ver2 .search_new .autocomplete_banner { border-color:#333; }


.layout_header .logo_wrap .resp_wrap { height:75px; }
.layout_header .logo_wrap .logo_area { margin:0; position:relative; top:-35px; width: auto; justify-content: flex-start; }
.layout_header .logo_wrap .logo_area>a { height:110px; }

.layout_header .nav_wrap,
.categoryAllBtn, .brandAllBtn, .locationAllBtn { border:none; font-weight:400; }
.layout_header .nav_wrap .respCategoryList>li,
.layout_header .nav_wrap .respCategoryList .custom_nav_link { text-align:center; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink { font-weight:700; font-size: 18px; }
.layout_header .nav_wrap .respCategoryList .categoryDepthLink>em:after { padding-top:3px; }
.layout_header .nav_wrap .respCategoryList .custom_nav_link .categoryDepthLink { color:#333; }
.layout_header .nav_wrap .respCategoryList .nav_category_all { width:90px; }

.layout_header .resp_top_cart { top:0; right:10px; margin-top:-38px; }

/* [하이팜] 이벤트존 드롭다운 왼쪽 정렬 (2025-08-11) */
#cateSwiper .designCategoryNavigation .respCategoryList li ul,
#cateSwiper .designCategoryNavigation .respCategoryList li ul li,
#cateSwiper .designCategoryNavigation .respCategoryList li ul li a {
  text-align: left !important;
}

/* 혹시 a가 flex라서 오른쪽으로 붙는 경우 대비 */
#cateSwiper .designCategoryNavigation .respCategoryList li ul li a {
  display: flex;
  justify-content: flex-start !important;
}

/* 카테고리 햄거버 */
.layout_header .nav_wrap .respCategoryList .category_burger { vertical-align:top; padding-top:13px; padding-right:40px; display:none; }
.resp_top_hamburger { position:static; left:auto; top:auto; margin-top:0; }
.side_close.on:before { transform:rotate(135deg); transition-delay:1.6s; }
.side_close.on:after { transform:rotate(-135deg); transition-delay:1.6s; }

@media only screen and (max-width:1023px) {
   .layout_header .util_wrap_menu2 { padding-right:54px; }
   .layout_header .logo_wrap .resp_wrap { height:50px; padding-top:10px; padding-bottom:10px; }
   .layout_header .logo_wrap .logo_area { top:-50px; }
   .layout_header .nav_wrap .respCategoryList .category_burger { padding-left:10px; }
}
@media only screen and (max-width:767px) {
   .layout_header .logo_wrap .resp_wrap { height:auto; min-height:70px; }
   .layout_header .logo_wrap .logo_area { top:0; }
   .layout_header .logo_wrap .logo_area>a {height:70px;}
   .layout_header .resp_top_cart { top:50%; right:50px; margin-top:-17px; }
   .resp_top_search .search_ver2 { opacity:0; overflow:hidden; transform:translateX(-20px); }
}
@media only screen and (max-width:479px) {
   .layout_header .logo_wrap .resp_wrap { height:auto; min-height:56px; }
   .layout_header .logo_wrap .logo_area>a { height:56px; }
}
/* -------------------------------------- //Header -------------------------------------- */

/* -------------------------------------- Footer -------------------------------------- */
.layout_footer { background:#f9f9f9; padding:40px 0 20px; margin-top:80px; font-size:14px; font-weight:300; }
.layout_footer a:hover, .layout_footer a:focus { text-decoration:underline; }
.layout_footer a.link_f:after,
.layout_footer span.link_f>a:after { content:' >'; }
.layout_footer .footer_contents:after {content:""; display:block; clear:both;}
.layout_footer .footer_contents>li { float:left;  box-sizing:border-box; width:40%; padding-right:20px; }
.layout_footer .footer_contents>li.footer_7c { width:20%; padding-right:0; }

.layout_footer .menu_7a1 { padding-top:20px; }
.layout_footer .menu_7a1>li { padding-top:4px; }
.layout_footer .menu_7a1>li.company { display:inline-block; vertical-align:top; margin-right:20px; color:#333; font-weight:400; }
.layout_footer .menu_7a1>li.ceo { display:inline-block; vertical-align:top; color:#333; font-weight:400; }
.layout_footer .menu_7a1>li.phone { display:inline-block; vertical-align:top; margin-right:20px; }
.layout_footer .menu_7a1>li.fax { display:inline-block; vertical-align:top; }

.layout_footer .menu_7b1>li { padding-top:4px; }
.layout_footer .menu_7b1>li.company_phone { font-size:27px; font-weight:100; }

.layout_footer .menu_7c1>li { padding-top:4px; }

.layout_footer .privacy a { font-weight:400; color:#333; }
.layout_footer .copyright { margin-top:10px; font-size:11px; }
.layout_footer .title_f {  margin-top:23px; font-size:14px; color:#333; }
.layout_footer .escro { margin-top:20px; }

@media only screen and (max-width:1023px) {
   .layout_footer .footer_contents>li { width:50%; }
   .layout_footer .footer_contents>li.footer_7c { width:100%; }
}
@media only screen and (max-width:767px) {
   .layout_footer .footer_contents>li.footer_7a,
   .layout_footer .footer_contents>li.footer_7b,
   .layout_footer .footer_contents>li.footer_7c { width:100%; }
}
/* -------------------------------------- //Footer -------------------------------------- */

/* -------------------------------------- 메인 -------------------------------------- */
/* 비쥬얼 슬라이드배너( .main_visual_07a ) */
.main_visual_07a { padding-bottom:40px; }
.main_visual_07a .slick-slide { margin:0 8px; position:relative; text-align:center; }
.main_visual_07a .slide_contents { position:absolute; left:0; top:0; right:0; bottom:0; }
.main_visual_07a .wrap1 {  position:absolute; left:0; top:0; display:table; width:100%; height:100%; }
.main_visual_07a .wrap2 { display:table-cell; vertical-align:bottom; color:#fff; transition:all 0.2s; }
.main_visual_07a .text_wrap { padding:10px 20px 40px; }
.main_visual_07a .text_wrap .text1 { font-size:58px; font-weight:300; line-height:1.2; text-shadow:0 0 1px #767676; transition:text-shadow .2s linear; }
.main_visual_07a .text_wrap .text2 { padding-top:20px; font-size:19px; font-weight:100; text-shadow:0 0 2px #666; transition:text-shadow .2s linear; }
.main_visual_07a .text_wrap .btns a { display:block; position:absolute; left:0; top:0; right:0; bottom:0; }
.main_visual_07a .wrap1:hover .wrap2 { background:rgba(0,0,0,0.2); }
.main_visual_07a .wrap1:hover .text1 { text-shadow:0 0 6px #fffb85; transition-delay:.1s; }
.main_visual_07a .wrap1:hover .text2 { text-shadow:0 0 4px #fffb85; transition-delay:.1s; }
.main_visual_07a .slick-dots { bottom:-30px; }
.main_visual_07a .slick-dots>li { padding:0 6px; }
.main_visual_07a .slick-dots>li>button { width:12px; height:12px; border-radius:6px; opacity:1; transition:all 0.4s; box-shadow:none; border:1px #bbb solid; }
.main_visual_07a .slick-dots>li.slick-active>button { border-color:#464646; background-color:#464646; }

.main_visual_07a .slick-slider .slick-arrow { top:calc( 50% - 40px ); width:52px; height:100px; border-radius:0; background-color:transparent; background-size:auto; }
.main_visual_07a .slick-slider:hover .slick-arrow { opacity:1; }
.main_visual_07a .slick-slider:hover .slick-arrow:hover { opacity:0.8; background-color:#444; }
.main_visual_07a .slick-slider .slick-prev { left:53px; background-image:url('../images/design_resp/arr_prev_0701.png'); background-position:50% 50%; }
.main_visual_07a .slick-slider .slick-next { right:53px; background-image:url('../images/design_resp/arr_next_0701.png'); background-position:50% 50%; }

@media only screen and (max-width:1280px) {
   .main_visual_07a .text_wrap { padding:10px 10px 30px; }
   .main_visual_07a .text_wrap .text1 { font-size:48px;  }
   .main_visual_07a .text_wrap .text2 { padding-top:16px; font-size:18px; }
}
@media only screen and (max-width:1024px) {
   .main_visual_07a .text_wrap { padding:10px 10px 20px; }
   .main_visual_07a .text_wrap .text1 { font-size:40px;  }
   .main_visual_07a .text_wrap .text2 { padding-top:15px; font-size:17px; }
}
@media only screen and (max-width:768px) {
   .main_visual_07a .slick-slide { margin:0 4px; }
   .main_visual_07a .text_wrap .text1 { font-size:34px;  }
   .main_visual_07a .text_wrap .text2 { padding-top:14px; font-size:16px; }
}
/* //비쥬얼 슬라이드배너( .main_visual_07a ) */


.main_title_a { font-size:24px; line-height:1.2; font-weight:400; color:#333; text-align:center; margin:90px 0 40px; }

.main_bnr_x1 { display:table; width:100%; table-layout:fixed; }
.main_bnr_x1>li { display:table-cell; vertical-align:middle; }
.main_bnr_x1>li.img_area { width:63%; }
.main_bnr_x1>li.text_area { padding-left:6%; }
.main_bnr_x1 .title { font-size:21px; line-height:1.3; font-weight:400; }
.main_bnr_x1 .subject { margin-top:20px; font-size:30px; line-height:1.3; font-weight:700; }
.main_bnr_x1 .desc { margin-top:20px; font-size:15px; line-height:1.6; font-weight:300; }
.main_bnr_x1 .desc a { color:#767676; }

.main_bnr_x2 { margin-top:100px; text-align:center; position:relative; overflow:hidden; }
.main_bnr_x2 .text_area { position:absolute; left:0; top:50%; right:0; transform:translateY(-50%); text-align:left; }
.main_bnr_x2 .title { font-size:21px; line-height:1.3; font-weight:500; }
.main_bnr_x2 .subject { margin-top:20px; font-size:54px; line-height:1.2; font-weight:700; }
.main_bnr_x2 .desc { margin-top:20px; font-size:15px; line-height:1.6; font-weight:300; }

@media only screen and (max-width:1279px) {
   .main_bnr_x2 .img_area img { max-width:120%; margin-left:-10%; margin-right:-10%; }
   .main_bnr_x2 .subject { font-size:52px; }
}
@media only screen and (max-width:1023px) {
   .main_title_a { margin:80px 0 32px; }

   .main_bnr_x1>li.img_area { width:50%; vertical-align:top; }
   .main_bnr_x1>li.text_area { padding-left:5%; }
   .main_bnr_x1 .title { font-size:20px; }
   .main_bnr_x1 .subject { font-size:28px; }

   .main_bnr_x2 .img_area img { max-width:140%; margin-left:-20%; margin-right:-20%; }
   .main_bnr_x2 .subject { margin-top:18px; font-size:46px; }
   .main_bnr_x2 .desc { margin-top:18px; }
}
@media only screen and (max-width:767px) {
   .main_title_a { margin:70px 0 26px; font-size:21px; }

   .main_bnr_x1>li.text_area { padding-left:4%; }
   .main_bnr_x1 .title { font-size:19px; }
   .main_bnr_x1 .subject { margin-top:15px; font-size:24px; }
   .main_bnr_x1 .desc { margin-top:15px; }

   .main_bnr_x2 .img_area img { max-width:160%; margin-left:-30%; margin-right:-30%; }
   .main_bnr_x2 .title { font-size:18px; }
   .main_bnr_x2 .subject { margin-top:15px; font-size:40px; }
   .main_bnr_x2 .desc { margin-top:15px; }
}
@media only screen and (max-width:639px) {
   .main_bnr_x1 { display:block; width:auto; }
   .main_bnr_x1>li { display:block; }
   .main_bnr_x1>li.img_area { width:100%; }
   .main_bnr_x1>li.text_area { padding-left:0; }
   .main_bnr_x1 .title { margin-top:20px; }

   .main_bnr_x2 { margin-top:70px; }
   .main_bnr_x2 .img_area img { max-width:180%; margin-left:-40%; margin-right:-40%; }
   .main_bnr_x2 .subject { margin-top:12px; font-size:32px; }
   .main_bnr_x2 .desc { margin-top:12px; }
}
@media only screen and (max-width:479px) {
   .main_title_a { margin:60px 0 20px; }
   .main_bnr_x1 .title { font-size:18px; }
   .main_bnr_x1 .subject { margin-top:12px; font-size:21px; }
   .main_bnr_x1 .desc { margin-top:12px; }

   .main_bnr_x2 .img_area img { max-width:200%; margin-left:-50%; margin-right:-50%; }
   .main_bnr_x1 .title { font-size:17px; }
   .main_bnr_x2 .subject { margin-top:10px; font-size:29px; }
   .main_bnr_x2 .desc { margin-top:10px; font-size:13px; }
}
/* -------------------------------------- //메인 -------------------------------------- */


/* -------------------------------------- 상품디스플레이 -------------------------------------- */
.goodS_info { font-weight:300; }
.displaY_sales_price .nuM, .displaY_goods_price .nuM { font-weight:300; }
.displaY_sales_percent .nuM { font-size:15px; font-weight:300; }
.displaY_sales_percent { color:#ff4800; }

.infO_style_2 .displaY_sales_percent:after { display:none; }

.style_3_custom1 .infO_style_3 .displaY_brand_name { display:block; font-size:12px; font-weight:400; color:#7699a4; }
.style_3_custom1 .infO_style_3 .displaY_brand_name .areA:before,
.style_3_custom1 .infO_style_3 .displaY_brand_name .areA:after { content:''; }
.style_3_custom1 .infO_style_3 .displaY_goods_name { display:block; padding-top:8px; }
.style_3_custom1 .infO_style_3 .displaY_icon_images,
.style_3_custom1 .infO_style_3 .displaY_color_option { display:none; }
.style_3_custom1 .infO_style_3 .displaY_sales_price .nuM,
.style_3_custom1 .infO_style_3 .displaY_goods_price .nuM { font-weight:300; }

.style_3_custom2 .display_responsible_class .goods_list { margin-left:1px; }
.style_3_custom2 .display_responsible_class .goods_list li.gl_item { padding:0; }
.style_3_custom2 .gl_inner_item_wrap { padding:20px; border:1px #e6e6e6 solid; margin-left:-1px; margin-bottom:-1px; }
.style_3_custom2 .infO_style_3 .displaY_brand_name { display:block; font-size:12px; font-weight:400; color:#333; }
.style_3_custom2 .infO_style_3 .displaY_brand_name .areA:before,
.style_3_custom2 .infO_style_3 .displaY_brand_name .areA:after { content:''; }
.style_3_custom2 .infO_style_3 .displaY_goods_name { display:block; padding-top:8px; font-size:13px; }
.style_3_custom2 .infO_style_3 .displaY_goods_name a { color:#999; }
.style_3_custom2 .infO_style_3 .displaY_sales_price .nuM, .style_3_custom2 .infO_style_3 .displaY_goods_price .nuM { font-size:13px; color:#999; }

.style_3_custom2 .infO_style_3 .displaY_icon_images,
.style_3_custom2 .infO_style_3 .displaY_color_option { display:none; }

.style_4_custom1 .infO_style_4 .displaY_goods_name { border:none; padding-bottom:0; }
.style_4_custom1 .infO_style_4 .displaY_goods_short_desc { display:none; }

.display_tab_custom ul.displayTabType1 { text-align:center; }
.display_tab_custom ul.displayTabType1>li { float:none; display:inline-block; width:auto !important; border:none; background:transparent; font-size:15px; padding:0 25px; }
.display_tab_custom ul.displayTabType1>li.current { font-weight:500; }

[data-effect*="translateY_01"] .gl_item .respItemImageArea,
[data-effect*="translateY_01"] .slink { transition:transform 0.2s; }
[data-effect*="translateY_01"] .gl_item:hover .respItemImageArea,
[data-effect*="translateY_01"] .slink:hover { transform:translateY( -10px ); }

@media only screen and (max-width:1023px) {
   .style_3_custom2 .gl_inner_item_wrap { padding:10px; }
}
@media only screen and (max-width:639px) {
   .display_tab_custom ul.displayTabType1>li { padding:0 15px; }
}
/* -------------------------------------- //상품디스플레이 -------------------------------------- */

/* -------------------------------------- 상품 리스트 페이지 -------------------------------------- */
.searched_item_display .item_info_area .goods_price_area .discount_rate { color:#ff4800; }
.searched_item_display[data-displaytype='lattice'] .item_info_area .goods_price_area .discount_rate { float:right; margin-right:10px; }
.searched_item_display .item_info_area .goods_price_area .discount_rate .num { font-size:17px; font-weight:300; }
.searched_item_display .item_info_area .goods_price_area .discount_rate:after { content:''; display:none; }
.searched_item_display .item_info_area .goods_price_area .sale_price .num,
.searched_item_display .item_info_area .goods_sold_area .num { font-weight:400; }

.searched_item_display .item_info_area .goods_name_area .brand_name { display:block; padding-bottom:5px; font-size:12px; font-weight:400; color:#7699a4; }
.searched_item_display .item_info_area .goods_name_area .brand_name:before,
.searched_item_display .item_info_area .goods_name_area .brand_name:after { display:none; }
/* -------------------------------------- //상품 리스트 페이지 -------------------------------------- */

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


/* ========== 상품상세: 대량구매 영역 스타일 ========== */

/* 컨테이너 배경/여백 */
.goods_spec_large_purchase{
  background:#f7f9fc;              /* 원하는 배경색 */
  border:1px solid #e6edf5;
  border-radius:12px;
  padding:16px 16px 14px;
  margin-top:14px;
}

/* 제목(대량구매) 폰트 */
.goods_spec_large_purchase .detail_spec_table .th span{
  font-size:18px;                   /* 폰트 크기 */
  font-weight:700;                  /* 굵기 */
  color:#000;                    /* 색상 */
  padding:2px 8px;
}

/* 본문 텍스트(요약 문구) */
.goods_spec_large_purchase .detail_spec_table > li:not(.th):not(.btn_area1){
  font-size:14.5px;
  color:#2b2b2b;
  line-height:1.6;
}

/* '자세히' 버튼 커스텀 */
.goods_spec_large_purchase .btn_area1 .btn_open_small{
  border:1px solid #d4ddeb !important;
  background:#eaf1ff !important;
  color:#244b9a !important;
  border-radius:8px;
  padding:2px10px;
  font-weight:600;
}
.goods_spec_large_purchase .btn_area1 .btn_open_small:hover{
  background:#dfe9ff !important;
}

/* 펼쳐지는 상세 레이어(#multi) */
#multi.detail_option_list{
  background:#ffffff;
  border:1px solid #e3e8ee;
  border-radius:10px;
  padding:12px 16px;
  margin-top:10px;
}

/* 상세 리스트 글자/간격 */
#multi.detail_option_list ul > li{
  font-size:16px;
  color:#333;
  line-height:1.55;
  padding:6px 0;
  list-style:disc;
  margin-left:18px; /* 불릿 들여쓰기 */
}

/* 모바일 살짝 축소 */
@media (max-width:1023px){
  .goods_spec_large_purchase{ padding:12px; border-radius:10px; }
  .goods_spec_large_purchase .detail_spec_table .th span{ font-size:16px; }
  #multi.detail_option_list{ padding:10px 12px; }
}


/* ========== NEW PRODUCT 폰트스타일 적용 20250814 ========== */
/* =========================
   NEW / BEST 상품명 · 가격 스타일 일괄 적용
   ========================= */

/* NEW PRODUCT (스와이프형) */
.show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_goods_name a{
  font-size:16px !important;
  font-weight:700 !important;
  color:#222 !important;
  line-height:1.35;
}
.show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_sales_price .nuM{
  font-size:20px !important;
  font-weight:700 !important;
  color:#222 !important;
}
.show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_goods_price .nuM{
  font-size:13px !important;
  font-weight:700 !important;
  color:#222 !important;
  text-decoration:line-through;
}

/* BEST PRODUCT (격자형, responsible) */
.show_display_col4.style_3_custom1 .display_responsible_class .displaY_goods_name a{
  font-size:16px !important;
  font-weight:700 !important;
  color:#222 !important;
  line-height:1.35;
}
.show_display_col4.style_3_custom1 .display_responsible_class .displaY_sales_price .nuM{
  font-size:20px !important;
  font-weight:700 !important;
  color:#222 !important;
}
.show_display_col4.style_3_custom1 .display_responsible_class .displaY_goods_price .nuM{
  font-size:13px !important;
  font-weight:700 !important;
  color:#222 !important;
  text-decoration:line-through;
}

/* 모바일 폰트 크기 보정 */
@media (max-width:1023px){
  .show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_goods_name a,
  .show_display_col4.style_3_custom1 .display_responsible_class .displaY_goods_name a{
    font-size:16px !important;
  }
  .show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_sales_price .nuM,
  .show_display_col4.style_3_custom1 .display_responsible_class .displaY_sales_price .nuM{
    font-size:20px !important;
  }
}
@media (max-width:640px){
  .show_display_col3.style_4_custom1 .display_slide_class .goods_display_slide_wrap .displaY_goods_name a,
  .show_display_col4.style_3_custom1 .display_responsible_class .displaY_goods_name a{
    font-size:15px !important;
  }
}


/* ========== PC 검색창 적용 20250821 ========== */

/* 퍼스트몰 기본 재검색 UI(필터 내부) 숨김 – 중복 방지 */
.search_filter_wrap .reresearch_area { display:none !important; }

/* 커스텀 '결과 내 재검색' 박스 – _search_form_light.html 최상단에 1개만 출력 */
.inner-search{
  margin: 10px 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.inner-search input[type="search"]{
  flex: 1;               /* 컨테이너에서 가능한 넓이로 */
  min-width: 320px;      /* PC 기준 최소폭 */
  height: 34px;
  padding: 0 10px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 14px;
  box-sizing: border-box;
}
.inner-search .btn{
  height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 6px;
  background: #20bcd7;  /* 포인트 컬러 */
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}
@media (max-width: 1024px){
  .inner-search input[type="search"]{ min-width: 260px; }
}
@media (max-width: 768px){
  .inner-search input[type="search"]{ min-width: 0; width: 100%; }
}

/* ===== 결과 내 재검색 – 모바일 전용 보정 ===== */
.search_filter_wrap .inner-search{
  display:flex;
  align-items:center;
  gap:8px;
  /* 주위 float/그리드 영향 제거 */
  clear:both;
  width:100%;
  padding:8px 10px;
  box-sizing:border-box;
}

.search_filter_wrap .inner-search input[type="search"]{
  flex:1 1 auto;
  min-width:0;
  height:44px;                       /* 크기 통일 */
  padding:0 12px;
  border:1px solid #cfd4da;
  border-radius:10px;
  font-size:16px;                    /* iOS 줌 방지 (16px 이상) */
  line-height:44px;
  box-sizing:border-box;
  -webkit-appearance:none;           /* iOS 기본스타일 제거 */
}

.search_filter_wrap .inner-search .btn{
  height:44px;
  padding:0 16px;
  border:0;
  border-radius:10px;
  background:#20bcd7;
  color:#fff;
  font-weight:700;
  font-size:16px;                    /* 버튼도 16px로 */
  white-space:nowrap;
}

/* 더 작은 화면에서도 동일하게 유지 */
@media (max-width:640px){
  .search_filter_wrap .inner-search{ padding:8px 8px; }
  .search_filter_wrap .inner-search .btn{ padding:0 14px; }
}

/* 퍼스트몰 기본 필터 내부 재검색 UI는 계속 숨김(중복 방지) */
.search_filter_wrap .reresearch_area{ display:none !important; }

/* 항상 회색 라인 + 은은한 그림자 보이게 */
#layout_header.sticky-fixed,
.layout_header.sticky-fixed{
  border-bottom:1px solid #e5e7eb !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.06) !important;
}

/* 헤더 높이만큼 본문 보정(이미 쓰고 있다면 유지) */
:root{ --header-h: 0px; }
body.has-sticky-header #layout_body{ padding-top: var(--header-h); }

/* 고정 헤더 */
#layout_header.sticky-fixed,
.layout_header.sticky-fixed{
  position: fixed; top:0; left:0; right:0;
  z-index: 1200;        /* ★ 과도한 2억… 같은 값 말고 1000~2000대 권장 */
  background:#fff;
}


/* ==============================================
   HiPharmKorea – 메인 정리본 (모바일 우선)
   - 모바일 로고 46px 고정(스크롤 무영향)
   - 고정헤더 보정(padding-top 자동)
   - NEW PRODUCT 슬라이드: 모바일/PC 한 칸 중앙
   - 화살표 원형 버튼 + 문자 화살표(에셋/폰트 불필요)
   - 360px 이하 보정 + 가로 스크롤 방지
   ============================================== */
@media (max-width:640px){
    .show_display_col3.style_4_custom1 .swiper-button-prev,
    .show_display_col3.style_4_custom1 .swiper-button-next{display: block !important;}

    /* OFF START: 스와이퍼 레이아웃 계산 방해 */
    /* .show_display_col3.style_4_custom1 .swiper-slide>li.gl_item { width: 100% !important;}
       .show_display_col3.style_4_custom1 .swiper-slide>li.gl_item .respItemImageArea {text-align:center;} */
    /* OFF END */
}

/* ---------- 0) 공통: 슬라이드 화살표 모양 ---------- */
.show_display_col3.style_4_custom1 .swiper-button-prev,
.show_display_col3.style_4_custom1 .swiper-button-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--arrow-size, 44px);
  height: var(--arrow-size, 44px);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
  z-index: 25 !important;
  display: block !important;
  opacity: 1 !important;
  pointer-events: auto;
}
.show_display_col3.style_4_custom1 .swiper-button-prev{ left: 6px; }
.show_display_col3.style_4_custom1 .swiper-button-next{ right: 6px; }

/* 문자 화살표(에셋/아이콘폰트 불필요) */
.show_display_col3.style_4_custom1 .swiper-button-prev::after{ content: "‹"; }
.show_display_col3.style_4_custom1 .swiper-button-next::after{ content: "›"; }
.show_display_col3.style_4_custom1 .swiper-button-prev::after,
.show_display_col3.style_4_custom1 .swiper-button-next::after{
  position: absolute; left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--arrow-icon, 20px);
  line-height: 1;
  color: #222; font-weight: 700;
  pointer-events: none;
}

/* 비활성 화살표 */
.show_display_col3.style_4_custom1 .swiper-button-disabled{
  opacity: .35 !important;
  pointer-events: none !important;
}

.style_4_custom1.show_display_col3 .display_slide_class .swiper-slide>li.gl_item {text-align:center;}

/* ---------- 1) 모바일(≤640px) ---------- */
@media (max-width:640px){
  :root{
    --m-logo-h: 46px;
    --m-menu-h: 44px;
    --m-header-gap: 12px;
    --m-header-h: calc(var(--m-logo-h) + var(--m-menu-h) + var(--m-header-gap));
    --arrow-size: 44px;
    --arrow-icon: 20px;
  }

  /* 가로 스크롤 방지 */
  html, body{ width:100%; overflow-x:hidden !important; }

  /* 헤더(스크롤 무영향) */
  #layout_header, #layout_header.sticky-fixed{
    height: auto !important;
    transform: none !important;
    transition: none !important;
    background:#fff;
  }
  #layout_header .logo img,
  #layout_header.sticky-fixed .logo img{
    height: var(--m-logo-h) !important;
    width: auto !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
  }

  /* 고정헤더 보정: 본문 상단 여백 */
  body.has-sticky-header #layout_body{
    padding-top: var(--m-header-h) !important;
    overflow-y: visible !important;
  }

  /* OFF START: NEW PRODUCT – 슬라이드/아이템 중앙 강제(스와이퍼 방해) */
  /* .show_display_col3.style_4_custom1 .swiper-slide{
       display:flex; justify-content:center;
     }
     .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
       width:100% !important; max-width:100% !important;
       float:none !important; margin:0 auto !important; text-align:center;
     }
     .show_display_col3.style_4_custom1 .respItemImageArea{ text-align:center; }
     .show_display_col3.style_4_custom1 .respItemImageArea img{
       width:100%; height:auto;
       -webkit-user-drag:none; user-select:none;
     } */
  /* OFF END */
}

/* ---------- 1-1) 초협대(≤360px) 보정 ---------- */
@media (max-width:360px){
  :root{ --arrow-size: 36px; --arrow-icon: 18px; }

  /* OFF START: 뷰포트/컨테이너 폭·패딩 강제 */
  /* .show_display_col3.style_4_custom1 .goods_display_slide_wrap,
     .show_display_col3.style_4_custom1 .swiper-container{
       width:100% !important; max-width:100% !important;
       padding:0 !important; overflow:hidden !important;
       box-sizing:border-box; touch-action: pan-y !important;
     } */
  /* OFF END */
}

/* ---------- 2) PC(≥641px) – 한 칸 중앙 ---------- */
@media (min-width:641px){
  /* OFF START: PC 슬라이드 중앙정렬/폭 강제 */
  /* .show_display_col3.style_4_custom1 .goods_display_slide_wrap{
       overflow:hidden !important;
       padding:0 28px; box-sizing:border-box;
     }
     .show_display_col3.style_4_custom1 .swiper-slide{
       display:flex; justify-content:center;
     }
     .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
       width:100% !important; max-width:420px;
       float:none !important; margin:0 auto !important; text-align:center;
     } */
  /* OFF END */
}
/* === iOS 최신기종 대응: 문자 아이콘 대신 CSS로 그린 화살표 === */
.show_display_col3.style_4_custom1 .swiper-button-prev::after,
.show_display_col3.style_4_custom1 .swiper-button-next::after{
  /* 문자 아이콘 제거 */
  content: "" !important;

  /* chevron 그리기 */
  display: block;
  width: 14px;
  height: 14px;
  border-right: 3px solid #222;
  border-bottom: 3px solid #222;
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  pointer-events: none;
}

/* 방향 회전 (오른쪽/왼쪽) */
.show_display_col3.style_4_custom1 .swiper-button-next::after{
  transform: translate(-50%, -50%) rotate(-45deg);
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
}
.show_display_col3.style_4_custom1 .swiper-button-prev::after{
  transform: translate(-50%, -50%) rotate(135deg);
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
}

/* 초협대 화면에선 살짝 더 작게 */
@media (max-width:360px){
  .show_display_col3.style_4_custom1 .swiper-button-prev::after,
  .show_display_col3.style_4_custom1 .swiper-button-next::after{
    width: 12px; height: 12px;
    border-right-width: 2.5px;
    border-bottom-width: 2.5px;
  }
}
/* 모바일: NEW PRODUCT 2열 카드(≤640px) */
/* OFF START: 모바일 2열 그리드 강제 */
@media (max-width:640px){
  :root{ --m-card-gap: 10px; }

  .show_display_col3.style_4_custom1 .swiper-slide{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--m-card-gap);
    justify-items: stretch;
    align-items: stretch;
  }
  .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    text-align: center;
  }
  .show_display_col3.style_4_custom1 .respItemImageArea img{
    width: 100%; height: auto;
  }
}
@media (max-width:360px){
  :root{ --m-card-gap: 8px; }
}
/* OFF END */

/* 모바일: NEW PRODUCT 한 화면에 2장씩 보이기 (≤640px) */
/* OFF START: 반폭 슬라이드 강제 */
@media (max-width:640px){
  :root{ --m-card-gap: 10px; }

  .show_display_col3.style_4_custom1 .swiper-slide{
    width: calc(50% - var(--m-card-gap)) !important;
    box-sizing: border-box;
    padding: 0 calc(var(--m-card-gap)/2);
    display: block !important;
  }
  .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    text-align: center;
  }
  .show_display_col3.style_4_custom1 .respItemImageArea img{
    width: 100%; height: auto;
  }
}
@media (max-width:360px){
  :root{ --m-card-gap: 6px; }
}
/* OFF END */

/* 화살표 수직 위치(위로 올리기) */
:root{ --arrow-top: 42%; }
.show_display_col3.style_4_custom1 .swiper-button-prev,
.show_display_col3.style_4_custom1 .swiper-button-next{
  top: var(--arrow-top) !important;
  transform: translateY(-50%);
}
@media (max-width:640px){
  :root{ --arrow-top: 38%; }
}
@media (max-width:360px){
  :root{ --arrow-top: 36%; }
}

/* 모바일 2열: 카드 안쪽 안전 여백 + 살짝 폭 여유 */
/* OFF START: 카드 내부 패딩/반폭 강제 */
@media (max-width:640px){
  :root{
    --m-card-gap: 10px;
    --m-card-pad: 20px;
  }
  .show_display_col3.style_4_custom1 .swiper-slide{
    width: calc(50% - var(--m-card-gap) - 1px) !important;
    padding: 0 calc(var(--m-card-gap)/2);
    box-sizing: border-box;
    display: block !important;
  }
  .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
    box-sizing: border-box;
    padding: 0 var(--m-card-pad);
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    text-align: center;
  }
  .show_display_col3.style_4_custom1 .goods_name{
    overflow-wrap: anywhere;
    /* word-break: keep-all; */
  }
}
@media (max-width:360px){
  :root{ --m-card-gap: 6px; --m-card-pad: 6px; }
}
/* OFF END */

/* 모바일 2열 카드 여백 강제 적용 */
/* OFF START: 패딩 강제 반복 */
@media (max-width:640px){
  :root{
    --m-card-gap: 10px;
    --m-card-pad: 20px;
  }
  .show_display_col3.style_4_custom1 .swiper-slide > li.gl_item{
    box-sizing: border-box;
    padding-left: var(--m-card-pad) !important;
    padding-right: var(--m-card-pad) !important;
  }
}
@media (max-width:360px){
  :root{ --m-card-gap: 8px; --m-card-pad: 15px; }
}
/* OFF END */

/*** 퍼스트몰 디자인 편집기(우측 패널/툴박스)를 항상 맨 위로 ***/
#layout_side,
#designEditor,
.design-editor,
.fm_design_quick,
#admin_right_quick,
.designEdit_wrap,
.design_panel {
  position: fixed !important;
  z-index: 2147483647 !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* 고정 헤더 자체는 클릭 통과(자식들만 클릭 가능) */
#layout_header.sticky-fixed,
.layout_header.sticky-fixed{
  pointer-events: none !important;
}
#layout_header.sticky-fixed *,
.layout_header.sticky-fixed *{
  pointer-events: auto !important;
}

/* 테마마다 쓰는 투명 라인/오버레이를 클릭 통과 처리 */
#hp-header-line,
.header-line,
.header_fix,
.header_fix::before,
.header_fix::after{
  pointer-events: none !important;
}
/* sticky가 켜졌을 때, 고정 버튼의 상위에서 transform 제거 */
.has-sticky-header #layout_body,
.has-sticky-header .layout_wrap,
.has-sticky-header .resp_wrap{
  transform: none !important;
  will-change: auto !important;
}

.has-sticky-header #layout_body,
.has-sticky-header .layout_wrap,
.has-sticky-header .resp_wrap{
  transform: none !important;
  will-change: auto !important;
}


/* PC: ALL을 다른 메뉴와 같은 크기/굵기로 */
#layout_header .nav_wrap .respCategoryList > li > a,
#layout_header .nav_wrap .respCategoryList > li > .categoryDepthLink{
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ALL 전용 규칙 강제 덮어쓰기(폰트/배경/테두리 제거) */
#layout_header .nav_wrap .respCategoryList .nav_category_all > a,
#layout_header .nav_wrap .respCategoryList .nav_category_all .categoryDepthLink,
#layout_header .nav_wrap .respCategoryList .categoryAllBtn > a,
#layout_header .nav_wrap .respCategoryList .categoryAllBtn .categoryDepthLink,
#layout_header .nav_wrap .respCategoryList .btn_all > a,
#layout_header .nav_wrap .respCategoryList .btn_all .categoryDepthLink{
  font-size: 18px !important;
  font-weight: 700 !important;
  color: inherit !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* ALL 폭 고정 해제 (글자 잘림 방지) */
#layout_header .nav_wrap .respCategoryList .nav_category_all{
  width: auto !important;
  padding: 0 16px !important;
}
    
/* 모바일(≤640px)도 동일 적용 */
@media (max-width:640px){
  #layout_header .nav_wrap .respCategoryList > li > a,
  #layout_header .nav_wrap .respCategoryList > li > .categoryDepthLink{
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  #layout_header .nav_wrap .respCategoryList .nav_category_all > a,
  #layout_header .nav_wrap .respCategoryList .nav_category_all .categoryDepthLink,
  #layout_header .nav_wrap .respCategoryList .categoryAllBtn > a,
  #layout_header .nav_wrap .respCategoryList .categoryAllBtn .categoryDepthLink{
    font-size: 15px !important;
    font-weight: 700 !important;
  }
  #layout_header .nav_wrap .respCategoryList .nav_category_all{
    width:auto !important; padding:0 14px !important;
  }
}

/* 테마에서 ALL을 얇게 만든 규칙 상쇄(있다면) */
.categoryAllBtn, .brandAllBtn, .locationAllBtn{ font-weight:700 !important; }

/* 창이 스크롤 주체가 되도록(내부 스크롤 레이어 제거) */
html, body, #layout_body{
  height: auto !important;
  overflow-y: visible !important;
}

/* TOP 버튼 항상 최상단 레이어 + 고정 위치 */
#floating_over{
  position: fixed;
  right: 12px; bottom: 16px;
  z-index: 4000 !important;
  pointer-events: auto;
}

/* 모바일: h1.logo_area 로고 이미지 크기 하드락(스크롤 무영향) */
@media (max-width:640px){
  :root{ --m-logo-h: 46px; }

  #layout_header h1.logo_area,
  .layout_header.sticky-fixed h1.logo_area{
    position: static !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    margin: 0 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
  }
  #layout_header h1.logo_area img,
  .layout_header.sticky-fixed h1.logo_area img{
    height: var(--m-logo-h) !important;
    width: auto !important;
    max-height: none !important;
    transform: none !important;
    transition: none !important;
  }
  #layout_header,
  #layout_header.sticky-fixed{
    height: auto !important;
    transform: none !important;
    transition: none !important;
  }
}

      /* TOP btn */
#floating_over{position:fixed;right:12px;bottom:16px;z-index:9999;pointer-events:auto;}
#floating_over a{display:block;width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);}
    
/* 가끔 섹션 오버레이가 클릭을 막는 경우 */
#floating_over::before,#floating_over::after{pointer-events:none;}

/* PC/모바일 공통: ALL 굵기/폭 강제 통일 */
#cateSwiper .designCategoryNavigation .respCategoryList .nav_category_all { width:auto !important; padding:0 12px !important; }
#cateSwiper .designCategoryNavigation .nav_category_all > a { font-weight:700 !important; }

/* ================================
   MOBILE (≤640px) — 통합 버전
   ================================ */
@media (max-width:640px){
  :root{
    --m-nav-edge: 5px;
    --m-nav-gap:  10px;
  }
  #cateSwiper .nav_category_area,
  #cateSwiper .resp_wrap{
    padding-left: var(--m-nav-edge) !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList{
    display:flex !important;
    align-items:center !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList > li{
    margin:0 !important;
    margin-right:0 !important;
    width:auto !important;
    flex:0 0 auto !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList > li + li{
    margin-left: var(--m-nav-gap) !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList .nav_category_all{
    width:auto !important;
    padding:0 !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList > li > a,
  #cateSwiper .designCategoryNavigation .respCategoryList > li > .categoryDepthLink{
    display:block !important;
    padding:12px 4px !important;
    font-weight:700 !important;
  }
  #cateSwiper .designCategoryNavigation .respCategoryList .category_burger{
    padding-right:0 !important;
    margin-right:0 !important;
    padding-top: 6px !important;
  }
  #cateSwiper .category_burger .resp_top_hamburger{
    position: relative;
    top: -3px;
  }
  html, body, #layout_body, .layout_wrap{
    overscroll-behavior-y: none;
  }
  #layout_header .logo_wrap .resp_wrap{
    padding-left: 4px !important;
  }
  #layout_header h1.logo_area,
  .layout_header.sticky-fixed h1.logo_area{
    margin-left: 0 !important;
  }
}

/* 우측 하단 '최근본 상품' 위젯 숨김(PC/모바일 공통) */
#floating_over .recently,
#floating_over .recently_area,
#floating_over .right_recent,
#floating_over .right_recently,
#floating_over .recent_goods,
#floating_over .recently_wrap,
#floating_over [class*="recently"],
#floating_over [class*="recent"]{
  display: none !important;
  visibility: hidden !important;
}

/* MOBILE (≤767px): 검색 필터 디폴트 노출 */
@media (max-width:767px){
  .search_filter_wrap,
  #search_filter_wrap,
  #searchFilter,
  #searchFilterWrap,
  .search_filter_area{
    display:block !important;
    height:auto !important;
    max-height:none !important;
    opacity:1 !important;
    visibility:visible !important;
    overflow:visible !important;
  }
}
    
/* 0901 TOP버튼 조정*/
#floating_over{
  z-index: 600 !important;
}
/* 상품상세 하단 구매바 / 옵션·구매 레이어를 TOP 버튼 위로 */
.goods_view .view_bottom_fixed,
.goods_view .goods_buy_fixed,
.goods_view .goods_buy_layer,
.goods_view .goods_cart_slide,
.goods_view .btn_buy_area,
.goods_view .order_fixed_view,
.goods_detail .view_bottom_fixed,
[class*="buy_fixed"],
[class*="buy_layer"],
[class*="option_layer"],
[class*="order_fixed"]{
  z-index: 1200 !important;
}
    
/* ─────────────────────────────────────────────────────────
   0902 MOBILE 헤더/검색/카트 최적화 (deduped)
   ───────────────────────────────────────────────────────── */
:root{
  --m-search-max: 360px;
  --edge-mo: 16px;
  --edge-pc: 28px;
}

@media (max-width:640px){
  #layout_header.sticky-fixed + #layout_body,
  #layout_header.sticky-fixed ~ #layout_body{
    padding-top: 180px !important;
  }
}

/* ── MOBILE & TABLET (≤1023px) ─────────────────────────── */
@media (max-width:1023px){

  #layout_header .resp_wrap{ 
    position: relative;
    padding-left:  var(--edge-mo) !important;
    padding-right: var(--edge-mo) !important;
  }

  #layout_header .logo_wrap{ padding-bottom: 30px !important; }
  #layout_header .logo_wrap h1.logo_area{ margin: 0 !important; }

  #btnSearchV2,
  #layout_header .resp_wrap .resp_top_search a.btn_search_open{ 
    display:none !important; width:0 !important; height:0 !important; overflow:hidden !important;
  }
  #layout_header .resp_wrap .resp_top_search .search_ver2 .close_search{ display:none !important; }

  #layout_header .resp_wrap .resp_top_search,
  #layout_header .resp_wrap .resp_top_search .search_ver2,
  #searchVer2{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
    position: relative !important;

    margin: 8px auto 4px !important;
    width:100% !important;
    max-width: var(--m-search-max) !important;
    border-bottom: 0 !important;
    background: transparent !important;
  }

  #layout_header .resp_wrap .resp_top_search .search_ver2 .cont{
    display:flex !important; align-items:center !important; gap:6px;
  }
  #layout_header .resp_wrap .resp_top_search .search_ver2 .search_box{ flex:1 1 auto !important; }
  #layout_header .resp_wrap .resp_top_search .search_ver2 input[type="text"]{
    width:100% !important; height:40px !important; line-height:40px !important;
  }
  #layout_header .resp_wrap .resp_top_search .search_ver2 button.search{
    flex:0 0 36px !important; height:40px !important; margin:0 !important;
  }

  #layout_header .resp_wrap .resp_top_search .search_ver2:after{
    content:none !important; display:none !important; height:0 !important;
  }
  #layout_header .resp_wrap .resp_top_search .search_ver2 .search_new,
  #layout_header .resp_wrap .resp_top_search .search_ver2 .search_new .contents_area{
    float:none !important;
  }
  #layout_header .resp_wrap .resp_top_search .search_ver2 .search_new .contents_area{
    position:absolute !important;
    top:calc(100% + 6px) !important;
    left:50% !important; transform:translateX(-50%) !important;
    margin:0 !important;
    z-index:2147483600 !important;
    width:min(100vw - 32px, var(--m-search-max)) !important;
    max-height:60vh !important; overflow-y:auto !important;
    background:#fff !important;
    border:1px solid #e8ebf0 !important; border-radius:10px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.14) !important;
  }

  #layout_header .resp_wrap a.resp_top_cart,
  #layout_header a.resp_top_cart{
    position:absolute !important;
    right: var(--edge-mo) !important;
    top:25px !important;
    margin:0 !important; transform:none !important;
    z-index:800 !important;
  }
  #layout_header.sticky-fixed a.resp_top_cart,
  .layout_header.sticky-fixed a.resp_top_cart{
    right: var(--edge-mo) !important; top:25px !important;
  }
}

/* ── DESKTOP (≥1024px) ─────────────────────────────────── */
@media (min-width:1024px){
  #layout_header .resp_wrap{
    padding-left:  var(--edge-pc) !important;
    padding-right: var(--edge-pc) !important;
  }
  #layout_header .resp_wrap a.resp_top_cart,
  #layout_header a.resp_top_cart{
    position:absolute !important;
    right: var(--edge-pc) !important;
    top:18px !important; margin:0 !important; transform:none !important;
  }
}

    
/*0903 NEW PRODUCT 재 조정*/
    
/* NEW PRODUCT 캐러셀(상품 진열) 복구 — 클릭 막힘/겹침/비활성 방지 */
/* OFF START: 스와이퍼 기본 레이아웃에 간섭하는 규칙들 전부 비활성 */
#show_display_col3_styleA_custom .goods_display_slide_wrap,
#show_display_col3_styleA_custom .swiper-container{
  position: relative;
  overflow: hidden !important;
}
#show_display_col3_styleA_custom .swiper-wrapper{ 
  display: flex !important;
}
#show_display_col3_styleA_custom .swiper-slide{
  flex: 0 0 auto !important;
}
#show_display_col3_styleA_custom .swiper-button-next,
#show_display_col3_styleA_custom .swiper-button-prev{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px; height: 44px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  z-index: 20 !important;
  pointer-events: auto !important;
}
#show_display_col3_styleA_custom .swiper-button-prev{ left: 14px; }
#show_display_col3_styleA_custom .swiper-button-next{ right: 14px; }
#show_display_col3_styleA_custom .swiper-button-prev::before,
#show_display_col3_styleA_custom .swiper-button-prev::after,
#show_display_col3_styleA_custom .swiper-button-next::before,
#show_display_col3_styleA_custom .swiper-button-next::after{
  pointer-events: none !important;
}
#show_display_col3_styleA_custom .swiper-button-disabled{
  opacity: .35; 
  pointer-events: none;
}
/* OFF END */

/* 비활성 화살표는 클릭 막기 (이건 유지) */
.display_slide_class .swiper-button-disabled{
  opacity: .35 !important;
  pointer-events: none !important;
  cursor: default !important;
}