.top_banner { height: 30px;/*min-width: 1400px;*/background:#000;}
/* .top_banner > a { font-size: 1.5rem; line-height: 50px; letter-spacing: -0.07px; font-weight:normal; color: rgba(34, 34, 34, 0.80);}
.top_banner > a.app-icon{display:flex;height:inherit;align-items:center;justify-content:center;gap:10px;}
.top_banner > a.app-icon span{font:inherit;color:inherit;}
.top_banner > a.app-icon::before{display:inline-block;content:'';width:40px;height:40px;background:url("https://pliki6.com/_skin/pliki_202405/img/logo/pliki_app.png") no-repeat center 100% / auto;}
.top_banner > a.app-icon span .underline{font-weight:inherit;position:relative;}
.top_banner > a.app-icon span .underline::after{display:block;content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:rgba(34, 34, 34, 0.80);}
.top_banner .top_bnr_close { width:12px; height:12px;background:url("https://pliki6.com/_skin/pliki_202405/img/button/close.png") no-repeat center / 12px;line-height:unset;top:50%;left:50%;transform:translate(-50%,-50%);right:unset;margin-left:48.99rem;} */
.top_banner .black_banner{
  font-size:16px;
  color:#fff;
  display:block;
  height:30px;
  line-height:30px;
  text-align: center;
}

/* header */


header .logo_box img{
  width:240px;
}

.mobile-search-button { display: flex; flex: 1 1 auto; }
.mobile-search-button .search-button { display: block; width: 100%; }
.mobile-search-button .search-button .box { position: relative; max-width: 647px; height: 36px; border-radius: 8px; background-color: #f5f5f5; }
.mobile-search-button .search-button .box .input { width: 100%; display: block; height: 100%; }
.mobile-search-button .search-button .box .pliki-search { position: absolute; left: 5px; top: 6px; width: 25px; height: 25px; font-family: xeicon; color: #333; font-size: 24px; line-height: 25px; cursor: pointer; }

header .pc_hide .nav-bottom .category { width: 100%; display: flex; }
header .pc_hide .nav_top { padding: 12px 16px; align-items: center; }
header .pc_hide .nav-bottom { padding: 10px 16px 0; flex-direction: column; }
/* header .pc_hide .hd_inner { position: relative; z-index: 30; width: 100%; height: 94px; background: #fff; } */
/* header .pc_hide .hd_inner.fix { position: fixed; top: 0; left: 0; width: 100%; height: 95px; background: #fff;border-bottom: 1px solid #D9D9D9;} */
header .pc_hide h1 { margin-right: 10px; display: none;}
.header_basic_type header .pc_hide h1 {display: block;}
header .pc_hide h1 img { width: 56px; height: auto; }
.header_basic_type header .pc_hide .history_back{display: none;}
.shop header .pc_hide .history_back{display: none;}
header .pc_hide .history_back a.btn_back{display: block;font-size: 0;width: 24px;height: 24px;background: url('/images02/ico_back.svg') no-repeat center center / 100% auto;}
header .pc_hide .sub_tit_box .sub_tit{padding: 0;margin: 0;font-size: 4vw;line-height: 4vw;font-weight: 500;border: 0;}
.header_basic_type header .pc_hide .sub_tit_box .sub_tit{display: none;}
.shop header .pc_hide .sub_tit_box .sub_tit{display: none;}
header .pc_hide .gnb { display: flex; align-items:center;}
header .pc_hide .gnb li a { font-family: xeicon; display: flex; color: #21272a; font-size: 28px; line-height: 28px; text-align: center; position: relative; }
header .pc_hide .gnb li.category a.active:before { content: "\e921"; }
header .pc_hide .gnb li {padding-left: 22px;}
header .pc_hide .gnb li.search a {width: 22px;height: 22px;}
header .pc_hide .gnb li.menu {display: none;}
header .pc_hide .gnb li.search {display: none;}
.header_basic_type header .pc_hide .gnb li.home {display: none;}
.header_basic_type header .pc_hide .gnb li.menu {display: block;}
.header_basic_type header .pc_hide .gnb li.search {display: block;}
header .pc_hide .md-category{display: none;}
.header_basic_type header .pc_hide .md-category{display: block;}
header .pc_hide .gnb li:first-of-type {padding-left: 0;}

/* header .pc_hide .gnb li.search a { right: 40px; }
header .pc_hide .gnb li.search a.active:before { content: "\e921"; } */
header .pc_hide .gnb li.hd_wish { display: none; }
header .pc_hide .gnb li.cart a span { display: block; width: 12px; height: 12px; background: #333; border-radius: 100%; color: #fff; font-size: 0.833rem; line-height: 13px; text-align: center; }
header .pc_hide .gnb li.cart a img { width: 22px;height: 22px;}
header .pc_hide .gnb li.cart a span.front_cart_rows { position: absolute; right: 0; top: 0; }
header .pc_hide .box_search { z-index: 10; flex-grow: 1; position: absolute; left: 0; top: 58px; display: none; width: 100%; padding-inline: 16px; padding-top: 8px; background-color: #fff; height: 52px; }
header .pc_hide .box_search .box { position: relative; height: 36px; border-radius: 8px; background-color: #f5f5f5; flex-grow: 1; }
header .pc_hide .box_search .box .basic_search { height: 36px; padding: 0 15px 0; border: 0; background: transparent; }
header .pc_hide .box_search .box .basic_search::placeholder { color: #767676; font-size: 13px; }
header .pc_hide .box_search .box .srch_btn { display: none; position: absolute; left: 5px; top: 6px; width: 25px; height: 25px; font-family: xeicon; color: #333; font-size: 24px; line-height: 25px; cursor: pointer; }
header .pc_hide .box_search .box .srch_btn input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.search-button .xi-close { display: none; }
.search-button.active .box { display: none; }
.search-button .mobile-close { display: none; font-family: "xeicon" !important; font-size: 28px; height: 36px; line-height: 34px; }
.search-button .mobile-close::before { content: "\e921"; display: block; font-style: normal; }
.search-button.active .mobile-close { display: inline-block; width: 28px; }
.search-button.active { text-align: right; }


header .m_hide .shop_menu {
  font-size: 0;
  display: flex
;
}

.nav_top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 5rem;
}
 .nav_bottom {
  display: flex;
  padding-top: 20px;
}

/* 헤더 header */
/* header { width: 100%; height: 55px; text-align: center; z-index: 90;  height: 120px; } */
header {
  position: relative;
  height: auto;
  text-align: left;
  z-index: 90;
  border-bottom: 1px solid #f0f0f0;
}
header .shop_title{
  display: none;
}
header .shoptitle{
  display: none;
}
.shop header .shoptitle{
  display: block;
}
header .shoptitle{
  color: #000;
  cursor: pointer;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}
header .wrap_inner {
  padding-inline: 100px;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
  box-sizing: border-box;
}
/* 보조메뉴 */
header .top_util {
  width: 100%;
  display: flex;
  gap: 24px;
  justify-content: flex-end;
}
header .top_util li {
  padding: 6px 0;
}
header .top_util li a {
  font-size: 12px;
  color: rgba(34, 34, 34, .8);
}
/* pc 메뉴 */
header .pc_menu .hd_inner {
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
header .pc_menu.fix{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  border-bottom: 1px solid #f0f0f0;
  background:#fff;
}
header .m_menu.fix{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  border-bottom: 1px solid #f0f0f0;
  background:#fff;
}
header .pc_menu .hd_inner { 
  height:auto; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
}
header .pc_menu .gnb {
  position: relative;
  background: #fff;
}
 header .pc_menu .gnb.fix {
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%;
  z-index: 30;
  border-bottom: 1px solid #767676;
}
 header .pc_menu .gnb .wrap_inner {
  position: relative;
}
 header .pc_menu .gnb h1 {
  text-align: center;
  align-self: center;
}

 header .pc_menu .main_menu { 
  font-size: 0;
  position: relative;
}
 header .pc_menu .main_menu > li {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
 header .pc_menu .main_menu > li:last-child { margin-right: 0;
}
 header .pc_menu .main_menu > li > a { display: block;
  color: #000;
  font-size: 1.333rem;
  letter-spacing: 0.42px;
  font-weight: 400;
  padding-bottom: 10px;
  position: relative;
  line-height: 1;
}
 header .pc_menu .main_menu > li > a::before{
  content: "";
  display: block;
  background-color: #21272a;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px;
  transition: width 0.3s;
}
 header .pc_menu .main_menu > li > a:hover { font-weight: 700; }
 header .pc_menu .main_menu > li > a.isActive::before, header .pc_menu .main_menu > li > a:hover::before{width: 100%;}
 /* shop */
 header.header_shop .pc_menu .main_menu > li > a:hover { font-weight: 700; }
 header.header_shop .pc_menu .main_menu > li > a.active_page::before{width: 100%;}
 
 header .pc_menu .main_menu > li > a.IsActive::before { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px;  background-color: #21272a; }
 /*header .pc_menu .main_menu > li > a::after { content: attr(title); display: block; font-weight: 700; height: 0px; visibility: hidden; }*/
 header .pc_menu .main_menu .lnb_mid { display: none; position: absolute; top: 34px; left: -25px; z-index: 10; min-width: 85px; min-height: 124px; padding: 15px 0; background: #fff; text-align: center; border: 1px solid #707070; }
 header .pc_menu .main_menu .lnb_mid li { padding: 5px 0; }
 header .pc_menu .main_menu .lnb_mid li > a { color: #333; font-size: 1.083rem; }
 header .pc_menu .main_menu > li.shop:hover .lnb_mid { display: block; }
 header .pc_menu .sub_menu { font-size: 0; display: flex;}
 header .pc_menu .sub_menu > li { padding-right: 40px; vertical-align: top; line-height: 1; display: flex; justify-content: center; }
 header .pc_menu .sub_menu > li i { display: flex; align-items: center; font-size: 30px; justify-content:center;margin-bottom:8px;}
 /*header .pc_menu .sub_menu > li.logout{display:none;}
 header .pc_menu .sub_menu > li.notice{display:none;}*/
header .pc_menu .sub_menu > li i.login::before{content:'';display:block;width:20px;height:20px;background:url("") no-repeat center 100% / auto;}
header .pc_menu .sub_menu > li i.logout::before{content:'';display:block;width:20px;height:20px;background:url("") no-repeat center 100% / auto;}
header .pc_menu .sub_menu > li i.pliki-mypage::before{content:'';display:block;width:20px;height:20px;background:url("") no-repeat center 100% / auto;}
header .pc_menu .sub_menu > li i.pliki-cart::before{content:'';display:block;width:20px;height:20px;background:url("") no-repeat center 100% / auto;}
 header .pc_menu .sub_menu > li.join{display:none;}
 header .pc_menu .sub_menu > li a { position: relative; align-self: center; z-index: 10; font-size: 18px;color:#222;}
header .pc_menu .sub_menu > li a.IsActive{font-weight:bold;}
header .pc_menu .sub_menu > li.search{padding-right:0;}
 header .pc_menu .sub_menu > li.search a.active { display: none; }
 header .pc_menu .sub_menu > li.search a:before { position: relative; z-index: -1; }
 header .pc_menu .sub_menu > li.search img{width:22px;height:22px;}
 header .pc_menu .shop-title{color: #000;  cursor: pointer;  font-size: 28px;  font-weight: 600; text-align:center;}
 header .pc_menu .box_search .srch_btn { position: absolute; right: 13px; top: 7px; width: 25px; height: 25px; font-family: xeicon; color: #333; font-size: 24px; line-height: 25px; cursor: pointer; display:none;}
 header .pc_menu .box_search .srch_btn input { position: absolute; top: 0; left: 0; width: 100%; height: 19px; opacity: 0; cursor: pointer; }
 header .pc_menu .box_search .close { position: absolute; left: -28px; top: 11px; width: 19px; height: 19px; font-family: xeicon; color: #333; font-size: 20px; line-height: 19px; cursor: pointer; }

 header .pc_menu .shop_menu > li.cart { padding-right:0; }
 header .pc_menu .shop_menu > li.cart a .ea_cart { position: absolute; right: 0; top: 0; width: 15px; height: 15px; background: #333; border-radius: 100%; color: #fff; font-size: 0.833rem; line-height: 15px; text-align: center; }
 header .pc_menu .gnb.fix .shop_menu > li .txt{color:#fff;}
 header .pc_menu .box_search { display: none; align-items: center; justify-content: center; position: relative; flex-grow: 1; }
 .box_search .search-container { height: 40px; width: 100%; border-radius: 8px; background-color: #F4F4F4; }
 .box_search .box_search-inner { width: 100%; max-width: 500px; }
 .box_search .box_search-inner .box { position: relative; text-align: left; }
 .box_search .box_search-inner .box .basic_search { height: 40px; padding: 0 10px; border: 0; background: transparent; font-size: 1.33rem;font-family: Pretendard Variable; color:#000;}
 .box_search .box_search-inner .box .basic_search::placeholder {color: rgba(34, 34, 34, 0.80) }
 .box_search .box_search-inner .box .basic_search::-ms-input-placeholder{color: rgba(34, 34, 34, 0.80);}
 .box_search .box_search-inner .box .basic_search::-webkit-input-placeholder{color: rgba(34, 34, 34, 0.80);}
 .box_search .box_search-inner .box .basic_search::-moz-placeholder{color: rgba(34, 34, 34, 0.80);}

 .box_search .box_search-inner .box .btn { position: absolute; right: 0; top: 3px; }
 header .box_search .box_search-inner { padding: 0; }




 header .m_menu .gnb li a, .lnb li a {
  font-size: 28px;
  line-height: 28px;
}

.lnb.on {
  visibility: visible;
  right: 0;
}
 header .m_menu .gnb li a i,
 nav.lnb li.menu a i{
  font-size: 28px;
  line-height: 28px;
}
/* header .m_menu .gnb li a .xi-bars:before,
header .m_menu .gnb li a .xi-bars,
 nav.lnb li.menu a .xi-bars,
 nav.lnb li.menu a .xi-bars:before{
  pointer-events: none;
} */


 /* pc 모달 검색창 */
 .search-layer-wrap{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:1200;display:none;}
.search-layer-wrap .search-layer-inner{width:100%;height:900px;background:#fff;}
.search-layer-wrap.on{display:block;}
.search-layer-wrap .search-box{width:600px;margin:0 auto;padding:40px 0;}
.search-layer-wrap .box_search{position:relative;}
.search-layer-wrap .box_search .box_search-inner{max-width:520px;}
.search-layer-wrap .box_search .search-container{height:50px;}
.search-layer-wrap .box_search .box_search-inner .box .basic_search{height:50px;}
.search-layer-wrap .box_search .close{width:50px;height:50px;background:url("/images02/ico_search_layer_close.png") no-repeat center center / 100% auto;font-size:0;position:absolute;top:0;right:0;}
.search-layer-wrap .title{font-size:16px;font-weight:700;}
.search-layer-wrap .popular-wrap{padding-top:30px;}
.search-layer-wrap .popular-wrap ul{display:flex;flex-wrap:wrap;flex-direction:column;height:234px;padding-top:30px;}
.search-layer-wrap .popular-wrap ul li{width:50%;margin-bottom:20px;}
.search-layer-wrap .popular-wrap ul li span{font-size:14px;line-height:14px;}
.search-layer-wrap .popular-wrap ul li .number{font-weight:600;width:20px;display:inline-block;}
.search-layer-wrap .recent-wrap{}
.search-layer-wrap .recent-wrap .title{margin-bottom:10px;}
.search-layer-wrap .recent-wrap ul{display:flex;flex-wrap:wrap;gap:20px 5px;}
.search-layer-wrap .recent-wrap ul li{width:calc((100% - 20px) / 5);padding:0 !important;margin:0 !important;display:block;}
.search-layer-wrap .recent-wrap .crema-product-reviews-score{display:none !important;}
.search-layer-wrap .prd_basic{margin-left:0;}



/* 모바일 오픈 메뉴 */

nav.lnb {
  visibility: hidden;
  overflow: auto;
  position: fixed;
  top: 0;
  z-index: 102;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
  -webkit-overflow-scrolling: touch;
}
nav.lnb {    
  display: flex;
  right: -100%;
  background: #fff;
}
nav.lnb .inner{ 
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
}
nav.lnb.is_show { visibility: visible; right: 0; }

/* 모바일 오픈메뉴 슬라이드 배너 */
/* nav.lnb .slide_banner{
  display: none;
}
nav.lnb .slide_banner .swiper-slide {
  width: auto;
} */

nav.lnb .main_swiper {
  margin: 0;
  width: 120px;
}
nav.lnb .main_swiper .swiper-slide {
  height: auto;
}
nav.lnb .main_swiper .swiper-slide p{
  font-size: 14px;
  color: #222;
  padding: 16px;
  display: block;
}
nav.lnb .main_swiper .swiper-slide.swiper-slide-thumb-active{
  background: #f5f5f5;
}
nav.lnb .menu_container{
  height: calc(100vh - 108px - 94px);
} 
nav.lnb .main_swiper ,
nav.lnb .main_swiper .swiper-wrapper,
nav.lnb .sub_swiper .swiper-wrapper,
nav.lnb .sub_swiper{
  height: 100%;
}
nav.lnb .sub_swiper{
  padding-bottom: 60px;
}

nav.lnb .menu_container{
  position: relative;
  flex: 1;
}
nav.lnb .menu_container {
  padding-top: 0;
}
nav.lnb .menu_container .sub_swiper {
  position: absolute;
  background: #f5f5f5;
  top: 0;
  left: 120px;
  width: calc(100% - 120px);
  height: 100%;
  box-sizing: border-box;
}
nav.lnb .menu_container .sub_swiper .swiper-slide{
  height: auto;
}

.sub_swiper.swiper .swiper-wrapper {
  /* transform: translate3d(0px, 0px, 0px)!important; */
}
.sub_swiper.swiper .swiper-wrapper {
  transition: transform 0.3s ease;
}
nav.lnb .menu_container .sub_swiper .swiper-slide:first-of-type {
  padding-bottom: 16px;
}
nav.lnb .menu_container .sub_swiper .depth1_tit {
  padding-top: 32px;
  padding-left: 16px;
  font-size: 13px;
  font-weight: bold;
  color: #222;
  display: inline-flex;
  align-items: center;
}
nav.lnb .menu_container .sub_swiper .depth1_tit:after {
  display: block;
  content: '';
  margin-left: 2px;
  width: 12px;
  height: 12px;
  background: url('/images02/ico_nav_arr.svg')
  }
nav.lnb .menu_container .sub_swiper .depth2_box{
  display: flex;
  gap: 16px 6px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 12px;
}
nav.lnb .menu_container .sub_swiper .depth2_box.menu_banner_box{
  /* padding-top: 32px; */
}
nav.lnb .menu_container .sub_swiper .depth2_box.menu_banner_box >a{
  width: 100%;
  box-sizing: border-box;
}
nav.lnb .menu_container .sub_swiper .depth2_box.menu_banner_box > a .img-box{
  position: static;
  padding: 0;
  border-radius: 4px;
}
nav.lnb .menu_container .sub_swiper .depth2_box.menu_banner_box > a .img-box img{
  position: static;
  width: 100%;
  transform: translate(-0%, -0%);
}
nav.lnb .menu_container .sub_swiper .depth2_box > a {
  display: inline-flex ;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  width: calc((100% - 12px) / 3 - 16px);
  overflow: hidden;
  padding: 0 8px;
}
nav.lnb .menu_container .sub_swiper .depth2_box > a p {
  text-align: center;
  word-break: keep-all;
}

nav.lnb .menu_container .sub_swiper .depth2_box > a .img-box {
  /* padding: 0 8px; */
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 103.51%;
  border-radius: 12px;
  margin-bottom: 4px;
}
/* nav.lnb .menu_container .sub_swiper .depth2_box > a .img-box:hover img {
  transform: translate(-50%, -50%) scale(1.1);
} */
nav.lnb .menu_container .sub_swiper .depth2_box > a .img-box img{
  width: 100%;
  /* height: auto; */
  /* border-radius: 12px; */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}
nav.lnb .menu_container .sub_swiper .depth2_box > p{
  margin-top: 8px;
  font-size: 12px;
  text-align: center;
}
/* nav.lnb .slide_banner{width:100%;padding:16px 16px 16px 0;box-sizing: border-box;}
nav.lnb .slide_banner .swiper-wrapper{padding-left:16px;}
nav.lnb .slide_banner .swiper-slide{width:68px;height:auto;text-align:center;}
nav.lnb .slide_banner .swiper-slide:nth-child(5n+0){margin-right:0;}
nav.lnb .slide_banner .swiper-slide .img-box{border-radius:12px;overflow:hidden;width:52px;height:52px;margin:0 auto;}
nav.lnb .slide_banner .swiper-slide .img-box img{width:100%;height:100%;object-fit:cover;}
nav.lnb .slide_banner .swiper-slide .banner-txt{font-size:12px;margin-top:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#222;} */
nav.lnb .nav_top {
  padding-inline: 16px;
  height: 12.50vw;
  margin-top: 10px;
}
nav.lnb .nav_top .input_box {
  width: calc(100% - 40px);
}
nav.lnb .nav_top .input_box input {
  border: 0;
  width: 100%;
  background: #f5f5f5;
  border-radius: 20px;
  height: 40px;
  padding: 9px 16px 9px 16px;
}
/* 독바 */
.mobile-dock-bar {
  display: block;
}
.mobile-dock-bar.active {
bottom: 0;
}
.mobile-dock-bar { position: fixed;
left: 0px;
right: 0px;
height:auto;
bottom: calc(-1 * (56px + env(safe-area-inset-bottom) + 8px));
transition: bottom 0.24s ease 0s;
z-index: 100;
display: none;
background-color: #fff;
z-index: 100;
}
.mobile-dock-bar.active { 
  bottom: 0;
}
.mobile-dock-bar {
  border-top: 1px solid #D9D9D9;
}
.dock-bar {background-color: #fff; }
.list-dock-bar { margin: 0px; padding: 6px 19px calc(6px + env(safe-area-inset-bottom)) 19px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; list-style: none; }
.list-dock-bar .mobile-dock-bar-text { font-weight: 400; font-size: 10px; color: rgba(51, 51, 51, 0.50);}
.list-dock-bar .mobile-dock-bar-text.on {color:#222;font-size:2.50vw;}

.list-dock-items { display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; /* width: calc(100% - 22.4px); max-width: 44px; */
position: relative; font-size: 28px; color: #868e96; }
.list-dock-items i { line-height: 1; color: #868e96; display: inline-flex; min-height: 28px; align-items: center; }
.mobile-dock-bar-badge { display: inline-flex; -webkit-box-align: center; align-items: center; position: absolute; top: 0px; left: 27px; padding: 1.5px 5px 4px; font-weight: 700; font-size: 10px; line-height: 10px; color: rgb(255, 255, 255); background-color: rgb(250, 77, 86); border-radius: 40px; word-break: keep-all; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }



header .pc_hd.fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 30;
  border-bottom: 1px solid #f0f0f0;
  background: #fff;
}


@media all and (max-width: 850px){

  header .pc_menu .gnb .wrap_inner{
    padding-inline: 16px;
  }
}
@media all and (max-width: 767px){
  header{
    height:auto;
  }
  /* header .pc_hide .hd_inner{
    height: auto;
  } */
  /* header .wrap_inner {
    padding-inline: 16px;
  } */
  header .m_menu h1 img {
    /* width: 18.75vw; */
    width: 35vw;
  }

  header .m_menu .gnb li.btn-share{
    margin-left:16px;
    width:27px;
    height:22px;
    background-size:100% auto;
  }
  header .m_menu .nav-bottom{
    padding:0 16px;
    border-bottom: 1px solid #f0f0f0;
  }
  header .m_menu .nav-bottom .swiper-wrapper{
    height:45px;
    align-items:center;
  }
  header .m_menu .nav-bottom .swiper-wrapper .swiper-slide{
    height:auto;
    margin-right: 20px;
  }
  header .m_menu .nav-bottom .mdCategory .swiper-slide {
    width: auto;
  }
  header .m_menu .nav-bottom .mdCategory .swiper-slide a{
    padding-bottom:0;
    font-size:4vw;
    color:#222;
    font-weight:500;
  }
  header .m_menu .nav-bottom .mdCategory .swiper-slide a.active_page::before{
    content: "";
    display: block;
    background-color: #21272a;
    position: absolute;
    left: 0;
    bottom: -3.50vw;
    width: 100%;
    height: 2px;
    transition: width 0.3s;
  }
  header .m_menu .nav-bottom .mdCategory .swiper-slide a.IsActive{
    color:#000;
    font-weight:bold;
  }
  header .m_menu .nav-bottom .mdCategory .swiper-slide a.IsActive::after{
    bottom:-3.50vw;
    width:100%;
  }


  .mobile-dock-bar {
    display: block;
  }

  header .m_menu .nav_top {
    padding: 0 16px;
    height: 50px;
  }
  .search-layer-wrap .search-layer-inner{
    height: 100vh;
  }
  .search-layer-wrap .search-box{
    width: 100%;
    padding: 2.50vw 16px;
    box-sizing: border-box;
  }
  .search-layer-wrap .box_search .search-container{
    box-sizing: border-box;
    height: 10vw;
    max-width: 80vw;
  }
  .search-layer-wrap .box_search .box_search-inner{
    max-width: 100%;
  }
  .box_search .box_search-inner .box{

  }
  .search-layer-wrap .box_search .box_search-inner .box .basic_search{
    height: 10vw;
    font-size: 3.25vw;
    width: 100%;
  }
  .search-layer-wrap .box_search .close{
    background: none;
    font-size: 3.25vw;
    letter-spacing: -0.21px;
    height: 10vw;
    line-height: 10vw;
    width: auto;
    right: 10px;
  }

  /* shop header */
  .shop_box_search{
    display: none;
  }
  .shop .shop_box_search{
    display: block;
  }
  .shop header .m_menu .nav_top{
    height: 11.25vw;
    padding: 2.50vw 16px 1.25vw 16px;
  }
  .shop header .m_menu .nav_top h1{
    display: none;
  }
  .shop header .pc_hide .gnb li{
    display: none;
  }
  .shop header .pc_hide .gnb li.menu{
    display: block;
  }
  .shop .shop_box_search{
    width: calc(100% - 40px);
    /* height: 11.25vw; */
    height: 10vw;
  }
  .shop .nav_top .search-container{
    box-sizing: border-box;
    height: 10vw;
    /* max-width: 80vw; */
  }
  .shop .nav_top .box_search-inner{
    max-width: 100%;
  }

  .shop .nav_top .box_search-inner .box {
    border-radius: 8px;
    background-color: #f5f5f5;
  }
  .shop .nav_top .box_search-inner .box .basic_search{
    height: 10vw;
    /* font-size: 3.25vw; */
    font-size: 14px;
    width: 100%;
    padding: 0 15px 0;
    border: 0;
    background: transparent;
  }

  .shop .nav_top .close{
    background: none;
    font-size: 3.25vw;
    letter-spacing: -0.21px;
    height: 10vw;
    line-height: 10vw;
    width: auto;
    right: 10px;
  }

  .top_banner {
    padding: 0 16px;
    height: 7.69vw;
  }
  .top_banner .black_banner{
    font-size: 3.59vw;
    height: 7.69vw;
    line-height: 7.69vw;
  }

  .m_menu_banner_box{
    display: flex;
    gap: 10px;
    padding: 20px 16px 0;
    box-sizing: border-box;
  }
  .m_menu_banner_box a{
    display: block;
    width: calc(50% - 5px);
  }
  .m_menu_banner_box a p{
    font-size: 12px;
    margin-top: 8px;
    color: #222;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .m_menu_banner_box a .img_box{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 64%;
    overflow: hidden;
    border-radius: 6px;
  }
  .m_menu_banner_box a .img_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
  }
}


@media all and (max-width: 479px){
  .filter_wrap .filter_btn_box {
      margin: 6px 0;
  }
  nav.lnb .main_swiper{
    width: 110px;
  }
  nav.lnb .main_swiper{
    width: 110px;
  }
  nav.lnb .menu_container .sub_swiper{
    width: calc(100% - 110px);
    left: 110px;
    /* 슬라이드스크롤 */
    padding-bottom: 500px;
  }
  nav.lnb .menu_container .sub_swiper .depth2_box > a{
    width: calc((100% - 12px) / 3 - 8px);
    padding: 0 4px;
  }
}