
.bottomBnnerBox { display: none; } 
._popup { display: none; z-index: 200; } 
._popup,._popup .dim,._popup .actDim { position: fixed; left: 0; top: 0;; width: 100%; height: 100%;; } 
._popup .dim { background-color: var(--dim); } 
._popup > .actDim { background-color: var(--dim); } 
._popup > .wrap { position: absolute; background-color:var(--colW); box-shadow: -5px 5px 16px rgba(0, 0, 0, 0.1); } 
._popup .closeBtn { z-index: 201; position: absolute; font-size: 0; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_lg.png); } 
._popup ._topTit { background-color: var(--bg_03); padding: 26px 30px 16px; } 
._popup ._topTit .tit { font-size: 24px; font-weight: 700; line-height: 24px; } 
._popup ._topTit .txt { font-size: 16px; font-weight: 500; line-height: 24px; color: var(--txt_02); margin-top: 18px; } 


/*기본 텍스트 팝업 alert / Confirm*/
._popup.basicPop .wrap { width: 380px; border-radius: 5px; overflow: hidden; } 
._popup.basicPop .wrap .txtWrap { min-height: 180px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 30px; flex-wrap: wrap; } 
._popup.basicPop .wrap .txtWrap .tit { width:100%; font-size: 18px; font-weight: 700; line-height: 30px; } 
._popup.basicPop .wrap .txtWrap .txt { line-height: 24px; font-size: 16px; } 
._popup.basicPop .wrap .txtWrap .sub { color: var(--txt_02); width: 100%; } 
._popup.basicPop .wrap .btnWrap { width: 100%;; display: flex; flex-wrap: wrap; } 
._popup.basicPop .wrap .btnWrap button { flex-grow: 1; font-size: 16px; font-weight: 600; height: 50px; } 
._popup.basicPop.prompt .wrap .txtWrap { height:160px; } 
._popup.basicPop.prompt .txtWrap input { width: 100%; } 
._popup.basicPop.groupDel .txt { font-weight: 600; color: var(--colR); } 
._popup.basicPop.groupDel .txt span { font-size: 14px; } 
._popup.basicPop.groupDel .wrap .btnWrap button.colLR { background-color: var(--colR); color: #fff; } 




@media screen and (min-width: 721px) { /*common*/
._popup > .wrap { left: 50%; transform: translate(-50%,-50%); top:50%; } 
._popup .closeBtn { cursor: pointer; position: absolute; right: 10px; top: 10px;; width: 42px; height: 42px; background-size:14px; } 
 }/*721px*/

/*메인 공지팝업*/
._popup.mainNotice .wrap { height: 90%; max-height: 720px; } 
._popup.mainNotice .wrap > div { height: 100%; } 
._popup.mainNotice .wrap > div > div { height: 100%; height: calc(100% - 36px); } 
._popup.mainNotice .wrap ul { height: 36px; } 
._popup.mainNotice .wrap img { height: 100%; width: 100%; object-fit: cover; } 
._popup.mainNotice .wrap .closeBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_bl.png); bottom: 0; top: initial; width: 36px; height: 36px; } 
._popup.mainNotice .wrap label { position: relative; } 
._popup.mainNotice .wrap label input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } 
._popup.mainNotice .wrap ul li { width: 100%; height: 36px; } 
._popup.mainNotice .wrap ul label { display: block; width: 100%; height: 100%; } 
._popup.mainNotice .wrap ul label .text { font-size: 14px; line-height: 36px;; padding-left: 20px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_off.png); display: inline-block; background-position: right; background-size: 12px; padding-right: 20px; } 
._popup.mainNotice .wrap label input + span + .text { font-size: 14px;; padding-left: 20px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_off.png); } 
._popup.mainNotice .wrap label input { opacity: 0; z-index: 10; } 
._popup.mainNotice .wrap label input:checked + span + .text { background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_on.png); color: var(--colmainB); } 

/*메인 공지팝업 - 로고 아래 중앙*/
.mainNotice.type_02 { display: none; z-index: 200; background-color: rgba(0,0,0,0.5); position: fixed; left: 0; top:0; width: 100%; height: 100%;; } 
.mainNotice.type_02 .wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 14px; overflow: hidden; width: 340px; box-shadow: -10px 10px 10px rgba(0,0,0,0.05); } 
.mainNotice.type_02 .closeBtn { position: absolute; right: 0; bottom: 0;; } 
.mainNotice.type_02 .today { position: relative; background-color: var(--bg_03); display: flex; justify-content: space-between; align-items: center; height: 36px; } 
.mainNotice.type_02 .today .check { position: relative; padding:0 10px; } 
.mainNotice.type_02 .today .check input { width: 100%; cursor: pointer; height: 100%; position: absolute;; opacity: 0; left: 0; top: 0; z-index: 1; } 
.mainNotice.type_02 .today .check .txt { font-size: 14px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_off.png); background-position: right; padding-right: 24px; background-size: 16px; } 
.mainNotice.type_02 .today .check input:checked + .txt { background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_on.png); } 
.mainNotice.type_02 .today .closeBtn { width: 36px; height: 36px; padding: 12px; } 
.mainNotice.type_02 .today .closeBtn img { width: 100%; } 
.mainNotice.type_02 .wrap .imgBox img { width: 100%; } 
.mainNotice.type_02 .wrap .popupPCBnn img { width: 100%; } 
.mainNotice.type_02 .swiper-button-next:after, 
.mainNotice.type_02 .swiper-button-prev:after { color:rgba(0,0,0,0.2) } 




/*영양성분 및 알레르기 성분표시*/
._popup.ingredient .wrap { width: 960px; padding: 40px 30px; height: 80%; } 
._popup.ingredient .wrap .titWrap { margin-bottom: 20px; } 
._popup.ingredient .wrap .titWrap .tit { font-size:28px; font-weight: 400; line-height: 28px; } 
._popup.ingredient .wrap .popBox li { display: none; } 
._popup.ingredient .wrap .popBox li:first-child { display: block; } 
._popup.ingredient .wrap .popBox { height: calc(100% - 100px); overflow-y: auto;; border-top: 1px solid var(--colBl); } 
._popup.ingredient .wrap .popBox li > .txt { font-size: 18px; padding: 20px 0 16px; line-height: 26px; } 
._popup.ingredient .wrap .popBox li ._table thead th:after { content: ''; display: block; width: 100%; z-index: 1; height: 0.5px; background-color: var(--line_03); position: absolute; top: 1px; left: 0; } 
._popup.ingredient .wrap .popBox li ._table thead tr { position: relative; border-top: 0; } 
._popup.ingredient .wrap .popBox li ._table { position: relative; border-top: 0; } 
._popup.ingredient .wrap .popBox li ._table thead { position: sticky; z-index: 1; } 
._popup.ingredient .wrap .popBox li ._table thead th { position: sticky; top: 0; } 
._popup.ingredient .wrap .popBox li.origin ._table th { min-width:100px; } 
._popup.ingredient .wrap .popBox li.allergy ._table th { min-width:160px; } 
._popup.ingredient .wrap .popBox li.allergy ._table td { line-height: 26px; } 
._popup.ingredient .wrap .popBox li.nutrients ._table th,
._popup.ingredient .wrap .popBox li.nutrients ._table td { font-size: 12px; } 
._popup.ingredient .wrap .popBox li.nutrients ._table tbody th { text-align: left; } 
._popup.ingredient .wrap .popBox li.nutrients ._table tbody td { text-align: center; } 

