/* @import url("https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css"); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css');

.number {
    font-family: 'Spoqa Han Sans', 'Sans-serif';
}

body {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #404040;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.body_gray {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #404040;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #F7F7F7;
}

.body_gift {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #404040;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: url('/Contents/Images/basic/gift_link_back.jpg');
}

.body_pickup{
	font-family: 'Noto Sans KR', sans-serif; 
	font-weight: 500; color: #404040; 
	line-height: 1.3em;
	letter-spacing: -0.01em;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: url('/Contents/Images/basic/pickup_link_back.jpg');
}

.body_store {
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 500;
    color: #404040;
    line-height: 1.3em;
    letter-spacing: -0.01em;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #3289ca;
}

/* 버튼 */
.btn_wrap {
    width: 100%;
    height: 2em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em 0;
}

.btn {
    display: table-cell;
    font-size: 1em;
    font-weight: 600;
    color: white;
    text-align: center;
    padding: 0.8em 0 0.9em 0;
    border-radius: 0.2em;
    box-sizing: border-box;
}

.btn_s {
    display: table-cell;
    font-size: 0.8em;
    font-weight: 600;
    color: white;
    text-align: center;
    padding: 0.6em 0.6em 0.7em 0.6em;
    border-radius: 0.2em;
    box-sizing: border-box;
}

.btn_ss {
    display: table-cell;
    font-size: 0.8em;
    font-weight: 400;
    color: white;
    text-align: center;
    padding: 0.4em 0 0.5em 0;
    border-radius: 0.2em;
    box-sizing: border-box;
}

.btn_1 {
    display: block;
    width: 100%;
}

.btn_2 {
    width: 50%;
}

.btn_3 {
    width: 33.3%;
}

.btn_space {
    display: flex;
    flex-grow: 1;
    width: 0.4em;
}

.btn_normal {
    background-color: white;
    color: #505050;
    border: solid 1px #cdcdcd;
}

    .btn_normal:hover {
        background-color: #f7f7f7;
    }

.btn_primary {
    background-color: #0072bd;
}

    .btn_primary:hover {
        background-color: #00548c;
    }

.btn_alert {
    background-color: #d95b5b;
}

    .btn_alert:hover {
        background-color: #9d2a2a;
    }

.btn_buy {
    background-color: #0072bd;
}

    .btn_buy:hover {
        background-color: #00548c;
    }

.btn_order {
    background-color: #5BB900;
}

    .btn_order:hover {
        background-color: #4f9e00;
    }

.btn_gift {
    background-color: #f3877b;
}

    .btn_gift:hover {
        background-color: #ba4d41;
    }

.btn_kakao{
	background-color: #FCDF08;
	color: #391B1B;
	margin-top: 0.5em;
}

.btn_kakao:hover{
	background-color: #391B1B;
	color: white;
}

.btn_primary_line {
    color: #0072bd;
    background-color: white;
    border: solid 1px #0072bd;
}

    .btn_primary_line:hover {
        color: white;
        background-color: #0072bd;
    }

.btn_alert_line {
    color: #F76D6D;
    background-color: white;
    border: solid 1px #F76D6D;
}

    .btn_alert_line:hover {
        color: white;
        background-color: #F76D6D;
    }

a {
    color: #505050;
    text-decoration: none;
}

    a:hover {
        color: #000000;
        text-decoration: none;
    }

    a:visited {
        color: #505050;
        text-decoration: none;
    }

/* 상품 관련 */
.product_status_icon {
    position: absolute;
    left: 50%;
    margin-left: -5em;
    margin-top: 3.5em;
    width: 10em;
    color: white;
    background-color: black;
    padding: 0.5em 0 0.6em 0;
    border-radius: 3em;
}


/* 지도 */
#map {
    width: 100vw;
    height: 100vh;
    background-color: #c7c7c7;
    z-index: 1;
}

