@charset "utf-8";

@media all and (max-width:1399px) {

    /* introduce */
    .sub_common_tit {
        font-size: 35px;
    }

    .sub_common_sub_tit {
        font-size: 15px;
        margin-top: 15px;
    }

    .sub_common_sub_tit.mb {
        margin-bottom: 100px;
    }

    .sub_common_etc_box {
        font-size: 14px;
    }

    /* END introduce */

    /* event */
    .sub_con .event_box {
        margin: 60px 0 150px;
    }

    .event_box .e_box .e_sub_box {
        height: calc(100vw * (290/1300));
    }

    /* END event */

    /* mypage */
    .mypage_box {
        margin: 50px 0;
    }

    .mypage_box .box {
        flex: 1;
        padding: 30px 20px;
        border-radius: 20px;
    }

    .mypage_box .box.bg {
        margin-left: 20px;
    }

    .mypage_box .left_box .profile {
        width: 68px;
        height: 68px;
    }

    .mypage_box .left_box .alt_box {
        margin-left: 20px;
        margin-right: 30px;
    }

    .mypage_box .left_box .alt_box .name {
        font-size: 20px;
    }

    .mypage_box .left_box .alt_box .email {
        font-size: 15px;
    }

    .mypage_box .left_box .alt_box .date {
        font-size: 12px;
    }

    .mypage_box .modify_btn {
        height: 35px;
        padding: 0 12px;
        min-width: 105px;
    }

    .mypage_box .box.bg .my_ment {
        font-size: 20px;
    }

    .mypage_box .box.bg .my_sub_ment {
        font-size: 14px;
    }

    .mypage_box .box.bg .mylink {
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
    }

    .mypage_box .profile_alt_wrap {
        margin-left: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .mypage_box .box.money {
        margin-left: 20px;
    }

    .mypage_box .profile_alt_wrap .info_box {
        padding: 9px 0;
    }

    .copy_btn {
        min-width: 20px;
        min-height: 20px;
        width: 20px;
        height: 20px;
        margin-left: 8px;
    }

    .mypage_box .box.money .top .left {
        font-size: 16px;
    }

    .mypage_box .box.money .top .right {
        line-height: 25px;
        padding: 0 15px;
        font-size: 12px;
        border-radius: 70px;
    }

    .mypage_box .box.money .now {
        height: 45px;
        padding: 0 20px;
        margin: 10px 0;
    }

    .mypage_box .box.money .total {
        margin: unset;
    }

    .common_tab_box.two a {
        padding: 14px 25px;
        font-size: 18px;
    }

    .common_tab_box.two {
        margin-bottom: 55px;
    }

    .month_list_box .con_box {
        padding: 60px 30px 30px;
        margin-bottom: 35px;
    }

    .month_list_box .con_box .top_icon_box {
        width: 90px;
        height: 43px;
    }

    .month_list_box .n_name {
        font-size: 20px;
    }

    .month_list_box .n_sub_name {
        font-size: 13px;
        margin: 10px 0 25px;
    }

    .month_list_box .input_sub_box .name {
        font-size: 13px;
    }

    .month_list_box .input_style_box.custom {
        width: 350px;
    }

    .link_copy_btn {
        text-indent: -99999em;
        padding-left: 10px;
        padding-right: 15px;
    }

    .month_button {
        font-size: 13px;
        color: #fff;
        padding: 0 15px;
    }

    .month_ment {
        font-size: 13px;
    }

    .month_img_box {
        min-width: 350px;
        min-height: 210px;
        width: 350px;
        height: 210px;
        margin-left: 20px;
    }

    .month_list_box .input_style_box.custom.type {
        width: 280px;
    }

    .common_table_wrap table td,
    .common_table_wrap table th {
        font-size: 15px;
    }

    .date_search_box {
        padding: 20px;
    }

    .date_search_box .d_name {
        font-size: 13px;
        margin-right: 20px;
    }

    .date_style_box {
        height: 35px;
        font-size: 12px;
    }

    .date_style_box input {
        font-size: 12px;
    }

    .date_search_box .bottom {
        height: 35px;
    }

    .date_search_box .bottom .l input {
        width: 300px;
    }

    .month_button.custom2 {
        height: 40px;
        padding: 0 40px;
    }

    .seacrh_select {
        font-size: 14px;
    }

    .common_search_box .total span.sub_ment {
        font-size: 14px;
    }

    .point_withdraw_box {
        margin-top: 40px;
        padding: 60px 150px;
        justify-content: center;
        background-color: #F6F6F6;
        border-radius: 10px;
    }

    .point_withdraw_box .date_style_box {
        padding: 0 20px;
    }

    .point_withdraw_box .date_style_box .name {
        font-size: 14px;
    }

    .point_withdraw_box .date_style_box .point {
        font-size: 18px;
    }

    .mypage_sns_box .box {
        width: 50%;
    }

    /* END mypage */
}

@media all and (max-width: 1199px) {

    /* content */
    .sub_content_box .box {
        width: 50%;
    }

    .sub_container .common_page_nav {
        margin: 50px auto 100px;
    }

    /* END content */

    /* event */
    .event_box .e_box .e_sub_box {
        height: calc(100vw * (280/1199));
        padding: calc(100vw * (60/1199)) calc(100vw * (70/1199));
    }

    .event_box .e_box .e_sub_box .name {
        padding: calc(100vw * (6/1199)) calc(100vw * (17/1199));
        border-radius: calc(100vw * (80/1199));
        font-size: calc(100vw * (18/1199));
    }

    .event_box .e_box .e_sub_box .sub_name {
        font-size: calc(100vw * (28/1199));
        margin-top: calc(100vw * (20/1199));
        max-width: calc(100vw * (600/1199));
    }

    .event_box .e_box .e_sub_box .date {
        font-size: calc(100vw * (18/1199));
    }

    .event_box .e_box .e_sub_box .date .d_day {
        margin-left: calc(100vw * (10/1199));
        padding: calc(100vw * (4/1199)) calc(100vw * (12/1199));
        border-radius: calc(100vw * (50/1199));
        font-size: calc(100vw * (15/1199));
    }

    .sub_con .event_box {
        margin: 60px 0;
    }

    /* END event */

    /* alliance */
    .sub_file_wrap .input_style_box {
        flex: 4;
    }

    .sub_text_box {
        padding: 25px;
    }

    /* END alliance */

    /* member */
    .program_box {
        padding: 45px;
    }

    .member_tit {
        font-size: 25px;
    }

    .program_box .m_box {
        width: 100%;
        border-radius: 20px;
        padding: 30px 0;
    }

    .program_box .m_box:not(:last-child) {
        margin-right: 15px;
    }

    .program_box .m_box .m_tit {
        border-radius: calc(100vw * (30/1199));
        padding: calc(100vw * (7/1199)) calc(100vw * (35/1199));
        font-size: calc(100vw * (23/1199));
    }

    .program_box .m_box .m_alt .one {
        font-size: calc(100vw * (23/1199));
        margin-top: calc(100vw * (40/1199));
    }

    .program_box .m_box .ment {
        font-size: calc(100vw * (25/1199));
        margin-top: calc(100vw * (25/1199));
        margin-bottom: calc(100vw * (5/1199));
    }

    .program_box .m_box .m_prcie {
        font-size: calc(100vw * (32/1199));
    }

    .program_box .m_box .m_prcie span {
        font-size: calc(100vw * (20/1199));
    }

    .program_box .m_box del {
        font-size: calc(100vw * (20/1199));
        margin-top: calc(100vw * (15/1199));
    }

    .box_inner {
        width: 500px;
    }

    .member_ok_container .program_box {
        padding: 80px 50px;
    }

    /* END member */

    /* mypage */
    .mypage_box {
        flex-direction: column;
    }

    .mypage_box .box.bg,
    .mypage_box .box.money {
        margin-left: unset;
        margin-top: 40px;
    }

    .mypage_box .box {
        padding: 40px;
    }

    .mypage_box .box {
        flex-direction: column;
    }

    .mypage_box .profile_alt_wrap {
        margin-left: unset;
        margin-top: 40px;
    }

    .common_tab_box.two {
        flex-wrap: wrap;
    }

    .month_list_box .con_box {
        flex-direction: column;
    }

    .month_list_box .con_box .left {
        order: 2;
    }

    .month_img_box {
        margin-left: unset;
        margin-bottom: 40px;
    }

    .month_list_box .input_style_box.custom {
        width: 400px;
    }

    .month_list_box .input_style_box.custom.type {
        width: 340px;
    }

    .date_search_box {
        flex-direction: column;
    }

    .date_search_box .d_name {
        margin: unset;
        margin-bottom: 15px;
    }

    .month_button.custom2 {
        margin-top: 15px;
    }

    .point_withdraw_box {
        padding: 50px;
    }

    .point_withdraw_box .month_button.custom2 {
        margin-top: unset;
    }

    .mypage_point_box .p_box .p_img {
        margin-bottom: 40px;
        margin-right: unset;
    }

    .mypage_point_box .p_box .left {
        flex-direction: column;
    }

    .mypage_sns_box .sub_box .alt_box .alt.bar:not(:last-child) {
        margin-right: 5px;
        padding-right: 0;
    }

    .sns_view_box .alert_box {
        padding: 30px;
    }

    .sns_view_box .alert_box .l_tit {
        position: relative;
        padding-left: 20px;
        margin-right: unset;
        min-width: 100px;
    }

    .add_box .page_prev_btn {
        padding: 25px 50px;
    }

    /* END mypage */
}

@media all and (max-width:700px) {
    .sub_con {
        padding: calc(100vw * (90/375)) 0;
		padding-top: 50px !important;
    }

    /* introduce */
    .sub_common_tit {
        font-size: calc(100vw * (28/375));
    }

    .sub_common_sub_tit {
        font-size: calc(100vw * (15/375));
        margin-top: calc(100vw * (20/375));
    }

    .sub_common_sub_tit.mb {
        margin-bottom: calc(100vw * (60/375));
    }

    .sub_common_etc_box {
        font-size: calc(100vw * (14/375));
    }

    /* END introduce */

    /* content */
    .common_search_box {
        margin: calc(100vw * (60/375)) 0 calc(100vw * (40/375));
        flex-direction: column;
        align-items: flex-start;
    }

    .common_search_box.row {
        flex-direction: row;
        align-items: center;
    }

    .common_search_box .total {
        font-size: calc(100vw * (18/375));
        order: 2;
    }
    .common_search_box.row .total {
        white-space: nowrap;
    }
    .common_search_box.row .right {
        order: 2;
        margin-bottom: unset;
    }

    .common_search_box .right {
        height: auto;
        margin-left: unset;
        margin-bottom: calc(100vw * (30/375));
        width: 100%;
        gap: calc(100vw * (10/375));
    }
    .common_search_box.my .seacrh_select.l {
        margin-left: unset;
    }
    .seacrh_select {
        border-radius: calc(100vw * (6/375));
        padding: 0 calc(100vw * (20/375));
        padding-right: calc(100vw * (40/375));
        font-size: calc(100vw * (16/375));
        background: url('../image/sub/select_arw.svg') no-repeat center right calc(100vw * (20/375)) / contain;
        background-size: calc(100vw * (11/375)) calc(100vw * (6/375));
        height: calc(100vw * (40/375));
    }

    .search_form_box {
        border-radius: calc(100vw * (6/375));
        width: 100%;
        margin-left: unset;
        padding: 0 calc(100vw * (20/375));
        padding-right: calc(100vw * (45/375));
        height: calc(100vw * (50/375));
    }

    .search_form_box input {
        font-size: calc(100vw * (16/375));
    }

    .search_form_box .search_btn {
        right: calc(100vw * (20/375));
        width: calc(100vw * (24/375));
        height: calc(100vw * (24/375));
    }

    .sub_content_box {
        margin: 0;
    }

    .sub_content_box .box {
        width: 100%;
        padding: unset;
        margin-bottom: calc(100vw * (30/375));
    }

    .sub_content_box .box .sub_box img {
        height: calc(100vw * (242/375));
        object-fit: cover;
    }

    .sub_content_box .box .sub_box>div:not(:first-child) {
        padding: 0 calc(100vw * (30/375));
    }

    .sub_content_box .box .sub_box .name {
        margin: calc(100vw * (30/375)) 0 calc(100vw * (10/375));
        font-size: calc(100vw * (15/375));
    }

    .sub_content_box .box .sub_box .sub_name {
        font-size: calc(100vw * (23/375));
        margin-bottom: calc(100vw * (15/375));
    }

    .sub_content_box .box .sub_box .alt {
        font-size: calc(100vw * (15/375));
        margin-bottom: calc(100vw * (30/375));
    }

    .sub_content_box .box .sub_box .date {
        font-size: calc(100vw * (15/375));
        margin-bottom: calc(100vw * (30/375));
    }

    .sub_content_box .box .sub_box {
        border-radius: calc(100vw * (20/375));
    }

    .sub_content_box .box.best .sub_box .label {
        top: calc(100vw * (20/375));
        right: calc(100vw * (20/375));
        padding: calc(100vw * (10/375));
        border-radius: calc(100vw * (8/375));
        font-size: calc(100vw * (16/375));
    }

    .sub_content_box .box.best .sub_box .label .img_icon {
        width: calc(100vw * (19/375));
        height: calc(100vw * (16/375));
        margin-right: calc(100vw * (7/375));
    }

    .sub_container .common_page_nav {
        margin: calc(100vw * (50/375)) auto;
    }

    .common_page_nav a {
        width: calc(100vw * (42/375));
        height: calc(100vw * (42/375));
        font-size: calc(100vw * (16/375));
    }

    .common_page_nav .page_num {
        margin: 0 calc(100vw * (25/375));
    }

    .common_page_nav .page_num a {
        margin: 0 calc(100vw * (5/375));
    }

    /* END content */

    /* evnet */
    .sub_con .event_box {
        margin: calc(100vw * (50/375)) 0;
    }

    .sub_con .event_box .sub_page_link_box {
        margin-bottom: calc(100vw * (40/375));
    }

    .sub_page_link_box {
        border-radius: calc(100vw * (6/375));
    }

    .sub_page_link_box .link:first-child {
        border-radius: calc(100vw * (6/375)) 0 0 calc(100vw * (6/375));
    }

    .sub_page_link_box .link {
        padding: calc(100vw * (20/375)) 0;
        font-size: calc(100vw * (16/375));
    }

    .sub_page_link_box .link:last-child {
        border-radius: 0 calc(100vw * (6/375)) calc(100vw * (6/375)) 0;
    }

    .event_box .e_box .e_sub_box {
        border-radius: calc(100vw * (10/375));
        padding: calc(100vw * (15/375));
        height: calc(100vw * (110/375));
        margin-bottom: calc(100vw * (20/375));
    }

    .event_box .e_box .e_sub_box .name {
        padding: calc(100vw * (6/375)) calc(100vw * (8/375));
        border-radius: calc(100vw * (30/375));
        font-size: calc(100vw * (10/375));
    }

    .event_box .e_box .e_sub_box .sub_name {
        font-size: calc(100vw * (14/375));
        margin-top: calc(100vw * (10/375));
        max-width: calc(100vw * (200/375));
    }

    .event_box .e_box .e_sub_box .date {
        font-size: calc(100vw * (11/375));
    }

    .event_box .e_box .e_sub_box .date .d_day {
        margin-left: calc(100vw * (10/375));
        padding: calc(100vw * (4/375)) calc(100vw * (5/375));
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (10/375));
    }

    .common_table_box .table_head,
    .common_table_box .table_box .num {
        display: none;
    }

    .common_table_box {
        border-top: 1px solid #111;
    }

    .common_table_box .table_body {
        flex-direction: column;
        height: unset;
        padding: calc(100vw * (15/375)) 0;
    }

    .common_table_box .table_box .title {
        margin-bottom: calc(100vw * (10/375));
    }

    .common_table_box .table_box .right_box {
        min-width: unset;
        width: 100%;
        font-size: calc(100vw * (13/375));
    }

    .common_table_box .table_box .right_box .view {
        order: 1;
        position: relative;
        margin-right: calc(100vw * (10/375));
    }

    .common_table_box .table_box .right_box .view::before {
        content: '조회수';
        margin-right: calc(100vw * (5/375));
    }

    .common_table_box .table_box .right_box .date {
        order: 2;
        margin-right: calc(100vw * (10/375));
    }

    .common_table_box .table_box .right_box .file {
        order: 3;
    }

    .common_table_box .table_box .right_box .file,
    .common_table_box .table_box .right_box .view,
    .common_table_box .table_box .right_box .date {
        flex: unset;
    }

    /* END event */

    /* contact */
    .table_box.notice .label {
        padding: calc(100vw * (4/375)) calc(100vw * (10/375));
        border-radius: calc(100vw * (5/375));
        font-size: calc(100vw * (14/375));
        margin-right: calc(100vw * (10/375));
    }

    .common_table_box .table_box {
        font-size: calc(100vw * (16/375));
    }

    .contact_view_box .c_tit {
        font-size: calc(100vw * (30/375));
        margin: calc(100vw * (40/375)) 0 calc(100vw * (20/375));
    }

    .contact_view_box .c_sub_tit {
        font-size: calc(100vw * (16/375));
        margin-bottom: calc(100vw * (40/375));
    }

    .contact_view_box .c_sub_tit .bar {
        margin-right: calc(100vw * (15/375));
        padding-right: calc(100vw * (15/375));
    }

    .contact_view_box .alt_box {
        padding: calc(100vw * (40/375)) 0;
    }

    .contact_view_box .file_box {
        border-radius: calc(100vw * (6/375));
        padding: calc(100vw * (25/375)) calc(100vw * (20/375));
        margin-top: calc(100vw * (40/375));
        flex-wrap: wrap;
    }

    .contact_view_box .file_box .name {
        font-size: calc(100vw * (16/375));
        margin-right: calc(100vw * (55/375));
    }

    .contact_view_box .img_icon {
        min-width: calc(100vw * (24/375));
        min-height: calc(100vw * (24/375));
        width: calc(100vw * (24/375));
        height: calc(100vw * (24/375));
    }

    .contact_view_box .file_box .name .img_icon {
        margin-right: calc(100vw * (5/375));
    }

    .contact_view_box .file_box .alt {
        font-size: calc(100vw * (16/375));
        word-break: break-all;
        line-height: 1.2em;
    }

    .page_move_box .box {
        padding: calc(100vw * (25/375)) calc(100vw * (15/375));
    }

    .page_move_box .box .name {
        min-width: calc(100vw * (100/375));
        font-size: calc(100vw * (16/375));
    }

    .page_move_box .box .img_icon {
        margin-right: calc(100vw * (10/375));
    }

    .page_move_box .box .tit {
        font-size: calc(100vw * (16/375));
    }

    .c_btn_box {
        margin-top: calc(100vw * (60/375));
    }

    .page_prev_btn {
        padding: calc(100vw * (25/375)) calc(100vw * (90/375));
        border-radius: calc(100vw * (10/375));
        font-size: calc(100vw * (20/375));
    }

    .event_box.mb .common_search_box {
        margin: unset;
        margin-bottom: calc(100vw * (40/375));
    }

    .event_box.mb .common_search_box .right {
        margin: unset;
    }

    .common_tab_box {
        margin-bottom: calc(100vw * (30/375));
        flex-wrap: wrap;
        gap: calc(100vw * (10/375));
    }

    .common_tab_box a {
        padding: calc(100vw * (14/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (18/375));
    }

    .common_tab_box a:not(:last-child) {
        margin-right: unset;
    }

    .tab_content_box .sub_box .q_box {
        padding: calc(100vw * (15/375));
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .tab_content_box .sub_box .q_box .left {
        min-width: unset;
        margin-bottom: calc(100vw * (10/375));
        align-items: flex-start;
    }

    .tab_content_box .sub_box .q_box .icon {
        min-width: calc(100vw * (50/375));
        min-height: calc(100vw * (50/375));
        width: calc(100vw * (50/375));
        height: calc(100vw * (50/375));
        font-size: calc(100vw * (28/375));
        margin-right: calc(100vw * (30/375));
    }
    .tab_content_box .sub_box .q_box .mbb {
        flex-direction: column;
        align-items: flex-start;
    }
    .tab_content_box .sub_box .q_box .type {
        font-size: calc(100vw * (16/375));
        min-width: none;
        margin-bottom: calc(100vw * (15/375));
    }

    .tab_content_box .sub_box .q_box .name {
        font-size: calc(100vw * (15/375));
        overflow: visible;
        white-space: normal;
        line-height: 1.2em;
    }

    .tab_content_box .sub_box .a_box {
        font-size: calc(100vw * (16/375));
        padding: calc(100vw * (30/375)) calc(100vw * (15/375)) calc(100vw * (40/375));
    }

    .sub_content_tit {
        font-size: calc(100vw * (32/375));
    }

    .inquiry_box {
        margin-top: calc(100vw * (40/375));
        padding-top: calc(100vw * (40/375));
        border-top: 1px solid #111;
    }

    .sub_input_box {
        margin-bottom: calc(100vw * (25/375));
        flex-direction: column;
    }

    .sub_input_box.flex_c div:first-child {
        margin-right: unset;
    }

    .input_sub_box {
        width: 100%;
    }

    .input_sub_box:first-child {
        margin-bottom: calc(100vw * (25/375));
    }

    .input_sub_box .name {
        font-size: calc(100vw * (18/375));
        margin-bottom: calc(100vw * (10/375));
    }

    .input_style_box {
        height: calc(100vw * (60/375));
        border-radius: calc(100vw * (6/375));
        padding: 0 calc(100vw * (20/375));
        font-size: calc(100vw * (18/375));
    }

    .input_style_box input {
        font-size: calc(100vw * (14/375));
    }

    .input_style_box.two {
        height: calc(100vw * (300/375));
        padding: calc(100vw * (20/375));
    }

    .input_style_box.two textarea {
        font-size: calc(100vw * (18/375));
    }

    .sub_file_wrap {
        /* flex-direction: column; */
    }

    .sub_file_wrap .input_style_box {
        width: 100%;
        flex: 3;
        /* margin-bottom: calc(100vw * (10/375)); */
    }

    .sub_file_btn {
        height: calc(100vw * (60/375));
        border-radius: calc(100vw * (6/375));
        margin-left: calc(100vw * (5/375));
        font-size: calc(100vw * (12/375));
        flex: 1;
        padding: 0 calc(100vw * (5/375));
    }

    .inquiry_box .btm_box {
        padding: calc(100vw * (40/375)) 0;
    }

    .sub_text_box {
        max-height: calc(100vw * (220/375));
        border-radius: calc(100vw * (6/375));
        padding: calc(100vw * (20/375));
        font-size: calc(100vw * (16/375));
    }

    .sub_check_box {
        margin-top: calc(100vw * (20/375));
    }

    .sub_check_box input[type='checkbox']+label {
        padding-left: calc(100vw * (30/375));
        font-size: calc(100vw * (16/375));
    }

    .sub_check_box input[type='checkbox']+label::after {
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
    }

    /* END contact */

    /* member */
    .member_bg {
        height: calc(100vw * (300/375));
    }

    .program_box {
        padding: calc(100vw * (40/375)) calc(100vw * (20/375));
        margin-top: calc(100vw * (40/375));
    }

    .member_tit {
        font-size: calc(100vw * (30/375));
        margin-bottom: calc(100vw * (40/375));
    }

    .program_box .box_wrap {
        flex-direction: column;
    }

    .program_box .m_box {
        border-radius: calc(100vw * (15/375));
        padding: calc(100vw * (40/375)) 0;
    }

    .program_box .m_box:not(:last-child) {
        margin-right: unset;
        margin-bottom: calc(100vw * (25/375));
    }

    .program_box .m_box .m_tit {
        border-radius: calc(100vw * (40/375));
        padding: calc(100vw * (7/375)) calc(100vw * (35/375));
        font-size: calc(100vw * (18/375));
    }

    .program_box .m_box .m_alt .one {
        font-size: calc(100vw * (23/375));
        margin-top: calc(100vw * (20/375));
    }

    .program_box .m_box .ment {
        font-size: calc(100vw * (20/375));
        margin-top: calc(100vw * (25/375));
        margin-bottom: calc(100vw * (5/375));
    }

    .program_box .m_box .m_prcie {
        font-size: calc(100vw * (32/375));
    }

    .program_box .m_box .m_prcie span {
        font-size: calc(100vw * (20/375));
    }

    .program_box .m_box del {
        font-size: calc(100vw * (16/375));
        margin-top: calc(100vw * (15/375));
    }

    .box_inner {
        width: 100%;
    }

    .sub_check_box input[type='checkbox']+label {
        line-height: 1.3em;
    }

    .program_box .c_box_wrap .box {
        padding: calc(100vw * (17/375)) 0 calc(100vw * (28/375));
        border-radius: calc(100vw * (12/375));
    }

    .program_box .c_box_wrap .box:not(:last-child) {
        margin-right: calc(100vw * (10/375));
    }

    .program_box .c_box_wrap .box .img_icon {
        width: calc(100vw * (53/375));
        height: calc(100vw * (53/375));
        margin-bottom: calc(100vw * (9/375));
    }

    .program_box .c_box_wrap .box .name {
        font-size: calc(100vw * (16/375));
    }

    .program_box .cash_box {
        margin: calc(100vw * (60/375)) 0;
        padding-bottom: calc(100vw * (60/375));
    }

    .member_ok_bg {
        padding: calc(100vw * (120/375)) 0;
        min-height: calc(100vh - calc(100vw * (100/375)));
    }

    .member_ok_bg .ok_tit {
        font-size: calc(100vw * (45/375));
        margin-bottom: calc(100vw * (20/375));
    }

    .member_ok_container .program_box {
        padding: calc(100vw * (80/375)) calc(100vw * (20/375));
    }

    .member_txt_box {
        border-radius: calc(100vw * (13/375));
        padding: calc(100vw * (70/375)) 0;
    }

    .member_txt_box::after {
        width: calc(100vw * (74/375));
        height: calc(100vw * (74/375));
    }

    .member_txt_box .ok_ment {
        font-size: calc(100vw * (22/375));
        margin-bottom: calc(100vw * (20/375));
    }

    .member_txt_box .ok_date {
        font-size: calc(100vw * (18/375));
    }

    .page_prev_btn.black {
        margin-left: calc(100vw * (25/375));
    }

    .member_ok_bg .inner {
        width: 100%;
    }

    .member_ok_bg .page_prev_btn {
        padding: calc(100vw * (25/375));
    }

    /* END member */

    /* login */
    .login_container {
        min-height: calc(100vh - calc(100vw * (100/375)));
        display: flex;
        justify-content: center;
        align-items: center;
        padding: calc(100vw * (120/375)) 0;
    }
    .login_inner {
        width: 100%;
        padding: 0 calc(100vw * (20/375));
    }
    .form_box {
        margin-top: calc(100vw * (60/375));
    }
    .form_box .input_style_box {
        margin-bottom: calc(100vw * (20/375));
    }
    .form_box .link_box {
        font-size: calc(100vw * (16/375));
        padding: calc(100vw * (20/375)) 0 calc(100vw * (50/375));
        margin-bottom: calc(100vw * (30/375));
    }
    .form_box .link_box a.bar {
        margin-right: calc(100vw * (15/375));
        padding-right: calc(100vw * (15/375));
    }
    .form_box .link_box a.bar::after {
        height: calc(100vw * (16/375));
    }
    .login_ment_box {
        flex-direction: column;
    }
    .login_ment_box .ment_box {
        font-size: calc(100vw * (16/375));
        margin-right: unset;
    }
    .login_ment_box a {
        height: calc(100vw * (40/375));
        border-radius: calc(100vw * (6/375));
        font-size: calc(100vw * (16/375));
        padding: 0 calc(100vw * (25/375));
        margin-top: calc(100vw * (15/375));
    }
    .id_search_box {
        padding: calc(100vw * (80/375)) calc(100vw * (10/375));
        border-radius: calc(100vw * (20/375));
        margin: calc(100vw * (50/375)) 0;
    }
    .id_search_box .txt {
        font-size: calc(100vw * (20/375));
    }
    .page_prev_btn.red {
        margin-right: calc(100vw * (10/375));
    }
    .login_container .c_btn_box.mb button {
        padding: calc(100vw * (25/375)) calc(100vw * (15/375));
    }
    .signup_inner .sub_input_box {
        margin-bottom: calc(100vw * (25/375));
    }
    .input_style_box.button .chk {
        border-radius: calc(100vw * (80/375));
        padding: calc(100vw * (12/375)) 0;
        font-size: calc(100vw * (12/375));
        min-width: calc(100vw * (60/375));
    }
    .sub_input_box.email {
        padding-bottom: calc(100vw * (80/375));
    }
    .email_select {
        border-radius:  calc(100vw * (6/375));
        padding: 0  calc(100vw * (20/375));
        font-size:  calc(100vw * (16/375));
        background-size:  calc(100vw * (11/375))  calc(100vw * (6/375));
        position: absolute;
        right: 0;
        transform: translateY(100%);
    }
    .input_style_box .write_wrap {
        position: relative;
    }
    .sub_input_box.email.mb .input_style_box.mb {
        overflow: visible;
    }
    .sub_check_box.signup:not(:last-child) {
        margin-right: calc(100vw * (5/375));
    }
    .input_style_box.cc .sub_check_box.signup:not(:last-child) {
        margin-right: unset;
        margin-bottom: calc(100vw * (15/375));
    }
    .sub_input_box.agree {
        padding-bottom: calc(100vw * (80/375));
    }
    .input_style_box.cc {
        height: auto;
        flex-direction: column;
        padding: calc(100vw * (25/375)) calc(100vw * (20/375));
        align-items: flex-start;
    }
    /* END login */

    /* mypage */
    .mypage_box .box {
        padding: calc(100vw * (30/375)) calc(100vw * (20/375));
        border-radius: calc(100vw * (20/375));
    }

    .mypage_box .box .big_box {
        flex-direction: column;
    }

    .mypage_box .left_box .alt_box {
        margin-left: calc(100vw * (25/375));
        margin-right: unset;
        flex-direction: column;
    }

    .mypage_box .left_box .profile {
        width: calc(100vw * (68/375));
        height: calc(100vw * (68/375));
    }

    .member_level {
        margin-top: calc(100vw * (15/375));
        font-size: calc(100vw * (14/375));
    }

    .member_level .level {
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        margin-right: calc(100vw * (5/375));
    }

    .mypage_box .modify_btn {
        height: calc(100vw * (40/375));
        border-radius: calc(100vw * (5/375));
        font-size: calc(100vw * (15/375));
        padding: 0 calc(100vw * (15/375));
        min-width: calc(100vw * (105/375));
        margin-top: calc(100vw * (15/375));
    }

    .mypage_box .box.bg,
    .mypage_box .box.money {
        margin-top: calc(100vw * (10/375));
    }

    .mypage_box .left_box .alt_box .name {
        font-size: calc(100vw * (23/375));
        margin: calc(100vw * (5/375)) 0;
    }

    .mypage_box .left_box .alt_box .email {
        font-size: calc(100vw * (16/375));
    }

    .mypage_box .box.bg .my_ment {
        font-size: calc(100vw * (20/375));
    }

    .mypage_box .left_box .alt_box .date {
        font-size: calc(100vw * (13/375));
    }

    .mypage_box .box.bg .my_sub_ment {
        font-size: calc(100vw * (15/375));
    }

    .mypage_box .box.bg .mylink {
        height: calc(100vw * (40/375));
        padding: 0 calc(100vw * (20/375));
        font-size: calc(100vw * (14/375));
        border-radius: calc(100vw * (6/375));
        margin-top: calc(100vw * (15/375));
    }

    .mypage_box {
        margin: calc(100vw * (50/375)) 0;
    }

    .common_search_box .right .inquiry_btn {
        line-height: calc(100vw * (50/375));
        border-radius: calc(100vw * (6/375));
        padding: 0 calc(100vw * (40/375));
        font-size: calc(100vw * (16/375));
    }

    .myright_box {
        min-width: unset;
        width: 100%;
        text-align: left;
    }

    .myright_box .state button {
        line-height: calc(100vw * (30/375));
        border-radius: calc(100vw * (50/375));
        width: calc(100vw * (70/375));
        font-size: calc(100vw * (14/375));
    }

    .mypage_box .profile_alt_wrap {
        margin-top: calc(100vw * (40/375));
    }

    .mypage_box .profile_alt_wrap .info_box {
        padding: calc(100vw * (10/375)) 0;
    }

    .mypage_box .profile_alt_wrap .l .img_icon {
        width: calc(100vw * (24/375));
        height: calc(100vw * (24/375));
        margin-right: calc(100vw * (10/375));
    }

    .mypage_box .profile_alt_wrap .l .name {
        font-size: calc(100vw * (13/375));
    }

    .mypage_box .profile_alt_wrap .r .txt {
        font-size: calc(100vw * (14/375));
    }

    .copy_btn {
        min-width: calc(100vw * (20/375));
        min-height: calc(100vw * (20/375));
        width: calc(100vw * (20/375));
        height: calc(100vw * (20/375));
        margin-left: calc(100vw * (8/375));
    }

    .mypage_box .box.money .top .left {
        font-size: calc(100vw * (16/375));
    }

    .mypage_box .box.money .top .right {
        line-height: calc(100vw * (25/375));
        padding: 0 calc(100vw * (15/375));
        font-size: calc(100vw * (12/375));
        border-radius: calc(100vw * (70/375));
    }

    .mypage_box .box.money .now {
        height: calc(100vw * (45/375));
        padding: 0 calc(100vw * (20/375));
        margin: calc(100vw * (10/375)) 0;
    }

    .mypage_box .box.money .now .name {
        font-size: calc(100vw * (13/375));
    }

    .mypage_box .box.money .now .point {
        font-size: calc(100vw * (18/375));
    }

    .common_tab_box.two a {
        padding: calc(100vw * (14/375)) calc(100vw * (25/375));
        font-size: calc(100vw * (18/375));
        margin: unset;
    }

    .common_tab_box.two {
        margin-bottom: calc(100vw * (55/375));
    }

    .sub_content_tit.myp {
        margin-bottom: calc(100vw * (40/375));
        padding-bottom: calc(100vw * (40/375));
    }

    .common_list_month .img_icon {
        width: calc(100vw * (42/375));
        height: calc(100vw * (42/375));
    }

    .common_list_month .month {
        margin: 0 calc(100vw * (30/375));
        font-size: calc(100vw * (27/375));
    }

    .common_list_month {
        margin-bottom: calc(100vw * (30/375));
    }

    .month_list_box .con_box {
        padding: calc(100vw * (60/375)) 0 calc(100vw * (30/375));
        margin-bottom: calc(100vw * (35/375));
        border-radius: calc(100vw * (12/375));
    }

    .month_list_box .con_box .top_icon_box {
        width: calc(100vw * (90/375));
        height: calc(100vw * (43/375));
    }

    .month_img_box {
        min-width: unset;
        min-height: unset;
        width: 100%;
        height: auto;
        margin-left: unset;
        margin-bottom: calc(100vw * (40/375));
        border-radius: calc(100vw * (8/375));
    }

    .month_list_box .con_box .left {
        width: 100%;
        padding: 0 calc(100vw * (20/375));
    }

    .month_list_box .n_name {
        font-size: calc(100vw * (20/375));
    }

    .month_list_box .n_sub_name {
        font-size: calc(100vw * (13/375));
        margin: calc(100vw * (10/375)) 0 calc(100vw * (25/375));
    }

    .month_list_box .sub_input_box {
        margin-bottom: calc(100vw * (20/375));
    }

    .month_list_box .input_sub_box .name {
        font-size: calc(100vw * (13/375));
    }

    .month_list_box .input_style_box.custom {
        width: 100%;
    }

    .input_sub_box .flex.mb {
        flex-direction: column;
    }

    .link_copy_btn {
        padding-left: calc(100vw * (10/375));
        padding-right: calc(100vw * (15/375));
        min-width: calc(100vw * (30/375));
    }

    .link_copy_btn::before {
        height: calc(100vw * (16/375));
    }

    .link_copy_btn::after {
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
    }

    .input_sub_box .mb_box {
        margin-left: auto;
        height: calc(100vw * (45/375));
        margin-top: calc(100vw * (15/375));
    }

    .month_list_box .input_style_box.custom .txt {
        font-size: calc(100vw * (14/375));
        width: calc(100% - calc(100vw * (40/375)));
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .month_button {
        font-size: calc(100vw * (14/375));
        padding: 0 calc(100vw * (15/375));
        border-radius: calc(100vw * (6/375));
        margin-left: calc(100vw * (10/375));
    }

    .month_ment {
        font-size: calc(100vw * (10/375));
        line-height: 1.2em;
        letter-spacing: -0.02em;
    }

    .month_list_box .input_style_box.custom.type {
        width: 100%;
    }

    .common_table_wrap table td,
    .common_table_wrap table th {
        padding: calc(100vw * (15/375));
        font-size: calc(100vw * (16/375));
    }

    .date_search_box {
        padding: calc(100vw * (30/375)) calc(100vw * (10/375));
        border-radius: calc(100vw * (10/375));
        margin-top: calc(100vw * (40/375));
    }
    .date_search_box .d_name {
        font-size: calc(100vw * (15/375));
        margin-bottom: calc(100vw * (15/375));
    }

    .date_style_box {
        border-radius: calc(100vw * (3/375));
        height: calc(100vw * (50/375));
        font-size: calc(100vw * (13/375));
        padding: 0 calc(100vw * (10/375));
    }
    .select_date_box .date_style_box {        
        width: 100%;
    }
    .select_date_box .date_style_box input {
        padding-left: calc(100vw * (15/375));
        margin-left: calc(100vw * (10/375));
        font-size: calc(100vw * (13/375));
    }
    .date_style_box .ui-datepicker-trigger {
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
    }
    .date_search_box .bottom {
        height: unset;
        flex-wrap: wrap;
        margin-top: calc(100vw * (15/375));
        gap: calc(100vw * (15/375));
        width: 100%;
    }
    .date_search_box .bottom .l {
        margin-left: unset;
    }
    .date_search_box .bottom .l.mb  {
        width: 100%;
    }
    .date_search_box .bottom .l input {
        width: 100%;
        font-size: calc(100vw * (13/375));
    }
    .month_button.custom2 {
        height: calc(100vw * (40/375));
        padding: 0 calc(100vw * (40/375));
        margin-top: calc(100vw * (15/375));
    }
    .common_search_box .total span.sub_ment {
        font-size: calc(100vw * (12/375));
        margin-left: unset;
        letter-spacing: -0.002em;
        margin-top: calc(100vw * (5/375));
    }
    .point_withdraw_box {
        margin-top: calc(100vw * (40/375));
        padding: calc(100vw * (20/375)) calc(100vw * (10/375));
        border-radius: calc(100vw * (10/375));
        flex-direction: column;
    }
    .point_withdraw_box .date_style_box .name {
        font-size: calc(100vw * (14/375));
    }
    .point_withdraw_box .date_style_box .point {
        font-size: calc(100vw * (18/375));
    }
    .point_withdraw_box .month_button.custom2 {
        width: calc(100vw * (160/375));
        margin-top: calc(100vw * (15/375));
        margin-left: unset;
        height: calc(100vw * (55/375));
    }
    .point_withdraw_box .month_button.custom2 .withdraw {
        width: calc(100vw * (15/375));
        height: calc(100vw * (13/375));
        margin-right: calc(100vw * (8/375));
    }
    .white_box {
        border-radius: calc(100vw * (20/375));
        padding: calc(100vw * (50/375)) calc(100vw * (15/375)) calc(100vw * (60/375));
        margin-top: calc(100vw * (60/375));
    }
    .white_box .sub_inner {
        width: 100%;
    }
    .white_box .w_tit {
        font-size: calc(100vw * (24/375));
    }
    .white_box .red_box {
        border-radius: calc(100vw * (16/375));
        padding: calc(100vw * (20/375));
        margin: calc(100vw * (20/375)) 0 calc(100vw * (40/375));
        flex-direction: column;
    }
    .white_box .red_box .box.bar {
        margin-right: unset;
        padding-right: unset;
        margin-bottom: calc(100vw * (15/375));
    }
    .white_box .red_box .box.bar::after {
        display: none;
    }
    .white_box .red_box .box .top {
        font-size: calc(100vw * (16/375));
    }
    .white_box .red_box .box .point {
        font-size: calc(100vw * (25/375));
        margin-top: calc(100vw * (60/375));
    }
    .white_box .red_box .box .top .ques_icon {
        width: calc(100vw * (18/375));
        height: calc(100vw * (18/375));
        margin-left: calc(100vw * (7/375));
    }
    .white_box .toast_box {
        width: 110%;
        font-size: calc(100vw * (15/375));
        padding: calc(100vw * (15/375));
        border-radius: calc(100vw * (6/375));
        margin-top: calc(100vw * (10/375));
    }
    .white_box .toast_box .sub_txt {
        margin-top: calc(100vw * (6/375));
    }
    .white_box .toast_box .toast_close {
        width: calc(100vw * (8/375));
        height: calc(100vw * (8/375));
        top: calc(100vw * (7/375));
        right: calc(100vw * (7/375));
    }
    .white_box .w_sub_tit {
        font-size: calc(100vw * (20/375));
        margin-bottom: calc(100vw * (30/375));
        padding-bottom: calc(100vw * (10/375));
    }
    .wbox_wrap {
        margin-bottom: calc(100vw * (40/375));
        flex-direction: column;
    }
    .wbox_wrap .a_tit {
        min-width: unset;
        font-size: calc(100vw * (16/375));
        margin-right: auto;
        margin-bottom: calc(100vw * (15/375));
    }
    .wbox_wrap .date_style_box {
        height: calc(100vw * (60/375));
        padding: 0 calc(100vw * (20/375));
        font-size: calc(100vw * (16/375));
    }
    .wbox_wrap .date_style_box input {
        font-size: calc(100vw * (16/375));
    }
    .wbox_wrap .date_style_box .won {
        margin-left: calc(100vw * (5/375));
    }
    .wbox_wrap .date_style_box .alt_ment {
        font-size: calc(100vw * (13/375));
    }
    .alt_box.last {
        margin-top: calc(100vw * (90/375));
    }
    .wbox_wrap .date_style_box .seacrh_select {
        font-size: calc(100vw * (18/375));
        background-size: calc(100vw * (11/375)) calc(100vw * (6/375));
    }
    .form_box .sub_check_box {
        margin: calc(100vw * (20/375)) 0;
    }
    .c_btn_box.r {
        padding-top: calc(100vw * (40/375));
    }
    .c_btn_box.r.mb button{
        padding: calc(100vw * (25/375)) calc(100vw * (30/375));
    }
    .point_withdraw_box .date_style_box {
        padding: 0 calc(100vw * (30/375));
        height: calc(100vw * (55/375));
    }
    .mypage_point_box {
        margin-top: calc(100vw * (50/375));
    }
    .mypage_point_box .p_box {
        padding: calc(100vw * (30/375)) 0;
        flex-direction: column;
    }
    .mypage_point_box .p_box .p_img {
        width: 100%;
        height: calc(100vw * (180/375));
        border-radius: calc(100vw * (20/375));
        margin-bottom: calc(100vw * (40/375));
    }
    .mypage_point_box .p_box .left {
        width: 100%;
    }
    .mypage_point_box .p_box .alt_box .p_tit {
        font-size: calc(100vw * (20/375));
        margin-bottom: calc(100vw * (12/375));
    }
    .mypage_point_box .p_box .alt_box {
        padding: calc(100vw * (10/375)) 0;
    }
    .mypage_point_box .p_box .alt_box .p_alt {
        font-size: calc(100vw * (15/375));
    }
    .mypage_point_box .p_box .alt_box .p_alt .name {
        min-width: calc(100vw * (45/375));
    }
    .mypage_point_box .p_box .alt_box .date {
        font-size: calc(100vw * (15/375));
        margin-top: calc(100vw * (15/375));
    }
    .month_button.custom3 {
        height: calc(100vw * (40/375));
    }
    .common_search_box .right .inquiry_btn {
        margin-left: auto;
    }
    .inquiry_view_box .tit_box .state {
        padding: calc(100vw * (8/375)) calc(100vw * (15/375));
        border-radius: calc(100vw * (50/375));
        margin-top: calc(100vw * (40/375));
        font-size: calc(100vw * (16/375));
    }
    .inquiry_view_box .file_box {
        margin: calc(100vw * (40/375)) 0;
    }
    .inquiry_answer_box .tit {
        font-size: calc(100vw * (24/375));
        margin-bottom: calc(100vw * (10/375));
    }
    .inquiry_answer_b {
        padding: calc(100vw * (30/375)) calc(100vw * (15/375));
    }
    .inquiry_answer_b .left .arw {
        width: calc(100vw * (15/375));
        height: calc(100vw * (15/375));
        margin-right: calc(100vw * (15/375));
    }
    .inquiry_answer_b .left .icon {
        width: calc(100vw * (50/375));
        height: calc(100vw * (50/375));
        margin-right: calc(100vw * (30/375));
    }
    .inquiry_answer_b .right .id {
        font-size: calc(100vw * (16/375));
    }
    .inquiry_answer_b .right .ment {
        font-size: calc(100vw * (15/375));
        margin: calc(100vw * (15/375)) 0;
    }
    .inquiry_answer_b .right .date {
        font-size: calc(100vw * (15/375));
    }
    .c_btn_box.mb button {
        padding: calc(100vw * (25/375)) calc(100vw * (35/375));
        width: 100%;
    }
    .inquiry_box.modify .sub_input_box {
        margin-bottom: calc(100vw * (20/375));
        padding-bottom: calc(100vw * (20/375));        
    }
    .inquiry_box.modify .sub_input_box .input_sub_box {
        flex-direction: column;
    }
    .inquiry_box.modify .input_sub_box .name {
        min-width: unset;
        margin-right: auto;
        margin-bottom: calc(100vw * (10/375));
    }
    .inquiry_box.modify .input_style_box {
        width: 100%;
    }
    .inquiry_box.modify .input_sub_box.change .input_style_box.pw .change_ment {
        bottom: calc(100vw * (-25/375));
        font-size: calc(100vw * (12/375));
    }
    .pw_chk_btn {
        font-size: calc(100vw * (16/375));
        padding: calc(100vw * (20/375)) calc(100vw * (22/375));
        border-radius: 6pcalc(100vw * (6/375));
        margin-left: unset;
        margin-top: calc(100vw * (15/375));
    }
    /* END mypage */

    /* modal */
    .member_modal .modal {
        width: 90%;
        border-radius: calc(100vw * (20/375));
        overflow: auto;
    }
    .member_modal .modal .top {
        padding: calc(100vw * (25/375)) calc(100vw * (30/375));
    }
    .member_modal .modal .top .tit {
        font-size: calc(100vw * (24/375));
    }
    .member_modal .modal .modal_body {
        width: 100%;
        overflow: auto;
        padding: calc(100vw * (60/375)) calc(100vw * (20/375));
        max-height: calc(100vw * (500/375));
    }
    .member_modal .kakao_btn {
        width: 100%;
        min-height: calc(100vw * (70/375));
        height: calc(100vw * (70/375));
        border-radius: calc(100vw * (8/375));
        font-size: calc(100vw * (15/375));
    }
    .member_modal .kakao_btn .img_icon {
        width: calc(100vw * (25/375));
        height: calc(100vw * (23/375));
        margin-right: calc(100vw * (10/375));
    }
    .member_modal .etc_ment {
        font-size: calc(100vw * (16/375));
        padding-bottom: calc(100vw * (40/375));
        margin: calc(100vw * (25/375)) 0 calc(100vw * (40/375));
    }
    .modal_tit {
        font-size: calc(100vw * (20/375));
        margin-bottom: calc(100vw * (25/375));
    }
    .modal_body .sub_input_box {
        margin-bottom: calc(100vw * (25/375));
    }
    .modal_body .input_sub_box .name {
        font-size: calc(100vw * (15/375));
    }
    .modal_body .chk_box {
        border-radius: calc(100vw * (6/375));
        padding: calc(100vw * (40/375)) 0;
    }
    .modal_body .chk_box .ment {
        font-size: calc(100vw * (16/375));
        margin-bottom: calc(100vw * (10/375));
    }
    .modal_body .chk_box .id {
        font-size: calc(100vw * (20/375));
    }
    .modal_body .chek_wrap {
        margin-bottom: calc(100vw * (40/375));
        padding-bottom: calc(100vw * (40/375));
    }
    .modal_body .chk_wrap .box:not(:last-child) {
        margin-right: unset;
        margin-bottom: calc(100vw * (10/375));
    }
    .modal_body .chk_wrap {
        flex-direction: column;
    }
    .modal_body .chk_wrap .box input[type='radio']+label {
        padding: calc(100vw * (20/375)) 0;
        border-radius: calc(100vw * (10/375));
        font-size: calc(100vw * (16/375));
    }
    .modal_body .ok_icon {
        width: calc(100vw * (70/375));
        height: calc(100vw * (70/375));
    }
    .modal_body .ok_ment {
        font-size: calc(100vw * (20/375));
        margin-bottom: calc(100vw * (20/375));
    }
    .modal_body .ok_sub_ment {
        font-size: calc(100vw * (15/375));
        margin-bottom: calc(100vw * (90/375));
    }
    .modal .top .close_btn {
        width: calc(100vw * (36/375));
        height: calc(100vw * (36/375));
    }
    .mypage_sns_box {
        margin: unset
    }
    .mypage_sns_box .box {
        width: 100%;
        padding: unset;
        margin-bottom: calc(100vw * (50/375));
    }
    .mypage_sns_box .sub_box .img_box {
        border-radius: calc(100vw * (20/375));
    }
    .mypage_sns_box .sub_box .img_box .state {
        width: calc(100vw * (55/375));
        height: calc(100vw * (30/375));
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (13/375));
        top: calc(100vw * (16/375));
        left: calc(100vw * (16/375));
    }
    .mypage_sns_box .sub_box .s_name {
        font-size: calc(100vw * (23/375));
        margin: calc(100vw * (10/375)) 0 ;
    }
    .mypage_sns_box .sub_box .date {
        font-size: calc(100vw * (14/375));
        margin-bottom: calc(100vw * (15/375));
    }
    .mypage_sns_box .sub_box .alt_box {
        height: auto;
        padding: calc(100vw * (15/375));
        border-radius: calc(100vw * (10/375));
    }
    .mypage_sns_box .sub_box .alt_box .alt {
        font-size: calc(100vw * (13/375));
    }
    .mypage_sns_box .sub_box .alt_box .alt.bar:not(:last-child) {
        margin-right: calc(100vw * (5/375));
    }
    .mypage_sns_box .sub_box .alt_box .alt .txt {
        margin-left: calc(100vw * (10/375));
    }
    .sns_view_box .state_box.flex_c {
        flex-direction: column;
    }
    .sns_view_box .state_box .state {
        width: calc(100vw * (70/375));
        height: calc(100vw * (35/375));
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (16/375));
        margin-right: unset;
        margin-bottom: calc(100vw * (15/375));
    }
    .sns_view_box .state_box .e_tit {
        font-size: calc(100vw * (32/375));
    }
    .sns_view_box .c_sub_tit {
        margin: calc(100vw * (30/375)) 0 calc(100vw * (60/375));
        flex-direction: column;
        align-items: flex-start;
    }
    .sns_view_box .c_sub_tit .bar {
        margin-right: unset;
        padding-right: unset;
        margin-bottom: calc(100vw * (10/375));
    }
    .sns_view_box .alert_box {
        padding: calc(100vw * (30/375)) calc(100vw * (10/375));
        border-radius: calc(100vw * (10/375));
        margin-bottom: calc(100vw * (40/375));
        flex-direction: column;
    }
    .sns_view_box .alert_box .l_tit {
        padding-left: calc(100vw * (20/375));
        min-width: calc(100vw * (100/375));
        margin-bottom: calc(100vw * (15/375));
        font-size: calc(100vw * (14/375));
    }
    .sns_view_box .alert_box .l_tit::after {
        width: calc(100vw * (15/375));
        height: calc(100vw * (13/375));
    }
    .sns_view_box .alert_box .alert_ment {
        font-size: calc(100vw * (14/375));
    }
    .common_table_wrap .state button {
        width: calc(100vw * (70/375));
        height: calc(100vw * (30/375));
        border-radius: calc(100vw * (50/375));
        font-size: calc(100vw * (14/375));
    }
    .sns_view_box .add_box {
        padding: calc(100vw * (40/375)) 0 calc(100vw * (100/375));
        margin-bottom: calc(100vw * (100/375));
    }
    .sns_view_box .add_box .a_tit {
        font-size: calc(100vw * (30/375));
        margin-bottom: calc(100vw * (40/375));
    }
    .sns_view_box .add_box .link_box {
        border-radius: calc(100vw * (6/375));
        background-color: #F7F8F9;
        padding: calc(100vw * (30/375)) calc(100vw * (15/375));
        flex-direction: column;
    }
    .sns_view_box .add_box .link_box .name {
        font-size: calc(100vw * (16/375));
        min-width: calc(100vw * (60/375));
        margin-bottom: calc(100vw * (15/375));
    }
    .sns_view_box .add_box .date_style_box {
        height: calc(100vw * (60/375));
        border-radius: calc(100vw * (6/375));
        padding: 0 calc(100vw * (20/375));
    }
    .date_style_box input {
        font-size: calc(100vw * (13/375));
    }
    .sub_con .inner {
        width: 100%;
    }
    .add_box .page_prev_btn {
        padding: calc(100vw * (25/375)) calc(100vw * (25/375));
        font-size: calc(100vw * (14/375));
    }
    .c_btn_box.sns .red {
        margin: unset;
        margin-left: calc(100vw * (10/375));
    }
    .input_style_box.custom2 {
        height: calc(100vw * (180/375));
        padding: calc(100vw * (20/375));
        padding-bottom: calc(100vw * (70/375));
    }
    .input_style_box.custom2 textarea {
        font-size: calc(100vw * (16/375));
    }
    .input_style_box.custom2 .month_button.custom3 {
        bottom: calc(100vw * (20/375));
        right: calc(100vw * (20/375));
    }
    .write_num {
        margin-top: calc(100vw * (40/375));
        padding-bottom: calc(100vw * (10/375));
        font-size: calc(100vw * (16/375));
    }
    /* END modal */
    /* 추가 */
    .m_scroll_txt{
        position: relative;
        font-size: calc(100vw * (15/375));
        text-align: right;
        color: red;
        margin-bottom: calc(100vw * (10/375));
    }
	.chk_ment{
		padding-top:0px;
	}
}



@media(max-width:850px) {
    .card_pop .pop_box { 
        width: calc(100vw * (750/850));
    }
}

@media(max-width:685px) {
    .card_pop .pop_row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .card_pop .pop_row .right {
        margin-left: 0;
    }

    .card_pop .pop_row_group {
        height: 300px;
    }

    .card_pop .pop_row .right{
        font-size: 15px;
    }
    .card_pop .pop_box {
        padding: 25px 30px 50px;
    }
    .card_pop .pop_row{
        padding: 15px 20px;
    }
    .program_box .cash_box {
        padding-bottom: 0;
    }
}