/* BASIC css start */
body,html {overflow-x: hidden}
/*웹폰트 로드*/
@import url('//fonts.googleapis.com/css2?family=Josefin+Sans:wght@100; 200; 300; 400; 500; 600; 700&display=swap');@import url('//fonts.googleapis.com/css2?family=Viga&display=swap');@import url('//fonts.googleapis.com/css2?family=Yesteryear&display=swap');@import url('//fonts.googleapis.com/css2?family=Lato:wght@100; 300; 400; 700; 900&display=swap');@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face {font-family:'Noto Sans KR';font-style:normal;font-weight:900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); } 
@font-face {font-family:"AGaramondPro-Regular";src:url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.eot");/* IE9 Compat Modes */
src:url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.eot?#iefix") format("embedded-opentype"),/* IE6-IE8 */
url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.otf") format("opentype"),/* Open Type Font */
url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.svg") format("svg"),/* Legacy iOS */
url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.ttf") format("truetype"),/* Safari,Android,iOS */
url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.woff") format("woff"),/* Modern Browsers */
url("//skin.makeshop.co.kr/skin/argento/font/AGaramondPro-Regular.woff2") format("woff2");/* Modern Browsers */
font-weight:normal;font-style:normal; } 
/*상점의 포인트컬러 코드*/
.color {color: #a5777f}
/*공통부분*/
.dn {display:none !important}
html.hidden {overflow:hidden !important}
.shadow {box-shadow:-1px 5px 4px -2px #d8d8d8; } 
.prd-brand {color:#0d0d0d;font-size:11px;font-family:'Lato',sans-serif;font-weight:500; } 
.prd-soldout {font-size:19px;padding-top:10px;color:#94223e;font-weight:normal; } 
.prd-name {color:#0d0d0d;font-size:13px;font-family:'Lato',sans-serif;font-weight:500;padding:3px 0 4px;text-overflow:ellipsis;white-space:pre;overflow:hidden; } 
.prd-consumer { } 
.prd-subname {font-size:14px;padding:7px 0;color:#aaa;font-weight:100; } 
.prd-replace {font-size:13px;color:#94223e !important;font-weight:normal;padding-top:5px; } 
.item-list:last-child {margin-right:0 !important; } 
.item-list .thumb .dc {z-index:9}
.item-list .thumb a {display:block;margin:0; } 
#login .tab a:nth-child(1) {margin-right:-1px; } 
#login .tab a {border-bottom:1px solid #a9a9a9 !important; } 
#login .tab a.act {color:#ff8e95!important;border:1px solid #ff8e95!important;border-top:3px solid #ff8e95!important;border-bottom:1px solid #fff !important; } 
.prd-soldout {font-size:13px;padding-top:10px;color:#94223e;font-weight:normal; } 
.t-menu {display:table;width:100%;text-align:center; } 
.t-menu div {width:20%;display:inline-block; } 
.t-menu div a {display:block; } 
.dn {display:none !important; } 
html {overflow-x:hidden; } 
p.join {position:relative;display:inline-block; } 
#m_preview_wrap,.displaynone {display:none !important}
#header {width:100%;z-index:333;width:100%;top:0;left:0;z-index:99;background:#fff;border-bottom:1px solid #000; } 
#header.fixed {position:fixed; } 
#header .headerBottom .headerBottomRight {top:7px; } 
#header .headerBottom h1 a {padding:20px 0;display:block; } 
#header .top-pt-01 {position:fixed;top:0;left:0;right:0;z-index:100; } 
#header .top-pt-02 {position:fixed;top:0;left:0;right:0;z-index:100;margin-top:0 !IMPORTANT;background-color:#fff; } 
#header .headerTop {min-width:275px;text-align:center;background-color:#000; } 
#header .headerTop a {font-size:14px;font-family:roboto;font-weight:300;width:20%;height:44px;line-height:44px;color:#fff;display:inline-block;margin-left:-4px; } 
#header #menu {padding-left:15px; } 
#header #menu img {width:24px; } 
#header .headerBottom {z-index:99;position:relative;height:100%; } 
#header .headerBottom h1 {margin:0 auto;_margin-top:15px;text-align:center;height:65px; } 
#header .headerBottom h1 a img {width:165px;vertical-align:top; } 
#header .headerBottom .headerBottomLeft {position:absolute;top:21px;left:0; } 
#header .headerBottom .headerBottomRight {position:absolute;right:15px;top:23px; } 
#header .headerBottom .headerBottomRight a { } 
#header .headerBottom .headerBottomRight a img { } 
#header .headerBottom .headerBottomRight .cart {position:relative; } 
#header .headerBottom .headerBottomRight .cart .user_basket_quantity {width:17px;height:13px;background-color:#000000;border-radius:10px;position:absolute;top:11px;right:0px;color:#fff;text-align:center;line-height:13px;font-size:10px !important; } 
#header .headerBottom .headerBottomRight .cart img {width:22px;position:absolute;right:5px;top:-5px; } 
.fa-angle-down:before {font-size: 0; } 
/* 카테고리 */
#close_btn {width:20px;height:20px;padding-top:10px;padding-left:15px; } 
#close_btn img {width:20px; } 
aside {background:#eaedf1;position:fixed;width:100%;height:100%;left:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:999999;display:none; } 
aside .navWrap {background:#fff;margin:15px; } 
aside .navBnr {margin:0 15px 35px;display:block; } 
aside .navBnr a {display:block; } 
aside .navBnr a img {width:100%; } 
aside .navSNS {text-align:center;margin-bottom:40px;padding-top:15px; } 
aside .navSNS a {display:inline-block; } 
aside .navSNS a img {width:38px;margin:0 10px; } 
aside .copy {padding-bottom:30px;font-size:10px;text-transform:uppercase;color:#aaa;text-align:center;word-break:initial; } 
aside nav ul.second {font-size:0}
aside .asideTop {position:relative;text-align:right;background:#6A8DFF;;z-index:-1;padding-bottom:40px; } 
aside .asideTop .aside_logo {position:absolute;top:0px;left:5px; } 
aside .asideTop .aside_logo img {width:150px; } 
aside .asideTop .icons {padding-top:15px;padding-right:15px; } 
aside .asideTop .icons a {position:relative;display:inline-block;vertical-align:top}
aside .asideTop .icons a img {width:22px}
aside .asideTop .icons a span#user_basket_quantity {background:#fff;position:absolute;padding:0px 5px;border-radius:8px;font-size:10px;height:11px;line-height:11px;bottom:0;left:10px;font-weight:bold; } 
aside .navCommunity {display:none; } 
aside .navMypage {display:none; } 
aside .asideToggle {text-align:center;border-top:1px solid #efeeee; } 
aside .asideToggle a {width:50%;display:inline-block;border-bottom:1px solid #eaedf1;color:#707070;font-family:'Roboto Condensed',sans-serif;font-size:17px;padding:12px 0;background:#fbfbfb; } 
aside .asideToggle a .fa {margin-top:10px; } 
aside .asideToggle a.act {color:#000;border-bottom:2px solid #fff;background:#fff; } 
aside .asideToggle a:nth-child(1) {margin-right:-1px; } 
aside .asideToggle a:nth-child(2) {border-left:1px solid #eaedf1; } 
.search_box {position:relative;padding:0 15px;text-align:left; } 
.search_box input {width:100%;text-indent:15px;padding-left:0 !important;line-height:38px;height:38px;font-size:13px;margin:20px 0;position:relative;background:#fff;border-radius:0;border:0; } 
.search_box input::placeholder {font-weight:400;color:#9a9a9a}
*:focus {outline:none; } 
.search_box a {position:relative; } 
.search_box a img {width:23px;position:absolute;right:17px;top:-2px; } 
aside .search {height:35px;position:relative;left:0;right:0;padding-right:45px;text-align:center;border-bottom:1px solid #fff;padding:20px; } 
aside .search .searchBox {width:100%; } 
aside .search .searchBox input {width:100%;height:37px;border:0px none;margin-top:6px;font-size:15px;padding:0;font-family:roboto;border-radius:50px;text-indent:15px;line-height:37px; } 
aside .search .btn_search {width:45px;height:42px;line-height:50px;position:absolute;bottom:7px;right:23px;color:#fff;text-align:center;; } 
aside .search .btn_search img {width:23px;vertical-align:inherit; } 
aside nav li {border-bottom:1px solid #f4f8fd;position:relative; } 
aside nav li a {padding-left:20px;display:block;height:50px;line-height:50px;margin-right:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#000;font-family:'Roboto Condensed','Spoqa Han Sans',sans-serif; } 
aside nav li a.point_text {color:#8b96a6}
aside nav li .fa {background:url(//skin.makeshop.co.kr/skin/argento/mimg/arrow_dw.png) no-repeat;background-size:11px;background-position:93%;position:absolute;top:1px;right:9px;width:100%;text-align:center;height:50px;line-height:50px;left:0; } 
aside nav li .fa.fa-rotate-180 {background-position:7%; } 
aside nav li>ul {background-color:#fafafa;display:none; } 
aside nav li>ul>li {border-bottom:0px none;border-top:1px solid #ededed; } 
aside nav li>ul>li:first-child { } 
aside nav li>ul>li a {padding:0 40px 0 30px;margin:0;font-size:14px;color:#787878 !important; } 
aside nav li>ul>li>ul>li {border-bottom:0px none; } 
aside nav li>ul>li>ul>li a {padding:0 0 0 40px;margin:0;background-color:#f3f3f3; } 
aside nav li>ul.fourth { } 
aside nav li>ul.fourth li { } 
aside nav li>ul.fourth li a {background:#eaeaea;padding-left:50px; } 
aside .asideBottom {padding:0 15px 5px;margin-top:-54px; } 
aside .asideBottom ul {display:inline-block;width:100%;font-size:0;background:#fff; } 
aside .asideBottom ul li {vertical-align:top;padding:15px 0;letter-spacing:4px;width:25%;display:inline-block;text-align:center; } 
aside .asideBottom ul li a {display:block;color:#000000;font-size:14px; } 
aside .asideBottom ul li:nth-child(1) a {background:url('//skin.makeshop.co.kr/skin/argento/mimg/ico01.png') no-repeat;background-size:20px;background-position:top}
aside .asideBottom ul li:nth-child(2) a {background:url('//skin.makeshop.co.kr/skin/argento/mimg/ico02.png') no-repeat;background-size:24px;background-position:center 2px; } 
aside .asideBottom ul li:nth-child(3) a {background:url(//skin.makeshop.co.kr/skin/argento/mimg/ico03.png) no-repeat;background-size:22px;background-position:center 3px; } 
aside .asideBottom ul li:nth-child(4) a {background:url('//skin.makeshop.co.kr/skin/argento/mimg/ico04.png') no-repeat;background-size:31px;background-position:center 6px; } 
aside .asideBottom ul li a em {display:block;color:#2c2c2c;letter-spacing:-1px;font-size:14px;font-family:'Spoqa Han Sans'; } 
aside .asideBottom ul li a #benefit {background:url(//skin.makeshop.co.kr/skin/argento/mimg/benefit.png) no-repeat;background-size:contain;width:39px;height:17px;position:absolute;right:inherit;font-size:10px;letter-spacing:0px;color:#fff;text-align:center;line-height:12px;bottom:13px;font-family:'Lato',sans-serif;left:15px; } 
aside .asideBottom ul li p {font-size:12px; } 
aside .asideBottom ul li img {height:37px;opacity:0; } 
aside h1 {padding:20px 20px 13px; } 
aside h1 a {color:#fff !important;display:block;text-align:center;font-size:26px;font-family:roboto;font-weight:900;letter-spacing:5px;line-height:7px; } 
aside h1 a img {width: 110px; } 
/* //카테고리 */

/* === CATEGORY / COMMUNITY 탭 가로 정렬(덮어쓰기) === */
.asideToggle{
  display:flex !important;          /* 가로 배치 */
  align-items:center;
  justify-content:center;
  border-top:1px solid #efeeee;
  border-bottom:1px solid #e9e9e9;
}

.asideToggle a{
  flex:1 1 0 !important;            /* 두 탭 동일 너비 */
  display:block !important;
  text-align:center;
  padding:12px 0;
  background:#fff;
  font-family:'Roboto Condensed',sans-serif;
  font-size:17px;
  color:#707070;
  border:1px solid #e9e9e9;
  border-bottom:2px solid #e9e9e9;
  text-decoration:none;
}

/* 가운데 경계선 겹침 방지 */
.asideToggle a + a{ border-left:none; }

/* 활성 탭 표시 */
.asideToggle a.act{
  background:#fff;
  color:#000;
  border-color:#111;
  border-bottom-color:#fff;
}

/* 기존 세로 정렬/반쪽 여백 규칙 무력화 */
.asideToggle a:nth-child(1){ margin-right:0 !important; }
.asideToggle a:nth-child(2){ border-left:none !important; }


/* ====== 헤더/로고 위치·크기 정리 ====== */
#header{ position:relative; z-index:95; }        /* 헤더 레이어 고정 */
#header .headerBottom{ height:56px; }            /* 헤더 높이 축소 */
#header .headerBottom h1{
  height:56px; margin:0; display:flex;
  align-items:center; justify-content:center;    /* 로고 정확히 중앙 */
}
#header .headerBottom h1 a{
  display:inline-block; padding:0;               /* 불필요한 세로 패딩 제거 */
}
#header .headerBottom h1 a img{
  width:150px;                                   /* 필요시 조절: 140~165px */
  margin-top:-6px;                               /* 로고 살짝 ↑ */
}

/* 좌우 아이콘 위치 재보정(헤더 높이 줄인 만큼) */
#header .headerBottom .headerBottomLeft{ top:16px; }
#header .headerBottom .headerBottomRight{ top:18px; }

/* ====== 해시태그~정렬 사이 ‘텍스트 링크’ 바 ====== */
#eo-subcat-bar{
  position:relative;
  z-index:70;                  /* 다른 콘텐츠 위에 노출 */
  pointer-events:auto;
  display:flex; gap:14px;      /* pill 간격 -> 텍스트 간격 */
  margin:8px 0; padding:10px 12px;
  background:#fff;
  border-bottom:1px solid #eee;/* 하단만 가는 구분선 */
  overflow-x:auto; white-space:nowrap;
  -webkit-overflow-scrolling:touch;
}

/* 텍스트 링크 스타일 (테두리/배경 제거) */
#eo-subcat-bar a{
  flex:0 0 auto;
  display:inline-block;
  padding:6px 2px;             /* 살짝만 여백 */
  font-size:14px;
  color:#444;
  font-weight:400;             /* 기본 얇게 */
  text-decoration:none;
  border:none; background:none;
  line-height:1.2;
}

/* 호버 시만 가볍게 밑줄 */
#eo-subcat-bar a:hover{
  text-decoration:underline;
}

/* 활성(현재 선택) — 굵게 + 진한 색 (밑줄은 옵션) */
#eo-subcat-bar a.active{
  font-weight:700;
  color:#000;
}

/* ====== 안전장치: 헤더 투명 오버랩 방지 ====== */
#header .headerBottom h1,
#header .headerBottom h1 a{ pointer-events:auto; }   /* 로고만 클릭되도록 */
#header .headerBottom::after{ content:none !important; }  /* 투명 오버레이 제거(테마 일부) */


#eo-subcat-bar a.active {
  font-weight: bold;   /* 굵게 */
  color: #000;         /* 검은색 */
}
/* 중분류 바 위쪽 회색 줄 제거 */
#eo-subcat-bar {
  border-top: none !important;   /* 위쪽 라인 강제로 제거 */
}

/* 혹시 부모 요소에서 오는 경우까지 차단 */
.cate-wrap,
.list_array,
.list_array .sort {
  border-top: none !important;
}
/* 중분류 바 자체를 위로 끌어올릴 여백 세팅 */
#eo-subcat-bar{
  display:flex !important;
  align-items:flex-start !important;            /* 내용 위쪽 정렬 */
  padding: 2px 12px 12px 12px !important;       /* 위 작게 / 아래 크게 */
  border-top:none !important;                   /* 위 회색 줄 방지 */
}

/* 링크를 살짝 더 위로 띄우기 */
#eo-subcat-bar a{
  position:relative !important;
  top:-2px !important;                           /* 더 올리고 싶으면 -4px, -6px */
  line-height:1.2 !important;
  padding: 0 4px 6px 4px !important;             /* 아래쪽 여백으로 ‘중간’ 느낌 */
}

/* BASIC css end */