@charset "utf-8"; 
/* 카테고리 */
.menu2.cateShow {bottom:0 !important;} 
.menu2 {position:fixed; left:0; bottom:-120%; height:100%;;z-index:9999998;-webkit-backface-visibility: hidden; -webkit-transition: bottom 0.25s; transition: bottom 0.25s; max-width:100%;}
.menu2 .menu_close {position:absolute; right:10px; top:50%; border:0; width:36px; height:36px; background:#ff7200 url(../../../svg/btn_close_w.svg) no-repeat center center; background-size:12px 12px; z-index:999999; margin:-18px 0 0 0; padding:0; border-radius: 100%;}
.menu2 .menu_wr{display:inline-block; width:100%;height:100%;overflow-y:auto;position:relative;z-index:199919;background:#fff}
.menu2 .cate_bg{background:rgba(0,0,0,0.3);height:100%;width:100%;z-index:99999;position:absolute;top:0;left:0}
.menu2 .member_area { position:relative; }
.menu2 .member_area > li { position:relative;}
.menu2 .member_area > li:first-child { position:fixed;  width:100%; z-index: 999; }
.menu2 .member_area > li.statelogon-member {padding: 0 0 0 14px; height:50px; line-height: 50px; border-bottom: 1px solid #ff7200;
    font-size: 16px; background:#ff8601; color:#fff; display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.menu2 .member_area > li.statelogon-member + li { margin-top:70px !important; }
.menu2 .member_area > li.statelogon-member.login a {display:inline-block; height:29px; line-height:29px; font-weight: 400; font-size: 13px;
    position:relative; padding: 0 7px;border: 1px solid #d5d5d5; border-bottom-color: #b5b5b5; border-radius: 3px; }
.menu2 .member_area > li.statelogon-member.login a:first-child {margin-right:3px; color: #1b1b1b; background-color: #fff;}
.menu2 .member_area > li.statelogon-member.login a:nth-child(2) {border: 1px solid #ff7200; border-bottom-color: #ff7200;color: #fff;background-color: #ff8601;}
.menu2 .member_area > li.statelogon-member.logoff { }
.menu2 .member_area > li.statelogon-member.logoff a {margin-right:3px; color:#fff; font-weight:bold; display:inline-block; padding:0 25px 0 0; background:url("../../../svg/icon_setting_w.svg") no-repeat right  top 17px; background-size:15px 15px;}
.menu2 .member_area > li.shoppinginfo-membership > ul { padding:0 0; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.menu2 .member_area > li.shoppinginfo-membership > ul > li {display:inline-block; font-size:13px; float: left; width:auto; padding:0 0; position:relative; }
.menu2 .member_area > li.shoppinginfo-membership > ul > li:first-child { width:100%; margin:0 0 20px 0; padding-left:75px; }
.menu2 .member_area > li.shoppinginfo-membership > ul > li:first-child:before { content:""; width:60px; height:60px; position:absolute; left:0; top:2px; border:#e2e2e2 1px solid; border-radius: 10px; background:url('../../../img/app/app_icon.png') no-repeat center center; background-size:100%; }

.menu2 .member_area > li.shoppinginfo-membership > ul > li a {color:#000; font-weight: bold; display:block; font-size:20px; letter-spacing: normal;}
.menu2 .member_area > li.shoppinginfo-membership > ul > li:first-child a { font-size:30px; }
.menu2 .member_area > li.shoppinginfo-membership > ul > li > strong { display:inline-block; margin: 0 0 0 0; font-size:14px; font-weight: bold; position:relative; }

.menu2 .member_area > li.shoppinginfo-membership > ul > li:not(:first-child) > strong { display:inline-block; margin: 0 5px 0 0; font-size:14px; font-weight: normal;  }
.menu2 .member_area > li.shoppinginfo-membership > ul > li:not(:first-child) a {color:#000; font-weight: bold; display:inline-block; font-size:14px; letter-spacing: normal; padding:0 20px 0 0; position:relative; }
/*
.menu2 .member_area > li.shoppinginfo-membership > ul > li:last-child strong { padding-left:10px; }
.menu2 .member_area > li.shoppinginfo-membership > ul > li:last-child strong:before { content:""; position:absolute; width:1px; height:15px; border-left:#efefef 1px solid; left:0; top:50%; margin:-6px 0 0 0; }*/

.menu2 .member_area li.shoppinginfo-membership { display:inline-block; width:100%; margin:0 0 10px 0; padding:0 20px; }

.menu2 .member_area li.myshop-main { display:inline-block; width:100%; padding:0 20px 10px 20px; margin:0 0 0 0; }
.menu2 .member_area li.myshop-main ul li {width:100%; margin:0 0; float:left; text-align:center; background-color:#f8f8f8 !important; font-size:14px; border-radius: 3px; border:#e7e7e7 1px solid; position:relative; display:inline-block;}
.menu2 .member_area li.myshop-main ul li a {color:#000; display:inline-block; float: left; width:33.3%; text-align: center; padding:0 0; height:40px; line-height: 40px; position:relative; } 
.menu2 .member_area li.myshop-main ul li a:not(:first-child):before { content:""; position:absolute; width:1px; height:14px; border-left:#e2e2e2 1px solid; left:0; top:50%; margin:-7px 0 0 0; }
.menu2 .member_area li.myshop-main ul li a > span { display:inline-block; position: absolute; top:5px; right:5px; width:20px; height:20px; background:#ff0000; color:#fff; border-radius: 100%; font-size:12px; font-weight: bold; line-height: 20px;text-align: center; }
.menu2 .member_area li.myshop-main ul li:first-child { }
.menu2 .member_area li.myshop-main ul li:nth-child(2) { }
.menu2 .member_area li.myshop-main ul li:nth-child(3) { }
.menu2 .member_area li.myshop-main ul li:nth-child(4) { }

.menu2 .menu_wr .cate_area { background:#f7f7f7; }
.menu2 .menu_wr .cate_area > li {position:relative; clear:both; width:100%; background:#fff; display:inline-block; }
.menu2 .menu_wr .cate_area > li:first-child { padding:0 15px; }
.menu2 .menu_wr .cate_area > li > a > img { width:100%; }
.menu2 .menu_wr .cate_area > li.show { margin: 0 0 10px 0; }
.menu2 .menu_wr .cate_area > li.show h2 { background:#fff; font-size:14px; font-weight: 500; color:#444; border:0; height:24px; line-height: 24px; padding:0 20px; margin: 18px 0 0 0;}
.menu2 .menu_wr .cate_area > li.shopplan h2 { background:url('../../../svg/icon_plan.svg') no-repeat left 20px center; background-size:16px 16px; padding:0 20px 0 42px; }
.menu2 .menu_wr .cate_area > li.shopnormal h2 { background:url('../../../svg/icon_basket.svg') no-repeat left 20px center; background-size:16px 16px; padding:0 20px 0 42px; }

.menu2 .menu_wr .cate_area > li h2 {padding:0 20px; font-size: 18px; font-weight: 500; border-bottom:1px solid #e2e2e2; height:60px; line-height:60px; background-color:#fff; font-weight:normal; background:url('../../../svg/btn_arrow_down.svg') no-repeat right 20px center; background-size:14px 14px;}
.menu2 .menu_wr .cate_area > li h2.on {color:#ff8601; background:url('../../../svg/btn_arrow_up.svg') no-repeat right 20px center; background-size:14px 14px;}
.menu2 .menu_wr .cate_area > li > ul { display:none; padding:10px 0;}
.menu2 .menu_wr .cate_area > li.show > ul { display:inline-block !important; }
.menu2 .menu_wr .cate_area > li.ev > ul,.menu2 .menu_wr .cate_area > li.slideProjectList > ul { padding:0 0 10px 0; }
.menu2 .menu_wr .cate_area > li:last-child > ul {display:inline-block !important; padding:15px; overflow-x: auto; overflow-y: hidden; }
.menu2 .menu_wr .cate_area > li.show > ul > li { float: left; width:50%; position:relative; }
.menu2 .menu_wr .cate_area > li.show > ul > li a {display:block; height:40px; line-height:40px; padding:0 20px;font-size: 16px; font-weight: 500; }

.menu2 .menu_wr .cate_area > li.tabshow  { display:none; }

.menu2 .menu_wr .cate_area > li.big > ul > li { margin:0 0 10px 0;}
.menu2 .menu_wr .cate_area > li.big > ul > li a {display:block; height:50px; padding:0 20px; font-weight: normal; }
.menu2 .menu_wr .cate_area > li.big > ul > li a > strong { display:inline-block; width:100%; font-size: 20px; font-weight: normal; float: left; line-height: 30px; }
.menu2 .menu_wr .cate_area > li.big > ul > li a > i { display:inline-block; width:100%; font-size:13px; color:#999; font-style: normal; float: left;  line-height: 20px;}
/*
.menu2 .menu_wr .cate_area > li.big > ul > li:first-child a { background:url('../../../img/recipe/suggMenu1.jpg') no-repeat left 10px center; background-size:50px 50px; }
.menu2 .menu_wr .cate_area > li.big > ul > li:nth-child(2) a { background:url('../../../img/recipe/suggMenu2.jpg') no-repeat left 10px center; background-size:50px 50px; }
.menu2 .menu_wr .cate_area > li.big > ul > li:nth-child(3) a { background:url('../../../img/recipe/suggMenu3.jpg') no-repeat left 10px center; background-size:50px 50px; }
.menu2 .menu_wr .cate_area > li.big > ul > li:nth-child(4) a { background:url('../../../img/recipe/suggMenu4.jpg') no-repeat left 10px center; background-size:50px 50px; }
.menu2 .menu_wr .cate_area > li.big > ul > li:nth-child(5) a { background:url('../../../img/recipe/suggMenu5.jpg') no-repeat left 10px center; background-size:50px 50px; }
.menu2 .menu_wr .cate_area > li.big > ul > li:nth-child(6) a { background:url('../../../img/recipe/suggMenu6.jpg') no-repeat left 10px center; background-size:50px 50px; }
*/
.cateTab { width:100%; height:40px; padding:15px 15px 0 15px; margin: 0 0 15px 0; display:inline-block; }
.cateTab .menuTab2 {height:40px; margin:0 0 0 0; background:#fff; display:inline-block; width:100%; padding:0 0; }
.cateTab .menuTab2 li {width:50%; float: left; height:40px; text-align:center; border:0; background:#f8f8f8; color:#777; }
.cateTab .menuTab2 li strong {display:block; height:40px; line-height:40px; font-size:16px; cursor: pointer; font-weight: normal; border:#ddd 1px solid; border-bottom:#ff8601 1px solid; }
.cateTab .menuTab2 li:last-child strong { margin:0 0 0 -1px; }
.cateTab .menuTab2 li.selected strong {color:#ff8601; font-weight:bold; background:#fff; border:#ff8601 1px solid; border-bottom:0; position:relative; z-index: 1; }


.menu2 .menu_wr .cate_area > li:not(.show) > ul > li a {display:block; height:45px; line-height:45px; padding:0 40px;font-size: 16px;}
.menu2 .menu_wr .cate_area > li.ev > ul > li a { text-align: right; font-size: 14px; height:35px; line-height: 35px; padding:0 40px; background:url("../../../svg/arrow_right.svg") no-repeat right 20px top 12px; background-size:12px 12px; }
.menu2 .menu_wr .cate_area > li.slideProjectList h2 { border-bottom:0; }
.menu2 .menu_wr .cate_area > li.slideProjectList > ul > li { display:inline-block; position:relative; width:100%; float: left; overflow: hidden; margin:0 0 10px 0; border-radius: 10px; }
.menu2 .menu_wr .cate_area > li.slideProjectList > ul > li:not(:first-child) {border-top:1px solid #fff;}
.menu2 .menu_wr .cate_area > li.slideProjectList > ul > li a {padding:0 0 0 0; font-weight:bold; font-size:15px; display:block; height:200px; position:relative;}
.menu2 .menu_wr .cate_area > li.slideProjectList > ul > li a > strong { display:inline-block; padding:0 10px; height:40px; line-height: 40px; text-align: center; position: absolute; bottom: 0; right:0;  width:100%; background:rgba(0,0,0,.5); color:#fff; font-size:15px; }
.menu2 .menu_wr .cate_area > li.slideProjectList > ul > li a img { width:100%;  }
.menu2 .menu_wr #ol_after_logout {display:inline-block; padding:7px 7px; border:1px solid #d5d5d5; border-radius:3px; font-size:13px; width:100%;  text-align: center; }
.menu2 .menu_wr .logout { padding:10px 20px 20px 20px; text-align: right; }