@charset "utf-8";

:root {
  --white: #ffffff;
  --black: #000000;
  --mainColor: #455273;
  --m-color: #455273;
  --border-color: #ddd;

  --black01: #111;
  --black02: #222;
  --black03: #333;
  --black06: #666;
  --black09: #999;

  --gray01: #eee;
  --gray02: #67738e;
  --gray03: #373f57;
  --gray04: #999999;
  --gray05: #dddddd;
  --gray06: #bfbfc3;
  --gray07: #5c667b;
  --gray08: #404040;

  --blue01: #0066ff;
  --blue02: #00ffff;
  --blue03: #00ccff;
  --blue04: #2d65f2;

  --purple01: #562dff;
  --purple02: #f6f3ff;
  --purple03: #a2a0fd;

  --size11: 0.6875rem;
  --size12: 0.75rem;
  --size13: 0.8125rem;
  --size14: 0.875rem;
  --size15: 0.9375rem;
  --size16: 1rem;
  --size18: 1.125rem;
  --size19: 1.1875rem;
  --size20: 1.25rem;
  --size22: 1.375rem;
  --size24: 1.5rem;
  --size25: 1.5625rem;
  --size26: 1.625rem;
  --size28: 1.75rem;
  --size30: 1.875rem;
  --size34: 2.125rem;
  --size35: 2.1875rem;
  --size36: 2.25rem;
  --size40: 2.5rem;
  --size45: 2.8125rem;
  --size50: 3.125rem;
  --size60: 3.75rem;
}

.inner {
  width: calc(100% - 30px);
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
html,body {
  font-family:"SUIT", "Lato", "Noto Sans KR", 'Malgun Gothic',"맑은 고딕",'AppleGothic','Dotum',"돋움",sans-serif; line-height: 1.5;
}

.dn {
  display: none !important;
}

/* HEADER */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 555;
  background-color: #fff;
}
/* 상단 띠 배너 */
#header .top-banner {
  position:relative; 
  width:100%; 
  height:2.5rem; 
  background-color:var(--mainColor); 
  overflow:hidden;}
#header .top-banner .top-banner-wrap {
  text-align:center;
}
#header .top-banner .top-banner-wrap p {
  display:block; 
  font-size:var(--size14); 
  font-weight:400; 
  color:#ffffff; 
  line-height:2.857143;
}
#header .top-head {
  border-bottom: 1px solid #ddd;
}
#header .top-head .inner {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  height: 2.5rem;
}
#header .hot-keyword {
  position:relative; 
  display: flex; 
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  width:15.9375rem; 
  height:100%; 
  box-sizing:border-box;
}
#header .hot-keyword .hot-keyword-slide {
  max-width: calc(100% - 34px);
  overflow:hidden;
  height: 1.375rem;
}
#header .hot-keyword .hot-keyword-slide li {
  position:relative;
}
#header .hot-keyword .hot-keyword-slide li a {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
}
#header .hot-keyword .hot-keyword-slide li .keyword-num {
  font-size: var(--size18); 
  color:var(--mainColor); 
  line-height: 1.375; 
  font-weight: 700;
}
#header .hot-keyword .hot-keyword-slide li .keyword-txt {
  font-size: var(--size14) ;
  font-weight:400; 
  color:#000000; 
  line-height: 1.57143; 
  overflow:hidden; 
  text-overflow:ellipsis; 
  display:-webkit-box; 
  -webkit-line-clamp:1; 
  -webkit-box-orient:vertical; 
}
#header .hot-keyword .hot-keyword-toggle .hot-keyword-open {
  cursor:pointer;
}
#header .hot-keyword .hot-keyword-toggle .hot-keyword-open .down {
  display: block;
}
#header .hot-keyword .hot-keyword-toggle .hot-keyword-open .down-icon {
  transition:all 0.1s ease-in-out;
  width:20px;
  height:22px;
  -webkit-transition:all 0.1s ease-in-out;
  -moz-transition:all 0.1s ease-in-out;
  -ms-transition:all 0.1s ease-in-out;
  -o-transition:all 0.1s ease-in-out;
}
#header .hot-keyword .hot-keyword-toggle .hot-keyword-open .up .down-icon {
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 
  -webkit-transform:rotate(180deg); 
}
/* #header .hot-keyword .hot-keyword-list {
  display:none; 
  position:absolute; 
  top:100%; 
  left:0; 
  width:100%; 
  padding:10px; 
  border:1px solid #eaeaea; 
  background:#ffffff; 
  box-sizing:border-box; 
  text-align:left; 
  z-index:100; 
  border-radius:5px;
} */
#header .hot-keyword .hot-keyword-list {
  display: none;
  position:absolute; 
  top:100%; 
  left:0; 
  width:255px; 
  padding:0 10px; 
  border:1px solid #eaeaea; 
  background:#ffffff; 
  box-sizing:border-box; 
  text-align:left; 
  z-index:100; 
  border-radius:5px;
  overflow:hidden;
  max-height:0;
  transition:max-height 0.3s ease, padding 0.3s ease;
}
#header .hot-keyword .hot-keyword-list.active {
  padding:10px;
}
#header .hot-keyword .hot-keyword-list .hot-keyword-title{
  display:block; 
  font-size:12px; 
  font-weight:500; 
  color:#353535; 
  padding:0 0 6px;
}
#header .hot-keyword .hot-keyword-list ul li {
  position:relative; 
  line-height:22px; 
  height:22px; 
  padding-left:15px; 
  display:block;
}
#header .hot-keyword .hot-keyword-list ul li .keyword-num {
  color:#000000; 
  font-size:13px; 
  font-weight:500; 
  position: absolute; 
  top:0; 
  left:0;
}
#header .hot-keyword .hot-keyword-list ul li .keyword-txt {
  color:#666666; 
  overflow:hidden; 
  text-overflow:ellipsis; 
  display:-webkit-box; 
  -webkit-line-clamp:1; 
  -webkit-box-orient:vertical;
}
#headerer .top-head .gnb{
  position:relative; 
  display:flex; 
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  float:right; 
  padding:0 0 0 23px;
  max-width: calc(100% - 16.9375rem);
}
#header .top-head .gnb .gnb-wrap{
  display:block;
}
#header .top-head .gnb .gnb-wrap .gnb-list{
  display:block; font-size:0;
}
#header .top-head .gnb .gnb-wrap .gnb-list > li{
  display:inline-block; 
  padding:0 8px; 
  vertical-align:top; 
  position:relative;
}
#header .top-head .gnb .gnb-wrap .gnb-list > li > a{
  display:block; 
  font-size:13px; 
  font-weight:400; 
  color:#121212; 
  line-height:40px;
}
/* #header .top-head .gnb .gnb-wrap .gnb-list > li > .community-layer{
  display: none; 
  position:absolute; 
  top:100%; 
  min-width:150px; 
  left:50%; 
  margin-left:-75px; 
  white-space:nowrap; 
  padding:5px 0; 
  border:1px solid #e9e9e9; 
  background:#ffffff; 
  z-index:200;
}
#header .top-head .gnb .gnb-wrap .gnb-list li .community-layer li{
  padding:10px 15px; 
  font-size:12px; 
  text-align:center;
}
#header .top-head .gnb .gnb-wrap .gnb-list li .community-layer li a{
  font-size:12px; 
  font-weight:400; 
  color:#000000;
} */
#header .top-head .gnb .gnb-wrap .gnb-list > li > a{
  display:block; 
  font-size:13px; 
  font-weight:400; 
  color:#121212; 
  line-height:40px;
}

#header .top-head .gnb .gnb-wrap .gnb-list > li > .community-layer{
  position:absolute; 
  top:100%; 
  min-width:150px; 
  left:50%; 
  margin-left:-75px; 
  white-space:nowrap; 
  padding:5px 0; 
  border:1px solid #e9e9e9; 
  background:#ffffff; 
  z-index:200;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

#header .top-head .gnb .gnb-wrap .gnb-list > li.community:hover > .community-layer {
  opacity: 1;
  visibility: visible;
}

#header .top-head .gnb .gnb-wrap .gnb-list li .community-layer li{
  padding:10px 15px; 
  font-size:12px; 
  text-align:center;
}

#header .top-head .gnb .gnb-wrap .gnb-list li .community-layer li a{
  font-size:12px; 
  font-weight:400; 
  color:#000000;
}

#header .mid-head .inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .mid-head #mobileAllMenuBtn {
  display: none;
}

/* 로고 */
#header .mid-head .h1_logo{
  display:inline-block; 
  padding:30px 0 38px;
}
#header .mid-head .h1_logo img{
  max-width:unset; max-height:50px;
}

/* 상단 우측 유저 아이콘 */
#header .mid-head .top-user{}
#header .mid-head .top-user .top-user-wrap{
  display:block; font-size:0;
}
#header .mid-head .top-user .top-user-wrap .user-icon{
  float:left; 
  height:22px; 
  padding:0 15px; 
  color:#000000;
  position: relative;
}
#header .mid-head .top-user .top-user-wrap .user-icon.cart{padding-right:14px;}
#header .mid-head .top-user .top-user-wrap .user-icon.cart .icon{width:23px; height:23px;}
#header .mid-head .top-user .top-user-wrap .user-icon.cart .cart-count{display:block; position:absolute; top:-7px; right:0; background:var(--mainColor); color:#ffffff; font-size:11px; font-weight:700; width:20px; height:20px; line-height:20px; text-align:center; border-radius:50%; padding:0;}
#header .mid-head .top-user .top-user-wrap .user-icon.wish .icon{width:26px; height:26px; margin-top:-2px;}
#header .mid-head .top-user .top-user-wrap .user-icon.tel {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 10px;
}
#header .mid-head .top-user .top-user-wrap .user-icon.tel h4 {
  color: var(--mainColor);
  font-size: var(--size20);
  line-height: 1.2;
  font-weight: 700;
}

/* 상단검색 */
#header .top_search .search_cont{
  display:block; 
  margin:2px 0 0; 
  font-size:0; 
  border:1px solid #eeeeee; 
  background:#ffffff;
}

