@charset "utf-8";

/********************************************************

    검색창

********************************************************/

.ld_right {width:100%;}
.ld_right h5 {margin-bottom:20px; font-size:18px; font-weight:700; color:#222;}
.ld_right .search, .ld_right .sorting, .ld_right .grid {width:100%; background:#fff; border-radius:10px; padding:30px;}


.ld_right .search {}
.ld_right .search .s_box {display:grid; align-items:center; grid-template-columns:17px 1fr; gap:5px; border:1px solid #ddd; border-radius:8px; padding:8px 22px;}
.ld_right .search .s_box span {display:flex; align-items:center;}
.ld_right .search .s_box span img {}
.ld_right .search .s_box span input {border:none; width:100%;}
.ld_right .search .s_box span input::placeholder {font-size:16px; color:#aaa;}

.ld_right .sorting {margin-top:20px;}
.ld_right .sorting ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(30%, auto)); gap:10px;}
.ld_right .sorting ul li {text-align:center; width:100%;}
.ld_right .sorting ul li a {display:block; color:#444; border:1px solid #ddd; border-radius:8px; padding:10px 0; font-weight:500; font-size:16px; text-align:center;}
.ld_right .sorting ul li a:hover, .ld_right .sorting ul li a.active  {border:1px solid #006d80; background:#f5fafb; color:#006d80;}

.ld_right .sorting ul.sort01 {}
.ld_right .sorting ul.sort02 {grid-template-columns: repeat(auto-fill, minmax(45%, auto)); border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}

.ld_right .grid {margin-top:20px;}
.ld_right .grid ul {display:grid; grid-template-columns: repeat(auto-fill, minmax(30%, auto)); gap:10px;}
.ld_right .grid ul li {text-align:center; width:100%;}
.ld_right .grid ul li a {display:block; color:#444; border:1px solid #ddd; border-radius:8px; padding:10px 0; font-weight:500; font-size:16px; text-align:center;}
.ld_right .grid ul li a:hover, .ld_right .sorting ul li a.active {border:1px solid #006d80; background:#f5fafb; color:#006d80;}

.ld_right .grid ul li a:hover, .ld_right .grid ul li a.active  {border:1px solid #006d80; background:#f5fafb; color:#006d80;}

.ld_right .grid .sort02.direct_set {display:flex; align-items:center; gap:12px; margin-top:20px; border-top:1px solid #ddd; margin-top:30px; padding-top:30px;}
.ld_right .grid .sort02.direct_set .label {font-size:15px; color:#444; white-space:nowrap;}
.ld_right .grid .sort02.direct_set .x {font-size:18px; color:#666;}
.ld_right .grid .sort02.direct_set .ds_input {flex:1 1 0; min-width:0; height:40px; border:1px solid #ddd; border-radius:8px; padding:0 10px; font-size:15px; box-sizing:border-box;}


/* 날짜 검색 */
.date_range_box {width:100%; display:inline-flex; align-items:center; gap:8px;}
.date_fake{width:100%; position:relative; display:flex; align-items:center; gap:6px; height:50px; border-radius:8px; background:#fff; border:1px solid #ddd; box-sizing:border-box; font-size:16px; cursor:pointer; padding:0px 20px;}
.date_fake .xi-calendar{font-size:16px; color:#666;}
.date_fake .date_label{white-space:nowrap;}
.date_wave{font-size:14px;color:#999;}
.date_fake .real_date{position:absolute; inset:0; width:100%; height:100%; opacity:0; border:none;pointer-events:none;}
.date_fake .real_date::-webkit-calendar-picker-indicator{opacity:0;}


@media screen and (max-width:1600px) {
    .ld_right .sorting ul {grid-template-columns: repeat(auto-fill, minmax(45%, auto));}
}

@media screen and (max-width:1400px) {
    .date_range_box {flex-direction:column;}
    .date_wave {display:none;}
}

@media screen and (max-width:1280px) {
    .ld_right h5 {margin-bottom:15px; font-size:17px;}
    
    .ld_right .search .s_box {padding:6px 18px; gap:3px;}
    .ld_right .search .s_box span input::placeholder {font-size:15px;}

    .ld_right .sorting ul {grid-template-columns: repeat(auto-fill, minmax(30%, auto));}
    .ld_right .sorting ul li a {padding:10px 0; font-size:15px;}
}

@media screen and (max-width:1000px) {
    .ld_right h5 {margin-bottom:15px; font-size:16px;}
    .ld_right .search, .ld_right .sorting {padding:25px;}
    
    .ld_right .search .s_box {padding:6px 15px;}
    .ld_right .search .s_box span input::placeholder {font-size:14px;}

    .ld_right .sorting {display:none;}
    .ld_right .grid {display:none;}

    .date_range_box {flex-direction:row;}
    .date_wave {display:block;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:680px) {
    .ld_right h5 {margin-bottom:15px; font-size:14px;}
    .ld_right .search, .ld_right .sorting {padding:25px;}
    
    .ld_right .search .s_box {padding:3px 15px;}
    .ld_right .search .s_box span img {width:15px;}

    .ld_right .sorting {display:none;}
}

@media screen and (max-width:480px) {
    .date_range_box {flex-direction:column;}
    .date_wave {display:none;}
}

@media screen and (max-width:360px) {
}













/********************************************************

    list design01 실증지관리

********************************************************/

.list_dg01 {display:grid; grid-template-columns:1fr 480px; gap:40px;}

.list_dg01 .ld_left {width:100%; margin-top:35px;}
.list_dg01 .paging {justify-content:center;}

.table_dg01 {display:flex; flex-direction:column; gap:15px; margin-top:20px;}
.table_dg01 .td_list {}
.table_dg01 .td_list a {display:flex; justify-content:space-between; background:#fff; border:2px solid #fff; border-radius:10px; padding:25px 40px;}

.table_dg01 .td_list a div {}
.table_dg01 .td_list a div h5 {font-size:18px; font-weight:700; color:#222;}
.table_dg01 .td_list a div p {font-size:16px; text-align:left;}

.table_dg01 .td_list a ul {display:flex; align-items:center; justify-content:space-between;}
.table_dg01 .td_list a ul li {border-left:1px solid #ddd; padding:0 40px;}
.table_dg01 .td_list a ul li:last-child {padding-right:0;}

.table_dg01 .td_list a ul li p {color:#666; font-weight:500; text-align:center;}
.table_dg01 .td_list a ul li p.tit {font-size:14px; margin-bottom:5px;}
.table_dg01 .td_list a ul li p.txt {font-size:16px; color:#222;}

.table_dg01 .td_list a:hover {background:#f5fafb; border:2px solid #006d80;}
.table_dg01 .td_list a:hover div h5 {color:#006d80;}

/* 리스트 하나일때 */
.table_dg01.one .td_list a ul li {border-left:none;}


@media screen and (max-width:1600px) {
    .list_dg01 {grid-template-columns: 1fr 360px; gap:30px;}
    .table_dg01 .td_list a ul li {padding:0 30px;}
}

@media screen and (max-width:1400px) {
    .list_dg01 {grid-template-columns: 1fr 320px;}
}

@media screen and (max-width:1280px) {
    .list_dg01 {grid-template-columns: 1fr 400px;}

    .list_dg01 .ld_left {margin-top:30px;}

    .table_dg01 .td_list a {padding:25px 30px; display:block;}

    .table_dg01 .td_list a div h5 {font-size:17px;}
    .table_dg01 .td_list a div p {font-size:15px;}

    .table_dg01.one .td_list a {display:flex;}
    .table_dg01.one .td_list a ul {border:none; margin-top:0; padding-top:0;  grid-template-columns:repeat(1, 1fr);}

    .table_dg01 .td_list a ul {border-top:1px solid #ddd; margin-top:20px; padding-top:20px; display:grid; grid-template-columns:repeat(2, 1fr);}
    .table_dg01 .td_list a ul li {padding:0;}
    .table_dg01 .td_list a ul li:first-child {border-left:none;}

    .table_dg01 .td_list a ul li p.tit {font-size:13px;}
    .table_dg01 .td_list a ul li p.txt {font-size:15px;}
}

@media screen and (max-width:1000px) {
    .list_dg01 {display:flex; flex-direction:column-reverse; margin-top:20px; gap:20px;}

    .list_dg01 .ld_left {margin-top:20px;}

    .table_dg01 .td_list a {display:flex;}

    .table_dg01 .td_list a div h5 {font-size:16px;}
    .table_dg01 .td_list a div p {font-size:14px;}

    .table_dg01 .td_list a ul {margin-top:0; padding-top:0; border-top:none;}
    .table_dg01 .td_list a ul li {padding:0 15px;}
    .table_dg01 .td_list a ul li:last-child {padding-right:0;}

    .table_dg01 .td_list a ul li p.tit {font-size:12px;}
    .table_dg01 .td_list a ul li p.txt {font-size:14px;}
}

@media screen and (max-width:760px) {
    .table_dg01 .td_list a {padding:25px; display:block;}

    .table_dg01 .td_list a div h5 {margin-bottom:5px;}
    .table_dg01 .td_list a ul {border-top:1px solid #ddd; margin-top:20px; padding-top:20px; display:grid; grid-template-columns:repeat(2, 1fr);}
}

@media screen and (max-width:680px) {
    .table_dg01 .td_list a div h5 {font-size:15px;}
    .table_dg01 .td_list a div p {font-size:13px;}

    .table_dg01 .td_list a ul {margin-top:15px; padding-top:15px;}

    .table_dg01 .td_list a ul li p.tit {font-size:11px;}
    .table_dg01 .td_list a ul li p.txt {font-size:13px;}
}

@media screen and (max-width:480px) {
    .table_dg01 .td_list a ul {grid-template-columns: repeat(auto-fill, minmax(50%, auto)); margin-top:10px; padding-top:0;}
    .table_dg01 .td_list a ul li {display:flex; align-items:center; padding:5px; justify-content:flex-start;}
    .table_dg01 .td_list a ul li p.tit {margin-bottom:0; margin-right:10px;}
    .table_dg01 .td_list a ul li:first-child {border-bottom:1px solid #ddd;}
    .table_dg01 .td_list a ul li:last-child {border-top:none;}

    .table_dg01 .td_list a ul li:nth-child(2), .table_dg01 .td_list a ul li:last-child {padding-left:15px;}
    .table_dg01 .td_list a ul li:nth-child(3), .table_dg01 .td_list a ul li:last-child {border-bottom:1px solid #ddd;}
    .table_dg01 .td_list a ul li:nth-child(3) {border-left:none;}

    .table_dg01.one .td_list a {display:block;}
    .table_dg01.one .td_list a ul {border-top:1px solid #ddd; margin-top:20px; display:grid; grid-template-columns:repeat(1, 1fr);}
}

@media screen and (max-width:380px) {
    .table_dg01 .td_list a ul {display:block;}
    .table_dg01 .td_list a ul li {border-left:none;}
    /* .table_dg01 .td_list a ul li:nth-child(2) {border-top:1px solid #ddd;} */
    .table_dg01 .td_list a ul li:nth-child(2), .table_dg01 .td_list a ul li:last-child {padding-left:5px;}
    .table_dg01 .td_list a ul li:nth-child(3) {border-bottom:none;}
}




/********************************************************

    list design02 농작업일지list

********************************************************/

.list_dg02 {display:grid; grid-template-columns:1fr 480px; gap:30px;}

.list_dg02 .ld_left {width:100%; margin-top:25px;}
.list_dg02 .ld_right .btn_wrap {margin-top:20px !important; justify-content:flex-end !important;}
.list_dg02 .ld_wrap {display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:20px; align-items:stretch;}
.list_dg02 .ld_wrap .calendar {padding:30px; display:flex; flex-direction: column;}

.list_dg02 .list_paging {display:grid; grid-template-columns:1fr 1fr; gap:30px;}
.list_dg02 .list_paging .paging {justify-content:center;}

.list_dg02 .calendar .cal_head {display:flex; gap:12px; align-items:center; margin-bottom:40px; justify-content:center;}
.list_dg02 .calendar .cal_head strong {font-size:20px;}
.list_dg02 .calendar .cal_head .month_btn {padding:0;}


.list_dg02 .calendar .cal_body{flex:1; min-height:0; padding-bottom: 20px; overflow: hidden;}
.list_dg02 .calendar .cal_table{height:100%; width:100%; border-collapse:collapse; table-layout:fixed; display:flex; flex-direction:column;}
.list_dg02 .calendar .cal_table thead{flex:0 0 auto; display:grid; grid-template-columns:repeat(7, 1fr);}
.list_dg02 .calendar .cal_table thead tr{display:contents; }
.list_dg02 .calendar .cal_table th {padding:0 0 15px; text-align:center;}
.list_dg02 .calendar .cal_table tbody{flex:1 1 auto; min-height:0; display:grid; grid-template-columns:repeat(7, 1fr); grid-template-rows:repeat(5, 1fr); gap:0;}
.list_dg02 .calendar .cal_table tbody tr{display:contents;}
.list_dg02 .calendar .cal_table td{padding:4px 0; text-align:center; vertical-align:middle;}
.list_dg02 .calendar .cal_table th,
.list_dg02 .calendar .cal_table td {text-align:center; padding:4px 0;}
.list_dg02 .calendar .cal_table th {font-size:16px; color:#222; font-weight:600; padding-bottom:15px;}
.list_dg02 .calendar .cal_table td {font-size:16px;}

.list_dg02 .calendar .day {display:flex; flex-direction:column; align-items:center; gap:6px;}
.list_dg02 .calendar .day .num {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; font-size:16px; color:#111;}
.list_dg02 .calendar .day .dot {width:8px; height:8px; border-radius:50%; background:#e1e4ea;}

.list_dg02 .calendar td.is_out .num {color:#aaa;}
.list_dg02 .calendar td.is_out .dot {background:#e5e7eb; opacity:.7;}

.list_dg02 .calendar .day.has_log.done .dot {background:#006d80;}
.list_dg02 .calendar .day.has_log:not(.done) .dot {background:#d1d5db;}
.list_dg02 .calendar .day.is_today .num {background:#f1f4fb; border-radius:10px; box-shadow:0 0 0 1px #e1e5f0 inset;}

.list_dg02 .calendar .cal_legend {padding-top:30px; border-top:1px solid #e5e9ef; display:flex; gap:20px; font-size:15px; color:#666; justify-content:center;}
.list_dg02 .calendar .cal_legend span {display:flex; align-items:center; gap:6px;}
.list_dg02 .calendar .lg_dot {width:8px; height:8px; border-radius:50%;}
.list_dg02 .calendar .lg_done {background:#006d80;}
.list_dg02 .calendar .lg_empty {background:#d1d5db;}

.list_dg02 .btn_wrap.mobile {display: none;}

/* 게시글 리스트 */
.table_dg02 {position:relative;}
.table_dg02 .td_list {display:flex; flex-direction:column; gap:10px;}
.table_dg02 .td_list li {background:#fff; border-radius:10px; border:2px solid transparent;}
.table_dg02 .td_list li a {display:flex; gap:30px; align-items:center; padding:22px 30px; border:2px solid #fff; box-sizing:border-box; border-radius:10px;}
.table_dg02 .td_list .number {font-size:16px; font-weight:500;}
.table_dg02 .td_list .post {display:flex; flex-direction:column; align-items:flex-start;}
.table_dg02 .td_list .post h5 {font-size:18px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow:hidden;}
.table_dg02 .td_list .post .text {color:#666666; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin-top:7px;}
.table_dg02 .td_list .info {color:#666; font-size:13px; margin-top:10px;}
.table_dg02 .td_list .info .date::before {content:""; display:inline-block; width:1px; height:10px; background:#666; margin:0 8px;}
.table_dg02 .td_list li:hover,
.table_dg02 .td_list li.active {background:#f5fafb; border-color:#006d80;}
.table_dg02 .td_list li:hover div h5,
.table_dg02 .td_list li.active div h5 {color:#006d80;}


@media screen and (max-width:1600px) {
    .list_dg02 {grid-template-columns: 1fr 360px;}
}

@media screen and (max-width:1400px) {
    .list_dg02 {grid-template-columns:1fr 320px;}
    .list_dg02 .ld_wrap {display:grid; grid-template-columns:1fr; gap:30px; margin-top:20px;}
    .paging {justify-content:center;}
    .list_dg02 .list_paging {grid-template-columns: 1fr;}
    .list_dg02 .list_paging .none {display:none;}
    .table_dg02 .td_list li a {gap:20px; padding:20px;}
    .table_dg02 .td_list .number {font-size:15px;}
    .table_dg02 .td_list .post h5 {font-size:17px;}
    .table_dg02 .td_list .post .text {font-size:15px}
}

@media screen and (max-width:1280px) {
    .table_dg02 .td_list .post h5 {font-size:16px;}
    .table_dg02 .td_list .post .text {font-size:14px}
}

@media screen and (max-width:1000px) {
    .list_dg02 {display:flex; flex-direction:column-reverse; margin-top:20px; gap:20px;}
    .list_dg02 .ld_wrap {gap:20px;}
    .list_dg02 .calendar .cal_head strong {font-size:18px !important;}
    .list_dg02 .btn_wrap {display: none !important;}
    .list_dg02 .btn_wrap.mobile {display:block !important; margin-top:0 !important;}
    .list_dg02 .btn_wrap.mobile button {width:100%; border-radius:10px;}
    .list_dg02 .btn_wrap.mobile button.btn_list {margin-top:10px;}
}

@media screen and (max-width:760px) {
    .list_dg02 .btn_wrap {width:100%;}
    .list_dg02 .btn_wrap button {flex:1;}
    .table_dg02 .td_list .post h5 {font-size:15px;}
    .table_dg02 .td_list .post .text {font-size:13px}
    .table_dg02 .td_list li a {padding:17px 20px;}
}

@media screen and (max-width:680px) {
    .list_dg02 .ld_wrap {gap:15px;}
    .list_dg02 .calendar .cal_head strong {font-size:16px !important;}
    .list_dg02 .calendar .cal_head {margin-bottom:30px;}
    .list_dg02 .calendar .day .dot {width:6px; height:6px;}
    .table_dg02 .td_list .post h5 {font-size:14px;}
    .table_dg02 .td_list .post .text {font-size:13px}
    .table_dg02 .td_list li a {padding:15px;}
}

@media screen and (max-width:480px) {
    .list_dg02 .ld_left {margin-top:0;}
    .list_dg02 .ld_wrap .calendar {padding:25px;}
    .list_dg02 .calendar .cal_head {margin-bottom:20px;}
    .list_dg02 .calendar .cal_legend {padding-top:20px;}
    .table_dg02 .td_list li a {padding:10px;}
}

@media screen and (max-width:360px) {
    .list_dg02 .calendar .cal_head strong {font-size:14px !important;}
    .list_dg02 .calendar .day .num {height:35px;}
    .list_dg02 .calendar .day.is_today .num {width:30px; height:30px;}
    .list_dg02 .calendar .day {gap:4px;}
}



/********************************************************

    view design01 농작업일지

********************************************************/


.view_dg01 {display:grid; grid-template-columns:1fr 480px; gap:30px; margin-top:25px;}

.view_dg01 .post_view {}
.view_dg01 .post_top {padding-bottom:40px; border-bottom:1px solid #e5e5e5;}
.view_dg01 .post_num {color:#666; margin-bottom:15px;}
.view_dg01 .post_title {font-size:23px;}
.view_dg01 .post_info {margin-top:20px; font-size:16px; color:#666; display:flex; flex-direction:row; gap:25px;}
.view_dg01 .post_info span {display:flex; align-items:center; gap:6px;}

.view_dg01 .post_content {padding:40px 0px; white-space:pre-line;}
.view_dg01 .post_content p {font-size:16px; line-height:1.6;}

.view_dg01 .file_section {padding-top:35px; border-top:1px solid #e5e5e5;}
.view_dg01 .file_section h5 {font-weight:500 !important;}
.view_dg01 .file_section h4 i {transform: rotate(25deg);}
.view_dg01 .file_list {margin-top:20px; display:flex; flex-direction:column; gap:10px;}
.view_dg01 .file_list li {display:flex; justify-content:space-between; background:#f7f7f9; padding:15px 25px; border-radius:10px;}
.view_dg01 .info_wrap {display:flex; align-items:center; gap:20px;}
.view_dg01 .info_wrap i {font-size:25px}
.view_dg01 .file_info {display:flex; flex-direction:column; justify-content:center; gap:3px;}
.view_dg01 .file_info strong {font-size:16px; font-weight:400; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.view_dg01 .file_info .size {font-size:13px; color:#666;}
.view_dg01 .btn_download .xi-download {font-size:22px;}
.view_dg01 .btn_download {display:flex; align-items:center; gap:6px; color:#006d80; font-weight:600;}
.view_dg01 .btn_download strong {font-weight:500;}

.view_dg01 .post_list {}
.view_dg01 .pl_head {}
.view_dg01 .pl_head h5 {}
.view_dg01 .pl_list {display:flex; flex-direction:column;}
.view_dg01 .pl_list li {}
.view_dg01 .pl_list li.active a {color:#006d80; font-weight:600;}
.view_dg01 .pl_list li.active .meta {color:#006d80;}
.view_dg01 .pl_list li + li {border-top: 1px solid #eaeaea;}
.view_dg01 .pl_list li a {display:flex; align-items:center; justify-content:space-between; padding:15px 0px; transition:all 0.25s ease;}
.view_dg01 .pl_wrap {display:flex; gap:15px;}
.view_dg01 .pl_wrap .title {display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; padding-right:7px;}
.view_dg01 .meta {color:#666; display:flex; gap:15px;}
.view_dg01 .pl_list li a:hover {color:#006d80;}
.view_dg01 .pl_list li a:hover .meta {color:#006d80;}


@media screen and (max-width:1400px) {
    .view_dg01 .pl_list li a {font-size:15px;}
    .view_dg01 .pl_list {margin-top:5px;}
    .view_dg01 .post_info {margin-top:15px;}
}

@media screen and (max-width:1280px) {
   .view_dg01 {grid-template-columns:1fr 400px;}
   .view_dg01 .post_title {font-size:20px;}

}

@media screen and (max-width:1000px) {
      .view_dg01 {grid-template-columns:1fr;}
      .view_dg01 .post_title {font-size:18px;}
      .view_dg01 .post_info {margin-top:10px; font-size:15px;}
 
}

@media screen and (max-width:760px) {
    
}

@media screen and (max-width:680px) {
    .view_dg01 .post_title {font-size:16px;}
    .view_dg01 .post_info {margin-top:10px; font-size:14px;}
}

@media screen and (max-width:480px) {
    .view_dg01 {gap:20px}
    .view_dg01 .file_list li {padding:15px;}
    .view_dg01 .meta .writer {display:none}
    .view_dg01 .xi-file {display:none;}
    .view_dg01 .btn_download {padding:0;}
    .view_dg01 .btn_download strong {display:none;}

}

@media screen and (max-width:360px) {
}



/********************************************************

   list design03 CCTV list

********************************************************/

.list_dg03 {display:grid; grid-template-columns:1fr 480px; gap:30px;}
.list_dg03 .ld_left {width:100%; margin-top:35px;}

.table_dg03 {display:grid; grid-template-columns: repeat(2, 1fr); gap:15px 20px; margin-top:15px;}
.table_dg03 .cctv_card {position:relative; border-radius:10px; overflow:hidden; background:#f1f1f1; border:3px solid transparent; box-sizing:border-box;}
.table_dg03 .cctv_thumb {width:100%; aspect-ratio: 16 / 9; border-radius:10px; overflow:hidden;}
.table_dg03 .cctv_thumb .cctv_video {width:100%; height:100%; display:block; object-fit:cover;}
.table_dg03 .cctv_label {position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); color:#fff; padding:12px 15px; font-size:16px; font-weight:400;}


/* 그리드 설정 */
.table_dg03.grid_3x3 {grid-template-columns:repeat(3, 1fr);}
.table_dg03.grid_4x4 {grid-template-columns:repeat(4, 1fr);}

.table_dg03 .td_list:hover .cctv_card {border:3px solid #006d80;}
.table_dg03 .td_list:hover .cctv_label {background:#006d80;}

@media screen and (max-width:1600px) {
    .list_dg03 {grid-template-columns: 1fr 360px; gap:30px;}
    .table_dg03 .td_list a ul li {padding:0 30px;}
}

@media screen and (max-width:1400px) {
    .list_dg03 {display:flex; flex-direction:column-reverse; margin-top:20px; gap:20px;}
    .list_dg03 {grid-template-columns: 1fr 320px;}
    .table_dg03 {gap:10px;}
}

@media screen and (max-width:1280px) {
    .list_dg03 .ld_left {margin-top:30px;}
}

@media screen and (max-width:1000px) {
    .table_dg03 {grid-template-columns: repeat(2, 1fr) !important;}
    .list_dg03 .ld_left {margin-top:20px;}
}

@media screen and (max-width:760px) {
    .table_dg03 .cctv_label span {font-size:15px;}
}

@media screen and (max-width:680px) {
    .list_dg03 .ld_left {margin-top:10px;}
    .table_dg03 {grid-template-columns: repeat(1, 1fr) !important;}
    .table_dg03 .cctv_label span {font-size:14px;}
}

@media screen and (max-width:480px) {
   
}

@media screen and (max-width:360px) {
    .table_dg03 .cctv_thumb {height:200px;}
    .table_dg03 .cctv_label {padding:10px 12px;}
    .table_dg03 .cctv_label span {font-size:13px;}
}




/********************************************************

    list_design04 알림설정

********************************************************/

.list_dg04 {display:grid; grid-template-columns: 1fr 480px; gap:40px; margin-top:35px;}

.list_dg04 .al_group {display:flex; flex-direction:column; gap:30px;}
.list_dg04 .alarm_list {display:flex; flex-direction:column; gap:35px;}
.list_dg04 .al_group .al_date {font-size:18px; color:#222;}
.list_dg04 .al_ul {display:flex; flex-direction:column; gap:15px;}
.list_dg04 .al_item {border:1px solid #dddde1; border-radius:15px; overflow:hidden;}
.list_dg04 .al_head {width:100%; display:flex; align-items:center; justify-content:space-between; cursor:pointer; padding:30px; background:#f7f7f9;}
.list_dg04 .al_title {font-weight:600; color:#222; font-size:18px; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; text-align:left; padding-right:10px;}
.list_dg04 .al_right {display:flex; align-items:center; gap:30px; color:#666; font-size:16px;}
.list_dg04 .al_data {white-space: nowrap;}
.list_dg04 .al_icon {display:flex; align-items:center; justify-content:center;}
.list_dg04 .al_icon i {font-size:18px; transition:transform .2s ease; -webkit-text-stroke: 1px currentColor; color:#222;}

.list_dg04 .al_item.is_open .al_icon i {transform:rotate(180deg);}

.list_dg04 .al_body {display:none; background:#fff;}
.list_dg04 .al_inner {display:flex; padding:30px; gap:16px; font-size:16px; line-height:1.6; }
.list_dg04 .al_bar {width:3px; border-radius:999px; background:#006d80; flex-shrink:0;}

.list_dg04 .paging {justify-content:center; margin-top:60px;}

.list_dg04 .alarm_toggle {display:flex; width:100%; border-radius:40px; overflow:hidden; position:relative; border:1px solid #006d80; box-sizing:border-box;}
.list_dg04 .tg_btn {flex:1; text-align:center; padding:20px 0; font-size:16px; cursor:pointer; background:transparent; color:#006d80; z-index:1;}

.list_dg04 .alarm_toggle::before {content:""; position:absolute; inset:2px;  width:calc(50% - 2px); border-radius:999px; background:#006d80; transition:transform .25s ease;}

/* OFF 일 때 오른쪽으로 이동 */
.list_dg04 .alarm_toggle[data-state="off"]::before {transform:translateX(100%);}

/* ON 상태일 때 텍스트 색상 */
.alarm_toggle[data-state="on"] .tg_on {color:#fff;font-weight:600;}
.alarm_toggle[data-state="on"] .tg_off {color:#006d80;}

/* OFF 상태일 때 텍스트 색상 */
.alarm_toggle[data-state="off"] .tg_on {color:#006d80;}
.alarm_toggle[data-state="off"] .tg_off {color:#fff;font-weight:600;}

/* 삭제 bnt */
.alarm_setting .btn_wrap {margin-top:30px !important;}
.alarm_setting .btn_wrap button {border-radius:7px; width:100%; font-weight:500 !important; display:flex; align-items:center; justify-content:center;}
.alarm_setting .btn_wrap button img, .alarm_setting .btn_wrap button i {margin-right:15px;}
.alarm_setting .btn_wrap button i {font-weight:600;}
/* .alarm_setting .btn_approve {background:#006d80;} */
.alarm_setting .btn_reject {background:#f1f1f1; color:#222 !important;}
.alarm_setting .btn_reject.part {background:#fff; border:1px solid #eee; color:#666 !important;}


.list_dg04 .alarm_list .chk_box {display:flex; align-items:center; gap:10px;}
.list_dg04 .alarm_list .chk_box input[type="checkbox"] {display:none;}
.list_dg04 .alarm_list.is_select_mode .chk_box input[type="checkbox"] {display:flex;}

.list_dg04 .alarm_list .chk_box input[type="checkbox"] {-webkit-appearance:none; appearance:none; width:20px; height:20px; border-radius:4px; border:1px solid #cccccc; background:#ffffff; box-sizing:border-box; cursor:pointer; vertical-align:middle;}
.list_dg04 .alarm_list .chk_box input[type="checkbox"]:checked {border-color:#006d80; background:#006d80 url("/images/common/ic_checked.png") no-repeat center center;}



@media screen and (max-width:1600px) {
    .list_dg04 {grid-template-columns: 1fr 360px;}
}

@media screen and (max-width:1400px) {
    .list_dg04 {grid-template-columns:1fr 320px;}
    .list_dg04 .ld_wrap {display:grid; grid-template-columns:1fr; gap:30px; margin-top:20px;}
}

@media screen and (max-width:1280px) {
    .list_dg04 .al_head {padding:20px;}
    .list_dg04 .al_inner {padding:20px;}
    .list_dg04 .al_title {font-size:17px;}
}

@media screen and (max-width:1000px) {
    .list_dg04 {display:flex; flex-direction:column-reverse; margin-top:20px; gap:20px;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:680px) {
    .list_dg04 .al_right {gap:20px;}
    .list_dg04 .paging {margin-top:30px;}
}

@media screen and (max-width:480px) {
    .list_dg04 .al_right {gap:15px;}
    .list_dg04 .al_group {gap:20px;}
    .list_dg04 .al_ul {gap:10px;}

}

@media screen and (max-width:360px) {
    .list_dg04 .al_title {}
    .list_dg04 .al_data {display:none;}
    .list_dg04 .paging {margin-top:20px;}

}




/********************************************************

    공통 카드영역

********************************************************/


.c_card {background:#fff; padding:30px; border-radius:10px;}
.c_card h5 {font-size:18px; margin-bottom:20px; font-weight:700; color:#222;}
.c_card label {font-size:16px; color:#888; cursor:default;}

@media screen and (max-width:1400px) {
}

@media screen and (max-width:1280px) {
    .c_card {padding:25px;}
    .c_card h5 {font-size:17px;}
}

@media screen and (max-width:1000px) {
    .c_card label,
    .c_card h5,
    .c_card p,
    .c_card input,
    .c_card span,
    .c_card strong,
    .c_card textarea,
    .c_card button {font-size:15px !important;}
}

@media screen and (max-width:760px) {
    .c_card h5,
    .c_card label,
    .c_card input,
    .c_card p,
    .c_card span,
    .c_card strong,
    .c_card textarea,
    .c_card button {font-size:14px !important;}
    .c_card h5 {margin-bottom:10px;}
}

@media screen and (max-width:680px) {
    .c_card h5 {font-size:15px;}
}

@media screen and (max-width:480px) {
    .c_card {padding:20px;}
}

@media screen and (max-width:360px) {
    .c_card label,
    .c_card input,
    .c_card p,
    .c_card span,
    .c_card strong,
    .c_card textarea,
    .c_card button {font-size:13px !important;}
}


/********************************************************

    content button

********************************************************/


.content .btn_wrap {display:flex; justify-content:center; gap:15px; margin-top:80px; flex-wrap:wrap; }
.content .btn_wrap button {padding:13px 55px; font-size:16px; font-weight:600; color:#fff; transition:all 0.25s ease; border:1px solid transparent; box-sizing: border-box;}
.content .btn_wrap .btn_edit, .content .btn_wrap .btn_save, .btn_modify, .btn_write {background:#006d80;}
.content .btn_wrap .btn_list, .content .btn_wrap .btn_cancel {background:#666; border:1px solid #666; color:#fff;}
.content .btn_wrap .btn_delete {border-color:#006d80; color:#006d80; background:#fff;}
.content .btn_wrap .btn_cancel.color {border-color:#006d80; color:#006d80; background:#fff;}

.content .btn_wrap.write {margin-top:20px; justify-content:flex-end;}

/* hover 효과 */
.content .btn_wrap .btn_edit:hover,
.content .btn_wrap .btn_save:hover,
.content .btn_wrap .btn_write:hover,
.content .btn_wrap .btn_modify:hover {background:#008b9d;}
.content .btn_wrap .btn_list:hover, .content .btn_wrap .btn_cancel:hover {background:#888;}
.content .btn_wrap .btn_delete:hover {background:#f5f5f5;}


@media screen and (max-width:1400px) {
    
}

@media screen and (max-width:1280px) {
    .content .btn_wrap button {padding:16px 55px; font-size:16px; font-weight:600; color:#fff; transition:all 0.25s ease;}
}

@media screen and (max-width:1000px) {
    .content .btn_wrap {gap:10px; margin-top:60px;}
    .content .btn_wrap button {font-size:15px; font-weight:500; padding:10px 40px;}
    .content .btn_wrap.write {margin-top:20px;}
    .content .btn_wrap.write button {width:100%; border-radius:10px;}
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:680px) {
    .content .btn_wrap {gap:10px; margin-top:40px;}
    .content .btn_wrap button {font-size:14px; font-weight:500; padding:10px 35px;}
}

@media screen and (max-width:480px) {
    .content .btn_wrap {flex-direction:column; align-items:stretch; margin-top:20px;}
     .content .btn_wrap button {flex:none; width:100%; font-size:14px; font-weight:500; padding:10px 35px;}
}

@media screen and (max-width:360px) {
}



/********************************************************

    기업메인 대시보드

********************************************************/

/* 실증과제 타이틀 */
.work_title {font-size:20px; font-weight:600; margin-top:27px;}

/* .dash_grid {display: grid; grid-template-columns:1.0fr 1.78fr 2.01fr 1.90fr; gap: 20px; align-items: stretch; margin-top:15px; grid-auto-rows:1fr;} */
.dash_grid {display:grid; grid-template-columns:260px 1.78fr 524px 493px; gap:20px; align-items:stretch; margin-top:15px; grid-auto-rows:1fr;}
.dash_grid h5 {font-size:16px;}
.dash_grid .dg_col {display:flex; flex-direction:column; gap:20px; height:100%;}
.dash_grid.c_card {background:#fff; border-radius:12px; padding:30px;}

/* 왼쪽 정보카드들 높이 동일하도록 설정 */
.dash_grid .dg_col .c_card.weather,
.dash_grid .dg_col .c_card.humidity,
.dash_grid .dg_col .c_card.surface,
.dash_grid .dg_col .c_card.soil {flex:1 1 auto; display:flex; align-items:center; padding:10px 30px;}

/* 상단 타이틀(공통) */
.dg_col .head {display:flex; align-items:center; justify-content:space-between; margin-bottom:40px;}
.dg_col .head h5 {margin:0;}
.dg_col .time {font-size:14px; color:#666;}

/* 첫번째열 - .dg_left */
.dg_left {gap:15px !important;}

/* 기업정보 */
.dg_left .c_card.company {}
.dg_left .c_card.company .company_wrap {height:100%; max-height:93px; overflow:hidden; border-radius:8px; position:relative;}
.dg_left .c_card.company .company_wrap::after {content:""; position:absolute; inset:0; background:rgba(0,0,0,0.1); pointer-events:none;}
.dg_left .c_card.company .company_wrap .cw_info {position:absolute; bottom:10px; left:10px; display:flex; flex-direction:column; color:#fff; font-weight:600; z-index:1;}
.dg_left .c_card.company .company_wrap .cw_info .name {}
.dg_left .c_card.company .company_wrap .cw_info .year {font-size:14px;}
.dg_left .c_card.company .company_wrap img {width:100%; height:100%; object-fit:cover; object-position:center; display:block;}

.dg_left .c_card.company .info_list {margin-top:20px; display:flex; flex-direction:column; gap:10px;}
.dg_left .c_card.company .info_list li {display:flex; gap:7px; align-items:center;}
.dg_left .c_card.company .info_list li:last-child {align-items:flex-start;}
.dg_left .c_card.company .info_list .icon {}
.dg_left .c_card.company .info_list li .icon i {line-height:1;}

/* 날씨 */
.dg_left .c_card.weather .weather_wrap {display:flex; align-items:center; justify-content:flex-start; position:relative}
.dg_left .c_card.weather .weather_wrap .w_left {position:relative;}
.dg_left .c_card.weather .weather_wrap .w_left img {width: 90px;height: auto;display: block;}
.dg_left .c_card.weather .weather_wrap .w_right {z-index:1; text-align:right; position: absolute; left:80px; top: 50%; transform: translateY(-50%);}
.dg_left .c_card.weather .weather_wrap .w_right .temp_now {font-size:45px; font-weight:700;}
.dg_left .c_card.weather .weather_wrap .w_right .temp_range {font-size:14px; font-weight:500; white-space:nowrap;}

/* 날씨(모바일) */
.dg_left .weather_wrap.wide {display:none !important; justify-content:space-between !important; flex:1;}
.dg_left .weather_wrap.wide .w_left {display:flex;}
.dg_left .weather_wrap.wide .w_left .temp_now {font-size:45px; font-weight:600;}
.dg_left .weather_wrap.wide .w_right .temp_range {font-size:20px !important;}

/* 습도 */
.dg_left .wrap {display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%}
.dg_left .wrap .left {flex:1; display:flex; flex-direction:column; gap:7px;}
.dg_left .wrap .left .label {font-weight:600;}
.dg_left .wrap .left .hm_bar_bg {position:relative; width:100%; height:12px; border-radius:999px; background:#e5e5e5; overflow:hidden;}
.dg_left .wrap .left .hm_bar_fill {display:block; height:100%; border-radius:999px;background:#2ab1ff;}
.dg_left .wrap .right {}
.dg_left .wrap .right .value b {font-size:40px; font-weight:700;}
.dg_left .wrap .right .value .unit {color:#888; font-size:22px;}

/* 지표온도 */
.c_card.surface .st_bar_track {display:flex; width:100%; height:12px; border-radius:999px; overflow:visible;}
.c_card.surface .st_seg {flex:1; height:100%;}
.c_card.surface .seg-1 { background:#4575b4; }
.c_card.surface .seg-2 { background:#74add1; }
.c_card.surface .seg-3 { background:#abd9e9; }
.c_card.surface .seg-4 { background:#e0f3f8; }
.c_card.surface .seg-5 { background:#ffffbf; }
.c_card.surface .seg-6 { background:#fee090; }
.c_card.surface .seg-7 { background:#fdae61; }
.c_card.surface .seg-8 { background:#f46d43; }
.c_card.surface .seg-9 { background:#d73027; }

.c_card.surface .st_seg.is-active{position:relative; outline:3px solid #006d80; outline-offset:-1px; border-radius:3px;}

/* 토양수분 */
.c_card.soil .st_bar_track {display:flex; width:100%; height:12px; border-radius:999px; overflow:visible;}
.c_card.soil .st_seg {flex:1; height:100%;}
.c_card.soil .seg-1 { background:#f7fbff; }
.c_card.soil .seg-2 { background:#ecf4fb; }
.c_card.soil .seg-3 { background:#e1edf8; }
.c_card.soil .seg-4 { background:#cbdff1; }
.c_card.soil .seg-5 { background:#acd0e6; }
.c_card.soil .seg-6 { background:#83badb; }
.c_card.soil .seg-7 { background:#5aa1cf; }
.c_card.soil .seg-8 { background:#3987c0; }
.c_card.soil .seg-9 { background:#1d6aaf; }
.c_card.soil .seg-10 { background:#084d96; }
.c_card.soil .seg-11 { background:#08306b; }
.c_card.soil .st_seg.is-active {position:relative; outline:3px solid #006d80; outline-offset:-1px; border-radius:3px;}

/* 양 끝만 둥글게 */
.c_card.surface .seg-1, .c_card.soil .seg-1 {border-radius:999px 0 0 999px;}
.c_card.surface .seg-9, .c_card.soil .seg-11 {border-radius:0 999px 999px 0;}

/* 두번째열 - .dg_data */
.dg_data {}

/* 실시간 데이터 수집 */
.dg_data .realtime .section + .section {margin-top:50px;}
.dg_data .realtime .title {color:#888; margin-bottom:20px;}
.dg_data .realtime .grid {display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:15px;}
.dg_data .realtime .item {display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border:1px solid #e5e7eb; background:#fff;}
.dg_data .realtime .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dg_data .realtime .status {width:12px; height:12px; border-radius:50%;}

/* 실시간 상태 뱃지 색상 규칙 */
.dg_data .realtime .status.ok {background:#0060d6;}
.dg_data .realtime .status.commonly {background:#04b800;}
.dg_data .realtime .status.alert {background:#ff8a00;}
.dg_data .realtime .status.bad {background:#ea0000;}

/* 세번째열 - .dg_chart */
.dg_chart {}

/* 누적데이터 */
.dg_chart .accum .ac_row {display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:20px;}
.dg_chart .accum .ac_label {font-size:15px; white-space:nowrap; width:107px;}
.dg_chart .accum .ac_bar {flex:1; position:relative;}
.dg_chart .accum .ac_value {position:absolute; bottom:0; right:10px; top:50%; transform:translateY(-50%); line-height:1;}
.dg_chart .accum .ac_bar_track {position:relative; width:100%; height:36px; border-radius:999px; background:#efefef; overflow:hidden;}
.dg_chart .accum .ac_bar_fill {position:relative; height:100%; border-radius:999px; display:flex; align-items:center; justify-content:flex-end; color:#fff; font-weight:600; font-size:15px; padding-right:15px; min-width: 70px;}


/* 누적 데이터 색상 규칙
   -------------------------------- */

/* 환경 */
.dg_chart .accum .ac_bar_fill.env {background:#4F9E7A;}

/* 조도 */
.dg_chart .accum .ac_bar_fill.light {background:#CDA85A;}

/* 이미지 */
.dg_chart .accum .ac_bar_fill.img {background:#9A80C5;}

/* 드론 */
.dg_chart .accum .ac_bar_fill.drone {background:#5C7C91;}

/* 토양 */
.dg_chart .accum .ac_bar_fill.soil {background:#A4744A;}

/* AI 결과 */
.dg_chart .accum .ac_bar_fill.aires {background:#5970C7;}

/* AI 데이터 */
.dg_chart .accum .ac_bar_fill.ai {background:#3A9BBF;}

/* 외부 기상 */
.dg_chart .accum .ac_bar_fill.wx {background:#305EAF;}

/* 로봇 센서 */
.dg_chart .accum .ac_bar_fill.robot {background:#4A9FA4;}

/* 온실환경 */
.dg_chart .accum .ac_bar_fill.green {background:#5AA869;}

/* 기기 */
.dg_chart .accum .ac_bar_fill.device {background:#7E8BA3;}


/* 데이터 색상 규칙 */
.d_good {color:#0060d6;}
.d_normal {color:#04b800;}
.d_warn {color:#ff8a00;}
.d_danger {color:#ea0000;}


/* 24시간 환경변화 추이 */
.chart_card .cc_body {margin-top:30px; height:518px;}
.chart_card .envChart {width:100% !important;height:100%;}


/* 4번째열 .dg_right */

/* 이미지 데이터 */
.c_card.images .img_main {margin-top:20px; border-radius:5px; overflow:hidden;}
.c_card.images .img_main img {width:100%; height:250px; object-fit:cover; display:block;}
.c_card.images .thumb_wrap {margin-top:15px; overflow-x:auto; padding-bottom:6px; overflow-y:hidden;}
.c_card.images .thumb_list {display:flex; gap:12px; width:max-content;}
.c_card.images .thumb_item {flex: 0 0 auto;}
.c_card.images .thumb_btn {display:block; padding:0; border:2px solid transparent; border-radius:5px; background:#fff; cursor:pointer; overflow:hidden;}
.c_card.images .thumb_btn img {display:block; width:100px; height:80px; object-fit:cover;}
.c_card.images .thumb_item.is_active .thumb_btn {border-color:#006d80;}

.c_card.images .thumb_wrap::-webkit-scrollbar {height:6px;}
.c_card.images .thumb_wrap::-webkit-scrollbar-track {background:#e3e3e3; border-radius:999px;}
.c_card.images .thumb_wrap::-webkit-scrollbar-thumb {background:#878787; border-radius:999px;}

@media screen and (min-width:761px) {
  .dash_grid {
    grid-auto-rows: 1fr;
  }
  .dash_grid .dg_col .c_card:last-child {
    flex: 1 1 auto;
  }
}

@media screen and (max-width:1860px) {
    .dash_grid {grid-template-columns:260px 1.78fr 480px 440px;}
}

@media screen and (max-width:1770px) {
    .dash_grid {grid-template-columns:260px 1.78fr 450px 400px;}
}

@media screen and (max-width:1680px) {
    .dash_grid {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto; grid-template-areas:"left  chart" "data  right";}
    .dg_left  { grid-area: left; }
    .dg_data  { grid-area: data; }
    .dg_chart { grid-area: chart; }
    .dg_right { grid-area: right; }

    .dash_grid .dg_col .c_card.weather, .dash_grid .dg_col .c_card.humidity, .dash_grid .dg_col .c_card.surface, .dash_grid .dg_col .c_card.soil {padding:25px 30px !important;}
    .dg_left .weather_wrap {display: none !important;}
    .dg_left .weather_wrap.wide {display:flex !important;}
    .dg_left .weather_wrap.wide .w_right .temp_range {font-size:22px !important;}
    .dg_left .c_card.weather .weather_wrap .w_right {position:initial; left:0; top:0; transform:initial; margin-left:-15px;}
    .dg_left .c_card.weather .weather_wrap .w_right .temp_now {font-size:45px !important;}
}

@media screen and (max-width:1400px) {

}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1000px) {
    .dg_left .weather_wrap.wide .w_left .temp_now {font-size:45px !important;}
    .dg_left .weather_wrap.wide .w_right .temp_range {font-size:14px !important;}
    .work_title {font-size:18px;}
}

@media screen and (max-width:760px) {
    .dash_grid {grid-template-columns: 1fr !important; grid-template-rows: auto; grid-template-areas: none; width:100%; min-width: 0;  grid-auto-rows: initial;}
    .work_title {font-size:16px;}
    .dg_left,.dg_data,.dg_chart,.dg_right {grid-area:auto; min-width:0;}
    .dg_left .c_card.company .info_list {gap:12px;}
    .dg_left .weather_wrap.wide .w_right .temp_range {font-size:20px !important;}
    
}

@media screen and (max-width:680px) {

}

@media screen and (max-width:480px) {
    .dg_data .realtime .grid {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:8px;}
    .dg_data .realtime .section + .section {margin-top:30px;}
    .dg_left .c_card.weather {justify-content: center;}
    .dg_left .weather_wrap {display:flex !important;}
    .dg_left .weather_wrap.wide {display:none !important;}
    .accum .ac_label {width:90px;}
    .accum .ac_bar_fill {padding-right:5px;}
    .accum .ac_row {flex-direction:column; align-items:stretch !important;}
}

@media screen and (max-width:360px) {
    .dg_left .c_card.company .info_list {gap:10px;}
    .dg_left .c_card.weather .weather_wrap .w_right .temp_now {font-size:35px !important;}
    .dg_left .wrap .right .value b {font-size:30px;}
    .dg_left .wrap .right .value .unit {font-size:18px !important;}

    .realtime .grid {grid-template-columns:repeat(1, minmax(0, 1fr)); gap:13px;}
    .realtime .section + .section {margin-top:25px;}
}







/********************************************************

    공통

********************************************************/


@media screen and (max-width:1400px) {

}

@media screen and (max-width:1280px) {
}

@media screen and (max-width:1000px) {
}

@media screen and (max-width:760px) {
}

@media screen and (max-width:680px) {
}

@media screen and (max-width:480px) {
}

@media screen and (max-width:360px) {
}