/* BASIC css start */
/* À̺¥Æ® ¹è³Ê */
#topBnr{display: none;width:100%}
#topBnr .topWrap{position: relative;}
#xbtn{position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
#xbtn img{width: 13px;}

/* »ó´Ü */
#header {width: 100%;}
#header.fix{position: fixed; top: 0; z-index: 100; border-bottom: 1px solid #e6e6e6 !important;}
#header .header_top {position: relative; background: #fff; z-index:11; padding: 0 15px; font-size: 0; text-align: center;}
#header .header_top div {display: inline-block; font-size: 12px; vertical-align: middle;}
#header .header_top div a img{width: 100%;}

#header .header_top .menu {position: absolute; top: 50%; width: 24px; left: 17px; transform: translateY(-50%);}
#header .header_top .allmenu_btn {width: 100%;}
#header .header_top .logo {/*width: 117px;*/ height:100%;}
#header .header_top .logo img {vertical-align: middle; height:60.72px; width:auto; }
#header .header_top .basket {position: absolute; top: 50%; width: 27px; right: 50px; transform: translateY(-50%);}
#header .header_top .basket a {position: relative;}
#header .header_top .basket a span { position: absolute; top: 7px; right: -9px; width: 20px; height: 14px; line-height: 13px; border-radius: 8px; color: #fff; font-size: 10px; font-family: 'Lato', sans-serif; vertical-align: bottom; background: #955251;}
#header .header_top .search{position: absolute; top: 50%; transform: translateY(-50%); width: 25px; right: 14px; }

#header .header_top .brand_list_wrap{width:30px; height:26px;  }
#header .header_top .brand_list_wrap .btn_brand{display:block; width:26px; height:26px; font-size:0; overflow:hidden; text-indent:-100px;  background:url(/design/posteam/aura/m/btn_rnd_arrow_up_dw.png) center no-repeat; background-size:100%; margin-left:4px; -ms-transform: rotate(180deg); transform: rotate(180deg);}
#header .header_top .brand_list_wrap ul.sub_menu{display:none; position:absolute; left:50%; transform: translateX(-50%); top:60px; padding:10px; border:1px solid #e5e5e5; border-radius:6px; background:#FFF;  }
#header .header_top .brand_list_wrap.open .btn_brand{ -ms-transform: rotate(0); transform: rotate(0);}
#header .header_top .brand_list_wrap.open .sub_menu{display:block;}
#header .header_top .brand_list_wrap .sub_menu li{display:block; width:100%;}
#header .header_top .brand_list_wrap .sub_menu li a{display:block; width:100%; text-align:center; color:#111; font-size:17px; padding:10px 20px; box-sizing:border-box;  white-space: nowrap; }


#header .header_menu {overflow-x: auto; overflow-y: hidden; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#fff;}
#header .header_menu::-webkit-scrollbar {display: none;}
#header .header_menu ul {display: flex; justify-content: inherit;}
#header .header_menu ul li {flex-shrink: 0; padding: 15px 12px; line-height:1;}
#header .header_menu ul li a {font-family:'Montserrat',sans-serif; font-size:13px; color:#000;}
#header .header_menu ul li.active a {font-weight:700; color:#014781;}

/* ¸Þ´º */
#close_btn{padding: 8px;width: 20px;height: 20px; position: absolute; top: calc(50% - 18px); /*9px;*/ right: 7px;}
#close_btn img {width:95%}

