/* BASIC css start */
#header {width: 100%;}
#header .header_fd{ padding: 35px 0;}
#header .header_top {position: relative; width: 100%; z-index: 2; font-size: 0; text-align: center;}
#header .header_top div {display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .menu {width: 22px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .allmenu_btn {width: 100%;}
#header .header_top .search{position: absolute; top: 50%; transform: translateY(-50%); right: 54px;}
#header .header_top .search img{ width: 24px;}
#header .header_top .basket, #menuWrap .menu_top .basket {width: 30px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .basket a, #menuWrap .menu_top .basket a {position: relative;}
#header .header_top .basket a img, #menuWrap .menu_top .basket a img {width: 22px;}
#header .header_top .basket a span { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); color: #000; font-size: 10px; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-weight: bold;}
#header .header_top .logo {width:120px;}
#header .header_top .logo img {width: 100%; vertical-align: middle;}
#header .header_top.header-scroll{position: fixed; left: 0; top: 0; padding: 15px 0; background: #ffffff; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }


/* 카테고리 */

/* 메뉴 */
.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; left: -100%; width: 84%; height: 100%; z-index: 1001; background: #fff; overflow-y: auto;}
#all_menu .in_logo{ position: relative; padding: 40px 25px; }
#all_menu .in_logo a img{ width: 120px;}
#all_menu .closeArea{ position: absolute; top: 50%; transform: translateY(-50%); right: 18px;}
#all_menu .closeArea img{ width: 19px;}
#all_menu .all_menu_join{}

/* 햄버거메뉴 안 분류 */
.headerGnb{ border-top: 1px solid #000;}
.headerGnb .gnbInner .menu-list > li{line-height: 48px; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0); border-bottom: 1px solid #d9d9d9;}
.manuinba{position: absolute; bottom: 140px;  left: 120px;}
.menu_list_in a, .menu-container .menu-list li.toggle > a{ padding: 0 20px; color: #000; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-size: .8rem; }
.toggle, .menu-submenu { cursor: pointer; font-size: 14px; position: relative; letter-spacing: 1px;}
.menu-submenu { display: none; padding: 0 0 10px; }
.menu-submenu >li a{display: block; padding: 12px 26px; color: #808080; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; font-size: .8rem; line-height: 17px;}
.menu-submenu .depth3{ display: none; padding: 5px 40px;}
.menu-submenu .depth3 li a{padding: 5px 0;}

/* 햄버거메뉴 안 분류 더보기 */
.ddBtn {position: absolute; top: 15px; 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: 10px; height: 1px; margin-top: -1px; background-color: #808080; -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: #cccccc !important;}
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #cccccc !important; opacity: 0;}

/* 아이콘 */
#all_menu .nalog{padding: 25px 10px; }
#all_menu .nalog ul{ font-size: 0;}
#all_menu .nalog ul li{ display: inline-block; width: 20%; text-align: center;}
#all_menu .nalog ul li a{font-size: 13px; color: #4c4c4c; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-weight: bold; text-transform: lowercase;}
#all_menu .nalog ul li a img{display: block; margin: 0 auto 12px;}

#all_menu .snsBox{ padding: 25px 20px; background: #f0f0f0;}
#all_menu .snsBox a{ margin: 0 20px 0 0; color: #4c4c4c; font-family: "맑은 고딕",'Malgun Gothic',sans-serif; font-weight: bold;}
/* //카테고리 */
/* BASIC css end */

