@media (min-width:1281px) {
    .bkd_nav {
        display: block !important;
    }
}

@media (max-width:1800px){

    /* 대시보드 */
    .dashboard_box.type1 {
        height: auto;
        width: 100%;
    }

    .service_state {
        column-gap: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .service_state > li {
        flex-direction: column;
    }

    .service_state > li + li {
        margin-top: 0;
    }

    .service_state > li .state_tit {
        margin-bottom: 4px;
        width: auto;
    }

    .dashboard_box.type2 {
        width: calc(52% - 10px);
    }

    .dashboard_box.type2 .dashboard_inner_box {
        height: calc(34% - 10px);
    }

    .dashboard_box.type2 .dashboard_inner_box + .dashboard_inner_box {
        height: 66%;
    }

    .scr_table {
        max-height: calc(100% - 42px);
    }

    .dashboard_box.type3 {
        width: 48%;
    }

    .dashboard_box.type5 {
        /* width: 100%; */
    }

    /* .sch_area {
        flex-wrap: wrap;
        row-gap: 10px;
    } */

    .sch_base {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .sch_detail_area {
        flex-wrap: wrap;
        row-gap: 10px;
    }
}

@media (max-width:1400px){
    .amount_info p span {
        display: block;
    }
}

@media (max-width:1366px){
    .legend_list {
        justify-content: center;
    }
}

@media (max-width:1280px){

    html, body {
        font-size: 9px;
    }

    .login_top .img_area img {
        width: 80px;
    }

    .login_etc .chk_box input[type=checkbox] + label {
        padding-left: 28px;
    }

    .login_etc .chk_box input[type=checkbox] + label::before {
        background-size: 19px;
        height: 19px;
        width: 19px;
    }

    .join_step_top {
        min-height: 64px;
    }

    .info_img_txt {
        background-size: 19px;
    }

    .etc_links {
        flex: 1;
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    /* s: 인트로 */
    .intro_top {
        padding: 120px 0 40px;
    }

    /* e: 인트로 */

    .full_screen_wrap .alret_page {
        padding: 200px 0 50px;
    }

    .alert_img img {
        width: 110px;
    }

    .bkd_header {
        padding: 0 25px;
    }

    .header_aside {
        display: none;
    }

    ._open_menu .header_aside {
        box-sizing: border-box;
        border-bottom: 1px solid #ccc;
        color: #fff;
        display: block;
        padding: 0 20px 20px;
        position: fixed;
        right: 0;
        top: 25px;
        width: 250px;
        z-index: 2500;
    }

    .my_menu .my_btn {
        display: none;
    }

    .my_menu .hide_menu {
        display: flex !important;
        justify-content: space-between;
        margin-top: 10px;
        padding: 0;
        position: static;
    }

    .hide_menu > li + li {
        margin-top: 0;
    }

    .hide_menu a {
        display: block;
        font-size: 1.2rem;
        font-weight: 300;
        border: 1px solid #ccc;
        padding: 4px 5px;
    }

    .user_info_wrap {
        display: block;
    }

    .user_info_wrap > p + p {
        margin-top: 10px;
    }

    .user_info_wrap p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .user_info_wrap p span {
        display: block;
    }

    .user_info_wrap > p + p span {
        display: inline;
    }

    .mob_menu_btn {
        background: url(../images/ico_mob_menu.png) center no-repeat;
        display: block;
        font-size: 0;
        height: 30px;
        right: 23px;
        top: 15px;
        width: 30px;
        z-index: 5;
    }

    ._open_menu .mob_menu_btn {
        background: url(../images/ico_close_white_lg.png) center no-repeat;
        position: fixed;
        z-index: 9999; /* 모바일 메뉴 열림 시 최상위 유지 */
    }

    .bkd_nav {
        background: #2A7B6E;
        display: none;
        min-height: 100vh;
        padding-top: 184px;
        position: fixed;
        right: 0;
        top: 0;
        width: 250px;
        z-index: 1500;
    }

    ._open_menu .bkd_nav {
        /* display: block; */
    }

    .bkd_main_menu {
        max-height: calc(100vh - 184px);
        overflow-y: auto;
    }

    .bkd_main_menu > li + li {
        margin-top: 15px;
    }

    .bkd_main_menu > li > a {
        /* color: #fff; */
        color: #e5e5e5;
        padding-left: 0;
    }

    .bkd_main_menu > li > a.selected {
        color: #fff;
        background: none;
        /* font-size: 1.8rem; */
        font-weight: 600;
    }

    .bkd_main_menu > li > a > span, .bkd_main_menu > li > a::before {
        display: none;
    }

    .bkd_main_menu > li > ul {
        border-radius: 5px;
        margin-top: 5px;
        padding: 14px;
    }

    .bkd_main_menu > li > ul.__opened {
        background: #fff;
    }

    .cont_area {
        padding: 12px 24px 12px;
        width: 100%;
    }

    .dashboard_box {
        height: 394px;
    }

    .dashboard_box.type2 .dashboard_inner_box {
        height: calc(32% - 10px);
    }

    .dashboard_box.type2 .dashboard_inner_box + .dashboard_inner_box {
        height: 68%;
    }

    .dashboard_box.type1, .dashboard_box.type3, .dashboard_box.type4, .dashboard_box.type5, .dashboard_box.type6, .dashboard_box.type2 .dashboard_inner_box {
        padding: 16px 24px;
    }

    .cont_border_box {
        padding: 15px 20px;
    }

    .th_colored_table td {
        padding: 10px 20px;
    }

    .tab_menu {
        column-gap: 30px;
    }

    .chart_area .chart_left {
        padding: 15px 20px;
    }

    .half_box_area > div {
        padding: 15px 20px;
    }

    .sch_detail_area .rad_box input[type=radio] + label {
        line-height: 1.6;
    }

    .acc_list .acc_list_btn {
        height: 46px;
    }

    .pop_head {
        padding: 25px 20px 0;
    }

    .pop_cont {
        padding: 20px 20px 25px;
    }

    .pop_close_btn {
        right: 18px;
    }

    .acc_detail_wrap {
        column-gap: 60px;
    }

    .win_pop_wrap {
        padding: 0 24px;
    }

    .dx-datagrid-total-footer .dx-datagrid-summary-item {
        white-space: normal !important; /* 줄바꿈 허용 */
        word-break: keep-all;           /* 한글 단어 단위 유지 */
    }
    .grid_top {
        display: block;
    }
    .dot_list {
        text-align: left;
    }
}



@media (max-width:1024px){

    /* s: 인트로 */
    .intro_top {
        padding: 100px 0 40px;
    }

    .intro_tit, .intro_img {
        margin-bottom: 24px;
    }

    .intro_img img {
        width: 100px;
    }

    .intro_txt {
        box-sizing: border-box;
        padding: 0 15px 30px 15px;
    }

    .intro_cont {
        box-sizing: border-box;
        padding: 0 15px;
        left: -10px;
    }

    .intro_step .num_step {
        /* padding-top: 40px; */
        padding-left: 0;
    }

    .intro_step > li {
        width: 100%;
    }

    .intro_step > li.left2 {
        left: 0;
        top: 40px;
    }

    .intro_step > li.left3 {
        left: 0;
        top: 0;
    }

    .intro_step.step2 {
        /* padding-bottom: 85px; */
        padding-right: 0;
    }

    .intro_step.step3 {
        /* padding-bottom: 170px; */
        padding-right: 0;
    }

    .intro_step.step4 {
        padding-right: 0;
    }

    .intro_step > li.left4 {
        left: 0;
        top: 40px;
    }

    .step_box {
        border-radius: 50px;
        column-gap: 20px;
        height: auto;
        min-height: 200px;
        padding: 0 40px 0 40px;
    }

    .step_btn {
        height: 70px;
        left: 30px;
        opacity: 0.6;
        top: -50px;
        width: 70px;
    }

    .num_step.sec_step .step_btn {
        left: 110px;
    }

    .num_step.left3 .step_btn {
        left: 190px;
    }

    .intro_step > li:first-child .step_btn {
        opacity: 1;
    }

    .num_step.__show .step_btn {
        opacity: 1;
    }

    .intro_step.step2 > li:first-child .step_btn, .intro_step.step3 > li:first-child .step_btn, .intro_step.step4 .step_btn, .intro_step.step3 .sec_step .step_btn, .intro_step.step4 .step_btn, .intro_step.step4  > li:first-child .step_btn {
        opacity: 0.6;
    }

    /* e: 인트로 */


    .dashboard_box {
        height: auto;
    }

    .dashboard_box.type2, .dashboard_box.type3, .dashboard_box.type4, .dashboard_box.type5, .dashboard_box.type6 {
        width: 100%;
    }

    .dashboard_box.type2 .dashboard_inner_box {
        height: auto;
    }

    .dashboard_box.type2 .dashboard_inner_box + .dashboard_inner_box {
        height: auto;
    }

    .scr_table {
        max-height: 220px;
    }

    .amount_info p span {
        display: inline;
    }

    .service_state {
        column-gap: 0;
        flex-wrap: wrap;
        row-gap: 20px;
        justify-content: center;
    }

    .service_state > li {
        width: 25%;
    }

    .my_service_box {
        flex-direction: column;
        row-gap: 10px;
    }

    .my_service_box > .add_service_box {
        box-sizing: border-box;
        max-width: none;
        width: 100%;
    }

    .chart_area {
        flex-wrap: wrap;
        height: auto;
        row-gap: 10px;
    }

    .chart_area .chart_left {
        width: 100%;
    }

    .chart_area .chart_right {
        width: 100%;
    }

    .sch_block + .sch_block {
        margin-top: 20px;
    }

    .chart_left .row_chk_list {
        height: auto;
        max-height: 212px;
    }

    .chart_left .sch_comm_btns {
        margin-top: 20px;
    }

    .half_box_area {
        flex-wrap: wrap;
    }

    .half_box_area > div {
        width: 100%;
    }

    .sch_area {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .sch_detail_area {
        /* justify-content: center; */
    }

    .sch_base, .period_btn_wrap {
        column-gap: 20px;
        /* justify-content: center; */
    }

    .sch_area.type_lg .sch_comm_btns,  .sch_area.type_md .sch_comm_btns {
        width: 100%;
    }

    .period_btn_list + .period_btn_list::before {
        display: none;
    }

    .period_btn_list + .period_btn_list {
        padding-left: 0;
    }

    .sch_detail_area {
        margin-top: 10px;
        row-gap: 0;
    }

    .intro_login {
        box-sizing: border-box;
        padding: 0 15px;
        margin-top: -30px;
    }

    .grid_top.setting_area {
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .setting_area .box_btns {
        max-width: 100%;
    }

    .setting_area .box_btns button {
        flex-shrink: 0;
    }

    .subusr_detail_wrap .right_wrap .resp_tb_wrap > table {
        min-width: 640px;
    }
}

@media (max-width:860px){

    .bank_lists {
        justify-content: center;
    }

    .bank_lists > li {
        width: 160px;
    }
}

@media (max-width:768px){

    html, body {
        font-size: 8.6px;
    }

    .full_screen_wrap .main_logo {
        left: 30px;
    }

    .center_wrap {
        box-sizing: border-box;
        max-width: 100%;
        padding: 0 15px;
        width: 502px;
    }

    .login_top .img_area img {
        width: 70px;
    }


    .member_inp_wrap {
        padding: 0 30px 30px;
    }

    .join_step_top {
        padding: 0 30px
    }

    .join_step_cont.terms {
        padding: 24px 25px 24px 30px;
    }

    .member_inp_wrap input[type=text], .member_inp_wrap input[type=password], .member_inp_wrap input.bkd_input {
        height: 42px;
        padding: 0 12px;
    }

    .password_inp .showpw_btn {
        top: 9px;
    }

    .round_btn {
        height: 42px;
    }

    .login_etc .chk_box input[type=checkbox] + label {
        padding-left: 26px;
    }

    .login_etc .chk_box input[type=checkbox] + label::before {
        background-size: 18px;
        height: 18px;
        width: 18px;
    }

    .cert_btn, .conf_btn {
        height: 42px;
    }

    .count_inp input[type=text] {
        padding-right: 70px;
    }

    .info_img_txt {
        background-size: 18px;
    }

    .cert_txt {
        line-height: 1.4;
    }

    .member_rad_group .rad_box input[type=radio] + label {
        line-height: 1.6;
    }

    /* s: 인트로 */
    .intro_tit {
        word-break: keep-all;
    }

    .intro_img img {
        width: 80px;
    }

    .box_btns {
        flex-direction: column;
        row-gap: 10px;
    }

    /* e: 인트로 */

    .full_screen_wrap .alret_page {
        padding: 150px 0 50px;
    }

    .alert_img img {
        width: 90px;
    }

    .alert_info {
        padding: 40px 20px;
    }

    .cont_area {
        padding: 10px 10px;
    }

    .dashboard_box.type1, .dashboard_box.type3, .dashboard_box.type4, .dashboard_box.type5, .dashboard_box.type6, .dashboard_box.type2 .dashboard_inner_box {
        padding: 12px 15px;
    }

    .service_state {
        justify-content: flex-start;
    }

    .service_state > li {
        flex-direction: row;
        width: 50%;
    }

    .service_state > li .state_tit {
        width: 160px;
    }

    .cont_border_box {
        padding: 10px 10px;
    }

    .th_colored_table td, .th_colored_table th {
        padding: 5px 10px;
    }

    .pop_wrap.type_middle_auto {
        max-width: calc(100% - 20px);
    }

    .tab_menu {
        column-gap: 24px;
    }

    .chart_area .chart_left {
        padding: 10px 15px;
    }

    .half_box_area > div {
        padding: 10px 10px;
    }

    .retult_list {
        display: block;
    }

    .retult_list > li + li {
        padding-left: 0;
    }

    .retult_list > li + li::before {
        display: none;
    }

    .dx-datagrid .box_btns {
        flex-direction: row;
    }

    .acc_list .acc_list_btn {
        height: 40px;
    }

    .sch_area {
        padding: 16px 16px 16px;
    }

    .grid_top {
        padding: 10px 10px;
    }

    .grid_top .grid_stat {
        column-gap: 20px;
    }

    .pop_head {
        padding: 25px 15px 0;
    }

    .pop_cont {
        padding: 20px 15px 25px;
    }

    .pop_close_btn {
        right: 14px;
    }

    .manual_comf_box {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .manual_comf_box > div {
        width: 100%;
    }

    .acc_detail_wrap {
        column-gap: 40px;
    }

    .setting_area .box_btns {
        flex-direction: row;
    }

    .win_pop_wrap {
        padding: 0 15px;
    }

    .dx-toolbar.dx-toolbar-multiline .dx-toolbar-item {
        height: 36px;
    }
    .th_colored_table .row_chk_bk {
        grid-template-columns: 0 160px 1fr 1fr;
    }
    .dx-datagrid .dx-datagrid-table .dx-header-row>td, .dx-datagrid .dx-row>td {
        padding: 5px;
    }
    .ellipsis {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;   /* 셀 크기에 맞춰 강제 */
    }
}



@media (max-width:640px){

    .alret_page .alert_top {
        display: block;
        max-width: none;
    }

    .alert_img {
        margin-bottom: 20px;
    }

    .alret_tit, .alert_txt .alret_msg {
        text-align: center;
    }

    .alert_top .alert_txt {
        padding: 0 20px;
    }

    .service_state {
        row-gap: 10px;
    }

    .service_state > li {
        flex-direction: row;
        width: 100%;
    }

    .half_box {
        flex-direction: column;
        row-gap: 20px;
    }

    .sch_area .sch_comm_btns {
        width: 100%;
    }

    .period_btn_wrap {
        column-gap: 10px;
    }

    .grid_top .grid_stat {
        flex-wrap: wrap;
        row-gap: 4px;
    }

    .grid_top_btns {
        column-gap: 20px;
    }

    .top_btns {
        flex-wrap: wrap;
        row-gap: 5px;
    }

    .grid_top_btns .right_btns {
        align-items: flex-end;
        display: flex;
        flex-shrink: 0;
    }

    .intro_login {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .intro_login > div {
        width: 100%;
    }

    .setting_area .box_btns {
        flex-wrap: wrap;
        justify-content: flex-end;
        width: 100%;
    }

    .warning_box {
        max-width: none;
        min-height: 36px;
        width: 100%;
    }

    .subusr_detail_wrap {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .subusr_detail_wrap > .left_wrap, .subusr_detail_wrap > .right_wrap {
        width: 100%;
    }
}



@media (max-width:480px){


    .full_screen_wrap .main_logo {
        left: 20px;
    }

    .member_inp_wrap {
        padding: 0 25px 25px;
    }

    .login_top {
        column-gap: 20px;
    }

    .login_top .img_area {
        padding-left: 20px;
    }

    .login_top .img_area img {
        width: 60px;
    }

    .login_etc {
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 10px;
    }

    .login_etc > .chk_box {
        flex-shrink: 0;
    }

    /* s: 인트로 */
    .step_box {
        flex-direction: column;
        justify-content: center;
        padding: 30px 30px;
        row-gap: 15px;
    }

    .step_txt {
        text-align: center;
    }

    .box_btns {
        flex-direction: row;
    }

    /* e: 인트로 */

    .alert_info_list > li {
        column-gap: 10px;
    }

    .alert_info_list > li + li {
        margin-top: 5px;
    }

    .alert_info_list > li > span.info_pre {
        flex-shrink: 0;
    }

    .alert_info_list > li > span {
        line-height: 1.4;
    }

    .alert_info_list .info_desc {
        text-align: left;
    }

    .amount_info {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .th_colored_table.vlow_pd th, .th_colored_table.vlow_pd td {
        padding: 4px 4px;
    }

    .half_list > li {
        width: 100%;
    }

    .pub_input_area .half_size {
        width: 100%;
    }

    .sch_base, .period_btn_wrap {
        /* justify-content: center; */
    }

    .sch_area .range_inp {
        /* flex-direction: column;
        row-gap: 8px; */
    }

    .sch_area .range_inp .date_inp {
        /* width: 100%; */
    }

    input.date_inp, .suf_inp input {
        width: 142px;
    }

    .sch_box {
        /* padding-bottom: 10px; */
    }

    .sch_box .detail_sch_btn {
        bottom: auto;
        position: relative;
        right: auto;
    }

    .step_tit_box .t_label:nth-child(2) {
        padding: 0 16px 0 30px;
    }

    .chg_step .next_step {
        flex-wrap: wrap;
    }

    .acc_detail_wrap {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .acc_detail_wrap .left_wrap, .acc_detail_wrap .right_wrap {
        width: 100%;
    }
}

@media (max-width:360px){
    .sch_area .range_inp {
        /* flex-direction: column; */
        row-gap: 8px;
        width: 100%;
    }

    .sch_area .range_inp .date_inp, .suf_inp input {
        /* width: 100%; */
    }

    .sch_wrap ,.sch_wrap .sch_cont, .suf_inp {
        /* width: 100%; */
    }

    .sch_wrap .sch_cont {
        column-gap: 18px;
        flex-wrap: wrap;
    }

    .sch_base {
        width: 100%;
    }
}

@media (max-width:320px){
    .login_etc {
        column-gap: 20px;
    }

    /* s: 인트로 */

    .step_box {
        padding: 30px 20px;
    }

    .step_btn {
        height: 60px;
        width: 60px;
    }

    .num_step.sec_step .step_btn {
        left: 100px;
    }

    .num_step.left3 .step_btn {
        left: 170px;
    }

    /* e: 인트로 */
}


@media (max-width:300px){

    .etc_links {
        flex: auto;
        justify-content: center;
    }

    .service_state > li {
        flex-wrap: wrap;
    }

    .service_state > li .state_tit {
        width: 100%;
    }
}