#menuWrap{ position: fixed; width:100%; height:100%; background: #fff; top: 0; z-index: 1001; display:none; overflow-x: auto;}
#menuWrap .closeBox{position: absolute; right: 13px; top: 15px; z-index: 100000;}
#menuWrap .closeBox img{width: 22px;}
#menuWrap .menuIn{padding: 100px 30px;}
#menuWrap .menuIn .snsBox{}
#menuWrap .menuIn .snsBox ul{text-align: center;}
#menuWrap .menuIn .snsBox ul li{display: inline-block; margin: 0px 5px;}
#menuWrap .menuIn .snsBox ul li a img{width: 50px;}
#menuWrap .menuIn .menu_middle{padding-top: 35px;}
#menuWrap .menuIn .menu_middle:after{content: ''; display: block; clear: both}
#menuWrap .menuIn .menu_middle .middle_text, #menuWrap .menuIn .menu_middle .middle_icon{text-align: center;}
#menuWrap .menuIn .menu_middle .middle_text li{float:left; width: calc(100%/3 - 10px); height:40px; line-height: 40px; margin: 5px 5px; border: 1px solid #e6e6e6; box-sizing: border-box;}
#menuWrap .menuIn .menu_middle .middle_text li a{display: block;
    font-family: "¸¼Àº °íµñ",'Malgun Gothic',sans-serif;
    color: #333;}
#menuWrap .menuIn .menu_middle .middle_text li a img{padding: 20px 0 10px; margin:0 auto; display: block;}

.m_banner{text-align:center; padding: 25px 0;}
.m_banner img{width: 92%;}

/* ½½¶óÀÌµå ¸Þ´º ¾È ÄÁÅÙÃ÷*/
/*
#menuWrap .menuIn .menu_contents{padding-top: 24px; display: flex;}
#menuWrap .menuIn .menu_contents .a_menu, #menuWrap .menuIn .menu_contents .a_center{width: 100%;}
#menuWrap .menuIn .menu_contents .a_menu ul, #menuWrap .menuIn .menu_contents .a_center ul{line-height: 35px;}
#menuWrap .menuIn .menu_contents .a_menu > ul{text-align: center;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li > a{ display: block; padding: 7px 0; font-size: 1.8em; color: #4c4c4c; font-family: 'Noto Sans KR', sans-serif;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu{display:none; background: #323232; padding: 20px 32px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu:after{content: ''; display: table; clear: both}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li{ line-height: 16px; margin-bottom: 20px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li:last-of-type{margin-bottom: 0px;}
#menuWrap .menuIn .menu_contents .a_menu > ul > li .sub_menu li a{color: #cccccc; font-family: 'NanumBarunGothic', sans-serif;}
*/



#menuWrap {position:fixed; width:100%; height:100%; left:0; bottom:0;overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:999999; display:none; background: #fff;}
#menuWrap .asideTop {position:relative; text-align:right; background: #0f4c81;}

#menuWrap .search {height:35px; position:relative; left:0; right:0; padding-right:45px; text-align:center; border-bottom: 1px solid #fff; padding: 20px;}
#menuWrap .search .searchBox {width:100%;}
#menuWrap .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;}
#menuWrap .search .btn_search {width: 45px; height: 42px; line-height: 50px;   position: absolute; bottom: 7px;  right: 23px; color: #fff; text-align: center;;}
#menuWrap .search .btn_search img{width: 23px; vertical-align: inherit;}

#menuWrap nav {padding-top:20px;}
#menuWrap nav li {border-bottom:1px solid #f6f6f6; position:relative; margin:0 10px;}
#menuWrap nav li a {display: block; height: 45px; line-height:45px; padding:0 0 0 9px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #000; font-family:'Montserrat','Pretendard',sans-serif; font-weight:500;}
#menuWrap nav > ul > li > a {background:url('/design/posteam/image/child_arrow.png')no-repeat right 10px center; background-size:7px auto;}
#menuWrap nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 45px; line-height:45px;}
#menuWrap nav > li > a {background:url('/design/posteam/image/child_arrow.png')no-repeat right 10px center; background-size:7px auto;}