#header .search-input{
  position:absolute; 
  top:50%; 
  right:auto; 
  left:50%; 
  margin-top:-20px; 
  margin-left:-175px; 
  width:351px; 
  display:inline-block; 
  vertical-align:middle; 
  float:right;
}
#header .search-input .top_search{position:relative; display:block; top:auto; right:auto; float:none; border:none; background:none;}
#header .search-input .top_search .top_search_cont{position:relative; display:block; width:100%; height:40px; text-align:center;}
#header .search-input .top_search .top_search_cont .top_text_cont{display:inline-block; width:240px; height:100%; box-sizing:border-box; border:none; background-color:#eeeeee; border-radius:10px; overflow:hidden; text-align:left;}
#header .search-input .top_search .top_search_cont .top_text_cont #search_form{width:200px; height:40px; line-height:40px; padding:10px 0 10px 10px; margin:0 10px 0 0; box-sizing:border-box; font-size:14px; font-weight:400; color:#666666; background-color:#eeeeee; border:0; vertical-align:middle;}
#header .search-input .top_search .top_search_cont .top_text_cont .btn_top_search{width:20px; height:18px; font-size:0; background:url("/img/common/ico_search_top.svg")no-repeat center; background-size:100%; border:none; cursor:pointer; vertical-align:middle;}

#header .search-input {margin-top:-25px;}
#header .search-input .top_search .top_search_cont {height:50px;}
#header .search-input .top_search .top_search_cont .top_text_cont {display:inline-block; width:430px; height:100%; border-radius:25px; border:2px solid #455273; background:#ffffff;}
#header .search-input .top_search .top_search_cont .top_text_cont #search_form {width:380px; height:100%; background:#ffffff; padding-left:20px;}
#header .search-input .top_search .top_search_cont .top_text_cont .btn_top_search {margin-top:-1px;}

/* 검색창 */
#header .top_search{position:absolute; top:25px; right:0; float:right; border:1px solid #cccccc; background:#ffffff; z-index:110;}
#header .top_search legend{display:none;}
#header .top_search .top_search_cont{}
#header .top_search .top_text_cont{width:333px; background:#ffffff;}
#header .top_search .top_text_cont input{border:none 0; vertical-align:top;}
#header .top_search .top_text_cont input::-webkit-input-placeholder {}
#header .top_search .top_text_cont input::-moz-placeholder {}

/* 접히는 대상에 transition 추가 */
#header .top-banner {
  overflow: hidden;
  max-height: 2.5rem;
  /*기존height:;
  2.5rem대신max-height로전환*/height: auto;
  transition: max-height .35s ease, opacity .25s ease;
  opacity: 1;
  -webkit-transition: max-height .35s ease, opacity .25s ease;
  -moz-transition: max-height .35s ease, opacity .25s ease;
  -ms-transition: max-height .35s ease, opacity .25s ease;
  -o-transition: max-height .35s ease, opacity .25s ease;
}

#header .top-head {
  /* overflow: hidden; */
  max-height: 2.5rem; /* .top-head .inner height:2.5rem 기준 */
  transition: max-height .35s ease, opacity .25s ease, border-color .35s ease;
  opacity: 1;
}

/* 스크롤 100px 이상일 때 header에 붙는 클래스 */
#header.is-collapsed .top-banner,
#header.is-collapsed .top-head {
  max-height: 0;
  opacity: 0;
  border-bottom-color: transparent; /* top-head 하단 보더 자연스럽게 제거 */
}
#header.is-collapsed .mid-head .h1_logo {
  padding: 8px 0 16px;
}

/* header 전체에도 부드러운 전환감을 주고 싶다면 */
#header {
  transition: box-shadow .3s ease;
}
#header.is-collapsed {
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}

