/* BASIC css start */
/* BASIC css start */
#header {z-index:999;position:relative;height: 85px;background: #fff;min-width: 1557px;margin: 0 auto;}   /* height: 225px; */
#header .headerWrap{max-width: 1557px;width: 100%;margin:0 auto}


#MAKESHOPLY8{z-index:99 !important;}
#POEWR_REVIEW_WRITE {top: 100px !important;}

/* 게시판 상단 리스트 숨김 */
.bbs-hd {display:none;}

/* 상품리스트 (검색/상품리스트)  */
.prd-list {margin:0px auto;}
.prd-list table td { border:0; vertical-align:top;text-align:center;padding-bottom:30px;}  /*  상품분류페이지의 상품상단과 하단의 간격 padding-bottom:30px;   */
.prd-list table .tb-center {margin:0 auto; padding:0;text-align:center;}
.prd-list table .info {position:relative; width:250px;padding:15px;text-align:left;background-color:#fff;display:inline-block; border:1px solid #dedede; border-top:0;} /* 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb { width:280px;height:100%;font-size:0; line-height: 0; border:1px solid #dedede;overflow:hidden;position:relative; } /* 상품사이즈에 맞게 가로세로 픽셀 조절 */
.prd-list .thumb a,
.prd-list .thumb img { display: block; width:100%; height: 100%;}
.prd-list .dsc { margin-top:15px;font-weight:normal;font-size:18px;padding-bottom:10px;color:#333; word-break:break-all;}
.prd-list .subname { margin-top:5px;  font-weight: normal; font-size:12px;color:#888;word-break:break-all;padding-bottom:10px;}
.prd-list .consumer { margin-top:5px; color:#888;font-size:14px; text-decoration:line-through;}
.prd-list .price { margin-top:4px; font-weight: bold; color:#333;font-size:18px; }
.prd-list .icon { margin-top:5px; }
.prd-list .icon img {padding-right:2px;}
.prd-list .closeup { margin-top:7px; }
.hover01 {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;}
.hover01:hover {-webkit-transform: scale(1.1);transform: scale(1.1);}

.prd-list table td .salebox {padding:5px 0 0 0; background-color:#000;width:70px;height:58px;position:absolute;top:-50px;left:15px;z-index:999; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.prd-list table td .salebox p {font-size:18px;color:#fff;text-align:center;display:block;letter-spacing:0;line-height:26px;font-weight:normal;}
.prd-list table td:hover .salebox {background-color:#fff;color:#000;}
.prd-list table td .salebox .sale_text {line-height:22px;color:#fff;font-size:24px;text-align:center;display:block;font-weight:bold;letter-spacing:-2px;}
.prd-list table td:hover .salebox .sale_text{color:#000;}
.prd-list table td:hover .salebox p{color:#000;}
.soldout {font-size:14px; font-weight:bold; color:#dc0000;}

/* 롤오버 */
a img.menuon {display:none;}
a img.menuoff {display:inline;}
a:hover img.menuon {display:inline;}
a:hover img.menuoff {display:none;}

/* 하단 페이징 */
.paging {padding-bottom:20px;}


/* 우메뉴 */
.top_space {height:1px;background-color:#191e21; }
#header {width:100%; }
#header .section {min-width: 1557px;width: 100%;height:0px;position:absolute;top:30px;z-index:100;background:rgba(0,0,0,0);-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}  /*top bar컬러조정 background:rgba(0,0,0,0.1); position:fixed; 상단바위치 top:76px; */
#header .section:hover {background:rgba(0,0,0,0); -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s; }   /* 롤오버시 background:rgba(0,0,0,0.2);  */
#header .section .inner {width: 100%;max-width: 1557px;height:10px;margin: 0 auto;}
#header .section .inner ul {float:right;margin-top:35px;}  /* 로그인 회원가입 장바구니 오른쪽간격 padding-right:36px;   상단으로부터 간격 margin-top:-6px;  */
#header .section .inner ul li {float:left;display:table; }
#header .section .inner ul li a {font-size:11px; color:#000; font-family:"Arial"; padding:0px 15px; display:table-cell;;height:60px; line-height:60px;vertical-align:middle; }   /* 상단바 폰트컬러 color:#fff; */
#header .section .inner ul li a:hover {opacity:0.5;}
#header .section .inner ul li img {vertical-align:middle;}
.cd-auto-hide-header { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: 60px; background:rgba(0,0,0,0.1); -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.cd-auto-hide-header::after { clear: both;content: "";display: block;}
.cd-auto-hide-header.is-hidden {-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);transform: translateY(-100%);}


#header .section  .baloon { position: absolute; top: 75px; margin-left: -60px; background: #a51e22; font-size: 10px; letter-spacing: 0.1em; color: #fff; text-align: center; display: inline-block; padding: 4px 8px; border-radius: 6px; } /* 아이콘 중앙위치를 위해 생성 margin-left: -60px;  top: 23px;  top: 35px; */
#header .section  .baloon::before { content: ''; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); height: 0; border-bottom: 5px solid #a51e22; border-left: 5px solid transparent; border-right: 5px solid transparent; } /* 동동이 원본위치 left: 50%;  translateX(-50%); */
#header .section  .baloon { animation: motion 0.5s linear 0s infinite alternate; margin-top: 0; -webkit-animation: motion 0.5s linear 0s infinite alternate; margin-top: 0; } 

@keyframes motion { 
    0% { margin-top: 0px; } 
    100% { margin-top: 10px; } 
}
-webkit-@keyframes motion { 
    0% { margin-top: 0px; } 
    100% { margin-top: 10px; } 
}


#comment_top.fixed {position:fixed;top:8px;z-index:100;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;  -webkit-transform: translateY(-10px); transform: translateY(-10px);  -webkit-backface-visibility: hidden;}
#comment_top.fixed .top_login_area {opacity:0;position:absolute;top:78px;height:0;overflow:hidden;}


/* 상품검색(돋보기) */
#header .headerMid { height: 75px; position: relative;}   /* position: relative;   검색창 아래 공간띄우기  height: 110px; */
#header .headerMid .searchArea { position:absolute; top:-4px; right:0; margin-right:5px; width:340px; height:30px; border:1px solid #000;border-radius: 100px; overflow: hidden; }  /* 상품검색공간 위치원본 margin-right:180px; top:23px; 운영시 top:-15px; */
#header .headerMid .searchArea .search { position:relative; width:340px; height:40px }
#header .headerMid .searchArea .search input { padding-left:10px; width:287px; height:30px; line-height:30px; border:none; background:#fff }
#header .headerMid .searchArea .search a { display:block; position:absolute; top:0; right:0;     width: 40px;  height: 40px;  background: #000;  line-height: 40px;  text-align: center;  }  /* 돋보기아이콘 블랙영역  */
#header .headerMid .searchArea .search a i{font-size:24px; vertical-align:center; color:#fff;    padding-right: 40px;padding: 0 10px 0 8px;}
#header .headerGnb {position:relative;min-width:1200px;}


/* 헤더 notice */
#header .hdNotice {position: relative; height: 27px;line-height:27px;overflow: hidden;float: left; padding: 6px 0; top: 30px;    z-index: 1000;}   /*  notice상단으로부터 간격 top: 20px; 운영시 top: 17px;   */
#header .hdNotice i{font-size:16px; vertical-align:middle}
#header .hdNotice dt {float: left;padding: 0 8px 0 10px;}
#header .hdNotice dt a {  }
#header .hdNotice dt .grBar {display:inline-block;margin: 0px 8px;width:1px;height: 11px;background: #828282;vertical-align: -1px;}
#header .hdNotice dd {position:relative;float: left;width: 315px;height: 27px;padding-right: 20px;}   /*게시글 보이는 영역 width: 280px;  */
#header .hdNotice dd ul{margin:0 !important;}
#header .hdNotice .hdNoticeBtn .prev {position: absolute;right:22px; top: 5px; background:#fff;    border: 1px solid #ddd; width: 20px; height: 14px; text-align: center;}
#header .hdNotice .hdNoticeBtn .next { position: absolute;right:0; top: 5px;background:#fff;    border: 1px solid #ddd; width: 20px; height: 14px; text-align: center;}


.sub_top_ban .text_inner {width:1557px; margin:0 auto; position:relative;}  
.sub_top_ban .text_inner .main_text_area {text-align:center; color:#fff; width:1557px;  font-size:14px; z-index:50; position:absolute; top:185px;}
.sub_top_ban .text_inner .t1 {font-size:37px; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:700;  letter-spacing:5px; }
.sub_top_ban .text_inner .t3 {font-size:15px; padding-top:5px; letter-spacing:-0.3px;}
.sub_top_ban .text_inner .btn_detail a {margin:30px auto 0px; width:138px; height:34px; border:1px solid #fff; text-align:center; line-height:34px; display:block; border-radius:18px; color:#fff; font-size:12px; opacity:0.5; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:300; }
.sub_top_ban .text_inner .btn_detail a:hover {opacity:1;}


/* HJ 리뉴얼 231106 */
.pop_wrap { position: fixed; bottom: 8px; left: 8px; z-index: 999; width: 80px; height: 80px; border-radius: 15px; overflow: hidden; } 
.small-image { cursor: pointer; width: 100%; } 
.popup { position: fixed; bottom: 8px; left: 8px; background-color: white; width: 0; height: 0; overflow: hidden; transition: all 0.5s ease-in-out, opacity 0.5s ease-in-out; opacity: 0; border-radius: 15px; } 
.popup.show {width: 400px; height: 600px; opacity: 1; /* 투명도를 1로 설정하여 나타나도록 함  사이즈조정 */ } 
.close-button { position: absolute; top: 10px; right: 10px; font-size: 30px; cursor: pointer; color: #000; z-index: 999; width: 30px; height: 30px; } 
.close-button img { vertical-align: baseline; } 
.swiper-container { width: 100%; height: 100%; }
.swiper-slide { } 
.swiper-slide img { width: 100%; height: auto; } 

/* BASIC css end */


/* new상단 */

html{width: 100%;}
body{min-width: 1557px;}
#wrap{min-width: 1453px; width: 100%; margin: 0 auto;}
/* 띠배너 */
#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1302px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:69px; transform: translateY(-50%);}
#xbtn img{width: 16px;}

/* header 상단 메뉴 
#header { position:relative; width:100%; min-width: 1302px; background:#fff; z-index:100 }
*/
#header.act { position:fixed; top:-144px; left:0; right:0 }


#header .headerBottom_wrap{position: absolute; width: 100%; background: #f6f6f6; border-bottom:1px solid #e6e6e6; box-shadow: 0px 1px 3px 0 rgb(170 170 170 / 30%);}  /*  카테bar 색상조정  fff  background: #f6f6f6  쉐도우조정 box-shadow: 0px 1px 7px 0 rgb(170 170 170 / 30%); */
#header .headerBottom_wrap.fix{position: fixed; top:0; left:0; opacity: 0.9; border-bottom:1px solid #e6e6e6 !important}
#header .headerBottom { margin:0 auto; position:relative; width:96%; max-width: 1557px; height:77px; text-align: center;}  /* 카테bar 세로사이즈  height:77px; max-width: 1824px; */
#header .headerBottom .tlogo {position: absolute; top: 50%; margin-left: 0px; transform: translateY(-50%); width: 145px; line-height: 77px; }   /* 로고좌측 위치 left: 133px;  */
#header .headerBottom .joinus{position:relative;}

#header .headerBottom .navWrap:after { display:block; clear:both; content:'' }
#header .headerBottom .navWrap .lnb_wrap { width:100%; margin-left:-10px;}  /* 카테고리명 왼쪽으로부터 위치 조정시  margin-left:150px;   */
#header .headerBottom .navWrap .lnb_wrap > ul.menulist{width: 966px;}
#header .headerBottom .navWrap .lnb_wrap.active > ul.menulist{width: 100% !important;}
#header .headerBottom .navWrap ul{ font-size: 0;}
#header .headerBottom .navWrap ul .lnb_depth1 { position:relative; display: inline-block; padding: 0 100px 0 0;}
#header .headerBottom .navWrap ul .lnb_depth1 > a { display: inline-block; position: relative; font-size: 15px; color: #333; font-family: 'Noto Sans KR',sans-serif; font-weight: 500; line-height: 77px;}  /* 카테고리 폰트사이즈 font-size: 17px;  */
#header .headerBottom .navWrap ul .lnb_depth1:last-of-type > a{padding-right: 0}
#header .headerBottom .navWrap ul .lnb_depth1:hover > a::after { width: 100%; left: 0;}
#header .headerBottom .navWrap ul .lnb_depth1:hover a {color: #a51e22; }

#header .headerBottom .navWrap ul .lnb_depth1 > a::after{content: ''; width: 0; height: 4px; position: absolute; left: 50%; bottom: 0; background: #a51e22; transition: all .2s ease-in-out;}   /* 롤오버시 이동바 색상 원본  background: #222   height: 2px; */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:-45px; }  /*  스크롤 안보이게 1040px  max-height: 140px;   top:78px;  */ 

#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth2 li a{color: #000;} /*  롤오버시 텍스트 색상변경   */


#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-2 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:35px; }   
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-2 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-2 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth2-2 li a{color: #000;}

#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-3 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:55px; } 
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-3:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-3 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-3 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth2-3 li a{color: #000;}

#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-4 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:0px; }  
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-4:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-4 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-4 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth2-4 li a{color: #000;}

#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-5 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:20px; }  
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-5:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-5 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth2-5 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth2-5 li a{color: #000;}


#header .headerBottom .navWrap ul .lnb_depth0 { position:relative; display: inline-block; padding: 0 70px 0 0; margin-left: -100px;}   /*  padding: 0 100px 0 0;   로고와 햄 간격을 위해 margin-left: -100px;생성  */
#header .headerBottom .navWrap ul .lnb_depth0 > a { display: inline-block; position: relative; font-size: 15px; color: #333; font-family: 'Noto Sans KR',sans-serif; font-weight: 500; line-height: 77px;}  /* 카테고리 폰트사이즈 font-size: 17px;  */
#header .headerBottom .navWrap ul .lnb_depth0:last-of-type > a{padding-right: 0}
#header .headerBottom .navWrap ul .lnb_depth0:hover > a::after { width: 100%; left: 0;}
#header .headerBottom .navWrap ul .lnb_depth0 a:hover {color: #a51e22;}
#header .headerBottom .navWrap ul .lnb_depth0 > a::after{content: ''; width: 0; height: 4px; position: absolute; left: 50%; bottom: 0; background: #f6f6f6; transition: all .2s ease-in-out;}   /* 롤오버시 이동바 색상안보이게   height: 2px; */
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2 { display:none; position: absolute; top:78px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left;  margin-left:-45px;}   
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2 li {margin-bottom: 12px;}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth0:hover .lnb_depth2 li a{color: #000;} /*  롤오버시 텍스트 색상변경   */

#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-2 { display:none; position: absolute; top:78px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:35px;}  
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-2:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-2 li {margin-bottom: 12px;}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-2 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-2 li a:hover{color: #000;} /*  롤오버시 텍스트 색상변경   */

#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-3 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:55px; }  
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-3:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-3 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-3 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-3 li a:hover{color: #000;}

#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-4 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:0px; }   
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-4:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-4 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-4 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-4 li a:hover{color: #000;}

#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-5 { display:none; position: absolute; top:140px; left:0; max-height: 1040px; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left; margin-left:20px; }  
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-5:after{display:block; clear:both; content:''}
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-5 li {margin-bottom: 12px;} /* 중분류 행간간격  */
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-5 li a { font-size: 14px; color: #888; font-family: 'Noto Sans KR',sans-serif; white-space: nowrap; }
#header .headerBottom .navWrap ul .lnb_depth0 .lnb_depth2-5 li a:hover{color: #000;}


#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth3 p {content: url("https:/design/redbrown/0705wishblack/icon_taste_roll.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth3 p::before {content: url("https:/design/redbrown/0705wishblack/icon_taste.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth3 { display:none; position: absolute; top:70px; left:0; overflow: auto; padding: 30px 35px 0 0; z-index: 1001; text-align: left;  margin-left:0px;} 
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth4 p {content: url("https:/design/redbrown/0705wishblack/icon_coffee_roll.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth4 p::before {content: url("https:/design/redbrown/0705wishblack/icon_coffee.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth4 { display:none; position: absolute; top:70px; left:0; overflow: auto; padding: 30px 0 0 0; z-index: 1001; text-align: left;  margin-left:25px;}
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth5 p {content: url("https:/design/redbrown/0705wishblack/icon_bag_roll.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth5 p::before {content: url("https:/design/redbrown/0705wishblack/icon_bag.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth5 { display:none; position: absolute; top:70px; left:0; overflow: auto; padding: 30px 0 0 0; z-index: 1001; text-align: left;  margin-left:45px;}
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth6 p {content: url("https:/design/redbrown/0705wishblack/icon_b2b_roll.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth6 p::before {content: url("https:/design/redbrown/0705wishblack/icon_b2b.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth6 { display:none; position: absolute; top:70px; left:0; overflow: auto; padding: 30px 0 0 0; z-index: 1001; text-align: left;  margin-left:15px;}
#header .headerBottom .navWrap ul .lnb_depth1:hover .lnb_depth7 p {content: url("https:/design/redbrown/0705wishblack/icon_aboutus_roll.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth7 p::before {content: url("https:/design/redbrown/0705wishblack/icon_aboutus.png");}
#header .headerBottom .navWrap ul .lnb_depth1 .lnb_depth7 { display:none; position: absolute; top:70px; left:0; overflow: auto; padding: 30px 0 0 0; z-index: 1001; text-align: left;  margin-left:15px;}


#header .headerBottom .point{ border-radius: 10px; position: absolute; top: 35px; left: 38%; margin-left: -30px; width: 56px; height: 17px; line-height: 17px; background: #323232; color: #fff; text-align: center; }
#header .headerBottom .point span{ position: absolute; top: -11px; left: 22px; width: 8px; height: 4px; color: #424242;}

.dn {
	display: block !important
}


#header .headerBottom .tnbRight {position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .headerBottom .tnbRight > ul > li{float: left; margin: 0 0 0 26px;}
#header .headerBottom .tnbRight > ul > li:first-of-type{margin:0}
#header .headerBottom .tnbRight > ul > li a{color:#888; font-size: 14px; font-family: 'Noto Sans KR',sans-serif;}
#header .headerBottom .tnbRight ul li.basket{position: relative;}
#header .headerBottom .tnbRight ul li.basket a span.user_basket_quantity{position: absolute; top: -3px; right: -6px; width: 15px; height: 15px; line-height: 15px; border-radius: 50%; color: #fff; font-size: 10px; background: #222; text-align: center;}
#header .headerBottom .tnbRight ul li.menuicon{cursor: pointer; position: relative;}

.navsub_bg{ position: absolute; top: 77px; left: 0; width: 100%; height: 0; border-top: 1px solid #eee; z-index: 300; background-color: #f6f6f6; }  /* 네비서브 백그라운드 색상원본  background-color: #fff;   */
.navsub_bg.open{ height: 280px;}   /*  서브 배경 height값  원본은 200px  */

/* 햄버거 메뉴 */
#header .downmenu{ position: absolute; top: 48px; left: 50%; transform: translateX(-50%); padding: 28px 23px 16px; border: 1px solid #d9dade; border-top: 2px solid #010101; background: #fff; text-align: left;}
#header .downmenu.hamdw{display:none;}
#header .downmenu li { margin-bottom: 12px;}
#header .downmenu li a{ font-size: 13px; color: #999999; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; white-space: nowrap;}
#header .downmenu li:hover a{color:#000}


/* BASIC css end */