@import "master.css";
@import "weather.css";

/* ===================== 가로형 ==================== */
@media all and (device-width: 1792px) and (device-height: 704px) {
    ul#signage > li {
        width: 1792px;
        height: 704px;
    }

    body {
        width: 1792px !important;
        height: 704px !important;
        font-family: 'NanumBarunGothic', sans-serif;
    }

    /* 공지사항 */
    .scene_notice > div {
        width: 1792px;
        height: 704px;
        background: url(../images/notice_bg.png) no-repeat left bottom;
    }
    .scene_newsletter > div {
        width: 1792px;
        height: 704px;
        background: url(../images/scene_newsletter_bg.png) no-repeat;
    }
    .scene_notice .topbar{padding: 10px;}
    .weather, .dust{display: flex; align-items: center;}

    .scene_notice .school p{margin: 5px 0;}
    .scene_notice .school p:nth-child(1){font-size: 27px;}
    .scene_notice .school p:nth-child(2){font-size: 42px;}

    .notice_asset{padding: 20px; color: #fff;}
    .notice_asset h1{margin-top: 10px; font-size: 50px; text-align: center;}
    .notice_asset ul{margin-top: 40px;}
    .notice_asset ul li{font-size: 42px; line-height: 65px;}
    .notice_asset ul li:last-child{display: none;}

    .scene_notice_cont .notice_asset .notice_cont{
        font-size: 30px;
        line-height: 40px;
        -webkit-line-clamp: 5;
    }
    .notice_cont_box ul:nth-child(2) li {
        line-height: 47px;
    }
    .notice_cont_box ul:nth-child(2) li p{
        font-size: 28px;
    }
    
    /* 이달의 행사 */
    .scene_calendar > div {
        width: 1792px;
        height: 704px;
    }
    .calendar {
        padding: 18px;
    }
    .calendar .now_month {
        font-size: 48px;
    }
    .calendar_content {
        padding-top: 20px;
        height: unset;
    }
    /* .calendar_content ul li {display: none;} */
    .calendar_content ul {padding: 15px;}
    .calendar_content ul li.this_day {display: block;}
    .calendar_content li p:nth-child(1) span {
        font-size: 40px;
    }
    .calendar_content li {
        font-size: 38px;
        line-height: 80px;
    }

    /* 오늘의 식단 */
    .scene_schoolmeal > div {
        width: 1792px;
        height: 704px;
    }
    .kcal{margin-left: 55px; width: 278px; height: 350px; background: url(../images/kcal_bg.png) left -220px no-repeat;}
    .kcal span:first-child{padding-top: 10px; font-size: 50px;}
    .kcal span:last-child{padding-top: 5px; font-size: 40px;}
    .schoolmeal_pic img{width: 295px;}
    .schoolmeal_tit, .schoolmeal_tit .material-symbols-outlined {
        font-size: 70px;
    }
    .schoolmeal_tit {
        padding: 15px 0 0 380px;
    }
    .schoolmeal_cont {
        margin-top: 100px;
        height: 602px;
        background: url(../images/schoolmeal_bg.png) left bottom no-repeat;
        background-size: cover;
    }
    .schoolmeal_info div {
        margin-top: 100px;
        min-height: 360px;
    }
    .schoolmeal_info div ul {
        margin-top: 20px;
    }
    .schoolmeal_info div span {
        font-size: 35px;
    }
    .schoolmeal_info div ul li {
        font-size: 30px;
        line-height: 40px;
    }
    .allergy{padding: 8px 30px; font-size: 20px; line-height: 30px;}

    .schoolmeal_ment{padding: 11px; box-sizing: border-box; font-size: 20px; color: #ffde00;}

    /* 학교이용안내 */
    .scene_useinfo .useinfo_user_box {
        width: 1792px; 
        height: 704px; 
        border: 1px solid #000;
        background: url(../images/schooluseinfo_bg_712.png) no-repeat left bottom;
        background-size: cover;
    }
    .scene_useinfo > .useinfo_user_bg img {
        width: 725px;
        height: 704px;
        object-fit: cover;
    }
    .useinfo_tit{margin:20px 20px 0 0;}
    .useinfo_tit span{font-size: 40px;}
    .useinfo_tit span:nth-child(2){color: #0059a0;}
    .useinfo_tit i{font-size: 25px;}
    
    .useinfo_cont div{margin:30px 0 0 740px; width: 1020px; font-size: 32px; line-height: 58px; word-break:keep-all;}
    .useinfo_cont ul li{list-style: none !important;}

    /* 학교행사사진 */
    .scene_album > div{
        width: 1792px; 
        height: 704px; 
    }
    .scene_album ul li {
        width: 1792px; 
        height: 704px; 
    }
    .scene_album ul li img{max-width: 1792px; height: 100%; object-fit: scale-down;}

    /* 학교홍보동영상 */
    .scene_movie > div {
        width: 1792px; 
        height: 704px; 
    }

    /* 동영상멘트 */
    .scene_movie_ment > div{
        width: 1792px; 
        height: 704px; 
    }
    .scene_movie_ment_box {
        width: 1792px; 
        height: 704px; 
    }
    .scene_movie_ment_cont {
        width: 1792px; 
        height: 704px;
    }

    /* 명언 */
    .scene_saying > div{
        width: 1792px; 
        height: 704px;
    }
    .scene_saying > div > div{display: flex; justify-content: center; align-items: center; width: 60%; min-height: 400px; padding: 20px; box-sizing: border-box;}
    .scene_saying div p{margin: 20px 0;}
    .scene_saying div p:nth-child(1){font-size: 40px; line-height: 50px;}
    .scene_saying div p:nth-child(2){font-size: 30px; line-height: 50px; word-break:keep-all;}
    .scene_saying div p:nth-child(3){font-size: 25px;}

    /* 명화 */
    .scene_painting > div{
        width: 1792px; 
        height: 704px;
    }
    .scene_painting > div::before {
        width: 1792px; 
        height: 704px;
        background-color: #000;
        background: url(https://lh3.googleusercontent.com/J0sw0IiqP2F4gavYnI-vUa5IBgHiHy42lohgm-qq1vuygUX0HQgylVSV1ZdDTV5XIg=s1200) no-repeat left center;
        background-size: cover;
        animation: scaleAnimation 13s infinite alternate;
    }
    .scene_painting_box {
        width: 1792px; 
        height: 704px;
    }
    .scene_painting_cont {
        width: 1792px; 
        height: 704px;
    }
    .scene_painting_cont img {
        max-width: 1100px;
        max-height: 480px;
    }

    /* 오늘의 영어단어 */
    .scene_engword > div {
        width: 1792px; 
        height: 704px;
        background: url(../images/engword_bg.png) bottom right no-repeat;
        background-size: 230px;
    }
    .scene_engword div div div{margin: 10px auto 0 auto; padding: 10px  0; width: 99%; box-sizing: border-box; background-color: #00bf60;}
    .scene_engword div div div p{margin: 4px 0; color: #fff;}
    .scene_engword div div div p:nth-child(1){font-size: 25px;}
    .scene_engword div div div p span{display: block; margin: 15px 0;}
    .scene_engword div div div p span:nth-child(1){font-size: 50px;}
    .scene_engword div div div p span:nth-child(2){font-size: 30px;}
    .scene_engword ul{margin: 0 0 0 90px; padding: 10px  0; width: 80%; box-sizing: border-box;}
    .scene_engword ul li{margin: 10px 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 40px; text-align: left; line-height: 60px;}
    .scene_engword ul li span{color: #00bf60;}

    /* 오늘의 영어숙어 */
    .scene_engwidiom > div {
        width: 1792px; 
        height: 704px;
        background: url(../images/engwidiom_bg.png) no-repeat;
        text-align: center;
        background-position-y: -200px;
    }
    .scene_engwidiom > div > div{width: 100%; height: 100%; background: url(../images/engwidiom_item.png) bottom right no-repeat; background-size: 300px;}
    .scene_engwidiom div div div{margin: 10px 0 0 210px; padding: 10px  0; width: 85.4%; box-sizing: border-box; background-color: #00aee1;}
    .scene_engwidiom div div div p{margin: 12px 0; color: #fff;}
    .scene_engwidiom div div div p:nth-child(1){font-size: 50px;}
    .scene_engwidiom div div div p span{display: block; margin: 15px 0;}
    .scene_engwidiom div div div p span:nth-child(1){font-size: 50px; color: #000;}
    .scene_engwidiom div div div p span:nth-child(2){font-size: 30px;}
    .scene_engwidiom ul{margin: 0 0 0 210px; padding: 15px  0; width: 72%; box-sizing: border-box;}
    .scene_engwidiom ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 40px; text-align: left; line-height: 60px;}
    .scene_engwidiom ul li span{color: #00aee1;}

    /* 디데이 */
    .scene_day > div {
        width: 1792px; 
        height: 704px;
    }

    /* 갤러리 */
    .gallery_box {
        width: 1792px !important;
        background: url("../images/gallery_tit_bg_1920w.jpg") !important;
        background-size: cover !important;
    }
    .scene_gallery {
        height: 704px !important;
        overflow: hidden;
    }
    .gallery_row .images .img {
        height: 160px !important;
        flex-grow: 1 !important;
        object-fit: cover !important;
    }

    /* 날씨.시간 공지사항 */
    .weather_time {
        width: 330px;
    }
    .weather_time_box {
        width: 1792px; 
        height: 704px;
    }
    .weather_time_bg {
        overflow: hidden;
        width: 1792px; 
        height: 704px;
    }
    .weather_time_box img {
        margin: 0 auto 0 auto;
        max-width: 170px;
    }
    .weather_time_box > div:first-child b, .weather_time_box > div:first-child .temperature_text {
        font-size: 45px;
    }
    .weather_time p:last-child {
        font-size: 45px;
    }
    #weather_time_contbox {
        height: 450px;
    }
    .weather_time_cont span:first-child {
        margin: 10px auto;
        font-size: 35px;
    }
    .weather_time_tit p {
        font-size: 38px;
    }

    /* qrcode */
    .scene_qrcode {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1792px; 
        height: 704px;
        background: url(../images/schoolalbum_bg.png) no-repeat;
    }
    .qrment {
        height: 90%;
    }
    .qrcode img {
        width: 300px;
    }

    /* 일반알림 */
    .general_alram > div{
        width: 1792px; 
        height: 704px; 
    }

    /* 긴급 알림 */
    .scene_alram > div {
        width: 1792px !important; 
        height: 704px !important;
        background: url(../images/alram_bg1.png) no-repeat !important;
        background-position-y: -189px !important;
    }
    .scene_alram span#alram_title {
        left: 550px;
        top: 55px !important;
    }
    .scene_alram div#emergency_alert_contbox {
        top: 215px !important;
        width: 1420px;
        line-height: 52px !important;
        font-size: 32px !important;
        -webkit-line-clamp: 6 !important;
    }
    #emergency_alert_contbox {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 30px;
        /* width: 98%; */
        height: 60% !important;
        color: #4a4a4a;
        /* color: #b1b1b1; */
        background-color: rgba( 255, 255, 255, 0.5 );
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
        border-radius: 20px;
        text-align: justify;
        overflow: hidden;
    }

    /* 전체 에러 */
    .scene_error > div {
        width: 1792px; 
        height: 704px;
        background: url(../images/noticepop_bg_540.png) left top;
        background-size: cover;
    }
    .scene_error > div div {
        position: absolute;
        left: 720px;
        top: 200px;
        font-size: 42px;
    }

    /* 날씨 */
    .weather_snow canvas {
        width: 1792px;
        height: 704px !important;
    }
    .scene_weather_box > div {
        width: 1792px; 
        height: 704px;
    }
    .temperature_text, .temperature_info {
        padding: 0;
    }
    .weather_main .wt_icon {
        display: inline-block;
        vertical-align: top;
        width: 180px;
        height: 180px;
        background-size: 180px 180px;
    }
    .weather_main .wt_icon.ico_wt1,
    .weather_main .wt_icon.ico_wt2,
    .weather_main .wt_icon.ico_wt3,
    .weather_main .wt_icon.ico_wt4,
    .weather_main .wt_icon.ico_wt5,
    .weather_main .wt_icon.ico_wt6,
    .weather_main .wt_icon.ico_wt7,
    .weather_main .wt_icon.ico_wt8,
    .weather_main .wt_icon.ico_wt9,
    .weather_main .wt_icon.ico_wt10,
    .weather_main .wt_icon.ico_wt11 {
        top: -50px;
    }
    .week_item {
        margin: 5px;
        padding: 25px 5px;
        width: 47%;
        box-sizing: border-box;
        border-radius: 15px;
        text-align: center;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .cell_weather .wt_icon {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
    }
    .cell_weather > span {
        padding: 0 10px;
    }

    /* 팝업 전광판 */
    .scene_popupgallery .topbar{
        padding: 10px;
    }
    .scene_popupgallery .today_date p:nth-child(1) {
        font-size: 18px;
    }
    .scene_popupgallery .today_date p:nth-child(2) {
        font-size: 40px;
    }
    .scene_popupgallery .school p {
        font-size: 34px;
        line-height: 38px;
    }
    .scene_popupgallery .weather {
        font-size: 60px;
    }
    .scene_popupgallery .school p:nth-child(1) {
        font-size: 23px;
    }
    .popupgallery_tit {
        left: 55px;
        top: 145px;
    }
    .scene_popupgallery div.popupgallery_cont {
        width: 1792px; 
        height: 704px; 
        background-position-y: -50px;
    }
    .scene_popupgallery ul {
        margin: 105px 40px 0 0;
        max-width: 1420px;
        grid-gap: 20px;
    }
    .scene_popupgallery ul img, .scene_popupgallery ul video {
        box-sizing: border-box;
        width: 100%;
        min-width: 450px;
        height: 200px;
        object-fit: contain;
    }
    .scene_popupgallery ul li p {
        padding: 5px;
    }
    .scene_popupgallery ul li p span {
        max-width: 335px;
        font-size: 23px;
    }
}

/* ===================== 세로형 ==================== */
@media all and (device-width: 704px) and (device-height: 1792px) {
    body {
        width: 704px !important;
        height: 1792px !important;
    }
    ul#signage > li {
        width: 704px !important;
        height: 1792px !important;
    }

    /* 공지사항 */
    .scene_notice > div {
        width: 704px;
        height: 1792px;
    }
    .today_date p:nth-child(1) {
        font-size: 18px;
    }
    .today_date p:nth-child(2) {
        font-size: 43px;
    }
    .weather span {
        font-size: 70px;
    }
    .weather p span {
        font-size: 60px;
    }
    .scene_notice .weather {
        font-size: 50px;
    }
    .dust div p:nth-child(2) {
        font-size: 35px;
    }
    .scene_notice .weather p {
        padding: 0 10px;
    }
    .notice_asset ul li {
        display: flex;
        justify-content: space-between;
        font-size: 58px;
        line-height: 75px;
    }
    .notice_asset ul li p {
        display: block;
        white-space: unset;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .notice_asset ul li span {
        margin-bottom: 20px;
    }

    .scene_notice_cont .notice_asset .notice_cont{
        -webkit-line-clamp: 9;
    }
    li.notice_cont_none div p{
        width: 300px !important;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
    }
    .scene_notice_cont .notice_asset .notice_cont{
        white-space: unset;
    }
    .notice_cont_box ul:nth-child(1){
        padding: 4%;
        width: 92%;
    }
    .notice_cont_box ul:nth-child(2){margin-top: 70px; width: 100%;}
    .notice_cont_box ul:nth-child(2) li{line-height: 60px;}
    .notice_cont_box ul:nth-child(2) p {
        max-width: 200px;
    }
    .notice_cont_box ul:nth-child(2) span {
        font-size: 32px;
        width: auto;
    }

    /* 학교일정 */
    .basic .calendar_content {
        padding-top: 20px;
    }
    .basic .scene_calendar > div {
        width: 704px;
        height: 1792px;
    }
    .basic .calendar ul li {
        padding: 10px 0;
    }
    .basic .calendar ul li span {
        margin: 0 3px;
        padding: 0px 7px;
        font-size: 30px;
    }
    .basic .calendar ul li span.schedule_on {
        padding: 4px;
        font-size: 25px;
    }
    .basic .calendar_content ul {
        margin: 0 auto;
        width: 600px;
    }
    .basic .calendar_content li>p:nth-child(1) {
        display: inline-block;
        width: 500px;
    }
    .basic .calendar_content li p:nth-child(1) span {
        font-size: 37px;
    }
    .basic .calendar_content li {
        font-size: 37px;
        line-height: 60px;
    }

    /* 학교이용안내 */
    .scene_useinfo .useinfo_user_box {
        width: 704px;
        height: 1792px;
        background: url(../images/schooluseinfo540_bg.png) no-repeat;
        background-position-x: -250px;
    }
    .scene_useinfo > .useinfo_user_bg img {
        width: 704px;
    }
    .useinfo_tit {
        margin: 570px 30px 0 0;
    }
    .useinfo_tit span {
        font-size: 48px;
    }
    .useinfo_tit i {
        font-size: 30px;
    }
    .useinfo_cont div {
        margin: 50px 0 0 50px;
        width: 470px;
        font-size: 40px;
        line-height: 65px;
    }

    /* 오늘의 식단 */
    .scene_schoolmeal {
        height: 704px;
    }
    .kcal {
        top: 200px;
        width: 220px;
        padding: 65px 0px;
    }
    .kcal span:first-child {
        font-size: 40px;
    }
    .kcal span:last-child {
        font-size: 30px;
    }
    .scene_schoolmeal > div {
        width: 704px !important;
        height: 1792px !important;
    }
    .schoolmeal_info {
        padding-top: 30px;
    }
    .schoolmeal_info div {
        margin: 20px auto;
        min-height: 345px;
        padding-left: 0px;
    }
    .schoolmeal_info div ul li {
        font-size: 29px;
        line-height: 40px;
    }
    .schoolmeal_info div span {
        font-size: 40px;
    }

    /* 학교행사사진 */
    .scene_album > div {
        width: 704px;
        height: 1792px;
    }
    .scene_album ul li {
        width: 704px;
        height: 1792px;
    }
    .scene_album ul li img{max-width: 704px; height: 100%; object-fit: scale-down;}
    .scene_album p {
        padding: 25px 15px;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 38px;
        line-height: 52px;
    }

    /* 학교홍보동영상 */
    .scene_movie > div {
        width: 704px;
        height: 1792px;
    }

    /* 동영상멘트 */
    .scene_movie_ment_box {
        background: url(../images/movie_ment_bg.jpg) no-repeat;
    }
    .scene_movie_ment > div, .scene_movie_ment_box, .scene_movie_ment_cont {
        width: 704px !important;
        height: 1792px !important;
    }

    .scene_movie_ment_cont {
        display: flex;
        align-items: center;
    }

    /* 명화 */
    .scene_painting_cont {
        width: 704px;
        height: 1792px;
    }
    .scene_painting_cont img {
        width: 500px;
        max-height: unset;
    }
    .scene_painting > div {
        width: 704px;
        height: 1792px;
    }
    .scene_painting > div::before {
        background-color: #000;
        background: url("https://lh3.googleusercontent.com/J0sw0IiqP2F4gavYnI-vUa5IBgHiHy42lohgm-qq1vuygUX0HQgylVSV1ZdDTV5XIg=s1200") no-repeat;
        background-size: cover;
        background-position: center;
        animation: scaleAnimation 13s infinite alternate;
    }

    /* 명언 */
    .scene_saying > div{
        width: 704px;
        height: 1792px;
        background: url(../images/saying_bg.png) no-repeat;
        background-size: cover;
    }
    .scene_saying > div > div{width: 90%; min-height: 800px; padding: 25px;}
    .scene_saying div p{margin: 50px 0;}
    .scene_saying div p:nth-child(1){font-size: 60px;}
    .scene_saying div p:nth-child(2){font-size: 50px; line-height: 70px;}
    .scene_saying div p:nth-child(3){font-size: 40px;}

    /* 오늘의 영어단어 */
    .scene_engword > div {
        width: 704px;
        height: 1792px;
        background: url(../images/engword1080_bg.png) bottom right no-repeat #fff;
        background-size: 700px;
    }
    .scene_engword ul{margin: 0 auto; width: 90%;}
    .scene_engword ul li {
        font-size: 55px;
        line-height: 75px;
        background-color: rgba( 255, 255, 255, 0.5 );
    }

    /* 오늘의 영어숙어 */
    .scene_engwidiom > div {
        width: 704px;
        height: 1792px;
        background-position-x: -40px;
    }
    .scene_engwidiom > div > div {
        background-size: 550px;
    }
    .scene_engwidiom div div div {
        margin: 60px 0 0 110px;
        padding: 10px 0;
        width: 78%;
    }
    .scene_engwidiom div div div p:nth-child(1) {
        font-size: 65px;
    }
    .scene_engwidiom div div div p span:nth-child(1) {
        font-size: 45px;
    }
    .scene_engwidiom div div div p span:nth-child(2) {
        font-size: 30px;
    }
    .scene_engwidiom ul {
        margin: 10px 0 0 130px;
        padding: 10px 0;
        width: 75%;
    }
    .scene_engwidiom ul li {
        margin: 20px 0;
        padding: 10px 0;
        font-size: 45px;
        line-height: 70px;
        background-color: rgba( 255, 255, 255, 0.5 );
    }

    /* 디데이 */
    .scene_day > div {
        width: 704px !important;
        height: 1792px !important;
    }
    .scene_day > div > div {
        width: 95%;
    }
    .scene_day > div ul li {
        font-size: 5rem;
    }

    /* qrcode */
    .scene_qrcode {
        flex-direction: column;
        width: 704px;
        height: 1792px;
        background: url(../images/schoolalbum_bg.png) no-repeat;
        background-size: cover;
        background-position: center;
    }

    /* 일반알림 */
    .general_alram > div{
        width: 704px; 
        height: 1792px; 
    }

    /* 긴급알림 */
    .scene_alram > div {
        position: relative;
        height: 1792px !important;
        width: 704px !important;
        background-image: url(../images/alram_bg_540.png) !important;
        background-size: cover;
    }
    .scene_alram span#alram_title {
        position: absolute;
        left: 200px;
        top: 30px;
        padding: 0 5px;
        font-size: 45px;
        width: 310px;
    }
    .scene_alram div#emergency_alert_contbox {
        position: absolute;
        left: 50px;
        top: 190px !important;
        width: 470px !important;
        line-height: 65px;
        font-size: 35px !important;
        -webkit-line-clamp: 25 !important;
    }
    #emergency_alert_contbox {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 30px;
        /* width: 98%; */
        height: 85% !important;
        color: #4a4a4a;
        /* color: #b1b1b1; */
        background-color: rgba( 255, 255, 255, 0.5 );
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
        border-radius: 20px;
        text-align: justify;
        overflow: hidden;
    }

    /* 날씨.시간 공지사항 */
    .weather_time_box .in_weather {
        justify-content: center;
    }
    .weather_time_box .in_weather_time {
        display: block;
    }
    .weather_time_bg img {
        width: 704px;
        height: 1792px;
    }
    .weather_time_box img {
        padding-top: 5px;
        width: 140px;
    }
    .weather_time_box {
        width: 704px;
        height: 1792px;
    }
    .weather_time_tit {
        width: 690px;
    }
    #weather_time_contbox {
        height: 1155px;
    }
    .weather_time_cont span:last-child b {
        color: #000;
    }
    .weather_time_cont span:last-child {
        margin-top: 35px;
    }

    /* qrcode */
    .qrcode {
        width: 60%;
    }
    .qrcode img {
        width: 300px;
    }
    .qrment {
        width: 90%;
        height: 60%;
    }

    /* 전체 에러 */
    .scene_error > div {
        width: 704px;
        height: 1792px;
        background: url(../images/noticepop_bg_540v.png);
        background-size: 100%;
        background-position: center;
    }
    .scene_error > div div {
        left: 100px;
        top: 850px;
        font-size: 37px;
    }

    /* 날씨 */
    .weather_sunny .scene_weather > div > div {
        background-position-x: -500px !important;
        background-position-y: -500px !important;
    }

    .weather_snow canvas {
        width: 704px;
        height: 1792px !important;
    }
    #signage .scene_weather_box > div {
        width: 704px !important;
        height: 1792px !important;
    }
    ._today {
        width: 90% !important;
    }
    .temperature_text, .temperature_info {
        padding: 0;
    }
    .weather_main .wt_icon {
        display: inline-block;
        vertical-align: top;
        width: 180px;
        height: 180px;
        background-size: 180px 180px;
    }
    .weather_main .wt_icon.ico_wt1,
    .weather_main .wt_icon.ico_wt2,
    .weather_main .wt_icon.ico_wt3,
    .weather_main .wt_icon.ico_wt4,
    .weather_main .wt_icon.ico_wt5,
    .weather_main .wt_icon.ico_wt6,
    .weather_main .wt_icon.ico_wt7,
    .weather_main .wt_icon.ico_wt8,
    .weather_main .wt_icon.ico_wt9,
    .weather_main .wt_icon.ico_wt10,
    .weather_main .wt_icon.ico_wt11 {
        top: -50px;
    }
    #signage .weather_inner {
        margin-left: 0px !important;
        width: 100%;
    }
    .report_card_wrap .item_today {
        padding: 15px 4px 12px 4px !important;
        min-width: 90px !important;
    }
    .report_card_wrap .item_today .title {
        font-size: 1.2rem !important;
    }
    .report_card_wrap .item_today .txt {
        font-size: 1.2rem !important;
    }
    .week_item {
        margin: 7px !important;
        padding: 20px 5px !important;
        width: 99.5% !important;
        box-sizing: border-box;
        border-radius: 15px;
        text-align: center;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        background-color: rgba(255, 255, 255, 0.7);
    }
    .cell_weather .wt_icon {
        width: 60px !important;
        height: 60px !important;
        background-size: 60px 60px !important;
    }
    .cell_weather > span {
        padding: 0 10px;
    }
    .week_item .cell_weather .weather_left .time {
        font-size: 1.6rem !important;
    }
    .week_item .cell_temperature .highest {
        font-size: 1.8rem !important;
    }

    /* 팝업 전광판 */
    .scene_popupgallery {
        position: relative;
    }
    .popupgallery_tit {
        box-sizing: border-box;
        display: unset;
        position: absolute;
        color: #000;
        left: 250px;
        top: 54px;
        width: 285px;
        /* height: 80px; */
        max-width: unset;
        font-size: 35px;
        line-height: 55px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: keep-all;
        text-align: center;
        padding: 5px;
    }
    .scene_popupgallery .topbar {
        display: none;
    }
    .scene_popupgallery div.popupgallery_cont {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 704px; 
        height: 1792px; 
        background-color: #000;
        background: url("../images/popboard_bg_1920h.png");
        background-size: cover;
    }
    .scene_popupgallery ul {
        margin: 150px auto 0 auto;
        max-width: 520px;
        height: 1492px;
        display: block;
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        justify-items: center;
        align-content: center;
        overflow: hidden;
    }
    .scene_popupgallery ul li {
        text-align: center;
        margin: 20px 0;
    }
    .scene_popupgallery ul img, .scene_popupgallery ul video {
        box-sizing: border-box;
        width: 100%;
        height: 280px; 
        object-fit: contain;
    }
    .scene_popupgallery ul li p {
        display: inline-flex;
        justify-content: center;
        align-content: center;
        margin: 10px auto 0 auto;
        box-sizing: border-box;
        padding: 20px;
        background-color: rgba( 255, 255, 255, 0.8 );
    }
    .scene_popupgallery ul li p span {
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        font-size: 30px;
    }
}