/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#wrap{position:relative;}
body { overflow-x:hidden } 
html { overflow-x: hidden; } 

@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: url(/design/ezbaking/supermarket/font/NanumGothic-Regular.woff2) format('woff2'),
 url(/design/ezbaking/supermarket/font/NanumGothic-Regular.woff) format('woff'), } 
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 200; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 800; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
 url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'NanumSquareEB'; src: url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumSquareEB.eot'); src:url('https://cdn.jsdelivr.net/gh/wizfile/font/NanumSquareEB.woff') format('woff'); font-style: normal; } 

/* 공통 */
.noto { font-family: 'Noto Sans KR', sans-serif; } 
.ns { font-family: 'NanumSquareEB', sans-serif; } 
.lato { font-family: 'Lato', sans-serif; } 
.prd-soldout { font-size: 13px; padding-top: 10px; color: #94223e; font-weight: normal; } 
.prd-brand {color: #333333; font-size: 12px;margin: 15px 0 0;font-family: 'Noto Sans KR', sans-serif;font-weight: 400;height: 17px;} 
.prd-name {color: #333333; font-size: 14px; margin: 10px 0 10px; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; height:34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.prd-subname { color: #aaa; font-size: 13px; font-weight: 400; padding-top: 3px; display: none; } 
.prd-replace { padding-top: 3px; color: #b00; } 
.price { font-weight: bold; font-size: 14px; } 
.price b { font-size:11px; font-family: 'Noto Sans KR', sans-serif; } 
.dc_per { display:none; font-size:15px; color: #d70010; font-weight:bold; font-family: 'Lato', sans-serif;} 
.normal { display:inline-block; font-size:15px; color:#111111; font-weight:bold; font-family: 'Lato', sans-serif; } 
.consumer { display:none; font-size:13px; color:#999999; font-weight: 400; font-family: 'Lato', sans-serif;margin-top: 1px;text-decoration: line-through;} 
.star{font-size:13px; color:#999999;}
.dn { display:none !important; } 

/* 검색창 팝업 */
.search_pop_wrap {display:none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; width: 100%; height: 100%; z-index: 9999; } 
.search_pop_wrap .page_top { background: #d70010; } 
.search_pop_wrap .page_top .tit { color: #fff; } 
.search_pop_wrap .page_top .basket_wrap a span { background: #fff; color: #d70010; } 
.search_pop_wrap .search_box { padding: 20px 15px; margin-bottom: 10px; } 
.search_pop_wrap .search_box .searchForm { position: relative; } 
.search_pop_wrap .search_box .searchForm input { background: #f5f5f5; width: 100%; border: none; border-radius: 100px; } 
.search_pop_wrap .search_box .searchForm a#search { position: absolute; top: 50%; transform: translateY(-50%); right: 13px; } 
.search_pop_wrap .search_box .searchForm a#search img { width: 13px; } 
.search_pop_wrap .popular_keyowrd { position: relative; padding: 0 15px; } 
.search_pop_wrap .popular_keyowrd p {display: inline-block;color: #d70010;padding-bottom: 9px;border-bottom: 3px solid #d70010;font-size: 15px;} 
.search_pop_wrap .popular_keyowrd ul { padding: 5px 0; display: flex; justify-content: space-between; flex-wrap: wrap; } 
.search_pop_wrap .popular_keyowrd ul li { } 
.search_pop_wrap .popular_keyowrd ul li { width: 50%; } 
.search_pop_wrap .popular_keyowrd ul li a {display: block;font-size: 15px;color: #222222;padding: 14px 4px;border-bottom: 1px solid #eeeeee;} 

/* 상단 배너 */ 
#topBnr {display: none; width:100%;background: #171717;} 
#topBnr .txt { position: relative; display: block; width: 100%; margin: 0 auto; text-align: center; height: 35px; line-height: 35px; font-size: 12px; color: #fff; } 
#topBnr p#xbtn { position:absolute; top:10px;right: 10px;z-index: 999;} 
#m_preview_wrap,.displaynone { display:none !important } 
#top_swiper .swiper-pagination { width: auto; right: 31px !important; left: auto !important; } 
#top_swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1 !important; } 
#top_swiper .swiper-pagination .swiper-pagination-bullet { background: #fff; opacity: 0.5; width: 4px; height: 4px; margin: 0 2px !important; } 

/* 상단 */
#header { width:100%; } 
#header.top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100; margin-top: 0 !IMPORTANT; background-color: #fff;}
#header .headerMiddle { display: flex; justify-content: space-around; align-items: center; padding: 12px 0 15px; } 
#header .headerMiddle .logo_wrap{position:relative; width: 25%;text-align: center;}
#header .headerMiddle .search_wrap{position:relative;width: 50%;text-align: center;}
#header .headerMiddle .basket_wrap{position:relative;width: 10%;text-align: center;}
#header .headerMiddle .logo_wrap a { display: inline-block; } 
#header .headerMiddle .logo_wrap a img { width: 100px; } 
#header .headerMiddle .search_wrap .search_box {background: #f5f5f5;width: 100%;border: 0;margin: 0 auto;border-radius: 50px;position: relative;} 
#header .headerMiddle .search_wrap .search_box input {background:transparent;border:0;text-indent: 15px;padding-left: 0 !important;line-height: 29px;height: 29px;width: 100%;font-size: 12px;} 
#header .headerMiddle .search_wrap .search_box a { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); } 
#header .headerMiddle .search_wrap .search_box a img { width:13px; } 
#header .headerMiddle .basket_wrap a { position:relative; display: inline-block; } 
#header .headerMiddle .basket_wrap a img { width: 24px; } 
#header .headerMiddle .basket_wrap a span { width: 15px; height: 15px; background-color: #171717; border-radius: 100%; position: absolute; top: -4px; right: -4px; color: #fff; text-align: center; line-height: 14px; font-weight: 100; font-size: 10px !important; } 
#header .headerBottom #cate_swiper { padding: 0 15px 13px; } 
#header .headerBottom #cate_swiper .swiper-slide { width:auto; text-align:center; white-space: pre;} 
#header .headerBottom #cate_swiper .swiper-slide a {font-size: 17px;color:#0e0e0e;letter-spacing:-0.025em;line-height: 1;font-weight: bold;} 
#cate_wrap{padding: 0 0 13px;display:flex;justify-content: space-around;border-bottom: 1px solid #dadada;}
#cate_wrap a{font-size: 17px;color:#0e0e0e;letter-spacing:-0.025em;line-height: 1;font-weight: bold;}

/* 햄버거 */
.asideTop .search_box { position: relative; text-align: center; } 
.asideTop .search_box input { border: 0; width: 90%; margin: 0 auto; text-indent: 15px; padding-left: 0 !important; line-height: 32px; height: 32px; font-size: 12px; margin-bottom: 15px; border-radius: 50px; position: relative; background: #fff; } 
*:focus { outline:none; } 
.asideTop .search_box a { } 
.asideTop .search_box a img { width: 22px; position: absolute; right: 35px; top: 5px; } 
aside { position:fixed; width:100%; height:100%; left:0; bottom:0; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:999999; display:none; background: #fff; } 
aside #close_btn { padding: 8px; width: 20px; height: 20px; position: absolute; top: 9px; right: 7px; } 
aside #close_btn img { width:95% } 
aside .asideTop { position:relative; text-align:right;background: #F6F6F6;} 
aside .search { height:35px; position:relative; left:0; right:0; padding-right:45px; text-align:center; border-bottom: 1px solid #fff; padding: 20px; } 
aside .search .searchBox { width:100%; } 
aside .search .searchBox input { width: 100%; height: 37px; border: 0px none; margin-top: 6px; font-size: 15px; padding: 0; font-family: roboto; border-radius: 50px; text-indent: 15px; line-height: 37px; } 
aside .search .btn_search { width: 45px; height: 42px; line-height: 50px; position: absolute; bottom: 7px; right: 23px; color: #fff; text-align: center;; } 
aside .search .btn_search img { width: 23px; vertical-align: inherit; } 
aside nav li { border-bottom:1px solid #ededed; position:relative; } 
aside nav li a { display: block; height: 45px; line-height:45px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: #000; } 
aside nav li .fa { position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 45px; line-height:45px; } 
aside nav li > ul { background-color:#fafafa; display:none; border-top:1px solid #ededed; } 
aside nav li > ul > li { border-bottom:0px none; border-top:1px solid #ededed; } 
aside nav li > ul > li:first-child { border-top:0px none; } 
aside nav li > ul > li a { padding:0 40px 0 30px; margin: 0; font-size: 14px; color: #787878 !important; } 
aside nav li > ul > li > ul { border-top:0px none; border-top:1px solid #ccc; } 
aside nav li > ul > li > ul > li { border-bottom:0px none; } 
aside nav li > ul > li > ul > li a { padding:0 0 0 40px; margin: 0; background-color: #DDDDDD; } 
aside nav li.no-line { margin-top:0 !important; border-bottom:0 !important; } 
aside nav li.plan { text-align: center; padding-top: 25px; display: table; padding: 25px 10px; } 
aside nav li.plan a { margin-bottom: 10px !important; display:inline-block; width:48.5%; height: inherit; line-height: inherit; padding: 0 !important; margin: 0; border: 1px solid #ededed; } 
aside nav li.plan a:nth-child(odd) { float: left; } 
aside nav li.plan a:nth-child(even) { float:right; } 
aside nav li.plan a img { width:100%; } 
aside nav li.plan a em { display: block; text-align: center; padding: 13px; font-size: 15px; color: #646464; } 
aside .asideBottom { text-align: center; padding: 12px; background: #fafafa; } 
aside .asideBottom ul { margin-top: -5px; display: inline-block; width: 100%; } 
aside .asideBottom ul li { text-align: center; width: 22%; display: inline-block; } 
aside .asideBottom ul li a { display: block; height: 45px; } 
aside .asideBottom ul li p { font-size: 12px; } 
aside .asideBottom ul li img { } 
aside .asideBottom ul li { } 
aside .asideBottom ul li.ico01 a { background:url('/design/ezbaking/supermarket/mimg/ham_ico01.png') no-repeat; background-position: center; background-size: 23px; } 
aside .asideBottom ul li.ico02 a { background:url('/design/ezbaking/supermarket/mimg/ham_ico02.png') no-repeat; background-position: center; background-size: 25px; } 
aside .asideBottom ul li.ico03 a { background:url('/design/ezbaking/supermarket/mimg/ham_ico03.png') no-repeat; background-position: center; background-size: 23px; } 
aside .asideBottom ul li.ico04 a { background:url('/design/ezbaking/supermarket/mimg/ham_ico04.png') no-repeat; background-position: center 13px; background-size: 33px; } 
aside .asideBottom ul li.ico05 a { background:url('/design/ezbaking/supermarket/mimg/ham_ico05.png') no-repeat; background-position: center; background-size: 33px; }
aside h1 { padding: 20px 20px 13px; } 
aside h1 a { color:#fff !important; display: block; text-align: center; font-size: 26px; font-family: roboto; font-weight: 900; letter-spacing: 5px; line-height: 7px; } 
aside h1 a img {width: 50px;} 
.fa-angle-down:before { color: #b6b6b6; font-size: 16px; } 

.cate_hide{display:none;}
.more2 {text-align:center;clear: both;margin-top: -1px;margin-bottom: 0;}
.btn_moreGray2 { display: block; border-bottom: 1px solid #eee; color: #1c1c1c; padding: 10px 0; font-size: 14px;}
.btn_moreGray2 i {color: #d6000f;vertical-align: middle;font-size: 16px; }

/* 하단 고정영역 */
.ft_fixed { position:fixed; left:0; right:0; bottom:0; background: #fff; border-top: 1px solid #eeeeee; padding: 14px 0; z-index: 999; } 
.ft_fixed ul { display:flex; justify-content: space-around; } 
.ft_fixed ul li a { display:block; text-align: center; } 
.ft_fixed ul li a img { width: auto; height:18px; margin-bottom: 6px; } 

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */