@charset "utf-8";



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

    재배시설 온도 예측 결과

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

.wea_input.dg01 {}

.infor_input .ii_express .style01 {height:320px; overflow-y:auto;}

.infor_input .ii_express .change {margin-top:20px; height:auto;}
.infor_input .ii_express .change #myChart {width:100% !important; height:100% !important;}

.infor_input .ii_data .id_weather .wea_input li input {font-size:15px; height:42px;}
.infor_input .ii_data .id_weather .wea_input li select {height:42px;}


@media screen and (max-width:1400px) {
    .wea_input.dg01 {grid-template-columns:repeat(auto-fill, minmax(30%, auto)) !important;}
}

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

@media screen and (max-width:1000px) {
    .infor_input .ii_express .style01 {height:auto;}
}

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

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

@media screen and (max-width:480px) {
    .wea_input.dg01 {grid-template-columns:repeat(auto-fill, minmax(45%, auto)) !important;}
}

@media screen and (max-width:360px) {
    .wea_input.dg01 {grid-template-columns:repeat(auto-fill, minmax(50%, auto)) !important;}
}
















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

    재배시설 위험감지

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

.dangers {display:grid; grid-template-columns:repeat(auto-fill, minmax(30%, auto)); gap:20px 10px;}
.dangers li {}
.dangers li p {font-size:16px; font-weight:500; color:#444; text-align:left;}
.dangers li p.tit {margin-bottom:8px;}
.dangers li p.txt {text-align:center; background:#fafafa; border:1px solid #ddd; padding:12px 10px;}

.table_dg01.style02 table td:last-child {text-align:center !important;}

.wea_input.dg02 {grid-template-columns:repeat(auto-fill, minmax(40%, auto)) !important;}


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

@media screen and (max-width:1280px) {
    .dangers li p {font-size:15px;}
}

@media screen and (max-width:1000px) {
    .dangers li p {font-size:14px;}
    .dangers li p.tit {margin-bottom:6px;}
}

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

@media screen and (max-width:680px) {
    .dangers {gap:15px 10px;}
    .dangers li p {font-size:13px;}
    .dangers li p.tit {margin-bottom:4px;}
}

@media screen and (max-width:480px) {
    .dangers {grid-template-columns:repeat(auto-fill, minmax(40%, auto));}
}

@media screen and (max-width:360px) {
    .dangers {grid-template-columns:repeat(auto-fill, minmax(50%, auto));}
}