.map_top {
    position: fixed;
    z-index: 12;
    top: calc(0px + env(safe-area-inset-top));
    left: 0px;
    width: 100vw;
    height: 5.5em;
    padding: 1em;
    box-sizing: border-box;
    filter: drop-shadow(0em 0.3em 0.4em #00000055);
}

.map_top_item_wrap {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: white;
    width: 100%;
    height: 100%;
    border-radius: 5em;
    overflow: hidden;
}

.map_top i {
    font-size: 1.2em;
}

.map_top_item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.map_top_menu {
    width: 18%;
    color: #505050;
    padding-left: 7%;
    background-color: #FFF;
}

    .map_top_menu:hover {
        background-color: #f3f3f3;
    }


.map_top_search {
    justify-content: center;
    width: 64%;
}

    .map_top_search i {
        font-size: 1em;
        color: #0071BC;
    }

    .map_top_search span {
        margin-left: 0.5em;
    }

.map_top_basket {
    position: relative;
    justify-content: flex-end;
    width: 18%;
    color: #707070;
    padding-right: 7%;
    box-sizing: border-box;
}

    .map_top_basket:hover {
        background-color: #f3f3f3;
    }

    .map_top_basket i {
        position: absolute;
        left: 50%;
        margin-left: -0.6em;
    }

.map_top_basket_badge {
    z-index: 1000;
    position: absolute;
    left: 50%;
    top: 1em;
    background-color: #D85B5B;
    color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 0.6em;
    padding: 0em 0.3em 0.1em 0.3em;
    margin: 0 0 0 0.3em;
    min-width: 1.5em;
    border-radius: 10em;
    border: solid 1px white;
    filter: drop-shadow(0.2em 0.2em 0.3em #00000055);
}

.map_side {
    z-index: 11;
    position: fixed;
    right: 0;
    top: 0;
    width: 3em;
    height: 100vh;
    margin: 0 1em 0 0;
}

.map_side_top {
    z-index: 11;
    position: fixed;
    right: 1em;
    top: calc(6em + env(safe-area-inset-top));
}

.map_side_bottom {
    z-index: 12;
    position: fixed;
    right: 1em;
    bottom: calc(0em + env(safe-area-inset-bottom));
}

.btn_map_side {
    width: 3em;
    height: 3em;
    background-color: grey;
    border-radius: 3em;
    background-position: center 0.6em;
    background-repeat: no-repeat;
    background-size: 75%;
    margin: 0 0 0.5em 0;
    border: 2px solid white;
    box-sizing: border-box;
    filter: drop-shadow(0.2em 0.2em 0.3em #00000055);
}

.btn_map_buy_on {
    background-color: #0072bd;
    background-image: url('/Contents/Images/icons/icon_buy_text.png');
}

.btn_map_order_on {
    background-color: #5BB900;
    background-image: url('/Contents/Images/icons/icon_order_text.png');
}

.btn_map_buy_off {
    background-color: #c0c0c0;
    background-image: url('/Contents/Images/icons/icon_buy_text.png');
}

.btn_map_order_off {
    background-color: #c0c0c0;
    background-image: url('/Contents/Images/icons/icon_order_text.png');
}

.btn_map_here {
    background-color: white;
    background-image: url('/Contents/Images/icons/icon_target.png');
    background-size: 55%;
    margin-bottom: 1em;
}

    .btn_map_here:hover {
        background-color: #e7e7e7;
    }

/* 팝업 */
.pop {
    z-index: 100;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.pop_back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.2;
}

.btn_pop_close {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 1.5em;
    top: 1.5em;
    background-image: url('/Contents/Images/icons/icon_close_off.png');
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center center;
}

    .btn_pop_close:hover {
        background-image: url('/Contents/Images/icons/icon_close_on.png');
    }

.vending_pop_content_wrap {
    width: 100vw;
    height: 100vh;
    display: block;
    z-index: 32;
    box-sizing: border-box;
    padding: calc(0.5em + env(safe-area-inset-top)) 0.5em 0 0.5em;
}

.vending_pop_content {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 1em 1em 0 0;
}

.vending_pop_content_top {
    width: 100%;
}

.vending_pop_title_wrap {
    width: 100%;
    margin: 0;
    padding: 1em 1em 0.8em 1em;
    display: table;
    vertical-align: top;
    border-bottom: solid 1px #e7e7e7;
    box-sizing: border-box;
}

.vending_pop_title_icon_wrap {
    display: table-cell;
    width: 22%;
    vertical-align: top;
}

.vending_pop_title_icon {
    display: inline;
    font-size: 0.6em;
    font-weight: 600;
    text-align: center;
    border-radius: 2em;
    color: white;
    padding: 0.4em 0.4em 0.7em 0.3em;
    margin: 0;
    box-sizing: border-box;
}

.vending_pop_title_icon_buy {
    background-color: #0072bd;
    vertical-align: middle;
}

.vending_pop_title_icon_order {
    background-color: #5eba00;
    vertical-align: middle;
}

.vending_pop_title {
    display: table-cell;
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
    padding: 0.2em 0 0 0;
    box-sizing: border-box;
    vertical-align: top;
}

.vending_pop_title_btn_wrap {
    display: table-cell;
    text-align: right;
    width: 22%;
    vertical-align: top;
}

.btn_favorite_off {
    float: right;
    width: 1.7em;
    height: 1.7em;
    background-image: url('/Contents/Images/icons/icon_favorite_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.3em;
    margin-right: 0.2em;
}

.btn_favorite_on {
    float: right;
    width: 1.7em;
    height: 1.7em;
    background-image: url('/Contents/Images/icons/icon_favorite_on.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.3em;
    margin-right: 0.2em;
}

.btn_vending_close {
    float: right;
    width: 1.7em;
    height: 1.7em;
    background-image: url('/Contents/Images/icons/icon_vending_close_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1em;
}

    .btn_vending_close:hover {
        background-image: url('/Contents/Images/icons/icon_vending_close_on.png');
    }

.btn_vending_back {
    float: right;
    width: 1.7em;
    height: 1.7em;
    background-image: url('/Contents/Images/icons/icon_vending_back_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1em;
}

    .btn_vending_back:hover {
        background-image: url('/Contents/Images/icons/icon_vending_back_on.png');
    }

.vending_info_wrap {
    width: 100%;
    margin: 1em 0;
    font-size: 0.6em;
    font-weight: 300;
    padding: 0 1em 0 1.7em;
    box-sizing: border-box;
}

.vending_info_location {
    padding-left: 1.5em;
    background-image: url('/Contents/Images/icons/icon_info_location.png');
    background-repeat: no-repeat;
    background-position: left top 0.6em;
    background-size: 0.9em;
    box-sizing: border-box;
}

.vending_info_time {
    display: inline;
    padding-left: 1.5em;
    background-image: url('/Contents/Images/icons/icon_info_time.png');
    background-repeat: no-repeat;
    background-position: left top 0.4em;
    background-size: 1em;
    box-sizing: border-box;
    padding-right: 1em;
}

.vending_info_serial {
    display: inline;
    padding-left: 1.5em;
    background-image: url('/Contents/Images/icons/icon_info_serial.png');
    background-repeat: no-repeat;
    background-position: left top 0.4em;
    background-size: 0.9em;
    box-sizing: border-box;
    padding-right: 1em;
}

.vending_info_manager {
    display: inline;
    padding-left: 1.5em;
    background-image: url('/Contents/Images/icons/icon_info_manager.png');
    background-repeat: no-repeat;
    background-position: left top 0.5em;
    background-size: 0.9em;
    box-sizing: border-box;
}

.vending_tab_container {
    padding: 0 1em;
    box-sizing: border-box;
}

.vending_tab_wrap {
    width: 100%;
    display: table;
    background-color: #F4F4F4;
    border-radius: 0.3em;
    margin: 0.5em 0 0 0;
    box-sizing: border-box;
}

.vending_tab {
    display: table-cell;
    font-size: 0.9em;
    font-weight: 500;
    text-align: center;
    padding: 0.7em 0 0.9em 0;
}

.vending_tab_buy_off {
    color: #6588A0;
}

.vending_tab_buy_on {
    color: white;
    background-color: #0072bd;
    border-radius: 0.3em;
    filter: drop-shadow(0em 0em 0.3em #0072bd99);
}

.vending_tab_order_off {
    color: #7F936B;
}

.vending_tab_order_on {
    color: white;
    background-color: #5eba00;
    border-radius: 0.3em;
    filter: drop-shadow(0em 0em 0.3em #5eba0099);
}

.vending_tab_2 {
    width: 50%;
}

.vending_tab_3 {
    width: 33.3%;
}

.vending_tab_4 {
    width: 25%;
    font-size: 0.8em;
}

.vending_order_message_wrap {
    height: 0px;
    overflow: hidden;
}

.vending_order_message {
    color: white;
    text-align: center;
    margin: 1em 0 0 0;
    background-color: #59af00;
    padding: 1em 0;
}

.vending_order_message_wrap h3 {
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 500;
}

.vending_order_message_close {
    font-size: 0.8em;
    font-weight: 400;
    margin: 0.7em 0 0 0;
}

.vending_pop_content_bottom {
    width: 100%;
    height: 1px;
    box-sizing: border-box;
    padding: 1em 0;
    overflow-y: auto;
}

.vending_product_item_wrap {
    width: 100%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    padding: 0 1em;
    box-sizing: border-box;
}

.vending_product_item {
    width: 50%;
    box-sizing: border-box;
    padding: 1em 0.5em 1em 0.5em;
}

.vending_product_image {
    width: 40vw;
    height: 40vw;
    overflow: hidden;
    text-align: center;
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

.vending_product_item h3 {
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.2em;
    color: #505050;
    margin: 1em 0 0 0;
}

.vending_product_item h4 {
    font-size: 0.9em;
    font-weight: 300;
    color: #F40000;
    line-height: 1.2em;
    margin: 0.4em 0;
}

    .vending_product_item h4 span {
        text-decoration: line-through;
    }

.vending_product_item h5 {
    font-size: 1em;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0.3em 0;
}

.product_item_icon_wrap {
    position: relative;
    z-index: 2;
    left: 0;
}

.product_item_icon {
    color: white;
    width: 3.5em;
    font-size: 0.6em;
    font-weight: 500;
    margin-bottom: 0.1em;
}

.produt_item_soldout {
    width: 5em;
    font-size: 0.8em;
    font-weight: 500;
    text-align: center;
    color: white;
    background-color: #444444;
    border-radius: 3em;
    margin: 0.5em auto;
    padding: 0.1em 0 0.3em 0;
}

.vending_product_view {
    display: none;
    width: 100%;
    height: 100%;
}

.vending_product_slider {
    width: 17em;
    height: 17em;
    margin: 1em auto;
}

.vending-swiper-container {
    width: 100%;
    height: 100%;
    border-radius: 0.5em;
    overflow: hidden;
}

.vending_product_slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

    .vending_product_slider .swiper-slide img {
        width: 100%;
        height: 100%;
    }

.vending_product_page {
    width: 100%;
    height: 1em;
    text-align: center;
}

.vending-swiper-pagination {
    width: 100%;
    height: 1em;
    margin: 0 auto;
}

.vending_product_page .swiper-pagination-bullet {
    width: 0.5em;
    height: 0.5em;
    margin-right: 0.2em;
    background-color: #ababab;
    border: solid 1px #707070;
}

.vending_product_page .swiper-pagination-bullet-active {
    background: black;
}

.vending_product_content {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
}

.vending_product_icon_wrap {
    text-align: center;
    padding: 1em 0;
}

.vending_product_icon {
    display: inline-block;
    width: 3.5em;
    font-family: 'Spoqa Han Sans', 'Sans-serif';
    font-size: 0.7em;
    font-weight: 900;
    color: white;
    padding: 0.1em 0 0.15em 0;
    background-color: #858585;
    margin: 0.1em 0;
}

.vending_product_icon_new {
    background-color: #BEA281;
}

.vending_product_icon_best {
    background-color: #78A0BE;
}

.vending_product_icon_hot {
    background-color: #F26868;
}

.vending_product_icon_cold {
    background-color: #48B8E2;
}

.vending_product_icon_plus {
    background-color: #EF7E3F;
}

.vending_product_icon_adult {
    background-color: #E274A3;
}

.vending_product_icon_change {
    background-color: #91B756;
}

.vending_product_title {
    font-size: 1.1em;
    font-weight: 400;
}

.vending_product_price_wrap {
    width: 100%;
    height: 1.1em;
    margin: 1em 0;
}

.vending_product_sale_value {
    float: left;
    font-size: 1em;
    font-weight: 300;
    color: #F40000;
}

.vending_product_price {
    float: right;
    font-size: 1.1em;
    font-weight: 600;
    color: #505050;
}

.vending_product_price_origin {
    float: right;
    font-size: 0.9em;
    font-weight: 300;
    text-decoration: line-through;
    color: #909090;
    padding-right: 1em;
}

.vending_product_space {
    width: 100%;
    height: 0.4em;
    margin: 2em 0 1.5em 0;
    background-color: #f8f8f8;
    border-top: solid 1px #e4e4e4;
    border-bottom: solid 1px #e4e4e4;
}

.vending_product_detail_wrap {
    padding: 0 1em;
    box-sizing: border-box;
}

    .vending_product_detail_wrap h2 {
        font-size: 1.1em;
        font-weight: 600;
    }

    .vending_product_detail_wrap ul {
        width: 100%;
        margin: 2em 0 0 0;
    }

    .vending_product_detail_wrap li {
        font-size: 0.8em;
        font-weight: 400;
        width: 100%;
        margin: 0.4em 0;
    }

        .vending_product_detail_wrap li span {
            display: inline;
            padding-right: 1em;
            color: #696969;
        }

            .vending_product_detail_wrap li span pre {
                display: inline;
            }

    .vending_product_detail_wrap h3 {
        font-size: 0.8em;
        font-weight: 400;
        margin-top: 2em;
        line-height: 1.5em;
    }

.vending_product_detail_html {
    font-size: 0.8em;
    font-weight: 400;
    margin-top: 2em;
    line-height: 1.5em;
}

    .vending_product_detail_html img {
        width: 100%;
    }

.vending_product_bottom_space {
    width: 100%;
    height: 6em;
}

.vending_pop_payment_wrap {
    position: fixed;
    bottom: 0;
    z-index: 30;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em 0 0;
}

.vending_pop_payment_btn_wrap {
    display: flex;
    width: 100%;
    background-color: #F2F2F2;
    padding: 0.5em;
    border-top: solid 1px #d4d4d4;
    box-sizing: border-box;
}

.vending_pop_payment_option {
    position: fixed;
    bottom: 0;
    z-index: 29;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em 0 0;
}

.vending_pop_payment_option_content {
    width: 100%;
    height: 100%;
    background-color: white;
    border-radius: 1em 0.5em 0 0;
    filter: drop-shadow(0em 0em 0.4em #00000033);
    box-sizing: border-box;
}

.btn_option_close {
    width: 4em;
    height: 2em;
    margin: 0 auto;
    background-image: url('/Contents/Images/icons/icon_option_close_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2em;
}

    .btn_option_close:hover {
        background-image: url('/Contents/Images/icons/icon_option_close_on.png');
    }

.vending_option_inner_wrap {
    padding: 0 1em 1.5em 1em;
    box-sizing: border-box;
}


.vending_option_buy_wrap {
    width: 100%;
    border: solid 1px #C9C9C9;
    box-sizing: border-box;
}

.vending_option_qty_wrap {
    width: 100%;
    height: 3.2em;
    border-bottom: solid 1px #C9C9C9;
    box-sizing: border-box;
    padding: 0.5em;
    background-color: #F7F7F7;
}

    .vending_option_qty_wrap h3 {
        display: inline-block;
        font-size: 0.9em;
        font-weight: 500;
        margin: 0.5em 0 0 0.5em;
    }

.vending_option_qty_btn_wrap {
    float: right;
    width: 6.6em;
    height: 2em;
    align-items: center;
    align-content: center;
    border: solid 1px #C9C9C9;
    display: flex;
}

    .vending_option_qty_btn_wrap div {
        width: 33.33%;
        height: 100%;
        text-align: center;
        box-sizing: border-box;
    }

.vending_option_qty_value {
    font-size: 1em;
    line-height: 1.8em;
    border-right: solid 1px #C9C9C9;
    border-left: solid 1px #C9C9C9;
    background-color: white;
}

.vending_option_qty_btn {
    font-size: 1.5em;
    line-height: 1.3em;
    box-sizing: border-box;
    font-weight: 200;
    background-color: white;
}

    .vending_option_qty_btn:hover {
        background-color: #9a9a9a;
        color: white;
    }

.vending_option_price_wrap {
    width: 100%;
    height: 3.2em;
    box-sizing: border-box;
    padding: 0.5em;
}

    .vending_option_price_wrap h3 {
        display: inline-block;
        font-size: 0.9em;
        font-weight: 500;
        margin: 0.5em 0 0 0.5em;
    }

    .vending_option_price_wrap h4 {
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        color: #909090;
        margin: 0.5em 0.5em 0 0;
    }

    .vending_option_price_wrap h5 {
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        margin: 0.4em 0 0 0;
    }

        .vending_option_price_wrap h5 span {
            font-size: 1.1em;
            font-weight: 600;
        }

    .vending_option_price_wrap h3 span {
        color: #0072bd;
        font-weight: 600;
    }

.vending_option_order_wrap {
    width: 100%;
    margin: 1em 0 0 0;
    background-color: #F5F5F5;
    box-sizing: border-box;
    padding: 1em 1em 0.3em 1em;
}

.vending_option_order_date_wrap {
    height: 3em;
}

    .vending_option_order_date_wrap h3 {
        display: inline-block;
        font-size: 0.9em;
        font-weight: 500;
        margin: 0.5em 0 0 0.5em;
    }

    .vending_option_order_date_wrap h4 {
        display: inline-block;
        width: 13em;
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        padding: 0.5em 1em;
        border: solid 1px #bcbcbc;
        box-sizing: border-box;
        border-radius: 0.2em;
        text-align: center;
    }

    .vending_option_order_date_wrap h5 {
        display: inline-block;
        width: 13em;
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        box-sizing: border-box;
        border-radius: 0.2em;
    }

    .vending_option_order_date_wrap select {
        width: 100%;
        background: url('/Contents/Images/icons/triangle_down.png');
        background-position: right 0.5em center;
        background-repeat: no-repeat;
        background-size: 0.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: solid 1px #bdbdbd;
        font-size: 1em;
        font-weight: 500;
        margin: 0;
        padding: 0.6em;
        box-sizing: border-box;
        text-align-last: center;
    }

.vending_option_space {
    width: 100%;
    height: 4.2em;
}

.btn_vending_pop_buy {
    width: 50%;
    height: 2.8em;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    color: white;
    margin: 0.2em;
    padding: 0.7em 1em;
    box-sizing: border-box;
    background-color: #0072bd;
}

    .btn_vending_pop_buy:hover {
        background-color: #003d90;
    }

.btn_vending_pop_order {
    width: 50%;
    height: 2.8em;
    font-size: 1em;
    font-weight: 600;
    text-align: center;
    color: white;
    margin: 0.2em;
    padding: 0.7em 1em;
    box-sizing: border-box;
    background-color: #5eba00;
}

    .btn_vending_pop_order:hover {
        background-color: #489000;
    }

.btn_vending_pop_basket {
    width: 50%;
    height: 2.8em;
    font-size: 1em;
    font-weight: 500;
    text-align: center;
    color: #505050;
    margin: 0.2em;
    padding: 0.6em 0 0 0;
    box-sizing: border-box;
    background-color: white;
    border: solid 1px #b8b8b8;
}

    .btn_vending_pop_basket:hover {
        background-color: #f1f1f1;
    }

.history_pop_content_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;
    overflow: hidden;
    padding: 1em;
}

.history_pop_content {
    width: 100%;
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 0.5em;
    padding: 1.5em;
}

.coupon_pop_content_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;
    padding: 1em;
}

.coupon_pop_content_row {
    width: 100%;
}

.coupon_pop_content {
    width: 100%;
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 0.5em;
    padding: 1.5em 1.5em 0.5em 1.5em;
}

.coupon_pop_category_icon {
    position: absolute;
    left: 50%;
    margin: -1.3em 0 0 -1.4em;
    z-index: 1000;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    color: white;
    width: 3em;
    height: 3em;
    border: solid 2px white;
    border-radius: 10em;
    background-color: black;
    box-sizing: border-box;
    line-height: 2.7em;
}

.coupon_pop_category_icon_buy {
    background-color: #0072bd;
}

.coupon_pop_category_icon_order {
    background-color: #5eba00;
}

.coupon_pop_category_icon_gift {
    background-color: #f3877b;
}

.pop_coupon_barcode_wrap {
    width: 100%;
    margin: 2em 0 1em 0;
}

    .pop_coupon_barcode_wrap img {
        width: 100%;
    }

.pop_coupon_barcode_wrap {
    font-size: 0.9em;
    font-weight: 400;
    text-align: center;
}

.pop_coupon_gift {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    background-color: #F7F7F7;
    border: solid 1px #d6d6d6;
    border-radius: 0.4em;
    margin: 1em 0 0.5em 0;
}

    .pop_coupon_gift h3 {
        text-align: center;
        font-size: 1em;
        font-weight: 700;
    }

    .pop_coupon_gift h4 {
        text-align: center;
		font-size: 0.9em;
        font-weight: 400;
		color: black;
		margin: 0.5em 0 0.8em 0;
    }

    .pop_coupon_gift h5 {
        text-align: left;
		font-size: 0.7em;
		font-weight: 400;
		color: #646464;

	line-height: 1.2em;
	padding-left: 0.8em;
	background-image: url('/Contents/Images/icons/circle_gray.png');
	background-position: left top 0.5em;
	background-repeat: no-repeat;
	background-size: 0.3em;
	margin: 0.6em 0 0 0;
    }

.pop_product_wrap {
    width: 100%;
    text-align: center;
}

.pop_coupon_product_image_wrap {
    text-align: center;
}

.pop_product_wrap img {
    width: 9em;
    height: 9em;
}

.pop_product_wrap h3 {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
}

.pop_product_desc_wrap {
    width: 100%;
    padding: 0.5em 1em;
    background-color: #F7F7F7;
    box-sizing: border-box;
    margin: 1em 0 0 0;
}

.pop_product_desc {
    width: 100%;
    display: table;
    margin: 0.2em 0;
}

    .pop_product_desc div {
        display: table-cell;
        font-size: 0.7em;
        font-weight: 400;
        text-align: left;
        line-height: 1.3em;
    }

        .pop_product_desc div:nth-child(1) {
            width: 4.5em;
            color: #8f8f8f;
        }

.pop_payment_cancel_wrap {
    border-radius: 0.5em;
    background-color: #F76D6D;
    margin: 1em 0 0.5em 0;
    padding: 0.8em;
    color: white;
    box-sizing: border-box;
}

    .pop_payment_cancel_wrap h3 {
        font-size: 0.9em;
        font-weight: 500;
        text-align: center;
    }

    .pop_payment_cancel_wrap ul {
        margin: 0.7em 0 0 0;
    }

    .pop_payment_cancel_wrap li {
        font-size: 0.7em;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0.4em 0;
        padding: 0 0 0 0.7em;
        background-image: url('/Contents/Images/icons/circle_white.png');
        background-position: left top 0.4em;
        background-repeat: no-repeat;
        background-size: 0.35em;
    }

#pop_coupon_location {
    width: 100%;
}

.map_coupon {
    width: 100%;
    height: 17em;
    background-color: #efefef;
    margin: 1em 0 0.5em 0;
}

.event_pop_back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}

.event_pop_content_wrap {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;
    padding: 1em;
}

.event_pop_page {
    width: 80vw;
    position: absolute;
}

.event_pop_content {
    margin: 0 auto;
}

.event_pop_slider {
    width: 79.9vw;
    height: 100vw;
    border-radius: 0.5em;
}

    .event_pop_slider .swiper-container {
        width: 100%;
        height: 100%;
        border-radius: 0.5em;
        overflow: hidden;
    }

    .event_pop_slider .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .event_pop_slider .swiper-slide img {
            width: 100%;
            height: 100%;
        }

.event_pop_page .event-swiper-pagination {
    float: right;
    margin: -1.8em 0 0 0;
}

.event_pop_page .swiper-pagination-bullet {
    width: 0.5em;
    height: 0.5em;
    text-align: center;
    color: #FFF;
    opacity: 1;
    margin-right: 0.2em;
    background: rgba(255, 255, 255, 0.3);
}

.event_pop_page .swiper-pagination-bullet-active {
    color: #fff;
    background: white;
}

.event_pop_footer {
    position: absolute;
    width: 80vw;
    margin: 1em 0 0 0;
    font-size: 0.8em;
    font-weight: 400;
    display: flex;
    align-items: center;
    align-content: space-around;
    padding: 0 0.2em;
    box-sizing: border-box;
}

    .event_pop_footer div {
        width: 50%;
        color: white;
    }

        .event_pop_footer div:hover {
            width: 50%;
            color: rgba(255, 255, 255, 0.7);
        }

        .event_pop_footer div:nth-child(2) {
            text-align: right;
        }

#calendar {
    z-index: 100;
}

.calendar_pop_content_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;
    padding: 1em;
}

.calendar_pop_content {
    width: 100%;
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 1em;
}

.calendar_pop_title_wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
    margin-top: 4em;
}

    .calendar_pop_title_wrap h3 {
        font-size: 1em;
        font-weight: 500;
    }

    .calendar_pop_title_wrap h4 {
        font-size: 0.7em;
        font-weight: 300;
        padding-bottom: 1em;
        border-bottom: solid 1px #e7e7e7;
    }

.calendar_date_month_wrap {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
    box-sizing: border-box;
    margin: 1.5em 0 1em 0;
}

.calendar_month {
    font-size: 1.1em;
    font-weight: 600;
}

.calendar_month_prev {
    width: 2em;
    height: 2em;
    background-image: url('/Contents/Images/icons/icon_month_prev_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.4em;
}

    .calendar_month_prev:hover {
        background-image: url('/Contents/Images/icons/icon_month_prev_on.png');
    }

.calendar_month_next {
    width: 2em;
    height: 2em;
    background-image: url('/Contents/Images/icons/icon_month_next_off.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.4em;
}

    .calendar_month_next:hover {
        background-image: url('/Contents/Images/icons/icon_month_next_on.png');
    }

.calendar_date_wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
    margin: 0 0 2em 0;
}

    .calendar_date_wrap table {
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        font-weight: 500;
    }

        .calendar_date_wrap table thead {
            font-weight: 600;
        }

        .calendar_date_wrap table td {
            padding: 0.5em 0;
            color: #505050;
        }

            .calendar_date_wrap table td:hover {
                background-color: #0072bd;
                color: white !important;
                border-radius: 3em;
            }

            .calendar_date_wrap table td:nth-child(1) {
                color: #D85B5B;
            }

            .calendar_date_wrap table td:nth-child(7) {
                color: #508BD1;
            }

.date_disable {
    color: #B9B9B9 !important;
    pointer-events: none !important;
}

.date_today {
    color: #FFF !important;
    background-color: #888888;
    border-radius: 3em;
}


.alert_pop_content_wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;
    padding: 1em;
}

.alert_pop_content {
    width: 100%;
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 1em;
    padding: 1.5em;
}

    .alert_pop_content h3 {
        font-size: 1.1em;
        font-weight: 500;
        line-height: 1.3em;
        padding-bottom: 1em;
        margin-bottom: 1.5em;
        text-align: center;
        border-bottom: 1px solid #e1e1e1;
    }

    .alert_pop_content h4 {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.3em;
        margin-bottom: 1em;
    }


/* 사이드 메뉴 */
#nav {
    z-index: 21;
}

#nav_content {
    position: fixed;
    left: -100%;
    top: 0;
    padding-top: calc(0em + env(safe-area-inset-top));
    width: 75%;
    height: 100vh;
    background-color: #FFF;
    overflow-y: auto;
}

#nav_space {
    position: fixed;
    left: -25%;
    width: 25%;
    height: 100vh;
}

.nav_user_info {
    margin: 0.6em 0 0 0;
    padding: 1.2em 1.2em 0em 1.2em;
}

.nav_user_menu_wrap {
    display: flex;
    position: absolute;
    right: 0;
    width: 6em;
}

.nav_user_menu_item {
    width: 1.4em;
    height: 1.4em;
    margin: 0 0.6em;
}

.nav_user_menu_setting {
    background-image: url('/Contents/Images/icons/icon_setting_off.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.nav_user_menu_notify {
    background-image: url('/Contents/Images/icons/icon_notify_off.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.nofify_badge {
    background-color: #FF0A0A;
    width: 0.5em;
    height: 0.5em;
    border-radius: 1em;
    float: right;
}

.nav_user_name {
    font-weight: 500;
    color: black;
    font-size: 1.3em;
    margin: 2em 0 0 0;
}

.nav_user_comment {
    font-weight: 400;
    font-size: 0.8em;
    color: #8D8D8D;
    margin: 0.5em 0 1em 0;
}

.nav_login_btn {
    font-weight: 500;
    font-size: 0.9em;
    color: #0071BC;
    width: 45%;
    max-width: 7em;
    border: solid 1px #0071BC;
    padding: 0.6em 0.8em 0.6em 0.8em;
    margin: 1em 0 1.2em 0;
    background-color: #FFF;
    background-image: url('/Contents/Images/icons/icon_login_arrow_off.png');
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 0.4em;
}

    .nav_login_btn:hover {
        color: #FFF;
        background-color: #0072bd;
        background-image: url('/Contents/Images/icons/icon_login_arrow_on.png');
    }

.nav_icon_menu_wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    background-color: #0072bd;
}

.nav_icon_menu_row {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav_icon_right_line {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.nav_icon_menu {
    justify-content: center;
    align-content: center;
    width: 33%;
    background-color: #0072bd;
}

    .nav_icon_menu:hover {
        background-color: #005994;
    }

.nav_icon_menu_badge {
    float: left;
    font-weight: 600;
    font-size: 0.7em;
    color: #0072bd;
    background-color: #ffffff;
    padding: 0em 0.4em 0.1em 0.4em;
    min-width: 1.2em;
    min-height: 1.2em;
    text-align: center;
    border: solid 1px #0072bd;
    border-radius: 1em;
    margin: 1em 0 0 53%;
}

.nav_icon_menu_img {
    width: 2.4em;
    height: 2.4em;
    background-size: contain;
    margin: 0.8em auto 0.2em auto;
}

.nav_icon_menu_heart {
    background-image: url('/Contents/Images/icons/icon_menu_heart.png');
}

.nav_icon_menu_coupon {
    background-image: url('/Contents/Images/icons/icon_menu_coupon.png');
}

.nav_icon_menu_basket {
    background-image: url('/Contents/Images/icons/icon_menu_basket.png');
}

.nav_icon_menu_title {
    text-align: center;
    font-weight: 500;
    font-size: 0.9em;
    color: #FFF;
    padding-bottom: 1.2em;
}

.nav_list_menu_wrap {
    padding: 1em 0 0 1.4em;
    box-sizing: border-box;
}

.nav_list_menu {
    font-weight: 500;
    font-size: 1.1em;
    color: #505050;
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.7em;
}

    .nav_list_menu:hover {
        color: #0072bd;
    }

/* 검색 */
.search_item {
    width: 100%;
    display: table;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
    padding: 1.2em 1em 0.7em 0;
}

.search_item_title {
    display: table-cell;
    box-sizing: border-box;
    padding: 0 1em;
    vertical-align: top;
    font-size: 0.9em;
    font-weight: 400;
}

    .search_item_title h3 {
        margin: 0 0 0.5em 0;
        padding: 0;
    }

        .search_item_title h3:nth-child(2) {
            color: #909090;
        }

.search_item_btn {
    display: table-cell;
    width: 3em;
    vertical-align: top;
}


/* 로그인 */
#login {
    z-index: 31;
    display: none;
    flex-direction: column-reverse;
}

#login_content_wrap {
    display: none;
    z-index: 32;
    padding: 0 1em;
    box-sizing: border-box;
    overflow: hidden;
}

#login_content {
    position: relative;
    top: 320px;
    border-radius: 1.5em 1.5em 0 0;
    background-color: white;
    padding: 1em 1em calc(1.5em + env(safe-area-inset-bottom)) 1em;
}

.login_title_wrap {
    margin: 0.8em 0;
}

.login_title {
    font-weight: 700;
    font-size: 1.2em;
    width: 100%;
    text-align: center;
}

.login_link_wrap {
    margin: 1.5em 0;
}

.login_link {
    width: 100%;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    color: white;
    border-radius: 0.3em;
    padding: 1em;
    box-sizing: border-box;
    margin: 0.5em 0;
}

    .login_link img {
        height: 1em;
        vertical-align: middle;
        margin: 0 0.3em 0.2em 0;
    }


.login_link_kakao {
    color: #3B1E1E;
    background-color: #FCDF08;
}

    .login_link_kakao:hover {
        background-color: #eacf02;
    }

.login_link_naver {
    background-color: #00C154;
}

    .login_link_naver:hover {
        background-color: #00af4d;
    }

.login_link_google {
    background-color: #4285F4;
}

    .login_link_google:hover {
        background-color: #3075e6;
    }

.login_link_apple {
    background-color: #000;
}

    .login_link_apple:hover {
        background-color: #2c2c2c;
    }

    .login_link_apple img {
        height: 1.15em;
    }
/* 바 */
.bar {
    position: fixed;
    display: flex;
    z-index: 2;
    align-content: center;
    align-items: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 4em;
    padding-top: calc(0em + env(safe-area-inset-top));
    background-color: white;
    border-bottom: 1px solid #D8D8D8;
}

.bar_title {
    width: 70%;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
}

.bar_comment {
    font-size: 0.5em;
    font-weight: 400;
    letter-spacing: -0.05em;
    height: 1.2em;
    margin-top: 0.2em;
}

.bar_item {
    width: 15%;
    height: 100%;
    background-position: center center;
    background-size: 1em;
    background-repeat: no-repeat;
}

.bar_item_menu {
    background-image: url('/Contents/Images/icons/icon_menu_off.png');
}

    .bar_item_menu:hover {
        background-image: url('/Contents/Images/icons/icon_menu_on.png');
    }

.bar_item_back {
    background-image: url('/Contents/Images/icons/icon_back_off.png');
}

    .bar_item_back:hover {
        background-image: url('/Contents/Images/icons/icon_back_on.png');
    }


.bar_item_map {
    background-size: 0.8em;
    background-image: url('/Contents/Images/icons/icon_map_off.png');
}

    .bar_item_map:hover {
        background-image: url('/Contents/Images/icons/icon_map_on.png');
    }



/* 카테고리 */
.category_wrap {
    position: fixed;
    width: 100%;
    display: table;
    top: calc(4em + env(safe-area-inset-top));
}

.category_item {
    display: table-cell;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    color: #909090;
    background-color: #F7F7F7;
    padding: 1em 0;
    border-bottom: 0.2em solid #e8e8e8;
}

    .category_item:hover {
        background-color: #f7f7f7;
    }

.category_active {
    color: #0072bd;
    border-bottom: 0.2em solid #0072bd;
}

/* 서브 콘텐츠 */
.sub_content {
    margin-top: 4em;
    padding: calc(1em + env(safe-area-inset-top)) 1em calc(1.5em + env(safe-area-inset-bottom)) 1em;
    box-sizing: border-box;
    min-height: calc(100vh - 4em);
}

.with_category {
    margin-top: 7em;
}

.with_inquiry {
    margin-top: 7.5em;
}


/* 회원 가입 */
.join_box_wrap {
    border: 1px solid #C1C1C1;
    background-color: white;
    box-sizing: border-box;
    margin: 0.2em 0 1.5em 0;
}

.join_box_pre {
    margin: 1.5em 0 1em 0;
}

.join_box_title {
    font-size: 1em;
    font-weight: 400;
    color: #505050;
    border-bottom: 1px solid #C1C1C1;
    padding: 1em 1em 1.2em 1em;
}

.join_box_content {
    padding: 1em;
}

.join_id_comment {
    text-align: center;
    font-size: 0.8em;
    font-weight: 500;
    color: #969696;
    margin: 0.5em 0;
}

.join_id_check {
    text-align: center;
    font-size: 0.9em;
    font-weight: 600;
    color: #0072bd;
    margin: 1em 0;
}

.join_rule_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    margin: 0.5em 0;
}

.join_rule_item_check {
    display: inline;
    font-size: 0.9em;
    font-weight: 400;
    color: #333;
    margin-right: 1em;
}

.join_rule_item_btn {
    font-size: 0.9em;
    font-weight: 500;
    color: white;
    background-color: #A7A7A7;
    padding: 0.4em 0.6em 0.5em 0.6em;
}

    .join_rule_item_btn:hover {
        background-color: #8b8b8b;
    }

.comment_wrap {
    font-weight: 400;
    font-size: 0.9em;
    color: #555;
    line-height: 1.3em;
    list-style: none;
    margin: 1em 0;
}

    .comment_wrap li {
        margin: 0 0 0.5em 0;
        padding: 0 0 0 0.7em;
        background-image: url('/Contents/Images/icons/list_style.svg');
        background-repeat: no-repeat;
        background-position: left 0.5em;
        background-size: 0.3em;
    }

.welcome_content {
    text-align: center;
}

    .welcome_content h3 {
        font-size: 1.6em;
        font-weight: 500;
        color: black;
        margin: 2em 0 1em 0;
    }

    .welcome_content h4 {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5em;
    }

    .welcome_content img {
        width: 90%;
        margin: 3em auto;
    }

/* 약관 */
.rule_content {
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1.3em;
}

    .rule_content strong {
        display: block;
        font-weight: 600;
        font-size: 1.1em;
        margin: 0 0 0.2em 0;
    }


/* 마이페이지 */
.mypage_box_wrap {
    border: 1px solid #C1C1C1;
    background-color: white;
    box-sizing: border-box;
    margin: 0.2em 0 1.5em 0;
    padding: 1.2em;
    border-radius: 0.5em;
}

.mypage_box_title {
    font-size: 1.1em;
    font-weight: 600;
    color: #505050;
    padding: 0 0 1.5em 0;
}

.mypage_box_content {
}

.mypage_user_name {
    font-weight: 500;
    font-size: 1.4em;
}

.mypage_user_comment {
    font-weight: 400;
    font-size: 0.8em;
    color: #8D8D8D;
    margin: 1em 0 0 0;
}

.mypage_login_btn {
    font-weight: 500;
    font-size: 0.9em;
    color: #0071BC;
    width: 45%;
    max-width: 7em;
    border: solid 1px #0071BC;
    padding: 0.6em 0.8em 0.6em 0.8em;
    margin: 1em 0 0 0;
    background-color: #FFF;
    background-image: url('/Contents/Images/icons/icon_login_arrow_off.png');
    background-repeat: no-repeat;
    background-position: right 1em center;
    background-size: 0.4em;
}

    .mypage_login_btn:hover {
        color: #FFF;
        background-color: #0072bd;
        background-image: url('/Contents/Images/icons/icon_login_arrow_on.png');
    }

.mypage_favo_wrap {
    display: flex;
    overflow: hidden;
    border-radius: 0.5em;
}

.mypage_favo_item {
    text-align: center;
    width: 33.3%;
    box-sizing: border-box;
    border-right: solid 1px #B9B9B9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 2.2em;
    background-color: transparent;
}

    .mypage_favo_item:hover {
        background-color: #f8f8f8;
    }


    .mypage_favo_item h3 {
        font-size: 1em;
        font-weight: 600;
        padding: 1.5em 0 0 0;
    }

    .mypage_favo_item h4 {
        font-size: 1em;
        font-weight: 500;
        color: #0071BC;
        padding: 5em 0 1.5em 0;
    }

.mypage_favo_item_coupon {
    background-image: url('/Contents/Images/icons/icon_mypage_coupon.png');
}

    .mypage_favo_item_coupon:hover {
        background-image: url('/Contents/Images/icons/icon_mypage_coupon.png');
    }

.mypage_favo_item_point {
    background-image: url('/Contents/Images/icons/icon_mypage_point.png');
}

.mypage_favo_item_use {
    background-image: url('/Contents/Images/icons/icon_mypage_use.png');
}

.mypage_menu_wrap {
}

.mypage_menu_item {
    font-size: 1em;
    font-weight: 400;
    color: #505050;
    border-bottom: solid 1px #e9e9e9;
    padding: 1em 0;
    background-image: url('/Contents/Images/icons/angle_right_off.png');
    background-position: right 0.5em center;
    background-size: 0.4em;
    background-repeat: no-repeat;
}

    .mypage_menu_item:hover {
        color: #0071BC;
        background-image: url('/Contents/Images/icons/angle_right_on.png');
    }

.mypage_section_title {
    font-size: 1.1em;
    font-weight: 500;
    padding: 1em 0 0.5em 0;
}

.mypage_sns_wrap {
}

.mypage_sns_item {
    width: 100%;
    border-bottom: solid 1px #e8e8e8;
    padding: 0.8em;
    box-sizing: border-box;
}

    .mypage_sns_item img {
        width: 1.8em;
        display: inline;
        vertical-align: middle;
    }

    .mypage_sns_item h4 {
        width: 2em;
        display: inline;
        margin-left: 0.5em;
        font-weight: 400;
        font-size: 1.1em;
        vertical-align: middle;
    }

.mypage_sns_btn {
    float: right;
    vertical-align: middle;
    font-size: 0.9em;
    font-weight: 400;
    color: #0072bd;
    margin: 0.6em 0 0 0;
}

.sns_link_btn {
    color: #0072bd;
}

    .sns_link_btn:hover {
        color: #00558d;
    }


.sns_unlink_btn {
    color: #6e6e6e;
}

    .sns_unlink_btn:hover {
        color: #3a3a3a;
    }

/* 찜자판기 */
.favorite_wrap {
    width: 100%;
}

.favorite_item {
    margin-bottom: 1em;
    border-radius: 0.5em;
    border: solid 1px #d9d9d9;
    background-color: white;
    padding: 1.4em;
    box-sizing: border-box;
}

.favorite_item_title_wrap {
    width: 100%;
    ;
    border-bottom: solid 1px #c1c1c1;
    padding: 0.2em 0 1.2em 0;
}

.favorite_title_icon {
    display: inline;
    font-size: 0.7em;
    font-weight: 900;
    color: white;
    text-align: center;
    border-radius: 5em;
    padding: 0.6em 0.6em 0.8em 0.5em;
    background-color: #d3d3d3;
}

.favorite_title_icon_buy {
    background-color: #0072bd;
}

.favorite_title_icon_order {
    background-color: #5BB900;
}

.favorite_item_title_wrap h3 {
    display: inline;
    font-size: 1.1em;
    font-weight: 600;
    padding: 0 0 0 0.3em;
    vertical-align: middle;
}

.favorite_title_status {
    float: right;
    font-size: 0.7em;
    font-weight: 400;
    border: solid 1px #c1c1c1;
    width: 3.5em;
    text-align: center;
    padding: 0.1em 0 0.25em 0;
    border-radius: 0.3em;
    box-sizing: border-box;
}

.favorite_title_status_open {
}

.favorite_title_status_close {
    background-color: #bebebe;
    color: white;
    border-color: #bebebe;
}

.favorite_item_desc_wrap {
    width: 100%;
    font-size: 0.9em;
    font-weight: 400;
    margin: 1em 0;
}

.favorite_item_desc {
    display: table;
    margin: 0.5em 0;
}

    .favorite_item_desc div {
        display: table-cell;
    }

        .favorite_item_desc div:nth-child(1) {
            width: 4.5em;
            text-align: left;
            color: #868686;
        }


/* 쿠폰 */
.coupon_content {
    padding: calc(4.5em + env(safe-area-inset-top)) 0.5em calc(0em + env(safe-area-inset-bottom)) 0.5em;
    box-sizing: border-box;
}

.coupon_wrap {
    width: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.coupon_item_wrap {
    width: 50%;
    padding: 0.3em;
    box-sizing: border-box;
}

.coupon_item {
    width: 100%;
    border-radius: 0.5em;
    border: solid 1px #d9d9d9;
    background-color: white;
    padding: 1em 0 0 0;
    box-sizing: border-box;
    text-align: center;
}

.coupon_icon_category {
    position: relative;
    width: 3.2em;
    height: 3.1em;
    font-size: 0.7em;
    font-weight: 600;
    text-align: center;
    line-height: 3em;
    background-color: #0072bd;
    color: white;
    border-radius: 2em;
    box-sizing: border-box;
    left: 50%;
    margin-left: -1.5em;
}

.coupon_icon_buy {
    background-color: #0072bd;
}

.coupon_icon_order {
    background-color: #5eba00;
}

.coupon_icon_gift {
    background-color: #f98477;
}

.coupon_item img {
    width: 7em;
    height: 7em;
    margin-top: -1em;
}

.coupon_item h3 {
    height: 2.3em;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
    overflow: hidden;
    margin: 0.5em 0 0.7em 0;
    padding: 0 1em;
}

.coupon_item h4 span {
    font-weight: 700;
    font-size: 1.3em;
    padding-right: 0.1em;
}

.coupon_item h4 {
    font-size: 0.8em;
    font-weight: 300;
}

.coupon_item_desc_wrap {
    text-align: left;
    font-size: 0.65em;
    font-weight: 400;
    margin: 1.2em 0;
    padding: 0 1em;
}

.coupon_item_desc {
    width: 100%;
    margin: 0.5em 0;
    display: table;
    line-height: 1em;
}

    .coupon_item_desc div {
        display: table-cell;
    }

        .coupon_item_desc div:nth-child(1) {
            width: 4.5em;
            color: #a4a4a4;
        }

.coupon_btn_wrap {
    display: flex;
    margin: 1.2em 0 0 0;
}

.btn_coupon {
    width: 50%;
    font-size: 0.8em;
    font-weight: 500;
    text-align: center;
    color: #505050;
    box-sizing: border-box;
    padding: 0.9em 0 1em 0;
}

    .btn_coupon:hover {
        background-color: #0072bd;
        color: white;
    }

.btn_coupon_left {
    border-top: solid 1px #d4d4d4;
    border-right: solid 1px #d4d4d4;
    border-radius: 0 0 0 0.5em;
}

.btn_coupon_right {
    border-top: solid 1px #d4d4d4;
    border-radius: 0 0 0.5em 0;
}

.btn_coupon_both {
    width: 100%;
    border-top: solid 1px #d4d4d4;
    border-radius: 0 0 0.5em 0.5em;
}

/* 포인튼내역 */
.point_search_wrap {
    width: 100%;
    height: 6.5em;
    margin-top: calc(4em + env(safe-area-inset-top));
    padding: 0.5em 1em;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
}

.point_list {
    width: 100%;
}

.point_wrap {
    width: 100%;
    padding-bottom:calc(0em + env(safe-area-inset-bottom));
}

.point_item {
    width: 100%;
    display: table;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
    padding: 1.2em 1em 1.2em 0;
}

.point_item_value_wrap {
    width: 8em;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 1em;
    text-align: center;
}

.point_item_value {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0.5em 0 0 0;
}

.point_item_value_save {
    color: #0072bd;
}

.point_item_value_use {
    color: #d95b5b;
}

.point_item_text_wrap {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
}

.point_icon {
    font-size: 0.9em;
    font-weight: 500;
    border: solid 1px #0072bd;
    border-radius: 5em;
    width: 3em;
    text-align: center;
    padding: 0.1em 0.5em 0.2em 0.5em;
    margin: 1em auto 0 auto;
}

.point_icon_save {
    color: #0072bd;
    border-color: #0072bd;
}

.point_icon_use {
    color: #d95b5b;
    border-color: #d95b5b;
}

.point_item_text_wrap h3 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.3em;
    height: 2.5em;
    margin: 0.5em 0;
    overflow: hidden;
}

.point_desc_item {
    font-size: 0.9em;
    font-weight: 400;
    color: #505050;
    display: table;
}

    .point_desc_item div {
        display: table-cell;
        line-height: 1.5em;
    }

        .point_desc_item div:nth-child(1) {
            width: 3.7em;
        }

        .point_desc_item div:nth-child(2) {
            width: 1.2em;
            text-align: center;
        }


/* 이용내역 */
.history_search_wrap {
    width: 100%;
    height: 7.5em;
    margin-top: calc(4em + env(safe-area-inset-top));
    padding: 0.5em 1em;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
}

.search_wrap {
    width: 100%;
    display: table;
}

.search_select_wrap {
    display: table-cell;
    vertical-align: middle;
    width: 6em;
}

.search_input_wrap {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.3em;
}

.search_btn_wrap {
    display: table-cell;
    width: 2.7em;
    vertical-align: middle;
}

.search_btn {
    width: 2.7em;
    height: 2.7em;
    background-image: url('/Contents/Images/icons/icon_search.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 1.3em;
    border-radius: 0.4em;
    background-color: #0072bd;
}

    .search_btn:hover {
        background-color: #004a7b;
    }

.search_comment {
    font-weight: 300;
    font-size: 0.8em;
    text-align: center;
    line-height: 1.3em;
    margin: 0.5em 0 0 0;
}

.history_list {
    width: 100%;
    padding-bottom: calc(0em + env(safe-area-inset-bottom));
}

.history_wrap {
    width: 100%;
}

.history_item {
    width: 100%;
    display: table;
    box-sizing: border-box;
    border-bottom: solid 1px #dcdcdc;
    padding: 1.2em 1em 1.2em 0;
}

.history_item_image_wrap {
    width: 8em;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 1em;
}

    .history_item_image_wrap img {
        width: 100%;
    }

.history_item_btn_cancel {
    width: 5em;
    font-size: 0.8em;
    font-weight: 500;
    color: #828282;
    border: solid 1px #d4d4d4;
    border-radius: 0.3em;
    padding: 0.4em 0 0.5em 0;
    margin: 2.3em auto 0 auto;
    text-align: center;
}

    .history_item_btn_cancel:hover {
        background-color: #d95b5b;
        color: white;
        border-color: #d95b5b;
    }

.history_item_text_wrap {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
}

.history_icon {
    font-size: 0.9em;
    font-weight: 500;
    border: solid 1px #0072bd;
    border-radius: 5em;
    width: 3em;
    text-align: center;
    padding: 0.1em 0.5em 0.2em 0.5em;
}

.history_icon_buy {
    color: #0072bd;
    border-color: #0072bd;
}

.history_icon_order {
    color: #5BB900;
    border-color: #5BB900;
}

.history_icon_gift {
    color: #f98477;
    border-color: #f98477;
}

.history_stauts {
    width: 5em;
    font-size: 0.8em;
    font-weight: 500;
    color: #828282;
    border-radius: 0.3em;
    padding: 0.4em 0 0.5em 0;
    margin: 2.3em auto 0 auto;
    text-align: center;
    background-color: #3289ca;
    color: white;
}

.history_status_ready {
    background-color: #81b567;
}

.history_status_cancel {
    background-color: #e97171;
}

.history_item_text_wrap h3 {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.3em;
    height: 2.5em;
    margin: 0.5em 0;
    overflow: hidden;
}

.history_desc_item {
    font-size: 0.9em;
    font-weight: 400;
    color: #505050;
    display: table;
}

    .history_desc_item div {
        display: table-cell;
        line-height: 1.5em;
    }

        .history_desc_item div:nth-child(1) {
            width: 3.7em;
        }

        .history_desc_item div:nth-child(2) {
            width: 1.2em;
            text-align: center;
        }




/* 알림 */
.noti_wrap {
}

.nofi_item {
    border-bottom: solid 1px #e8e8e8;
    padding: 1em 0;
}

    .nofi_item:hover {
        background-color: #f6f6f6;
    }

    .nofi_item h3 {
        font-size: 1.1em;
        font-weight: 400;
        color: #505050;
        line-height: 1.3em;
    }

    .nofi_item h4 {
        font-size: 0.9em;
        font-weight: 300;
        color: #747474;
        line-height: 1.3em;
        padding: 0.3em 0 0 0.1em;
    }

    .nofi_item h5 {
        float: right;
        width: 0.4em;
        height: 0.4em;
        border-radius: 1em;
        background-color: #D85B5B;
        margin: 1.2em 0 0 0;
    }


/* 게시판 */
.board_new {
    background-color: #d95b5b;
    color: white;
    font-weight: 600;
    font-size: 0.7em;
    padding: 0.1em 0.4em 0.3em 0.4em;
    margin-left: 0.6em;
    vertical-align: bottom;
    border-radius: 0.2em;
}

.board_wrap {
}

.board_item {
    border-bottom: solid 1px #e8e8e8;
    padding: 1em 0;
}

    .board_item:hover {
        background-color: #f6f6f6;
    }

    .board_item h3 {
        font-size: 1em;
        font-weight: 400;
        color: #505050;
        line-height: 1.3em;
    }

    .board_item h4 {
        font-size: 0.9em;
        font-weight: 300;
        color: #747474;
        line-height: 1.3em;
        padding: 0.3em 0 0 0.1em;
    }

.board_view_wrap {
}

.board_view_title {
    font-size: 1.1em;
    line-height: 1.3em;
    margin: 0.5em 0;
}

.board_view_date {
    font-size: 0.9em;
    font-weight: 300;
    color: #747474;
    padding: 0.3em 0 0 0.1em;
}

.board_view_content {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 1em;
}

    .board_view_content img {
        width: 100%;
    }

/* page */
.page_wrap {
    margin: 2em 0 1em 0;
    font-family: 'Spoqa Han Sans', 'Sans-serif';
    display: flex;
    justify-content: space-between;
}

.page_item {
    display: inline-block;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    text-align: center;
    padding: 0.6em 0.3em 0.7em 0.3em;
    min-width: 2.3em;
    font-size: 1em;
    margin: 0 0.05em;
}

    .page_item:hover {
        color: #505050;
        background-color: #d5eeff;
    }

.page_item_active {
    color: white;
    background-color: #0072bd;
    border-color: #0072bd;
}

/* 이벤트 */
.event_wrap {
    padding: 0.5em 0 0 0;
    margin-bottom: -1em;
}

.event_item {
    margin: 0 0 0.5em 0;
}

    .event_item img {
        width: 100%;
    }

.event_view_wrap {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.6em;
    margin: -0.5em 0 1em 0;
}

    .event_view_wrap img {
        width: 100%;
    }

/* 브랜드관 */
.brand_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -1em;
}

.brand_item {
    width: 48.5%;
    border: solid 1px #e8e8e8;
    border-radius: 0.3em;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 3%;
}

    .brand_item:hover {
        border-color: #0072bd;
    }


    .brand_item img {
        width: 100%;
        vertical-align: middle;
    }

.board_status {
    float: right;
    padding: 0.5em 0.5em 0.6em 0.5em;
    min-width: 4.5em;
    font-size: 0.8em;
    font-weight: 500;
    text-align: center;
    color: white;
    border-radius: 0.2em;
    margin-left: 0.5em;
    box-sizing: border-box;
}

.board_status_normal {
    background-color: #BEBEBE;
}

.board_status_complete {
    background-color: #0072bd;
}

.board_write_wrap {
}

.board_write_title {
    font-size: 1.2em;
    font-weight: 500;
    margin: 0.4em 0 0.8em 0;
}

/* 고객센터 */
.customer_best_wrap {
    margin: 0 0 1.5em 0;
}

    .customer_best_wrap h3 {
        font-size: 1.2em;
        font-weight: 500;
        margin: 0.5em 0 1em 0;
    }

    .customer_best_wrap ul {
    }

    .customer_best_wrap li {
        font-size: 1em;
        font-weight: 400;
        margin: 0.7em 0;
        padding-left: 0.8em;
        background-image: url('/Contents/Images/icons/list_style.svg');
        background-repeat: no-repeat;
        background-position: left top 0.6em;
        background-size: 0.2em;
    }

        .customer_best_wrap li:hover {
            color: #0072bd;
        }

.customer_btn {
    border: 1px solid #d2d2d2;
    border-radius: 0.3em;
    box-sizing: border-box;
    background-image: url('/Contents/Images/icons/angle_right_off.png');
    background-position: right 1.2em center;
    background-repeat: no-repeat;
    background-size: 0.5em;
    background-color: white;
    margin: 0.5em 0;
    padding: 1em 1.5em;
}

    .customer_btn:hover {
        background-color: #f0f9ff;
    }

    .customer_btn img {
        display: inline;
        height: 1.5em;
        vertical-align: bottom;
    }

    .customer_btn h3 {
        font-size: 1em;
        display: inline-block;
        margin: 0 0 0.2em 1em;
    }

.inquiry_write_wrap {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    position: fixed;
    top:calc(4em + env(safe-area-inset-top));
    padding: 1em;
    box-sizing: border-box;
    background-color: white;
}

    .inquiry_write_wrap h4 {
        font-size: 0.7em;
        font-weight: 400;
        color: #6a6a6a;
        letter-spacing: -0.06em;
    }

.inquiry_write_btn {
    position: absolute;
    font-size: 0.9em;
    right: 1em;
    background-image: url('/Contents/Images/icons/icon_pencil.png');
    background-position: left 0.4em center;
    background-repeat: no-repeat;
    background-size: 1em;
    padding: 0.5em 0.5em 0.6em 1.7em;
    border: solid 1px #c9c9c9;
    border-radius: 0.3em;
}

    .inquiry_write_btn:hover {
        background-color: #e1f3ff;
    }

.answer_wrap {
    background-color: #E6ECFF;
    border-radius: 0.5em;
    box-sizing: border-box;
    padding: 1em;
    margin: 1em 0 0 0;
}

    .answer_wrap h3 {
        font-size: 1.2em;
        font-weight: 500;
    }

    .answer_wrap h4 {
        float: right;
        font-size: 0.8em;
        font-weight: 300;
    }

    .answer_wrap h5 {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5em;
        margin-top: 1em;
    }

.withdrawal_comment {
    margin: 0 0 1em 0;
}

    .withdrawal_comment li {
        font-size: 0.8em;
        font-weight: 400;
        line-height: 1.3em;
        background-image: url('/Contents/Images/icons/circle_gray.png');
        background-repeat: no-repeat;
        background-position: left top 0.5em;
        background-size: 0.2em;
        margin-top: 0.5em;
        padding-left: 0.6em;
        box-sizing: border-box;
    }

        .withdrawal_comment li span {
            color: #bd3131;
        }


/* 이용안내 */
.guide_wrap {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5em;
}

/* 선물 링크 */
.gift_link_wrap {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    padding: 1.5em;
}

.gift_link_content_wrap {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 0.5em;
}

.gift_link_content {
    margin-top: 0.8em;
}

.gift_link_title_wrap {
    width: 100%;
    display: table;
}

    .gift_link_title_wrap img {
        display: table-cell;
        height: 3.5em;
        vertical-align: top;
        padding-left: 0.2em;
    }

.gift_link_title {
    display: table-cell;
    vertical-align: top;
}

    .gift_link_title h3 {
        font-size: 1.1em;
        font-weight: 400;
        letter-spacing: -1;
        color: white;
        box-sizing: border-box;
        padding: 0.3em 0 0 0.5em;
    }

        .gift_link_title h3 span {
            font-size: 1.3em;
            font-weight: 500;
        }

    .gift_link_title h4 {
        font-size: 0.7em;
        font-weight: 400;
        letter-spacing: -0.1;
        color: white;
        box-sizing: border-box;
        padding: 0.5em 0 0 0.8em;
    }

.gift_link_category_wrap {
    display: flex;
    width: 100%;
    height: 3.2em;
    background-color: white;
    border-radius: 0.5em 0.5em 0 0;
    overflow: hidden;
}

.gift_link_category_item {
    width: 33.3%;
    height: 100%;
    text-align: center;
    font-size: 1em;
    font-weight: 500;
    color: #C67971;
    background-color: #FFECEA;
    box-sizing: border-box;
    padding: 0.8em 0 0 0;
}

    .gift_link_category_item:hover {
        background-color: #fccdc8;
    }

.gift_link_category_item_active {
    color: #F4796D;
    background-color: white;
}

.gift_link_detail_wrap {
    width: 100%;
    background-color: white;
    border-radius: 0 0 0.5em 0.5em;
    box-sizing: border-box;
    padding: 1em;
}

.gift_link_guide_comment {
    font-size: 0.9em;
    font-weight: 400;
    color: #AA5454;
    text-align: center;
    margin: 0.5em 0 1em 0;
}

.gift_link_guide_item {
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    padding: 1em;
}

    .gift_link_guide_item h3 {
        font-size: 1em;
        font-weight: 500;
        color: #9A5454;
    }

        .gift_link_guide_item h3 span {
            padding-right: 0.5em;
        }

    .gift_link_guide_item h4 {
        font-size: 0.9em;
        font-weight: 400;
        line-height: 1.2em;
        margin: 0.5em 0 0 0;
    }

.gift_link_guide_item_arrow {
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 0;
}

    .gift_link_guide_item_arrow img {
        height: 0.8em;
        padding: 0;
        margin: 0;
    }

.gift_link_map_btn {
    font-size: 0.8em;
    font-weight: 500;
    color: #4e473e;
    text-align: center;
    background-color: #f1de34;
    border-radius: 0.2em;
    margin: 1em 0 0 0;
    padding: 0.6em 0 0.7em 0;
    box-sizing: border-box;
}

    .gift_link_map_btn:hover {
        background-color: #aea01f;
    }

    .gift_link_map_btn img {
        height: 0.9em;
        margin-right: 0.1em;
        margin-top: 0.1em;
    }

.gift_link_map_naver_btn {
    font-size: 0.8em;
    font-weight: 500;
    color: white;
    text-align: center;
    background-color: #00C154;
    border-radius: 0.2em;
    margin: 1em 0 0 0;
    padding: 0.6em 0 0.7em 0;
    box-sizing: border-box;
}

    .gift_link_map_naver_btn:hover {
        background-color: #009c45;
    }

    .gift_link_map_naver_btn img {
        height: 0.9em;
        margin-right: 0.1em;
        margin-top: 0.1em;
    }

.pickup_link_category_item {
	width: 33.3%;
	height: 100%;
	text-align: center;
	font-size: 1em;
	font-weight: 500;
	color: #81a2b9;
	background-color: #f4f4f4;	
	box-sizing: border-box;
	padding: 0.8em 0 0 0;
}

.pickup_link_category_item:hover{
	background-color: #3289ca;
	color: white;
}

.pickup_link_category_item_active{
	color: #4c6e87;
	background-color: white;
}

.pickup_link_guide_comment {
	font-size: 0.9em;
	font-weight: 400;
	color: #547187;
	text-align: center;
	margin: 0.5em 0 1em 0;
}

.pickup_link_guide_item{
	border: solid 1px #e8e8e8;
	box-sizing: border-box;
	padding: 1em;
}

.pickup_link_guide_item h3{
	font-size: 1em;
	font-weight: 500;
	color: #406b8c;
}

.pickup_link_guide_item h3 span{
	padding-right: 0.5em;
}

.pickup_link_guide_item h4{
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.2em;
	margin: 0.5em 0 0 0;
}

.pickup_link_guide_item_arrow {
	text-align: center;
	padding: 0;
	margin: 0;
	line-height: 0;
}

/* 매장 링크 */
.store_link_wrap {
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    padding: 1.5em;
}



.store_link_content_wrap {
    height: 100%;
    padding: 1.5em;
}



.store_link_content {
    margin-top: 0.8em;
}



.store_link_title_wrap {
    width: 100%;
    display: table;
}



    .store_link_title_wrap img {
        display: table-cell;
        height: 3.5em;
        width: 2em;
        vertical-align: top;
        padding: 0 0 0 0.2em;
        margin: 0;
    }



.store_link_title {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: inherit;
}



    .store_link_title h3 {
        font-size: 1.3em;
        font-weight: 500;
        letter-spacing: -1;
        color: white;
        box-sizing: border-box;
        padding: 0.3em 0 0 0.5em;
    }



    .store_link_title h4 {
        font-size: 0.9em;
        font-weight: 400;
        letter-spacing: -0.1;
        color: white;
        box-sizing: border-box;
        padding: 0.5em 0 0 0.8em;
    }



.store_link_item_wrap {
    width: 100%;
    background-color: white;
    border-radius: 0.5em;
    box-sizing: border-box;
    padding: 1em;
    margin: 0 0 1em 0;
    max-width: 768px;
}



.store_link_num {
    font-size: 2em;
    font-weight: 500;
    color: #3289ca;
    margin-bottom: 0.5em;
    text-align: center;
}



.store_order_desc_wrap {
    width: 100%;
    background-color: #f4f4f4;
    padding: 0.8em;
    box-sizing: border-box;
    border-radius: 0.3em 0.3em 0 0;
}



.store_order_desc {
    display: table;
    font-size: 0.9em;
    font-weight: 400;
}



    .store_order_desc span {
        font-size: 1.1em;
        font-weight: 500;
        color: black;
    }





    .store_order_desc div {
        display: table-cell;
        padding: 0.1em 0;
    }



        .store_order_desc div:nth-child(1) {
            width: 5em;
            color: #777777;
        }



    .store_order_desc strong {
        color: #ca3232;
    }



.store_product_wrap {
    text-align: center;
}



.store_coupon_product_image_wrap {
	width: 100%;
	min-height: 13em;
	display: flex;
	align-items: center;
	justify-content: center;
}



    .store_coupon_product_image_wrap img {
        width: 13em;
    }



.store_status_icon {
    position: relative;
    width: 6em;
    background-color: black;
    color: white;
    text-align: center;
    padding: 0.3em 1em 0.5em 1em;
    display: block;
    border-radius: 4em;
    margin: -7.5em auto 6em auto;
}



.store_product_wrap h3 {
    margin: 1em 0 0 0;
}



.store_coupon_barcode_wrap {
    margin: 1em;
    box-sizing: border-box;
    text-align: center;
    font-size: 0.8em;
    color: #9e9e9e;
}



    .store_coupon_barcode_wrap img {
        width: 100%;
        margin: 1em 0;
    }



.store_vending_desc_wrap {
    width: 100%;
    padding: 1em 0;
    margin: 2em 0 0 0;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    font-size: 0.9em;
}

.store_vending_desc {
    display: table;
}



    .store_vending_desc div {
        display: table-cell;
        padding: 0.1em 0;
    }



        .store_vending_desc div:nth-child(1) {
            width: 6em;
            color: #898989
        }

/* 장바구니 */
.basket_comment {
    margin: 0 0 1em 0;
}

    .basket_comment li {
        font-size: 0.8em;
        font-weight: 400;
        line-height: 1.3em;
        background-image: url('/Contents/Images/icons/circle_gray.png');
        background-repeat: no-repeat;
        background-position: left top 0.5em;
        background-size: 0.2em;
        margin-top: 0.3em;
        padding-left: 0.6em;
        box-sizing: border-box;
    }

.baket_machine_wrap {
    padding-bottom: 8em;
}

.baket_machine {
    margin-bottom: 1em;
    border-radius: 0.5em;
    border: solid 1px #d9d9d9;
    background-color: white;
    padding: 1.4em;
    box-sizing: border-box;
}

.basket_machine_title_wrap {
    width: 100%;
    ;
    border-bottom: solid 1px #c1c1c1;
    padding: 0em 0 1.2em 0;
}

    .basket_machine_title_wrap label {
        font-size: 1.2em;
        font-weight: 500;
    }

.bsket_item {
    border-bottom: dashed 2px #dcdcdc;
    padding: 0 0 1em 0;
}

.bakset_item_last {
    border: none;
    padding: 0;
}

.basket_item_product_wrap {
    font-size: 1.2em;
    display: table;
    vertical-align: top;
}

.basket_item_product_image {
    display: table-cell;
    width: 5em;
    vertical-align: top;
}

    .basket_item_product_image img {
        width: 5em;
        vertical-align: top;
    }

.basket_item_product_info {
    padding-left: 10px;
    display: table-cell;
    width: 100%;
}

    .basket_item_product_info h3 {
        font-size: 0.8em;
        font-weight: 400;
        line-height: 1.2em;
        margin: 1.2em 0 0 0;
    }

.basket_item_product_price {
    display: table;
    width: 100%;
    align-content: space-between;
    font-size: 0.8em;
    font-weight: 300;
    margin: 0.5em 0;
}

    .basket_item_product_price h4 {
        display: table-cell;
        text-decoration: line-through;
        color: #7e7e7e;
    }

    .basket_item_product_price h3 {
        display: table-cell;
        text-align: right;
        font-size: 1em;
    }

    .basket_item_product_price span {
        font-weight: 600;
        font-size: 1.1em;
        padding-right: 0.1em;
    }

.basket_item_product_info h5 {
    font-size: 0.7em;
    font-weight: 400;
    color: #919191;
}

.basket_item_desc_wrap {
    width: 100%;
    padding: 0.5em;
    margin: 1em 0;
    box-sizing: border-box;
    background-color: #F0F0F0;
}

.basket_item_desc {
    display: table;
    margin: 0.5em 0;
    font-size: 0.8em;
    font-weight: 400;
}

    .basket_item_desc div {
        display: table-cell;
    }

        .basket_item_desc div:nth-child(1) {
            width: 4.5em;
            color: #888888;
        }

.basket_item_order_price {
    width: 100%;
    display: table;
    margin-bottom: 0.3em;
}

    .basket_item_order_price h3 {
        display: table-cell;
        font-size: 1em;
        font-weight: 600;
    }

    .basket_item_order_price h4 {
        display: table-cell;
        font-size: 0.9em;
        font-weight: 400;
        text-align: right;
    }

    .basket_item_order_price span {
        font-weight: 600;
        font-size: 1.3em;
        padding-right: 0.1em;
    }

.basket_total_wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8em;
    background-color: white;
    border-radius: 1em 1em 0 0;
    box-sizing: border-box;
    padding: 1em;
    filter: drop-shadow(0em 0em 0.3em #00000033);
}

.basket_total_price_wrap {
    width: 100%;
    display: table;
}

.basket_total_price_part {
    display: table-cell;
    width: 40%;
    font-size: 0.9em;
    font-weight: 500;
}

    .basket_total_price_part span {
        color: #909090;
        padding-right: 0.3em;
    }


.basket_total_price_total {
    display: table-cell;
    width: 60%;
    text-align: right;
}

    .basket_total_price_total span:nth-child(1) {
        font-size: 1em;
        font-weight: 500;
        padding-right: 0.5em;
    }

    .basket_total_price_total span:nth-child(2) {
        font-size: 1.2em;
        font-weight: 600;
        color: #0072bd;
    }

    .basket_total_price_total span:nth-child(3) {
        font-size: 1em;
        font-weight: 500;
        color: #0072bd;
    }

.basket_total_btn_wrap {
    width: 100%;
    margin: 1em 0 0 0;
}


/* 결제하기 */
.payment_wrap {
    padding-bottom: 8em;
}

.payment_content_wrap {
    margin-bottom: 1em;
    border-radius: 0.5em;
    border: solid 1px #d9d9d9;
    background-color: white;
    padding: 1.4em;
    box-sizing: border-box;
    
}

    .payment_content_wrap h4 {
        display: block;
        width: 100%;
        font-size: 0.8em;
        font-weight: 400;
        color: #777777;
        margin: 0;
        padding: 0;
    }


.payment_content_wrap_pd0 {
    padding: 1.4em 0em;
}

.payment_contact_check_wrap {
    margin: 0.5em 0 0 0;
}

    .payment_contact_check_wrap .checkbox_title {
        margin-top: -0.2em;
    }

.payment_title_wrap {
    width: 100%;
    display: flex;
    align-content: space-around;
    align-items: center;
    font-size: 1.1em;
    font-weight: 700;
    border-bottom: solid 1px #c1c1c1;
    padding: 0em 0 1.2em 0;
}

.payment_title_wrap_clear {
    width: 100%;
    display: flex;
    align-content: space-around;
    align-items: center;
    font-size: 1.1em;
    font-weight: 700;
    padding: 0em 0 1.2em 0;
}

.payment_title_wrap_clear_pd {
	width: auto;
	padding: 0.1em 1.4em 0 1.4em;
}

.payment_title_wrap_clear_pd label + label {
	margin-left: 1em;
}

.payment_title_wrap div {
    width: 50%;
}

    .payment_title_wrap div:nth-child(2) {
        text-align: right;
        font-size: 0.8em;
        font-weight: 500;
        color: #939393;
    }


.payment_item {
    border-bottom: dashed 2px #dcdcdc;
    padding: 1em 0;
}

.payment_item_last {
    border: none;
    padding: 1em 0 0 0;
}

.payment_item_product_wrap {
    font-size: 1.2em;
    display: table;
    vertical-align: top;
}

.payment_icon_category {
    width: 3em;
    font-size: 0.6em;
    font-weight: 500;
    color: white;
    text-align: center;
    background-color: #c0c0c0;
    border-radius: 0.2em;
    padding: 0.1em 0.1em 0.3em 0;
}

.payment_icon_category_buy {
    background-color: #0072bd;
}

.payment_icon_category_order {
    background-color: #5eba00;
}

.payment_item_product_image {
    display: table-cell;
    width: 4.5em;
    vertical-align: top;
    margin: 0.5em 0 0 0;
}

    .payment_item_product_image img {
        width: 4em;
        vertical-align: top;
    }

.payment_item_product_info {
    padding-left: 10px;
    display: table-cell;
    width: 100%;
}

    .payment_item_product_info h3 {
        font-size: 0.8em;
        font-weight: 400;
        line-height: 1.2em;
/*        margin: 1.2em 0 0 0;*/
        margin: 0;
    }

.payment_item_product_price {
    display: table;
    width: 100%;
    align-content: space-between;
    font-size: 0.8em;
    font-weight: 300;
    margin: 0.5em 0;
}

    .payment_item_product_price h4 {
        display: table-cell;
        color: #7e7e7e;
        width: 50%;
    }

    .payment_item_product_price h3 {
        width: 50%;
        display: table-cell;
        text-align: right;
        font-size: 1em;
    }

    .payment_item_product_price span {
        font-weight: 600;
        font-size: 1.1em;
        padding-right: 0.1em;
    }

.payment_item_product_info h5 {
    font-size: 0.7em;
    font-weight: 400;
    color: #919191;
}

.payment_point_item {
    width: 100%;
    display: table;
    font-size: 1em;
    margin: 0.8em 0 0 0;
}

    .payment_point_item div {
        display: table-cell;
        vertical-align: middle;
    }

    
	.payment_point_item h4 {
    	display: table-cell;
        width: 100%;
        float: right;
        font-size: 1em;
        font-weight: 400;
        color: #505050;
        padding: 0.5em 0.7em;
        border: solid 1px #bcbcbc;
        box-sizing: border-box;
        border-radius: 0.2em;
        text-align: left;  
	}
	
	.payment_point_item selece {
    	width: 100%;
        background: url('/Contents/Images/icons/triangle_down.png');
        background-position: right 0.5em center;
        background-repeat: no-repeat;
        background-size: 0.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: solid 1px #bdbdbd;
        font-size: 1em;
        font-weight: 500;
        margin: 0;
        padding: 0.4em;
        box-sizing: border-box;
        text-align: right;
        text-align-last: center;
	}

    .payment_point_item div:nth-child(1) {
        width: 6em;
        color: #6f6f6f;
    }

    .payment_point_item div:nth-child(2) {
        text-align: right;
        font-size: 1.2em;
        font-weight: 600;
    }

    .payment_point_item div:nth-child(3) {
        width: 3.2em;
        text-align: right;
    }
    
    .payment_point_item_bl{
	    padding-bottom: 0.7em;
	    border-bottom: 1px dashed
    }
    
/* 간편 결제 */
.payment_simple_swiper {
	width: 100%;
	height: 220px;
	background-color: #fff;
	margin-top: 1em;
	z-index: 0 !important;
}

.payment_simple_swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.payment_simple_swiper .swiper-slide img {
	display: block;
	width: 100%;
	object-fit: cover;
}

.payment_simple_swiper .swiper-slide {
	width: 60%;
	height: 180px !important;
	border-radius: 10px;
	overflow: hidden;
	filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.2));
	
}

