* {-webkit-text-size-adjust:none;}

    .membership_container {width: 100%; padding-top: 40px;}
    .membership_container section, div {line-height: 1.2;}
    .membership_box {width: 100%; max-width: 860px; margin: 0 auto;}

    .membership_header {width: 100%;}
    .membership_header_box {max-width: 582px;margin: 0 auto;display: grid;grid-gap: 12px;justify-items: center;}
    .membership_header_text_top {font-size: 25px;font-weight: 500;color: #231815;}
    .membership_header_text_middle {font-size: 56px;font-weight: bold;color: #082454;}
    .membership_header_text_bottom {font-size: 23px;font-weight: 500;color: #4A4A6A;}
    .membership_header_text_bottom_m {display: none}


    .mambership_graph_box { width: 100%; max-width: 860px; margin: 40px auto 0px; display: grid; grid-template-columns: 32% 68%; align-items: end;}
    .mambership_graph_box-now_level_info { grid-row: 1;grid-column: 1/-1; }
    .now_leve_info-box { display: grid; grid-template-columns: 100%; align-items: center; justify-items: start;}
    .now_leve_info-box_p div { display: grid; align-items: center; justify-items: center; font-weight: 700; font-size: 45px; font-family: Roboto; color: #fff; background-color: #531867; width: 85px; height: 85px; border-radius: 7px; }

    .condition_info_text {margin-left: 12px; font-size: 16px; color: #363636;}
    .now_leve_info-box_text {display: flex;align-items: center;}
    .now_leve_info-box_text .member_level { font-size: 32px; font-weight: bold; color: #082454; }
    .now_leve_info-benefits span {font-weight: bold; font-size: 23px; color: #9F9F9F; }
    .mambership_graph_box-std_level { grid-row: 1/4; grid-column: 2; padding-top: 70px; }
    .std_level_graph { position: relative; display: grid; grid-gap: 7px; grid-template-columns: repeat(5, 1fr); align-items: end; justify-content: center; align-content: center; }
    .graph_royal {text-align: center; cursor: pointer;}
    .graph_prestige {text-align: center; cursor: pointer; }
    .graph_vip {text-align: center; cursor: pointer;}
    .graph_family {text-align: center; cursor: pointer;}
    .graph_friend {text-align: center; cursor: pointer;}
    .graph_royal .graph_items {height: 265px;}
    .graph_prestige .graph_items {height: 227px;}
    .graph_vip .graph_items {height: 198px;}
    .graph_family .graph_items {height: 162px;}
    .graph_friend .graph_items {height: 124px;}
    .graph_label {color: #4B4B4B;font-weight: bold;font-size: 13px;margin-bottom: 5px}
    .graph_items {background-color: #EDEDED;border-radius: 11.8037px 0px 0px 0px;padding-top: 7px;font-size: 23px;font-weight: bold;color: #000}
    .graph_label.on {color: #082454}
    .graph_items.on {color: #fff;background-color: #082454}
    .graph_event_text_area {position: absolute;bottom: 0px;color: #fff;background-color: #91a6c9;size: 17px;width: calc(80% - 2px);height: 37px;display: grid;align-items: center;justify-content: center;opacity: 0.8}

    .mambership_graph_box-now_status { display: grid; grid-row: 2; grid-template-columns: 100%; grid-gap: 8px; margin-top: 65px; }
    .now_status_items { display: grid; grid-template-columns: 40px auto; align-items: center; justify-items: start; }
    .status_icons { position: relative; display: grid; align-items: center; justify-items: center; }
    .status_label { font-size: 25px; color: #363636; }
    .status_label span {font-size: 25px; font-weight: bold; color: #363636;}
    .status_text { font-size: 15px; color: #363636; grid-column: 2/-1;}

    .membership_sms_area {width: 100%; margin-top: 40px; padding: 34px 0; background-color: #f7f7f7;}
    .membership_sms_box {width: 100%; max-width: 640px; margin: 0 auto; }
    .mambership_sms_box-text {margin-bottom: 10px; font-size: 17px; color: #000;}
    .mambership_sms_box-text span {font-size: 17px; color: #000; font-weight: bold}
    .mambership_sms_box-text.center {text-align: center;}

    .membership_alert_area { width: 100%; max-width: 1200px; margin: 50px auto; }
    .membeship_alert_header { width: 100%; }
    .membeship_alert_header_text { width: 100%; font-size: 24px; font-weight: bold; color: #000; text-align: center}
    .membeship_alert_box {margin-top: 50px; display: grid; grid-template-columns: repeat(2, 1fr);}
    .membeship_alert_box_items {padding-top: 40px;}
    .membeship_alert_box_items:nth-child(2) {padding-left: 140px;}
    .alert_label { font-size: 18px; font-weight: 800; color: #000; }
    .alert_content ul {list-style:none;padding: 0px; margin: 20px 0 0 0;}
    .alert_content ul li {position: relative;padding-left: 15px;font-size: 15px; color: #363636;}
    .alert_content ul li:before {display: block;content: '•';position: absolute;top: -2px;left: 0;color: #000;font-family: 'Noto Sans KR';font-size: 16px;font-weight: 400;}

    @media (max-width: 1024px) {
        .now_leve_info-box_p div {font-size: 30px;}
        .now_leve_info-benefits {font-size: 30px;}
        .now_leve_info-benefits span {font-size: 30px;}
        .now_leve_info-box_text {font-size: 30px}
        .now_leve_info-box_text .member_level {font-size: 30px}
        .membeship_alert_box_items:nth-child(2) {padding-left: 50px;}
    }

    @media (max-width: 768px) {
        .now_leve_info-box_p div {width: 45px;height: 45px;font-size: 18px;}
        .now_leve_info-benefits span {font-size: 18px;}
        .mambership_graph_box-now_status {width: unset;}
        .now_leve_info-box_text {font-size: 18px}
        .now_leve_info-box_text .member_level {font-size: 18px}
        .mambership_graph_box-std_level {padding-top: 30px;}
    }

    @media (max-width: 425px) {
        .membership_box { padding: 0 4vw 0}
        .membership_header_box {margin:0px; justify-items: start;}
        .membership_header_text_top {font-size: 22px}
        .membership_header_text_middle {font-size: 42px}
        .membership_header_text_bottom {display: none}
        .membership_header_text_bottom_m {display: block; font-size: 21px}
        .mambership_graph_box {grid-template-columns: 40% 60%;grid-template-rows: 50% 50%; align-items: start; margin-top: 0px;min-height: 620px;}
        .mambership_graph_box-now_level_info {margin-top: 60px;grid-row: 2;grid-column: 1;}
        .mambership_graph_box-std_level {grid-column: 1/-1;grid-row: 1;}
        .mambership_graph_box-now_status {margin-top: 60px;grid-gap: 20px;grid-row: 2;}
        .now_leve_info-benefits span {font-size: 18px;}
        .now_leve_info-box_text {display: grid;font-size: 22px}
        .condition_info_text {margin-left: 0px;margin-top: 10px;width: 140px}
        .now_leve_info-box_text .member_level {font-size: 22px}
        .now_status_items {grid-gap: 0px}
        .membership_sms_box {width: auto;padding: 0 4vw 0;}
        .mambership_sms_box-text.center {text-align: left}
        .membership_alert_area {margin: 0 auto 50px;}
        .membeship_alert_header{height: 52px;display: grid;grid-template-columns: 100%;align-items: center;background-color: #91a6c9;}
        .membeship_alert_header_text {padding-left: 4vw;font-size: 18px;text-align: left;}
        .membeship_alert_box {grid-template-columns: 100%;margin-top: 0px;padding: 0 3vw 0;}
        .membeship_alert_box_items { padding-top: 30px; margin-bottom: 30px}
        .membeship_alert_box_items:not(:first-child) { border-top: 1px solid rgba(200, 200, 200, 0.5); }
        .membeship_alert_box_items:nth-child(2) {padding-left: 0px;}
        .alert_content ul li {font-size: 13px; line-height: 1.6;}
        .alert_content ul li:before {top: -4px;}
    }

    @media (max-width: 375px) {
        .now_leve_info-benefits {font-size: 18px;}
        .now_leve_info-benefits span {font-size: 18px;}
        .now_leve_info-box_text {font-size: 20px}
        .now_leve_info-box_text .member_level {font-size: 20px}
        .graph_items { font-size: 21px}
        .status_label {font-size: 24px}
    }

    @media (max-width: 320px) {
        .now_leve_info-benefits {font-size: 18px;}
        .now_leve_info-benefits span {font-size: 18px;}
        .now_leve_info-box_text {font-size: 18px}
        .now_leve_info-box_text .member_level {font-size: 18px}
        .mambership_graph_box { grid-template-columns: 45% 55%}
        .graph_items { font-size: 14px}
        .status_label {font-size: 16px}
    }

    .event_1105 {display:none;}