:root {
    --border-radius-5: 0.5rem;
    --border-radius-10: 1rem;
    --border-radius-15: 1.5rem;
    --border-radius-20: 2rem;
    --border-radius-25: 2.5rem;
    --border-color-normal: #ced4da;
    --border-color-white: #fff;
    --border-color-01: #000a1d;
    --border-color-02: #464f60;
    --bg-main_menu: #364053;
    --bg-sub_menu: #232e44;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0 none;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  background: transparent;
}



/*k-grid*/

.border_left_0{border-left:0 !important;}
.k-grid{position: relative;zoom: 1;/*border-radius: var(--border-radius-5);*/overflow: auto;overflow-x: hidden;border:1px solid #d5d5d5;}

.k-grid ul{width:100%;max-height:50rem/*46.2rem 39.5rem*/}
.k-grid ul>li{display: flex;flex-wrap: wrap;}
.k-grid ul>li>a{display: flex;flex-wrap: wrap;width:100%}
.k-grid ul>li>div{display: flex;flex-wrap: wrap;width:50%}
.k-grid ul>li>div>div{display: flex;flex-wrap: wrap;width:100%}
.k-grid ul>li.active{border-top:1px solid #5ab2e7;background:#cee2ff;}

.k-grid ul>li>ul{height: auto;background:#ecf5fe/* #fffce9;*/}

.k-grid ul>li>ul>li:last-child{display: flex;}
.k-grid ul>li>ul>li .td:first-child{border-bottom:0}
.k-grid ul>li>ul>li .td:last-child{border-bottom:0}
.k-grid ul>li>ul>li:last-child .td{border-bottom: 1px solid #5ab2e7 ;}

.k-grid ul>li.thead{overflow: hidden;position: sticky;top: 0;z-index: 1;}
.k-grid ul>li>.th{display: flex;align-items: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;justify-content: center;font-weight: 500;color:#333;}
.k-grid-A ul>li.thead{background-color:#03696d;background-image:none, linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%);}
.k-grid-B ul>li.thead{background-color:#eee;background-image:none, linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%);}
.k-grid-C ul>li.thead .th{background-color:#eee;}
.k-grid-C ul>li.thead .th div{justify-content: center;width:100%}
.k-grid ul>li>.th:first-child, .k-grid ul>li>a>.td:nth-of-type(2){border-left:1px solid transparent;}
.k-grid ul>li>.th, .k-grid ul>li>.td{padding:0.8rem 1rem;border-left: 1px solid #d5d5d5;border-top:1px solid #dee2e6;}
.k-grid ul>li>.th, .k-grid ul>li>a>.td{padding:0.8rem 1rem;border-left: 1px solid #d5d5d5;border-top:1px solid #dee2e6;}
.k-grid ul>li>.th, .k-grid ul>li>div>div>.td{padding:0.8rem 1rem;border-left: 1px solid #d5d5d5;border-top:1px solid #dee2e6;}
.k-grid-A ul>li:first-child .th{border-top: 0;color:#fff}
.k-grid-B ul>li:first-child .th{border-top: 0;color:#333}
.k-grid-C ul>li .th:first-child,.k-grid-C ul>li .td:nth-of-type(2){border-top: 0;color:#333}
.k-grid-C ul>li .th{border-left:0;color:#333;}

.k-grid ul>li>a>.td{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;color:#555}
.k-grid ul>li>div>div>.td{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;color:#333}



.k-grid ul>li>a>.td.txt_left{justify-content: start;text-align: left;}

.k-grid ul>li>.td{position: relative;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;color:#555}
.k-grid ul>li>.td.txt_left{justify-content: start;text-align: left;}


/*k-grid-C*/
.k-grid-C ul>li .td{justify-content: end;border-left:0}
.k-grid-C ul>li .td .unit{margin-top:0;font-weight: 400;color: #333;width: 4rem;text-align: left;margin-left: 0.5rem;}
.k-grid-C ul>li .td span{font-weight: 600;}

/*.k-grid-A .tbody.tr:nth-child(odd) {background:#f9f9f9;}
.k-grid .tbody.tr:hover{cursor:pointer; box-shadow: 0 0 7px 0 rgba(85, 162, 208, 0.3); z-index:2 ;border-top:1px solid #5ab2e7;border-bottom:1px solid #5ab2e7;background:#ecf5fe;}*/

.k-grid ul>li>a>.m_th{display: none;position: relative;font-weight: 500;color: #555;padding:0.8rem 1rem;background: #f5f5f5;}
.k-grid ul>li>div>div>.m_th{display: none;position: relative;font-weight: 500;color: #555;padding:0.8rem 1rem;background: #f5f5f5;}
.k-grid ul>li>.m_th{display: none;position: relative;font-weight: 500;color: #555;padding:0.8rem 1rem;background: #f5f5f5;}

/*통계주요지표> 통계데이터테이블*/
.k-grid-A ul{display: block;}
.k-grid-A ul li{display: flex;justify-content: space-between;}
.k-grid-A ul li div.r_box{width: calc(50% - 1rem);border:1px solid #999; border-radius: 1rem;padding:1rem 2rem;margin-bottom:2rem}
.k-grid-A ul li:last-child div.r_box{margin-bottom: 2rem;}
.k-grid-A ul li:nth-of-type(1) div.r_box:first-child,.k-grid-A ul li:nth-of-type(2) div.r_box:last-child,.k-grid-A ul li:nth-of-type(3) div.r_box:first-child{background: #f3f3f3;}
.k-grid-A ul li .row1{margin-bottom: 1.2rem;}
.k-grid-A ul li .row2{padding-top: 1.2rem;border-top:1px dashed #d5d5d5}
.k-grid-A ul li .row1,.k-grid-A ul li .row2{display: flex;align-items: center;justify-content: center;}
.k-grid-A ul li div>div .m_th{display: none;}
.k-grid-A .tr .th:nth-of-type(1),.k-grid-A .tr .td:nth-of-type(2){width:8%;}
.k-grid-A .tr .th:nth-of-type(2),.k-grid-A .tr .td:nth-of-type(4){width:22%}
.k-grid-A .tr .th:nth-of-type(3),.k-grid-A .tr .td:nth-of-type(6){width:20%}
.k-grid-A .tr .th:nth-of-type(4),.k-grid-A .tr .td:nth-of-type(8){width:8%;}
.k-grid-A .tr .th:nth-of-type(5),.k-grid-A .tr .td:nth-of-type(10){width:22%}
.k-grid-A .tr .th:nth-of-type(6),.k-grid-A .tr .td:nth-of-type(12){width:18%}


.k-grid-A .tr>div>div>.td:nth-of-type(2){width:13%;font-size: 1.8rem;}
.k-grid-A .tr>div>div>.td:nth-of-type(4){width:42%}
.k-grid-A .tr>div>div>.td:nth-of-type(6){width:45%;display: flex;justify-content: end;align-items: end;}

/*자료실>통계자료실 */
.k-grid-B .tr .th:nth-of-type(1),.k-grid-B .tr .td:nth-of-type(2){width:6%}
.k-grid-B .tr .th:nth-of-type(2),.k-grid-B .tr .td:nth-of-type(4){width:49%}
.k-grid-B .tr .thSctin{width:13% !important}
.k-grid-B .tr .th:nth-of-type(3),.k-grid-B .tr .td:nth-of-type(6){width:15%}
.k-grid-B .tr .th:nth-of-type(4),.k-grid-B .tr .td:nth-of-type(8){width:15%}
.k-grid-B .tr .th:nth-of-type(5),.k-grid-B .tr .td:nth-of-type(10){width:15%}

.k-grid-B .tr .th.thNo{width:6%}
.k-grid-B .tr .th.thTitle{width:58%}
.k-grid-B .tr .th.thAuthor{width:12%}
.k-grid-B .tr .th.thRegDtm{width:12%}
.k-grid-B .tr .th.thUpdtDtm{width:12%}


/*취약지역 대피소*/
.k-grid-C ul{display: flex;flex-wrap: wrap;}
.k-grid-C ul>li.tr{width:50%}
.k-grid-C .tr .th:nth-of-type(1),.k-grid-C .tr .th:nth-of-type(3),.k-grid-C .tr .th:nth-of-type(5), .k-grid-C .tr .th:nth-of-type(7){width:40%;float: left;}
.k-grid-C .tr .td:nth-of-type(2),.k-grid-C .tr .td:nth-of-type(4),.k-grid-C .tr .td:nth-of-type(6), .k-grid-C .tr .td:nth-of-type(8){width:60%;height: 5rem;}


/* table_scroll */
.layer-area::-webkit-scrollbar {background: transparent;}

/* 세로 스크롤바 스타일 */
.layer-area::-webkit-scrollbar:vertical {width:5px;background: #eee;}
.layer-area::-webkit-scrollbar-thumb:vertical{background: #888;border-radius: 5px;}

/* 가로 스크롤바 스타일 */
.layer-area::-webkit-scrollbar:horizontal {height: 5px;}
.layer-area::-webkit-scrollbar-track:horizontal {background: #eee;/*background: #dff0ff;*/}
.layer-area::-webkit-scrollbar-thumb:horizontal {background: #888;/*background: #3399ff;*/border-radius: 5px;}



.k-widget{box-shadow: none;-webkit-box-sizing: content-box;box-sizing: content-box;line-height: normal;border-style: solid;border-width: 1px;border-color: #d5d5d5;-webkit-appearance: none;}
.k-widget{background-color: #ffffff;}
.k-widget *{-webkit-box-sizing: content-box;box-sizing: content-box;}

/*k-grid-Baic*/

.k-grid-Baic{position: relative;zoom: 1;}
.k-grid-Baic table{width: 100%;}
.k-grid-Baic table,th,td{border-collapse: collapse;border-width: 1px;border-color:#d5d5d5;}
.k-grid-Baic table tr th{background-color: #03696d;background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 100%);color:#fff}
.k-grid-Baic table tr th.B-header{padding:0.8rem 0.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;font-weight: 500;border-style: solid;border-width: 0 0 1px 1px;border-color:#d5d5d5;}
.k-grid-Baic table tr th.B-header-trans{background: transparent;}
.k-grid-Baic table tr th.border_left_1{border-left:1px solid #d5d5d5 !important;}
.k-grid-Baic table tr th.border_bottom_0{border-bottom:0px solid #d5d5d5 !important;}

.k-grid-Baic table tr td{padding:0.8rem 1rem;overflow: hidden;vertical-align: middle;text-overflow:ellipsis;text-align: center;font-weight: 500;color:#333;border-style: solid;border-width: 0 0 1px 1px;border-color:#d5d5d5;}
.k-grid-Baic table tr td.value_col{text-align: right;}


.k-grid-Baic table td p{position: relative;;line-height: 2.4rem;font-weight: 500;padding-left:2rem}
.k-grid-Baic table td p::before{content: '-'; display: block;position: absolute;left:0;}
.k-grid-Baic table td.font_color_w{color:#fff}
.k-grid-Baic table th:first-child,.k-grid-Baic table td:first-child{border-left:0 !important;}
.k-grid-Baic table tr:last-child td{border-bottom:0px}

.k-grid-Baic table tr td.txt_left{justify-content: start;text-align: left;}
.k-grid-Baic table tr td.border_left_1{border-left:1px solid #d5d5d5 !important;}
.k-grid-Baic table tr td.border_bottom_0{border-bottom:0}




/*모바일 테이블*/
.m_layer_table ul{border-style: solid;border-width:1px 1px 0 1px;border-color:#d5d5d5;}
.m_layer_table li{display: flex;flex-wrap: wrap;border-bottom: 0.2rem solid black;}
.m_layer_table li.m_hidden_info{max-height: 0;overflow: hidden;transition: max-height 0.3s ease;border-bottom: 1px solid red;}
.m_layer_table li .m_th{width:30%;display: flex;align-items: center;justify-content: center;padding:0.5rem;background:#f0f2f7;font-weight: 500;text-align: center;border-style: solid;border-width:0 0 1px 0;border-color:#d5d5d5;padding:0.8rem 1rem}
.m_layer_table li .m_td{width: 70%;display: flex;align-items: center;border-style: solid;border-width:0 0 1px 0;border-color:#d5d5d5;font-weight: 500;padding:0.8rem 1rem}
.m_layer_table li .m_td .btn_min_plu {background: url(../img/icon_plus_w.svg)#333 no-repeat center center /100% ;width:2.5rem;height:2.5rem;color: #fff;vertical-align: middle;margin-bottom: 0;font-size: 2rem;position: absolute;}
.m_layer_table li .m_td .btn_min_plu.active {background: url(../img/icon_dash_w.svg)#0d6efd no-repeat center center /100% ;}


/*table paging*/

.paging{display: flex;justify-content: center;}
.paging ul{display: flex;margin: 2rem;justify-content: center;border:1px solid #d5d5d5;border-radius: var(--border-radius-5);}
.paging ul li{border-left:1px solid #d5d5d5;border-bottom:0}
.paging ul li:first-child{border-left:0;border-radius: 0.5rem 0 0 0.5rem;}
.paging ul li a{display: flex;align-items: center;justify-content: center;width:4rem;height:4rem;color: #333;font-weight: 500;}
.paging ul li a.on{background: #007b8b;color: #fff;}

.m_layer_table_paging{display: none;align-items: center;justify-content: center;margin: 2rem 0;}
.m_layer_table_paging div{font-weight: 500;}
.m_layer_table_paging .btn_pre{width:4rem;height:4rem;display: flex;align-items: center;justify-content: center;background:#f0f2f7; border-radius: var(--border-radius-5);font-weight: 500;color:#333}
.m_layer_table_paging .btn_next{width:4rem;height:4rem;display: flex;align-items: center;justify-content: center;background:#f0f2f7; border-radius: var(--border-radius-5);font-weight: 500;color:#333}


.table_box .btn_min_plu.active{background: url(../img/icon_dash_w.svg)#0d6efd no-repeat center center /100% ;}

#hidden_info td.hidden_td table tr{background: #f0f2f7;}
#hidden_info td.hidden_td table tr:hover{background: #fff;border:0}
#hidden_info td.hidden_td{padding:0;border-left:0;}


/*읽기테이블*/
.k-grid-r{position: relative;zoom: 1;overflow: auto;overflow-x: hidden;}
.k-grid-r ul li{border-radius: var(--border-radius-5);background:#f0f2f7}

.k-grid-r ul li.con_tit {display: flex;align-items: center;font-size: 2rem;font-weight: 500;color:#333;padding: 1.5rem;}
.k-grid-r ul li.con_tit .con_date{margin-left:auto;font-weight: 500;}

.k-grid-r ul li.con_txt{position: relative;display: flex;flex-direction: column;border:0;background:#fff;padding:2rem;}
.k-grid-r ul li.h_47{min-height:47rem;}
.k-grid-r ul li.h_28{min-height:28rem;}
.k-grid-r ul li.con_txt .txt{font-weight: 500;}

.k-grid-r ul li.con_file{background: #fff;}
.k-grid-r ul li.con_file .con_box_r{display: flex;width:100%; border:1px solid #ddd;border-radius: var(--border-radius-5);margin-bottom: 2rem;}
.k-grid-r ul li.con_file .con_box_r .file_txt{display: flex;align-items: center;position: relative;padding:0 0rem 0 5rem;font-weight: 500;}
.k-grid-r ul li.con_file .con_box_r .file_txt::before{content: '';display: flex;position: absolute;left:2rem;background: url(../img/paperclip.svg)no-repeat center center;width:3rem;height: 2rem;}
.k-grid-r ul li.con_file .con_box_r a{display:block;width: calc(100% - 11.2rem);padding:1.5rem;color: #333;font-weight: 500;}

.k-grid-r ul li.border_bottom_2{border-bottom:2px solid #f0f2f7}
.k-grid-r .con_buttom_box{display: flex;justify-content: end;margin-bottom:2rem;}
/*다음글 이전글*/
.k-grid-r .con_pre_next ul li{margin-bottom:0.5rem}
.k-grid-r .con_pre_next ul li a{display: flex;align-items: center;color:#333;padding:1.5rem;font-weight: 500;color: #999;}
.k-grid-r .con_pre_next ul li a.btn_next button{position: relative;padding:0 2rem 0 3rem;font-weight: 500;}
.k-grid-r .con_pre_next ul li a.btn_next button::before{content: '';display: block;width:2rem;height: 2rem;background: url(../img/caret-up-fill.svg)no-repeat center center;position: absolute;left:0;}
.k-grid-r .con_pre_next ul li a.btn_pre button{position: relative;padding:0 2rem 0 3rem;font-weight: 500;}
.k-grid-r .con_pre_next ul li a.btn_pre button::before{content: '';display: block;width:2rem;height: 2rem;background: url(../img/caret-down-fill.svg)no-repeat center center;position: absolute;left:0;}

/*동영상*/
.k-grid-r ul li.con_txt .txt .avi_box{width: 80rem;margin:0 auto;text-align: center;border: 1px solid #f0f2f7;border-radius: 1rem;overflow: hidden;}
.k-grid-r ul li.con_txt .txt .avi_box .video-player{display: flex;height:45rem}

.controls{display: flex;background:#f0f2f7;padding:1rem}
.button-container{display: flex;align-items: center;}
.button-container button{font-size: 0;margin:0 0.5rem}
.button-container .btn_avi_back{background: url(../img/chevron-left.svg)#666 no-repeat center center/3rem; width:4rem;height: 4rem;}
.button-container .btn_avi_play{background: url(../img/play-icon.svg)no-repeat center center/3rem; width:4rem;height: 4rem;}
.button-container .btn_avi_next{background: url(../img/chevron-right.svg)#666 no-repeat center center/3rem; width:4rem;height: 4rem;}

.time-container{width: calc(100% - 15rem);padding:0 2rem}
.time-display {display: flex;justify-content: space-between;margin-bottom: 0.5rem;color: #333;font-size: 1.4rem;}
.time-display span{font-weight: 500;}
.slider-container {position: relative;width: 100%;height: 8px;background: #444;border-radius: 5px;cursor: pointer;}
.slider-container:hover {height: 8px;}
.slider-progress {position: absolute;left: 0;top: 0;height: 100%;background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);border-radius: 4px;width: 0%;transition: width 0.1s ease;}
.slider-handle {position: absolute;top: 50%;transform: translate(-50%, -50%);width: 2rem;height: 2rem;background: #fff;border-radius: 50%;cursor: grab;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);left: 0%;transition: transform 0.2s ease;border: 1px solid #764ba2;}
.slider-handle:active {cursor: grabbing;transform: translate(-50%, -50%) scale(1.2);}
.slider-container:hover .slider-handle {transform: translate(-50%, -50%) scale(1.1);}
.slider-container:hover .slider-handle:active {transform: translate(-50%, -50%) scale(1.3);}

.control-button {width: 4rem;height: 4rem;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border: none;border-radius: 50%;color: #fff;font-size: 20px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.2s ease, box-shadow 0.2s ease;}
.control-button:hover {transform: scale(1.05);box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);}
.control-button:active {transform: scale(0.95);}
.control-button img{width:4rem;}
.skip-button {width: 4rem;height: 4rem;font-size: 1.6rem;/*background: linear-gradient(135deg, #555 0%, #777 100%);*/}
.skip-button img{width:2rem}
.skip-button:hover {box-shadow: 0 4px 15px rgba(119, 119, 119, 0.4);}
.tooltip {position: absolute;bottom: 120%;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 6px 12px;border-radius: 4px;font-size: 12px;white-space: nowrap;pointer-events: none;opacity: 0;transition: opacity 0.2s ease;}
.tooltip.show {opacity: 1;}
.tooltip::after {content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: rgba(0, 0, 0, 0.8);}



/** 820 시작 **/
@media screen and (max-width:820px){
    .k-grid ul{height: auto;max-height: 100% !important;}
    .k-grid ul>li.thead{display: none;}
/*    .k-grid ul>li:nth-of-type(2) .m_th:first-child, .k-grid ul>li:nth-of-type(2) .td:nth-of-type(2){border-top:0}*/
    .k-grid ul>li>.td{border-left:0px solid transparent !important}
    .k-grid ul>li>a>.td{border-left:0px solid transparent !important}
    .k-grid ul>li>div>div>.td{border-left:0px solid transparent !important}
    
    .k-grid ul>li>.m_th{width:30%;display: flex !important;align-items: center;justify-content: center;text-align: center;border-top: 1px solid #d5d5d5;}   
    .k-grid ul>li>a>.m_th{width:30%;display: flex !important;align-items: center;justify-content: center;text-align: center;border-top: 1px solid #d5d5d5;}   
    .k-grid ul>li>div>div>.m_th{width:30%;display: flex !important;align-items: center;justify-content: center;text-align: center;border-top: 1px solid #d5d5d5;}

    .k-grid ul>li>.m_th.active{background:#025ED6;color: #fff;}
    .k-grid ul>li>a>.m_th.active{background:#025ED6;color: #fff;}
    .k-grid ul>li>.td{width: 70% !important;justify-content: start !important;}
    .k-grid ul>li>a>.td{width: 70% !important;justify-content: start !important;}
    .k-grid ul>li>div>div>.td{width: 70% !important;justify-content: start !important;}
    
    /*통계주요지표>지역별*/
    /* .k-grid-A ul>li.tbody .m_th:nth-child(7),.k-grid-A ul>li.tbody .td:nth-child(8){border-top:2px solid #333;}
    .k-grid ul>li.tbody .m_th:nth-child(1),.k-grid ul>li.tbody .td:nth-child(2){border-top:2px  solid #333}
    
    .k-grid ul>li.active{border-top: 0px solid #5ab2e7 !important;border-bottom: 1px solid #5ab2e7 !important;}
    .k-grid ul>li.active>.m_th{background: #025ED6;color: #fff;}
    
    .k-grid ul>li.active>.m_th:nth-child(1),.k-grid ul>li.active>.td:nth-child(2){border-top:0 !important}
    .k-grid ul>li>ul>li{border-bottom:1px solid #5ab2e7;}
    .k-grid ul>li>ul>li:last-child{border-bottom: 0;}    
    .k-grid ul>li>ul>li:last-child .td{border-bottom: 0 !important;}
    .k-grid ul>li>ul>li>.m_th:nth-of-type(1),.k-grid ul>li>ul>li>.td:nth-child(2){display: none !important;}
    .k-grid ul>li>ul>li>.m_th:nth-last-child(2),.k-grid ul>li>ul>li>.td:nth-last-child(1){display: none !important;}

    .m_layer_table_paging{display: flex !important;}
    .layer_table_paging{display: none !important;}

    .k-grid ul>li>div{width:100%}
    .k-grid ul>li>div>div{width: 50%;}

    .k-grid-A ul li:nth-of-type(3){background: transparent;} */

	.k-grid-A ul li{display: block;}
    .k-grid-A ul li div.r_box{width: 100%;}
    .k-grid-A ul li div.r_box{margin:0 0 2rem 0;padding:1rem 1.5rem}
    .k-grid-A ul li:nth-of-type(2) div.r_box:last-child{background: #ffffff}
    .k-grid-A ul li div.r_box:first-child{background: #f4f4f4}

    /*k-gird-C*/

    .k-grid-C ul>li.thead{display: flex;flex-wrap: wrap;width:100%}
    .k-grid-C ul>li:first-child .th:nth-of-type(1),.k-grid-C ul>li:first-child .td:nth-of-type(2){border-top:0px solid #dee2e6}
    .k-grid-C ul>li .th:nth-of-type(1),.k-grid-C ul>li .td:nth-of-type(2){border-top:1px solid #dee2e6}
    .k-grid-C ul>li>.td{width:60% !important}
    .k-grid-C ul>li .th:nth-of-type(5), .k-grid-C ul>li .td:nth-of-type(6) {border-top: 1px solid var(--col_aaa);}
}
/** 820 끝 **/

/** 520 시작 **/
@media screen and (max-width:520px){
/* .k-grid ul>li>div>div:last-child>.m_th:nth-child(1),.k-grid ul>li>div>div:last-child>.td:nth-child(2){border-top:1px  solid #666}
.k-grid ul>li>div>div{width:100%;}
.category{justify-content: start;padding-left:10rem} */
}

/** 430 시작 **/
@media screen and (max-width:430px){

}