.weather-list img {max-width:100%; width:100%;}
.weather-element h3{font-size: 3rem; margin-top:20px; margin-bottom:20px; text-align: center; font-weight: 700;} 
.weather-element .weather-list {overflow:hidden;position:relative;}
.weather-element .weather-list .weather-media{display:none;}
.weather-element .weather-list .li01 li { position:absolute; min-width:50px; border-radius:5px; border:1px solid #cbd9e3; text-align:center; background:#fff; padding:0 3px;}
.weather-element .weather-list .li01 li span {display:block; margin-bottom:0px; padding-top:3px; color:#626262; font-size:1.6rem; width:100%; line-height:100%;}
.weather-element .weather-list .li01 li span strong .blue {color:#0000ff;padding-bottom:3px; font-weight: bold;}
.weather-element .weather-list .li01 li img {display:block;  width:60%; height:3%; margin:0 auto;}
.weather-list .li01 li.i01{left:16%;top:51%;}
.weather-list .li01 li.i02{left:42%;top:29%;}
.weather-list .li01 li.i03{left:59%;top:37%;}
.weather-list .li01 li.i04{left:75%;top:25%;}
.weather-list .li01 li.i05{left:28%;top:78%;}
.weather-list .li01 li.i06{left:31%;top:65%;}
.weather-list .li01 li.i07{left:41%;top:75%;}
.weather-list .li01 li.i08{left:34%;top:52%;}
.weather-list .li01 li.i09{left:42%;top:42%;}
.weather-list .li01 li.i10{left:62%;top:20%;}
.weather-list .li01 li.i11{left:50%;top:53%;}
.weather-list .li01 li.i12{left:50%;top:69%;}
.weather-list .li01 li.i13 {left:83%;top:13%;}
.weather-element .weather-list .cur {overflow:hidden; position:absolute; right:20px; bottom:10px; width:88px; height:70px; padding-top:5px; border:1px solid #cbd9e3;  color:#000; font-family:"돋움", dotum, sans-serif; font-size:12px; text-align:center; background:#fff; } /* hwpark 높이조절,cwlee 높이 조절 66 >70*/
.weather-element .weather-list .cur .li01 li span {display:block; }
.weather-element .weather-list .cur .li01 li span strong {vertical-align:top; }
.weather-element .weather-list .cur .li01 li .top {margin-bottom:3px; }

/* 20240509 추가 */
.weather-info-wrap {
    position: relative; 
    display: flex;
}
.weather-info-con {
    width: 100%; 
    display: flex; 
    justify-content: center;  
    position: absolute; 
    bottom: 230px; 
    z-index: 99;
}
.weather-info-contents {
    color: #fff; 
    border-radius: 14px; 
    padding: 22px 40px; 
    width: 54%; 
    background-color: rgba(125, 148, 222, 0.7); 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
.weather-info-text-wrap {
    width: 30%;
}
.weather-info-text-wrap > ul {
    line-height: 2;
}
.weather-info-text-wrap > ul li {
    padding-left: 20px;
}
.weather-info-place {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5); 
    font-size: 30px; 
}
.weather-info-status {
    font-size: 24px;
}
.weather-info-tem {
    font-size: 60px; font-weight: bold;
}
/* 20240509 추가 끝 */

.board-btn-set {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.board-btn-set a.file {
    color: #003668;
    border: 1px solid #003668;
    border-radius: 20px;
    font-size: 15px;
    padding: 12px 20px 11px 45px;
    position: relative;
}
.board-btn-set a.file::after {
    content: "";
    width: 24px;
    height: 21px;
    position: absolute;
    left: 18px;
    top: 9px;
    background-image: url("../images/icon_weatherDown.png");
    background-size: 24px 21px;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (min-width: 651px) and (max-width:992px){
    .weather-element .weather-list .li01:not(.report) li  {width:40px;padding: 0 1px;}
    .weather-element .weather-list .li01:not(.report) li span { font-size:0.8rem; }
}

@media all and (max-width:768px){
    .board-btn-set {display:none;}
    .weather-info-con {
        bottom: 65px;
    }
    .weather-info-contents {
        padding: 8px; 
    }
    .weather-info-text-wrap {
        width: 35%;
    }
    .weather-info-text-wrap > ul li {
        padding-left: 8px;
    }
    .weather-info-place {
        font-size: 14px;
    }
    .weather-info-status {
        font-size: 12px;
    }
    .weather-info-tem {
        font-size: 16px;
    }
    .weather-info-img {
        width: 30px;
    }
    .weather-info-img > img {
        width: 100%;
    }
}
@media all and (max-width:650px){
    .weather-element .weather-list .weather-main{display:none;}
    .weather-element .weather-list .weather-media{display:block;}
    .weather-element .weather-list .li01:not(.report) li {width:40px;}
    .weather-element .weather-list .li01:not(.report) li span {font-size:10px; }
    .weather-element .weather-list .li01:not(.report) li img {width:50%;height:2%;}
    .weather-list .li01:not(.report) li.i01{left:7%;top:55%;}
    .weather-list .li01:not(.report) li.i02{left:37%;top:27%;} /*중강*/
    .weather-list .li01:not(.report) li.i03{left:56%;top:38%;}
    .weather-list .li01:not(.report) li.i04{left:78%;top:27%;}
    .weather-list .li01:not(.report) li.i05{left:16%;top:80%;}
    .weather-list .li01:not(.report) li.i06{left:23%;top:66%;}
    .weather-list .li01:not(.report) li.i07{left:37%;top:78%;}
    .weather-list .li01:not(.report) li.i08{left:24%;top:51%;} /*안주*/
    .weather-list .li01:not(.report) li.i09{left:37%;top:42%;}
    .weather-list .li01:not(.report) li.i10{left:59%;top:22%;}
    .weather-list .li01:not(.report) li.i11{left:42%;top:56%;} /*함흥*/
    .weather-list .li01:not(.report) li.i12{left:48%;top:69%;}
    .weather-list .li01:not(.report) li.i13 {left:81%;top:12%;} /*선봉*/
}
@media all and (max-width:360px){
    .weather-element .weather-list .li01:not(.report) li {width:40px; padding:0;}
    .weather-element .weather-list .li01:not(.report) li span {font-size:10px;}
    .weather-element .weather-list .li01:not(.report) li img {width:35%;height:2%;}
}