/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
body { 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/billyangel/supermarket/font/NanumGothic-Regular.woff2) format('woff2'),
 url(/design/billyangel/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'); } 


#login .tab a { border-bottom: 1px solid #2cb299 !important; } 
 
 
#login .tab a.act { color: #2cb299 !important; border: 1px solid #2cb299 !important; border-top: 3px solid #2cb299 !important; } 
 



.prd-soldout { font-size: 13px; padding-top: 10px; color: #94223e; font-weight: normal; } 

.t-menu { display: table; width: 100%; text-align: center; } 
.t-menu div { width: 25%; display:inline-block; } 
.t-menu div a { display:block; } 

.prd-name { font-size: 13px; padding-top: 12px; text-overflow: ellipsis; white-space: pre; overflow: hidden; } 
.prd-subname { display:none; color: #aaa; font-size: 13px; font-weight: 100; padding-top: 3px; } 
.prd-price { font-weight: bold; margin-top: 9px; font-size: 14px; display: inline-block; } 
.prd-price em { font-weight: normal !important; } 
.prd-consumer { font-size: 14px !important; color:#919191; } 
.prd-replace { padding-top: 3px; color: #b00; } 

.dn { display:none !important; } 
html { overflow-x: hidden; } 
#topBnr { display: none; width:100%; background: #bde9c9; } 
#topBnr a#txt {position: relative;display: block;width: 100%;margin: 0 auto;text-align: center;height: auto;font-size: 11px;color: #000;} 
#topBnr a#txt img.top_bnr{width:100%;}
#topBnr p#xbtn { position:absolute;top: 5px;right: 10px;} 


p.join { position:relative; display: inline-block; } 

#m_preview_wrap,.displaynone { display:none !important } 

#point { position: absolute; background-image: url(/design/billyangel/supermarket/mimg/joinpoint.png); background-repeat: no-repeat; background-size: 97%; width: 58px; left: -7px; z-index: 9; top: 26px; color: #000; text-align: center; height: 36px; line-height: 32px; font-size: 10px !important; font-family: roboto; font-weight: 500; } 

.search_box { position: relative; text-align: center; padding: 45px 24px 0; } 

.search_box input { border: 0; width: 100%; margin: 0 auto; text-indent: 13px; padding-left: 0 !important; line-height: 32px; height: 32px; font-size: 13px; position: relative; background: #fff; border: 2px solid #63b89b; color: #63b89b; } 
*:focus { outline:none; } 

.search_box a { position: absolute; right: 42px; bottom: 5px; } 

.search_box a img { width: 20px; } 

.menu_on { height:100%; overflow:hidden; } 
.menu_off { height:auto; overflow:initial; } 
#header { width:100%; } 
#header .top-pt-01 { position:fixed; top:0; left:0; right:0; z-index:100; } 
#header .top-pt-02 { position:fixed; top:0; left:0; right:0; z-index:100; margin-top: 0 !IMPORTANT; background-color: #fff; } 
#header .headerTop { min-width:275px; text-align:center; background-color:#000; } 
#header .headerTop a { font-size: 14px; font-family: roboto; font-weight: 300; width: 20%; height: 44px; line-height: 44px; color: #fff; display: inline-block; margin-left: -4px; } 

#header #menu { } 
#header #menu img { width: 17px; vertical-align: bottom; } 
#header .headerBottom { } 
#header .headerBottom h1 { margin: 21px auto 18px; text-align: center; } 
#header .headerBottom h1 a { /*display: block; text-align: center; font-size: 26px; font-family: roboto; letter-spacing: 2px; */ } 
#header .headerBottom h1 a img { width: 98px; vertical-align: baseline; } 
#header .headerBottom .headerBottomLeft { position: absolute; top: 20px; left: 15px; } 
#header .headerBottom .headerBottomRight { top: 20px; right: 15px; position: absolute; } 
#header .headerBottom .headerBottomRight a { } 
#header .headerBottom .headerBottomRight a img { } 

#header .headerBottom .headerBottomRight .cart { position:relative; } 
#header .headerBottom .headerBottomRight .cart .user_basket_quantity { width: 15px; height: 15px; background-color: #2ab095; 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 .headerBottomRight .cart img { width: 20px; position: absolute; right: 10px; } 
#header .headerBottom .headerBottomRight .mypage img { width:17px; } 
#header .headerBottom .headerBottomRight a#search { width: 37px !important; display: inline-block; } 
#header .headerBottom .headerBottomRight a#search img { width:67%; margin-left: 8px; margin-top: 2px; } 


#header .search { height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10; } 
#header .search .searchBox { width:100%; } 
#header .search .searchBox input { width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px; } 
#header .search .btn_search { width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; text-align:center; } 

#header .top_slide { border: 1px solid #ddd; border-left: 0; border-right: 0; margin-top: 10px; } 

#header .top_slide a { display:inline-block; border-bottom: 3px solid #fff; font-weight: 500; font-size: 14px; letter-spacing: -2px; padding: 10px 7px; color: #000 !important; } 
#header .top_slide a.now { border-bottom: 3px solid #2cb299; color: #2cb299 !important; } 
#header .top_slide .swiper-slide:nth-child(1) { padding-left:7px; } 
#header .top_slide .swiper-slide { width: initial !important; padding-right: 25px; } 
.fa-angle-down:before { color: #7fe2b7; font-size: 20px; } 

/* Ä«Å×°í¸® */

#close_btn { width: 20px; height: 20px; position: absolute; top: 13px; right: 13px; z-index: 999999; } 
#close_btn img { width:95% } 

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 .asideTop { position:relative; text-align:right; } 

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; } 

.navCategory { } 

aside nav li { position:relative; padding: 0 25p; } 
aside nav li a { display: block; height: 40px; line-height: 40px; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000; padding: 0; border-bottom: 1px solid #ccc; margin: 0 25px; font-weight: 500; } 
aside nav li:nth-last-child(2) a { border-bottom:0; } 
aside nav li .fa { position: absolute; top:0; right: 25px; width: 40px; text-align: center; height: 40px; line-height: 40px; } 
aside nav li > ul { background-color:#fafafa; display:none; } 
aside nav li > ul > li { border-bottom:0px none; } 
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; } 
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: 27px 25px; } 
aside nav li.plan a { margin-bottom: 10px !important; display:inline-block; width: 100%; height: inherit; line-height: inherit; padding: 0 !important; margin: 0; border: none; } 
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: 14px; border-bottom: 1px solid #777777; } 
aside .asideBottom ul { display: 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: 13px; color: #141414; letter-spacing: -0.025em; font-weight: 300; } 
aside .asideBottom ul li img { } 
aside .asideBottom ul li { } 
aside .asideBottom ul li.ico01 a { background:url('/design/billyangel/supermarket/mimg/ham_ico01.png') no-repeat; background-position: center; background-size: 23px; } 
aside .asideBottom ul li.ico02 a { background:url('/design/billyangel/supermarket/mimg/ham_ico02.png') no-repeat; background-position: center; background-size: 25px; } 
aside .asideBottom ul li.ico03 a { background:url('/design/billyangel/supermarket/mimg/ham_ico03.png') no-repeat; background-position: center; background-size: 23px; } 
aside .asideBottom ul li.ico04 a { background:url('/design/billyangel/supermarket/mimg/ham_ico04.png') no-repeat; background-position: center 13px; 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: 110px; } 

ul.sub_cate li a { border: 0 !important; padding-left: 30px; font-size: 15px; color: #646464; } 
/* //Ä«Å×°í¸® */




/* BASIC css end */


/* BASIC css end */


/* BASIC css end */