@charset "utf-8";


body {
// iOS 11.0 버전
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)
// iOS 11.2 이상
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)
}



/* 스크롤 막기 CSS */
.notScroll {overflow: hidden;width: 100%;height: 100vh;touch-action:none;}


/* 레이어팝업 */
.pop_wrap01.backgroundno {background-color:none !important;}
.pop_wrap01{position: fixed; width: 100%; height: 100%; background-color: rgba(32,32,32,0.64); z-index: 99999999999; top: 0;}
.popbox {position: fixed;bottom:0;z-index: 999;border-radius:20px 20px 0 0;padding-top:14px;text-align:center;width:100%;background:#fff;}
.popbox .cart_txt {padding-top:18px;}
.popbox .cart_txt span {display:block;}
.popbox .cart_txt span:first-child {font-size:16px;font-weight:600;line-height:24px;color:#212121;}
.popbox .cart_txt span:nth-child(2) {margin-top:28px;padding-bottom:35px;font-size:16px;font-weight:500;line-height:24px;color:#6a6a6a;}
.popbox .butt_pop {border-top:1px solid #e0e0e0;display:flex;flex-direction: row;padding-bottom:calc(constant(safe-area-inset-bottom) + 5px);padding-bottom:calc(env(safe-area-inset-bottom) + 5px);}/*노치*/
.popbox .butt_pop li{flex: auto;width:50%;box-sizing:border-box;text-align:center;}
.popbox .butt_pop li a {display:block;}
.popbox .butt_pop li span {padding:18px 0;display:block;}
.popbox .pop_delivery {padding:25px 16px 30px 16px;margin-top:-15px;}
.popbox .pop_delivery strong{display:block;text-align:center;padding-bottom:24px;font-size:16px;color:#212121;font-weight:600;}
.popbox .pop_delivery p{text-align:left;padding:0;font-size:16px;color:#6a6a6a;font-weight:500;line-height:24px;}
.popbox .pop_delivery ul {margin-top:22px;}
.popbox .pop_delivery ul li {width:100%;line-height:26px;}
.popbox .pop_delivery ul li:first-child span {font-weight:700;}
.popbox .pop_delivery ul li:after {clear:both;display:block;content:"";height:0;}
.popbox .pop_delivery ul li .left {float:left;color:#222;font-size:16px;font-weight:500;}
.popbox .pop_delivery ul li .right {float:right;color:#222;font-size:16px;font-weight:500;}
.popbox .pop_delivery .info_tipbox {margin-top:15px;text-align:left;border-top:1px solid #e4e4e4;padding-top:20px;}
.popbox .pop_delivery .info_tipbox span {display:block;}
.popbox .pop_delivery .info_tipbox span i {font-weight:600;}
.popbox .pop_delivery .info_tipbox .btn_deliverytip {display:block;margin-top:20px;}
.popbox .pop_delivery .info_tipbox .btn_deliverytip span {font-size:15px;font-weight:400;display:inline-block;padding:11px 23px;border:1px solid #E4E4E4; background:#F8F8F8; border-radius:10px;} 

.popbox .pop_closebtn {cursor:pointer;text-align:right;padding-right:15px;}
.popbox .pop_closebtn span {cursor:pointer;}
.popbox .pop_closebtn img {width:30px;}


.popbox .pop_align .title {position:relative;width:100%;padding-bottom:14px;border-bottom:0px solid #dbdbdb;}
.popbox .pop_align .title:after {clear:both;display:block;content:"";height:0;}
.popbox .pop_align .title img {width:30px;}
.popbox .pop_align .title strong {display:inline-block;padding-top:30px;font-size:16px;font-weight:600}
.popbox .pop_align .title span {position:absolute;right:0;cursor:pointer;padding-right:15px;}
.popbox .pop_align ul {padding-bottom:20px;}
.popbox .pop_align ul li {font-size:16px;padding:15px 0;cursor:pointer;}
.popbox .pop_align ul li:first-child {padding-top:16px;}
.popbox .pop_align .on {color:#FF9F0A;}


/* 포토클릭시원본보여주는페이지 */
.photo-popbox {position:relative;border:0 solid blue;margin: 0 auto;}

.btn-closebox {position:relative; z-index: 999; border-radius: 20px 20px 0 0;padding-top: 7px;padding-bottom:10px;text-align: center; width: 100%; background: #fff;}
.btn-closebox:after {clear:both;display:block;content:"";height:0;}
.btn-closebox span {cursor:pointer;display:inline-block;float:right;padding-right:10px;}
.btn-closebox span img {width:30px;}

.large-photo {position:relative;height:90vh;}
.large-photo span {display:block;width: 90%;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.large-photo span img {max-width:100%;height:auto;}


.popbox .pop_sns {padding:25px 16px 30px 16px;margin-top:-15px;}
.popbox .pop_sns strong{display:block;text-align:center;padding-bottom:24px;font-size:16px;color:#212121;font-weight:600;}
.popbox .pop_sns ul {width:85%;margin:0 auto;}
.popbox .pop_sns ul:after {clear:both;display:block;content:"";height:0;}
.popbox .pop_sns ul li {cursor:pointer;float:left;width:50%;padding-bottom:20px;text-align:left;}
.popbox .pop_sns ul li img {width:30px;padding-right:8px;}
.popbox .pop_sns ul li span {font-size:15px;}
.popbox .pop_sns .shopalign {font-size:16px;font-weight:500;padding-top: 10px;}
.popbox .pop_sns .shopalign input[type="checkbox"] {display: none;}
.popbox .pop_sns .shopalign input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/check_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.popbox .pop_sns .shopalign input[type="checkbox"]:checked + label>span{background:url(../img/check_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.popbox .pop_sns .title {position:relative;width:100%;padding-bottom:14px;border-bottom:0px solid #dbdbdb;}
.popbox .pop_sns .title:after {clear:both;display:block;content:"";height:0;}
.popbox .pop_sns .title img {width:30px;}
.popbox .pop_sns .title strong {display:inline-block;padding-top:7px;font-size:16px;font-weight:600}
.popbox .pop_sns .title span {position:absolute;right:0;cursor:pointer;padding-right:15px;}
    

.popbox .pop_sns .tel_title {font-size:18px;font-weight:700;display:block;padding-bottom:27px;}
.popbox .pop_sns .tel_txt {font-size:16px;line-height:24px;color: #6a6a6a;}
.popbox .order_delete {padding:85px 0 84px 0;}
.popbox .order_delete span {font-size:16px;font-weight:500;line-height:24px;}
.popbox .packing_adress {padding:40px 0 40px 0;}
.popbox .packing_adress span {display:block;width:80%;margin:0 auto;font-size:15px;line-height:32px;}

.popbox .pop_joinbox {text-align:center;padding-bottom:27px;padding-top:40px;}
.popbox .pop_joinbox p {font-size:16px;font-weight:500;line-height:26px;}
.popbox .pop_joinbox .stock li {display: block;font-size: 17px; color: #FF9F0A;font-weight:700;margin-top: 15px; margin-bottom: 10px;}
.popbox .pop_joinbox .stock li * {vertical-align:middle;}
.popbox .pop_joinbox .stock li img {width:16px;vertical-align:middle;}

.popbox .pop_joinbox .another_join {cursor:pointer;border-radius:5px;margin-top:10px;padding:12px 22px;border:1px solid #E6E6EA;border-radius:2.5px;display:inline-block;text-align:center;color:#767678;}
.popbox .pop_joinbox .another_join img {width:17px;display:inline-block;padding-right:10px;}

.pop_searchbox {background:#fff;position: relative;z-index: 9;}
.pop_searchbox .search_address {background:none ! important;border:none ! important;text-indent:7px;}
.pop_searchbox .btn_cancel {font-size:14px;font-weight:700;cursor: pointer;position: absolute;right: 10px;top: 5px;padding: 10px;z-index: 99999;} 
.popbox01 {width:100%;position: fixed;bottom:0;z-index: 999;}
.popbox01.zindex {z-index: 99999999999;}
.popbox01 .keypad {display:block;}
.popbox01 .keypad img {width:100%;}

.pop_delivery .withdraw_pw {text-align:center ! important;padding-bottom:28px ! important;}
.pop_delivery .withdraw_pw b {font-weight:700 ! important;}
.pop_delivery .withdraw_tx {text-align:center ! important;}
.pop_delivery .withdraw_pti {padding-bottom: 16px ! important;font-weight:700 ! important;font-size:16px;line-height:22px;color:#222;}
.pop_delivery .popset {margin-bottom:10px;} 
.pop_delivery .popset input {border-radius:10px;border: solid 1px #e0e0e0;height:48px;line-height:48px;text-align:center !important;}
.pop_delivery .popset input::placeholder {font-size:14px;color:#222;font-weight:400;text-align:center !important;}

.popscroll_box {height:400px;overflow:auto;}      

.popaccount_ok {border-radius: 10px;  border: solid 1px #e0e0e0;}
.popaccount_ok input {display:inline-block;width:75%;border:none;line-height:48px;}
.popaccount_ok input::placeholder {font-size:14px;color:#222;font-weight:400;}
.popaccount_ok span {display:inline-block;width:22%;text-align:center;color:#ff9f0a;}


/* 레이어팝업 - 작은사이즈 */
.pop_wrap02{position: fixed; width: 100%; z-index: 99999; bottom: 75px;padding:0 16px;}
.menu_choice {line-height:22px;border-radius:37px;background-color: rgba(32,32,32,0.68);text-align:center;padding:16px 0;}/* 레이어팝업 - 장바구니클릭시*/
.menu_choice span {color:#fff;}
.jjim_choice a {display:block;}/* 레이어팝업 - 찜한가게추가해제 */
.jjim_choice:after{clear:both;display:block;content:"";height:0;}
.jjim_choice {border-radius:25px;background-color: rgba(32,32,32,0.70);}
.jjim_choice span {color:#fff;padding:16px 0;display:inline-block;}
.jjim_choice .left{text-align:left;padding-left:20px;}
.jjim_choice .right{text-decoration:underline;float:right;margin-right:20px;}

/* 테이블 - 공통 */
table {background-color: transparent;}
th {text-align: center;background:#f8f8f8;border-left:1px solid #e4e4e4}
td {text-align: center;border-bottom:1px solid #e4e4e4;border-left:1px solid #e4e4e4}
.table { width: 100%;  max-width: 100%;  /*margin-bottom: 60px;*/  margin-left:-1px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {padding:8px 8px; line-height: 1.42857143; vertical-align: middle; border-top: 1px solid #ddd;}
.table-responsive {min-height: .01%; overflow-x: auto;}


/*버튼들-공통 */
.btn_white {background:#f8f8f8;color:#ff9f0a;font-size:16px;font-weight:700;height:56px;}
.btn_white a {color:#ff9f0a;font-size:16px;}
.btn_white .cartxt {font-size:16px;font-weight:700;vertical-align:middle;display:inline-block;padding-right:5px;}
.btn_white .num {margin-left:5px;background-color:#ff9f0a;display:inline-block;width:25px;height:25px;border-radius:75px;text-align:center;margin:0 
auto;font-size:12px;vertical-align:middle;line-height:25px;color:#fff;font-size:16px;font-weight:700;}
.btn_orange {background:#ff9f0a;color:#fff;font-size:16px;font-weight:700;height:56px;border-radius: 5px;}
.btn_orange a {color:#fff;font-size:16px;}
.btn_orange .cartxt {font-size:16px;font-weight:700;vertical-align:middle;display:inline-block;padding-right:5px;}
.btn_orange .num {margin-left:5px;background-color:#fff;display:inline-block;width:25px;height:25px;border-radius:75px;text-align:center;margin:0 auto;font-size:12px;vertical-align:middle;line-height:25px;color:#ff9f0a;font-size:16px;font-weight:700;}
.btn_gray {background:#f8f8f8;padding:0;color:#6a6a6a;font-size:16px;font-weight:700;}
.btn_gray a {color:#6a6a6a;font-size:16px;}
.btn_gray.darkly {background:#8d8d8d ! important;}
.btn_gray.darkly a {color:#fff;} 
.btn_total {background-color: #ff9f0a;color:#fff;font-size:16px;font-weight:700}
.btn_total a {display:block; color:#fff;font-size:16px;font-weight:700}
.btn_round_orange {background-color: #ff9f0a;padding: 14px 60px;color:#fff;font-weight:700;font-size:16px;border-radius:12px;}
.btn_small_white {background-color: #fff;padding: 6px 13px 6px 8px;color:#808080;font-weight:600;font-size:13px;border-radius:13px;border:1px solid #e0e0e0;}
.btn_small_white img {margin-top:-5px;padding-right:2px;width:20px;display:inline-block;vertical-align:middle;}
.btn_white01 {border-radius:10px;padding: 14px 49px;border:2px solid #e0e0e0;background:#fff;color:#222;font-size:14px;font-weight:700;}
.btn_swhite {display:inline-block;text-align:center;border:1px solid #e0e0e0;width:78px;box-sizing:border-box;padding:8px 0;background:#fff;color:#808080;font-size:13px;font-weight:600;border-radius:18px;}
.btn_sorange {display:inline-block;text-align:center;width:90px;box-sizing:border-box;padding:14px 0;background:#ff9f0a;color:#fff;font-size:16px;font-weight:600;border-radius:10px;}
.btn_sgray {display:inline-block;text-align:center;width:90px;box-sizing:border-box;padding:13px 0;border:1px solid #e4e4e4;background:#f8f8f8;color:#6a6a6a;font-size:16px;font-weight:600;border-radius:10px;}
.btn_gray01 {display:inline-block;text-align:center;width:159px;box-sizing:border-box;padding:11px 0;border:1px solid #e4e4e4;background:#f8f8f8;color:#222;font-size:14px;font-weight:600;border-radius:10px;}

/* 매장리스트 사이 라인없애기 */
.btn_list.onewid {border-bottom:0px solid #ccc !important;}


/*약관이전버튼 100%사이즈 준것
.btn_gray01{
display: block;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    padding: 11px;
    border: 1px solid #e4e4e4;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    border-radius: 2px;
}
*/

.btn_grayline01 {display:inline-block;text-align:center;width:159px;box-sizing:border-box;padding:14px 6px 14px 0;border:2px solid #e0e0e0;background:#fff;color:#222;font-size:14px;font-weight:700;border-radius:10px;}
.btn_orange01 {cursor:pointer;text-align:center;border-radius:10px;border:1px solid #ff9f0a; background:#fff;color:#ff9f0a;font-size:16px;font-weight:700;height:48px;line-height:48px;}

.fontcolor {position:relative;font-size:14px;color:#222;}
.view_arrow {width:20px;position:absolute;right:15px;}

#wrap {position:relative;}/* 20230207 수정 */




#header.nobine {border-bottom:0px solid #e0e0e0 !important;}

#header{width:100%; background: #fff !important; border-bottom:1px solid #e0e0e0; height:60px; line-height:60px; position:fixed; top:0; /*top:constant(safe-area-inset-top); top:env(safe-area-inset-top);*/ z-index:99;box-sizing:border-box;
padding:0;
padding:0 0 calc(constant(safe-area-inset-top) + 60px) !important;/*노치영역해결*/
padding:0 0 calc(env(safe-area-inset-top) + 60px) !important;/*노치영역해결*/
overflow: hidden; -webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0);-webkit-backface-visibility:hidden;}/*ios fixed버그문제 */






/*앱권한설정*/
#header.permission{padding:0; 
padding:0 0 calc(constant(safe-area-inset-top) + 0px) !important;/*노치영역해결*/
padding:0 0 calc(env(safe-area-inset-top) + 0px) !important;/*노치영역해결*/ 
}

#header.permission .head_box {position: fixed !important;
    text-align: center;
    top: 0; top:constant(safe-area-inset-top); top:env(safe-area-inset-top);/*상단노치영역*/
    left: 0;
    height: 60px;
    width: 100%;}


/* 푸터 */
#footer {padding: 12px 16px; background:#fff; width:100%; border-bottom:0px solid #e0e0e0;  position:fixed;  bottom:0; z-index:999;box-sizing:border-box
padding-bottom:calc(constant(safe-area-inset-bottom) - 10px);padding-bottom:calc(env(safe-area-inset-bottom) - 10px);
overflow: hidden; -webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0);-webkit-backface-visibility:hidden;}




#header ul li{float:left; position:relative;}

#header1{padding-top:0; padding-top:constant(safe-area-inset-top) + 44px; padding-top:env(safe-area-inset-top)  + 44px;overflow: hidden; -webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0)}
#header1{background:#fff; width:100%; border-bottom:1px solid #e0e0e0; height:127px;line-height:60px;  position:fixed; top:0; z-index:99;box-sizing:border-box}
#header1 ul li{float:left; position:relative;}
#header1 .head_box .head_left {left:16px;}
#header1 .head_box .search_btn {right:16px;}

.head_box {text-align:center;position:relative;}
/* .head_box .head_left {position:absolute;left:0;z-index:999} */
.head_box .head_left {position:absolute;left:16px;z-index:999}
.head_box .head_left .btn_back a {display:block;padding-right:6px;}
.head_box .head_left .btn_back img {width: 32px;padding-top: 14px;padding-bottom: 14px;display: inline-block;box-sizing:border-box;}
.head_box .head_left .qrcode a {display:block;padding:0 5px;}
.head_box .head_left .qrcode img {width:30px;}
.head_box .head_title {text-align:center;display:inline-block;z-index:9}
.head_box .head_title .address.font {font-weight:700 ! important}
.head_box .head_title .address {display:inline-block;vertical-align:middle;font-size:18px; font-weight: bold;color:#212121;width: 130px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.head_box .head_title a .detail {display:inline-block;vertical-align:middle;}
.head_box .head_title a {display:inline-block;vertical-align:middle;text-align: center;}
.head_box .head_title a span {display:inline-block;}
.head_box .head_title a span img {width:20px;}
/*.head_box .search_btn {position:absolute;top:0;right:0;z-index:999} */
.head_box .search_btn {position:absolute;top:0;right:16px;z-index:999}
.head_box .search_btn .search {width:30px;margin-right: 0;}
.head_box .search_btn .search a {display:block;}
.head_box .search_btn .share {width:32px;}
/* 메인상단장바구니숫자표시 추가 */
.head_box .search_btn.addcart {display:flex;align-items: center;position: absolute; top: 0; right: 0; z-index: 999; width: 105px;}
.head_box .search_btn.addcart a img {width:30px;display:inline-block;padding-left:2px;}
.head_box .search_btn.addcart a:last-child {padding-left:5px;}
.head_box .search_btn.addcart .search {margin-right:5px;display:inline-block;width: 50px;}
.head_box .search_btn.addcart .search a {display:inline-block;}
.head_box .search_btn.addcart .cart-box01 {position:absolute !important;top: 0px;right: 0;}
.head_box .search_btn.addcart .cart-box01 img {position: relative; top: 1px; right: 25px; width: 30px;}
.head_box .search_btn.addcart .cart-box01 .cart-num {top:-11px;right:-23px;}

/* 배달상세상단영역 */
.headerfix {position: relative;z-index: 0;box-sizing: border-box;}
.containerfix {position: relative;z-index: 999;background:#fff;}


#header.shop-top {height:222px;box-sizing: border-box;}
/* #header.shop-top.active {height:60px;background:#fff;} */

.head_box_cover {border:0px solid red;position:relative;padding-top:0;box-sizing: border-box;}


.head_box_cover .title {display:none;}
.head_box_cover .btn_back {cursor:pointer;position:absolute;top:8px;top: constant(safe-area-inset-top);top: env(safe-area-inset-top);left:16px;padding-top:2px;}
.cart-box {cursor:pointer;position:absolute;top:8px;top: constant(safe-area-inset-top);top: env(safe-area-inset-top);right:10px;padding-top:2px;}
.cart-box .cart-num {z-index:9;position:absolute;top:8px;right:3px;background:#F0584D;border:1px solid #F0584D; border-radius:15px;padding:1px 3px;text-align:center;min-width: 14px}
.cart-box .cart-num i {font-size:12px;font-weight:800;color:#fff;min-width: 14px;display: inline-block;}
.cart-box img {position:absolute;top:12px;right:18px;width:30px;}

.cart-box01 {position:relative;top:3px;right:-10px;cursor:pointer;}
.cart-box01 .cart-num {z-index:9;position:relative;top:-13px;right:3px;background:#F0584D;border:1px solid #F0584D; border-radius:15px;padding:1px 3px;text-align:center;min-width: 14px}

.search_btn .cart-box01 .cart-num i {font-size:12px;font-weight:800;color:#fff;min-width: 14px;display: inline-block;}/*배달매장상세*/
.search_btn .cart-box01 img {position:absolute;top:14px;right:18px;width:30px;}

.foot-padd0 {padding:0 !important;}
.foot-padd0 .foot_buttonbox {padding-bottom:0 !important;}
.cart-box02 {background:#ff9f0a;}
.butt_box.cart-box02 li:first-child {text-align: left !important; padding-left:20px;}
.butt_box.cart-box02 li:last-child {text-align: right !important; padding-right:20px;}
.butt_box.cart-box02 li:first-child .num {margin-right:5px;}

.head_shop_img {height:222px;overflow:hidden;transition: all .3s ease-in-out;}
.head_shop_img img {object-fit: cover;height:222px;overflow:hidden;}

.topheadbox .cart-box {position: absolute;
    top: 8px;
    top: calc(constant(safe-area-inset-top) + 0);
    top: calc(env(safe-area-inset-top) + 0) 
    right: 10px;}
.topheadbox .cart-box .cart-num {position:relative;top:-14px !important;right:2px;}
.topheadbox .cart-box img {position:absolute;top:15px;right:16px;width:30px;}


.contheight {margin-top: 120px !important;}
/* .topnavFixed {
        position: fixed;top: 0;top: calc(env(safe-area-inset-top) + 0) !important;padding-top: calc(constant(safe-area-inset-top) + 0) !important;z-index:9999999999999 !important;background:#fff;border:0px solid red;z-index:999999;width: 100%;border-bottom: 1px solid #e0e0e0;height:60px;line-height:60px;box-sizing: border-box;animation: fadein 5s ease 1s; -webkit-animation: fadein 1s;/* Safari and Chrome } */


@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.safe-headbox {padding-top:calc(constant(safe-area-inset-top) + 0) !important;padding-top:calc(env(safe-area-inset-top) + 0) !important;animation: fadeout 3s;
  -moz-animation: fadeout 3s; /* Firefox */
  -webkit-animation: fadeout 3s; /* Safari and Chrome */
  -o-animation: fadeout 3s; /* Opera */
  animation-fill-mode: forwards;}

.head_box_tit {display: none;position: fixed;top: 0;top: calc(env(safe-area-inset-top) + 0) !important;top: calc(constant(safe-area-inset-top) + 0) !important;z-index:999999;animation: fadein 5s ease 1s; -webkit-animation: fadein 1s;/* Safari and Chrome */z-index:99999999999999999999 !importnat}

.head_box_tit{width:100%; background: #fff !important; border-bottom:1px solid #e0e0e0; height:60px; line-height:60px; box-sizing:border-box;
padding-top:0;
padding-top:calc(constant(safe-area-inset-top) + 60px) !important;/*노치영역해결*/
padding-top:calc(env(safe-area-inset-top) + 60px) !important;/*노치영역해결*/

overflow: hidden; -webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0);-webkit-backface-visibility:hidden !important;}/*ios fixed버그문제 */

.head_box_tit .topheadbox {display:flex;flex-direction:row;position: absolute;
    text-align: center;
    top: 0;
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
    left: 0;
    height: 60px;
    width: 100%;}
.head_box_tit .topheadbox .btn_back {cursor:pointer;padding-left:16px;background:url(../img/back_arrow.svg) 15px 15px no-repeat;background-size: 32px;height: 58px;width: 43px;}
.head_box_tit .head_shop_img {display:none;}
.head_box_tit .topheadbox .title {display:block;text-align:center;vertical-align: middle;font-size: 17px; font-weight: bold;color: #212121;padding: 2px 15px 0 5px;overflow:hidden;}


.topnavFixed .btn_back img {display:none;}
.topnavFixed .btn_back {padding-left:16px;background:url(../img/back_arrow.svg) 0 15px no-repeat;background-size: 32px;height: 58px;width: 32px;}
.topnavFixed .head_shop_img {display:none;}
.topnavFixed .title {display:block;text-align:center;vertical-align: middle;font-size: 17px; font-weight: bold;color: #212121;padding: 0 15px 0 55px;}


.searchbox {padding-left:40px;background:#fff;position: relative;z-index: 9;height: 59px;}
.searchbox .search_input {background:none ! important;border:none ! important;text-indent:7px;}
.searchbox .btn_cancel {font-size:14px;font-weight:700;cursor: pointer;position: absolute;right: 10px;top: 1px;padding: 0 10px;z-index: 99999;} 

#header1 .head_box .searchwrap {margin-top:-4px;}
#header1 .head_box .searchwrap .search {line-height:36px;height:36px;}
#header1 .head_box .searchwrap .search input {background:#fff url(../img/main_search_gray.svg) 95% center no-repeat;background-size:22px;border-radius:0;line-height:36px;border-top:1px solid #efefef;border-left:0;border-right:0;border-bottom:0;}
#header1 .head_box .searchwrap .search input::placeholder {font-size:13px ! important;padding-left:16px;}
#header1 .head_box .searchwrap .textcon {background: #FF5E44; color: #fff;font-weight: 400;line-height:36px;height: 33px;font-size:13px;padding-bottom:5px;}
#header1 .head_box .searchwrap .textcon strong {font-weight: 800;color:#a8ff1d;font-size: 15px;}


/* 텍스트 깜빡임 */
@keyframes blink-effect { 50% { opacity: 0.2; } } 
.blink {animation: blink-effect 1s step-end infinite; 
    /* 
        animation-name: blink-effect; 
        animation-duration: 1s; 
        animation-iteration-count:infinite; 
        animation-timing-function:step-end; 
    */ 
}
.swiper-pagination {z-index:99999 !important;}
.photo_layer {position: absolute;left:0;top:0;z-index:9999;background:url(../img/photo_blur.svg) top left no-repeat;background-size:100%;width:100%;height:100%;padding-left:10px;box-sizing:border-box;}
.photo_layer .cashback {padding-top:3px;}
.photo_layer .cashback img {width:35%; height: auto !important;}
.input_ad2 {width: 100%; position: relative; top: 16px;margin-bottom:9px;}
.input_ad2 input {width: 100%; border: 0; background:none; font-size: 1.25em; font-weight:500;border-radius: 0; color: #fff !important; height: 30px; line-height: 30px;}
.input_ad2 form {margin:0;}

.photo_layerbott {position: absolute;left:0;bottom:0;z-index:9999;background:url(../img/photo_blur_bott.svg) bottom left no-repeat;background-size:100%;width:100%;height:100%;padding-left:10px;box-sizing:border-box;padding-top: 102px;}
.photo_layerbott .cashback {margin-bottom:-13px;}
.photo_layerbott .cashback img {width:96px; height: auto !important;}


/* 메인캐시백문구변경 20230621*/

.photo_txtlayer {position: absolute;left:0;top:0;z-index:9999;background:url(../img/maun_visual_txblur.svg) top left no-repeat;background-size:100%;width:100%;height:100%;padding:0;box-sizing:border-box;background-size:cover;}
.photo_txtlayer .txtbox {padding:30px 30px 30px 18px}
.photo_txtlayer .txtbox .cash_txt {padding-left:8px;padding-bottom:5px;color:#fff;font-size:16px; font-weight:400;letter-spacing:-1px;line-height:24px;}
.photo_txtlayer .txtbox .cash_txt span {font-weight:800}
.photo_txtlayer .txtbox .cash_txt span i {text-decoration:underline ; font-style:normal;}
.photo_txtlayer .txtbox .cash_img {width:184px !important;}
.photo_txtlayer .txtbox .cash_img img {width:100%;}

/* 메인캐시백문구변경 20230822*/
.photo_txtlayer .txtbox .cash_img01 {width:244px !important;}
.photo_txtlayer .txtbox .cash_img01 img {width:100%;}



/* 서브헤드 */
/*.head_box {position:relative;text-align:center;}*/
.head_box {position: absolute;
    text-align: center;
    top: 0; top:constant(safe-area-inset-top); top:env(safe-area-inset-top);/*상단노치영역*/
    left: 0;
    height: 60px;
    width: 100%;
	}

.head_box h2 {display:inline-block;}
.head_box .h2_title {font-size:18px;color:#222;font-weight:700;}
.head_box .btn_close {cursor:pointer;padding:0 5px;display:inline-block;position:absolute;right:5px;top:0;}
.head_box .btn_close img {vertical-align:middle;width:30px;padding-top: 14px;padding-bottom: 14px;display: inline-block;box-sizing:border-box;}


/* 메인 */
#contain {position:relative;
  margin-top: calc(env(safe-area-inset-top));
  margin-top: calc(constant(safe-area-inset-top));/* 흐르는텍스트 위여백처리 */
} 


#contain .photo_flowbox {padding-top:60px !important;padding-top:constant(safe-area-inset-top) + 60px ; padding-top:env(safe-area-inset-top) + 60px;} 

#contain .photo_flowbox.main {padding-top:127px;}
#contain .photo_flowbox .swiper-container .swiper-wrapper img{min-height:187px;overflow:hidden;object-fit: cover;}


@media screen and (max-width:320px){
#contain .photo_flowbox .swiper-container .swiper-wrapper img{min-height:auto !important;}
}

@media screen and (max-width:360px){
#contain .photo_flowbox .swiper-container .swiper-wrapper img{height:auto !important;overflow:hidden;object-fit: cover;}
}
@media screen and (min-width:1440px){
#contain .photo_flowbox .swiper-container .swiper-wrapper img{height:800px !important;overflow:hidden;object-fit: cover;}
}

@media screen and (min-width:1024px){
#contain .photo_flowbox .swiper-container .photo_layer .cashback img {height:auto !important;}
}

@media screen and (min-width:768px){
.title_box.main .photobx_main .notpen {height:350px !important;overflow:hidden;object-fit: cover;}
#contain .photo_flowbox .swiper-container .swiper-wrapper img{height:auto;overflow:hidden;object-fit: cover;}
.title_box.main .photobx_main .shop_img {height: 350px !important;}

.title_box.main .photobx_main .shop_img img {height: 350px !important;}
.photo_txtlayer .txtbox .cash_txt {font-size:22px}
.photo_txtlayer .txtbox .cash_img {width:290px !important}
}

#contain .flow_menu.main {overflow-x: scroll;margin-top:0;padding-top:7px;padding-bottom:8px;height:auto;background:#ff9f0a}
#contain .flow_menu.main .image {width:auto !important;}
#contain .flow_menu.main ul li a span {color:#fff;border:1px solid #fff;font-size:14px;padding:6px 10px;border-radius:16px;margin-right:4px;}

.main_category {padding:0 18px 17px 18px;border-bottom:10px solid #F4F4F4;margin-bottom: 16px;}
.main_category .category_listbox {width:100%;display:flex;margin-top:30px;}
.main_category .category_listbox li {flex-direction:row;width:20%;}
.main_category .category_listbox li span {font-size:12px;font-weight:800;letter-spacing:-1px;display:block;text-align:center;}
.main_category .category_listbox li span:last-child {padding-top:13px;}
.main_category .category_listbox li img {width:52px;}
.main_category ul:first-child {margin-top:20px;}

.title_box.main {display:block;}
.title_box.main div {width:auto;}
.title_box.main .photobx_main {position:relative;}
.title_box.main .photobx_main .jjim {position:absolute; right:16px; top:15px;}
.title_box.main .photobx_main .jjim img {width:37px;}
.title_box.main .photobx_main .shop_img {display:block;width: 100%; height: 200px; border-radius: 17px; overflow: hidden; border:1px solid #e3e3e3;/*box-shadow: 0 0 3px 0 rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.06)*/}
.title_box.main .photobx_main .shop_img img {max-width:100%; vertical-align:middle;height:200px;object-fit: cover;}
.title_box.main .photobx_main .notpen {position:relative;z-index:0;}
.title_box.main .photobx_main .notpen .opentxt {position:absolute;width:100%;height:100%;display:block;background-color: rgba(32,32,32,0.64); border-radius:12px;z-index:9999;color:#fff;}
.title_box.main .photobx_main .notpen .opentxt span {padding-top:85px;display:block;text-align:center;vertical-align:middle;font-size:20px;font-weight:800;}
.title_box.main .photobx_main .notpen .shop_img {z-index:9}

.title_box.main .main_stitle {padding-top:13px;}
.title_box.main .main_stitle span {display:inline-block;}
.title_box.main .main_stitle .infobox .star {width: 14px;  padding-right: 6px;padding-left:10px;}
.title_box.main .main_stitle .sti {font-size:18px;font-weight:800;padding-left:6px;}
.title_box.main .main_stitle * {vertical-align:middle;}



/* 메인매장리스트수정20230821 */
.shop_mbox {position:relative;padding:0px 0 7px 0;border:1px solid #E1E1E1;border-radius:19px;box-sizing:border-box;margin-bottom: 23px}
.mainbox_stitle {padding:13px 20px 7px 15px;box-sizing:border-box;}
.mainbox_stitle span {display:inline-block;}
/*.mainbox_stitle .infobox .star {width: 16px;color:#3B3B3B;  padding-right: 6px;padding-left:10px;}*/
.mainbox_stitle .infobox .star {width: 16px}
.mainbox_stitle .infobox span {font-weight:700;}
.mainbox_stitle .sti {font-size:18px;font-weight:800;padding-left:6px;}
.mainbox_stitle * {vertical-align:middle;}



/* 주변에매장이없습니다20230925 */
.near_noshop.main {margin-top:64px;margin-bottom: 50px}


/* 메인매장리스트수정20230825 */
.mainbox_stxt {padding:0 20px 6px 18px;box-sizing:border-box; display: flex; flex-direction: row; align-items: flex-end;}
.mainbox_stxt .infobox {margin-right:7px;}
.mainbox_stxt .infobox * {display:inline-block;vertical-align:bottom;}
.mainbox_stxt .infobox .star {width: 15px}
.mainbox_stxt .infobox span {font-weight:700;padding-left:2px;}

.mini-order {color:#5b5b5b;font-weight:500;background:url(../img/blur-deliveryprice.svg) 0 7px no-repeat;background-size:4px;padding-left:8px;}
.mini-order i {color:#212121 !important;font-weight:700;padding-left:3px}

.mainboxext {text-align: left;color: #212121;padding: 0 10px 7px 20px; margin: 0 0;}
.mainboxext .listtext_sub01 {margin-right:6px;letter-spacing: -0.7px;}
.mainboxext .coin {width:18px;padding-right:4px;vertical-align:top !important;}
.mainboxext .coin_txt01 {color:#222;font-weight: 600;padding-left:3px;}
.mainboxext .listtext_sub01 .coin_txt01 {font-weight:700;}
.mainboxext .listtext_sub02 {background:url(../img/blur-deliveryprice.svg) 0 7px no-repeat;background-size:4px;padding-left:8px;}
.mainboxext .listtext_sub02 .coin_txt01 i {font-weight:700;padding-left:3px;}

.package {margin-left:5px;background:#EFEFEF;padding:2px 7px;color:#3e3887;font-size:11px;font-weight:700;border-radius:9px;}


.foot_maincont {margin-top: 30px;background:#F4F4F4;padding:22px 19px 18px 19px;text-align:center;}
.foot_maincont strong {font-size:14px;color:#979797;font-weight:700;display:inline-block;padding-bottom:20px;}
.foot_maincont ul {margin-bottom:8px;}
.foot_maincont ul li:last-child {margin-right:0;}
.foot_maincont ul li {display:inline-block;margin-right:6px;}
.foot_maincont ul li span {color:#979797;padding:7px 12px;border:1px solid #D4D4D4;display: inline-block;}
.foot_maincont .foot_explain {margin-top:18px;font-size:12px;color:#979797;font-weight:600;line-height:16px;padding-bottom:20px}
.foot_maincont .foot_copy {font-size:12px;color:#979797;font-weight:600;line-height:16px;}


.foot_menu {display:flex;flex-direction: row;padding:9px 3px 0 3px;padding-bottom:7px;height:70px;}
.foot_menu li {flex: auto;text-align:center;box-sizing:border-box;line-height:67px;}
.foot_menu li a {display:block;}
.foot_menu li img {width:24px;}
.foot_menu li span {box-sizing:border-box;padding-top:9px;padding-bottom:7px;display:block;font-size:12px;color:#6a6a6a;font-weight:700;}
.foot_menu .foot_home {background:url(../img/home_off.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_home.ov {background:url(../img/home_on.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_cash {background:url(../img/cash_off.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_cash.ov {background:url(../img/cash_on.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_jjim {background:url(../img/jjim_off.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_jjim.ov {background:url(../img/jjim_on.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_order {background:url(../img/orderlist_off.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_order.ov {background:url(../img/orderlist_on.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_my {background:url(../img/my_off.svg) center 0 no-repeat;background-size:24px; }  
.foot_menu .foot_my.ov {background:url(../img/my_on.svg) center 0 no-repeat;background-size:24px; }  


.foot_buttonbox {text-align:center;padding-bottom: 10px;}

.foot_buttonbox a span {display:block;font-size:16px;font-weight:800;cursor:pointer;}
.foot_buttonbox .butt_box {border-top:0px solid #e0e0e0;display:flex;flex-direction: row;}
.foot_buttonbox .butt_box li{flex: auto;width:48%;margin-right:8px;box-sizing:border-box;text-align:center;}
.foot_buttonbox .butt_box li:last-child {margin-right:0;}
.foot_buttonbox .butt_box li a {display:block;}
.foot_buttonbox .butt_box li span {padding: 18px 0;}


/* 본문상단높이 */
.containfull {padding-top:constant(safe-area-inset-top + 0px) !important;padding-top:env(safe-area-inset-top + 0px) !important;/*노치배달상세*/}
.padd_btnbott {padding-bottom:170px ! important;}/* 본문상단높이-취소드록버튼추가시 */

.content {position:relative;padding-top:80px !important; 
padding-top:calc(constant(safe-area-inset-top) + 80px) !important;padding-top:calc(env(safe-area-inset-top) + 80px) !important;/*노치*/ }

.content.shopwrap {position:relative;padding-top:15px !important; 
padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);/*노치*/ background:#fff;margin-top:10px;z-index:9;margin-left: -16px;margin-right: -16px;padding-left: 16px;padding-right: 16px}


.scontent {position:relative;padding-top:125px !important; 
padding-top:constant(safe-area-inset-top + 80px) !important;padding-top:env(safe-area-inset-top + 80px) !important;/*노치*/ }/* 매장리스트 */
.mcontent {padding-top:5px;}/* 메인 */


.contbox01 {padding:16px 16px 0 16px; z-index: 0;}
.flow_menu01.slidemenu {width:100%;margin-bottom:-20px !important;}
.flipsnap{width: 1500px ! important;transform: translate(0px, 0px);  transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75);  transition-duration: 400ms;}
.images{transform: translate(0px, 0px);  transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75);  transition-duration: 400ms;}

.flowmenu_parent {position: sticky;top:59px;background:#fff;z-index:99999;border-bottom: 1px solid #efefef;}
.flow_menu {overflow-x: scroll;position:relative;height:57px;overflow:hidden;margin-top:60px;padding-left:16px;box-sizing:border-box;border-bottom:1px solid #e0e0e0;background:#fff;}
.flow_menu ul {white-space:nowrap;width: auto; transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75); transition-duration: 400ms;}
.flow_menu ul:after{clear:both;display:block;height:0;content:"";}
.flow_menu ul li {display:inline-block;font-size:16px;font-weight:600;color:#979797;}
.flow_menu ul li span {padding:15px 16px;display:block;font-size:16px;font-weight:600;color:#747474;}
.flow_menu ul li a{display: inline-block;color:#979797;}
.flow_menu ul li.ov {border-bottom:6px solid #ff9f0a;color:#ff9f0a;font-weight:700;}
.flow_menu ul li.ov a {color:#ff9f0a;}
.flow_menu ul li.ov a span {color:#ff9f0a; font-weight:800;}
.flow_menu.mar_top0 {border-top:1px solid #e0e0e0;}
.flow_menu.mar_top0 ul {width:100%;}

.flow_menu02 {background:#fff;z-index:9;overflow-x: scroll;position:sticky;position: -webkit-sticky;/*ios*/
top:60px;top:calc(constant(safe-area-inset-top) + 60px) !important;top:calc(env(safe-area-inset-top) + 60px) !important;/*노치*/
height:57px;overflow:hidden;
margin-top:60px;margin-top:calc(constant(safe-area-inset-top) - 60px) !important;margin-top:calc(env(safe-area-inset-top) - 60px) !important;/*노치*/
padding-left:16px;box-sizing:border-box;border-bottom:1px solid #e0e0e0;background:#fff;}
.flow_menu02 ul {white-space:nowrap;width: auto; transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75); transition-duration: 400ms;}
.flow_menu02 ul:after{clear:both;display:block;height:0;content:"";}
.flow_menu02 ul li {display:inline-block;font-size:16px;font-weight:600;color:#818181;}
.flow_menu02 ul li span {padding:17px 16px;display:block;font-size:16px;font-weight:600;color:#818181;}
.flow_menu02 ul li a{display: inline-block;color:#818181;}
.flow_menu02 ul li.ov {border-bottom:7px solid #ff9f0a;color:#ff9f0a;font-weight:700;}
.flow_menu02 ul li.ov a {color:#ff9f0a;}
.flow_menu02 ul li.ov a span {color:#ff9f0a;font-weight:bold;}
.flow_menu02.mar_top0 {border-top:1px solid #e0e0e0;}
.flow_menu02.mar_top0 ul {width:100%;}
.flow_menu02 { width: 100%; overflow-x: auto; white-space: nowrap; 
        -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.flow_menu02::-webkit-scrollbar {display: none;}


.flow_menu { width: 100%; overflow-x: auto; white-space: nowrap; 
        -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.flow_menu::-webkit-scrollbar {display: none;}
.images01{width: 550px ! important;transform: translate(0px, 0px);  transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75);  transition-duration: 400ms;}

/*.flow_menu01 {width:100%;position:relative;overflow:hidden;margin-top:5px;padding-left:13px;padding-top:9px;box-sizing:border-box;border-bottom:0px solid #e0e0e0;padding-bottom: 9px;}*/
.flow_menu01 {background:#fff; width: 100%; overflow-x: auto; white-space: nowrap; margin-top:5px;padding-left:13px;padding-top:9px;box-sizing:border-box;border-bottom:0px solid #e0e0e0;padding-bottom: 9px;
        -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.flow_menu01::-webkit-scrollbar {display: none;}
.flow_menu01 ul {white-space:nowrap;width: auto; transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75); transition-duration: 400ms;}
/*.flow_menu01 ul {width:auto;white-space: nowrap;overflow-x:auto;transform: translate(0px, 0px);transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75);transition-duration: 400ms;}*/
.flow_menu01 ul::-webkit-scrollbar {display: none;} /*스크롤바 투명*/
.flow_menu01 ul:after{clear:both;display:block;height:0;content:"";}
.flow_menu01 ul li {display:inline-block;cursor:pointer;background:#fff;color:#6a6a6a;border:1px solid #c;border-radius:18px;text-align:center;font-size:15px;font-weight:600;color:#979797;margin-right:2px;white-space: nowrap;}
.flow_menu01 ul li span {display:inline-block;padding: 10px 21px 10px 21px;font-size:16px;font-weight:700;color:#747474;}
.flow_menu01 ul li a {color:#fff;white-space: nowrap;}
.flow_menu01 ul li.ov {border-radius:20px;background:#ff9f0a;color:#fff;font-weight:700;}
.flow_menu01 ul li.ov span {color:#fff;}

.flow_menu01 ul li.current {border-radius:18px;background:#ff9f0a;color:#fff;font-weight:700;}
.flow_menu01 ul li.current span {color:#fff;}


.cont_topmenu {width:100%;margin-top:10px; margin-bottom: 24px}
.cont_topmenu ul {text-align:right;}
.cont_topmenu ul li {cursor:pointer;display:inline-block;border-radius:18px;border:1px solid #e0e0e0;padding:6px 14px 6px 8px;font-size:13px;font-weight:600;color:#808080;}
.cont_topmenu ul li:nth-child(1) {margin-right:8px;}
.cont_topmenu ul li img {width:20px;display:inline-block;padding-right:2px;}
.cont_topmenu ul li * {vertical-align:middle;}


/* 타이틀 */
.containfull .contbox01 .byorigin h3.h3_font18 {font-size:14px;color:#212121 !important;}/* 배달매장상세원산지표기 */
.containfull .contbox01 .h3_font18 {/*color:#ff9f0a !important;*/margin-top:30px;border-top: 0px solid #f1f1f1;padding-top: 25px;}/* 배달매장상세메뉴들 */

h3 {font-size:16px;color:#222;font-weight:600;display:inline-block;padding-bottom:16px;}
.h3_font18 {font-size:20px;font-weight:800;padding-bottom:3px;padding-top:15px;}
.h3_titlebox {position:relative;border-bottom:1px solid #e0e0e0;padding-left:16px;line-height: 40px;font-weight:800 !important;font-size:17px}
.h3_titlebox h3 {font-size:18px !important;font-weight:800 !important;}
.h3_titlebox01 {display:block;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;padding:14px 16px;font-size:17px;font-weight:600;}
.h3_titlebox02 {display:block;padding:0 0 13px 0;font-size:14px;font-weight:700;}
.h3_titlebox03 {display:block;border-bottom:1px solid #e0e0e0;padding:14px 16px;font-size:18px;font-weight:600;}
.h3_font20 {font-size:20px;font-weight:700;padding-bottom:5px;padding-top:45px;color:#ff9f0a;}

.go {position:absolute;right:22px;text-align:right;}
.go img {width:20px;}
.center {display:block;text-align:center;}

/* 주소 박스01 */
.address_box01 {position:relative;z-index:9}
.search_address {display:block;background:#fff url(../img/ic_search.svg) 18px 7px no-repeat; background-size:30px;width:100%;height:48px;line-height:48px;padding: 15px 30px 15px 10px;text-indent: 43px;}

.search_addressbx {text-align:center;cursor:pointer;padding:15px 0 0 0;}
.search_addressbx a {display:block;}
.search_addressbx img {width:20px;}
.search_addressbx span {padding-left:6px;font-size:14px;color:#222;font-weight:700;20px 0 35px 10px}
.address_box01 .btn_cancel {cursor:pointer;position:absolute;right:10px;top:5px;padding:10px;z-index:99999}

.address_box02 {margin-bottom:5px;padding:10px 0;position:relative;height:80px;padding:}
.address_box02 .search_address {background:#fff url(../img/ic_search.svg) 18px 15px no-repeat; height:74px;box-sizing:border-box;padding:20px 0 35px 10px;}
.address_box02 .search_address::placeholder {font-size:16px;font-weight:600;color:#222;}
.address_box02 .example {letter-spacing:0.5px;position:absolute;top:53px;left:55px;font-size:14px; color:#979797;display:inline-block;}

.keypad_box {width:100%;position: fixed;bottom:0;z-index: 999;}

.printout_address01 {border:1px solid #e0e0e0;border-radius:10px;padding:15px 0 15px 10px;margin-bottom:20px;}
.printout_address01.ov {border:1px solid #ff9f0a;} /*설정되었을때*/
.printout_address01:after {clear:both;display:block;height:0;content:"";}
.printout_address01 .ic_img {float:left;width:34px;}

.printout_address01 .ic_img img {width:30px;}
.address_detail {float:left;}
.address_detail .big {display:block;font-size:16px;color:#222;font-weight:600;padding-bottom:6px;}
.address_detail .small {display:block;font-size:14px;color:#979797;font-weight:400}

.speech_bubble {margin-top:30px;background:url(../img/malpoong.svg) 0 0 no-repeat; background-size:178px;height:41px;}
.speech_bubble span {display:inline-block;padding:6px 0 0 30px;color:#fff;font-size:14px;font-weight:700;}

.output_address {font-size:16px;color:#222;padding:15px 0;font-weight:600;}
.address_no {text-align:center;cursor:pointer;}

.inputstyle01 {border:1px solid #e0e0e0;height:48px;line-height:48px;padding:0 15px;box-sizing:border-box;}/*인풋기본*/
.inputstyle01::placeholder {letter-spacing:-0.15px;}

.inputstyle01.smalltxt::placeholder {font-size:11px;font-weight:600;}
.smalltxt {padding:10px 0 0 20px;font-size:13px;font-weight:400;color:#afaaaa;}

.contbox01.listtop {padding-top:0 !important;margin-top:-15px;}
/* 리스트 박스01 */
.list_box01 {position:relative;padding:0px 0 7px 0;border-bottom:1px dashed #f7f7f7;}
.list_box01.wline {padding:22px 0 18px 0;border-bottom:1px solid #e7e7e7 !important;}


/* 리스트 박스 품절20230823 */
.soldout {padding-left:35px;background:url(../img/ic-soldout.svg) 13px 25px no-repeat; background-size:40px;}
.soldout strong {opacity:52%;}
.soldout dl dd {opacity:40%;}
.title_box dl dd .price {color:#000;}
.soldout .icon_popular img {display:none;}
.soldout .icon_popular {padding-left:40px;}

/*
.title_box .photobx01.soldoutphoto {position:relative;}
.title_box .photobx01.soldoutphoto span {display:inline-block;width:80px;height:80px;background-color:rgba(0,0,0,0.6);position:absolute;top:49%;left:50%;transform:translate(-50%, -50%);z-index:9;}
.title_box .photobx01.soldoutphoto span i {display:inline-block;padding-top:30px;padding-left:25px;font-weight:bold;color:#fff;}
*/

.title_box .photobx01.soldoutphoto {display:inline-block;width:80px;height:80px;position:relative;background-color:rgba(0,0,0,0.8);}
.title_box .photobx01.soldoutphoto:before {content:"품절";position:absolute;top:49%;left:50%;transform:translate(-50%, -50%);z-index:9;color:#fff;font-weight:700;} 
.title_box .photobx01.soldoutphoto img {opacity:40%;}



/* 메인하단더보기버튼 */
.btn_more {margin-top: 5px;text-align:center;cursor:pointer;}
.btn_more img {width:40px;}

.title_box.point {cursor:pointer;}
.title_box.point dl dd {line-height:0;}
.title_box {position:relative;display: flex;flex-direction: row;}
.title_box div {width:80px;}
.title_box .photobx {width:80px;height:80px;overflow:hidden;border-radius:10px;margin-right:12px;}
/*.title_box .photobx.prepare .prepare_layer {position:relative;width:80px;height:80px;border-radius:10px;background-color: transparent rgba(0, 0, 0, 0.33);z-index:999;}*/
.title_box .photobx .prepare_layer i{display:inline-block;text-align:center;}
.title_box .photobx .prepare_layer:before {width:80px;height:80px;border-radius:10px;content:"";position:absolute;top:0;left:0;background:url(../img/prepareimg.svg) 0 0 no-repeat;background-size:80px;opacity:0.65;}
.title_box .photobx img {width:80px;height:80px;object-fit: cover;}
.title_box .photobx .openbox {display:block;text-align:center;padding-top:33px;padding-bottom:15px;background:url(../img/photoimg_ready.svg) 0 0 no-repeat;background-size:80px;}
.title_box .photobx01 {width:80px;height:80px;overflow:hidden;border-radius:10px;margin-right:12px;}
.title_box .photobx01 img {width:80px;height:80px;object-fit: cover;}
.title_box dl {width:calc(100% - 100px);flex: auto;padding-left:0;font-size:14px;color:#979797;box-sizing:border-box;padding-right:10px;}
.title_box dl dt{display:block;padding:2px 0 4px 2px;}
.title_box dl dt strong {width:81%;display:inline-block;font-size:17px;font-weight:700;color:#585858;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.title_box dl dt span {float:right;text-align:right;}
.title_box dl dt .jjim {cursor:pointer;}
.title_box dl dt .jjim img {width:24px;}
.title_box dl dt .jjim_ov img {width:24px;}
.title_box dl dt * {vertical-align:middle;}
.title_box dl dt .icon_popular {display:inline-block;margin-right:2px;}
.title_box dl dt .icon_popular img {width:31px;height:auto;}
.title_box dl dd * {vertical-align:middle;}
.title_box dl dd:nth-child(1) {padding-bottom:6px;}
.title_box dl dd span {padding:0 3px;}
.title_box dl dd .ver_line {color:#c0c0c0;}
.title_box .infobox {padding-bottom:3px;}
.title_box dl .star {width:14px;padding-right:3px;}
.title_box dl .timer {width:18px;}
.title_box dl dd .menutxt {padding-top:0;font-size:13px;line-height:20px;color:#7e7e7e;font-weight:500;display:inline-block;}
.title_box dl dd .menutxt01 {padding-top:10px;font-size:14px;color:#979797;font-weight:500;}
.title_box dl dd .price {line-height:18px;display:inline-block;padding-top:5px;font-size:17px;color:#212121;font-weight:400;bottom:0;}
.title_box dl dd .done {padding-top:10px;font-size:14px;color:#212121;font-weight:700;margin-top:5px ! important;display:inline-block}


/* 주문내역 */
.orderdate {width:100%;padding-bottom:20px;}
.orderdate:after {clear:both;display:block;content:"";height:0;}
.orderdate strong{font-weight:700;display:inline-block;padding-right:5px;}
.orderdate span {font-weight:400;letter-spacing:0.3px;}
.orderdate i {color:#c0c0c0; display:inline-block;padding:0 3px;}

.orderdate .order-day {display:flex;align-items: center;flex-wrap: wrap;}
.orderdate .order-day .btn-sbox {margin-left:auto;}
.orderdate .order-day .btn-sbox li {display:inline-block;}
.orderdate .order-day .btn-s-modify {margin-right:2px;cursor:pointer;text-align:center;font-size:13px;color:#FB7D00;font-weight:700;background-color:#fff;border:1px solid #f7b959;border-radius:35px;padding:2px 11px;min-width:42px;box-sizing:border-box;}
.orderdate .order-day .btn-s-delete {cursor:pointer;text-align:center;font-size:13px;color:#3B3B3B;font-weight:700;background-color:#f8f8f8;border:1px solid #c4c4c4;border-radius:35px;padding:2px 11px;min-width:42px;box-sizing:border-box;}

.ordernumbox {background:;margin-top:8px;border-radius:10px;padding:2px 0 ;}
.orderunm {display:inline-block;}
.orderunm strong {font-weight:700;color:#FF9F0A}
.orderunm span {background:#fff;border:1px solid #e5cfa3;border-radius:10px;padding:2px 6px;}
.savebox {margin-top:8px;text-align:center;border-radius:10px;padding: 7px;border: solid 1px #e0e0e0;}
.savebox span {color:#979797;font-size:12px;font-weight:600;}
.savebox span b {color:#222;font-weight:700;display:inline-block;padding:0 5px 0 0;}
.savebox span img {width:18px;vertical-align:middle;margin-top:-3px;padding-right:5px}
.savebox .complete {color:#ff9f0a; font-weight:800 ! important;}

/* 버튼주문내역 */
.btn_list {width:100%;margin-top:7px;padding-bottom:15px;border-bottom:0px solid #e0e0e0;}
.btn_list:after {clear:both;display:block;content:"";height:0;}
.btn_list li {cursor:pointer;width:33.3%;float:left;padding-right:9px;box-sizing:border-box;}
.btn_list li:last-child {padding-right:0;}
.btn_list li span {width:100%;}
.used {color:#e0e0e0;background:#fff;}
.review_cont {text-align:center;padding-top:9px;}
.onewid li {width:100% ! important}
.twowid li {width:50% ! important}

.btn_list_fullgray {width:100%;margin-top:7px;padding-bottom:0;border-bottom:0px solid #e0e0e0;}
.btn_list_fullgray li {cursor:pointer;box-sizing:border-box;width:100% ! important}
.btn_list_fullgray span {display: inline-block;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 0;
    border: 1px solid #e4e4e4;
    background: #f8f8f8;
    font-weight: 700;
    border-radius: 10px;font-size: 16px;
    color: #222;} 

.btn_box {margin-top:20px;text-align:center;}
.btn_box .btn_grayline01 img {width:20px;padding-right:6px;}
.btn_box_ul {width:100%;}
.btn_box_ul:after {clear:both;display:block;content:"";height:0;}
.btn_box_ul li {float:left;width:50%;}
.btn_box_ul .btn_gray01{width:97%;}
.btn_box01 {border-bottom:1px solid #e0e0e0;margin-top:80px;text-align:center;padding:0 16px 16px 16px;}
.btn_box01 .btn_orange.cu_po {height:auto ! important;}
.btn_box01 span {font-size:14px;font-weight:600;padding:11px;width:100%;display:block;border-radius: 10px;box-sizing:border-box;}

.listtext {text-align:left;color:#979797;border:1px solid #e0e0e0;padding: 7px 10px;border-radius: 10px;border: solid 1px #e0e0e0;margin:6px 0;}
.listtext .listtext_sub01 {margin-right:10px;}
.listtext .coin {width:18px;padding-right:4px;}
.listtext .coin_txt01 {color:#222;}
.title_box:after{clear:both;display:block;content:"";height:0;}
.btn_listbox {width:100%;}
.btn_listbox:after {clear:both;display:block;height:0;content:"";}
.btn_listbox li {display:inline-block;width:49%;text-align:center;}
.btn_listbox li:first-child {float:left;}
.btn_listbox li:last-child {float:right;}
.btn_listbox li span {cursor:pointer;display:inline-block;border:1px solid #e4e4e4;background:#f8f8f8;padding: 11px 54px;border-radius:10px;box-sizing:border-box;width:100%;}

/* 리스트 박스01 */
.map_area {width:100%;height:200px;overflow:hidden;margin-top:-16px;}

/* 상단리뷰 */
.revielist {text-align:center;cursor:pointer;}
.revielist * {vertical-align:middle;}
.revielist span {color:#979797;}
.revielist .star {width:14px;padding-right:3px;}
.revielist .ver_line {color:#c0c0c0;display:inline-block;padding:0 7px}
.revielist .arrow {width:20px;}
.review_infobox {text-align:center;margin-top:17px;}
.listtext_review {display:inline-block;color:#979797;border:1px solid #e0e0e0;padding: 5px 15px 6px 8px;border-radius: 17px;border: solid 1px #e0e0e0;}
.listtext_review .listtext_sub01 {margin-right:10px;}
.listtext_review .coin {width:18px;padding-right:4px;}
.listtext_review .coin_txt01 {color:#222;}
.review_infobox .event {width:38px;}

/* 매장상세변경20230707 */
.content.shopwrap h3 {display:block;text-align:center;font-size:20px;font-weight:800;color:#222;}
.content.shopwrap .revielist span {color:#494949 !important;font-size: 1.030em;}
.content.shopwrap .revielist span:nth-child(2) {color:#010101 !important; font-weight:700 !important;}
.shop_info {display:inline-block;padding:0 25px;font-size:13px;color:#222;font-weight:600}

.reviewwrap {position:relative;display:inline-block}
.speech_bubble01 span {font-size:14px;font-weight:800;display:inline-block;padding-top:6px;padding-right:10px;color:#fff;}
.speech_bubble01 img {display:inline-block;margin-top:-3px;}
.speech_bubble01 {padding-left:70.5px;background:url(../img/malpoongg.svg) 50px 0 no-repeat; background-size:141px;height:41px;text-align:left;}

.icon_menu_box {text-align:center;margin-top:10px;}
.icon_menu_box ul {display:flex;flex-direction: row;justify-content: center;}
.icon_menu_box ul li {text-align:center;width:25%;box-sizing:border-box;padding:13px 5px 13px 5px}
.icon_menu_box ul li a {display:block;}
.icon_menu_box ul li span {display:block;}
.icon_menu_box ul li span:nth-child(2) {padding-top:10px;font-size:13px;color:#222;font-weight:700;}
.icon_menu_box ul li img {width:32px;}
.third {width:80%;margin:10px auto 0 auto;}
.third ul li {width:33.3% ! important;}

/* 쿠폰박스 */
.coupon_box {padding: 12px 20px 11px 20px;border-radius: 10px;border: 1px solid #e4e4e4;margin-top:10px;}
.coupon_box:after {clear:both;display:block;height:0;content:"";}
.coupon_box ul li:first-child {float:left;}
.coupon_box ul li:first-child span {display:block;}
.coupon_box ul li:last-child {float:right;}
.coupon_box ul li:last-child img {width:32px;}
.coupon_box .text01 {color:#222;font-size:14px;font-weight:600;padding-bottom:4px;}
.coupon_box .text02 {color:#979797;font-size:13px;font-weight:600;}

.order_info_box {margin-top:30px;padding:25px 35px 25px 40px; border:1px solid #EFEFEF; border-radius:10px;}
.order_info_box ul {width:100%;}
.order_info_box ul li {padding-bottom:11px;}
.order_info_box ul li:last-child {padding-bottom:0;}
.order_info_box ul li strong {display:inline-block;background:url(../img/won.svg) 0 0 no-repeat;background-size:16px;padding-left:18px;color:#5c5c5c;font-size:14px;font-weight:500;width:128px;}
.order_info_box ul li span {display:inline-block;}
.order_info_box .btn_detail {display:inline-block;padding-left:8px;color:#808080;text-decoration:underline;letter-spacing:1px;}
.order_info_box .btn_detail01 {display:inline-block;padding-left:0;color:#808080;text-decoration:underline;letter-spacing:1px;}
.order_info_box .block {display:block;width:99%;letter-spacing:0.5px;box-sizing:border-box}

/*
.shop_notice {width:100%;padding: 10.8px 11px 10.8px 12px;background:#f3f3f3;margin-top:29px;margin-bottom:31px;border-radius: 5px;}
.shop_notice div {width:100%;}
.shop_notice div:after {clear:both;display:block;height:0;content:"";}
.shop_notice div strong {float:left;font-size:14px;color:#212121;font-weight:700;}
.shop_notice div span {cursor:pointer;padding:0 2px 0 7px;border:0 solid red;float:right;text-align:right;display:inline-block;color:#979797;font-size:12px;font-weight:500;}
.shop_notice p {margin-top:11px;color:#212121;font-size:14px;font-weight:400;line-height:22px;}
*/

.shop_notice {width:100%;margin-top:29px;margin-bottom:31px;padding: 10.8px 11px 10.8px 12px;background:#f3f3f3;margin-top:29px;border-radius: 5px;}
.shop_notice strong {display:block;font-size:14px;color:#212121;font-weight:700;}
.shop_notice span {cursor:pointer;display:block;}
.shop_notice p {margin-top:0;color:#212121;font-size:14px;font-weight:400;line-height:23px;}
.shop_notice .sub_sch_box1 {margin-top:8px;height:43px;display:inline-block;overflow: hidden; text-overflow: ellipsis;}
.shop_notice .more {width:36px;margin:0 auto;}
.shop_notice .more img {text-align:center;width:36px;}

.shop_notice_one {width:100%;margin-top:29px;margin-bottom:31px;padding: 10.8px 11px 10.8px 12px;background:#f3f3f3;margin-top:29px;border-radius: 5px;}
.shop_notice_one strong {display:block;font-size:14px;color:#212121;font-weight:700;}
.shop_notice_one .onetxt {margin-top:10px;color:#212121;font-size:14px;font-weight:400;line-height:23px;}

.shop_notice_no {width:100%;margin-top:29px;margin-bottom:31px;padding: 10.8px 11px 10.8px 12px;background:#f3f3f3;margin-top:29px;border-radius: 5px;}
.shop_notice_no strong {display:block;font-size:14px;color:#212121;font-weight:700;}
.shop_notice_no .notxt {margin-top:10px;color:#212121;font-size:14px;font-weight:400;line-height:23px;}


/* 메뉴 */
.menu_infotext {background:#fafafa;line-height:25px;padding:20px 16px;color:#747474;}
.menu_infotext p {color:#747474;}
/*.menu_infotext p {line-height:24px;padding:20px 16px;}*/
.menu_infotext .sub_sch_box3 {margin-top:0;height:68px;display:inline-block;overflow: hidden; text-overflow: ellipsis;}
.menu_infotext .more  {display:block;width:36px;margin:10px auto 0 auto;}
.menu_infotext .more img {text-align:center;width:36px;}

.menu_infotext_one {background:#fafafa;line-height:25px;padding:20px 16px;color:#747474;}
.menu_infotext_one .info_onetxt {margin-top:10px;color:#212121;font-size:14px;font-weight:400;line-height:23px;}

.menu_infotext_no {background:#fafafa;line-height:25px;padding:20px 16px;color:#747474;}
.menu_infotext_no .info_notxt {margin-top:10px;color:#212121;font-size:14px;font-weight:400;line-height:23px;}



.star_space span {display:block; padding:5px 0 30px 0;}
.star_space span img {cursor:pointer;width:27px;display:inline-block;margin-right:4px;}

/* 정보 */
.info_infotext {padding:20px 16px;}
.info_text01 {margin-top:-7px;padding-bottom:40px;line-height:22px;font-size:14px;font-weight:400;}
.info_text01 .info_stxtlistbx li {width:100%;padding-bottom:10px;}
.info_text01 .info_stxtlistbx li:after {clear:both;display:block;content:"";height:0;}
.info_text01 .info_stxtlistbx li strong {float:left;width:120px;display:block;font-weight:500;color:#808080;font-size:14px;}
.info_text01 .info_stxtlistbx li div {float:left;}
.info_text01 .info_stxtlistbx li div span{display:block;color:#212121;font-size:14px;font-weight:500;}
.info_text01 .info_stxtlistbx li div span b {font-weight:600;display:inline-block;margin-right:4px;}
.contbox01 h3.info_shop_h3 {display:inline-block;border:0px solid red;padding-top:20px !important;}


.delivery_price {border:1px solid #e0e0e0;margin-top:11px;margin-bottom:40px;}
.delivery_price div {padding:11px 20px 12px 20px;display:inline-block;}
.delivery_price .price {width:60%;font-size:12px;color:#222;font-weight:600;}
.delivery_price .discount {width:35%;border-left:1px solid #e0e0e0;}
.delivery_price .discount .stext {font-size:12px;color:#979797;text-decoration:line-through;padding-right:7px;}
.delivery_price .discount .btext {font-size:16px;color:#222;font-weight:600;}

.shop_infobox {border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin-top:11px;margin-bottom:30px;}
.shop_infobox li {border-bottom:1px solid #e0e0e0}
.shop_infobox li strong {width:85px;padding:13px 0 13px 10px;font-size:12px;color:#222;font-weight:600;display:inline-block;line-height:22px;border-right:1px solid #e0e0e0;}
.shop_infobox li span {padding:13px 0 13px 10px;font-size:12px;color:#979797;font-weight:600;display:inline-block;line-height:24px;}

.shop_deliverybox {width:100%;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;margin-top:11px;margin-bottom:40px;}
.shop_deliverybox li {border-bottom:1px solid #e0e0e0}
.shop_deliverybox li * {vertical-align:middle;}
.shop_deliverybox li strong {width:63%;padding:13px 10px 13px 10px;font-size:12px;color:#222;font-weight:normal;display:inline-block;line-height:22px;border-right:1px solid #e0e0e0;}
.shop_deliverybox li span {text-align:center;width:20%;padding:13px 0 13px 10px;font-size:12px;color:#979797;font-weight:800;display:inline-block;line-height:24px;}


/* 리뷰 */
.filebox {margin-bottom:50px;}
.reviewbox {background-color: #fafafa;padding:29px 0 22px 0;margin-top:6px;}
.reviewbox:after {clear:both;content:"";height:0;display:block;}
.reviewbox .leftbox {float:left;width:42%}
.reviewbox .leftbox strong {display:block;text-align:center;font-size:40px;color:#212121;font-weight:700;}
.reviewbox .leftbox span {display:block;padding-top:10px;text-align:center;}
.reviewbox .leftbox span img {width:17px;}
.reviewbox .rightbox {float:left;width:56%}
.reviewbox .rightbox li {padding-bottom:8px;}
.reviewbox .rightbox li * {vertical-align:middle;}
.reviewbox .rightbox li:after {clear:both;content:"";height:0;display:block;}
.reviewbox .rightbox .num01 {font-size:13px;color:#808080;font-weight:500;width:35px;display:block;float:left;}
.reviewbox .rightbox .num02 {font-size:13px;color:#808080;font-weight:500;width:43px;display:block;float:left;text-align:center;}
.reviewbox .rightbox div {float:left;}
.reviewbox .rightbox .progress-bar {width:50%;background:#f3f3f3;height:4px;margin-top:7px;box-sizing:border-box;margin-right:5px;}
.reviewbox .rightbox .progress-bar span {float:left;display:block;height:4px;background: linear-gradient(70deg, #fbe000, #face00);}

.reviewbox01 {width:100%;margin-top:3px;padding-bottom:16px;}
.reviewbox01:after {clear:both;display:block;content:"";height:0;}
.reviewbox01 .review_txt01 {float:left;}
.reviewbox01 .review_txt01 strong {display:block;color:#212121;font-size:16px;font-weight:700;}
.reviewbox01 .review_txt01 span {margin-top:6px;display:block;color:#979797;font-size:12px;font-weight:500;}
.reviewbox01 .review_txt02 {float:right;}
.reviewbox01 .review_txt02 span {display:block;}

.photo_reviewbox {background:#fafafa;padding:15px 16px;margin-bottom:13px;}
.photo_reviewbox ul:after {clear:both;display:block;content:"";height:0;}
.photo_reviewbox input[type="checkbox"] {display: none;}
.photo_reviewbox input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background:url(../img/p_re_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.photo_reviewbox input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.photo_reviewbox .left {float:left;}
.photo_reviewbox .left label {font-weight:700;color:#212121;}
.photo_reviewbox .right {float:right;}
.photo_listwrap .contbox01 {padding-right:0 !important;padding-left:0 !important;}
.photo_listwrap .photo_review {padding-left:16px;padding-right:16px;}
.photo_listwrap:after {clear:both;display:block;content:"";height:0;}
.photo_review:after {clear:both;display:block;content:"";height:0;}
.photo_detail_reviewbox:after {clear:both;display:block;content:"";height:0;}
.photo_detail_reviewbox .photo_starbx:after {clear:both;display:block;content:"";height:0;}
.photo_detail_reviewbox .photo_starbx {float:left;}
.photo_detail_reviewbox .review_modify {float:right;}
.photo_detail_reviewbox .photo_starbx div {float:left;margin-left:8px;}
.photo_detail_reviewbox .photo_starbx .photo_thumbnail {margin-left:0 ! important;width:40px;height:40px;border-radius:75px;overflow:hidden;}
.photo_detail_reviewbox .photo_starbx .photo_thumbnail img {width:40px;height:40px;}
.photo_detail_reviewbox .photo_starbx .thum_list span {text-align:left;}
.photo_detail_reviewbox .photo_starbx .thum_list a {display:inline-block;}
.photo_detail_reviewbox .photo_starbx .thum_list .star {margin-left:0;display:block;padding-left:0 !important;}
.photo_detail_reviewbox .photo_starbx .thum_list .star img {width:11px;}
.photo_detail_reviewbox .photo_starbx .thum_list .star span {display:inline-block;font-size:12px;font-weight:500;color:#979797;padding-left:6.4px;}
.photo_detail_reviewbox .photo_starbx .thum_list .name {display:block;font-size:14px;font-weight:600;}
.photo_detail_reviewbox .photo_starbx .thum_list .name img {width:20px;}
.photo_detail_reviewbox .review_modify {cursor:pointer;padding-top:12px;padding-right:10px;color:#979797;font-size:14px;font-weight:500;text-decoration:underline;}
.photo_flowbox {position:relative;padding-top:15px;}
.photo_flowbox .text{display:block;margin-top:10px;padding-right:6px;font-size:16px;font-weight:400;line-height:24px;padding-right:4px;padding-left:6px;}
.photo_flowbox .swiper-container .swiper-wrapper .cu_po.swiper-slide {border-radius:0;overflow:hidden;}
.photo_flowbox .swiper-container .swiper-wrapper .cu_po.swiper-slide img {height:200px;object-fit:cover;}

/* 리뷰포토 수정20230927 */
.photo_flowbox .photo-slidebox {width: 100%; overflow-x: auto; white-space: nowrap;-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.photo_flowbox .photo-slidebox::-webkit-scrollbar {display: none;}

.photo-list {display:flex;flex-direction:row;width:450px;white-space:nowrap;transform: translate(0px, 0px); transition-timing-function: cubic-bezier(0, 0.57, 0.1, 0.75); transition-duration: 400ms;}
.photo-list li {width:150px;}
.photo-list li a {display:block;}
.photo-list li a img {border:1px solid #efefef;border-radius:10px;width:145px;height: 145px;object-fit:cover;}





.source_itembx {overflow:hidden;width:100%;box-sizing:border-box;width:100%;padding:14px 16px;-ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */}
.source_itembx:after {clear:both;display:block;content:"";height:0;}
.source_itembx::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.source_itembx ul {}
.source_itembx ul li {float:left;margin-bottom:8px;}
.source_itembx span {display:inline-block;margin-right:10px;padding-left:10px;font-size:12px;font-weight:500;border-radius:18px;}
.source_itembx .best {font-size:12px;color:#ff9f0a;}
.source_itembx .best img {width:12.8px;}
.source_itembx .btn_small_white {cursor:pointer;padding:4px 8px ! important;margin-right:13px ! important;}
.images{
  position: relative;
  transition: transform 0.5s;}

.images02 {position: relative;
  transition: transform 0.5s;}

.line {color:#c0c0c0;display:inline-block;padding:0 3px;font-style:normal;}
.shop_reply {padding:0 16px 16px 16px;}
.shop_reply:after {clear:both;display:block;content:"";height:0;} 
.shop_reply .left_thum {float:left;display:block;width:40px;height:40px;border-radius:75px;overflow:hidden;}
.shop_reply .left_thum img {width:40px;height:40px;}
.shop_reply .right {background:#f3f3f3;width:calc(100% - 50px);display:block;border-radius:10px;margin-left:50px;box-sizing:border-box;line-height:22px;z-index:9999;padding-bottom:15px;}
.shop_reply .right span {display:block;padding:10px 15px 0 15px;}
.shop_reply .right .owner {padding-top:15px;}
.shop_reply .right .owner b {color:#212121;font-size:14px;font-weight:700;padding-right:5px;display:inline-block;}
.shop_reply .right .owner {color:#979797;font-size:12px;font-weight:500;}
.shop_reply .right::before {content: url(../img/balloon_bg.png);padding: 0;position:absolute;left:50px;left:55px;z-index:9}
.shop_menubox {width:100%;text-align:center;margin-top:-20px;}
.shop_menubox span {display:block;}
.shop_menubox .shop_img span {display:inline-block;}
.shop_menubox .shop_img .swiper-slide img {width:100% ! important;height:220px; object-fit:cover;}
.shop_menubox .menu_title {padding-top:20px;padding-bottom:12px;font-size:18px;font-weight:700;}
.shop_menubox .menu_info {font-size:15px;line-height:22px;color:#7E7D7D;letter-spacing:-0.5px;font-weight:400;padding-bottom:30px;padding-left:16px;padding-right:16px;}


/* 품절 */
.soldoutproduct {position:relative;background-color:rgba(0,0,0,0.8)}
.soldoutproduct:before {position:absolute;content:"품절";top:49%;left:50%;transform:translate(-50%, -50%);z-index: 9; color: #fff; font-size: 18px;font-weight: bold;}
.soldoutproduct .swiper-slide img {opacity:30%;}



.shop_menu_select {padding:9px 0;margin-bottom:25px;border-bottom:1px solid #e0e0e0;}
.shop_menu_select ul {padding:0 16px 25px 16px;}
.shop_menu_select ul:after {clear:both;display:block;content:"";height:0;}
.shop_menu_select ul li * {vertical-align:middle;}
.shop_menu_select input[type="radio"] {display: none;}
.shop_menu_select input[type="radio"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/radio_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.shop_menu_select input[type="radio"]:checked + label>span{background:url(../img/radio_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.shop_menu_select .left {float:left;}
.shop_menu_select .left label {font-size:14px;font-weight:500;}
.shop_menu_select .right {float:right;}
.shop_menu_select .right span {font-size:16px;font-weight:700;}
.shop_menu_select input[type="checkbox"] {display: none;}
.shop_menu_select input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/check_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.shop_menu_select input[type="checkbox"]:checked + label>span{background:url(../img/check_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.quantity {padding-left:16px;padding-right:16px;padding-bottom:14px;}
.quantity:after {clear:both;display:block;content:"";height:0;}
.quantity .amount {padding-top:15px;font-size:16px;font-weight:500;}
.quantity span{display:inline-block;}
.quantity div{float:right;display:inline-block;}
.quantity .num_button {border:1px solid #e0e0e0;border-radius:25px;padding:3px 10px 0 10px;}
.quantity .num_button:after {clear:both;content:"";display:block;height:0;}
.quantity .num_button .img-button01 {float:left;background:#fff url(../img/ma-icon.svg) 4px 3px no-repeat;width:35px;height:30px;border:none;cursor:pointer;box-sizing:border-box;margin-top:5px}
.quantity .num_button .img-button02 {float:left;background:#fff url(../img/plus_icon.svg) 8px 3px no-repeat;width:35px;height:30px;border:none;cursor:pointer;box-sizing:border-box;margin-top:5px}
.quantity .num_button .num {float:left;font-size:16px;font-weight:500;height:30px;box-sizing:border-box;margin-top:8px;padding-left:3px;}
.quantity .num_button .num  i {display:inline-block;padding-right:7px;padding-left:6px;font-style:normal;}

.totalsum {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;width:100%;background:#f8f8f8;padding:20px 16px 23px 16px;}
.totalsum:after {clear:both;display:block;content:"";height:0;}
.totalsum .left {display:inline-block;font-size:17px;color:#222;font-weight:700;vertical-align:middle;padding-top:10px;}
.totalsum .right {float:right;}
.totalsum .right b {font-size:20px;text-align:right;display:block;} 
.totalsum .right i {padding-top:4px;font-style:normal;font-size:14px;color:#6a6a6a;text-align:right;display:block;}
.totalsum.white {background:#fff ! important;}
.totalsum.white span {font-size:16px;font-weight:700;}
.totalsum.white .left {padding-top:0}
.totalsum.pay .left {padding-top:0;font-size:16px;}
.totalsum.pay .right {padding-top:0;font-size:20px;font-weight:700;}

.shop_packing {width:100%;padding-bottom:35px;}
.shop_packing:after {clear:both;display:block;content:"";height:0;}
.shop_packing .left{font-size:20px;font-weight:700;color:#222;float:left;display:inline-block;}
.shop_packing .right{font-size:14px;color:#ff9f0a;font-weight:600;float:right;display:inline-block;}
.shop_packing .right a {color:#ff9f0a;font-weight:600;background:#f8f8f8;padding:2px 8px;border-radius:6px;display:inline-block;}
.infobox01 {padding:15px 16px 15px 16px;margin-bottom:5px;}
.infobox01 * {vertical-align:middle;}
.infobox01 strong {font-size:16px;font-weight:600;display:block;}
.infobox01 strong span {display:inline-block;font-size:16px;font-weight:700;color:#212121;padding-top:2px;}
.infobox01 strong i {cursor:pointer;vertical-align:top;display:inline-block;padding:0 10px;box-sizing:border-box;}
.infobox01 span {display:block;padding-top:10px;font-size:13px;color:#979797;font-weight:400}
.infobox01 .stxt {font-size:14px ! important;padding-top:8px;}
.cont_pop_box{position:relative;}
.cont_pop_box> li:last-child {border-bottom:1px solid #ddd;}
.cont_pop_box:after {clear:both;display:block;height:0;content:"";}
.cont_pop {position:relative;border-top:1px solid #e0e0e0;padding:10px 16px 15px 16px;}
.cont_pop:after {clear:both;display:block;height:0;content:"";}
.cont_pop .titlebx {padding-top:10px}
.cont_pop .titlebx:after {clear:both;display:block;content:"";height:0;}
.cont_pop .titlebx h4 {padding-top:3px;display:inline-block;font-size:16px;font-weight:600;color:#222;}
.cont_pop .titlebx .close {float:right;padding-bottom:12px;cursor:pointer;width:30px;}
.cont_pop .titlebx .close img {width:30px;}
.cont_pop .titlebx .underline {color:#b7b7b7 !important;text-decoration:line-through}
.endsales {padding-top:11px !important;padding-bottom:13px;}
.cont_pop .endbox {color:#959595;font-size:18px;z-index:999}
.cont_pop .endlist {position:relative;z-index:1;}
.cont_pop .endclose {position:absolute;top:13px;right:10px;}

.cont_pop .orderlistbx {padding-top:10px;width:100%;padding-bottom:20px;}
.cont_pop .orderlistbx:after {clear:both;display:block;width:100%;height:0;content:"";}
.cont_pop .orderlistbx h4 {padding-top:3px;padding-bottom:8px;display:inline-block;font-size:16px;font-weight:600;color:#222;}

.cont_pop .listbx {margin-top:15px;}
.cont_pop .listbx li {margin-bottom:9px;}
.cont_pop .listbx .left {display:inline-block;font-size:14px;color:#808080;background:url(../img/won.svg) left top no-repeat;padding-left:15px;}
.cont_pop .listbx .right {float:right;font-size:14px;}
.cont_pop .listbx .right.sum {font-size:17px;font-weight:700;}
.blur {color:#C1C1C1;}
.blur li span {color:#C1C1C1 !important;}
.cont_pop .quantity {margin-top:25px;padding:0 0 14px 0 !important;}
.cont_pop .quantity .amount {padding-top:10px ! important; font-weight:700 ! important;}
.cont_pop .quantity.blur .num_button input {opacity: 50%;}
.orderconfirm {border-top:0;padding-top:20px;}
.order_listbox {padding-top:20px;border-bottom: 1px solid #e7e3e3;padding-bottom: 10px;}
.order_listbox strong{padding-top: 3px;padding-bottom:15px;display:block;font-size: 17px;font-weight: 600;color: #222;}
.order_listbox .sum {width:100%;font-weight:600;font-size:17px;padding:10px 0;}
.order_listbox .sum:after {clear:both;display:block;height:0;content:"";}
.order_listbox .sum .left {float:left;}
.order_listbox .sum .right {float:right;}
.orderconfirm> div:first-child strong {margin-top:-20px !important;}
.orderconfirm> div:last-child {border-bottom:none !important;}
.orderconfirm> div:last-child .sum {padding-bottom:0 ! important;}
.explan {padding:20px 16px 15px 16px; font-size:12px;color:#808080;font-weight:400;line-height:21px;}

.menu_add {text-align:center;padding:20px 0;}
.menu_add:after {clear:both;display:block;height:0;content:"";}
.menu_add a {display:block;}
.menu_add span {display:inline-block;cursor:pointer;}
.menu_add span img {width:20px;display:inline-block;padding-right:3px;}

/* 주문결제 상세인풋 */
.detail_address {margin-top:8px;}
.detail_address span input {border:1px solid #e0e0e0;border-radius: 10px;padding: 15px 10px;}
.detail_address span input::placeholder {font-size:14px;color:#222;font-weight:400;}

/* 포장주문결제 상세인풋 */
.detail_packing {margin-top:8px;}
.detail_packing span {padding-top:0;}
.detail_packing span input {border:1px solid #e0e0e0;border-radius: 10px;padding: 15px 10px;}
.detail_packing span input::placeholder {font-size:14px;color:#222;font-weight:400;}


.request_spoon {border-radius:10px;background:#F5FEE9 url(../img/no_fork.svg) 87% 9px no-repeat;background-size:34px;padding:15px 14px;}
.request_spoon label {font-size:14px;font-weight:600;}
.request_spoon * {vertical-align:middle;}


.request_door {margin-top:8px;border-radius:10px;background:#F5F5F5; padding:15px 14px;}
.request_door label {font-size:14px;font-weight:600;}
.request_door * {vertical-align:middle;}

.boss {margin-top:30px;}
.boss .customer_equest input {border: 1px solid #e0e0e0; border-radius: 10px;  padding: 15px 10px;margin-bottom:9px;}
.boss strong {display:block;margin-bottom:10px;font-size:15px;font-weight:400;color:#222}

.detail_order {margin-top:40px;margin-bottom:40px;}
.detail_order strong {display:block;margin-bottom:10px;font-size:15px;font-weight:400;color:#222}
.detail_order span {width:100%;}
.detail_order span textarea {box-sizing:border-box;cursor:pointer;display:block;width:100%;border:1px solid #e0e0e0;border-radius: 10px;padding: 15px 10px;text-indent:0;}
.detail_order span select {cursor:pointer;background:#fff url(../img/arrow_down_icon.svg) 97% 13px no-repeat;display:block;width:100%;border:1px solid #e0e0e0;border-radius: 10px;padding: 13px 10px;margin-bottom:10px;-webkit-appearance:none;moz-appearance:none;appearance:none;}
.detail_order span select::-ms-expand {opacity:0;}
.detail_order span textarea::placeholder {font-size:14px;color:#222;font-weight:400;}

.check input[type="checkbox"] {display: none;}
.check input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/p_re_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.check input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.check label i {display:inline-block;text-decoration:normal;padding-top:1px;}

.check01 input[type="checkbox"] {display: none;}
.check01 input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/p_re_off01.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.check01 input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.check01 label i {display:inline-block;text-decoration:normal;padding-top:1px;font-weight:400;}

.location {margin-top:9px;display:inline-block;}
.location.check01 label * {vertical-align:middle}
.location.check01 .detailpop {margin-top:2px;color:#898989;margin-left:5px;width:auto;cursor:pointer;font-size:12px;display:inline-block;border-radius:8px;border:1px solid #e0e0e0;background:#f8f8f8;padding:4px 6px 4px 4px;}

.use.check01 label * {vertical-align:middle}


.cash_box {border:1px solid #e4e4e4;border-radius:10px;background-color: #f8f8f8;padding: 10px;margin-bottom:22px;}
.cash_box .cash_have strong {display:inline-block;color:#222;font-size: 14px;font-weight: 600;padding-left:5px;padding-top:8px;}
.cash_box .cash_have:after {clear:both;display:block;content:"";height:0;}
.cash_box .cash_have .cash_find {float:right;}
.cash_box .cash_have .cash_find * {vertical-align:middle;}
.cash_box .cash_have .cash_find .money {font-size: 16px;font-weight:700;text-align: right;padding-right:12px;}
.cash_box .txt_right {margin-top:6px;}
.cash_box .txt_right span {font-size: 12px;color: #222;font-weight:400;}
.cash_use {margin-top:10px;margin-top:6px;display:flex; flex-direction:row;}
.cash_input {width:calc(100% - 86px);position:relative;margin-right:8px;}
.cash_input input {width:100%;padding:7px;font-size:15px;}
.gift_card {padding-bottom:40px;}
.gift_card .title {padding-bottom:16px;}
.gift_card .title img {width:52px;}
.gift_card .title b {display:inline-block;padding-left:6px;font-size:16px;font-weight:600;}
.gift_card .txt {margin-top:15px;}
.gift_card .txt:after {clear:both;display:block;content:"";height:0;}
.gift_card .txt .use {width:calc(100% - 101px);margin-right:10px;display:inline-block}
.gift_card .txt .use input {width:100%;padding:10px;border-radius: 10px;line-height:25px;}
.gift_card .txt .use input::placeholder {color:#212121;}
.gift_card .txt .btn_sorange {float:right;width:90px;box-sizing:border-box;padding:14px 0;text-align:center;}
.gift_card .txt .btn_sgray {float:right;width:90px;box-sizing:border-box;padding:14px 0;text-align:center;}

.payment {width:100%;padding:25px 16px 20px 16px}
.payment label {font-size:14px;font-weight:500}
.payment label i {font-size:12px;font-weight:400;}
.payment ul {width:100%;padding:15px 0 30px 0; }
.payment ul:after {clear:both;display:block;content:"";height:0;}
.payment ul li {float:left;padding-right:10px;margin-bottom:10px;}
.payment ul li a {display:block;}
.payment .btn_white01 {display:inline-block;width:153px;box-sizing:border-box;}
.payment .naverpay {width:55px;}
.payment .kakaopay {width:50px;}
.btn_white01.on {border:2px solid #ff9f0a;}
.onpayment {padding-top:12px;padding-right:20px;font-size:14px;font-weight:400;line-height:23px;}

.reconfirm {width:100%;padding:18px 16px 10px 16px;}
.reconfirm li {padding-bottom:10px;}
.reconfirm li:after {clear:both;display:block;content:"";height:0;}
.reconfirm .left {display:inline-block;font-weight:600;font-size:16px;color:#808080;} 
.reconfirm .right {float:right;font-weight:600;font-size:16px;}
.topline {border-top:1px solid #e0e0e0;}
.thick {color:#222;font-weight:800 ! important;font-size:17px;}
.thick.right {font-weight:800 ! important;font-size:17px;}
/* 일반매장 */
.shop_show {padding:60px 0 21px 0;}
.shop_show img {width:100%;height:241px;}

.textarea_box textarea {box-sizing:border-box;cursor:pointer;display:block;width:100%;border:1px solid #e0e0e0;border-radius: 10px;padding: 15px 10px;text-indent:0;}
.textarea_box span {letter-spacing:0.5px;display:block;padding-top:6px;padding-right:4px;text-align:right;font-size:12px;font-weight:600;color:#979797}
.textarea_box span i {color:#222 ! important;}

.agree {border:1px solid #e0e0e0;border-radius: 10px;padding: 14px 10px;}
.tel_box {width:100%;}
.tel_box:after {clear:both;display:block;content:"";height:0;}
.tel_box .tel_input {display:inline-block;}
.tel_box .tel_input input {padding: 15px 10px;}

.reservation:after {clear:both;display:block;content:"";height:0;}
.reservation li {width:33.3%;float:left;}
.reservation li span {width:95%;display:inline-block;}
.reservation li span input {cursor:pointer;background:#fff url(../img/calendar-blank-thin.svg) 93% 13px no-repeat;width:100%;border:1px solid #e0e0e0;border-radius:10px;padding: 14px 2px;}
.reservation li span input::placeholder {font-size:14px;color:#222;font-weight:400;}
.reservation li span select {cursor:pointer;background:#fff url(../img/arrow_down_icon.svg) 95% 13px no-repeat;width:100%;border:1px solid #e0e0e0;border-radius:10px;padding: 14px 10px;-webkit-appearance:none;moz-appearance:none;appearance:none;}
.reservation li span select::-ms-expand {opacity:0;}
.reservation li span select::placeholder {font-size:14px;color:#222;font-weight:400;}

.location_head {width:100%;z-index:999999;padding:14px 16px 0 16px;padding-top:calc(constant(safe-area-inset-top) + 15px);padding-top:calc(env(safe-area-inset-top) + 15px);position:fixed;}
.location_head:after {clear:both;display:block;content:"";height:0;}
.location_head span {cursor:pointer;}
.location_head .left {cursor:pointer;display:inline-block;}
.location_head .left img {width:32px;}
.location_head .right {cursor:pointer;float:right;}
.location_head .right img {width:90px;}
.map {height:100vh;width:100%;z-index:0;position:relative}

/* 내용이 없을때 */
.no_cont {width:120px;margin:150px auto 0 auto;}
.no_cont img {width:120px;}
.no_context {padding-top:20px;text-align:center;display:block;color:#979797;letter-spacing:0.5px;}
.no_context i img {width:24px;padding-right:2px;padding-left:2px;}
.no_context01 {font-weight:400;line-height:23px;padding-top:40px;text-align:center;display:block;color:#222;letter-spacing:0.5px;}
.no_context02 {border-top:1px solid #e0e0e0;font-weight:400;line-height:23px;padding-top:35px;text-align:center;display:block;color:#222;letter-spacing:0.5px;}

.speech_bubble02 {height:47px;background: url(../img/ver_arrow.svg) 23px 32px no-repeat;background-size: 7px;text-align:center;}
.speech_bubble02 .bg {color:#fff;font-weight:700;display:block;height:32px;width:100%;background:#ff9f0a;border-radius: 6px;box-sizing:border-box;padding:7px}
.speech_bubble02 .bg span {padding-left:8px;}
.speech_bubble02 .bg img {width:20px;margin-top:-2px;}
.speech_bubble02 .bg span i {display:inline-block;padding-right:5px;}

.order_wait {padding-bottom:16px;padding-top:13px;display:block;font-size:20px;font-weight:600;}

.order_info_num {border-top:1px solid #e0e0e0;padding-top:30px;margin-top:14px;margin-bottom:30px;}
.order_info_num ul {padding-bottom:14px;}
.order_info_num ul li {padding-bottom:10px;}
.order_info_num ul li strong {font-weight:700;font-size:14px;display:inline-block;padding-right:6px;}
.order_info_num ul li span {font-weight:400;font-size:14px;}
.order_info_num .btn_swhite {cursor:pointer;padding:8px 15px; width:auto;}
.order_info_num.noline {border-top:0 solid #e0e0e0;padding-top:5px;}

.total_confirm {padding:0 16px;margin-top:20px;}
.total_confirm strong {font-size:14px;font-weight:700;display:inline-block;padding-bottom:8px;}
.total_confirm p {padding-bottom:30px;}
.total_confirm p span {display:block;font-weight:400;line-height:25px;color:#222;}
.total_confirm .address_road {color:#979797} 

.total_confirm .tel01 {display:block;font-weight:400;color:#222;letter-spacing:0.5px;}

.selbox {width:100%;padding-bottom:32px;}
.selbox a {display:block;}
.selbox .period {font-size:14px;font-weight:500;cursor:pointer;background:#fff url(../img/arrow_down_icon.svg) 97% 13px no-repeat;display:block;width:100%;border:1px solid #e0e0e0;box-sizing:border-box;border-radius: 10px;padding: 13px 10px;}

.img_view_list {width:100%;padding-bottom:0;margin-bottom:50px;}
.img_view_list:after {clear:both;display:block;content:"";height:0;}
.img_view_list div {float:left;width:68px;overflow:hidden;margin-bottom:10px;}
.img_view_list div:first-child {margin-left:0;}
.img_view {cursor:pointer;position:relative;width:63px;height:63px;}
.img_view .photo_close {position:absolute;right:5px;top:0;width:20px;}
.img_view .photo {display:block;width:59px;height:59px;border-radius:5px;overflow:hidden;z-index:0;margin-top:3px;}
.filebox label {display: inline-block;padding:19px 20px; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fff; cursor: pointer; border: 1px solid #e0e0e0; border-radius: 10px;;}
.filebox label img {width:20px;}
.filebox input[type="file"] {  /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.togglemenu li {cursor:pointer;padding-top:17px;}
.togglemenu .title {font-size:14px;font-weight:500}
.togglemenu .title:after {clear:both;display:block;height:0;content:"";}
.togglemenu .title .arrow {width:20px;float:right;padding-top:5px;}
.togglemenu .title .limited {width:285px;display:inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.togglemenu .title .qimg {display:inline-block;margin-top:-3px;padding-right:3px;width:20px;vertical-align:middle;}
.togglemenu .date {display:block;padding-top:0;font-size:14px;color:#808080;font-weight:400}

.togglemenu .tit {background: url(../img/arrow_down_icon.svg) no-repeat 96% 7px; background-size: 20px;text-overflow: ellipsis;display:block;padding:0 16px 14px 16px;border-bottom:1px solid #e0e0e0}
.togglemenu .on .tit {background: url(../img/arrow_up_icon.svg) no-repeat 96% 7px; background-size: 20px;}
.togglemenu .tit01 {background: url(../img/arrow_down_icon.svg) no-repeat 96% 7px; background-size: 20px;display:block;padding:5px 16px 19px 16px;border-bottom:1px solid #e0e0e0}
.togglemenu .on .tit01 {background: url(../img/arrow_up_icon.svg) no-repeat 96% 7px; background-size: 20px;}
.togglemenu .cont {padding:16px 16px 50px 16px;font-weight:400;font-size:14px;line-height:24px;border-bottom:1px solid #e0e0e0}
.togglemenu .cont .answerbox {margin-top:22px;border-radius: 10px;display:block;background:#f8f8f8;border:1px solid #e0e0e0;color:#222;padding:9px 13px 10px 13px;font-size:14px;font-weight:400;line-height:24px;}

/*FAQ */
.togglemenu .horizonalign:after {clear:both;display:block;content:"";height:0;}
.togglemenu .horizonalign img {display:inline-block;}
.togglemenu .horizonalign .qimg {display:inline-block;width: 20px; padding-right: 6px;float:left;}
.togglemenu .horizonalign span {padding-top:2px;width: 82%;display:inline-block;float:left;line-height:23px;}
.togglemenu .horizonalign .arrow {float:right;}

.faq_search_box {padding:16px 16px 15px 16px; border-bottom:1px solid #e0e0e0;}
.input_faq {padding:0 10px 0 30px;height:48px;line-height:48px;background:#fff url(../img/magnifying-glass-thin.svg) 6px 8px no-repeat;}
.input_faq::placeholder {font-size:14px;color:#212121;font-weight:500;}

.togglemenu .onequest_btnbox {width:100%;padding:0 16px 10px 16px}
.togglemenu .onequest_btnbox li {display:inline-block;padding-right:8px;padding-top:0;}
.togglemenu .onequest_btnbox .btn_category {padding:5px 0;border-radius: 10px;display:inline-block;color:#808080;font-size:12px;font-weight:600;width:80px;box-sizing:border-box;text-align:center;background:#f8f8f8;border: 1px solid #e0e0e0;}
.togglemenu .onequest_btnbox .btn_unanswered {padding:5px 0;border-radius: 10px;display:inline-block;color:#56576a;font-size:12px;font-weight:600;width:72px;box-sizing:border-box;text-align:center;background:#fff;border: 1px solid #56576a;}
.togglemenu .onequest_btnbox .btn_answered {padding:5px 0;border-radius: 10px;display:inline-block;color:#fff;font-size:12px;font-weight:600;width:72px;box-sizing:border-box;text-align:center;background:#56576a;border: 1px solid #56576a;}
.cont .photo_review {margin-top:15px;}

.category_box {padding-top:16px;}
.category_box input {background:url(../img/arrow_down_icon.svg) 96% 12px no-repeat;}
.category_box input::placeholder {color:#222;}

.setbox {border-radius: 10px;border: solid 1px #e0e0e0;padding: 20px 10px;margin-bottom:12px;}
.setbox:after {clear:both;display:block;content:"";height:0;}
.setbox span {font-size:14px;font-weight:400;}
.setbox .onoff {float:right;display:inline-block;text-align:right;}
.setbox .onoff .push {width:34px;}
.setbox .onoff .ar {width:20px;}

.alarm_text {text-align:center;font-size:14px;font-weight:600;color:#808080;}
.alarm_title {margin-top:30px;margin-bottom:18px;display:block;font-size:16px;color:#222;font-weight:600;}
.alarm_box {margin-bottom:10px;border-radius: 10px;background:#f8f8f8;border: 1px solid #e4e4e4;padding: 16px 11px 16px 16px;}
.alarm_box .alti {display:block;color:#222;font-size:14px;font-weight:700;padding-bottom:10px;}
.alarm_box .altx {font-size:14px;color:#6a6a6a;}

.alarm_no {text-align:center;padding-top:100px;}
.alarm_no img {width:120px;}
.alarm_no .con {display:block;padding-top:20px;color:#979797;font-size:14px;}

/* 이용약관 */
.terms_service {line-height:24px;font-weight:400;}
.terms_service strong {font-weight:600;display:inline-block;padding-top:10px;padding-bottom:3px;}
.terms_service ul li {padding-bottom:10px;}
.terms_service ul li ul {padding-left:7px;}
.terms_service ul li ul li {padding-bottom:5px;}
.terms_service .spad {padding-bottom:5px;}

/* 로그인 */
.logo_box {padding:76px 16px 0 16px;padding-top:calc(constant(safe-area-inset-top) + 76px);padding-top:calc(env(safe-area-inset-top) + 76px);}/*노치*/
.logo_box .inputstyle01::placeholder {font-size:14px;color:#222;font-weight:400;}
.watch {background:url(../img/eye@3x.png) 97% center no-repeat;background-size:24px;}
.logo {text-align:center;margin:0 auto;width:137px;margin-bottom:16px;}
.logo_box h3 {margin-top:32px ! important;}
.id_savebox {margin-top:12px;margin-bottom:32px;padding-left:2px;}
.id_savebox li {display:inline-block;margin-right:20px;}
.id_savebox li label i {display:inline-block;padding-top:2px;}
.id_savebox li * {vertical-align:middle;}
.id_savebox input[type="checkbox"] {display: none;}
.id_savebox input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/p_re_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.id_savebox input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.login_btnbox {margin-bottom:32px;text-align:center;}
.login_btnbox .btn_login {cursor:pointer;color:#fff;font-size:16px;font-weight:700;width:176px;display:inline-block;background:#FF9F0A;border-radius:10px;height:48px;line-height:48px;}

.mem_box {position: relative;text-align:center;padding-bottom:30px;}
.mem_box:after {clear:both;display:block;height:0;content:"";}
.mem_box ul {width:85%;margin:0 auto;}
.mem_box ul li {position: relative;display:inline-block;font-weight:400;color:#222;padding-left:30px;}
.mem_box ul li a {color:#222;}
.mem_box ul li:first-child {padding-left:0 ! important;}
.mem_box ul li:before {content: '';position: absolute;top: 3px; left: 12px; width: 1px; height: 12px; border-radius: 0.5px;background-color: #dadada}

.sns_box {text-align:center;margin-top: 15px;}
.sns_box ul li {display:inline-block;padding:0 4px;}
.sns_box ul li img {width:44px;}

.logo_box h4 {text-align:center;display:block;margin-top:32px;}

/* 회원가입 */
.agree_h3box {padding-bottom:16px;}
.agree_h3box h3 {font-weight:600 ! important;}
.all_box {border:1px solid #E0E0E0;border-radius:10px;padding:12px;}
.all_box label * {vertical-align:middle;}
.all_box label i {display:inline-block;line-height:20px;padding-top:2px;}
.use_service {padding-left:10px;padding-top:31px;}
.use_service li {margin-bottom:30px;}
.use_service li label * {vertical-align:middle;}
.use_service li label i {display:inline-block;padding-top:2px;}
.join_agree_box input[type="checkbox"] {display: none;}
.join_agree_box input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/radio_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.join_agree_box input[type="checkbox"]:checked + label>span{background:url(../img/radio_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.mem_jointel {margin-bottom:10px;}
.mem_jointel input {height:48px;line-height:48px;border-radius:10px;border:1px solid #e0e0e0;}
.mem_jointel input::placeholder {font-size:14px;font-weight:400;color:#222;}
.mem_text {margin-top:10px;width:100%;border:1px solid #e0e0e0;border-radius:10px;padding:0 10px;}
.mem_text:after {clear:both;display:block;content:"";height:0;}
.mem_text .num {float:left;width:65%;display:inline-block;}
.mem_text .num input {height:48px;line-height:48px;border:none;background: none;display:inline-block;width:100%;}
.mem_text .num input::placeholder {color:#222;font-size:14px;font-weight:400;}
.mem_text .time {height:48px;line-height:48px;float:right;color:#ff9f0a;width:30%;display:inline-block;color:#;text-align:right;padding-right:5px;}
.mem_text .cash {height:48px;line-height:48px;float:right;color:#808080;width:30%;display:inline-block;color:#;text-align:right;padding-right:5px;}

.join_email {width:100%;}
.join_email:after {clear:both;display:block;content:"";height:0;}
.join_email .email_input {width:70%;float:left;display:inline-block;}
.join_email .email_input input {width:95%;border:1px solid #e0e0e0;height:48px;line-height:48px;padding:0 10px;}
.join_email .email_input input::placeholder {font-size:14px;font-weight:400;color:#222;}
.join_email .email_btn {border-radius:10px;cursor:pointer;width:30%;float:right;display:inline-block;background:#ff9f0a;color:#fff;font-size:16px;font-weight:600;text-align:center;height:48px;line-height:48px;}
.join_write input::placeholder {font-size:14px;font-weight:400;color:#222;}
.losspwinfo {cursor:pointer;display:block;padding-top:8px;padding-bottom:8px;text-align:right;}
.losspwinfo img {width:16px;vertical-align:middle;}
.h3_lineheight {line-height:25px;}
.join_write.snsytem_naver {background:url(../img/naver_icon.svg) 20px center no-repeat; background-size:20px;}
.join_write.snsytem_naver input {background:none;padding-left:35px}
.join_write.snsytem_kakao {background:url(../img/kakao.svg) 20px center no-repeat; background-size:20px;padding-left:}
.join_write.snsytem_kakao input {background:none;padding-left:35px}


/* 본인인증하기 */
.self_injeungbox {text-align:center;padding-top:215px;margin-top:40x;background:url(../img/self_injeung.png) center no-repeat; background-size:120px}
.self_injeungbox span {font-size:17px;color:#777;line-height:28px;}


/* 아이디찾기 */
.id_search_txt {font-size:18px;font-weight:600;line-height:28px;padding-bottom:16px;margin-top:20px;}
.id_search_txt01 {display:block;font-size:14px;font-weight:400;color:#979797;}
.id_text {width:100%;border:1px solid #e0e0e0;border-radius:10px;padding:0 3px 0 0;margin-bottom:10px;}
.id_text:after {clear:both;display:block;content:"";height:0;}
.id_text .mail {float:left;width:60%;display:inline-block;}
.id_text .mail input {height:48px;line-height:48px;border:none;background: none;display:inline-block;width:100%;}
.id_text .mail input::placeholder {color:#222;font-size:14px;font-weight:400;}
.id_text .joinmail {font-size:12px;font-weight:400;height:48px;line-height:48px;float:right;color:#808080;width:38%;display:inline-block;color:#;text-align:right;padding-right:5px;}
.btn_pwsearch {text-align:center;padding-top:12px;padding-bottom:12px;cursor:pointer;}

/* 비밀번호찾기 */
.find_input * {vertical-align:middle;}
.certificate_box li {margin-bottom:18px;}
.memcont {padding-top:10px;}
.title a {display: block; background: url(../img/radio_off.svg) left top no-repeat; background-size:20px;margin-right:8px;height: 30px;padding-left: 29px;}
.selected {background: url(../img/radio_on.svg) left top no-repeat ! important; }
.pw_set .mem_jointel {margin-bottom:0 ! important;}
.comment {margin-top:4px;color:#F0584D;display:inline-block;padding-left:15px;font-size:12px;font-weight:400}
.pw_set .mem_jointel {border:1px solid #e0e0e0;border-radius:10px;}
.pw_set .mem_jointel input {border:none;}
.pw_set .on {border:1px solid #F0584D;}
.pw_more .on {border:1px solid #F0584D;}


/* 이미 아이디가 있었어요! */
.already_idtxt {padding-bottom:27px;}
.already_idtxt h3 {padding-bottom: 3px ! important;}
.already_idtxt p {font-size:14px;color:#979797;font-weight:400;}

.already_idbox {margin-bottom:15px;background:url(../img/already_id.svg) 15px center no-repeat;background-size:54px; border:1px solid #e0e0e0;border-radius:10px;padding:15px 15px 12px 90px}
.already_idbox:after {clear:both;height:0;display:block;content:"";}
.already_idbox .kakao {background:url(../img/kakao.svg) 0 0 no-repeat;background-size:16px;color:#EE8F00;font-size:12px;font-weight:600;padding-left:20px;}
.already_idbox .naver {background:url(../img/naver_icon@3x.png) 0 0 no-repeat;background-size:15px;color:#19ce60;font-size:12px;font-weight:600;padding-left:20px;}
.already_idbox div span {display:block;padding-bottom:5px;}
.already_idbox .email {font-size:17px;font-weight:700;color:#222;}
.already_idbox .date {font-size:12px;font-weight:500;color:#979797;}
.already_idbox .left {float:left;}
.already_idbox .right {float:right;padding-top:20px;padding-right:10px;}
.already_idbox .right img {width:20px;}

/* 마이페이지 */
.profile {width:100%;margin-bottom:16px;}
.profile:after{clear:both;display:block;height:0;content:"";}
.profile span {display:inline-block;float:left;}
.profile .profile_img {overflow:hidden;border-radius:37px;width:50px;height:50px;margin-right:8px;}
.profile .profile_img img {width:50px;height:50px;}
.profile .profile_txt {padding-top:4px;font-size:18px;font-weight:600;width:80%;}
.profile .profile_txt b {display:inline-block;text-overflow: ellipsis;/* 글자제한점점표시 */white-space: nowrap;/* 줄바꿈금지 */width: 70px; overflow:hidden;padding-right:4px;vertical-align: top;}
.profile .profile_txt i {font-size:14px;font-weight:400;color:#808080;display:block;margin-top:3px;}
.profile .profile_txt i img {width:20px;}

.profile.login {cursor:pointer}
.profile.login span {display:block;border:0px solid red;vertical-align:middle;}
.profile.login * {vertical-align:middle;}
.profile.login .profile_img {width:55px;float:left;}
.profile.login .profile_txt {float:left;padding-top:12px;width:65%;}
.profile.login .profile_arrow {float:right;padding-top:12px;}

.mylist_iconbox {position:relative;background:#F8F8F8;border:1px solid #E4E4E4;padding: 16px 24px;border-radius:10px;margin-bottom:16px;}
.mylist_iconbox ul {display:table;width:100%;}
.mylist_iconbox ul li {display:table-cell;width:28%;font-size:13px;font-weight:400;text-align:center;}
.mylist_iconbox ul li a {display:block;}
.mylist_iconbox .order {display:inline-block;background:url(../img/clipboard_off.svg) center top no-repeat;background-size:24px;padding-top:32px;}
.mylist_iconbox .visit {display:inline-block;background:url(../img/icon_visit.svg) center top no-repeat;background-size:24px;padding-top:32px;}
.mylist_iconbox .jjim {display:inline-block;background:url(../img/heart-off.svg) center top no-repeat;background-size:24px;padding-top:32px;}
.mylist_iconbox .review {display:inline-block;background:url(../img/icon_review.svg) center top no-repeat;background-size:24px;padding-top:32px;}
.mylist_iconbox .mycash {display:inline-block;background:url(../img/icon_mycash.svg) center top no-repeat;background-size:24px;padding-top:32px;}
.mylist_iconbox .coupon {display:inline-block;background:url(../img/icon_coupon.svg) center 1px no-repeat;background-size:28px;padding-top:32px;}

.mylistbox {margin-bottom:25px !important;}
.mylistbox li:after {clear:both;display:block;content:"";height:0;}
.mylistbox li {font-size:14px;font-weight:400;cursor:pointer;border-radius: 10px; border: solid 1px #e0e0e0;padding: 20px 10px;margin-bottom:16px;}
.mylistbox li * {vertical-align:middle;}
.mylistbox .ar {width:20px;}
.mylistbox li:last-child {margin-bottom:0;}
.mylistbox .left {float:left;}
.mylistbox .right {float:right;}
.mylistbox .right i {color:#808080;letter-spacing:0.5px;}

/* 내 정보 수정 */
.myinfo_box {position:relative;text-align:center; border-bottom:1px solid #E0E0E0;padding-bottom:40px;}
.myinfo {width:200px;margin:0 auto;text-align:center;position:relative;}
.myinfo .nickname {text-align:center;}
.myinfo .nickname b {display:block;font-size:18px;font-weight:600;margin-top:11px;}
.myinfo .nickname .img {display:inline-block;overflow:hidden;border-radius:37px;width:80px;height:80px;margin-right:8px;}
.myinfo .nickname .img img {width:80px;height:80px;}
.myinfo .mymailine {cursor:pointer;position:absolute;top:40px;left:100px;}
.my_email {width:70%;margin:8px auto 0 auto;border:1px solid #e0e0e0;padding:12px 15px;border-radius: 10px}
.my_email span {font-size:14px;color:#979797;font-weight:400;display: inline-block;}
.my_email span img {vertical-align:middle;display:inline-block;width:24px;margin-right:6px;}
.my_email span b {text-align:left;vertical-align:middle;display:inline-block;width:110px !important;text-overflow: ellipsis;overflow:hidden;}
.my_input {width:100%;}
.my_input:after {clear:both;display:block;height:0;content:"";}
.my_input .left {float:left;width:70%;}
.my_input .left .inputstyle01 input {color:#ddd !important;}
.my_input .left .inputstyle01 input::placeholder {color:#ddd !important;}
.my_input .left .inputstyle01 input::-webkit-input-placeholder {color:#ddd !important;}


.my_input .right {cursor:pointer;float:right;width:28%;border-radius:10px;background:#ff9f0a;text-align:center;color:#fff;font-size:16px;height: 48px;line-height: 48px;}
.marketing_h3 {font-size:18px;font-weight:600;display:inline-block;padding-bottom:6px;}
.reception_agree {color:#979797;font-weight:400;font-size:14px;margin-bottom:16px;}
.my_menu {text-align:center;}
.my_menu li{cursor:pointer;display:inline-block;position:relative;}
.my_menu li a {display:block;padding:10px;}
.my_menu li:first-child:before {content: '';position: absolute;top: 13px; left: 68px; width: 1px; height: 12px; border-radius: 0.5px;background-color: #e0e0e0}



/* 내 정보 수정 - 닉네임수정추가  */
.nick_modify {position:relative;width:70%;margin: 15px auto 0 auto; border: 1px solid #e0e0e0;border-radius:10px;}
.nick_modify input {display:inline-block;width:70%;text-overflow: ellipsis;border:none;padding: 12px 15px; text-align:center; text-indent:0;font-weight:800;color:#212121;}
.nick_modify input::-webkit-input-placeholder {width:80%;text-overflow: ellipsis;text-align:center !important;font-weight:800;color:#212121;}
.nick_modify input::-moz-placeholder {width:80%;text-overflow: ellipsis; text-align:center !important; font-weight:800;color:#212121;}
.nick_modify input::-ms-input-placeholder {width:80%;text-overflow: ellipsis; text-align:center !important; font-weight:800;color:#212121;}
.nick_modify input::-moz-placeholder {width:80%;text-overflow: ellipsis; text-align:center !important; font-weight:800;color:#212121;}
.nick_modify input::placeholder {width:80%;text-overflow: ellipsis; text-align:center !important; font-weight:800;color:#212121;}
.nick_modify span {position:absolute;right:5px;top:6px;display:inline-block;cursor:pointer;text-align:right;}
.nick_modify span img {width:30px;}

.nick_savebtn {position:absolute;right:0;top:0;cursor:pointer;}
.nick_savebtn span {display:inline-block;border-radius:10px;border:1px solid #e0e0e0;background:#fff;text-align:center;padding:5px 14px;}


/* 회원탈퇴 */
.membership_out {font-size:18px;font-weight:600;line-height:28px;}
.membership_tx {font-size:14px;font-weight:400;padding-top:16px;color:#979797;line-height:24px;}
.membership_list {padding-bottom:16px;}
.membership_list li {font-size:14px;font-weight:400;color:#979797;line-height:24px;}
.mem_out {margin-top:11px;margin-bottom:33px;padding-left:3px;}
.mem_out input[type="checkbox"] {display: none;}
.mem_out input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/p_re_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.mem_out input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}


/* 캐시관리 */
.cashbox {width:100%;padding:20px 16px 40px 16px;margin-bottom:10px;border-bottom:1px solid #e0e0e0;}
.cash_use01 {padding-bottom:35px;}
.cash_use01 * {vertical-align:middle;}
.cash_use01 span {display:inline-block;}
.cash_use01 .cash_icon img {width:18px;}
.cash_use01 .cash_txt {padding-left:6px;font-size:16px;font-weight:600;}
.cash_money {font-size:36px;font-weight:700;color:#222;padding-bottom:10px}
.btn_cash {cursor:pointer;font-weight:700;font-size:14px;color:#222;text-align:center;width:176px;line-height:48px;border-radius: 10px;border: solid 2px #e0e0e0;}
.btn_cash img {display:inline-block;width:20px;margin-top: -4px;}
.btn_cash span {display:inline-block;}
.cash_select {width:100%;padding-right:16px;box-sizing:border-box;}
.cash_select:after {clear:both;display:block;content:"";height:0;}
.cash_select span {cursor:pointer;float:right;width:100px;display:inline-block;box-sizing:border-box;}

.cash_manage {padding:10px 16px 30px 16px;}
.cash_manage:after{clear:both;display:block;height:0;content:"";}
.cash_manage li {width:100%;border:1px solid #e0e0e0;border-radius: 10px;padding: 16px;box-sizing:border-box;height:107px;margin-bottom:10px;}
.cash_manage li:after{clear:both;display:block;height:0;content:"";}
.cash_manage .left {float:left;}
.cash_manage .left span {display:block;}
.cash_manage .left .keep {width:72px;line-height:26px;display:inline-block;text-align:center;background:#D7F4F3;border-radius:13px;font-size:12px;font-weight:600;color:#2C9BB5;}
.cash_manage .left .cancel {width:72px;line-height:26px;display:inline-block;text-align:center;background:#f0f0f0;border-radius:13px;font-size:12px;font-weight:600;color:#6a6a6a;}
.cash_manage .left .use {width:72px;line-height:26px;display:inline-block;text-align:center;background:#fff3e2;border-radius:13px;font-size:12px;font-weight:600;color:#ff7b0a;}
.cash_manage .left .withdraw {width:72px;line-height:26px;display:inline-block;text-align:center;background:#fce9dd;border-radius:13px;font-size:12px;font-weight:600;color:#f0584d;}

.cash_manage .left .date {padding-top:6px;padding-bottom:7px;font-size:14px;font-weight:400;color:#808080;}
.cash_manage .left .order_num {font-size:14px;font-weight:400;color:#222;}
.cash_manage .left .order_num b {display:inline-block;padding-right:6px;font-weight:700;}
.right_cash {float:right;font-size:20px;font-weight:700;padding-top: 20px;}
.cash_comment {background:#f4f4f4;padding:16px;}
.cash_comment strong {display:block;font-weight:700;font-size:14px;padding-bottom:20px;}
.cash_comment p {color:#979797;font-size:14px;font-weight:400;line-height:24px;}

.cashwithdraw_box {padding:20px 16px 30px 16px;}
.cash_have {margin-bottom:10px;}
.cash_have * {vertical-align:top;}
.cash_have img {width:18px;}
.cash_have span {font-size:16px;font-weight:600;padding-right:6px;}
.possible_cash {border-radius: 25px; padding: 0 24px; border: solid 2px #e4e4e4;line-height:50px;margin-bottom:16px;}
.possible_cash:after {clear:both;display:block;height:0;content:"";}
.possible_cash .left {float:left;font-size:16px;font-weight:600;line-height:50px;}
.possible_cash .right {float:right;font-size:18px;font-weight:700;width: 150px;}
.possible_cash .right * {vertical-align:middle;}
.possible_cash .right b {text-align:right;display:inline-block;}
.possible_cash .right input {width:86%;border:none;font-size:18px;vertical-align:middle;font-weight:700;text-align:right;display:inline-block;}




.cash_btnbox {width:100%;margin-bottom:16px;}
.cash_btnbox:after {clear:both;display:block;height:0;content:"";}
.cash_btnbox span {width:48.5%;text-align:center;}
.cash_btnbox .btn_account {cursor:pointer;float:left;border-radius: 10px; background-color: #ff9f0a;color:#fff;line-height:40px;font-weight:600;}
.cash_btnbox .btn_pwconfirm {cursor:pointer;float:right;border-radius: 10px;border: solid 1px #e4e4e4;background-color: #f8f8f8;color:#222;line-height:40px;font-weight:600;}

.cash_confirmbox {border:1px solid #e0e0e0;padding: 16px 20px 16px 10px;border-radius: 10px;border: solid 1px #e0e0e0;}
.cash_confirmbox strong {margin-bottom:6px;display:block;color:#ff7b0a;font-weight:700;font-size:13px;width:90px;text-align:center;padding:6px 0;border-radius: 13px;background-color: #fff3e2;}
.cash_confirmbox span {display:inline-block;font-weight:400;font-size:14px;line-height:24px;color:#808080;}
.pwloss {width: 100%;margin-top:10px; cursor: pointer;  height: 46px;  line-height: 46px;  display: inline-block; background: #fff url(../img/arrow_right_icon@3x.png) 97% center no-repeat; background-size: 20px; padding: 0 10px 0 13px;  color: #222;  font-weight: 400;  font-size: 14px; border-radius: 10px; border: 1px solid #e0e0e0; box-sizing: border-box;}
.cash_confirmbox .font_color01 {color:#ff4700;font-weight:700;}

.account_info {width:100%;}
.account_info:after{clear:both;display:block;height:0;content:"";}
.account_info .left {float:left;width:27%;}
.account_info .left .btn_account {width:100%;cursor:pointer;height:46px;line-height:46px;display:inline-block;background-color: #fff; padding: 0 10px 0 13px; color: #222; font-weight: 400; font-size: 14px; border-radius: 10px; border: 1px solid #e0e0e0;box-sizing: border-box;}
.account_info .left .btn_account img {width:22px;padding-left:3px;margin-top:-2px;}
.account_info .right {float:right;width:70%;}
.account_info .right input {height:46px;line-height:46px;}
.account_info .right input::placeholder {color:#222;}


.bank_info {width:100%;}
.bank_info .bank .btn_account {width:100%;cursor:pointer;height:46px;line-height:46px;display:inline-block;background: #fff url(../img/caret-down-thin.svg) 96% center no-repeat;background-size:22px; padding: 0 10px 0 13px; color: #222; font-weight: 400; font-size: 14px; border-radius: 10px; border: 1px solid #e0e0e0;box-sizing: border-box;}
.bank_info .bank .btn_account img {width:22px;padding-left:3px;margin-top:-2px;}
.bank_info .bank input {height:46px;line-height:46px;}
.bank_info .bank input::placeholder {color:#222;}
.bank_info .account_num {margin-top:10px;}
.bank_info .account_num input {height:46px;line-height:46px;}
.bank_info .account_num input::placeholder {color:#222;}
.case_03 .cash_btnbox {margin-top:10px;}
.case_03 .cash_btnbox span {width:auto; padding-left: 20px; padding-right: 20px;}

.social_num span {display:inline-block;}
.social_num .social01 {width:45%}
.social_num .social01 input {border-radius: 10px; border: solid 1px #e0e0e0;line-height:44px;}
.social_num .social02 {width:5%;text-align:center;}
.social_num .social03 {width:45%}
.social_num .social03 input {border-radius: 10px; border: solid 1px #e0e0e0;line-height:44px;}
.social_num input::placeholder {color:#222;}

.tax_agree {margin-bottom:10px;margin-top:32px;}
.tax_agree .agreewidth {display:block;}
.tax_agree .agreewidth * {vertical-align:middle;}
.tax_agree .agreewidth i {display:inline-block;padding-top:5px;}
.tax_agree .explain {display:block;padding-top:16px;font-size:12px;color:#979797;font-weight:400;}
.tax {cursor:pointer;text-align:center;line-height:56px;}

.cashout_done {padding-top:140px;text-align:center;background:url(../img/money_icon@3x.png) center top no-repeat; background-size:120px;margin-bottom:40px;}
.cashout_done span {display:block;font-size:20px;font-weight:700;line-height:30px;}



.snbSwiper { padding: 9px 0 10px 7px ! important;box-sizing: border-box;background: #fff; }
.swiper-slide { width: 100% !important; }
.swiper-slide a { display: block; text-align: center; }
.swiper-slide img {width:100%;height:auto;}
.swiper-slide .text { margin: 0 5px; padding: 0 21px 0 21px; box-sizing: border-box; position: relative; display: inline-block; height: 30px; white-space: nowrap; font-size: 14px; line-height: 1em; color: #979797; font-weight: 600;line-height: 30px;}
.current .text { color: #fff; background: #ff9f0a;font-weight: 700; border-radius: 18px;}
.current .text:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; color: #fff; background: #ff9f0a;font-weight: 700; border-radius: 18px;}
.stab-content {display:none;}
.stab-content.current { display: inherit;}
.snbSwiper li.on a.menu-01 {color: #fff; background: #ff9f0a;font-weight: 700; border-radius: 18px; }


/* 인트로 */
.intro_box.color_intro {text-align:center;}
.intro_box {width: 100%; height: 100vh; display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-moz-box-align:enter;
    -ms-flex-align: center; /* align-items: center; */ -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.intro_box h1 {display:block;margin:0 auto;padding-top:220px;}
.intro_box h1 img {width:100%;object-fit:cover;}
.intro_box .copy {position:absolute;bottom:100px;text-align:center; }
.intro_box .copy span {display:inline-block;}
.intro_box .copy .version {margin-bottom:19px;width:90px;height: 32px;line-height:32px;border:1px solid #e4e4e4; border-radius:16px;}
.intro_box .copy .copytxt {display:block;font-size:12px;font-weight:500;color:#808080}

.color_intro {background:#FF9F0A;}
.color_intro h1 img {width:100% ! important;height:auto;}
.colorline {border:1px solid #fff;color:#fff;}
.colortxt01 {color:#fff ! important;}


/* 원산지표기 */
.byorigin {border-top:0px solid #e8e8e8;background:#;padding:0px 13px 15px 5px;margin-top:15px;}
.byorigin .h3_font18 {font-size:14px;color:#212121 !importnat;}
.byorigin p {font-size:13px;padding-top:5px;line-height: 21px;color: #212121;font-weight:400;}


/* 원산지표기 */
.near_noshop {width: 170px; margin: 74px auto 0 auto; box-sizing: border-box;}
.near_noshop img {width:120px;text-align:center;}
.near_noshop span {display:block;text-align:center;}
.near_noshop .txt {margin-top:20px;text-align:center;font-size:16px;color:#979797;line-height:35px;}
.near_noshop .txt b {font-size:22px;color:#222;font-weight:700;}

/* 앱접근권한안내 */
.acess_ti {color:#FF9F0A;font-weight:800;}
.acess_sti {font-weight:600;display:block;padding-top:0;}

/* 이벤트 */
.eventwrap {padding-top:75px;}
.eventwrap .eventbox {width:100%;margin-bottom:30px;cursor:pointer;}
.eventwrap .eventbox .photo {border-radius:15px;overflow:hidden;}
.eventwrap .eventbox .photo img {max-width:100%;height:170px;object-fit:cover;}
.eventwrap .eventbox .photo_explain {padding-left:5px;}
.eventwrap .eventbox .photo_explain strong {display:block;padding-top:10px;font-size:16px;font-weight:600;}
.eventwrap .eventbox .photo_explain span {display:block;font-size:14px;color:#979797;font-weight:400;margin-top:4px;}
.event_detail {padding-top:60px;}
.event_detail img {max-width:100%;height:auto;}

/* 카드영수증보내기 */
.receipt {font-size:16px; font-weight:400; line-height:25px; padding-bottom:18px;}
.receipt_mailwrite {margin-bottom:10px;}
.receipt_mailwrite.read {cursor:pointer;}
.receipt_mailwrite.read input {height:48px;line-height:48px;border-radius:10px;border:1px solid #e0e0e0;background:#F9F9F9 url(../img/ic_close.svg) 98% center no-repeat;background-size:23px;}
.receipt_mailwrite.read span {height:48px;line-height:48px;border-radius:10px;border:1px solid #e0e0e0;background:#F9F9F9 url(../img/ic_close.svg) 98% center no-repeat;background-size:23px;display:block;padding-left:15px;box-sizing:border-box;font-weight:400;}

.receipt_mailwrite input {height:48px;line-height:48px;border-radius:10px;border:1px solid #e0e0e0;}
.receipt_mailwrite input::placeholder {font-size:14px;font-weight:400;color:#222;}

.paycontfull {padding:55px 0 0 0;}
.paycontfull div:last-child {border-bottom:none;}
.paycont {border-bottom:3px solid #f8f8f8;padding-top:50px;padding-bottom:30px}
.paycont h3 {padding-bottom:20px;}
.paycont h3, .paycont dl {padding-left:30px;padding-right:16px}
.paycont dl {width:100%;padding-bottom:20px;}
.paycont dl:after {clear:both;display:block;content:"";height:0;}
.paycont dl dt {display:block;}
.paycont dl dt, .paycont dl dd {float:left;font-size:14px;font-weight:400;display:inline-block;}
.paycont dl dt {width:110px;}

.paycont .sum dt {font-size:17px;font-weight:600;}
.paycont .sum dd {font-size:17px;font-weight:600;}

.nobotline {border-bottom:none !important;}

/* 정책 및 약관 */
.service_termslist li {background: url(../img/arrow_right_icon@3x.png) no-repeat 96% center; background-size: 18px;font-size:14px; text-overflow: ellipsis;  border-bottom: 1px solid #e0e0e0;}
.service_termslist li a {display: block; padding: 23px 16px 23px 16px;color:#212121;}


/* 안심번호사용 추가 */
.safe_number {margin-top:15px;}
.safe_number input[type="checkbox"] {display: none;}
.safe_number input[type="checkbox"] + label>span {display: inline-block; width: 20px;height: 20px; margin-top:1px;vertical-align: middle; background: url(../img/p_re_off.svg) left top no-repeat; cursor: pointer; background-size:20px;margin-right:8px;}
.safe_number input[type="checkbox"]:checked + label>span{background:url(../img/p_re_on.svg) left top no-repeat; background-size:20px;margin-right:8px;}
.safe_number label {display:inline-block;}
.safe_number label i {display:inline-block;text-decoration:normal;padding-top:2px;}
.safe_number * {vertical-align: top;}


/* 공지사항 ios 노치영역관련 추가 */
.containfull.mar_top60 {margin-top: 0 ! important;padding-top:60px !important;padding-top: calc(env(safe-area-inset-top) + 60px) !important;padding-top: calc(constant(safe-area-inset-top) + 60px) !important}

/* 주문내역 ios 노치영역관련 추가 */
.containfull.orderbox {margin-top: 0 ! important;padding-top:60px !important;padding-top: calc(env(safe-area-inset-top) + 4px) !important;padding-top: calc(constant(safe-area-inset-top) + 4px) !important}

/* 일대일문의하기 ios 노치영역관련 추가 */
.contain.mar_top60 {margin-top: 0 ! important;padding-top:0 !important;padding-top: calc(env(safe-area-inset-top) + 60px) !important;padding-top: calc(constant(safe-area-inset-top) + 60px) !important}

/* 일대일문의하기등록 ios 노치영역관련 추가 */
.containfull.quest {margin-top: 0 ! important;padding-top:0 !important;padding-top: calc(env(safe-area-inset-top) + 0px) !important;padding-top: calc(constant(safe-area-inset-top) + 0px) !important}

/* 이벤트 ios 노치영역관련 추가 */
.contain.event {padding-top: calc(env(safe-area-inset-top) + 0px) !important;padding-top: calc(constant(safe-area-inset-top) + 0px) !important}



/* 카카오sns ios 노치영역관련 추가 */
.snsloginbox {padding:0 16px 10px 16px;padding-top: calc(env(safe-area-inset-top) + 20px) !important;padding-top: calc(constant(safe-area-inset-top) + 20px) !important}

/* 주소찾기-팝업카카오주소연동 ios 노치영역관련 추가 */
#form1 {position:relative;}
#form1 #addr_wrap {position:relative;width:100%;word-break:break-all !important; padding-top:20px !important;padding-top: calc(env(safe-area-inset-top) + 0px) !important;padding-top: calc(constant(safe-area-inset-top) + 0px) !important;
text-align:center !important; word-break:break-all;box-sizing:border-box;}
#form1 #addr_wrap * {width:100% !important; word-break:break-all !important; box-sizing:border-box;}

.containfull.mar_top75 {padding-top: calc(env(safe-area-inset-top) + 0px) !important;padding-top: calc(constant(safe-area-inset-top) + 0px) !important}

/* 배달상세리스트 메뉴들소타이틀배경추가 */
#contbox00 {margin-left:-16px;margin-right:-16px;}
#contbox00 h3:first-child {margin-top:0px !important;}
#contbox00 h3 {margin-top: 7px !important;margin-bottom:5px;font-size:18px !important;background:#f8f8f8;border-radius:2px;display:block;margin-top:0 !important; padding:18px 5px 18px 16px !important;border-top:1.5px solid #eee;}
#contbox00 div dl {padding-left:10px;}
#contbox00 .list_box01.wline {padding:22px 0 18px 0;border-bottom:1px solid #f1f1f1 !important;}

.flmenuFixed {
        position:sticky;
        top: 100px;top: calc(env(safe-area-inset-top) + 60px) !important;padding-top: calc(constant(safe-area-inset-top) + 60px) !important;z-index:99999999;background:#fff;border:0px solid red;
      }


/* 검색클릭시20230808 */
.search-wrap {border-bottom:0 !important; }
.search-wrap .search-box {width:100%;position: absolute;
    text-align: center;
    top: 0;
    top: constant(safe-area-inset-top);
    top: env(safe-area-inset-top);
    }

.search-box {display:flex;flex-direction:row;align-items: center;height:50px;padding-left: 16px;padding-right: 16px;}
.search-box * {vertical-align:middle;}
.search-box input {border:0;width:85%;vertical-align: middle; box-sizing: border-box;line-height: 37px;height: 37px;}
.search-box .btn_back {width:30px;box-sizing:border-box;}
.search-box .btn_back a {display:block;}
.search-box .btn_back a img {width:27px; padding-top:5px;}
.search-box .search-input-box {position:relative;border:1px solid #E0E0E0;border-radius:10px; flex-grow:2; height: 44px; line-height: 41px; margin-top: 9px;}
.search-box .search-input {background:url(../img/magnifying-glass-thin01.svg) 10px center no-repeat;background-size:22px;padding-left: 29px;}
.search-input-box .text-delete {cursor:pointer;position:absolute;right:44px;top:0;display:inline-block;width:30px}
.search-input-box .text-delete img {width:18px;}
.search-box .search-input-box .search-check {cursor:pointer;display:inline-block;min-width: 32px;top:constant(safe-area-inset-top); top:env(safe-area-inset-top);padding-top:1px;}
.search-list-box {padding: 0 15px 20px 20px; position: absolute; background: #fff; z-index: 9; width: 100%; top: 60px;top: calc(env(safe-area-inset-top) + 63px) !important;padding-top: calc(constant(safe-area-inset-top) + 63px) }
.search-list-box .searchlist li {cursor:pointer;line-height:40px;font-size:15px;}
.search-list-box .searchlist li span.col-orange {color:#fc9210; font-weight: 600;}
.searchlist li {color:#3f3f3f;background: url(../img/magnifying-glass-thin01.svg) left center no-repeat;background-size: 18px;padding-left: 22px;}


/* 앱접근권한-ios */
.acess_permission {padding:0 16px;padding-top: calc(env(safe-area-inset-top) + 0px) !important;padding-top:calc(constant(safe-area-inset-top) + 0px) !important}
.acess_permission h2 {padding:10px 0;}
.acess_permission .terms_service {margin-top:10px;line-height: 22px;}
.acess_permission .terms_service .acess_sti {margin-top:10px;}
.acess_permission .terms_service .acess_ti {margin-top:20px;}
.acess_permission .terms_service .acess_ti.padd_bot0 {padding-bottom:0;}


.close {
  display:block;
  width: 42px;
  height: 16px;
}

/* 결제진행 */
.paying {width:217px;margin:60px auto 20px auto;padding:32px 0;text-align:center;}
.pay-img img {width:120px;height:120px;}
.process-img {margin-top:22px;margin-bottom:11px;}
.process-img img {width:auto !important;}

.paying-done {width:217px;margin:60px auto 20px auto;padding:32px 0;text-align:center;}
.paydone-img {margin-bottom:22px;}
.paydone-img img {width:120px;height:120px;}

.payment-ing .text01 {display:block;font-size:17px;font-weight:800;margin-bottom:9px;color:#212121}
.payment-ing .text02 {display:block;font-size:13px;font-weight:600;color:#979797}

.btn-paying {display:block;width:118px;margin:46px auto 0 auto;}
.btn-paying a {background:#FF9F0A;color:#fff;font-size:16px;font-weight:700;display:block;text-align:center;width:100%;padding:12px 0;box-sizing:border-box;border-radius:10px;}



@media only screen and (max-width:370px){
.order_info_box ul li strong {width: 119px !important;}
.order_info_box {padding: 25px 16px 25px 33px;}
}


@media only screen and (min-width:768px){
.photo_layer .cashback img {
    width: 200px
}