.payment_simple_swiper .swiper-slide:nth-child(1n) {
	width: 80%;
}
     
.payment_simple_card_wrap {
	width: 100%;
	height: 100%;
}

.payment_simple_card_item {
	width: 100%;
	height: 100%;
	background-color: #cacaca;
	background-repeat: no-repeat;
	background-position: left 20px top 40px;
	background-size: auto 15px;
	padding: 20px;
} 

.payment_simple_card_item h3 {
	color: white;
	font-size: 0.8em;
	font-weight: 400;
	text-align: center;
	margin-top: 80px;
} 

.payment_simple_card_item h4 {
	color: white;
	font-size: 1em;
	font-weight: 400;
	text-align: left;
	margin-top: 80px;
} 

.payment_simple_card_item h5 {
	color: white;
	font-size: 0.8em;
	font-weight: 300;
	margin-top: 0.5em;
	text-align: left;
}

.비씨카드{
	background-color: #ED3E54;
	background-image: url('/Contents/Images/basic/bccard.png');
}

.국민카드{
	background-color: #B2906B;
	background-image: url('/Contents/Images/basic/kookmincard.png');
}

.농협카드{
	background-color: #208AE2;
	background-image: url('/Contents/Images/basic/nhcard.png');
}

.하나카드{
	background-color: #2ABA7F;
	background-image: url('/Contents/Images/basic/hanacard.png');
}