/* 추천상품 */
.recom_box{display:inline-block;float:right;width:138px;min-height:218px;margin:10px 0 0 -1px;padding:0 15px 20px;font-size:12px;border-left:1px solid #ececec;/* box-sizing: border-box; */}
.recom_box dl{}
.recom_box dt{width:100%; padding:0 0 10px 0; font-size:13px; font-weight:bold; text-align:center;}
.recom_box dd{text-align:center;}
.recom_box .recom_photo{display:inline-block;position:relative;width:120px;height:auto;border:1px solid #ececec;vertical-align:middle;text-align:center;}
.recom_box .recom_photo img {max-width:120px;}
.recom_box .recom_tit{display:block; width:120px; padding:10px 0 0 0;}
.recom_box + .recent_box {width:259px;}

/* 상단 카테고리 */
.nd-category{position:relative; width:100%; height:54px; margin:0 auto; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.nd-category .nd-category-wrap{position:relative; text-align:left;}
.nd-category .nd-category-wrap .inner {
  display: flex;
  flex-flow: row wrap;
}
.nd-category .nd-category-wrap .nd-gnb-wrap{position:relative; display:inline-block; vertical-align:top; border:none; white-space:nowrap; width:calc(100% - 156px); margin:0;}
.nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box {margin:0; padding:0 21px; overflow:visible; /*overflow-x:clip;*/}
.nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box .sub_depth0{display:inline-block; vertical-align:middle;}
.nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box .sub_depth0 > li{width:auto; position:relative; display:inline-block; vertical-align:top;}
.nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box .sub_depth0 > li > a{display:block; position:relative; padding:0 10px; font-size:16px; font-weight:600; text-align:center; line-height:54px; color:#121212;}
.nd-category .nd-category-wrap .nd-gnb-wrap .category-slide-btn{opacity: 0; -webkit-opacity:0; -webkit-transition:all 200ms ease-in-out; -moz-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; -khtml-transition:all 200ms ease-in-out; -ms-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}
.nd-category .nd-category-wrap .nd-gnb-wrap:hover .category-slide-btn{opacity:1;}
.nd-category .nd-category-wrap .nd-gnb-wrap .category-slide-btn .swiper-button-next{background:url("/img/common/cate_slide_next.png")no-repeat center; right:0;}
.nd-category .nd-category-wrap .nd-gnb-wrap .category-slide-btn .swiper-button-next:after{content:none;}
.nd-category .nd-category-wrap .nd-gnb-wrap .category-slide-btn .swiper-button-prev{background:url("/img/common/cate_slide_prev.png")no-repeat center; left:0;}
.nd-category .nd-category-wrap .nd-gnb-wrap .category-slide-btn .swiper-button-prev:after{content:none;}

/* 전체 카테고리 */
#header .nd-category .nd-category-wrap .nd-categoryAll{ display:flex; align-items:center; height:54px; background-color:#ffffff; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; box-sizing:border-box; width:155px}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all{ width: 100%; height: 100%;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn{display:inline-block; position:relative; width:24px; height:15px;  padding:19px 15px; text-align:left; vertical-align:top; transition:0.1s transform linear; cursor:pointer; z-index:1; }
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn > strong{display:inline-block; text-indent:-99999px; font-size:0; line-height:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open{width:24px; height:15px; background-color:transparent; top:50%; left:50%; transform:translate(-50%, -50%);}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar,
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar:after{ transition:0.2s background linear 0.1s,0.2s top linear 0.2s,0.2s transform linear; position:absolute; background:#000000; margin:auto; width:100%; height:3px; content:''; top:50%; left:0; -webkit-transition:; -moz-transition:; -ms-transition:; -o-transition:; }
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar{margin-top:-7px; transform:rotate(0deg);}
/*#header .nd-category .nd-category-wrap .nd-categoryAll:hover .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar{transform:rotate(45deg); top:50%; margin-top:-1px; transition:0.2s background linear 0.1s,0.2s top linear,0.2s transform linear 0.2s;}*/
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar:after{margin-top:9px; transform:rotate(0deg);}
/*#header .nd-category .nd-category-wrap .nd-categoryAll:hover .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar:after{transform:rotate(-90deg); top:50%; margin-top:-1px; transition:0.2s background linear 0.1s,0.2s top linear,0.2s transform linear 0.2s;}*/
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap{}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu{display:none; top:100%; position:absolute; left:0; width:100%; font-size:12px; z-index:100; background:#ffffff; border:1px solid #000000;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box{overflow-y:auto; height:600px; background:#F8F8F8; padding:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul{display:inline-block; font-size:0; width:calc(100% - 208px); height:auto; min-height:100%; padding:0 30px 28px 30px; box-sizing:border-box; background:#ffffff; margin:0; vertical-align:top;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li{width:20%; display:inline-block; margin:28px 0 14px 0; padding:0 15px; line-height:1; vertical-align:top; box-sizing:border-box;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li:nth-child(5n+1){padding:0 23.5px 0 0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li:nth-child(5n+2){padding:0 17px 0 6.5px;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li:nth-child(5n+3){padding:0 13px;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li:nth-child(5n+4){padding:0 6.5px 0 17px;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li:nth-child(5n+5){padding:0 0 0 23.5px;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > .all_menu_cont{padding:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > a{display:block; padding:4px 0 12px 0; font-size:14px; font-weight:700; color:#000000; text-align:left; word-break:break-all;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > .all_depth1{padding:20px 0 0; border:none;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > .all_depth1 > li > a{display:block; color:#666666; font-size:12px; font-weight:400; padding:8px 0 7px 0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > .all_depth1 > li > a:hover{text-decoration:none;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul > li > .all_depth1 > li:first-child > a{padding-top:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .btn_all_menu_close{display:none;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category{float:right; display:inline-block; width:208px; height:100%; margin:0; padding:0 30px; background:#F8F8F8; box-sizing:border-box; font-size:0; vertical-align:top;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category li{padding:0; width:100%; margin:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li > a{display:block; padding:4px 0 12px 0; border-bottom:1px solid #DDDDDD; font-size:14px; font-weight:700; color:#000000; text-align:left; word-break:break-all;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li ul{margin:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li .all_depth1{padding:20px 0 0 0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li .all_depth1 li > a{display:block; color:#666666; font-size:12px; font-weight:400; padding:8px 0 7px 0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li .all_depth1 li > a:hover{text-decoration:none;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category > li .all_depth1 li:last-child > a{padding-bottom:0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category li.nd-all-category-community{padding:28px 0 0 0;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box .nd-all-add-category li.nd-all-category-mypage{padding:42px 0 0 0;}


/* S : CUSTOM MIR */
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .gnb_allmenu_wrap .gnb_allmenu .gnb_allmenu_box > ul {width:100%;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all {display:block;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn {width: 100%; white-space: nowrap; box-sizing: border-box; height: 100%; padding: 0 15px; display: flex; align-items: center;}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn .btn_all_menu_open {left:15px; transform:translate(0, -50%);}
#header .nd-category .nd-category-wrap .nd-categoryAll .gnb_all .nd-cate-all-btn > strong {text-indent:0; font-size:16px; line-height:0; padding-left:34px;}
#header .nd-header-wrap .nd-header.fixedTop .nd-mid-util .h1_logo {padding:8px 0 16px;}
#header .nd-header-wrap .nd-header.fixedTop .nd-mid-util .h1_logo img {max-width:unset; height:50px;}
#header .nd-category .nd-category-wrap .nd-categoryAll.on .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar{transform:rotate(45deg); top:50%; margin-top:-1px; transition:0.2s background linear 0.1s,0.2s top linear,0.2s transform linear 0.2s;}
#header .nd-category .nd-category-wrap .nd-categoryAll.on .gnb_all .nd-cate-all-btn .btn_all_menu_open .bar:after{transform:rotate(-90deg); top:50%; margin-top:-1px; transition:0.2s background linear 0.1s,0.2s top linear,0.2s transform linear 0.2s;}
/* E : CUSTOM MIR */

.nd-gnb-wrap {position:relative; float:right;}
.nd-gnb-wrap .nd-gnb {display:inline-block; vertical-align:top;}
.gnb .sub_menu_box {float:left; display:inline-block; text-align:right; vertical-align:top;}
.gnb .nd-add-cate{float:left;}
/* 상단메뉴 최상위 */
#header .gnb .depth0 > li{z-index:99;}
#header .gnb .depth0 > li > a {display:inline-block; padding:0 20px; font-size:14px; font-weight:600; color:#333333; text-align:center; line-height:49px;}
#header .gnb .depth0 > li > a.active {color:#aaaaaa;}
/* 상단 메뉴 뎁스 위치 */
#header .gnb .depth1 {display:none; position:absolute; top:48px; left:50%; z-index:100; width:auto; min-width:140px; margin-left:-70px; padding:10px 0; background:rgba(256,256,256,0.8); text-align:center;}
/* 상단메뉴 2,3,4 뎁스 CSS */
#header .gnb .depth1 li a {display:block; /*width:100%;*/ padding:5px 10px; font-size:12px; color:#000000;}
#header .gnb .depth1 li a:hover {background:none; text-decoration:underline;}
/* 상단 카테고리 > 서브메뉴 최상위(0뎁스) */
#header .sub_menu_box .sub_depth0 {padding:0; font-size:0; border:none;}
#header .sub_menu_box .sub_depth0 > li {position:relative; display:inline-block; vertical-align:top; z-index:99;}
/*#header .sub_menu_box .sub_depth0 > li > a {display:block; padding:0 14px; font-size:14px; font-weight:400; text-align:center; line-height:1; color:#000000;}*/
#header .sub_menu_box .sub_depth0 > li > a.active {background:none;}
/* 상단 카테고리 > 서브 뎁스메뉴 보더 */
#header .sub_menu_box.layer_type ul > li > ul {padding:8px 0; border:1px solid #000000;}
/* 상단 카테고리 > 서브메뉴 1뎁스 */
#header .sub_menu_box .sub_depth1 > li {position:relative; text-align:center;}
#header .sub_menu_box .sub_depth1 > li > a {display:block; padding:5px 10px; color:#000000; font-size:12px; transition-property:background,color; transition-duration:.2s; transition-timing-function:ease-in-out;}
#header .sub_menu_box .sub_depth1 > li > a:hover {background:none;}
#header .sub_menu_box .sub_depth1 > li > a.active {background:none;}
/* 상단 카테고리 > 서브메뉴 2,3,4 뎁스 CSS */
#header .sub_menu_box .sub_depth1 li {position:relative;}
#header .sub_menu_box .sub_depth1 li a {display:block; padding:10px 15px; color:#000000; font-size:12px; transition-property:background,color; transition-duration:.2s; transition-timing-function:ease-in-out; white-space:normal;}
#header .sub_menu_box .sub_depth1 li a:hover {background:none; text-decoration:none;}
#header .sub_menu_box .sub_depth1 li a.active {background:none; text-decoration:none;}
/* 상단 카테고리 > 서브 레이어 타입 */
#header .sub_menu_box.layer_type a:hover,
#header .sub_menu_box.layer_type a.active {color:#000000;}
/*#header .sub_menu_box.layer_type .sub_menu0 > li > a {position:relative; display:inline-block; padding:0 20px; font-size:14px; font-weight:600; text-align:center; line-height:49px; color:#333333;}!* 1차카테고리 padding *!*/
/*#header .sub_menu_box.layer_type .sub_menu0 > li > a:hover,*/
/*#header .sub_menu_box.layer_type .sub_menu0 > li > a.active {color:#aaaaaa;}!* 1차카테고리 hover color *!*/
#header .sub_menu_box.layer_type .sub_menu0 > li > a img {max-width:100%;}
#header .sub_menu_box.layer_type .sub_depth1 {display:none; position:absolute; top:100%; left:50%; width:150px; min-width:150px; margin-left:-75px; padding:5px 0; border:1px solid #e9e9e9; background:rgba(256,256,256,1); z-index:101; text-align:center;}
#header .sub_menu_box.layer_type .sub_depth2 {display:none; position:absolute; top:-9px; left:150px; min-width:150px; background:#ffffff; width:max-content;}
#header .sub_menu_box.layer_type .sub_depth3 {display:none!important; position:absolute; top:-9px; left:150px; min-width:150px; background:#ffffff;}
#header .sub_menu_box.layer_type .sub_depth4 {display:none!important; position:absolute; top:-9px; left:150px; min-width:150px; background:#ffffff;}

/*.nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box,*/
#header .sub_menu_box .sub_depth0 {overflow:visible!important;}
#header .sub_menu_box .sub_depth0 > li {overflow:visible!important;}

/*-------------------------------------------------------------------
    ## 하단디자인
-------------------------------------------------------------------*/
#footer_wrap{border-top:0;}
#footer{position:relative; overflow:hidden;}
#footer .nd-footer{padding:0 0 40px; margin:100px 0 0; border-top:2px solid #000000;}
#footer .nd-footer .footer_nav{position:relative; width:100%; border-bottom:1px solid #eeeeee;}
#footer .nd-footer .footer_nav .nav-list{display:block; padding:22px 0 23px 0;}
#footer .nd-footer .footer_nav .nav-list li{position:relative; display:inline-block; padding:0 15px 0 11px;}
#footer .nd-footer .footer_nav .nav-list li:first-child{padding-left:0;}
#footer .nd-footer .footer_nav .nav-list li:after{content:""; position:absolute; top:50%; right:0; width:2px; height:2px; margin-top:-1px; background:#000000;}
#footer .nd-footer .footer_nav .nav-list li:last-child:after{content:none;}
#footer .nd-footer .footer_nav .nav-list li a{font-size:12px; font-weight:400; color:#000000;}
#footer .nd-footer .footer_wrap{width:100%; height:238px; margin:0 auto; border-bottom:1px solid #eeeeee;}
#footer .nd-footer .footer_wrap > .nd-container{height:100%;}
#footer .nd-footer .footer_wrap .footer_cont{position:relative; float:left; padding:0 76px 0 40px; height:100%; border-right:1px solid #eeeeee; box-sizing:border-box;}
#footer .nd-footer .footer_wrap .footer_cont:nth-child(1){width:260px; padding-left:0;}
#footer .nd-footer .footer_wrap .footer_cont:nth-child(2){width:260px;}
#footer .nd-footer .footer_wrap .footer_cont:nth-child(3){width:345px;}
#footer .nd-footer .footer_wrap .footer_cont:last-child{padding-right:0; border-right:none;}
#footer .nd-footer .footer_wrap .footer_cont.footer-exchange{padding:0 60px 0 40px;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice{text-align:left;}
#footer .nd-footer .footer_wrap .footer_cont h3{padding:46px 0 13px; line-height:1; color:#000000; font-size:14px; font-weight:700;}
#footer .nd-footer .footer_wrap .footer_cont ul{overflow:hidden;}
#footer .nd-footer .footer_wrap .footer_cont ul li{padding:0; line-height:1.5; font-size:12px; font-weight:400; color:#666666;}
#footer .nd-footer .footer_wrap .footer_cont ul li.cs-number{font-size:20px; font-weight:700; color:#000000; padding-bottom:10px; line-height:1;}
#footer .nd-footer .footer_wrap .footer_cont ul li.footer_cs {margin-top:8px;}
#footer .nd-footer .footer_wrap .footer_cont ul li.nd-depositor{padding:0 0 8px 0; line-height:1;}
#footer .nd-footer .footer_wrap .footer_cont ul li.nd-mall-add{padding:0 0 8px 0;}
#footer .nd-footer .footer_wrap .footer_cont ul.footer-community{display:flex; flex-flow: row wrap; padding:23px 0 0 0;}
#footer .nd-footer .footer_wrap .footer_cont ul.footer-community li{display:inline-block; width:72px; height:30px; border:1px solid #cccccc; text-align:center; margin:0 5px 0 0; transition:all 0.1s ease-in;}
#footer .nd-footer .footer_wrap .footer_cont ul.footer-community li:hover{background:#eeeeee; transition:all 0.1s ease-in;}
#footer .nd-footer .footer_wrap .footer_cont ul.footer-community li a{display:block; font-size:12px; font-weight:400; color:#666666; line-height:30px;}
#footer .nd-footer .footer_wrap .footer_cont .footer-board-more{position:absolute; top:46px; right:0; font-size:12px; font-weight:400; color:#000000;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice li{position:relative; margin:0 0 8px 0;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice li:after{content:""; display:block; clear:both;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice li a{width:182px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice li span{position:absolute; top:50%; right:0; margin-top:-6px; line-height:1;}

#footer .nd-footer .footer-corp-info{display:block; position:relative; width:100%; margin:26px 0 0 0;}
#footer .nd-footer .footer-corp-info .footer-corp-tit{display:block; cursor:pointer;}
#footer .nd-footer .footer-corp-info .footer-corp-tit span{font-size:12px; font-weight:700; color:#000000; position:relative; padding:0 16px 0 0;}
#footer .nd-footer .footer-corp-info .footer-corp-tit span .nd-icon{transition:all 0.1s ease-in-out; width:16px; height:16px; position:absolute; top:50%; right:-3px; margin-top:-8px;}
#footer .nd-footer .footer-corp-info .footer-corp-tit span.on .nd-icon{-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg); transition:all 0.1s ease-in-out;}
#footer .nd-footer .footer-corp-info .footer-corp-cont{padding:20px 0 0 0; font-size:12px; font-weight:400; color:#999999; line-height:1;}
#footer .nd-footer .footer-corp-info .footer-corp-cont ul{display:block;}
#footer .nd-footer .footer-corp-info .footer-corp-cont ul li{display:block; padding:0 0 10px 0;}
#footer .nd-footer .footer-corp-info .footer-corp-cont ul li span{position:relative;}
#footer .nd-footer .footer-corp-info .footer-corp-cont ul li span+span{padding:0 0 0 5px; margin:0 0 0 5px;}
#footer .nd-footer .footer-corp-info .footer-corp-cont ul li span+span:before{content:""; position:absolute; top:50%; left:0; margin-top:-5px; width:1px; height:10px; background-color:#999999;}

#footer .nd-footer .footer_box .nd-container{margin:20px auto 0;}
#footer .nd-footer .footer_box .copyright{width:1260px; margin:0 auto; padding:20px 0 0 0; color:#999999; font-size:12px;}


#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice .nd-mir-corp .footer-corp-cont {padding-top:10px;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice .nd-mir-corp li {padding:0; margin:0;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice .nd-mir-corp li span {position:relative; top:auto; right:auto; margin-top:0; line-height:1.5;}
#footer .nd-footer .footer_wrap .footer_cont.footer-board-notice .nd-mir-corp li a {display:inline; width:auto;}

.location_wrap .location_cont {position:relative; width:1260px; margin:0 auto; font-size: 12px; color: #777;}/* 컨텐츠 사이즈 + 센터정렬 */
.location_wrap {position:relative; width:100%; border-bottom:none; /*background:#f9f9f9;*/}
.location_wrap .location_cont {text-align: right;}
.location_wrap .location_cont:after {display:block; clear:both; content:"";}
.location_cont .local_home {color:#777777;}
.location_cont .local_home:hover {text-decoration:underline;}
.location_cont em {display:inline-block; float:none; padding:12px 0 10px 0; color:#777777; font-size:11px;    line-height: 1.5;}
.location_cont em + .location_select {margin-left:5px;}
.location_select {display:inline-block; position:relative; min-width:150px; margin:7px 0 0 0; border:1px solid #999999; background:#ffffff; z-index:50; text-align:left; line-height: 1.5}
.location_select .location_tit {background:url("/img/main/select_arrow_down_11x7.png") no-repeat right center;}
.location_select .location_tit.actvie {background:url("/img/main/select_arrow_up_11x7.png") no-repeat right center;}
.location_select .location_tit span {display:inline-block; padding-left:5px;}
.location_select .location_tit a {display:block; padding:3px 32px 3px 9px; font-size:11px;}
.location_select ul {
  /* display:block; position:absolute; top:22px; left:0; width:100%; margin-left:-1px; padding:6px 0 6px 0; font-size:0; border:1px solid #999999; background:#ffffff; */
  position: absolute; 
  top: 22px; 
  left: 0; 
  width: 100%; 
  margin-left: -1px; 
  padding: 0 0 0 0; /* 닫혔을 때는 패딩을 0으로 */
  font-size: 0; 
  border: 1px solid #999999; 
  background: #ffffff;
  
  /* 애니메이션 핵심 설정 */
  max-height: 0;
  overflow: hidden;
  border-top: none;
  border-bottom: none;
  transition: max-height 0.3s ease, padding 0.3s ease;
}
.location_select.active ul {
  max-height: 300px; /* 메뉴 전체가 다 보일 수 있는 넉넉한 높이 지정 */
  padding: 6px 0 6px 0;
  border: 1px solid #999999;
}
.location_select ul li {/*padding:4px 0 4px 9px;*/}
.location_select ul li a {display:block; padding:4px 5px 5px 10px; font-size:11px;}
.location_select ul li a span {display:inline-block;}
.location_select ul li a:hover {background-color:#333333; color: #fff;}

.location_wrap + .sub_content {
  padding: 40px 0 0;
}
.service_tit {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  font-size: 16px;
  border-bottom: 1px solid #999999;
  padding-left: 5px;
  padding-right: 5px;
}
.service_tit h2 {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  color: #333;
}
.service_cont {
  font-size: 11px;
  line-height: 1.5;
  color: #333;
}

.wrap .chosen-container{vertical-align:top; text-align:left;}
.wrap .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #cccccc;}
.wrap .chosen-single > span{line-height:30px;}
.wrap .chosen-container .chosen-results li{float:none;}
.wrap .chosen-container .chosen-drop{border:1px solid #cccccc; border-top:none 0;}
.wrap .chosen-container .chosen-results li.active-result{text-align:left;}
.wrap .chosen-container .chosen-results li.disabled-result{text-align:left;}

/* 셀렉트박스 */
select{height:31px; color:#717171; vertical-align:top; outline:none;}
.wrap .chosen-container{vertical-align:top; text-align:left;}
.wrap .chosen-single{height:31px; color:#717171; vertical-align:top; outline:none; border:1px solid #ccc!important;}
.wrap .chosen-single > span{line-height:30px;}
.wrap .chosen-container .chosen-results li{float:none;}
.wrap .chosen-container .chosen-drop{border:1px solid #ccc; border-top:none 0;}
.wrap .chosen-container .chosen-results li.active-result{text-align:left;}
.wrap .chosen-container .chosen-results li.disabled-result{text-align:left;}


/* 공통 버튼 - 회색버튼 */
.btn_gray_list{}
.btn_gray_list a,
.btn_gray_list button{display:inline-block; padding:0 0 0 11px; background:url('/img/common/btn_gray_bg.png') repeat-x; border:1px solid #dbdbdb; vertical-align:middle;}
.btn_gray_list a em,
.btn_gray_list button em{display:inline-block; padding:0px 20px 0 0; background:url('/img/common/btn_gray_bg.png') no-repeat right top;}
.btn_gray_list a span,
.btn_gray_list button span{display:inline-block; padding:0px 12px 0 0;}
.btn_gray_list a:hover,
.btn_gray_list button:hover{background:#f8f8f8;}
.btn_gray_list button em{margin-top:-2px;}

.btn_gray_list .btn_gray_small{font-size:11px; background:url('/img/common/btn_gray_bg_02.png') repeat-x bottom;}
.btn_gray_list .btn_gray_small em{background-position:right 1px; line-height:22px;}
.btn_gray_list .btn_gray_small em.icon_download{padding:0px 30px 0 0; background-position:right -22px;}
.btn_gray_list .btn_gray_small span{line-height:22px;}
.btn_gray_list .btn_gray_mid{height:26px; background-position:0 -70px;}
.btn_gray_list .btn_gray_mid em{background-position:right -69px; line-height:26px;}
.btn_gray_list .btn_gray_mid span{line-height:26px;}
.btn_gray_list .btn_gray_mid em.icon_download{padding:0px 30px 0 0; background-position:right -93px;}
.btn_gray_list .btn_gray_big{height:31px; background-position:0 -140px;}
.btn_gray_list .btn_gray_big em{background-position:right -139px; line-height:31px;}
.btn_gray_list .btn_gray_big span{line-height:31px;}
.btn_gray_list .style-none { border: 0px; padding: 0px; vertical-align: baseline; background: none !important; }

.btn_center_box button{/*margin:0 2px 0 3px;*/}

.btn_center_box button + button,
.btn_left_box button + button,
.btn_right_box button + button{margin-left:6px;}

input[type="text"], input[type="password"] {
  padding: 0 10px;
  outline: none;
  font-size: 12px;
}
input[type="text"], input[type="password"] {
  height: 31px;
  padding: 0 5px;
  color: #333333;
  border: 1px solid #d6d6d6;
  line-height: 31px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* --------------------------------
    상품상세 버튼
-------------------------------- */
/* 장바구니,찜하기 공통 버튼 */
.btn_add_cart,
.btn_add_wish{display:inline-block; width:152px; height:52px; margin:0 0 0 6px; padding:0 10px 0 10px; color:#3e3d3c; font-size:16px; border:1px solid #cccccc; background:#ffffff; text-align:center; font-weight:bold;}
.btn_add_cart:hover,
.btn_add_wish:hover{color:#333333; border:1px solid #bbbbbb;}
/* 바로구매 버튼 */
.btn_add_order,
.btn_add_order_related,
.btn_add_cart_related{display:inline-block; width:230px; height:52px; margin:0 0 0 6px; padding:0 10px 0 10px; color:#ffffff; font-size:16px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; font-weight:bold;}
.btn_add_order:hover,
.btn_add_order_related:hover,
.btn_add_cart_related:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 구매불가 버튼 */
.btn_add_soldout{display:initial; width:390px; height:52px; margin:0 auto; padding:0 10px 0 10px; color:#ffffff; font-size:20px; font-weight:bold; border:1px solid #666666; background:#666666; text-align:center; cursor:default;}
/* .btn_add_soldout:hover{border:1px solid var(--mainColor); background:var(--mainColor);} */
/* 장바구니 버튼 */
.btn_add_cart{margin:0;}
/* 재입고알림 버튼 */
.btn_restock_notice_v1{display:inline-block; width:128px; height:52px; margin:0; padding:0 10px 0 34px; color:var(--mainColor); font-size:16px; font-weight:bold; border:1px solid var(--mainColor); background:#ffffff url('../img/icon/goods_icon/ico_restock_moment.png') no-repeat 8px center; text-align:center;}
.btn_restock_notice_v1:hover{color:var(--mainColor); border:1px solid var(--mainColor);}
.btn_restock_notice_v2{display:inline-block; width:156px; height:52px; margin:0 5px 0 0; padding:0 10px 0 34px; color:var(--mainColor); font-size:16px; font-weight:bold; border:1px solid var(--mainColor); background:#ffffff url('../img/icon/goods_icon/ico_restock_moment.png') no-repeat 18px center; text-align:center;}
.btn_restock_notice_v2:hober{color:var(--mainColor); border:1px solid var(--mainColor);}
/* 재입고알림 버튼 있을 때 변경되는 버튼 */
.btn_choice_box .restock{display:inline-block;}
.btn_choice_box .restock .btn_add_cart,
.btn_choice_box .restock .btn_add_wish{width:115px; margin:0 0 0 3px;}
.btn_choice_box .restock .btn_add_order{width:176px; margin:0 0 0 3px;}
/* 상품후기 전체보기, 상품문의 전체보기 */
.btn_reviews_more,
.btn_qna_more{display:inline-block; min-width:120px; padding:10px 10px 10px 10px; color:#3e3d3c; font-weight:bold; border:1px solid #cccccc; background:#ffffff; text-align:center;}
.btn_reviews_more:hover,
.btn_qna_more:hover{color:#333333; border:1px solid #bbbbbb;}
.item_photo_info_sec button.btn_disabled_order {
  display: none;
}

/* 상품후기 글쓰기, 상품문의 글쓰기 */
.btn_reviews_write,
.btn_qna_write{display:inline-block; min-width:120px; padding:10px 10px 10px 10px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_reviews_write:hover,
.btn_qna_write:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 상품후기 전체보기, 상품후기 글쓰기, 상품문의 전체보기, 상품문의 글쓰기 버튼 박스 */
.btn_reviews_box,
.btn_qna_box{position:absolute; top:32px; right:0px;}
/* 추천하기 */
.btn_comment_best{display:inline-block; min-width:50px; margin:0 0 0 10px; padding:1px 5px 2px 5px; color:#ffffff; font-size:11px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_comment_best:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 검색결과 페이지 검색버튼 */
.btn_goods_search{display:inline-block; min-width:100px; height:31px; color:#ffffff; font-weight:bold; border:1px solid #3e3d3c; background:#3e3d3c; text-align:center;}
.btn_goods_search em{padding:0 20px 0 0;
    background-image:url("../img/common/btn_goods_search.png");
    background-position:right 3px;
    background-repeat:no-repeat;}
/* 더보기 */
.btn_goods_main_more{height:1px; border-top:1px solid #dbdbdb;}
.btn_goods_main_more .btn_goods_main_view_more{position:absolute; top:4px; right:5px; padding:2px 5px 3px 5px; font-size:11px; font-weight:bold; border:1px solid #dbdbdb;}


/* --------------------------------
    회원가입 버튼
-------------------------------- */
/* 이전, 다음 버튼 */
.btn_member_prev{width:150px; height:45px; margin:35px 0 0 0; color:#3e3d3c; font-size:14px; border:1px solid #cccccc; background:#ffffff; cursor:pointer;}
.btn_member_prev:hover{color:#333333; border:1px solid #bbbbbb;}
.btn_member_next{width:150px; height:45px; margin:35px 0 0 0; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); cursor:pointer; font-weight:bold;}
.btn_member_next:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 로그인, 확인 버튼 */
.btn_member_ok,
.btn_member_login{width:150px; height:45px; margin:35px 0 0 0; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); cursor:pointer;}
.btn_member_ok:hover,
.btn_member_login:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 아이디 찾기 버튼 */
.btn_member_id{float:right; width:158px; height:91px; margin:15px 0 0 0; color:#ffffff; font-size:15px; font-weight:bold; border:1px solid #3e3d3c; background:#3e3d3c; cursor:pointer;}
.btn_member_id:hover{border:1px solid #4f4e4d; background:#4f4e4d;}
/* 비밀번호 찾기, 로그인하기 버튼 */
.btn_member_white{width:150px; height:45px; color:#3e3d3c; font-weight:bold; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer;}
.btn_member_white:hover{color:#333333; border:1px solid #bbbbbb;}
/* 회원가입 등등 */
.btn_member_black{width:150px; height:45px; margin:35px 0 0 0; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); cursor:pointer; font-weight:bold;}
.btn_member_black:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 취소*/
.btn_member_cancel{width:150px; height:45px; color:#3e3d3c; font-weight:bold; font-size:13px; border:1px solid #cccccc; background:#fff; cursor:pointer;}
.btn_member_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
/* 회원가입, 휴먼 해제하기 */
.btn_member_join{width:150px; height:45px; margin:0; color:#ffffff; font-size:14px; border:1px solid #666666; background:#666666; cursor:pointer; font-weight:bold;}
.btn_member_join:hover{border:1px solid #626262; color: #fff; background:#626262;}
.btn_comfirm{width:150px; height:45px; margin:0; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); cursor:pointer; font-weight:bold;}
.btn_comfirm:hover{border:1px solid var(--mainColor); color: #fff; background:var(--mainColor);}


/* --------------------------------
    마이페이지 버튼
-------------------------------- */
/* 더보기 버튼 */
.mypage_lately_info .btn_board_more{position:absolute; top:7px; right:5px; font-size:12px;}
.mypage_lately_info .btn_board_more:hover{text-decoration:underline;}
/* 구매확정, 리뷰쓰기 */
.btn_buy_ok,
.btn_review_write{display:inline-block; min-width:46px; margin:2px 1px 2px 1px; padding:3px 10px 4px 10px; color:#fff; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_buy_ok em,
.btn_review_write em{font-weight:bold;}
.btn_buy_ok:hover,
.btn_review_write:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 쇼핑정보 > 취소,확인 */
.btn_claim_cancel{display:inline-block; min-width:80px; height:42px; padding:0 10px 0 10px; line-height:40px; color:#3e3d3c; font-size:14px; border:1px solid #cccccc; background:#ffffff; text-align:center;}
.btn_claim_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
.btn_claim_cancel em{font-weight:bold;}
.btn_claim_ok{min-width:100px; height:44px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; vertical-align:top;}
.btn_claim_ok:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.btn_claim_ok em{font-weight:bold;}

/* 찜리스트 장바구니,삭제하기, 선택상품 삭제 */
.btn_wish_cart{display:inline-block; min-width:46px; margin:2px 1px 2px 1px; padding:3px 10px 4px 10px; color:#fff; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_wish_cart:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.btn_wish_del{display:inline-block; min-width:46px; min-height:18px; margin:5px 0 0 0; padding:3px 10px 4px 10px; color:#3e3d3c; border:1px solid #cccccc; background:#ffffff; text-align:center;}
.btn_wish_del:hover{color:#333333; border:1px solid #bbbbbb;}
.btn_wish_choice_del, .btn_wish_choice_cart{display:inline-block; min-width:46px; min-height:18px; margin:5px 0 0 0; padding:3px 10px 4px 10px; color:#626262; border:1px solid #a3a3a3; background:#ffffff; text-align:center;}
.btn_wish_choice_del:hover{color:#484848; border:1px solid #777777;}
/* 회원 비밀번호 검증 > 취소, 인증하기 */
.btn_pw_cancel{display:inline-block; min-width:80px; height:42px; padding:0 10px 0 10px; line-height:40px; color:#3e3d3c; font-size:14px; border:1px solid #cccccc; background:#ffffff; text-align:center; cursor:pointer;}
.btn_pw_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
.btn_pw_cancel em{font-weight:bold;}
.btn_pw_certify{min-width:100px; height:44px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; vertical-align:top;}
.btn_pw_certify:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.btn_pw_certify em{font-weight:bold;}
/* 배송지 관리 > 새 배송지 추가 */
.btn_add_shipping{position:absolute; top:-42px; right:0; height:30px; padding:0 10px; line-height:28px; color:#fff; border:1px solid #979797; background:#979797; text-align:center;}
.btn_add_shipping:hover{border:1px solid #626262; background:#626262;}
/* 쿠폰 > 쿠폰등록 */
.btn_coupon_register{position:absolute; top:-5px; right:0px; width:70px; height:28px; line-height:26px; color:#fff; border:1px solid #979797; background:#979797; text-align:center;}
.btn_coupon_register:hover{border:1px solid #626262; background:#626262;}
.btn_coupon_register em{ font-size:12px;}
/* 1:1 문의 조회버튼 */
.mypage_cont .btn_date_check{/*display:inline-block;*/ float:left; min-width:100px; height:31px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.mypage_cont .btn_date_check:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.mypage_cont .btn_date_check em{padding:0 20px 0 0;
    background-image:url("../img/common/btn_goods_search.png");
    background-position:right 3px;
    background-repeat:no-repeat; font-weight:bold;}

/* --------------------------------
    주문페이지 버튼
-------------------------------- */
/* 장바구니 > 쇼핑 계속하기 */
.shop_go_link{display:inline-block; border-bottom:1px solid #333333;}
/* 선택 상품 삭제, 선택 상품 찜 */
.btn_order_choice_del,
.btn_order_choice_wish{display:inline-block; min-width:120px; height:30px; padding:0 15px 0 15px; color:#626262; border:1px solid #a3a3a3; text-align:center; line-height:28px;}
.btn_order_choice_del:hover,
.btn_order_choice_wish:hover{color:#484848; border:1px solid #777777;}
/* 선택 상품 주문 */
.btn_order_choice_buy{min-width:190px; height:55px; padding:0 20px 0 20px; color:#3e3d3c; font-weight:bold; font-size:14px; border:1px solid #cccccc; background:#fff; cursor:pointer;}
.btn_order_choice_buy:hover{color:#333333; border:1px solid #bbbbbb;}
/* 전체 상품 주문 */
.btn_order_whole_buy{min-width:190px; height:55px; padding:0 20px 0 20px; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); cursor:pointer; font-weight:bold;}
.btn_order_whole_buy:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 결제하기 */
.btn_order_buy{display:inline-block; width:300px; height:61px; line-height:59px; color:#fff; font-size:20px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_order_buy em{font-weight:bold;}
.btn_order_buy:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 주문완료 > 확인 */
.btn_order_end_ok{display:inline-block; width:200px; height:61px; line-height:59px; color:#fff; font-size:16px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_order_end_ok em{font-weight:bold;}
.btn_order_end_ok:hover{border:1px solid var(--mainColor); background:var(--mainColor);}


/* --------------------------------
    고객센터 버튼
-------------------------------- */
/* 버튼 */
.btn_board_more{position:absolute; top:7px; right:5px; font-size:12px;}
.btn_board_more:hover{text-decoration:underline;}
.board_list_faq .btn_board_more{position:absolute; top:-34px; right:5px; font-size:12px;}
.board_list_faq .btn_board_more:hover{text-decoration:underline;}
.btn_poll_finish,/* 설문 완료 */
.btn_main_go/* 홈바로가기 */
{display:inline-block; min-width:150px; height:42px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; line-height:40px;}
/* 자주묻는 질문 검색버튼 */
.btn_date_check{display:inline-block; min-width:100px; height:31px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_date_check:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.btn_date_check em{padding:0 20px 0 0;
    background-image:url("../img/common/btn_goods_search.png");
    background-position:right 3px;
    background-repeat:no-repeat; font-weight:bold;}


/* --------------------------------
    레이어 버튼
-------------------------------- */
/* 검정 버튼 */
.btn_ly_download, /* 쿠폰 전체 다운받기 버튼 */
.btn_ly_coupon_apply, /* 쿠폰 적용 */
.btn_ly_write_ok, /* 등록 */
.btn_ly_ok, /* 확인 */
.btn_ly_save, /* 저장 */
.btn_escrow_go, /* 에스크로 구매확인창 열기 */
.btn_pg_go /* 결제창 열기 */
{display:inline-block; min-width:100px; height:42px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; cursor:pointer;}
.btn_ly_download:hover, /* 쿠폰 전체 다운받기 버튼 */
.btn_ly_coupon_apply:hover, /* 쿠폰 적용 */
.btn_ly_write_ok:hover, /* 등록 */
.btn_ly_ok:hover, /* 확인 */
.btn_ly_save:hover, /* 저장 */
.btn_escrow_go:hover, /* 에스크로 구매확인창 열기 */
.btn_pg_go:hover /* 결제창 열기 */
{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 취소 버튼  */
.btn_ly_cancel{display:inline-block; width:100px; height:42px; padding:0 5px 0 5px; color:#3e3d3c; font-size:14px; border:1px solid #cccccc; text-align:center; cursor:pointer;}
.btn_ly_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
/* 회원가입 */
.btn_ly_join{display:inline-block; min-width:150px; height:42px; margin:0 5px 0 0; color:#ffffff; font-size:14px; border:1px solid #6b6b6b; background:#6b6b6b; line-height:40px}
/* 로그인 */
.btn_ly_login{display:inline-block; min-width:150px; height:42px; padding:0 10px 0 10px; color:#ffffff; font-size:14px; border:1px solid #3e3d3c; background:#3e3d3c; text-align:center; line-height:40px;}
/* 비밀번호 인증 확인 버튼 */
.btn_ly_password{display:inline-block; width:70px; height:28px; padding:0 5px 0 5px; color:#ffffff; border:1px solid #3e3d3c; background:#3e3d3c; text-align:center; cursor:pointer;}
/* 1:1 문의 조회버튼, 미확인 입금자 리스트 검색버튼 */
.btn_ly_date_check,
.btn_ly_depositor{display:inline-block; min-width:100px; height:31px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_ly_date_check:hover,
.btn_ly_depositor:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.btn_ly_date_check em,
.btn_ly_depositor em{padding:0 20px 0 0; font-weight:bold;
    background-image:url("../img/common/btn_goods_search.png");
    background-position:right 3px;
    background-repeat:no-repeat;}

/* 추천하기 */
.plus_review_look .btn_comment_best{display:inline-block; min-width:50px; margin:0 0 0 10px; padding:1px 5px 2px 5px; color:#ffffff; font-size:11px; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.plus_review_look .btn_comment_best:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 세금계산서 발행 */
.bnt_tax_invoice{display:inline-block; min-width:100px; height:31px; padding:5px 20px 5px 20px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; line-height:30px;}
.bnt_tax_invoice:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.bnt_tax_invoice em{font-size:14px; font-weight:bold;}
.bnt_cash_receipt{display:inline-block; min-width:100px; height:31px; padding:5px 20px 5px 20px; color:#ffffff; font-weight:bold; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center; line-height:30px;}
.bnt_cash_receipt:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
.bnt_cash_receipt em{font-size:14px; font-weight:bold;}
/* 배송지 관리 > 새 배송지 추가 */
.btn_ly_add_shipping{position:absolute; top:-42px; right:0; width:121px; height:30px; line-height:28px; color:#fff; border:1px solid #979797; background:#979797; text-align:center;}
.btn_ly_add_shipping:hover{border:1px solid #626262; background:#626262;}
/* PG 결제 취소, 장바구니 이동 */
.btn_pg_cancel{display:inline-block; min-width:115px; height:30px; margin:0 5px 0 5px; line-height:28px; color:#3e3d3c; border:1px solid #cccccc; background:#ffffff; text-align:center;}
.btn_pg_cancel:hover{color:#333333; border:1px solid #bbbbbb;}
.btn_pg_cartmove{display:inline-block; min-width:115px; height:30px; margin:0 5px 0 5px; line-height:28px; color:#ffffff; border:1px solid var(--mainColor); background:var(--mainColor); text-align:center;}
.btn_pg_cartmove:hover{border:1px solid var(--mainColor); background:var(--mainColor);}
/* 재입고 알림 레이어 */
.btn_select,
.btn_select_cancel{display:inline-block; width:19%; height:42px; padding:0 3px; margin:0 0 0 5px; color:#3e3d3c; font-size:13px; border:1px solid #cccccc; text-align:center; font-weight:bold; cursor:pointer;}
.btn_select:hover,
.btn_select_cancel:hover{border:1px solid #bbbbbb; color:#333333;}
.btn_goods_restock{display:inline-block; width:34%; height:42px; padding:0 3px; margin:0 0 0 5px; color:#fff; background:var(--mainColor); font-size:14px; border:1px solid var(--mainColor); text-align:center; cursor:pointer; font-weight:bold;}
.btn_goods_restock:hover{border:1px solid var(--mainColor); background:var(--mainColor);}

/*-------------------------------------------------------------------
    ## 스크롤퀵바
-------------------------------------------------------------------*/
.scroll_right_cont{display:none!important;}
.btn_scroll_top{display:none!important;}
.btn_scroll_top{display:none!important;}
.scroll_wrap {position:absolute; top:0; left:auto; right:0; width:200px; margin-left:0; z-index:1000;}
/* 스크롤배너(오른쪽) */
#scroll_right{ position:fixed; text-align:center; top:0!important; right:-200px; bottom:0; margin-right:0; width:200px; border-left:1px solid #b2b0b0; background-color:#ffffff; box-sizing:border-box; z-index: 556; transition:right 0.3s ; -webkit-transition:right 0.3s ; -moz-transition:right 0.3s ; -ms-transition:right 0.3s ; -o-transition:right 0.3s ; }
#scroll_right.active {
  right: 0;
}

.quick-bar .quick-util{padding:20px 0; width:164px; margin:0 auto;}
.quick-bar .quick-util li{width:160px; border:1px #eaeaea solid; height:34px; line-height:34px; margin:2px; text-align:center; cursor:pointer;}
.quick-bar .quick-util li:hover{background:#f9f9f9;}
.quick-bar .quick-util li a{display:block; width:100%; height:100%; font-size:12px; font-weight:400; color:#666666;}

.quick-bar .quick-info{position:relative; width:100%; margin-top:10px; padding:0 30px; box-sizing:border-box;}
.quick-bar .quick-info .quick-info-cs{display:block; margin:0 0 5px;}
.quick-bar .quick-info .quick-info-cs .nd-info-tit{font-size:12px; color:#333; font-weight:700; text-align:left;}
.quick-bar .quick-info .quick-info-cs h3  {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  color: #333;
}
.quick-bar .quick-info .quick-info-cs .quick-info-cont{display:block; padding:10px 0 0 0; text-align:left;}
.quick-bar .quick-info .quick-info-cs .quick-info-cont .nd-cs-number{font-size:16px; color:#333; font-weight:700;}
.quick-bar .quick-info .quick-info-cs .quick-info-cont .nd-cs-hour{display:block; margin:10px 0 0 0; line-height:1.6; font-size:12px; color:#454545;}
.quick-bar .quick-info > a{position:relative; border:1px #eaeaea solid; width:100%; padding-left:10px; height:34px; line-height:31px; margin-top:3px; color:#555; font-size:11px; text-align:left; display:inline-block; box-sizing:border-box;}

    /*토글*/
.quick-bar .quick-menu{position:absolute; top:50%; left:-50px; transform:translateY(-50%); z-index:10;}
.quick-bar .quick-menu .quick-menu-box{position:relative; display:block; background-color:#000000;}
.quick-bar .quick-menu .quick-menu-box .quick-close{position:relative; width:50px; height:50px; cursor:pointer; background-color:#000000; padding:19px 16px; box-sizing:border-box;}
.quick-bar .quick-menu .quick-menu-box .quick-close:after{content:"퀵메뉴"; position:absolute; top:50%; right:100%; transform:translate3d(5px,-50%,0); margin-right:9px; width:80px; height:28px; line-height:26px; text-align:center; border:1px solid #eeeeee; border-radius:3px; box-sizing:border-box; font-size:12px; font-weight:400; color:#000000; opacity:0; transition:all 0.2s ease-in-out; background-color:#ffffff;}
.quick-bar .quick-menu .quick-menu-box .quick-close:hover:after{opacity:1; transform:translate3d(0,-50%,0); transition:all 0.2s ease-in-out;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close{position:relative;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close span{position:absolute; width:100%; height:2px; background-color:#ffffff; left:0; border-radius:1px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(1){top:0;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(2){top:6px;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(3){top:6px;}
.quick-bar .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(4){top:12px;}
/* 스크립트에 의해 is-x 클래스가 붙으면 X자로 변경 */
.btn-quick-close.is-x span:nth-child(1) {
  display: none;
}
.btn-quick-close.is-x span:nth-child(2) {
  transform: rotate(45deg);
}
.btn-quick-close.is-x span:nth-child(3) {
  transform: rotate(-45deg);
}
.btn-quick-close.is-x span:nth-child(4) {
  display: none;
}
.quick-bar .quick-menu .quick-menu-box .quick-btn{position:relative; text-align:center;}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-recent{padding:0 0 13px; background-color:#000000;}
.quick-bar .quick-menu .quick-menu-box .quick-btn .quick-btn-inner{display:table; position:relative; width:100%; height:100%; box-sizing:border-box;}
.quick-bar .quick-menu .quick-menu-box .quick-btn .quick-btn-inner:after{position:absolute; top:50%; right:100%; transform:translate3d(5px,-50%,0); margin-right:9px; width:80px; height:28px; line-height:26px; text-align:center; border:1px solid #eeeeee; border-radius:3px; box-sizing:border-box; font-size:12px; font-weight:400; color:#000000; opacity:0; transition:all 0.2s ease-in-out; background-color:#ffffff;}
.quick-bar .quick-menu .quick-menu-box .quick-btn .quick-btn-inner:hover:after{opacity:1; transform:translate3d(0,-50%,0); transition:all 0.2s ease-in-out;}
.quick-bar .quick-menu .quick-menu-box .quick-btn .quick-btn-inner > .count{display:block; position:absolute; bottom:7px; left:50%; transform:translateX(-50%); font-size:12px; font-weight:400; color:#FD0606;}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-order .quick-btn-inner{display:inline-block; width:50px; height:50px; text-align:center; font-size:0; background-image:url("/img/common/truck.svg"); background-repeat:no-repeat; background-size:18px; background-position:center; cursor:pointer; background-color:#000000;}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-cart .quick-btn-inner{display:inline-block; width:50px; height:50px; text-align:center; font-size:0; background-image:url("/img/common/shopping-cart.svg"); background-repeat:no-repeat; background-size:18px; background-position:top 7px center; cursor:pointer; background-color:#000000;}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-wish .quick-btn-inner{display:inline-block; width:50px; height:50px; text-align:center; font-size:0; background-image:url("/img/common/heart.svg"); background-repeat:no-repeat; background-size:18px; background-position:top 7px center; cursor:pointer; background-color:#000000;}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-recent .quick-btn-inner{display:inline-block; width:50px; height:50px; text-align:center; font-size:0; background-image:url("/img/common/clock.svg"); background-repeat:no-repeat; background-size:18px; background-position:top 7px center; cursor:pointer; background-color:#000000;}

.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-order .quick-btn-inner:after{content:"주문배송조회";}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-cart .quick-btn-inner:after{content:"장바구니";}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-wish .quick-btn-inner:after{content:"찜한상품";}
.quick-bar .quick-menu .quick-menu-box .quick-btn.quick-btn-recent .quick-btn-inner:after{content:"최근본상품";}

.quick-bar.open .quick-menu .quick-menu-box .quick-close .btn-quick-close span{background-color:#ffffff;}
.quick-bar.open .quick-menu .quick-menu-box .quick-close .btn-quick-close span:first-child{top:0; opacity:0;}
.quick-bar.open .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(2){height:2px; transform:rotate(45deg);}
.quick-bar.open .quick-menu .quick-menu-box .quick-close .btn-quick-close span:nth-child(3){height:2px; transform:rotate(-45deg);}
.quick-bar.open .quick-menu .quick-menu-box .quick-close .btn-quick-close span:last-child{top:10px; opacity:0;}

.quick-bar .quick-btn-ico{position:relative; margin-top:4px;}
.quick-bar .quick-btn-ico span{width:40px; height:40px; display:inline-block; cursor:pointer; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; overflow:hidden;}
.quick-bar .quick-btn-ico span img{ position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.quick-bar .quick-btn-talk{position:relative; text-align:center; padding:6px 0 0 0;}
.quick-bar .quick-btn-talk span{background-color:#07bc3d;}
.quick-bar .quick-btn-kakao{position:relative; text-align:center; padding:6px 0 0 0;}
.quick-bar .quick-btn-kakao span{background-color:#ffe000;}
.quick-bar .quick-btn-kakao span img {
  max-width: 23px;
  margin-top: 2px;
}

.quick-bar .quick-menu .top-btn {
  padding-top: 6px;
  width: 50px;
  display: none;
}
.quick-bar .quick-menu .top-btn a {
  display: block;
  margin: 0 auto;
  width: 40px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.quick-bar .quick-menu .top-btn a img {
  max-width: 100%;
}


/*-------------------------------------------------------------------
    ## 좌측 스크롤
-------------------------------------------------------------------*/
.nd-btn-float {position:fixed; left:-200px; z-index:99; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
.nd-btn-float.on {left:20px;}
/* 플로팅버튼 */
.nd-float-sns {bottom:20px;}
.nd-float-sns .nd-float-sns-wrap {display:block; width:58px; height:58px; background:#b6b6b6; text-align:center; line-height:54px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.nd-float-sns .nd-float-sns-wrap:hover {background:#ffcd00;}
.nd-float-sns .nd-float-sns-wrap img {vertical-align:middle;}

.nd-float-event {display:flex; position:fixed; overflow:hidden; bottom:88px; width:58px; height:58px; background-color:transparent; z-index:98; align-items:center; -webkit-transition:.2s all; -moz-transition:.2s all; -o-transition:.2s all; transition:.2s all; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.nd-float-event .nd-btn-event {display:inline-block; overflow:hidden; position:absolute; top:0; width:100%; height:100%; opacity:0; z-index:1; -webkit-transition:.2s all; -moz-transition:.2s all; -o-transition:.2s all; transition:.2s all; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.nd-float-event:hover {width:590px; height:380px;}
.nd-float-event:hover .nd-btn-event {opacity:1;}

/* PC에서는 보이지 않도록 기본값 숨김 (mobileAllMenuBtn, mobile-gnb와 같은 패턴) */
#header .mid-head #mobileAllMenuBtn { display: none; }
.mobile-gnb { display: none; }
.mobile-gnb-overlay { display: none; }
.mobile-cat-panel { display: none; }
.mobile-search-screen { display: none; }

@media screen and (max-width: 1024px) {

  /* 0. common - 가로스크롤 제거 */
  html, body { max-width: 100%; overflow-x: hidden; }
  .wrap, #wrap { min-width: 0 !important; width: 100%; }
  .container, .S_container { min-width: 0 !important; width: 100%; }
  .nd-container,
  .location_wrap .location_cont { width: 100%; box-sizing: border-box; padding: 0 15px; }
  img { max-width: 100%; }

  #scroll_right {
    right: -200px!important;
  }
  #header .mid-head .top-user .top-user-wrap .user-icon.cart .cart-count {
    right: -13px;
  }

  /* 1. 상단배너 / 인기검색어+로그인줄 (모바일 GNB로 대체되어 숨김) */
  #header .top-banner .top-banner-wrap p { font-size: 12px; padding: 0 40px; box-sizing: border-box; }
  #header .top-head { display: none !important; }

  /* 2. mid-head: 로고 / 검색 / 위시·장바구니 */
  #header .mid-head .inner { position: relative; height: 56px; padding: 0 12px; box-sizing: border-box; }

  #header .mid-head .h1_logo {
    position: absolute; left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    padding: 0; z-index: 1;
  }
  #header .mid-head .h1_logo img { max-height: 26px; max-width: 140px; }

  #header .mid-head #mobileAllMenuBtn {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
  .mobile-all-menu-btn {
    position: relative; z-index: 2;
    width: 24px; height: 18px; padding: 0; border: none; background: none;
    cursor: pointer; flex: 0 0 auto;
  }
  .mobile-all-menu-btn .bar,
  .mobile-all-menu-btn .bar::before,
  .mobile-all-menu-btn .bar::after {
    position: absolute; left: 0; width: 24px; height: 2px; background: #171717;
    transition: transform .2s ease, opacity .2s ease, top .2s ease;
  }
  .mobile-all-menu-btn .bar { top: 8px; }
  .mobile-all-menu-btn .bar::before { content: ""; top: -7px; }
  .mobile-all-menu-btn .bar::after { content: ""; top: 7px; }
  .mobile-all-menu-btn.on .bar { opacity: 0; }
  .mobile-all-menu-btn.on .bar::before { top: 0; transform: rotate(45deg); }
  .mobile-all-menu-btn.on .bar::after { top: 0; transform: rotate(-45deg); }

  #header .mid-head .top-user { position: relative; z-index: 2; flex: 0 0 auto; }
  #header .mid-head .top-user .top-user-wrap .user-icon { padding: 0 8px; height: 22px; }
  #header .mid-head .top-user .top-user-wrap .user-icon.cart { padding-right: 0; }
  #header .mid-head .top-user .top-user-wrap .user-icon button {
    border: none; background: none; padding: 0; line-height: 0; cursor: pointer;
  }
  #header .mid-head .top-user .top-user-wrap .user-icon .nd-icon { width: 22px; height: 22px; }

  /* 기존 데스크톱 검색 드롭다운은 모바일에서 완전히 숨기고, 아래 전체화면 검색으로 대체 */
  #header .search-input { display: none !important; }

  /* 3. 카테고리 가로 스크롤 줄 (PC용 nd-categoryAll/전체카테고리 버튼은 숨김) */
  .nd-category { height: 46px; border-top: 1px solid #eeeeee; }
  .nd-category .nd-category-wrap .inner { flex-wrap: nowrap; height: 100%; }

  #header .nd-category .nd-category-wrap .nd-categoryAll { display: none !important; }

  .nd-category .nd-category-wrap .nd-gnb-wrap { width: 100% !important; margin: 0; display: flex; align-items: center; }
  .nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box {
    flex: 1 1 auto; min-width: 0;
    padding: 0 12px !important;
    overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box::-webkit-scrollbar { display: none; }
  .nd-category .nd-category-wrap .nd-gnb-wrap .sub_menu_box .sub_depth0 > li > a {
    padding: 0 12px !important; font-size: 14px !important; line-height: 46px !important; white-space: nowrap;
  }
  #header .sub_menu_box.layer_type .sub_depth1,
  #header .sub_menu_box.layer_type .sub_depth2,
  #header .sub_menu_box.layer_type .sub_depth3,
  #header .sub_menu_box.layer_type .sub_depth4 { display: none !important; }
  .nd-category .nd-category-wrap .category-slide-btn { display: none; }

  /* 카테고리 줄 맨 끝 화살표 버튼 (새 독립 요소) */
  .mobile-gnb-arrow-btn {
    flex: 0 0 40px;
    width: 40px; height: 46px;
    border: none; border-left: 1px solid #eeeeee;
    background: #ffffff;
    display: flex; align-items: center; justify-content: center;
    padding: 0; cursor: pointer;
  }
  .mobile-gnb-arrow-btn span {
    display: block; width: 8px; height: 8px;
    border-right: 2px solid #171717; border-bottom: 2px solid #171717;
    transform: rotate(45deg);
    transition: transform .2s ease;
  }
  .mobile-gnb-arrow-btn.on span { transform: rotate(225deg); }

  /* 화살표 버튼 전용 - 카테고리+커뮤니티만 보여주는 드롭다운 패널 (독립 요소) */
  .mobile-cat-panel {
    display: none;
    position: absolute;
    top: 100%; left: 0;
    width: 100%;
    max-height: 75vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(0,0,0,.15);
    border-top: 1px solid #eeeeee;
    box-sizing: border-box;
    padding: 24px 20px 30px;
    z-index: 900;
  }
  .mobile-cat-panel.open { display: block; }

  .mobile-cat-section + .mobile-cat-section { margin-top: 26px; }
  .mobile-cat-section h4 {
    font-size: 15px; font-weight: 700; color: #171717;
    margin: 0 0 14px;
  }
  .mobile-cat-section ul {
    display: flex; flex-wrap: wrap; gap: 10px;
  }
  .mobile-cat-section:first-child ul > li { width: calc((100% - 20px) / 3); }
  .mobile-cat-section ul > li { width: calc((100% - 20px) / 3); }
  .mobile-cat-section ul li a {
    display: flex; align-items: center; justify-content: center;
    height: 40px; padding: 8px 6px; box-sizing: border-box;
    border: 1px solid #dfe2e8;
    border-radius: 6px;
    font-size: 13px; font-weight: 500;
    color: var(--mainColor, #455273);
    text-align: center;
    line-height: 1.3;
  }


  /* 4. 왼쪽 슬라이드 패널 (.mobile-gnb) */
  .mobile-gnb {
    display: block !important;
    position: fixed; top: 0; left: 0;
    width: 85%; max-width: 380px; height: 100%;
    background: #ffffff;
    box-shadow: 6px 0 24px rgba(0,0,0,.18);
    transform: translateX(-100%);
    transition: transform .3s ease;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    z-index: 1001;
  }
  .mobile-gnb.open { transform: translateX(0); }

  .mobile-gnb-overlay {
    display: none;
    position: fixed; inset: 0;
    background: rgba(0,0,0,.5);
    opacity: 0; transition: opacity .3s ease;
    z-index: 1000;
  }
  .mobile-gnb-overlay.open { display: block; opacity: 1; }

  .mobile-gnb-top {
    position: relative;
    display: flex; align-items: center;
    height: 46px; padding: 0 50px 0 20px;
    border-bottom: 1px solid #eeeeee;
    box-sizing: border-box;
  }
  .mobile-gnb-account { display: flex; gap: 18px; }
  .mobile-gnb-account li a { font-size: 15px; font-weight: 700; color: #171717; }
  .mobile-gnb-close {
    position: absolute; top: 0; right: 0;
    width: 46px; height: 46px; border: none; background: none; cursor: pointer;
  }
  .mobile-gnb-close span {
    position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; background: #171717;
  }
  .mobile-gnb-close span:first-child { transform: translate(-50%, -50%) rotate(45deg); }
  .mobile-gnb-close span:last-child { transform: translate(-50%, -50%) rotate(-45deg); }

  .mobile-gnb-quicklinks {
    display: grid; grid-template-columns: repeat(4, 1fr);
    padding: 16px 10px; border-bottom: 8px solid #f7f7f7;
  }
  .mobile-gnb-quicklinks li a {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
    position: relative; text-align: center;
  }
  .mobile-gnb-quicklinks svg { width: 22px; height: 22px; }
  .mobile-gnb-quicklinks em { font-style: normal; font-size: 11px; color: #555555; white-space: nowrap; }
  .mobile-gnb-quicklinks .qty {
    position: absolute; top: -6px; right: 22%;
    min-width: 15px; height: 15px; padding: 0 3px; border-radius: 50%;
    background: var(--mainColor, #455273); color: #ffffff;
    font-size: 9px; line-height: 15px; text-align: center;
  }

  .mobile-gnb-tabs { display: flex; padding: 18px 20px 0; gap: 22px; }
  .mobile-gnb-tab-btn {
    padding: 0 0 12px; border: none; background: none; cursor: pointer;
    font-size: 15px; font-weight: 500; color: #aaaaaa;
    border-bottom: 2px solid transparent;
  }
  .mobile-gnb-tab-btn.on { color: #171717; font-weight: 700; border-bottom-color: #171717; }

  .mobile-gnb-panel { padding: 6px 20px 10px; }
  .mobile-gnb-panel ul { width: 100%; }
  .mobile-gnb-panel li { border-bottom: 1px solid #f2f2f2; }
  .mobile-gnb-panel li a {
    display: flex; align-items: center; justify-content: space-between;
    padding: 14px 2px; font-size: 15px; font-weight: 500; color: #222222;
  }
  .mobile-gnb-panel[data-panel="category"] li a::after {
    content: "";
    width: 7px; height: 7px;
    border-right: 2px solid #bbbbbb; border-bottom: 2px solid #bbbbbb;
    transform: rotate(-45deg);
  }

  .mobile-gnb-cs { margin-top: 10px; padding: 20px 20px 0; border-top: 8px solid #f7f7f7; }
  .mobile-gnb-cs strong { display: block; font-size: 13px; color: #888888; margin-bottom: 8px; }
  .mobile-gnb-cs .cs-num { font-size: 20px; font-weight: 700; color: #171717; margin-bottom: 6px; }
  .mobile-gnb-cs p { font-size: 12px; color: #777777; line-height: 1.6; margin-bottom: 6px; }

  /* 5. 브레드크럼 */
  .location_wrap .location_cont { padding: 12px 15px; font-size: 12px; }

  /* 6. 전체화면 검색 (mobileSearchBtn) */
  .mobile-search-screen {
    display: block;
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    background: #ffffff;
    z-index: 1200;
    transform: translateY(-100%);
    transition: transform .25s ease;
    overflow-y: auto; -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }
  .mobile-search-screen.open { transform: translateY(0); }

  .mss-top {
    display: flex; align-items: center; gap: 8px;
    padding: 14px 15px;
    border-bottom: 1px solid #eeeeee;
  }
  .mss-input-wrap {
    position: relative; flex: 1 1 auto; min-width: 0;
  }
  .mss-input {
    width: 100%; height: 42px;
    padding: 0 34px 0 12px;
    border: 1px solid #dddddd; border-radius: 6px;
    font-size: 14px; color: #171717;
    box-sizing: border-box;
    outline: none;
  }
  .mss-clear {
    position: absolute; top: 50%; right: 8px; transform: translateY(-50%);
    width: 20px; height: 20px; border-radius: 50%;
    border: none; background: #cccccc; color: #ffffff;
    font-size: 14px; line-height: 1;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; padding: 0;
  }
  .mss-search-btn,
  .mss-close-btn {
    flex: 0 0 auto;
    height: 42px; padding: 0 14px;
    border: none; border-radius: 6px;
    font-size: 14px; font-weight: 700;
    cursor: pointer;
  }
  .mss-search-btn { background: #171717; color: #ffffff; }
  .mss-close-btn { background: #eeeeee; color: #555555; }

  .mss-tabs {
    display: flex; border-bottom: 1px solid #eeeeee;
  }
  .mss-tab-btn {
    flex: 1 1 0; padding: 13px 0; border: none; background: none; cursor: pointer;
    font-size: 14px; font-weight: 500; color: #aaaaaa;
    border-bottom: 2px solid transparent;
    text-align: center;
  }
  .mss-tab-btn.on { color: #171717; font-weight: 700; border-bottom-color: #171717; }

  .mss-panel { padding: 4px 15px 20px; }

  .mss-recent-list li,
  .mss-popular-list li {
    display: flex; align-items: center; justify-content: space-between;
    padding: 13px 2px; border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
  }
  .mss-recent-list li a,
  .mss-popular-list li a {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; color: #222222;
  }
  .mss-recent-list li .no_data { color: #999999; padding: 20px 0; display: block; text-align: center; width: 100%; }
  .mss-recent-list li span { display: flex; align-items: center; gap: 6px; font-size: 11px; color: #999999; flex: 0 0 auto; }
  .mss-recent-list li .btn_top_search_del { border: none; background: none; padding: 0; cursor: pointer; }
  .mss-recent-list li .btn_top_search_del img { width: 12px; height: 12px; display: block; }

  .mss-popular-list .mss-num { color: var(--mainColor, #455273); font-weight: 700; margin-right: 10px; }
  .mss-popular-list .mss-txt { flex: 1 1 auto; }

  .mss-empty { padding: 60px 0; text-align: center; color: #999999; font-size: 13px; }
}

@media screen and (max-width: 480px) {
  #header .mid-head .h1_logo img { max-height: 36px; }
  .mobile-gnb { width: 88%; }
  /* .mobile-cat-section:first-child ul > li { width: calc((100% - 10px) / 2); } */
}

/* 6. 푸터 */
@media screen and (max-width: 1024px) {
  #footer .nd-footer .footer_nav .nav-list { padding: 16px 15px; }
  #footer .nd-footer .footer_nav .nav-list li { padding: 0 8px 0 6px; font-size: 12px; }

  #footer .nd-footer .footer_wrap { height: auto !important; padding: 10px 15px 20px; box-sizing: border-box; }
  #footer .nd-footer .footer_wrap > .nd-container { height: auto; }

  #footer .nd-footer .footer_wrap .footer_cont {
    float: none !important; width: 100% !important; height: auto !important;
    padding: 18px 0 !important; border-right: none !important; border-bottom: 1px solid #eeeeee;
  }
  #footer .nd-footer .footer_wrap .footer_cont:last-child { border-bottom: none; }
  #footer .nd-footer .footer_wrap .footer_cont h3 { padding: 0 0 10px; }
  #footer .nd-footer .footer_wrap .footer_cont.footer-exchange { padding: 18px 0 !important; }
  #footer .nd-footer .footer_wrap .footer_cont ul.footer-community { padding: 14px 0 0; }
  #footer .nd-footer .footer_wrap .footer_cont ul.footer-community li { width: auto; padding: 0 10px; }
  #footer .nd-footer .footer_wrap .footer_cont.footer-board-notice li a { width: auto; max-width: 100%; }
  #footer .nd-footer .footer_wrap .footer_cont .footer-board-more { position: static; display: inline-block; margin-top: 8px; }
  #footer .nd-footer .footer-corp-info { margin: 16px 15px 0; width: calc(100% - 30px); }
  #footer .nd-footer .footer-corp-info .footer-corp-cont ul li { font-size: 11px; line-height: 1.6; }
  #footer .nd-footer .footer_box .nd-container { padding: 15px; box-sizing: border-box; }
  #footer .nd-footer .footer_box .copyright { font-size: 11px; }
}

.mobile-search-toggle {
  display: none;
 }