/*quickMenu*/
/** header (최상단메뉴, 로고, 로그인, 마이페이지) **/
::selection {background: #f6cd97;color: #000;text-shadow: none;}
#header_top_wrap .header_top_inner {width: 990px;margin: 5px auto 0;height: 35px;}
#header_top_wrap .header_top_inner .header_left {float: left;}
#header_top_wrap .header_top_inner .header_left ul li {position: relative;float: left;padding: 0 10px;color: #000;font-weight: 500;}
#header_top_wrap .header_top_inner .header_left ul li::after {position: absolute;display: block;content: "";width: 1px;height: 10px;top: 12px;background: #eeeeee;left: 0;}
#header_top_wrap .header_top_inner .header_left ul li:first-child {padding-left: 0;}
#header_top_wrap .header_top_inner .header_left ul li:first-child::after {display: none;}
#header_top_wrap .header_top_inner .header_left ul li:first-child i:hover { /*인스타*/background: linear-gradient(45deg, #f58529, #feda77, #dd2a7b, #8134af, #515bd4);color: #fff;}
#header_top_wrap .header_top_inner .header_left ul li:last-child i:hover { /*유튜브*/color: #ff0000;}
#header_top_wrap .header_top_inner .header_left ul li a {font-size: 24px;color: #777777;font-weight: 300;}
#header_top_wrap .header_top_inner .header_left ul li a i {border-radius: 7px;}
.header_right {float: right;}
.header_right ul li {position: relative;float: left;padding: 0 10px;font-size: 12px;line-height: 35px;color: #000;font-weight: 500;}
.header_right ul li:first-child {padding-left: 0;}
.header_right ul li:first-child::after {display: none;}
.header_right ul li:last-child {padding-right: 0;}
.header_right ul li::after {position: absolute;display: block;content: "";width: 1px;height: 10px;top: 12px;background: #eeeeee;left: 0;}
.header_right ul li a,
.header_right ul li button {font-size: 12px;line-height: 35px;color: #777777!important;font-weight: 300; border: 0; background: transparent;}
.header_bottom {clear: both;}
.header_bottom_inner {width: 1080px;margin: 0 auto;height: 80px;position: relative;}
.header_bottom_inner .header_logo {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.header_bottom_inner .header_logo a {text-align: center;display: block;}

/*quickMenu*/
.quickMenu {position: relative;}
.quickMenu ul {display: none;z-index: 999;position: absolute;top: 34px;right: 50%;transform: translateX(50%);border: 1px solid #eeeeee;width: 100px;background: #fff;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}
.quickMenu ul li {width: inherit;padding: 0;text-align: center;}
.quickMenu ul li a {padding: 0;}
.quickMenu ul li:after {display: none;}

#header_gnb_wrap {z-index: 99;width: 100%; position: relative;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}
#header_gnb_wrap .header_gnb {margin: 0 auto;}
#gnb {position: relative;top: 0;width: 100%;border-top: 1px solid #eeeeee;background: #fff;}
#gnb .gnb_lst {display: table;margin: 0 auto;overflow: hidden;}
#gnb .gnb_lst::after {content: "";display: block;clear: both;}
#gnb .gnb_lst > li {float: left;text-align: center;}
#gnb .gnb_lst > li > a {display: block;color: #222222;padding: 15px 27px;font-size: 16px;font-weight: 500;}
#gnb .gnb_lst > li:hover > a {border-color: #31543c;}
#gnb .gnb_lst > li:first-child:hover > a { /*전체카테고리 호버시 효과 없음*/border-color: #fff;}
#gnb #all_category > a {background: #31543c;color: #fff;}
#gnb .gnb_lst li .sub_category_out {display: none;position: absolute;background: #ffffff;width: 100%;top: 52px;left: 50%;transform: translatex(-50%);border-top: 1px solid #eeeeee;box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);}

/*메뉴별 정렬 수정*/
#gnb .gnb_lst li:nth-child(1) .sub_category_out .sub_category_inner ul{ /*전체카테고리*/}
#gnb .gnb_lst li:nth-child(2) .sub_category_out .sub_category_inner ul{ /*브랜드스토리*/}
#gnb .gnb_lst li:nth-child(3) .sub_category_out .sub_category_inner ul{ /*포프리제품*/}
#gnb .gnb_lst li:nth-child(4) .sub_category_out .sub_category_inner ul{ /*주문신청*/}

#gnb .gnb_lst li:nth-child(5) .sub_category_out .sub_category_inner ul{ /*포프리쇼*/ float: right; margin-right: 450px;}
#gnb .gnb_lst li:nth-child(6) .sub_category_out .sub_category_inner ul{ /*요리레시피*/ float: right; margin-right: 300px;}
#gnb .gnb_lst li:nth-child(7) .sub_category_out .sub_category_inner ul{ /*공지사항/뉴스*/ float: right; margin-right: 100px;}
#gnb .gnb_lst li:nth-child(8) .sub_category_out .sub_category_inner ul{ /*고객센터*/ float: right;}
/*메뉴별 정렬 수정*/

#gnb .gnb_lst li .sub_category_out .sub_category_inner{display: table;margin: 0 auto; width: 1080px;}
#gnb .gnb_lst li .sub_category_out .sub_category_inner ul {display: table;margin: 0 auto;}
#gnb .gnb_lst li .sub_category_out .sub_category_inner ul li {float: left;}
#gnb .gnb_lst li .sub_category_out .sub_category_inner ul li a {font-size: 16px;height: 60px;line-height: 60px;text-align: center;display: block;color: #333333;margin: 0 10px;padding: 0 10px;}
#gnb .gnb_lst li .sub_category_out .sub_category_inner ul li a:hover {border-bottom: 3px solid #31543c;}

#all_category a {display: block;color: #000;}
#all_category > a > i:first-child { /* =전체카테고리v */margin: 0 8px 0 0;}
#all_category > a > i:last-child { /* =전체카테고리v */margin: 0 0 0 8px;}
#all_category > .all_category_out { /*전체카테고리 숨기기*/display: none;opacity: 0;*z-index: 999;position: absolute;left: 0;top: 52px;width: 100%;}
#all_category .all_category_inner {*position: relative;padding: 0 0 50px 0;*width: 1080px;margin: 0 auto;border-top: 1px solid #eeeeee;background: #fff;}
#all_category .all_category_inner > ul {display: table;margin: 0 auto;*width: 900px;border-left: 1px solid #eeeeee;height: 470px;}
#all_category .all_category_inner > ul::after {content: "";display: block;clear: both;}
#all_category .all_category_inner > ul > li {position: relative;float: left;width: 207px;padding: 0 25px;}
#all_category .all_category_inner > ul > li > a {position: relative;margin-bottom: 10px;color: #222222;font-size: 15px;font-weight: 500;line-height: 60px;}
#all_category .all_category_inner > ul > li:after {position: absolute;top: 0;right: 0px;content: "";display: block;width: 1px;height: 470px;background: #eeeeee;}
#all_category .all_sub > li > a {padding: 10px 0;font-size: 15px;font-weight: 300;text-align: left;color: #555555;}
#all_category .all_category_close {position: absolute;right: 0;bottom: 0;background: #eeeeee;width: 100%;}
#all_category .all_category_close::after {content: "";display: block;clear: both;}
#all_category .all_category_close > a {color: #333;font-size: 28px;line-height: 50px;width: 50px;height: 50px;float: right;}

.sub_category_out .sub_category_inner .badge,
#all_category .all_category_inner .badge{background: #36563d;margin-left: 5px;font-weight: normal;}


/** menu **/
@media (max-width: 1080px) {
  /*#header_gnb_wrap {display: none;}*/
  /*.header {display: none;}*/
  #gnb .gnb_lst{width: 1080px;}
  #visual_wrap {width: 1080px;}
  /*#footer_wrap {display: none;}*/
}