.삼성카드{
	background-color: #50A4EA;
	background-image: url('/Contents/Images/basic/samsungcard.png');
}

.신한카드{
	background-size: auto 20px;
	background-position: left 20px top 35px;
	background-color: #4B87DD;
	background-image: url('/Contents/Images/basic/shinhancard.png');
}

.현대카드{
	background-size: auto 22px;
	background-position: left 20px top 38px;
	background-color: #000000;
	background-image: url('/Contents/Images/basic/hyundaicard.png');
}

.롯데카드{
	background-color: #EF263F;
	background-image: url('/Contents/Images/basic/lottecard.png');
}

.농협참사랑{
	background-color: #208AE2;
	background-image: url('/Contents/Images/basic/nhcard.png');
}

.수협{
	background-size: auto 22px;
	background-position: left 20px top 38px;
	background-color: #0071BB;
	background-image: url('/Contents/Images/basic/suhyupbank.png');
}

.씨티카드{
	background-size: auto 22px;
	background-position: left 20px top 38px;
	background-color: #004286;
	background-image: url('/Contents/Images/basic/citibank.png');
}

.외환카드{
	background-color: #2ABA7F;
	background-image: url('/Contents/Images/basic/hanacard.png');
}

.제주은행{
	background-color: #4B87DD;
	background-image: url('/Contents/Images/basic/jejubank.png');
}