/*주문방법 선택*/
._popup.pickupType > .wrap { width: 920px; height: 800px; } 
._popup.pickupType .wrap > .tit { font-size: 24px; font-weight: 600; line-height: 90px; text-align: center; } 
._popup.pickupType .wrap .pickupTypeTab { width: 100%; border-top: 1px solid var(--line_02); border-bottom: 1px solid var(--line_02); } 
._popup.pickupType .wrap .pickupTypeTab:after { content: ""; display: block; clear: both; } 
._popup.pickupType .wrap .pickupTypeTab li { float: left; text-align: center; position: relative; width: 50%; height: 58px; } 
._popup.pickupType .wrap .pickupTypeTab li div { line-height:58px; font-size: 20px; font-weight: 500; } 
._popup.pickupType .wrap .pickupTypeTab li input:checked + div { background-color: var(--colBl); color: var(--colW); } 
._popup.pickupType .wrap .pickupTypeCon { height:652px; } 
._popup.pickupType .wrap .pickupTypeCon li { position: relative; height: 100%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top { padding: 30px 30px 24px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .icon_delivery { background-position: left; line-height: 36px; background-size:42px; padding-left:60px; font-size: 20px; font-weight: 600; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .colW-Bl { width: 100px; height: 36px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .colW-Bl span { font-size: 16px; font-weight: 600; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList { width: calc(100% - 60px); margin: 0 auto;; height: 420px; background-color: var(--bg_03); border:1px solid var(--line_03); overflow-y: auto;; padding: 30px; margin-bottom: 30px; padding-right: 20px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check { margin-bottom: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check input { width: calc(100% - 100px); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check label { line-height: 36px; font-size: 16px; font-weight:600; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button.delBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_dg.png); width:36px; height: 36px; right: 0; font-size: 0; background-size: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button.addrFavoritesBtn { right:56px; font-size: 14px; height: 30px; width: 80px; background-color: var(--bg_02); border:1px solid var(--line_02) } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button { position: absolute; top: 50%; transform: translateY(-50%); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList .empty { text-align: center; width: 100%; justify-content: center; height: 100%; display: flex; align-items: center; color: var(--txt_03); font-size: 18px; line-height: 32px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit { padding: 20px 30px; display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab { display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div { width: 50%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left { padding-right: 10px; height:510px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.right { padding-left: 10px; height:510px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .top { margin-bottom: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .top select { width:calc(50% - 5px); height: 40px;; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList { height:calc(100% - 50px); padding-right: 10px; overflow-y: scroll;; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div { position: relative; margin-bottom: 15px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div input { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%;; cursor: pointer; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box { background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_off.png); background-size: 18px; background-position: 17px 26px;; padding: 24px 20px 20px 46px; background-color: var(--bg_03); border:1px solid var(--bg_03); transition: 0.2s all; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div.right { padding-left: 5px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name { display: flex; align-items: center; margin-bottom: 8px; gap: 4px; justify-content: space-between; flex-wrap: wrap; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name .store { font-size: 16px; line-height: 16px; font-weight: 600; flex: 1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name .preparing { background-color: #E2E7F0; color: #83878E; font-size: 12px; line-height: 12px; padding: 2px 6px; border-radius: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .addr { margin-bottom: 3px; font-size: 14px; line-height: 20px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .callNum { font-size: 14px; font-weight: 500; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div input:checked + .box { border:1px solid var(--colmainB); background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_on.png); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .callBtn { display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .detailBtn { display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeDetailClose { display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .map { width: 100%; height: 300px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name { height: 60px; display: flex; align-items: center; gap: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name .store { font-size: 20px;; font-weight: 600; line-height: 26px; max-width: calc(100% - 82px); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name .preparing { background-color: #E2E7F0; color: #83878E; font-size: 12px; line-height: 12px; padding: 2px 6px; border-radius: 10px; } 


._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li:after { content: ""; display: block; clear: both; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li { margin-bottom: 12px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li div { float: left; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li .tit { width: 80px;; line-height: 22px; color: var(--txt_01); font-weight: 500; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li .txt { width: calc(100% - 80px); font-weight: 500; line-height: 22px; } 
._popup.pickupType .wrap .pickupTypeCon > li > .bottom { width: 100%; border-top: 1px solid var(--line_02); text-align: center; padding: 20px 0 34px; position: absolute; left: 0; bottom: 0; } 
._popup.pickupType .wrap .pickupTypeCon > li > .bottom button { width: 240px; font-weight: 500; height: 58px; font-size: 20px; } 
._addrSearch { display: none; position: absolute; right: 0; width: 100%;; top: 0;; height: 100%; z-index: 201; } 
._addrSearch .dim { background-color: rgba(0,0,0,0.75); } 
._addrSearch .wrap { right: 0; position: fixed; background-color: var(--colW); height: 100%; top: 0;; transform: translate(0,0); width: 600px; left: initial; } 
._addrSearch .wrap .close { cursor: pointer; position: absolute; right: 10px; top: 10px; width: 42px; height: 42px; font-size: 0; background-size: 14px; z-index: 201; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_lg.png); } 
._addrSearch .wrap .titWrap { padding:0 30px; line-height: 72px; border-bottom: 1px solid var(--line_02); } 
._addrSearch .wrap .titWrap .tit { font-size: 24px; font-weight: 600; } 
._addrSearch .wrap .titWrap .txt { margin-left: 10px; font-size: 16px; font-weight: 500; } 
._addrSearch .wrap .addrWrap { height: 480px; } 
._addrSearch .wrap .addrInputWrap { background-color: var(--bg_02); height: 248px; padding: 28px 30px 40px; } 
._addrSearch .wrap .addrInputWrap > .tit { font-size: 16px; font-weight: 600; line-height: 16px; margin-bottom: 8px; } 
._addrSearch .wrap .addrInputWrap input { width: 100%; height:42px; margin-bottom: 10px; } 
._addrSearch .wrap .addrInputWrap .btnWrap { padding-top:6px; } 
._addrSearch .wrap .addrInputWrap .btnWrap .txt { font-size: 14px; color: var(--txt_01); line-height: 24px; font-weight: 500; } 
._addrSearch .wrap .addrInputWrap .btnWrap button { width:140px; height: 48px; font-size: 20px; font-weight: 600; } 


/*비대면 안전 배달*/
._popup.safeDelivery .wrap { width: 440px; } 
._popup.safeDelivery .popBox { padding:30px 36px; } 
._popup.safeDelivery .popBox .tit { font-size:18px; font-weight: 700; margin-bottom: 20px; } 
._popup.safeDelivery .popBox ul li { margin-bottom: 20px; } 
._popup.safeDelivery .popBox ul li label { font-size: 16px; font-weight: 600; } 
._popup.safeDelivery .popBox > button { width: 100%; height:52px; font-size: 18px; font-weight: 700; } 

/*쿠폰선택*/
._popup.couponList .wrap { width: 520px; } 
._popup.couponList .wrap ._topTit .tit { line-height: 34px; padding-right: 20px; } 
._popup.couponList .wrap .popBox .list { padding-right: 10px; width: 100%; } 
._popup.couponList .wrap .popBox { padding:0 0 10px 30px; height: 360px; overflow-y: auto;; width: calc(100% - 16px); margin-top: 30px; } 
._popup.couponList .wrap .popBox .list li { position: relative; margin-bottom: 10px; } 
._popup.couponList .wrap .popBox .list li input { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; opacity: 0; cursor: pointer; height: 100%;; } 
._popup.couponList .wrap .popBox .list li > div { background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_off.png); background-position: 20px 20px; background-size: 20px; padding: 20px 20px 20px 60px; background-color: var(--bg_03); position: relative; transition: 0.2s all; border:1px solid var(--line_04); } 
._popup.couponList .wrap .popBox .list li > div:after { content: ""; display: block; clear: both; } 
._popup.couponList .wrap .popBox .list li > div .txtWrap { width: 72%; } 
._popup.couponList .wrap .popBox .list li > div .txtWrap .tit { font-weight: 600; line-height:20px; } 
._popup.couponList .wrap .popBox .list li > div .txtWrap .txt { font-size: 14px; color: var(--txt_01); margin-top: 8px; } 
._popup.couponList .wrap .popBox .list li > div .salePrice { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
._popup.couponList .wrap .popBox .list li input:checked + div { border:1px solid var(--colmainB); background-image: url(https://imagecdn.banolimpizza.com/pc/common/check_on.png); } 
._popup.couponList .wrap .popBox .list li input:checked + div .salePrice { color: #FF0000; } 
._popup.couponList .wrap ._bottomM { border-top: 1.5px solid #000; padding: 26px 0 30px; width: calc(100% - 60px); margin: 0 auto;; } 
._popup.couponList .wrap ._bottomM .saleTotla > div { float: left; padding-bottom: 20px; } 
._popup.couponList .wrap ._bottomM .saleTotla > div .tit { font-size: 14px; color: var(--txt_02); line-height: 14px; margin-bottom: 10px; } 
._popup.couponList .wrap ._bottomM .saleTotla > div .txt { line-height: 16px; } 
._popup.couponList .wrap ._bottomM .saleTotla .salePrice { padding-left: 72px; position: relative; } 
._popup.couponList .wrap ._bottomM .saleTotla .salePrice::before { content: ""; display: block; width: 30px; height: 30px; position: absolute; left: 19px; top: 5px; border-radius: 34px; background-color: var(--colmainY); background-size: 40%; background-repeat: no-repeat; background-position: center; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_minus_bl.png); } 
._popup.couponList .wrap ._bottomM .saleTotla .salePrice .txt { color: #FF0000; font-weight: 700; } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal .txt { color: var(--colmainB); } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal { float: right; text-align: right; } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal .txt { font-weight: 700; } 
._popup.couponList .wrap ._bottomM .saleTotla button { width: 100%; clear: both;; font-size: 18px; font-weight: 600; height: 52px; } 

/*멤버십할인/사용*/
._popup.membershipDiscount .wrap { width: 520px; } 
._popup.membershipDiscount .wrap .popBox { padding: 30px; } 
._popup.membershipDiscount .membershipNum .tit { font-weight: 600; line-height: 16px; margin-bottom: 16px; } 
._popup.membershipDiscount .membershipNum .number { display: flex; justify-content: space-between; margin-bottom: 20px; } 
._popup.membershipDiscount .membershipNum .number input { width: calc((100% - 30px)/4); padding: 0 10px; text-align: center; } 
._popup.membershipDiscount .membershipNum .membershipPw { margin-bottom: 20px; } 
._popup.membershipDiscount .membershipNum .membershipPw input { width: 100%; } 
._popup.membershipDiscount .membershipNum .membershipPw .txt { font-size: 14px; margin-top: 10px; color: red; text-align: right; } 
._popup.membershipDiscount .point { background-color: var(--bg_02); text-align: center; padding: 18px 0; margin-bottom: 30px; } 
._popup.membershipDiscount .point span { font-weight: 500; line-height: 16px; display: inline-block; border-right: 1px solid var(--line_01); padding: 0 10px; } 
._popup.membershipDiscount .point span:last-child { border-right: 0; } 
._popup.membershipDiscount .txtWrap { line-height: 26px; color:#595959; } 
._popup.membershipDiscount .txtWrap span { color: #000; font-weight: 600; } 
._popup.membershipDiscount .bottom { padding: 0 30px 30px; } 
._popup.membershipDiscount .bottom button { width: 100%; height: 52px; font-size: 18px; font-weight: 500; } 

/*멤버십사용*/
._popup.membershipUse .wrap { width: 520px; } 
._popup.membershipUse .wrap .popBox { padding: 30px; } 
._popup.membershipUse .wrap .popBox ul.txtWrap li:after { content: ""; display: block; clear: both; } 
._popup.membershipUse .wrap .popBox > div > .tit { font-weight: 700; padding-top: 20px; padding-bottom: 16px; line-height: 16px; } 
._popup.membershipUse .wrap .popBox ul.txtWrap { border-bottom: 1.5px solid #000; padding-bottom: 10px; } 
._popup.membershipUse .wrap .popBox ul.txtWrap li { margin-bottom: 16px; color: var(--txt_01); } 
._popup.membershipUse .wrap .popBox ul.txtWrap li .tit { float: left; font-weight: 500; } 
._popup.membershipUse .wrap .popBox ul.txtWrap li .txt { float: right; font-weight: 700; } 
._popup.membershipUse .wrap .popBox ul.txtWrap li .txt.colR { color: red; } 
._popup.membershipUse .wrap .popBox .password input { width: 100%; } 
._popup.membershipUse .wrap .popBox .password { border-bottom: 1.5px solid #000; padding-bottom:20px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li:after { content: ""; display: block; clear: both; } 
._popup.membershipUse .wrap .popBox .pointUse ul li ._check { float: left; } 
._popup.membershipUse .wrap .popBox .pointUse ul li { margin-bottom: 10px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li ._check label { font-weight: 600; line-height: 42px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point { position: relative; float: right; width: 160px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point input { width: 100%; padding-right: 50px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point input:disabled { color: var(--txt_03); } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point input:disabled + span { color: var(--txt_02); } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point span { position: absolute; right: 0; top: 0; height: 100%; line-height: 42px; width: 30px; font-weight: 600; } 
._popup.membershipUse .txtWrap { line-height: 26px; color:#595959; margin-top:10px; } 
._popup.membershipUse .txtWrap span { color: #000; font-weight: 600; } 
._popup.membershipUse .btnWrap { gap:10px; width: 100%; display: flex; margin-top: 30px; justify-content: space-between; } 
._popup.membershipUse .btnWrap button { flex-grow: 1; width: calc(50% - 5px); font-size: 18px; font-weight: 700; height: 52px; } 

/*로그인/비회원주문*/
._popup.login .closeBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_bold_lg.png); background-size: 18px; } 
._popup.login > .wrap { width: 600px; height: 780px; } 
._popup.login .popTit { text-align: center; padding-top: 60px; font-size: 30px; font-weight: 600; } 
._popup.login .popBox { padding: 10px 80px 0; } 
._popup.login .boxWrap > li { display: none; } 
._popup.login .boxWrap > li.member { display: block; } 
._popup.login .boxWrap .btnWrap button { width: 100%; height: 64px; font-size: 20px; margin-bottom: 10px; font-weight: 600; } 
._popup.login .boxWrap .btnWrap button.colW-G { border:1px solid var(--line_02) } 
._popup.login .boxWrap .btnWrap button:last-child { margin-bottom: 0; } 
._popup.login .boxWrap .inputWrap > input { width: 100%; margin-bottom: 10px; height: 48px; font-size: 18px; } 
._popup.login .boxWrap li.member .inputWrap input:last-child { margin-bottom: 0; } 
._popup.login .boxWrap li.member { margin-top: 30px; } 
._popup.login .boxWrap li.member .findWrap { padding: 20px 0; } 
._popup.login .boxWrap li.member .findWrap ._check { margin-right:20px; } 
._popup.login .boxWrap li.member .findWrap ._check label { line-height: 36px; } 
._popup.login .boxWrap li.member .findWrap .right { line-height: 36px; } 
._popup.login .boxWrap li.member .inputWrap input { width: 100%; } 
._popup.login .boxWrap li.member .snsLogin { margin-top: 30px; } 
._popup.login .boxWrap li.nomember button { width: 100%; height: 64px; font-size: 20px; font-weight: 500; } 
._popup.login .boxWrap li.nomember .btnTop { padding: 40px 0; } 
._popup.login .boxWrap li.nomember .bottom { padding-top: 40px; border-top: 1px solid var(--line_02); } 
._popup.login .boxWrap li.nomember .btnTop button { margin-bottom: 10px; } 
._popup.login .boxWrap li.nomember .btnTop button:last-child { margin-bottom: 0; } 
._popup.login .boxWrap li.nomember .bottom .txt { color: red; font-size: 18px; font-weight: 400; text-align: center; margin-bottom: 20px; } 



/*아이디/비밀번호찾기*/
._popup.accountFind .wrap { padding: 30px 40px 40px; width: 600px; height: 780px; } 
._popup.accountFind .popBox { height: 100%; } 
._popup.accountFind ._centerTit { display: none; } 
._popup.accountFind .boxWrap li { display: none; } 
._popup.accountFind .boxWrap li.idfind { display:block; } 
._popup.accountFind .boxWrap { height: calc(100% - 86px); position: relative; } 
._popup.accountFind .boxWrap .topTxt { padding: 20px 10px; } 
._popup.accountFind .boxWrap .topTxt span { padding-left: 24px; color: var(--txt_02); line-height: 24px; } 
._popup.accountFind .boxWrap .topTxt span:after { background-color: var(--txt_02); } 
._popup.accountFind .boxWrap ._inputTit { display: flex; margin-bottom: 10px; } 
._popup.accountFind .boxWrap ._inputTit .tit { width: 120px; line-height: 48px; } 
._popup.accountFind .boxWrap ._inputTit .tit span { font-weight: 600; } 
._popup.accountFind .boxWrap ._inputTit .inputWrap { width: calc(100% - 120px); } 
._popup.accountFind .boxWrap ._inputTit .inputWrap input { width: 100%; height: 48px; } 
._popup.accountFind .boxWrap .btnWrap { border-top: 1px solid var(--line_02); margin-top: 20px;; padding-top: 20px; text-align: center; } 
._popup.accountFind .boxWrap .btnWrap button { height: 46px; font-size: 18px; font-weight: 500; padding: 0 30px; } 
._popup.accountFind .boxWrap .findResult { display: none; background-color: var(--bg_03); position: absolute; left: 0; width: 100%; bottom: 0; } 
._popup.accountFind .boxWrap .findResult .box { padding: 30px; } 
._popup.accountFind .boxWrap .findResult .box.finish { border-top: 3px solid var(--colmainB); } 
._popup.accountFind .boxWrap .findResult .box.finish > .tit { margin-bottom: 10px; font-size: 22px; font-weight: 700; line-height: 22px; } 
._popup.accountFind .boxWrap .findResult .box.finish > .txt { font-size:14px; color: var(--txt_02); line-height: 24px; margin-top:5px; } 
._popup.accountFind .boxWrap .findResult .box.failure { border-top: 3px solid #FF5252; } 
._popup.accountFind .boxWrap .findResult .box.failure .tit { font-size: 18px; color: #FF5252; font-weight: 600; line-height: 22px; } 
._popup.accountFind .boxWrap .findResult .box.failure .txt { font-weight: 500; line-height: 24px; margin-top: 10px; margin-bottom: 36px; } 
._popup.accountFind .boxWrap .findResult .box.failure .sub { font-size: 14px; color: var(--txt_02); line-height: 20px; } 
._popup.accountFind .boxWrap .findResult .box .find { background-color: var(--bg_02); display: flex; border:1px solid var(--line_04); margin-top: 20px; } 
._popup.accountFind .boxWrap .findResult .box .find { line-height: 52px; } 
._popup.accountFind .boxWrap .findResult .box .find .tit { padding-left: 20px; } 
._popup.accountFind .boxWrap .findResult .box .find .txt { font-size: 22px; font-weight: 600; padding: 0 20px; } 
._popup.accountFind .boxWrap .findResult .box .loginBtn { margin-top: 20px; text-align: center; } 
._popup.accountFind .boxWrap .findResult .box .loginBtn button { width: 140px; font-size: 18px; height: 46px; } 
._popup.accountFind .boxWrap .pwfind .find { text-align: center; } 
._popup.accountFind .boxWrap .pwfind .find .txt { width: 100%; text-align: center; } 


/*비회원 주문조회*/
._popup.nonMembersOrder .wrap { width: 480px; } 
._popup.nonMembersOrder .popBox { padding: 30px; } 
._popup.nonMembersOrder .popBox .inputTit:first-child { margin-top: 0; } 
._popup.nonMembersOrder .popBox .inputTit { margin-top: 30px; } 
._popup.nonMembersOrder .popBox .inputTit .tit { float: left; width: initial; font-weight: 600; line-height: 16px; margin-bottom: 12px; color: var(--txt_01); } 
._popup.nonMembersOrder .popBox .inputTit .sub { float: right; line-height: 16px; font-size: 14px; color: var(--txt_02); } 
._popup.nonMembersOrder .popBox .inputTit input { clear: both; width: 100%; } 
._popup.nonMembersOrder .popBox .btnWrap { border-top: 1px solid var(--line_02); margin-top: 20px; padding-top: 20px; } 
._popup.nonMembersOrder .popBox .btnWrap button { width: 100%; font-size: 18px; font-weight: 600; height: 52px; } 


/*주문상세조회*/
._popup.orderDetail .wrap { width: 960px; max-height: 1000px; } 
._popup.orderDetail .wrap .popBox { position: relative; background-color: var(--bg_03); padding: 50px; padding-bottom: 130px; } 
._popup.orderDetail .popBox .titWrap { line-height: 26px; display: flex; border-bottom: 1px solid #000; padding-bottom: 30px; } 
._popup.orderDetail .popBox .titWrap .tit { font-size: 26px;; font-weight: 700; } 
._popup.orderDetail .popBox .titWrap .day { font-size: 18px; font-weight: 600; margin: 0 16px; } 
._popup.orderDetail .popBox .titWrap .orderNum { font-size: 16px; color: var(--txt_03); } 
._popup.orderDetail .popBox .userInfor { margin-bottom: 40px; margin-top: 30px; } 
._popup.orderDetail .popBox .userInfor li { margin-bottom: 16px; display: flex; } 
._popup.orderDetail .popBox .userInfor li div { line-height: 24px; font-weight: 500; } 
._popup.orderDetail .popBox .userInfor li div span { float: initial; line-height: 24px; font-weight: 500; } 
._popup.orderDetail .popBox .userInfor li div span:after { background-color: #000; } 
._popup.orderDetail .popBox .order.list { margin-bottom: 20px; max-height: 200px; overflow-y: auto; } 
._popup.orderDetail .popBox .order.list { border-bottom: 1px solid var(--line_02); } 
._popup.orderDetail .popBox .order.list li,
._popup.orderDetail .popBox .order.head { display: flex; align-items: center; padding: 20px 10px; } 
._popup.orderDetail .popBox .order.head { border-bottom: 1.5px solid #000; } 
._popup.orderDetail .popBox .order.list li { border-bottom: 1px solid var(--line_02); } 
._popup.orderDetail .popBox .order.list li:last-child { border:0 } 
._popup.orderDetail .popBox .order.list li .count span { display: none; } 
._popup.orderDetail .popBox .order.list li > div,
._popup.orderDetail .popBox .order.head li { width:100px; text-align: center; } 
._popup.orderDetail .popBox .order.list li > div.txt { text-align:left; } 
._popup.orderDetail .popBox .order.head li.product { flex-grow: 1; } 
._popup.orderDetail .popBox .order.list li .product { flex-grow: 1; text-align: left; } 
._popup.orderDetail .popBox .order.list li .product .tit { font-weight: 600; } 
._popup.orderDetail .popBox .order.list li .product .txt span { line-height: 24px; } 
._popup.orderDetail .popBox .order.list li .price { font-weight:600; text-align: right; } 
._popup.orderDetail .popBox .totalWrap { display: flex; justify-content: space-between } 
._popup.orderDetail .popBox .totalWrap .payinfor { padding-left: 10px; } 
._popup.orderDetail .popBox .totalWrap .payinfor .tit { color: var(--txt_02); line-height: 20px; margin-bottom:10px; } 
._popup.orderDetail .popBox .totalWrap .payinfor .txt { font-size:20px; font-weight: 700; line-height: 20px; margin-bottom: 10px; } 
._popup.orderDetail .popBox .totalWrap .payinfor button { padding: 15px 0; } 
._popup.orderDetail .popBox .totalWrap .payinfor button span { line-height: 24px; font-weight: 500; border-bottom: 1px solid #000; } 
._popup.orderDetail .popBox .totalWrap .payinfor button:last-child { margin-left: 24px; position: relative; } 
._popup.orderDetail .popBox .totalWrap .payinfor button:last-child:after { content: ""; display: block; width: 1px; height: 12px; position: absolute; left:-12px;; top: 50%; transform: translateY(-50%); background-color: var(--line_02); } 
._popup.orderDetail .popBox .totalWrap .priceWrap { width:260px; padding-right: 10px; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li { display: flex; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li div { line-height: 36px; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .tit { font-weight: 400; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .txt { text-align: right; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li:nth-child(2) .txt { color: var(--txt_02); } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .payTotal { font-weight: 700; font-size: 20px; } 
._popup.orderDetail .popBox .infoSubTxt { color: var(--txt_02); margin-top: 10px; background-color: var(--bg_02); padding: 16px 0; text-align: center; } 
._popup.orderDetail .popBox .orderProgress { display: flex; position: absolute; bottom: 0;; left: 0; width: 100%; height: 100px;; padding: 30px 50px; background-color: var(--bg_01) } 
._popup.orderDetail .popBox .orderProgress .tit { width: 120px; line-height: 42px; font-size: 22px; font-weight: 700; } 
._popup.orderDetail .popBox .orderProgress ul { display: flex; flex-grow: 1; max-width: 640px; position: relative; justify-content: space-between; } 
._popup.orderDetail .popBox .orderProgress ul:before { width: 100%; height: 1px; background-color: var(--line_01); content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1; } 
._popup.orderDetail .popBox .orderProgress ul li { line-height: 40px; height: 42px; padding: 0 24px; position: relative; z-index: 2; border-radius: 22px; background-color: var(--bg_01); border:1px solid var(--line_01); font-weight: 500; } 
._popup.orderDetail .popBox .orderProgress ul li.on { background-color: var(--colmainB); color: #fff; border:0 } 
._popup.orderDetail .popBox .orderProgress .refresh { height: 42px; padding-left: 26px; margin-left: 60px; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_refresh.png); background-position: left; background-size: 16px; } 



@media print { ._bottomMenu { display: none; } 
.wrapper { display: none; } 
._pageTop { display: none; } 
.headerWrap { display: none; } 
._popup.orderDetail { position: relative; width: 100%; height: 100%; } 
._popup.orderDetail .popBox .totalWrap { margin-top: 20px; } 
._popup.orderDetail .popBox .order.list { overflow: visible; max-height: initial; } 
._popup.orderDetail .dim { display: none; } 
._popup.orderDetail .popBox .orderProgress { display: none; } 
._popup.orderDetail .popBox { padding: 0; } 
._popup.orderDetail .wrap { width: 100%; height: initial; padding: 0; position: relative; max-height: initial; } 
._popup.orderDetail ._lineTit { padding-left: 0; } 
._popup.orderDetail ._lineTit:after { display: none; } 
._popup.orderDetail .wrap .popBox { background-color: red; } 
._popup.orderDetail .wrap { box-shadow: none; } 
._popup.orderDetail .popBox .totalWrap .payinfor .btnWrap { display: none; } 
 }

/*회원탈퇴*/
._popup.accountDel .wrap { width: 520px; } 
._popup.accountDel .wrap .popBox { padding: 30px; } 
._popup.accountDel .wrap .popBox .txtWrap { margin-bottom: 80px; } 
._popup.accountDel .wrap .popBox .txtWrap .txt { font-size: 20px; line-height: 34px; font-weight:500; } 
._popup.accountDel .wrap .popBox .txtWrap .sub { color: var(--txt_01); font-size: 20px; margin-top: 20px; } 
._popup.accountDel .wrap .popBox button.accountDelBtn { width: 100%; height: 64px; font-size: 22px; font-weight: 600; } 




/*
개인정보처리방침
이용약관
이메일광고동의
sns광고동의
*/
._popup._policy .wrap { width: 720px; height: 80%; padding: 30px } 
._popup._policy .btnWrap { border-top: 1px solid #000; position: absolute; width: calc(100% - 60px); text-align: right; right: 30px; bottom:0; height: 80px; } 
._popup._policy .closeBtn.bottom { top: 10px; right: 0; background-image: none; background-color: var(--colmainB); color: #fff; width: 120px; font-size: 18px; font-weight: 600; text-align: center; line-height: 42px; height: 42px; } 
._popup._policy .wrap .popBox > .tit { font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #000; font-weight: 600; } 
._popup._policy .wrap .popBox { height:100%; } 
._popup._policy .wrap .popBox .box { white-space: pre-wrap; line-height:24px; height: calc(100% - 120px); width: 100%; margin-top: 10px; overflow-y: auto; } 
._popup._policy .wrap .popBox ._scroll table { width: 100%; margin: 10px 0; border: 1px solid var(--txt_03); } 
._popup._policy .wrap .popBox ._scroll table th,
._popup._policy .wrap .popBox ._scroll table td { border: 1px solid var(--txt_03); padding: 10px; } 


/*E- 쿠폰 주문방법 안내*/
._popup.eCouponInfor .popBox { padding: 30px; } 
._popup.eCouponInfor .popBox .txtWrap .tit { font-size: 18px; line-height:32px; font-weight: 600; } 
._popup.eCouponInfor .popBox .txtWrap .tit span { font-size: 20px; font-weight: 600; background-image: linear-gradient(to top, var(--colmainY) 50%, #fff 50%); } 
._popup.eCouponInfor .popBox .txtWrap .txt { font-size: 16px; padding: 10px 0; } 
._popup.eCouponInfor .popBox .txtWrap .sub { margin-top: 30px; font-size: 16px; line-height: 24px; } 
._popup.eCouponInfor .popBox .txtWrap .txt { background-color: #f3f3f3; border-radius: 50px; display: inline-block; font-weight: 500; margin-top: 20px; line-height: 24px; padding: 0 20px; } 
._popup.eCouponInfor .btnWrap { width: 100%; border-top: 1px solid var(--line_02); padding: 30px 0; width: calc(100% - 60px); margin:0 auto } 
._popup.eCouponInfor .btnWrap button { width: 100%; font-size: 20px; height: 52px; } 


/*금액권 사용*/
._popup.giftCoupon .wrap { width: 480px; } 
._popup.giftCoupon ._topTit .txt br { display: none; } 
._popup.giftCoupon .paymentTotal { padding: 30px; padding-bottom: 20px; } 
._popup.giftCoupon .paymentTotal li { display: flex; line-height: 32px; font-weight: 500; color: var(--txt_01); justify-content: space-between; } 
._popup.giftCoupon .paymentTotal li .tit { font-size: 14px;; } 
._popup.giftCoupon .paymentTotal li .txt { font-size: 16px;; } 
._popup.giftCoupon .paymentTotal li .txt.total { color: var(--colBl); font-weight: 700; } 
._popup.giftCoupon .giftWrap { background-color: var(--bg_02); padding:20px 30px; } 
._popup.giftCoupon .giftWrap .couponNum { display: flex; } 
._popup.giftCoupon .giftWrap .couponNum button { width: 100px; } 
._popup.giftCoupon .giftWrap .couponNum input { width: calc(100% - 110px); margin-right: 10px; } 
._popup.giftCoupon .giftWrap .result { margin-top: 40px; } 
._popup.giftCoupon .giftWrap .result > .tit { font-size: 18px; font-weight: 700; margin-bottom: 20px; line-height: 18px; } 
._popup.giftCoupon .giftWrap .result .box { display: flex; line-height: 20px; padding-bottom: 20px; margin-bottom: 20px; justify-content: space-between; border-bottom: 1px solid var(--line_02); } 
._popup.giftCoupon .giftWrap .result .box .tit { color: var(--txt_01); font-weight: 500; } 
._popup.giftCoupon .giftWrap .result .box .txt { color: var(--colmainB); font-size: 20px; font-weight: 700; } 
._popup.giftCoupon .giftWrap .usePrice { display: flex; align-items:center; justify-content: space-between; } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap { border:1px solid var(--line_02); background-color: #fff; width: 200px; height: 42px; display: flex; flex-wrap: wrap; } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap input { border:0; text-align: right; padding: 0; width: calc(100% - 40px); padding-left:10px; font-weight: 600; background-color: transparent; } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap div { display: inline-block; line-height: 42px; width: 40px; font-size: 16px; text-align: center; font-weight: 600; color: var(--txt_01); } 
._popup.giftCoupon .giftWrap .giftSet { display: flex; align-items: center; justify-content: space-between; line-height: 42px;; margin-top: 10px; } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap { display: flex; justify-content: space-between; } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap ._check { margin-left: 20px; } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap label { line-height: 42px;; } 
._popup.giftCoupon .giftWrap .btnWrap { display: flex; padding-bottom: 20px; margin-top: 20px; justify-content: space-between; } 
._popup.giftCoupon .giftWrap .btnWrap button { width: calc((100% - 10px)/2); height: 52px; font-size: 18px; font-weight: 600; } 

._popup.giftCoupon .couponAdd { border-bottom: 1px solid var(--txt_01); } 
._popup.giftCoupon .couponAdd { background-color: var(--bg_02); } 
._popup.giftCoupon .couponAdd li div { font-size: 16px; height: 56px; display: flex; align-items: center; justify-content: center; gap: 10px; border-bottom: 3px solid transparent;; } 
._popup.giftCoupon .couponAdd li div img { width: 22px; } 
._popup.giftCoupon .couponAdd li input:checked + div { border-bottom: 3px solid #000;; } 

._popup.eventKbPayQR .closeBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_bl.png); background-size: 20px; } 
._popup.eventKbPayQR .wrap { width: 520px;; } 
._popup.eventKbPayQR .wrap .qr { background-color: #FFCC01; padding: 60px; } 
._popup.eventKbPayQR .wrap .qr img { width: 100%; border:10px solid #deb100; } 
._popup.eventKbPayQR .wrap .qr .txt { text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 30px; } 


/*현금영수증*/
._popup.receiptInforSet .wrap { width: 500px; } 
._popup.receiptInforSet .popBox { padding: 30px; } 
._popup.receiptInforSet .applyCheck { display: flex; margin-bottom: 30px; gap: 30px; } 
._popup.receiptInforSet .applyCheck ._check label br { display: none; } 
._popup.receiptInforSet .inputBox { display: flex; width: 100%; border:1px solid var(--line_02); line-height: 42px; } 
._popup.receiptInforSet .inputBox input { flex: 1; text-align: center; padding: 0 10px; border: 0; min-width: 80px } 
._popup.receiptInforSet .btnWrap { margin-top: 30px; display: flex; } 
._popup.receiptInforSet .btnWrap button { flex-grow: 1; width: calc(50% - 5px); font-size: 18px; font-weight: 700; height: 52px; } 

/*이벤트 타임딜 - 공유 팝업*/
._popup.share .con { position: absolute; background-color: var(--colW); box-shadow: -5px 5px 16px rgba(0, 0, 0, 0.1); left: 50%; transform: translate(-50%, -50%); top: 50%; } 
._popup.share .shareBtnBox { display: flex; } 
._popup.share .shareBtnBox li { text-align: center; padding: 24px; border-right: 1px solid var(--line_03); } 
._popup.share .titWrap { text-align: center; background-color: var(--bg_02); height: 64px; } 
._popup.share .titWrap .tit { line-height: 64px; font-size: 16px; font-weight: 600; } 
._popup.share .shareBtnBox button { display: flex; flex-direction: column; align-items: center; padding: 16px; gap: 10px; } 
._popup.share .shareBtnBox li:last-child { border: 0; } 
._popup.share .shareBtnBox button img { width: 64px; } 
._popup.share .shareBtnBox button span { font-weight: 600; } 

/*이벤트 응모*/
._popup.eventApply .wrap { width: 640px; height: 740px; overflow: auto; } 
._popup.eventApply .popBox { padding: 30px; } 
._popup.eventApply ._inputList { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; } 
._popup.eventApply ._inputList li { display: flex; margin-bottom: 0; } 
._popup.eventApply ._inputList li.check { align-items: center; } 
._popup.eventApply ._inputList li ._tit { width: 100px; } 
._popup.eventApply ._inputList li .boxFlex { flex: 1; } 
._popup.eventApply ._inputList li.addr .boxFlex { flex-direction: column; gap: 10px; } 
._popup.eventApply ._inputList li.addr .apiBox { position: relative; } 
._popup.eventApply ._inputList li.addr .apiBox .addrAPI { display: none; background-color: #fff; width: 100%; position: relative; z-index:2; height:320px; border:1px solid var(--line_03); } 
/* ._popup.eventApply ._inputList li.addr .apiBox input:focus + .addrAPI { display: block; }  */
._popup.eventApply ._inputList li.addr .apiBox input:focus { position: absolute; left: 0; top: 0; z-index: 1; } 
._popup.eventApply ._inputList li.addr .apiBox input { display: block; } 
._popup.eventApply ._inputList li input { height: 48px; font-size: 18px; } 
._popup.eventApply .notice { display: flex; flex-direction: column; background-color: var(--bg_02); padding: 30px; } 
._popup.eventApply .notice li { color: #797979; font-size: 14px; line-height: 20px; } 
._popup.eventApply .notice li.colR { color: red; font-weight: 600; margin-top: 10px; } 
._popup.eventApply .notice li.colR:last-child { margin: 0; } 
._popup.eventApply .bottom { display: flex; gap: 10px; justify-content: center; padding-bottom: 30px; } 
._popup.eventApply .bottom button { width: 220px; border-radius: 50px; font-weight: 500; } 



@media screen and (max-width: 720px) { /*common*/
._popup .wrap { width: 100%!important;; height: 100%!important; overflow-y: auto;; } 
._popup .closeBtn { position: absolute; right: 0; top: 0; width: var(--100); height: var(--100); background-size:var(--28); } 
._popup ._topTit { z-index: 200; padding:var(--40) var(--36); position: sticky; top: 0; width: 100%; } 
._popup ._topTit .tit { font-size: var(--38); line-height: var(--38); } 
._popup ._topTit .txt { font-size: var(--26); line-height: var(--36); margin-top: var(--20); } 
._popup .closeBtn { position: fixed; } 
._popup ._centerTit { font-size: var(--38); font-weight: 600; position: fixed; left: 0; top: 0; width: 100%; height: var(--100); text-align: center; line-height: var(--100); } 

/*기본 텍스트 팝업 alert / Confirm*/
._popup.basicPop .wrap { width: 90%!important; height: initial!important; border-radius: 5px; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%,-50%); } 
._popup.basicPop .wrap .txtWrap { min-height: var(--280); padding:var(--52) var(--36); } 
._popup.basicPop .wrap .txtWrap .tit { font-size: var(--30); line-height: var(--30); } 
._popup.basicPop .wrap .txtWrap .txt { line-height: var(--30); font-size: var(--26); } 
._popup.basicPop .wrap .btnWrap button { font-size: var(--28); height: var(--100); } 
._popup.basicPop.groupDel .txt span { font-size: var(--23); } 
._popup.basicPop.prompt .wrap .txtWrap { height:var(--320); } 
._popup.basicPop.groupDel .txt span { font-size: var(--24); } 



/*영양성분 및 알레르기 성분표시*/
._popup.ingredient .wrap { padding:0; height: 100%; } 
._popup.ingredient .wrap .titWrap { margin-bottom: var(--18); position: fixed; top: 0; left: 0; width: 100%;; } 
._popup.ingredient .wrap .titWrap .tit { font-size:var(--38); line-height: var(--100); padding-left: var(--36); } 
._popup.ingredient .wrap ._tab { width: calc(100% - var(--72)); position: fixed; top: var(--100); border-bottom: 1px solid var(--colBl); left: var(--36); } 
._popup.ingredient .wrap ._tab li { flex-grow: 0; padding: 0 var(--25); } 
._popup.ingredient .wrap ._tab li div { padding:0 var(--10); } 
._popup.ingredient .wrap ._tab li:first-child { padding-left: 0; } 
._popup.ingredient .wrap ._tab li input:checked + div { border-bottom: var(--3) solid var(--colBl); } 
._popup.ingredient .wrap .popBox { border: 0; overflow: auto; margin: 0 var(--36); margin-top: var(--220); height: calc(100% - var(--230)); } 
._popup.ingredient .wrap .popBox li > .txt { font-size: var(--24); padding: var(--10) 0 var(--40); line-height: var(--38); } 
._popup.ingredient .wrap .popBox li ._table th, 
._popup.ingredient .wrap .popBox li ._table td { padding:var(--10) var(--20); } 
._popup.ingredient .wrap .popBox li.origin ._table th { min-width:var(--210); } 
._popup.ingredient .wrap .popBox li.allergy ._table th { min-width:var(--100); } 
._popup.ingredient .wrap .popBox li.allergy ._table td { line-height: var(--32); } 
._popup.ingredient .wrap .popBox li.nutrients ._table th { width: var(--100); } 
._popup.ingredient .wrap .popBox li.nutrients ._table th,
._popup.ingredient .wrap .popBox li.nutrients ._table td { font-size: var(--18); padding: var(--10); } 
._popup.ingredient .wrap .popBox li.nutrients ._table { width: 140%; } 
._popup.ingredient .wrap .popBox li.nutrients ._table tbody th { width: 16%; line-height: var(--32); } 

/*주문방법 선택*/
._popup.pickupType .closeBtn { z-index: 202; } 
._popup.pickupType > .wrap { width: 100%; height: 100%; } 
._popup.pickupType .wrap > .tit { position: fixed; top: 0; z-index: 201; background-color: var(--colW); left: 0; width: 100%; font-size: var(--38); line-height: var(--100); } 
._popup.pickupType .wrap .pickupTypeTab { position: fixed; left: 0; z-index: 201; background-color: var(--colW); top: var(--100); width: 100%; } 
._popup.pickupType .wrap .pickupTypeTab li { height: var(--100); } 
._popup.pickupType .wrap .pickupTypeTab li div { line-height:var(--100); font-size: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon { position: absolute; top: var(--200); height:initial; width: 100%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top { border-bottom: 1px solid var(--line_02); padding: var(--36); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .icon_delivery { background-position: left; line-height: var(--64); background-size:var(--60); padding-left:var(--80); font-size: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .colW-Bl { width: var(--180); height: var(--64); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .top .colW-Bl span { font-size: var(--26); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList { overflow: visible; width:100%; height: 100%; background-color:var(--colW); border:0; border-top: var(--20) solid var(--bg_02); padding:0 var(--36); margin-bottom: 0; padding-bottom: var(--100); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check { padding: var(--36) 0; padding-bottom: 0; border-bottom: 1px solid var(--line_02); margin-bottom: 0; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check input { width:100%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check label { width: calc(100% - var(--56)); line-height: var(--42); font-size: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button.delBtn { position: absolute; height: 100%; top: 0; width:var(--92); right: -5vw; font-size: 0; background-size: var(--20); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button.addrFavoritesBtn { right:0; font-size: var(--28); height: initial; width: initial; padding:var(--20) var(--26); margin-top: var(--20); margin-left: var(--40); position: relative; color: var(--txt_01); line-height: var(--60); background-color: transparent; border:0 } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button.addrFavoritesBtn:after { content: ""; display: block; height: 1px; width: var(--100); position: absolute; bottom: var(--30); left: var(--26); background-color: var(--txt_03); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList ._check button { position: static; top: 50%; transform: translateY(0); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeDelivery .addrList .empty { font-size: var(--28); line-height: var(--48); margin-top: var(--90); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab { display: none; position: fixed; top:var(--200); left: 0;; display: flex; width: 100%; margin: 0 auto;; margin-bottom: var(--36); padding:0 var(--36); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab div { border-bottom: 1px solid var(--colBl); width: 50%; text-align: center; height: var(--100); line-height: var(--100); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab div span { font-size: var(--30); height: var(--30); font-weight: 500; padding-left: var(--34); background-position: left; background-size: var(--24); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab div.area span { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_search_bl.png); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .moTab div.around span { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_location_bl.png); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit { padding:0; display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div { width: 100%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left { padding-right: 0; padding: 0 var(--36); height:initial; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.right { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--dim); padding-left: 0; z-index: 203; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.right .mapWrap { background: var(--colW); position: absolute; left: 50%; top: 50%; width: 90%; height: initial!important; transform: translate(-50%,-50%); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left.area .moTab div.area { border-bottom: var(--6) solid var(--colBl); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left.around .moTab div.around { border-bottom: var(--6) solid var(--colBl); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left.area .top { display: block; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left.around .top { display: none; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit > div.left.around .storeList { top:calc(var(--300) + var(--20)); height:calc(100% - var(--360)); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .top { position: fixed; top:var(--300); width: 100%; left: 0;; margin-bottom: 0; padding:0 var(--36); padding-top: var(--36); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .top select { width:calc(50% - var(--10)); height: var(--86);; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList { position: fixed; left: 0; top:calc(var(--400) + var(--50)); width: 100%; height:calc(100% - var(--460)); padding-right: 0;; padding: 0 var(--36); padding-bottom: var(--120); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div { margin-bottom: var(--20); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box { background-size: var(--28); background-position: var(--36) var(--40);; padding: var(--36) var(--36) var(--30) var(--90); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div.right { padding-left: 5px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name { margin-bottom: var(--18); gap: var(--14); width: calc(100% - var(--150)); flex-direction: column; align-items: start; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name .store { font-size: var(--30); line-height: var(--30); width: 100%; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .name .preparing { font-size: var(--22); line-height:var(--22); padding: var(--6) var(--12); border-radius:var(--24); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .addr { margin-bottom: var(--14); font-size: var(--24); line-height: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .callNum { font-size: var(--26); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .callBtn:disabled { opacity: 0.3; color: #000; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .callBtn { position: absolute; right: 0; bottom: 0; font-size: var(--26); padding: var(--36); font-weight: 500; display: block; padding-left:var(--62); background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_call.png); background-size: var(--26); background-position: var(--20); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeList > div .box .detailBtn { position: absolute; display: block; right: 0; top: 0; font-size: var(--24); color: var(--txt_02); padding: var(--30); background-image: url(https://imagecdn.banolimpizza.com/pc/arrow/arrow_right_bf.png); padding-right: var(--48); background-size: var(--10); background-position:calc(100% - var(--30)); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .map { height: var(--460); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor { padding: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name { height: initial; margin-bottom: var(--30); margin-top: var(--10); display: flex; align-items: center; gap: 10px; } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name .store { font-size: var(--34);; font-weight: 600; line-height: var(--40); max-width: calc(100% - var(--140)); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .name .preparing { font-size: var(--22); line-height: var(--22); padding: var(--6) var(--12); border-radius:var(--24); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li { margin-bottom: var(--20); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li .tit { width: var(--160);; line-height: var(--32); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .stroeInfor .list li .txt { width: calc(100% - var(--160)); line-height: var(--32); } 
._popup.pickupType .wrap .pickupTypeCon .pickupTypeVisit .storeDetailClose { display: block; width: calc(100% - var(--60)); margin: 0 auto;; font-size: var(--28); text-align: center; font-weight: 600; line-height: var(--72); border:1px solid var(--line_02); margin-bottom: var(--30); } 
._popup.pickupType .wrap .pickupTypeCon > li > .bottom { width: 100%; border-top:0; padding: 0; position: fixed; } 
._popup.pickupType .wrap .pickupTypeCon > li > .bottom button { width: 100%; height: var(--100); font-size: var(--30); } 





._addrSearch { z-index: 202; overflow: hidden;; } 
._addrSearch .wrap { width: 86%!important; overflow: visible; } 
._addrSearch .wrap .close { right: initial; left: -16%; top: 0; width: 16%; height: var(--100); font-size: 0; background-size: var(--28); z-index: 201; background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_w.png); } 
._addrSearch .wrap .titWrap { padding:0 var(--36); line-height: var(--100); } 
._addrSearch .wrap .titWrap .tit { font-size: var(--32); } 
._addrSearch .wrap .titWrap .txt { margin-left: var(--10); font-size: var(--24); } 
._addrSearch .wrap .addrWrap { height: calc(100% - (var(--580) + var(--14))); } 
._addrSearch .wrap .addrInputWrap { position: absolute; border-top: var(--2) solid var(--colBl); bottom: 0; background-color: var(--bg_02); height: initial; padding: var(--40) var(--36); } 
._addrSearch .wrap .addrInputWrap > .tit { font-size: var(--26); line-height: var(--26); margin-bottom: var(--16); } 
._addrSearch .wrap .addrInputWrap input { height:var(--72); margin-bottom: var(--10); } 
._addrSearch .wrap .addrInputWrap .btnWrap { padding-top:var(--16); } 
._addrSearch .wrap .addrInputWrap .btnWrap .txt { width: 100%; font-size: var(--22); line-height: var(--36); margin-bottom: var(--20); } 
._addrSearch .wrap .addrInputWrap .btnWrap button { width:100%; height: var(--100); font-size: var(--30); } 

/*비대면 안전 배달*/
._popup.safeDelivery .popBox { padding:var(--50) var(--36); padding-top: var(--40); } 
._popup.safeDelivery .popBox .tit { font-size:var(--30); margin-bottom: var(--50); } 
._popup.safeDelivery .popBox ul li { margin-bottom: var(--30); } 
._popup.safeDelivery .popBox ul li label { font-size: var(--30); font-weight: 500; } 
._popup.safeDelivery .popBox > button { height:var(--100); font-size: var(--30); margin-top: var(--30); } 

/*쿠폰선택*/
._popup.couponList .wrap { width: 100%; } 
._popup.couponList .closeBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_dg.png); } 
._popup.couponList .wrap ._topTit .tit { line-height: var(--44); padding-right: var(--80); } 
._popup.couponList .wrap .popBox .list { padding-right: 0; } 
._popup.couponList .wrap .popBox { padding:var(--36); padding-bottom: var(--400); width: 100%; margin-top: 0; } 
._popup.couponList .wrap .popBox .list li { margin-bottom: var(--24); } 
._popup.couponList .wrap .popBox .list li > div { background-position: var(--40) var(--36); background-size: var(--28); padding: var(--28) var(--36) var(--36) var(--100); } 
._popup.couponList .wrap .popBox .list li > div .txtWrap { width: 100%; } 
._popup.couponList .wrap .popBox .list li > div .txtWrap .tit { line-height:var(--44); font-size: var(--30); } 
._popup.couponList .wrap .popBox .list li > div .txtWrap .txt { font-size: var(--24); line-height: var(--36); margin-top: 8px; } 
._popup.couponList .wrap .popBox .list li > div .salePrice { position: static; right: initial; font-size: var(--28); top:initial; margin-top: var(--10); transform: translateY(-0%); } 
._popup.couponList .wrap ._bottomM { border-top: var(--3) solid #000; padding: var(--40) 0; padding-bottom: 0; width: 100%; background-color: var(--bg_03); margin: 0 auto;; } 
._popup.couponList .wrap ._bottomM .saleTotla > div:after { content: ""; display: block; clear: both; } 
._popup.couponList .wrap ._bottomM .saleTotla > div { float: initial; padding:0; width: calc(100% - var(--72)); margin: 0 auto var(--30); } 
._popup.couponList .wrap ._bottomM .saleTotla > div .tit { font-size: var(--26); float: left; line-height:var(--28); margin-bottom: 0; } 
._popup.couponList .wrap ._bottomM .saleTotla > div .txt { line-height:var(--28); font-size: var(--28); float:right; } 
._popup.couponList .wrap ._bottomM .saleTotla .salePrice { padding: 0; } 
._popup.couponList .wrap ._bottomM .saleTotla .salePrice::before { display: none; } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal { float: initial; text-align: left; border-top: 1px solid #000; padding: var(--30) 0 var(--20); } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal .tit { color: #000; } 
._popup.couponList .wrap ._bottomM .saleTotla .payTotal .txt { font-size: var(--34); } 
._popup.couponList .wrap ._bottomM .saleTotla button { font-size: var(--30); height: var(--100); } 

/*멤버십할인/사용*/
._popup.membershipDiscount .wrap .popBox { padding: var(--40) var(--36); } 
._popup.membershipDiscount .membershipNum .tit { font-size: var(--26); line-height:var(--26); margin-bottom: var(--20); } 
._popup.membershipDiscount .membershipNum .number { display: flex; justify-content: space-between; margin-bottom: var(--30); } 
._popup.membershipDiscount .membershipNum .number input { width: calc((100% - var(--30))/4); padding: 0 var(--10); } 
._popup.membershipDiscount .membershipNum .membershipPw { margin-bottom: var(--40); } 
._popup.membershipDiscount .membershipNum .membershipPw .txt { font-size: var(--24); margin-top: var(--10); } 
._popup.membershipDiscount .point { line-height: var(--24); padding: var(--32) 0; margin-bottom: var(--70); } 
._popup.membershipDiscount .point span { font-size: var(--24); line-height: var(--24); display: inline-block; padding: 0 var(--12); } 
._popup.membershipDiscount .txtWrap { line-height: var(--46); font-size: var(--26); } 
._popup.membershipDiscount .txtWrap span { color: #000; font-weight: 600; } 
._popup.membershipDiscount .bottom { padding:0 var(--36); padding-bottom: var(--100); } 
._popup.membershipDiscount .bottom button { height: var(--100); font-size: var(--30); width: 100%; } 

/*멤버십사용*/
._popup.membershipUse .wrap .popBox { padding: var(--40) var(--36); } 
._popup.membershipUse .wrap .popBox > div > .tit { padding-top: var(--32); font-size: var(--26); line-height: var(--26); padding-bottom: var(--20); line-height: var(--26); } 
._popup.membershipUse .wrap .popBox ul.txtWrap { padding-bottom: var(--10); margin-top: 0; } 
._popup.membershipUse .wrap .popBox ul.txtWrap li { margin-bottom: var(--30); } 
._popup.membershipUse .wrap .popBox ul.txtWrap li .tit { font-size: var(--26); line-height: var(--30) } 
._popup.membershipUse .wrap .popBox ul.txtWrap li .txt { font-size: var(--30); line-height: var(--30) } 
._popup.membershipUse .wrap .popBox .password { border-bottom: 1.5px solid #000; padding-bottom:20px; } 
._popup.membershipUse .wrap .popBox .pointUse ul li:after { content: ""; display: block; clear: both; } 
._popup.membershipUse .wrap .popBox .pointUse ul li { margin-bottom: var(--16); } 
._popup.membershipUse .wrap .popBox .pointUse ul li ._check label { font-weight: 600; line-height: var(--72); } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point { width: var(--280); } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point input { width: 100%; padding-right: var(--60); height: var(--72); } 
._popup.membershipUse .wrap .popBox .pointUse ul li .point span { line-height: var(--72); width: var(--50); } 
._popup.membershipUse .txtWrap { line-height: var(--40); color:#595959; } 
._popup.membershipUse .txtWrap span { color: #000; font-weight: 600; } 
._popup.membershipUse .btnWrap { margin-top: var(--30); gap: var(--10); } 
._popup.membershipUse .btnWrap button { width: calc(50% - var(--10)); font-size: var(--28); height: var(--100); } 


/*로그인/비회원주문*/
._popup.login .closeBtn { background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_lg.png); background-size: var(--28); } 
._popup.login .popTit { padding-top: 0; font-size: var(--38); line-height: var(--100); } 
._popup.login .popBox { padding: var(--20) var(--40) 0; } 
._popup.login .boxWrap .btnWrap button { height: var(--100); font-size: var(--30); margin-bottom: var(--20); } 
._popup.login .boxWrap .inputWrap > input { margin-bottom: var(--20); height: var(--92); font-size: var(--28); } 
._popup.login .boxWrap li.member { margin-top: var(--38); } 
._popup.login .boxWrap li.member .findWrap { padding: var(--40) 0; } 
._popup.login .boxWrap li.member .findWrap ._check { margin-right:var(--38); } 
._popup.login .boxWrap li.member .findWrap ._check label { font-weight: 500; font-size: var(--24); line-height: var(--42); } 
._popup.login .boxWrap li.member .findWrap .right { font-weight: 500; font-size: var(--24); line-height: var(--42); } 
._popup.login .boxWrap li.member .snsLogin { margin-top: var(--40); } 

._popup.login .boxWrap li.nomember button { height: var(--100); font-size: var(--30); } 
._popup.login .boxWrap li.nomember .btnTop { padding: var(--40) 0; } 
._popup.login .boxWrap li.nomember .bottom { padding-top: var(--40); } 
._popup.login .boxWrap li.nomember .btnTop button { margin-bottom: var(--30); } 
._popup.login .boxWrap li.nomember .bottom .txt { font-size: var(--28); margin-bottom: var(--40); } 





/*아이디/비밀번호찾기*/
._popup.accountFind .wrap { padding: 0 var(--40) } 
._popup.accountFind .popBox { padding-top: var(--120); height: initial; } 
._popup.accountFind .wrap ._centerTit { display: block; } 
._popup.accountFind .boxWrap { height: initial; } 
._popup.accountFind .boxWrap .topTxt { padding:var(--20) 0; padding-top: var(--30); margin-bottom: var(--30); } 
._popup.accountFind .boxWrap .topTxt span { padding-left: var(--24); font-size: var(--24); line-height: var(--32); margin-bottom: var(--10); } 
._popup.accountFind .boxWrap ._inputTit { display: block; margin-bottom: var(--60); } 
._popup.accountFind .boxWrap ._inputTit .tit { font-size: var(--26); width: 100%; line-height: var(--26); margin-bottom: var(--16); } 
._popup.accountFind .boxWrap ._inputTit .inputWrap { width:100%; } 
._popup.accountFind .boxWrap ._inputTit .inputWrap input { height: var(--92); } 
._popup.accountFind .boxWrap .btnWrap { margin-top: var(--40);; padding-top: var(--40); } 
._popup.accountFind .boxWrap .btnWrap button { width: 100%; height: var(--100); font-size: var(--30); padding: 0; } 
._popup.accountFind .boxWrap .findResult { position: fixed; z-index: 203; left:0; bottom: initial; top: 0; width: 100%; height: 100%; background-color: transparent; } 
._popup.accountFind .boxWrap .findResult .subDim { width: 100%; height: 100%; position: absolute; left: 0; top: 0;; background-color: var(--dim); } 
._popup.accountFind .boxWrap .findResult .box { background-color: #fff; position: absolute; left: 50%; top: 50%;; transform: translate(-50%,-80%); width: calc(100% - var(--40)); } 
._popup.accountFind .boxWrap .findResult .box { padding: var(--50) var(--50) var(--50); } 
._popup.accountFind .boxWrap .findResult .box .findResultClose { position: absolute; right: var(--30); top: var(--30); width: var(--72); background-size: var(--22); height: var(--72); background-image: url(https://imagecdn.banolimpizza.com/pc/common/icon_x_bold_lg.png); } 
._popup.accountFind .boxWrap .findResult .box.finish { border-top: var(--3) solid var(--colmainB); } 
._popup.accountFind .boxWrap .findResult .box.finish > .tit { margin-bottom: var(--30); font-size: var(--32); line-height: var(--32); } 
._popup.accountFind .boxWrap .findResult .box.finish > .txt { font-size:var(--26); line-height: var(--42); margin-top:var(--30); } 
._popup.accountFind .boxWrap .findResult .box.failure { border-top: var(--3) solid #FF5252; } 
._popup.accountFind .boxWrap .findResult .box.failure .tit { font-size: var(--32); font-weight: 600; line-height: var(--32); } 
._popup.accountFind .boxWrap .findResult .box.failure .txt { font-size: var(--26); width: 80%; line-height: var(--42); margin-top: var(--30); margin-bottom: var(--40); } 
._popup.accountFind .boxWrap .findResult .box.failure .sub { font-size: var(--24); line-height: var(--42); } 
._popup.accountFind .boxWrap .findResult .box .find { margin-top: var(--40); } 
._popup.accountFind .boxWrap .findResult .box .find { line-height: var(--82); } 
._popup.accountFind .boxWrap .findResult .box .find .tit { font-size: var(--26); padding-left: var(--30); } 
._popup.accountFind .boxWrap .findResult .box .find .txt { font-size: var(--28); padding: 0 var(--30); } 
._popup.accountFind .boxWrap .findResult .box .loginBtn { margin-top: var(--30); } 
._popup.accountFind .boxWrap .findResult .box .loginBtn button { width: var(--200); font-size: var(--28); height: var(--72); } 
._popup.accountFind .boxWrap .pwfind .find { text-align: center; } 
._popup.accountFind .boxWrap .pwfind .find .txt { width: 100%; text-align: center; } 


/*비회원 주문조회*/
._popup.nonMembersOrder .popBox { padding: var(--36); } 
._popup.nonMembersOrder .popBox .inputTit { margin-top: var(--60); } 
._popup.nonMembersOrder .popBox .inputTit .tit { font-size: var(--26); color: #000; line-height: var(--26); margin-bottom: var(--20); } 
._popup.nonMembersOrder .popBox .inputTit .sub { line-height: var(--26); font-size: var(--24); } 
._popup.nonMembersOrder .popBox .btnWrap { margin-top: var(--40); padding-top: var(--40); } 
._popup.nonMembersOrder .popBox .btnWrap button { font-size: var(--30); height: var(--100); } 


/*주문상세조회*/
._popup.orderDetail .wrap { max-height: 100%; } 
._popup.orderDetail .wrap .popBox { background-color: #fff; overflow-y: visible;; padding: 0; padding-bottom: var(--120); } 
._popup.orderDetail .popBox .titWrap { border-bottom: 1px solid var(--line_02); line-height: initial; display: block; padding-bottom:var(--30); position: fixed; background-color: #fff; top: 0; left: 0;; width: 100%; z-index: 1; } 
._popup.orderDetail .popBox .titWrap .tit { line-height: var(--100); text-align: center; font-size: var(--38); } 
._popup.orderDetail .popBox .titWrap .day { padding-left: var(--36); line-height: var(--26); font-size: var(--26); margin: 0; } 
._popup.orderDetail .popBox .titWrap .orderNum { margin-top: var(--20); padding-left: var(--36); line-height: var(--26); font-size: var(--26); } 
._popup.orderDetail .popBox .userInfor { border-top: var(--22) solid var(--bg_02); padding:var(--36); border-bottom: 1px solid var(--line_02); margin-bottom: 0; margin-top: 0; margin-top: var(--200); } 
._popup.orderDetail .popBox .userInfor li:last-child { margin-bottom: 0; } 
._popup.orderDetail .popBox .userInfor li { margin-bottom: var(--30); display: flex; } 
._popup.orderDetail .popBox .userInfor li div.txt { font-weight: 600; } 
._popup.orderDetail .popBox .userInfor li div { font-size: var(--28); line-height: var(--36); } 
._popup.orderDetail .popBox .userInfor li div span { line-height: var(--36); display: block; margin: 0; padding: 0; font-size: var(--26); color: var(--txt_02); margin-top: var(--10); } 
._popup.orderDetail .popBox .userInfor li div span:after { display: none; } 
._popup.orderDetail .popBox .orderInfor { padding: var(--36); padding-top: 0; border-top: var(--22) solid var(--bg_02); } 
._popup.orderDetail .popBox ._lineTit { line-height: var(--100); border-bottom: 1px solid #000; margin-bottom: 0; } 
._popup.orderDetail .popBox .order.list li:after { content: ""; display: block; clear: both; } 
._popup.orderDetail .popBox .order.list { border-bottom: 1px solid #000; margin-bottom: 0; max-height: initial; overflow-y: visible; } 
._popup.orderDetail .popBox .order.head { display: none; } 
._popup.orderDetail .popBox .order.list li { display: block; padding: var(--36) 0; } 
._popup.orderDetail .popBox .order.list li .count span { font-weight: 600; font-size: var(--24); display: inline-block; } 
._popup.orderDetail .popBox .order.list li > div { width:initial; text-align: left; } 
._popup.orderDetail .popBox .order.list li .product { margin-bottom: var(--30); } 
._popup.orderDetail .popBox .order.list li .product .tit { font-weight: 700; } 
._popup.orderDetail .popBox .order.list li .product .txt span { font-weight: 500; line-height: var(--26); } 
._popup.orderDetail .popBox .order.list li .count { font-weight: 600; display: inline-block; font-size: var(--24); } 
._popup.orderDetail .popBox .order.list li .price { font-weight:600; text-align: right; display: inline-block; font-size: var(--24); float: right; } 
._popup.orderDetail .popBox .totalWrap { padding:var(--36); padding-top: 0; display: block; } 
._popup.orderDetail .popBox .totalWrap .payinfor { padding-left: 0; padding-bottom: var(--36); position: relative; border-bottom: 1px solid var(--line_02); } 
._popup.orderDetail .popBox .totalWrap .payinfor .tit { line-height: var(--24); margin-bottom:var(--20); font-size: var(--24); } 
._popup.orderDetail .popBox .totalWrap .payinfor .btnWrap { position: absolute; right: 0; bottom:0 } 
._popup.orderDetail .popBox .totalWrap .payinfor .txt { font-size:var(--30); line-height: var(--30); margin-bottom: 0; } 
._popup.orderDetail .popBox .totalWrap .payinfor button { padding: var(--36) 0; } 
._popup.orderDetail .popBox .totalWrap .payinfor button span { line-height: var(--26); } 
._popup.orderDetail .popBox .totalWrap .payinfor button:last-child { margin-left: var(--32); position: relative; } 
._popup.orderDetail .popBox .totalWrap .payinfor button:last-child:after { height: var(--26); left:-2.5vw;; } 
._popup.orderDetail .popBox .totalWrap .priceWrap { padding:var(--36) 0; width:100%; } 
._popup.orderDetail .popBox .totalWrap .priceWrap li div { line-height: var(--58); } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .tit { font-size: var(--26); } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .txt { font-size: var(--28); } 
._popup.orderDetail .popBox .totalWrap .priceWrap li .payTotal { font-size: var(--30); } 
._popup.orderDetail .popBox .infoSubTxt { padding: var(--36) var(--36); line-height: var(--36); } 
._popup.orderDetail .popBox .orderProgress { align-items: center; justify-content: space-between; position: fixed; height: var(--130);; padding: 0 var(--36); padding-right: var(--20); } 
._popup.orderDetail .popBox .orderProgress .tit { display: none; } 
._popup.orderDetail .popBox .orderProgress ul { height: var(--58); max-width: var(--580); } 
._popup.orderDetail .popBox .orderProgress ul:before { width: 100%; height: 1px; background-color: var(--line_01); content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); display: block; z-index: 1; } 
._popup.orderDetail .popBox .orderProgress ul li { line-height: var(--58); height: var(--58); padding: 0 var(--20); border-radius: var(--58); } 
._popup.orderDetail .popBox .orderProgress .refresh { height: var(--64); padding-left: 0; font-size: 0; width: var(--64); margin-left: 0; background-position: center; background-size: var(--26); } 




/*회원탈퇴*/
._popup.accountDel .wrap .popBox { padding: var(--36); } 
._popup.accountDel .wrap .popBox .txtWrap { margin-bottom: var(--100); } 
._popup.accountDel .wrap .popBox .txtWrap .txt { font-size: var(--26); line-height: var(--42); } 
._popup.accountDel .wrap .popBox .txtWrap .sub { font-size: var(--24); margin-top: var(--20); } 
._popup.accountDel .wrap .popBox button.accountDelBtn { height: var(--72); font-size: var(--28); } 






/*
개인정보처리방침
이용약관
이메일광고동의
sns광고동의
*/
._popup._policy .wrap { height: 100%; padding: var(--36); padding-top: 0; } 
._popup._policy .btnWrap { border-top:0; position: relative; width: 100%; text-align: right; right: initial; bottom: initial; height:var(--72); } 
._popup._policy .closeBtn.bottom { position: relative; top: initial; right: initial; width: var(--180); font-size: var(--28); float: right; line-height: var(--72); height:var(--72); } 
._popup._policy .wrap .popBox > .tit { font-size: var(--36); position: fixed; border-bottom: 1px solid var(--line_02); top: 0; background-color: #fff; left: 0; height: var(--100); width: 100%; line-height: var(--100); text-align: center; padding-bottom: 0; } 
._popup._policy .wrap .popBox { height:initial; } 
._popup._policy .wrap .popBox .box { padding-top: var(--120); font-size: var(--24); line-height:var(--36); height: initial; width: 100%; margin-top: 0; overflow-y: visible; } 
._popup._policy .wrap .popBox ._scroll table { margin: var(--10) 0; } 
._popup._policy .wrap .popBox ._scroll table th,
._popup._policy .wrap .popBox ._scroll table td { border: 1px solid var(--txt_03); padding: var(--10); } 

/*환경설정 PUSH*/
._popup.setting .wrap { width:var(--600)!important; height: initial!important; border-radius: var(--10); left: 50%; top: 50%; transform: translate(-50%,-50%); } 
._popup.setting .wrap .popBox .tit { line-height: var(--36); padding: var(--36); background-color: var(--bg_01); font-size: var(--36); font-weight: 600; } 
._popup.setting .wrap .popBox .box { padding:var(--52) var(--36); display: flex; justify-content: space-between; } 
._popup.setting .wrap .popBox .box .txt { font-size: var(--30); font-weight: 600; line-height: var(--56); } 
._popup.setting ._switch input[type="checkbox"]:checked + .switch_label:after { content: "켜기"; position: absolute; left: -10vw; font-size: var(--28); font-weight: 600; line-height: var(--56); color: var(--colmainB); } 
._popup.setting ._switch .switch_label:after { position: absolute; left: -10vw; font-size: var(--28); font-weight: 600; line-height: var(--56); content: "끄기"; } 



/*E- 쿠폰 주문방법 안내*/
._popup.eCouponInfor ._topTit .tit { font-size: var(--34); } 
._popup.eCouponInfor ._topTit .txt { font-size: var(--24); } 
._popup.eCouponInfor .wrap { width:80%!important; left: 50%; transform: translate(-50%,-50%); max-height: 80%; height:initial!important; top: 50%; } 
._popup.eCouponInfor .popBox { padding: var(--36); } 
._popup.eCouponInfor .popBox .txtWrap .tit { font-size: var(--26); line-height:var(--42); } 
._popup.eCouponInfor .popBox .txtWrap .tit span { font-size: var(--32); margin-top: var(--10); } 
._popup.eCouponInfor .popBox .txtWrap .txt { font-size: var(--24); padding: var(--20) 0; } 
._popup.eCouponInfor .popBox .txtWrap .sub { margin-top: var(--30); font-size: var(--24); line-height: var(--32); } 
._popup.eCouponInfor .popBox .txtWrap .txt { border-radius: var(--50); margin-top: var(--20); line-height: var(--50); padding: 0 var(--30); } 
._popup.eCouponInfor .btnWrap { padding: var(--36) 0; width: calc(100% - var(--72)); } 
._popup.eCouponInfor .btnWrap button { width: 100%; font-size: var(--28); height: var(--72); } 

/*금액권 사용*/
._popup.giftCoupon .wrap { background-color: var(--bg_02); } 
._popup.giftCoupon ._topTit .txt br { display: block; } 
._popup.giftCoupon .paymentTotal { padding: var(--42); padding-bottom: var(--40); background-color: #fff; } 
._popup.giftCoupon .paymentTotal li { line-height: var(--64); } 
._popup.giftCoupon .paymentTotal li .tit { font-size: var(--26);; } 
._popup.giftCoupon .paymentTotal li .txt { font-size: var(--28);; } 
._popup.giftCoupon .giftWrap { padding:var(--36) var(--42); } 
._popup.giftCoupon .giftWrap .couponNum button { width: var(--160); } 
._popup.giftCoupon .giftWrap .couponNum input { width: calc(100% - var(--180)); margin-right: var(--20); } 
._popup.giftCoupon .giftWrap .result { margin-top: var(--52); } 
._popup.giftCoupon .giftWrap .result > .tit { font-size: var(--28); margin-bottom: var(--40); line-height: var(--28); } 
._popup.giftCoupon .giftWrap .result .box { line-height: var(--42); padding-bottom: var(--36); margin-bottom: var(--36); } 
._popup.giftCoupon .giftWrap .result .box .txt { font-size: var(--32); letter-spacing: -0.1vw; } 
._popup.giftCoupon .giftWrap .usePrice .tit { font-size: var(--26); width: var(--200); } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap { width: calc(100% - var(--220)); height: var(--92); } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap input { width: calc(100% - var(--72)); padding-left:var(--20); } 
._popup.giftCoupon .giftWrap .usePrice .inputWrap div { line-height: var(--92); width:var(--72); font-size: var(--26); } 
._popup.giftCoupon .giftWrap .giftSet { line-height: var(--52);; margin-top: var(--42); } 
._popup.giftCoupon .giftWrap .giftSet > .tit { font-size: var(--26); line-height: var(--52);; letter-spacing: -0.1vw; } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap { margin-top:0; } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap ._check { margin-left: var(--30); } 
._popup.giftCoupon .giftWrap .giftSet .checkWrap label { line-height: var(--52);; } 
._popup.giftCoupon .giftWrap .btnWrap { padding-bottom: var(--40); padding-top: var(--36); margin-top: var(--36); border-top: 1px solid var(--line_02); } 
._popup.giftCoupon .giftWrap .btnWrap button { width: calc((100% - var(--20))/2); font-size: var(--28); height: var(--100); } 
._popup.giftCoupon .couponAdd li div { font-size: var(--28); height: var(--100); gap: var(--10); border-bottom: var(--6) solid transparent;; } 
._popup.giftCoupon .couponAdd li div img { width: var(--30); } 
._popup.giftCoupon .couponAdd li input:checked + div { border-bottom: var(--6) solid #000;; } 




/*메인 공지팝업*/
._popup.mainNotice .wrap { width: 90%!important; height: initial!important; top: 50%; left: 50%; transform: translate(-50%,-50%); height: initial; } 
._popup.mainNotice .wrap img { width: 100%; } 
._popup.mainNotice .wrap .closeBtn { width: var(--64); height: var(--64); } 
._popup.mainNotice .wrap ul { height: var(--64); } 
._popup.mainNotice .wrap ul li { height: var(--64); } 
._popup.mainNotice .wrap ul label .text { font-size: var(--24); line-height: var(--64);; padding-left: var(--36); background-size: var(--24); padding-right: var(--36); } 
._popup.mainNotice .wrap label input + span + .text { font-size: var(--24);; padding-left: var(--30); } 


/*메인 공지팝업 - 로고 아래 중앙*/
.mainNotice.type_02 { display: none; } 



/*현금영수증*/
._popup.receiptInforSet .popBox { padding: var(--40) var(--36); } 
._popup.receiptInforSet .applyCheck { flex-grow: 1; margin-bottom: var(--50); gap: var(--40); } 
._popup.receiptInforSet .applyCheck ._check { flex-grow: 1; } 
._popup.receiptInforSet .applyCheck ._check label { line-height: var(--30); text-align: center; width: 100%; padding-right: var(--66); } 
._popup.receiptInforSet .applyCheck ._check label br { display: block; } 
._popup.receiptInforSet .inputBox { line-height: var(--92); } 
._popup.receiptInforSet .inputBox input { flex: 1; text-align: center; padding: 0 var(--10); border: 0; min-width: var(--80) } 
._popup.receiptInforSet .btnWrap { margin-top: var(--60); display: flex; } 
._popup.receiptInforSet .btnWrap button { width: calc(50% - var(--10)); font-size: var(--28); height: var(--100); } 



/*이벤트 타임딜 - 공유 팝업*/
._popup.share .con { width: 86%; } 
._popup.share .shareBtnBox li { width: 50%; padding: var(--36); display: flex; justify-content: center; } 
._popup.share .titWrap { height: var(--100); } 
._popup.share .titWrap .tit { height: var(--100); font-size: var(--32); } 
._popup.share .shareBtnBox button { padding: var(--36); gap: var(--18); } 
._popup.share .shareBtnBox button img { width: var(--100); } 
._popup.share .shareBtnBox button span { font-size: var(--24); } 


/*home 하단 슬라이드 팝업 배너*/
.bottomBnnerBox { display: none; position: fixed; left: 0; top: 0; width: 100%; z-index: 100; background-color: rgba(0,0,0,0.8); height: 100%; } 
.bottomBnnerBox .wrap { position: absolute; width: 100%; left: 0; bottom: 0; } 
.bottomBnnerBox .wrap .dimBtn { display: flex; justify-content: space-between; } 
.bottomBnnerBox .wrap .dimBtn button { color: var(--colW); padding:var(--36) var(--36); font-size: var(--24); } 
.bottomBnnerBox .wrap .bottomSwiper { border-radius: var(--36) var(--36) 0 0; overflow: hidden; } 
.bottomBnnerBox .wrap .bottomSwiper img { width: 100%; } 
.bottomBnnerBox .wrap .moreBtn { width: 100%; background-color: var(--colW); padding: var(--24); } 
.bottomBnnerBox .wrap .moreBtn button { width: 100%; font-size: var(--30); font-weight: 500; height: var(--100); background-color: var(--colmainY); border-radius: var(--20); } 
.bottomBnnerBox .wrap .swiper-pagination { width: initial; bottom: initial; left: initial; right: var(--36); top: var(--36); background-color: rgba(0,0,0,0.5); color: #fff; padding: var(--16) var(--24); border-radius: var(--24); line-height: var(--26); } 

/*이벤트 응모*/
._popup.eventApply .wrap { padding-bottom: var(--100); } 
._popup.eventApply .popBox { padding: var(--36); } 
._popup.eventApply ._inputList { margin-bottom: var(--36); gap:var(--60); } 
._popup.eventApply ._inputList li { display: block; margin-bottom: 0; } 
._popup.eventApply ._inputList li ._tit { width: 100%; } 
._popup.eventApply ._inputList li .boxFlex { flex: 0; } 
._popup.eventApply ._inputList li.addr .boxFlex { gap: var(--20); } 
._popup.eventApply ._inputList li.check ._tit { margin-bottom: var(--40); } 
._popup.eventApply ._inputList li input { height: var(--92); font-size: var(--28); } 
._popup.eventApply .notice { padding:var(--30); } 
._popup.eventApply .notice li { font-size: var(--22); line-height: var(--36); } 
._popup.eventApply .notice li.colR { margin-top: var(--20); } 
._popup.eventApply .bottom { gap: 0; position: fixed; bottom: 0; left: 0;; width: 100%; padding-bottom: 0; } 
._popup.eventApply .bottom button { width: 50%; border-radius: 0; } 
._popup.eventApply ._inputList li.addr .apiBox .addrAPI { height:var(--420); } 
 }/*720px*/



/*Samsung Fold*/
@media (screen-spanning: none) and (min-width: 673px) and (max-width: 720px) {.bottomBnnerBox { display: none; } 
.mainNotice.type_02 { display: block; } 
 }