#menuWrap nav .cate02 {position: fixed; top: 0; left: 100vw; background: #fff; height: 100vh; z-index: 10; width: 100%; transition:all .3s ease-in;}
#menuWrap nav .cate02.on {left: 0;}
#menuWrap nav .cate02 .cateTop {line-height:70px; padding:0 13px; position:relative;}
#menuWrap nav .cate02 .cateTop span {display:inline-block; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:500; padding-left:20px;}
#menuWrap nav .cate02 .cateTop img {display:inline-block; vertical-align:sub;}
#menuWrap nav .cate02 .cateTop img.back_arrow {width:8.5px; position: relative; top: -2px;}
#menuWrap nav .cate02 .cateTop img.close_btn {width:15.5px; position:absolute; right:3px; top:15px; padding:10px;}
#menuWrap nav .cate02 .depth02 {overflow-y: scroll; height: calc(100% - 72px);}
#menuWrap nav .cate02 .depth02 > li > a {position:relative;}
#menuWrap nav .cate02 .depth02 > li > a.child:after {content:''; position: absolute; display: inline-block; top:50%; right: 5px; width: 11px; height: 11px; background:url('/design/posteam/image/menu_icon_plus.png')no-repeat 0 0; background-size: 11px auto; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#menuWrap nav .cate02 .depth02 > li.on .depth03 {display:block;}
#menuWrap nav .cate02 .depth02 > li.on > a.child:after {background-position: 0 -14px;}

#menuWrap nav li > ul {background-color:#fafafa; display:none; border-top:1px solid #ededed;}
#menuWrap nav li > ul > li {border-bottom:0px none; border-top:1px solid #ededed;}
#menuWrap nav li > ul > li:first-child {border-top:0px none;}
#menuWrap nav li > ul > li a {padding:0 40px 0 30px; margin: 0;font-size: 14px;color: #787878 !important;}
#menuWrap nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
#menuWrap nav li > ul > li > ul > li {border-bottom:0px none;}
#menuWrap nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
#menuWrap nav li.no-line{margin-top:0 !important; border-bottom:0 !important;}

#menuWrap nav li.plan{padding: 25px 10px; box-sizing:border-box; font-size:0;  }
#menuWrap nav li.plan > a{display:inline-block; vertical-align:top; width:calc(50% - 5px); height:auto;  margin:0 0 10px 10px; padding:0; position:relative; }
#menuWrap nav li.plan a:nth-child(odd){margin-left:0;}
#menuWrap nav li.plan > a img{display:block; width:100%; }
#menuWrap nav li.plan > a em{position:absolute; bottom:0; left:0; display:block; text-align:center; width:100%; padding:10px 13px; line-height:1.2; background:rgba(255,255,255,0.7); color:#000; font-size:15px; box-sizing:border-box;  }


#menuWrap .asideBottom {text-align: center;padding: 12px; background: #fafafa;}
#menuWrap .asideBottom ul{margin-top: -5px;display: inline-block; width: 100%;}
#menuWrap .asideBottom ul li{ text-align: center; width: 22%; display: inline-block;}
#menuWrap .asideBottom ul li a{display: block; height: 45px;}
#menuWrap .asideBottom ul li p{font-size: 12px; }
#menuWrap .asideBottom ul li img{}
#menuWrap .asideBottom ul li{}
#menuWrap .asideBottom ul li.ico01 a{background:url('/design/posteam/supermarket/mimg/ham_ico01.png') no-repeat;background-position: center;background-size: 23px;}
#menuWrap .asideBottom ul li.ico02 a{background:url('/design/posteam/supermarket/mimg/ham_ico02.png') no-repeat;background-position: center;background-size: 25px;}
#menuWrap .asideBottom ul li.ico03 a{background:url('/design/posteam/supermarket/mimg/ham_ico03.png') no-repeat;background-position: center;background-size: 23px;}
#menuWrap .asideBottom ul li.ico04 a{background:url('/design/posteam/supermarket/mimg/ham_ico04.png') no-repeat;background-position: center 13px; background-size: 33px;}

#menuWrap h1 {padding: 5px 20px; /*20px 20px 13px;*/}    
#menuWrap 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;}
#menuWrap h1 a img{/*width: 117px;*/ height:60.72px; }



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



