/* BASIC css start */
#header { width: 100%; position: relative; z-index: 13; border-bottom: 1px solid #dbdbdb;}
#header.header-scroll{ position: fixed; background: #fff;}
#header .header_top { position: relative; z-index: 30; padding: 25px 15px; font-size: 0;}
#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .allmenu_btn { width: 100%;}
#header .header_top .basket { width: 36px; right: 57px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .basket a { position: relative;}
#header .header_top .basket a img { width: 26px;}
#header .header_top .basket a span { color: #fff; background: #424242; width: 20px; height: 20px; border-radius: 50%; display: block; position: absolute; bottom: 2px; right: -8px; line-height: 20px; font-size: 0.8em; font-family: 'Roboto', sans-serif; text-align: center;}
#header .header_top .r_search{position: absolute; right: 15px; width: 22px;}
#header .header_top .r_search a img{width:100%;}
#header .header_top .logo { width: 148px;}
#header .header_top .logo img { width: 100%; vertical-align: middle;}
#header .menu_swip {width: 100%;float: left; overflow: hidden; background: #f7ede4; padding: 14px 15px;}
#header .menu_swip .swiper-slide {width: initial !important; padding-right: 28px; height: auto;} 
#header .menu_swip a.active { color: #a48f78 !important; font-weight: bold;}
#header .menu{background: #f7ede4; overflow: hidden;}
#header .menu a{ font-size: 1em; color: #3b3b3b; font-family: 'Roboto','나눔고딕','NanumGothic', sans-serif;}
#header .menu a.active{ color: #000 !important; font-weight:bold;}

/* 메뉴 아이콘 (검정아이콘)*/
#header .header_top .menubtn { width: 25px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%); background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/menu_black.png)no-repeat; background-size: contain; text-indent: -9999px;}
#header .header_top .logo a{
  display:inline-flex !important;
  align-items:center;
  background:none !important;
  text-indent:0 !important;
  width:auto !important;
  height:auto !important;
}
/* 메뉴 고정 (검정아이콘)*/
#header.header-scroll .header_top .menubtn { width: 25px; right: 15px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/menu_black.png)no-repeat; background-size: contain;}
#header.header-scroll .header_top .logo a{ width: 108px; height: 16px; background: url(//skin.makeshop.co.kr/skin/newpage/m/icon/newpage_logo_black.png)no-repeat; background-size: contain;}

/* 메뉴 */
.mask{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 102;}
#all_menu{ position: fixed; top: 0; right: -100%; width: 100%; height: 100%; z-index: 1001; background: #fff; overflow-y: auto;}
#all_menu .all_menu_in{ position: relative; margin: 30px;}
#all_menu .closeArea{ position: absolute; top: 0; right: 0;}
#all_menu .closeArea img{ width: 19px;}
#all_menu .in_logo{ }
#all_menu .in_logo a img{ width: 120px;}

/* 검색창 */
#all_menu .search{ margin: 40px 0 25px; border: 1px solid #999; background: #fff;}
#all_menu .search .searchBox{ display: inline-block; width: 84%; margin: 4px 0 0 2px;}
#all_menu .search .searchBox input{ width: 100%; height: 32px; color: #000; background: #fff; border: 0; }
#all_menu .search .btn_search{ display: inline-block; float: right; width: 8%; margin: 9px 7px 0; text-align: right;}
#all_menu .search .btn_search img{ width: 23px;}

#all_menu .iconBox ul{ font-size: 0;}
#all_menu .iconBox ul li{ display: inline-block; width: calc(100%/4 - 16px); height: 55px; padding: 0 10px; text-align: center;  border-right: 1px solid #cccccc;}
#all_menu .iconBox ul li:nth-of-type(1){ padding-left: 0;}
#all_menu .iconBox ul li:nth-of-type(4){ padding-right: 0; border: 0;}
#all_menu .iconBox ul li a{position: relative; display: block; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#all_menu .iconBox ul li a img{ display: block; height: 28px; margin: 0 auto; padding: 0 0 12px;}
#all_menu .iconBox ul li a em{position: absolute; left: 50%; transform: translateX(-50%); font-size: 0.8rem; color: #999999; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; white-space: nowrap;}
#all_menu .iconBox ul li a .point{position: absolute; left: 50%; transform: translateY(-50%); bottom: 3px; width: 36px; height: 16px; margin-left: -2px; line-height: 16px; border-radius: 10px; background: #000; color: #fff; font-size: .6rem; font-family: 'Jost', sans-serif; text-align: center; z-index: 10;}

/* 햄버거메뉴 안 분류 */
.headerGnb{ margin: 30px 0 0;}
.headerGnb .gnbInner .menu-list > li{line-height: 40px; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.manuinba{position: absolute; bottom: 140px;  left: 120px;}
.menu-container .menu-list li.toggle > a{ color: #222; font-family: 'Noto Sans KR', sans-serif; font-size: 1.125rem;}
.toggle, .menu-submenu { cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px;}
.menu-submenu { display: none; margin: 5px 0 0; padding: 10px 10px 25px; border-top: 1px solid #ddd;}
.menu-submenu >li a{display: block; padding: 10px 0; color: #aaa; font-family: 'Noto Sans KR', sans-serif; font-size: .98rem; line-height: 17px;}

/* 햄버거메뉴 안 분류 더보기 */
.ddBtn {position: absolute; top: 8px; right: 0; padding:9px 20px;}
.ddBtn:before{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2;}
.ddBtn:before, .ddBtn:after {content: ''; display: block; position: absolute; top: 50%; right: 12px; width: 16px; height: 2px; margin-top: -1px; background-color: #222; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out;}
.ddBtnActive {padding:15px 20px;}
.ddBtnActive:before{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #222 !important;}
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #222 !important; opacity: 0;}

/* sns 아이콘 영역 */
.snsiconArea{margin: 45px 0 0;}
.snsiconArea i{ margin: 0 17px 0 0;}

/* 저작권 */
.copy{margin:20px 0; color:#999999; font-size: .79rem; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif';}
/* BASIC css end */