.광주은행{
	background-color: #0C2C65;
	background-image: url('/Contents/Images/basic/kwangjubank.png');
}

.전북은행{
	background-color: #021D49;
	background-image: url('/Contents/Images/basic/jeonbukbank.png');
}


.중국은련{
	background-color: #007078;
	background-image: url('/Contents/Images/basic/unionpay.png');
}

.꿈자람{
	background-color: #7E97AA;
	background-image: url('/Contents/Images/basic/etc.png');
}

.푸르미{
	background-color: #7E97AA;
	background-image: url('/Contents/Images/basic/etc.png');
}


.payment_simple_btn_wrap {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	padding: 0 1em;

}

.payment_simple_btn_left {
	display: flex;
	width: 40%;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.payment_simple_btn_right {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}

.payment_simple_monthly {
	display: table-cell;
    font-size: 0.8em;
    font-weight: 600;
    text-align: center;
    padding: 0.6em 0.6em 0.7em 0.6em;
    border-radius: 0.2em;
    box-sizing: border-box;
    background-color: #3289ca;
    color: white;
}

.payment_simple_pop_content_wrap {
    width: 100%;
    max-height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    z-index: 32;
    box-sizing: border-box;    
    padding: 1em;
}

.payment_simple_pop_content {
    width: 100%;
    height: calc(100vh - 2em);
    position: relative;
    background-color: white;
    box-sizing: border-box;
    border-radius: 0.5em;
    padding: 1.5em;
    overflow-x: hidden;
    overflow-y: auto;
}

.payment_simple_pop_title {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	border-bottom: 1px solid #ecebeb;
	padding-bottom: 1em;
}

.payment_simple_pop_title h3 {
	font-size: 1.1em;
	font-weight: 500;
	color: #000;
}
   
.payment_simple_pop_add_content {
	display: flex;
	flex-direction: column;
	margin-top: 1em;
}

.add_group_wrap {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.add_group_wrap_line {
	border-top: 1px dashed #c7c7c7;
}

.add_group_wrap + .add_group_wrap {
	margin-top: 0.5em;
}

.add_group_wrap h5 {
	width: 100%;
	text-align: left;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.2em;
	color: #5e5e5e;
}

.add_group {
	width: 100%;
	display: flex;
	flex-direction: column;
}  

.add_group_wrap .add_group + .add_group {
	margin-left: 20px;
}

.add_group h3 {
	font-size: 1em;
	font-weight: 500;
}  

.add_group_input_wrap {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 0.3em;
	align-content: center;
	align-items: center;
}   

.add_group_input_wrap input {
	width: 100%;
	font-size: 1em;
	border: 1px solid #c8c8c8;
	padding: 0.6em;
}

.add_group_input_wrap span {
	padding: 0 10px;
	
}

.add_group_input_wrap input + input {
	margin-left: 10px;
}

.add_group_input_wrap textarea {
	font-size: 1em;
	border: 1px solid #c8c8c8;
	padding: 0.6em;
}
        
.payment_simple_pop_btn_wrap {
	margin-top: 1.5em;
	height: auto;
	padding: 0;
}        
       
.payment_simple_agree_button {
	font-size: 0.8em;
	font-weight: 300;
	border: none;
	width: 5em;
	padding: 0.3em 0.5em;
	background-color: #f0f0f0;
}   
     
/*
.vending_option_order_date_wrap {
    height: 3em;
}

    .vending_option_order_date_wrap h3 {
        display: inline-block;
        font-size: 0.9em;
        font-weight: 500;
        margin: 0.5em 0 0 0.5em;
    }

    .vending_option_order_date_wrap h4 {
        display: inline-block;
        width: 13em;
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        padding: 0.5em 1em;
        border: solid 1px #bcbcbc;
        box-sizing: border-box;
        border-radius: 0.2em;
        text-align: center;
    }

    .vending_option_order_date_wrap h5 {
        display: inline-block;
        width: 13em;
        float: right;
        font-size: 0.9em;
        font-weight: 500;
        box-sizing: border-box;
        border-radius: 0.2em;
    }

    .vending_option_order_date_wrap select {
        width: 100%;
        background: url('/Contents/Images/icons/triangle_down.png');
        background-position: right 0.5em center;
        background-repeat: no-repeat;
        background-size: 0.7em;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: solid 1px #bdbdbd;
        font-size: 1em;
        font-weight: 500;
        margin: 0;
        padding: 0.6em;
        box-sizing: border-box;
        text-align-last: center;
    } 
*/       

.point_input {
    font-family: 'Spoqa Han Sans', 'Sans-serif';
    text-align: right;
    font-size: 1.2em;
    font-weight: 600;
    color: black;
    height: 2.2em;
}

.payment_category_wrap {
    width: 100%;
    display: table;
    box-sizing: border-box;
    border-radius: 0.2em;
    background-color: #ebeaea;
}

.payment_category_item {
    display: table-cell;
    width: 33.3%;
    font-size: 0.9em;
    font-weight: 500;
    color: #929292;
    text-align: center;
    padding: 0.6em 0 0.8em 0;
}


.payment_category_item_active {
    background-color: #0072bd;
    color: white;
    border-radius: 0.2em;
}

.payment_check_wrap {
    display: flex;
    flex-wrap: wrap;    
    width: 100%;
    margin: 1em 0 0 0;
}

    .payment_check_wrap .payment_check_item {
        line-height: 1.1em;
        width: 50%;
        margin-bottom: 0.5em;
    }

.payment_check_item .checkbox_title {
    font-size: 1em;
    font-weight: 500;
}

.payment_creadit_select_wrap {
    margin: 1em 0 0 0;
    padding: 0;
}

    .payment_creadit_select_wrap select {
        margin: 0 0 0.5em 0;
    }

.payment_agree_comment {
    font-size: 0.9em;
    font-weight: 400;
}

    .payment_agree_comment span {
        color: #0072bd;
    }
    
.payment_simple_pop_iframe {
	width: 100%;
	height: calc(100vh - 9em);
	display: flex;
	flex-direction: column;
	margin-top: 1em;
	box-sizing: border-box;
}

.payment_simple_pass_wrap {
	padding: 0 1em;
	margin-top: 1em;
}  

.payment_simple_pass_wrap h3 {
	font-weight: 500;
}  

.terms_wrapper {
	
}

.terms_wrapper p {
	font-size: 0.9em;
}

.first {
	font-size: 1em !important;
	font-weight: 700;
	
}

.list_rule {
	font-size: 0.9em;
	font-weight: 400;
	padding-left: 0px;
	list-style: none;
}

.list_rule li {
	font-size: 0.9em;
	font-weight: 400;
}

.list_rule li + li {
	margin-top: 10px;
}

/* Progress */
.pop_progress {
    z-index: 200;
    display: none;
    position: fixed;
    opacity: 0;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.progress_back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}


.progress_content {
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -2em;
    margin-top: -2em;
    width: 4em;
    height: 4em;
}

    .progress_content img {
        width: 100%;
        height: 100%;
    }

/* Base */
.no_item {
    width: 100%;
    text-align: center;
    padding: 7em 0 0 0;
}

    .no_item img {
        width: 5em;
    }

    .no_item h3 {
        font-size: 1em;
        font-weight: 500;
        color: #C4C8CB;
        margin: 1em 0 0 0;
    }

.hidden {
    display: none;
}

.font_100 {
	font-weight: 100 !important;
}

.font_300 {
	font-weight: 300 !important;
}

.font_400 {
	font-weight: 400 !important;
}

.font_500 {
	font-weight: 500 !important;
}

.font_700 {
	font-weight: 700 !important;
}

.font_900 {
	font-weight: 900 !important;
}


.m_0 {
    margin: 0;
}

.p_0 {
    padding: 0;
}

.pt_0 {
    padding-top: : 0;
}

.pt_5 {
    padding-top: : 0.5em;
}

.pt_10 {
    padding-top: : 1em;
}

.pt_15 {
    padding-top: : 1.5em;
}

.pt_20 {
    padding-top: : 2em;
}

.pb_0 {
    padding-bottom: 0;
}

.pb_5 {
    padding-bottom: 0.5em;
}

.pb_10 {
    padding-bottom: 1em;
}

.pb_15 {
    padding-bottom: 1.5em;
}

.pb_20 {
    padding-bottom: 2em;
}

.mb_0 {
    margin-bottom: 0;
}

.mb_5 {
    margin-bottom: 0.5em;
}

.mb_10 {
    margin-bottom: 1em;
}

.mb_15 {
    margin-bottom: 1.5em;
}

.mb_20 {
    margin-bottom: 2em;
}

.mt_0 {
    margin-top: 0;
}

.mt_5 {
    margin-top: 0.5em;
}

.mt_10 {
    margin-top: 1em;
}

.mt_15 {
    margin-top: 1.5em;
}

.mt_20 {
    margin-top: 2em;
}

.z_index_101 {
	z-index: 101;
}


.br_0 {
    border-right: none;
}

.bb_0 {
    border-bottom: none;
}

.btn_soldout {
    background-color: #000;
    pointer-events: none;
}
.btn_disabled {
    background-color: #E6E6E6;
    pointer-events: none;
	color: #505050;
}

.vending_category_item_wrap{		
	width: calc(100vw - 3em);
	margin: 0 auto 0 auto;
	padding: 0 0 0.3em 0;
	box-sizing: border-box;
	overflow-y: hidden;
	overflow-x: scroll;	
	white-space: nowrap;
}
.vending_category_item{
	display: inline-block;
	font-size: 0.85em;
	color: #747474;
	font-weight: 500;
	margin: 0;
	padding: 0 0.5em 0.9em 0.5em;
	border-bottom: solid 2px #eaeaea;
}
.vending_category_item_active{
	color: #000000;
	border-bottom: solid 2px #3289ca;
}