/* ´Ùã´Ù - ·¹À̾î */
.all-finder-close {position: absolute; top:19px; left:15px;z-index: 2;display: block;width:13px;height:22px;}
.all-finder-close img{width:13px;}
.all-finder-layer { z-index:1006; position:fixed; top:0; right:0; width:100%; height:100%;  overflow-y:auto; }
.all-finder-layer .finder-hd { z-index: -1; position: fixed; top: 0; right: 0; width: 100%; height: 60px;line-height: 60px;border-bottom: 1px solid #D4D4D4; background: #fff;}
.all-finder-layer  #allfinder-ctr { position: fixed;top:17px;right: 14px;z-index: 2; display: inline-block; width: 25px; text-align: center;border:0;background:#fff }
.all-finder-layer  #allfinder-ctr img {display:block;width: 100%;vertical-align: middle;}
.all-finder-layer .finder-opt > dl.allfindSearch input.txt-input.keyword.smart_finder_auto_completion {width:100%; height: 45px;margin: 0;border:0;font-size:15px;color:#120B19}
.all-finder-layer .finder-btn-c { line-height:1;z-index:1; position: fixed; bottom:0; right:0;left:0; text-align: center; font-size:0;background: #fff; }
.all-finder-layer .finder-btn-c a.reset {display: inline-block; width: 33%; height: 45px;line-height: 45px; background: #fff;  font-size: 13px; font-weight: 400; border-top:1px solid #ededed;box-sizing:border-box; }
.all-finder-layer .finder-btn-c button {display: inline-block; width: 67%; height: 45px;line-height: 45px; background: #000; color: #fff; font-size: 14px; font-weight: 400; border:none;box-sizing:border-box; }
 
 /*´Ùã´Ù ¿É¼Ç*/
.all-finder-layer .finder-opt { padding: 0 15px 67px; color: #120B19;  left:0;right: 0;  top: 60px; height: 100%; background: #fff; overflow-y: auto; position: absolute;}
.all-finder-layer .finder-opt > dl{width:100%;padding:25px 0;border-bottom:1px solid #EBEBEB}
.all-finder-layer .finder-opt > dl:last-child{border-bottom:0}
.all-finder-layer .finder-opt > dl.allfindSearch{z-index: 2; position: fixed; top: 7px;left: 38px; width: 77%; height: 46px;  display: block; line-height: 60px; padding: 0;border-bottom: 0;}
.all-finder-layer .finder-opt > dl.allfindSearch dt{font-size:0;}
.all-finder-layer .finder-opt > dl.allfindSearch dd{margin:0;}
.all-finder-layer .finder-opt > dl.allfindSearch dd .fa-search{display:none;}
.all-finder-layer .finder-opt > dl dt{font-size:15px;color:#120B19;font-weight:500;line-height:1;}
.all-finder-layer .finder-opt > dl dt.on{background:none !important;}
.all-finder-layer .finder-opt > dl dd{width:100%;margin-top:20px; line-height: 1;}
.all-finder-layer .finder-opt > dl dd.on{display:block;}
.all-finder-layer .finder-opt > dl dd .mobile-select-category{display:none;}
.all-finder-layer .finder-opt > dl:nth-child(6) dt,
.all-finder-layer .finder-opt > dl:nth-child(7) dt,
.all-finder-layer .finder-opt > dl:nth-child(8) dt,
.all-finder-layer .finder-opt > dl:nth-child(9) dt,

.all-finder-layer .finder-opt > dl > dd > label,.all-finder-layer .finder-opt > dl > dd > div >label {display:inline-block;width:auto;margin-right:6px;}
.all-finder-layer .finder-opt .finder-options {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; padding:12px 18px; word-break: break-all; border-radius: 60px;background: #f4f4f4; text-align: center;font-size: 13px; }
.all-finder-layer .finder-opt .finder-options.on {background: #014984; color: #fff; border-radius: 60px;}
.all-finder-layer .finder-opt > dl > dd  label{margin-top:10px;}
.all-finder-layer .finder-opt > dl > dd  label:nth-child(1),
.all-finder-layer .finder-opt > dl > dd  label:nth-child(2),
.all-finder-layer .finder-opt > dl > dd  label:nth-child(3){margin-top:0;}

 /*´Ùã´Ù - »ö»ó*/
.all-finder-layer .finder-opt > dl:nth-child(3){padding: 25px 0; }
.all-finder-layer .finder-opt .finder-color{width:100%; /*width: calc(100% + 14px); margin-left: -7px;*/}
.all-finder-layer .finder-opt .finder-color label { display:inline-block;  text-align:center; line-height:10px;width:13.58%;margin-right:0 !important; }
.all-finder-layer .finder-opt .finder-option-color em { display: inline-block; width: 37px; height: 37px; border-radius:50%; font-size:0; vertical-align:middle; }
.all-finder-layer .finder-opt .finder-option-color.color-picker { width:37px; height:37px; padding: 0; } 
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check {position: relative; display:none; width:37px; height:37px; margin-top:-37px; color:#fff; text-align:center; font-size:16px; }
.all-finder-layer .finder-opt .finder-option-color.color-picker .fa-check:before{position: absolute;top:0;width: 37px;height:37px;content:"";display:block;}
.all-finder-layer .finder-opt .finder-option-color.color-picker.on{border: 3px solid #014984;}
.all-finder-layer .finder-opt .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-opt .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }

/*´Ùã´Ù - ÀÚµ¿¿Ï¼º*/
.all-finder-layer .search-auto-complete-list { display:none; z-index:1; position:absolute; top:52px; left: -38px; width: calc(100% + 86px); border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .search-auto-complete-list ul { width:100%; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.all-finder-layer .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.finder-option-color.finder-option-color-white{border:1px solid #e1e1e1;}
.finder-option-color.finder-option-color-black em { background-color: #000; }
.finder-option-color.finder-option-color-white em { background-color: #FFF;}
.finder-option-color.finder-option-color-gray em { background-color: #808080; }
.finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.finder-option-color.finder-option-color-navy em { background-color: #425583; }
.finder-option-color.finder-option-color-blue em { background-color: blue; }
.finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.finder-option-color.finder-option-color-red em { background-color: red; }
.finder-option-color.finder-option-color-orange em { background-color: orange; }
.finder-option-color.finder-option-color-yellow em { background-color: yellow; }
.finder-option-color.finder-option-color-pink em { background-color: pink; }
.finder-option-color.finder-option-color-purple em { background-color: purple; }
.finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.finder-option-color.finder-option-color-green em { background-color: green; }
.finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.finder-option-color.finder-option-color-gold em { background-color: #cfbc4e; }
.finder-option-color.finder-option-color-apricot em { background-color: #fbceb1; }

/*´Ùã´Ù °¡°Ý´ë*/
.all-finder-layer .finder-opt > dl:last-child > dd > div{line-height:1;}
.all-finder-layer .finder-opt > dl:last-child > dd > div label{display: inline-block;margin-right:6px;margin-bottom:10px;}
.all-finder-layer .finder-opt > dl:last-child > dd > div .finder-price-input{font-size:13px;color:#282828;margin-top:20px;}
.all-finder-layer .finder-opt > dl:last-child > dd > div .finder-price-input span:nth-of-type(1){display:block;margin-bottom:10px;}
.all-finder-layer .finder-opt > dl:last-child > dd > div .finder-price-input label{display: inline-block;width:calc(50% - 11px);}
.all-finder-layer .finder-opt > dl:last-child > dd > div .finder-price-input label:last-child{margin-right:0 !important;}
.all-finder-layer .finder-opt > dl:last-child > dd > div .finder-price-input label input{width: calc(100% - 20px);border-radius:3px;border:1px solid #e1e1e1}

#header .search .searchBox { position:relative; width:100%; }




/* BASIC css end */