@charset "UTF-8";

@media (max-width: 1800px) {
    .table_box.wt_scroll {overflow-x:auto; overflow-y:hidden;}
}
@media (max-width: 1455px) {
    .panel_box.tow {display:flex; flex-wrap:wrap;}
    .panel_box .part {width:100%;}
    .panel_box .part.rt,
    .panel_box .part.lt {flex:none;}

    /* 세로 모드 전용: 좌측 채널 테이블 고정 cols 압축 방지 (min-width만, overflow는 안 건듦)
       → 실제 container 넓을 땐 scrollbar 안 생기고, 매우 좁을 땐 body 가로 스크롤로 처리 */
    .panel_box .part.lt .tb-channel-top20 {min-width:940px;}
}
@media (max-width: 1170px) {
    /* data_search_box.view wrap 규칙은 제거 — 팝업 자체를 min-width로 축소 방지 (comm.css 참조) */
    .pup_wrap.channel_view .panel_box {height:calc(100% - 148px);}
    .pup_wrap.performance_view .panel_box {height:calc(100% - 148px);}
    .pup_wrap.performance_view .table_box.wt_scroll .tb1 {width:1090px;}

}
@media (max-width: 1130px) {
    .pup_wrap.performance_list .panel_box {height:calc(100% - 88px);}
    .pup_wrap.performance_list .table_box.wt_scroll .tb1 {width:1050px;}

}
@media (max-width: 1024px) {
    .pup_wrap.channel_view .table_box.wt_scroll .tb1 {width:943px;}

}
@media (max-width:820px) {
    .pup_wrap .data_search_box.list {flex-wrap:wrap;}
    .pup_wrap .data_search_box.list .date_box,
    .pup_wrap .data_search_box.list select {width:calc((100% - .5rem)/2);}
    .pup_wrap .data_search_box.list .date_box {justify-content:space-between;}
    .pup_wrap .data_search_box.list .date_box input {width:80%;}
    .pup_wrap .data_search_box.list .search_item {width:calc(100% - 214px);}
    .pup_wrap .data_search_box.list .search_item input {width:100%;}
    .pup_wrap.channel_list .panel_box {height:calc(100% - 148px);}
    .pup_wrap.performance_list .panel_box {height:calc(100% - 148px);}


}

@media (max-width:780px) {
    .panel_box .part.lt .table_box.wt_scroll .tb1 {width:700px;}
    .pup_wrap.channel_list .table_box.wt_scroll .tb1 {width:680px;}
}

@media (max-width:600px) {
    .tit_caption {flex-wrap:wrap; gap:1rem; margin-top:1rem;}
    .tit_caption .data_search_box {width:100%;}
    header .header_box .util_box span {font-size:15px;}
    .inner {padding:0 1rem;}
    .container {padding:1.5rem 1rem;}

    header .header_box .util_box {flex-wrap:wrap; justify-content:end; text-align:right;}
    header .header_box .util_box span {width:100%;}
    header .header_box .util_box span.name {justify-content:end; margin-bottom:3px;}
    header .header_box .util_box span.name::before {margin-right:5px; width:22px; height:22px; background-size:100%;}
    header .header_box .util_box span.name::after {display:none;}
    header .menu_box .inner li a {font-size:14px;}
    .tit_caption {font-size:20px;}
    .panel_box .part .topic_box .tit {font-size:17px;}
    .btn_sm, .btn_util,
    .data_search_box .date_box span {font-size:13px;}
    .table_box .tb1 thead th, .table_box .tb1 tbody th, .table_box .tb1 tbody td {padding:5px; font-size:13px;}

    .pup_wrap .tit_caption {margin-top:0;}

    .btn_util {min-width:70px;}
    .pup_wrap .data_search_box.list .search_item,
    .pup_wrap .data_search_box.list .date_box {width:calc(100% - 155px);}
    .pup_wrap .data_search_box.list select {width:148px;}
    .pup_wrap .data_search_box.list .date_box input {padding:0 2rem 0 0; width:70%; font-size:13px;}
    .pup_wrap .data_search_box.view .search_item {width:calc(100% - 281px);}
    .pup_wrap .data_search_box.view select {min-width:100px;}
    .pup_wrap .data_search_box.view .date_box {width:calc(100% - 7.7rem);}
    .pup_wrap .data_search_box.view .search_item {width:calc(100% - 261px);}
    .pup_wrap .data_search_box.view .date_box input {padding:0 2rem 0 0; width:35%; font-size:13px;}

}

@media (max-width:500px) {
    .pup_wrap .data_search_box.view select,
    .pup_wrap .data_search_box.view .date_box {width:100%;}
    .pup_wrap.channel_view .panel_box {height:calc(100% - 193px);}

}

@media (max-width:430px) {
    .pup_wrap .data_search_box.view select.sel_channer {width:100%;}
    .pup_wrap .data_search_box.view .search_item {width:calc(100% - 154px);}
    .pup_wrap.channel_view .panel_box {height:calc(100% - 238px);}
}
