@charset "utf-8";

/*
#section-subject{
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

#appbar{
  padding-bottom: constant(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-top);
}
*/

@media only screen and (width: 375px) and (height: 812px) {
    /* body:before{content:''; position:fixed; left:83px; right:83px; top:0; height:30px; background-color:#000; border-radius:0 0 20px 20px; z-index:9999}
    body:after{content:''; position:fixed; left:83px; right:83px; bottom:0; height:30px; background-color:#000; border-radius:20px 20px 0px 0px; z-index:9999} */
    header{padding-top:30px !important;}
    #container{padding-top:84px !important;}
    /* #container.index{padding-top:0 !important;} */
    body.layout_img_top #container{padding-top:0 !important;}
    /*body.detail_view_layout #container{padding-top:30px !important;}*/
    /*body.layout-no_header header{padding-top:0 !important;}*/
    #location_tab{top:0 !important;}
    #location_tab.fixedtop{top:0 !important; padding-top:30px !important;}
    #app_menu{height:85px !important;}
    footer#body_footer{margin-bottom:86px !important;}

    #all_menu_wrap .head_utill { padding-top:45px !important}
    #all_menu_wrap .head_utill .btn_menu_close { top:45px !important}
    #all_menu_wrap > .swiper-container { padding-top:96px !important}
    #my_barcode .my_barcode_wrap .mypoint { margin-top:94px !important}
    #my_barcode .btn_barcode_close { top:45px !important}
    .my_barcode .my_barcode_wrap .mypoint { margin-top:94px !important}
    .my_barcode .btn_barcode_close { top:45px !important}
    .reserve_store_head .utill_share .share{top:40px !important;}
    .ranking_view_head .utill_share .share{top:40px !important;}
    .event_view .utill_share .share{top:40px !important;}

    #container.e24tv .detail_view .content .etv_view_video .img{/* padding-top:30px; */ background-color:#3e3e40;}
    #container.store .store_view .content .store_pic_wrap{/* padding-top:30px; */ background-color:#3e3e40;}
    /*full-popup*/
    .popup-content .popup-hd{padding-top:45px !important;}
    .popup-content .btn-popup-close{top:30px !important;}
    .popup-content .btn-type01.btn_bottom_fixed{bottom:-85px; padding-bottom:30px !important;}

    /*하단 고정 버튼*/
    .btn_bottom_fixed{padding-bottom:30px !important;}
    #container.con24 .btn_bottom_fixed {padding-bottom:0px !important;}
    #container.con24 .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
    #container.delivery .btn_bottom_fixed {padding-bottom:0px !important;}
    #container.delivery .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
    .affiliation .btn_bottom_fixed {padding-bottom:0px !important;}
    .affiliation .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
 /* .main {background:#0c1030 url('../images/splash/splash_mainbg_April01.png') no-repeat left 0/100% auto !important;}  *//* 2022-04-20 */


    /* 비밀번호변경 팝업 */
    #popup_pw_alter_notice .btn_group .btn-type01 { padding-bottom:0 !important}
    #popup_pw_alter_notice .btn_fix_cookie { bottom:30px !important}

    #container.join #sub_section{padding-bottom:86px !important;}
    .store_terms_change{padding-bottom:85px !important;}

    /* 에러페이지 */
    .error_wrapper .error .icon { margin-top:130px !important;}

    /* 바코드 크게보기 */
    #popup_barcode_zoom .btn-popup-close{bottom:30px !important;}

    .index .main .self_store{ bottom:100px;}
    .e24tv .btn_mv_upload { bottom:100px;}

    /* 무인매장 코치마크 */
    #coach_mark_popup .popup_cont_wrpper .mark { bottom:98px !important;}
    #coach_mark_popup .bottom_close_btn { bottom:45px !important}
    #coach_mark_popup .btn-popup-close { top:45px !important}

    /* 사전예약 */
    #container.reserve .reserve_order_btn.btn_bottom_fixed { padding-bottom:0 !important}
    #container.reserve .btn_bottom_fixed .btn-type01 { padding-bottom:30px !important}
    #container.reserve .content .cart_go { bottom:101px;}
    #popup_store_select .store_select_wrap {padding-bottom:85px !important;}
    #container.reserve .toast_pop{bottom:94px !important;}
    #container.myorder .toast_pop{bottom:174px !important;}

    /* 맛보장 보상받기 */
    #popup_taster_reward .taster_reward_wrap { padding-bottom:85px !important}

    .popup-content .popup-hd .btn_initialize{margin-top:4px !important;}

    /* 24콘 */
    #container .home_go{bottom:46px;}
    .popup-content .home_go{bottom:46px;}

    #container .ad_layer{bottom:46px;}
    .popup-content .ad_layer{bottom:46px;}

    header{padding-top:30px !important;}
    #container{padding-top:84px !important;}
    /* #container.index{padding-top:0 !important;} */
    body.layout_img_top #container{padding-top:0 !important;}
    /*body.detail_view_layout #container{padding-top:30px !important;}*/
    /*body.layout-no_header header{padding-top:0 !important;}*/
    #location_tab{top:0 !important;}
    #location_tab.fixedtop{top:0 !important; padding-top:30px !important;}
    #app_menu{height:85px !important;}
    footer#body_footer{margin-bottom:86px !important;}

    #all_menu_wrap .head_utill { padding-top:45px !important}
    #all_menu_wrap .head_utill .btn_menu_close { top:45px !important}
    #all_menu_wrap > .swiper-container { padding-top:96px !important}

    #my_barcode .my_barcode_wrap .mypoint { margin:94px 0 55px  !important}
    #my_barcode .my_barcode_wrap .mypoint .point{margin: 13px 0 !important}
    #my_barcode .my_barcode_wrap .connected_service{margin-bottom: 33px !important}
    #my_barcode .my_barcode_wrap .connected_service .tit-content{padding: 23px 0 13px !important}
    #my_barcode .my_barcode_wrap.new .mypoint_wrap{margin:94px 0 55px  !important}

    .my_barcode .my_barcode_wrap .mypoint { margin:94px 0 55px  !important}
    .my_barcode .my_barcode_wrap .mypoint .point{margin: 13px 0 !important}
    .my_barcode .my_barcode_wrap .connected_service{margin-bottom: 33px !important}
    .my_barcode .my_barcode_wrap .connected_service .tit-content{padding: 23px 0 13px !important}

    .my_barcode .my_barcode_wrap.new .mypoint_wrap{margin:94px 0 55px  !important}
    .my_barcode .btn_barcode_close { top:45px !important}

    #mypage_barcode .my_barcode_wrap.new .mypoint_wrap{margin:0 0 55px  !important}

    .reserve_store_head .utill_share .share{top:40px !important;}
    .ranking_view_head .utill_share .share{top:40px !important;}
    .event_view .utill_share .share{top:40px !important;}

    #container.e24tv .detail_view .content .etv_view_video .img{/* padding-top:30px; */ background-color:#3e3e40;}
    #container.store .store_view .content .store_pic_wrap{/* padding-top:30px; */ background-color:#3e3e40;}
    /*full-popup*/
    .popup-content .popup-hd{padding-top:45px !important;}
    .popup-content .btn-popup-close{top:30px !important;}
    .popup-content .btn-type01.btn_bottom_fixed{bottom:-85px; padding-bottom:30px !important;}

    /*하단 고정 버튼*/
    .btn_bottom_fixed{padding-bottom:30px !important;}
    #container.con24 .btn_bottom_fixed {padding-bottom:0px !important;}
    #container.con24 .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
    #container.delivery .btn_bottom_fixed {padding-bottom:0px !important;}
    #container.delivery .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
    .affiliation .btn_bottom_fixed {padding-bottom:0px !important;}
    .affiliation .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}

    /* 비밀번호변경 팝업 */
    #popup_pw_alter_notice .btn_group .btn-type01 { padding-bottom:0 !important}
    #popup_pw_alter_notice .btn_fix_cookie { bottom:30px !important}

    #container.join #sub_section{padding-bottom:86px !important;}
    .store_terms_change{padding-bottom:85px !important;}

    /* 에러페이지 */
    .error_wrapper .error .icon { margin-top:130px !important;}

    /* 바코드 크게보기 */
    #popup_barcode_zoom .btn-popup-close{bottom:30px !important;}

    .index .main .self_store{ bottom:100px;}
    .e24tv .btn_mv_upload { bottom:100px;}

    /* 무인매장 코치마크 */
    #coach_mark_popup .popup_cont_wrpper .mark { bottom:98px !important;}
    #coach_mark_popup .bottom_close_btn { bottom:45px !important}
    #coach_mark_popup .btn-popup-close { top:45px !important}

    /* 사전예약 */
    #container.reserve .reserve_order_btn.btn_bottom_fixed { padding-bottom:0 !important}
    #container.reserve .btn_bottom_fixed .btn-type01 { padding-bottom:30px !important}
    #container.reserve .content .cart_go { bottom:101px;}
    #popup_store_select .store_select_wrap {padding-bottom:85px !important;}

    /* 맛보장 보상받기 */
    #popup_taster_reward .taster_reward_wrap { padding-bottom:85px !important}

    .popup-content .popup-hd .btn_initialize{margin-top:4px !important;}

    /* 24콘 */
    #container .home_go{bottom:46px;}
    .popup-content .home_go{bottom:46px;}

    #container .ad_layer{bottom:46px;}
    .popup-content .ad_layer{bottom:46px;}

    /* 메인  issues/1177 */
    .main header {height:84px !important; padding-top:0!important;}
    .main header .header_wrap {display:flex; justify-content: space-between; align-items: flex-end; height:84px !important;}
    #all_menu_wrap .head_utill .logo{top:40px !important}
    .footer_area{padding-bottom: 30px !important;}
    .banner_bottom .banner_list .title_txt{padding-top: 30px !important;}
    .banner_bottom .banner_list .btn_close{top: 30px !important;}
    .banner_bottom .banner_list .banner_wrap{height: Calc(100vh - 106px) !important;}

    #popup_search_address .address_list_wrap{padding-top:84px !important;padding-bottom: 85px !important;}

    .pop_winebook_list{margin-bottom: 85px !important;}/* 와인 상세검색 */

    /* 스마트오더 */
    #container.preorder .reserve_order_btn.btn_bottom_fixed { padding-bottom:0 !important;}
    #container.preorder .reserve_order_btn .btn_like{background:url(../images/preorder/ico_like.png) no-repeat 15px 17px;background-size:27px 23px;}
    #container.preorder .btn_bottom_fixed .btn-type01 { padding-bottom:30px !important;}
    #container.preorder .reserve_order_btn .wish { padding-bottom:30px !important;}

    #container.myorder .btn_bottom_fixed {padding-bottom: 0 !important;}
    #container.myorder .reserve_order_btn.btn_bottom_fixed { padding-bottom:0 !important}
    #container.myorder .btn_bottom_fixed .btn-type01 { padding-bottom:30px !important}

    /* 구독쿠폰 */
    .subscribe_apply_btn.btn_bottom_fixed{padding-bottom:0 !important;}
    .subscribe_apply_btn.btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}

    /* 통합바코드 - 서비스 팝업 */
    .barcode_pop_wrap .btn_bottom_fixed{padding-bottom:0 !important;}
    .barcode_pop_wrap .btn_bottom_fixed .btn-type01{padding-bottom:30px !important;}
    .barcode_pop_wrap .btn-type01{padding-bottom:30px !important;} /* 2021-12-17 추가 */

    /* 킵해주세요 - 쿠폰함 팝업 */
    .popup-content .popup_fixed_btn .btn-type01{padding-bottom:30px !important}
    .popup-content.fixed {padding-bottom: 92px !important;}

    /* 구독쿠폰 사용방법 안내 팝업 */
    #popup_subscribe_guide .popup-hd{height: 83px !important;}
    #popup_subscribe_guide .popup-hd{padding: 45px 0 16px 0 !important;}
    #popup_subscribe_guide .subscribe_guide{padding-top: 83px !important;}
    #popup_subscribe_guide .subscribe_guide .guide_tab_wrap.tab-scroll-fixed{top: 83px !important;}

    /* 대표상품 변경 팝업 */
    .pop_coupon_exchange .btn-type01{padding-bottom:30px !important;} /* 2021-12-17 추가 */

}