@charset "utf-8";
/*@import url('font.css');*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face {
    font-family: 'baemin';
    src: url('/font/BMJUA_OTF.OTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; width: 100%; height:100%;font-family: 'Noto Sans KR', sans-serif;font-weight:400; background: #fff; color:#191919; box-sizing:border-box; position:absolute;}
div {box-sizing:border-box;}
img {vertical-align:top;}
ul,ol,li{list-style:none;padding:0;margin:0;}
input, textarea, select {font-family: 'Noto Sans KR', sans-serif , cursive; outline: none; font-size: 15px; font-weight: 400; box-sizing: border-box;}
button {border:0;}
input {width: 100%; height: 40px; border-radius: 10px; border:1px solid #DDDDDD; padding: 0 4.15vw;}
p, h4 {margin: 0}
input, button {margin:0;padding:0;font-size:14px;  font-family: 'Noto Sans KR', sans-serif;}
button {cursor:pointer;background:none;}
input[type="checkbox"] {margin: 0;display:none;}

/*Select 초기화*/
select {width:100%;height:100%;padding:0;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;background:transparent;}
select::-ms-expand {display:none;}

/* 폰트 스타일 초기화 */
em,address {font-style: normal;}
input::placeholder, textarea::placeholder {font-size: 14px; color: #ccc; font-weight: 400}

/* a 링크 초기화 */
a {color: #191919; text-decoration: none;}
a:link, a:visited {color:#191919;text-decoration:none}

/* 반응형 */
#all {width:100%;}
#bg {width:100%;height:100%;background:#fff9fb;position:fixed;top:0;left:0;z-index:-1;}
#pc {width:460px;height:100vh;position:fixed;top:0;left:calc(46vw - 440px);padding-top:40px;box-sizing:border-box;}
#mobile {width:100%;max-width:420px;min-height:100vh;background:#fff;position:relative;margin-left:52vw;}

@media screen and (max-width: 1000px) {
    #pc {display:none;}
    #mobile {margin:0;position:absolute;top:0;left:50%;transform:translateX(-50%);}
    .dim {left:0;}
    .item_layer {left:50%;transform:translate(-50%,-50%)!important;margin-left:0!important;}
}

/* PC */
.pc_logo {cursor:pointer;width:90px;margin-bottom:72px;}
.pc_logo img {width:100%;}
.pc_title {font-size:42px;letter-spacing:-1.4px;font-weight:500;line-height:50px;margin-bottom:68px;}
.pc_title span {font-size:46px;font-weight:700;color:#FF7B9E;}
.pc_title span:nth-child(2) {display:block;line-height:50px;}
#pc .hd_search_box {position:relative;max-width:390px;margin-bottom:70px;}
#pc .hd_search {width:100%;max-width:320px;line-height:62px;height:62px;font-size:20px;padding:0 18px;border-radius:100vw;border:2px solid #ff87a7;}
#pc .hd_search::placeholder {font-size:20px;font-weight:300;}
#pc .hd_search_box .btn {position:absolute;top:0;right:0;width:62px;height:62px;border-radius:100vw;background:url('/img/pc_search.png')no-repeat center/100%;}
.store {position:fixed;bottom:24px;width:100%;max-width:390px;display:flex;justify-content:center;}
.store .aos {width:130px;height:40px;background:url('/img/store_icon.png')no-repeat 0 0/130px;margin-right:6px;}
.store .ios {width:130px;height:40px;background:url('/img/store_icon.png')no-repeat 0 100%/130px;}

.pc_menu_wrap {max-width:390px;margin-bottom:22px;}
.pc_menu_box {display:flex;justify-content:space-between;margin-bottom:6px;}
.pc_select_box {width:49%;background:#fff url('/img/select.png')no-repeat 94% 50%/14px;border:2px solid #ff7b9e;border-radius:100vw;}
.pc_select_box select {line-height:32px;padding:0 10px;font-size:16px;font-weight:500;color:#333;}

.tag_box {max-width:390px;}
.tag_box .flex {display:flex;justify-content:space-between;margin-bottom:14px;}
.tag_box button {width:68px;height:68px;font-size:0;color:#fff;border-radius:100vw;border:2px solid #ff7b9e;
            position:relative;overflow:hidden;transition:background-color 0.36s;}
.tag_box button:hover {background:#ff7b9e;font-size:14px;font-weight:500;letter-spacing:-0.6px;text-shadow:1px 1px 2px rgba(0,0,0,0.14);}
.tag_box button.on {background:#ff7b9e;font-size:14px;font-weight:500;letter-spacing:-0.6px;text-shadow:1px 1px 2px rgba(0,0,0,0.14);}
.tag_box .cu {background:url('/img/pc_cu.png')no-repeat center/100%;}
.tag_box .gs25 {background:url('/img/pc_gs.png')no-repeat center/100%;}
.tag_box .ministop {background:url('/img/pc_mini.png')no-repeat center/100%;}
.tag_box .seven {background:url('/img/pc_seven.png')no-repeat center/100%;}
.tag_box .emart {background:url('/img/pc_emart.png')no-repeat center/100%;}
.tag_box .drink {background:url('/img/pc_drink.png')no-repeat center/100%;}
.tag_box .icecream {background:url('/img/pc_ice.png')no-repeat center/100%;}
.tag_box .snack {background:url('/img/pc_snack.png')no-repeat center/100%;}
.tag_box .meal {background:url('/img/pc_meal.png')no-repeat center/100%;}
.tag_box .daily {background:url('/img/pc_daily.png')no-repeat center/100%;}

/* 헤더 */
header.hd {width:100%;max-width:420px;background:#FF7B9E;position:fixed;top:0;z-index:100;}
header.hd .hd_top {height:56px;width:100%;display:flex;justify-content:space-between;padding:6px 24px;box-sizing:border-box;}
header.hd .hd_top>img {width:112px;height:44px;}
header.hd .hd_top>button {width:44px;height:44px;font-size:0;background:url('/img/menu.png')no-repeat 50% 40%/30px;}

.menu-wrap {padding:14px 24px;display:none;}
.menu-wrap .menu-box {display:flex;justify-content:space-between;position:relative;}
.menu-wrap .menu-box .select_box {width:47%;background:#fff url('/img/select.png')no-repeat 94% 50%/14px;border-radius:6px;height:30px;margin-bottom:10px;}
.menu-wrap .menu-box .select_box select {width:100%;height:100%;padding:0 8px;font-size:16px;color:#333;}
.menu-wrap .menu-box .hd_search {width:100%;height:32px;padding:0 8px;padding-right:36px;border-radius:6px;border:0;font-size:16px;color:#333;}
.menu-wrap .menu-box .hd_search::placeholder {color:#ccc;font-size:16px;font-weight:400;}
.menu-wrap .menu-box:nth-child(3)::after {content:"";display:block;position:absolute;top:50%;right:4px;margin-top:-13px;width:26px;height:26px;
            background:url('/img/search.png')no-repeat center/14px;cursor:pointer;}

/* 메인 컨텐츠 */
.contents {padding-top:304px;}
.map_box {width:100%;max-width:420px;height:230px;box-shadow:0 4px 3px rgb(0 0 0 / 10%), 0 -4px 3px rgb(0 0 0 / 10%);position:fixed;top:64px;z-index:99}

ul.item_wrap {padding:0 10px;padding-top:27px;padding-bottom:10px;height:calc(101.4vh - 360px);overflow:auto;-ms-overflow-style:none;scrollbar-width:none;
            -webkit-overflow-scrolling:touch;}
ul.item_wrap::-webkit-scrollbar {display:none;}
ul.item_wrap .no_item {display:none;}
ul.item_wrap>.item_more {display:block;width:80px;line-height:30px;margin:26px auto 10px;border:2px solid #f7c2c2;background:#fff0f4;transition:all 0.2s;border-radius:100vw;}
ul.item_wrap>.item_more:hover {border:2px solid #ff9eb9;color:#fff;background:#ffe8ee;text-shadow:1px 1px 1px rgb(0 0 0 / 30%);}
ul.item_wrap>p {text-align:center;margin-top:24px;font-size:16px;color:#878787;font-weight:500;}
li.items {position:relative;width:100%;border:1px solid #FF87A7;border-radius:0 12px 12px 12px;padding:10px;box-sizing:border-box;margin-bottom:44px;cursor:pointer;box-shadow:2px 2px 2px rgb(0 0 0 / 16%);}
li.items:last-child {margin-bottom:0;}
li .cvs {width:40%;max-width:340px;position:absolute;top:-27px;left:-1px;height:26px;border:1px solid #ff87a7;padding-left:22px;border-radius:12px 0 0 0;
            border-right:none;border-bottom:none;}
li .cvs::after {content:"";display:block;width:38px;height:1px;background:#ff87a7;position:absolute;top:12.4px;right:-32.5px;transform:rotate(43.5deg);}
li .cvs img {height:20px;margin-top:3px;}
li .item_img {width:80px;height:80px;overflow:hidden;}
li .item_img img {width:100%;height:100%;}
li .item_art {position:absolute;top:6px;left:0;width:100%;padding-left:120px;padding-right:10px;box-sizing:border-box;}
li .item_art .item_name {font-size:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;}
li .item_art .item_price {overflow:hidden;margin-bottom:7px;}
li .item_art .item_price .price_icon {float:left;display:block;width:20px;height:20px;background:url('/img/price.png')no-repeat center/100%;margin-top:5px;
                margin-right:4px;}
li .item_art .item_price .price1 {float:left;font-size:20px;letter-spacing:-0.4px;font-weight:600;color:#333;}
li .item_art .item_price .price2 {float:left;font-size:14px;letter-spacing:-0.4px;color:#bbb;margin-left:8px;margin-top:6px;text-decoration:line-through;}
li .item_art .icon_box {overflow:hidden;}
li .item_art .icon_box span {float:left;border-radius:6px;margin-right:8px;font-size:12px;}
li .item_art .icon_box span.icon1 {padding:1.6px 6px;background:#DC3545;color:#fff;}
li .item_art .icon_box span.icon2 {padding:2px 6px;background:#01B0D0;color:#fff;}
li .item_art .icon_box span.icon3 {padding:1.6px 6px;background:#ff87a7;color:#fff;float:right;}

.dim {width:100%;max-width:420px;height:100%;position:fixed;top:0;background:#0000006b;z-index:100;display:none;}
.item_layer {width:94%;max-width:400px;min-height:40%;max-height:75%;position:fixed;top:50%;margin-left:10px;transform:translateY(-50%);background:#fff;
            overflow:auto;border-radius:12px;padding:22px 14px;padding-top:64px;box-sizing:border-box;z-index:101;display:none;}
.item_layer .close {position:absolute;top:12px;right:14px;width:18px;height:18px;background:url('/img/close.png')no-repeat center/100%;font-size:0;}
.item_layer .items {position:relative;width:100%;border:1px solid #FF87A7;border-radius:0 12px 12px 12px;padding:10px;box-sizing:border-box;margin-bottom:50px;
                margin-bottom:14px;}
.item_layer .cvs {width:40%;max-width:340px;position:absolute;top:-28px;left:-1px;height:26px;border:1px solid #ff87a7;padding-left:22px;border-radius:12px 0 0 0;
            border-right:none;border-bottom:none;}
.item_layer .cvs::after {content:"";display:block;width:39px;height:1px;background:#ff87a7;position:absolute;top:12.4px;right:-33px;transform:rotate(44deg);}
.item_layer .cvs img {height:20px;margin-top:3px;}
.item_layer .items .item_img {width:150px;height:150px;margin:4px auto 14px;}
.item_layer .items .item_img img {width:100%;height:100%;object-fit:cover;}
.item_layer .item_name {font-size:18px;width:100%;margin-bottom:2px;text-align:center;}
.item_layer .item_price {overflow:hidden;margin-bottom:8px;display:flex;justify-content:center;}
.item_layer .item_price .price_icon {float:left;display:block;width:20px;height:20px;background:url('/img/price.png')no-repeat center/100%;margin-top:5px;
                margin-right:4px;}
.item_layer .item_price .price1 {float:left;font-size:20px;letter-spacing:-0.4px;font-weight:600;color:#333;}
.item_layer .item_price .price2 {float:left;font-size:14px;letter-spacing:-0.4px;color:#bbb;margin-left:8px;margin-top:6px;text-decoration:line-through;}
.item_layer .icon_box {overflow:hidden;display:flex;justify-content:center;margin-top:6px;}
.item_layer .icon_box span {float:left;border-radius:6px;margin-right:8px;font-size:12px;}
.item_layer .icon_box span.icon1 {padding:0 6px;background:#DC3545;color:#fff;line-height:20px;}
.item_layer .icon_box span.icon2 {padding:0 6px;background:#01B0D0;color:#fff;line-height:20px;}
.item_layer .icon_box span.icon3 {padding:0 6px;background:#ff87a7;color:#fff;line-height:20px;}

.item_layer .more_box {border-radius:12px;overflow:hidden;}
.item_layer .more_box .top {line-height:28px;font-size:16px;padding:0 14px;background:#ff87a7;color:#fff;border-radius:12px 12px 0 0;}
.item_layer .more_box ul {border:1px solid #ff87a7;border-radius:0 0 12px 12px;}
.item_layer .more_box ul li {overflow:hidden;padding:8px 14px;position:relative;border-bottom:1px solid #ff87a7;}
.item_layer .more_box ul li:last-child {border-bottom:none;}
.item_layer .more_box ul li .item_price {display:block;margin:0;float:left;}
.item_layer .more_box ul li .icon3 {float:left;font-size:12px;color:#fff;background:#ff87a7;border-radius:6px;padding:0 6px;margin-left:18px;}

/* FOOTER */
.footer {position:fixed;bottom:0;width:100%;max-width:420px;}
.footer ul {display:flex;justify-content:center;background:#ff90ae;border-radius:10px 10px 0 0;box-shadow:0 -2px 6px rgb(0 0 0 / 12%);}
.footer li {padding:4px 12px;font-size:12px;position:relative;color:#fff;cursor:pointer;text-shadow:1px 1px 2px rgba(0,0,0,0.25);}
.footer li:hover {color:#111;}
.footer li::after {content:"";position:absolute;top:50%;right:0;margin-top:-6px;width:1px;height:12px;background:#c9c9c9;}
.footer li:last-child::after {display:none;}


/* 카카오맵 */
#map>div:nth-child(3) {display:none;}
#map .my_location {position:absolute;bottom:8px;right:14px;width:34px;height:34px;border-radius:100vw;z-index:9;
            background:#ffffffb3 url(/img/target1.png)no-repeat center/24px;box-shadow:2px 2px 4px rgba(0,0,0,0.5);}