@import "master.css";

body{width: 1920px; height: 1080px; font-family: 'NanumBarunGothic', sans-serif;}

/* ================================  1080 반응형 ================================ */
@media screen and (max-width:1080px) {

    body{width: 1080px !important; height: 1920px !important;}

    ul#signage > li {
        display: flex;
        width: 1080px;
        height: 1920px;
    }

    /* 모션2_여름 */    
    .scene_season_motion2 > div {
        width: 1080px; 
        height: 1920px;
        background-size: cover;
    }
    .season_motion2_text_box {
        width: 1080px;
        height: 1920px;
    }
    .season_motion2_img img {
        width: 2900px; 
        height: 1920px;
        position: absolute;
    }
    .season_motion2_text1 p {
        width: 900px;
        font-size: 70px;
        overflow: unset;
        white-space: unset;
        text-overflow: unset;
        word-break: unset;
    }
    .season_motion2_text2 {
        width: 900px;
        margin: 20px 0;
        padding: 30px;
    }
    .season_motion2_text2 p {
        font-size: 70px;
        line-height: 90px;
        -webkit-line-clamp: 10;
        text-align: left;
    }
    .season_motion2_text3 p {
        font-size: 70px;
        line-height: 40px;
    }

    /* 모션3_가을 */    
    .scene_season_motion3 > div {
        width: 1080px; 
        height: 1920px;
        background-position-y: center;
    }
    .season_motion3_text_box {
        width: 1080px; 
        height: 1920px;
    }
    .season_motion3_text_box {
        width: 1080px; 
        height: 1920px;
    }
    .season_motion3_text1 p {
        font-size: 70px;
        line-height: 90px;
        white-space: unset;
        text-overflow: unset;
        word-break: unset;
    }
    .season_motion3_text2 {
        width: 900px;
        margin: 70px 0;
        padding: 50px;
    }
    .season_motion3_text2 p {
        font-size: 60px;
        line-height: 80px;
        -webkit-line-clamp: 12;
    }
    .season_motion3_text3 p {
        font-size: 70px;
    }

    /* 공지사항 */
    .scene_notice > div{
        width: 1080px; 
        height: 1920px; 
        background: url(../images/notice_bg.png) no-repeat;
        background-size:cover;
    }
    .notice_asset ul li{
        flex-wrap: wrap;
    }
    .notice_asset ul li p{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .notice_asset ul li span{
        display: block;
        width: 100%;
        text-align: right;
    }
    .scene_notice .topbar .school{
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        left: 0;
        bottom: 0;
        padding: 22px;
        box-sizing: border-box;
        background-color: rgba( 255, 255, 255, 0.28 );
        color: #fff;
    }
    .scene_notice .topbar .school p:nth-child(2){
        width: 100%;
    }

    .notice_cont_box {
        display: block;
    }
    li.notice_cont_none div p{
        width: 1800px !important;
    }
    .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: 30px; width: 100%;}
    .notice_cont_box ul:nth-child(2) span {
        font-size: 32px;
        width: auto;
    }
    

    /* 이달의 행사 */
    .basic .scene_calendar > div{
        width: 1080px; 
        height: 1920px;
    }
    .basic .calendar .now_month{font-size: 65px;}
    .basic .calendar ul{justify-content: flex-start; flex-wrap: wrap;}
    .basic .calendar ul li{padding: 15px 0; border-bottom: 1px solid #fff;}
    .basic .calendar ul li span{margin: 0 5px; padding: 5px 3px; font-size: 40px;}
    .basic .calendar ul li span.schedule_on{padding: 11px; font-size: 30px;}

    .basic .calendar_content{
        display: flex; 
        justify-content: center; 
        padding-top: 70px; 
        height: 850px; 
        /* background: url(../images/calendar_bg.png) right 290px no-repeat; */
        box-sizing: border-box;
    }
    .basic .calendar_content ul{margin: 0 auto; width: 1000px;}
    .basic .calendar_content li{display: block; padding: 10px 0; font-size: 47px; line-height: 85px; border-bottom: 3px dashed #d1d1d1;}
    .basic .calendar_content li>p:nth-child(1){display: inline-block; width: 600px;}
    .basic .calendar_content li p:nth-child(1) span{display: inline-block; padding-right: 10px; font-size: 47px; vertical-align: middle;}

    /* 오늘의 급식 */
    .scene_schoolmeal{height: 1920px; background: url(../images/schoolmeal_bg.png) left top no-repeat; background-size: cover; background-position: right;}
    .scene_schoolmeal > div{
        position: relative;
        width: 1080px;
        height: 1920px;
        border: 4px solid #000;
        box-sizing: border-box;
    }
    .scene_schoolmeal .topbar{position: unset; left:0; top:0; display: block; width: 100%;}
    .kcal{position: absolute; right: 20px; top: 500px; width: 278px; height: auto; padding: 100px 20px; border-radius: 100%; background: #0059a0;background-size: 100%;}
    .kcal span{display: flex; justify-content: center; align-items: center; color: #fff;}
    .kcal span:first-child{padding-top: 0; font-size: 55px;}
    .kcal span:last-child{padding-top: 0; font-size: 37px;}
    .schoolmeal_pic img{ margin: 0; width: 100%; border-radius: 0;}
    .schoolmeal_tit{display: none;  padding: 82px 0 0 120px;}
    .schoolmeal_tit, .schoolmeal_tit .material-symbols-outlined{position: absolute; left:150px; top: 0; font-size: 110px; vertical-align: middle;}
    span.orange{color: #ff842f;}

    .schoolmeal_cont{margin-top: 0; height: auto; background-size: cover; background-position-x: right;}
    .schoolmeal_info{display: block; justify-content: center; padding-top: 45px; box-sizing: border-box;}
    .schoolmeal_info div{margin: 30px auto; padding-left: 70px; width: 90%; min-height: unset; box-sizing: border-box; border: none; border-bottom: 3px solid #ff842f;}
    .schoolmeal_info div:first-child{margin-top: 0;}
    .schoolmeal_info div:last-child{border: none;}
    .schoolmeal_info div span{font-size: 55px; color: #ff842f;}
    .schoolmeal_info div ul{display: flex; margin-bottom: 50px; justify-content: flex-start; flex-wrap: wrap; margin-top: 30px;}
    .schoolmeal_info div ul li{list-style:disc; margin-left: 40px; font-size: 32px; line-height: 50px; color: #fff;}

    .allergy{padding: 0 30px; box-sizing: border-box; font-size: 28px; line-height: 45px; color: #fff;}

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

    /* 학교이용안내 */
    .scene_useinfo .useinfo_user_box {
        width: 1080px; 
        height: 1920px; 
        background: url(../images/schooluseinfo1080_bg.png) no-repeat;
        background-size:cover;
    }
    .useinfo_tit {
        margin: 650px 70px 0 0;
    }
    .useinfo_cont div{margin:70px 0 0 50px; width: 970px; font-size: 45px; line-height: 75px; word-break:keep-all;}
    .scene_useinfo > .useinfo_user_bg img {
        width: 1080px;
        height: 610px;
        object-fit: cover;
        object-position: 60% 70%;
    }

    /* 학교행사사진 */
    .scene_album > div{
        width: 1080px; 
        height: 1920px; 
        display: flex;
        justify-content: center;
        align-items: center;
        background: url(../images/scene_album1080_bg.png) no-repeat;
        /* background-color: #000; */
        background-size:cover;
    }
    .scene_album ul li {
        width: 1080px; 
        height: 1920px; 
    }
    .scene_album ul li img{max-width: 1080px; height: 100%; object-fit: scale-down;}
    .scene_album p {
        padding: 35px 20px;
        width: 100%;
        box-sizing: border-box;
        background-color: rgba( 255, 255, 255, 0.2 );
        color: #fff;
        font-size: 40px;
    }

    /* 학교홍보동영상 */
    .scene_movie > div {
        width: 1080px; 
        height: 1920px; 
        background: url(../images/movie_bg1080.png) no-repeat;
        background-position: right;
        background-size:cover;
    }

    /* 동영상멘트 */
    .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: 1080px; 
        height: 1920px; 
    }

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

    /* qrcode */
    .scene_qrcode {
        flex-direction: column;
        width: 1080px; 
        height: 1920px; 
        background: url(../images/schoolalbum_bg.png) no-repeat;
        background-size: cover;
    }
    .qrcode {
        margin-right: 0;
        margin-bottom: 30px;
        width: 35%;
    }
    .qrment {
        width: 80%;
        height: 50%;
        border-radius: 8px;
        background-color: rgba( 255, 255, 255, 0.8 );
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
    .qrcode_non .qrment {
        width: 80%;
    }
    .qrcode p:nth-child(1) {
        border-radius: 8px 8px 0 0;
    }
    .qrcode img {
        width: 300px;
    }
    .qrcode p:nth-child(3) {
        border-radius: 0 0 8px 8px;
    }
    .qrment_tit1 {
        font-size: 50px;
        color: #1b7fd3;
    }
    .qrment_tit2 {
        padding: 10px 0;
        font-size: 30px;
        color: #707070;
    }
    .qrment_used1 {
        padding: 30px 0 20px 0;
        font-size: 40px;
    }
    .qrment_used2 {
        color: #707070;
        font-size: 28px;
        line-height: 50px;
    }
    
    /* 명화 */
    .scene_painting > div{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: end;
        width: 1080px; 
        height: 1920px; 
        border: 4px solid #000;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden;
    }
    .scene_painting > div::before {
        z-index: 1;
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 1080px; 
        height: 1920px; 
        background-color: #000;
        background: url(../images/painting.png) no-repeat;
        background-size: cover;
        animation: scaleAnimation 10s infinite alternate;
    }
    @keyframes scaleAnimation {
        0% {
        transform: scale(1);
        }
        100% {
        transform: scale(1.5);
        }
    }
    .paint_blur {
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        backdrop-filter: blur(18px);
    }
    .scene_painting_box {
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0;
        box-sizing: border-box;
        width: 1080px; 
        height: 1920px; 
    }
    .scene_painting_cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 1080px; 
        height: 1920px; 
    }
    .scene_painting_cont div:nth-child(1) {
        width: 100%;
    }
    .scene_painting_cont div:nth-child(2) {
        width: 90%;
    }
    .scene_painting_cont img {
        width: 800px;
        max-height: unset;
    }
    .painting_ment {
        box-sizing: border-box;
        margin: 50px;
        padding: 20px;
        text-align: left;
        background-color: rgba( 255, 255, 255, 0.4 );
        border-radius: 5px;
    }
    .painting_ment p:nth-child(1) {
        font-size: 40px;
    }
    .painting_ment p:nth-child(2) {
        padding: 10px 0;
        font-size: 23px;
    }
    .painting_ment p:nth-child(3) {
        padding: 10px 0;
        font-size: 21px;
        line-height: 35px;
        text-align: justify;
    }

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

    /* 오늘의 영어단어 */
    .scene_engword > div {
        width: 1080px;
        height: 1920px; 
        background: url(../images/engword1080_bg.png) bottom right no-repeat #fff;
    }
    .scene_engword ul{margin: 0 auto; width: 90%;}

    /* 오늘의 영어숙어 */
    .scene_engwidiom > div {
        display: flex;
        justify-content: center;
        /* align-items: center; */
        width: 1080px;
        height: 1920px;  
        border: 4px solid #628cb3;
        box-sizing: border-box;
        background: url(../images/engwidiom1080_bg.png) no-repeat;
        text-align: center;
    }
    .scene_engwidiom > div > div{background: url(../images/engwidiom_item.png) bottom right no-repeat;}
    .scene_engwidiom div div div{margin: 90px 0 0 180px; padding: 20px  0; width: 77%; box-sizing: border-box; background-color: #00aee1;}

    /* 전체 공지사항 */
    .scene_noticepop > div {
        width: 1080px;
        height: 1920px;
        background-color: #FBEEDE;
    }

    /* 디데이 */
    .scene_day > div {
        width: 1080px !important;
        height: 1920px !important;
    }

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

    /* 긴급알림 */
    .scene_alram {
        z-index: 55555;
        position: relative;
    }
    
    .scene_alram > div {
        position: relative;
        width: 1080px !important;
        height: 1920px !important;
        background-image: url(../images/alram_bg2.png);
        background-size: cover;
    }
    .scene_alram span#alram_title {
        position: absolute;
        left: 370px;
        top: 170px;
        padding: 0 5px;
        font-size: 85px;
        color: #fff;
        width: 650px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }
    .scene_alram div#emergency_alert_contbox {
        position: absolute;
        left: 100px;
        top: 410px;
        width: 857px;
        line-height: 65px;
        font-size: 40px;
        color: #0c2e42;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 21;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }
    #emergency_alert_contbox {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto;
        padding: 30px;
        /* width: 98%; */
        height: 75%;
        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_four-divisions > div {    
        width: 1080px; 
        height: 1920px; 
    }

    /* 날씨.시간 공지사항 */
    .weather_time_box {
        width: 1080px;
        height: 1920px;
    }
    .weather_time_bg img {
        width: 1080px;
        height: 1920px;
        object-fit: cover;
    }
    .weather_time_box .in_weather_time {
        display: flex;
    }
    .weather_time_box > div:first-child {
        margin: 20px auto 0 auto;
        /* margin-left: 200px; */
        width: 98%;
        border-radius: 15px;
    }
    .weather_time_box > div:nth-child(2) {
        margin: 0 auto;
        width: 98%;
    }
    .in_weather_time {
        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;
    }
    .weather_time_box .in_weather {
        display: flex;
        margin: 0 auto;
        background-color: unset;
        box-shadow: none;
    }
    .weather_time_box img {
        display: block;
        margin: 0;
        padding: 0;
        max-width: unset;
        width: 150px;
    }
    .weather_time {
        background-color: unset;
        box-shadow: none;
    }
    .weather_time_box {
        display: inline-block;
    }
    #weather_time_contbox {
        height: 1450px;
    }

    /* 날씨 */
    .weather_sunny .scene_weather > div > div {
        position: relative;
        background: url(../img/weather/sunny_bg_2160w.jpg) !important;
        background-size: cover;
        background-position-x: -300px !important;
    }

    /* 팝업 전광판 */
    .scene_popupgallery {
        position: relative;
    }
    .popupgallery_tit {
        display: unset;
        position: absolute;
        color: #000;
        left: 250px;
        top: 40px;
        width: 740px;
        max-width: unset;
        font-size: 30px;
        line-height: 40px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        text-align: center;
        border: 7px solid #000;
        background-color: #fff;
        border-radius: 10px;
        font-size: 40px;
        padding: 30px;
    }
    .scene_popupgallery .topbar {
        display: none;
    }
    .scene_popupgallery div.popupgallery_cont {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 1080px; 
        height: 1920px; 
        background-color: #000;
        background: url("../images/popboard_bg_1920h.png");
        background-size: cover;
    }
    .scene_popupgallery ul {
        margin: 200px auto 0 auto;
        max-width: 1000px;
        display: grid;
        grid-gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        justify-items: center;
        align-content: center;
    }
    .scene_popupgallery ul li {
        text-align: center;
    }
    .scene_popupgallery ul img, .scene_popupgallery ul video {
        box-sizing: border-box;
        width: 100%;
        height: 450px; 
        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: 420px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        font-size: 30px;
    }

    /* 전체 에러 */
    .scene_error > div {
        width: 1080px; 
        height: 1920px; 
        background: url(../images/noticepop_bg1.png);
        background-size: cover;
    }
    .scene_error > div div {
        position: absolute;
        left: 250px;
        top: 820px;
        font-size: 45px;
    }

    /* ================================  2분할  ================================ */
    .scene_two-divisions {
        position: relative;
        background: none;
    }
    .scene_two-divisions .two-divisions-topbar, .scene_two-divisions .two-divisions-bottombar {display: none;}

    .two-divisions-box .topbar{display: flex !important;}

    .scene_four-divisions div.two-divisions-box {    
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1080px !important;
        height: 1920px !important;
        box-sizing: border-box;
        overflow: hidden;
    }

    .two-divisions-box .fourlayer{width: 100% !important;}
    .scene_two-divisions .fourlayer > div {
        width: 1080px !important;
        height: 960px !important;
        box-sizing: border-box;
    }

    /* 공지사항 */
    .scene_four-divisions .two-divisions-box .scene_notice > div{
        border: 4px solid #000;
        box-sizing: border-box;
        background: url(../images/notice_bg.png) no-repeat;
        background-size:cover;
    }
    .scene_four-divisions .two-divisions-box .scene_notice .topbar{display: none !important; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 22px; background-color: rgba( 255, 255, 255, 0.28 ); color: #fff; text-align: center;}
    .scene_four-divisions .two-divisions-box .weather, .scene_four-divisions .two-divisions-box .dust{display: flex; align-items: center;}
    .scene_four-divisions .two-divisions-box .dust{text-align: left;}
    
    .scene_four-divisions .two-divisions-box .today_date p:nth-child(1){font-size: 25px;}
    .scene_four-divisions .two-divisions-box .today_date p:nth-child(2){font-size: 57px;}
    
    .scene_four-divisions .two-divisions-box .weather{font-size: 75px;}
    .scene_four-divisions .two-divisions-box .weather span{display: inline-block; font-size: 75px;}
    .scene_four-divisions .two-divisions-box .weather p{padding: 0 15px;}
    .scene_four-divisions .two-divisions-box .weather p span{font-size: 45px;}
    
    .scene_four-divisions .two-divisions-box .dust div{margin-left: 10px;}
    .scene_four-divisions .two-divisions-box .dust div p:nth-child(1){font-size: 20px;}
    .scene_four-divisions .two-divisions-box .dust div p:nth-child(2){font-size: 42px;}
    
    .scene_four-divisions .two-divisions-box .scene_notice .school p{margin: 5px 0;}
    .scene_four-divisions .two-divisions-box .scene_notice .school p:nth-child(1){font-size: 27px;}
    .scene_four-divisions .two-divisions-box .scene_notice .school p:nth-child(2){font-size: 42px;}
    
    .scene_four-divisions .two-divisions-box .notice_asset{padding: 50px; color: #fff;}
    .scene_four-divisions .two-divisions-box .notice_asset h1{margin-top: 30px; font-size: 60px; color: #e6d800;}
    .scene_four-divisions .two-divisions-box .notice_asset ul{margin-top: 20px;}
    .scene_four-divisions .two-divisions-box .notice_asset ul li{display: flex; justify-content: space-between; font-size: 45px; line-height: 90px;}
    .scene_four-divisions .two-divisions-box .notice_asset ul li p {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 1700px;
    }
    .scene_four-divisions .two-divisions-box  .notice_asset ul li {
        flex-wrap: nowrap;
    }

    /* 이달의 행사 */
    .scene_four-divisions .two-divisions-box .scene_calendar > div{
        width: 1080px !important;
        height: 960px !important;
    }
    .scene_four-divisions .two-divisions-box .calendar .now_month{font-size: 45px;}
    .scene_four-divisions .two-divisions-box .calendar ul{justify-content: flex-start; flex-wrap: wrap;}
    .scene_four-divisions .two-divisions-box .calendar ul li{padding: 10px 0; border-bottom: 1px solid #fff;}
    .scene_four-divisions .two-divisions-box .calendar ul li span{margin: 0 5px; padding: 5px 3px; font-size:35px;}
    .scene_four-divisions .two-divisions-box .calendar ul li span.schedule_on{padding: 11px; font-size: 25px;}

    .scene_four-divisions .two-divisions-box .calendar_content{
        display: flex; 
        justify-content: center; 
        padding-top: 20px; 
        height: 850px; 
        /* background: url(../images/calendar_bg.png) right 290px no-repeat; */
        box-sizing: border-box;
    }
    .scene_four-divisions .two-divisions-box .calendar_content ul{margin: 0 auto; width: 1000px;}
    .scene_four-divisions .two-divisions-box .calendar_content li{display: flex; padding: 10px 0; font-size: 33px; line-height: 75px; border-bottom: 3px dashed #d1d1d1;}
    .scene_four-divisions .two-divisions-box .calendar_content li>p:nth-child(1){display: inline-block; width: 400px;}
    .scene_four-divisions .two-divisions-box .calendar_content li p:nth-child(1) span{display: inline-block; padding-right: 10px; font-size: 33px; vertical-align: middle;}

    /* QR코드 */
    .scene_two-divisions .scene_qrcode {
        width: 1080px !important;
        height: 960px !important;
        background-size: cover;
    }
    .scene_two-divisions .scene_qrcode > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1080px !important;
        height: 960px !important;
    }
    .scene_two-divisions .qrcode {
        margin-right: 10px;
        width: 30%;
    }
    .scene_two-divisions .qrment {
        box-sizing: border-box;
        padding: 20px;
        width: 65%;
        height: 70%;
    }
    .scene_two-divisions .qrcode_non .qrment {
        width: 80%;
    }
    .scene_two-divisions .qrcode img {
        width: 200px;
    }
    .scene_two-divisions .qrcode p:nth-child(3) {
        font-size: 20px;
    }
    .scene_two-divisions .qrment_tit1 {
        font-size: 32px;
        font-weight: 500;
    }
    .scene_two-divisions .qrment_tit2 {
        padding: 10px 0;
        font-size: 20px;
    }
    .scene_two-divisions .qrment_used1 {
        padding: 20px 0 10px 0;
        font-size: 25px;
    }
    .scene_two-divisions .qrment_used2 {
        font-size: 20px;
        line-height: 35px;
    }

    /* 오늘의 급식 */
    .scene_four-divisions .two-divisions-box .scene_schoolmeal > div{
        position: relative;
        width: 1080px !important;
        height: 960px !important;
        border: 4px solid #000;
        box-sizing: border-box;
    }
    .scene_four-divisions .two-divisions-box .scene_schoolmeal .topbar{position: absolute; left:0; top:0; display: flex !important; width: 100%;}
    .scene_four-divisions .two-divisions-box .kcal{position: absolute; top: 0; left: 40px; margin-left: 0; width: 278px; height: 379px; border-radius: unset; background: url(../images/kcal_bg.png) left top no-repeat; background-size: 60%;}
    .scene_four-divisions .two-divisions-box .kcal span{display: block; margin-top: -20px; margin-left: -120px; text-align: center; color: #fff;}
    .scene_four-divisions .two-divisions-box .kcal span:first-child{padding-top: 0px; font-size: 45px;}
    .scene_four-divisions .two-divisions-box .kcal span:last-child{padding-top: 30px; font-size: 35px;}
    .scene_four-divisions .two-divisions-box .schoolmeal_pic img{margin-left: 250px; margin-top: 0x; width: 400px; border-radius: 0 0 20px 20px;}
    .schoolmeal_tit{padding: 82px 0 0 120px;}
    .scene_four-divisions .schoolmeal_tit, .scene_four-divisions .schoolmeal_tit .material-symbols-outlined{font-size: 110px; vertical-align: middle;}
    .scene_four-divisions span.orange{color: #ff842f;}
    
    .scene_four-divisions .two-divisions-box .schoolmeal_cont{margin-top: 150px; height: unset; background: none;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info{display: flex; justify-content: center;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info div{margin-top: 120px; padding-left: 40px; width: 350px; min-height: 300px; box-sizing: border-box; border: none;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info div:last-child{border: none;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info div span{font-size: 45px; color: #ff842f;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info div ul{margin-top: 30px;}
    .scene_four-divisions .two-divisions-box .schoolmeal_info div ul li{font-size: 24px; line-height: 38px; color: #fff;}
    
    .scene_four-divisions .two-divisions-box .allergy{margin-top: -50px; padding: 0 30px; box-sizing: border-box; font-size: 28px; line-height: 45px; color: #fff;}

    /* 학교이용안내 */
    .scene_four-divisions .scene_useinfo > div{
        background: url(../images/schooluseinfo1080_2_bg.png) no-repeat;
        background-position: left;
        background-size: cover;
    }
    .scene_four-divisions .useinfo_tit{margin:70px 30px 0 0; text-align: right;}
    .scene_four-divisions .useinfo_tit span{display: block; position: relative; right: 0; font-size: 45px;}
    .scene_four-divisions .useinfo_tit span:nth-child(2){color: #0059a0;}
    .scene_four-divisions .useinfo_tit i{display: inline-block; padding: 8px 12px; background: #0059a0; font-size: 25px; color: #fff;}

    .scene_four-divisions .two-divisions-box .useinfo_cont div{margin:40px 0 0 450px; width: 600px; font-size: 35px; line-height: 55px; word-break:keep-all;}

    .scene_four-divisions .two-divisions-box .scene_useinfo > .useinfo_user_bg img {
        width: 470px;
        height: 960px;
        object-fit: cover;
        object-position: left top;
    }

    /* 학교행사사진 */
    .scene_four-divisions .scene_album ul{display: flex; justify-content: center; width: 100%;}
    .scene_four-divisions .scene_album ul li img{width: 960px; height: auto;}
    .scene_four-divisions .scene_album p{position: absolute; left:0; bottom:0; padding: 17px 0; width: 100%; box-sizing: border-box; background-color: rgba( 0, 0, 0, 0.5 ); color: #fff; font-size: 35px;}

    /* 학교홍보동영상 */
    .scene_four-divisions .scene_movie img {
        width: 15%;
    }

    /* 동영상멘트 */
    .scene_four-divisions .scene_movie_ment_box {
        background: url(../images/movie_ment_bg.jpg) no-repeat;
    }
    .scene_four-divisions .scene_movie_ment > div, .scene_four-divisions .scene_movie_ment_box, .scene_four-divisions .scene_movie_ment_cont {
        width: 1080px !important;
        height: 960px !important;
    }
    .scene_four-divisions .movie_ment {
        bottom: 175px;
    }

    /* 명화 */
    .scene_two-divisions .scene_painting > div::before {
        width: 1080px !important;
        height: 960px !important;
    }
    .scene_two-divisions .scene_painting_box {
        width: 1080px !important;
        height: 960px !important;
    }
    .scene_two-divisions .scene_painting_cont {
        width: 1080px !important;
        height: 960px !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    .scene_four-divisions .scene_painting div div {
        margin: 0;
        background-color: unset;
    }
    .scene_two-divisions .scene_painting_cont img {
        max-height: 330px;
    }
    .scene_two-divisions .scene_painting div div {
        padding: 0;
    }
    .scene_two-divisions .scene_painting_cont div:nth-child(1) {
        width: 55%;
    }
    .scene_two-divisions .scene_painting_cont div:nth-child(2) {
        box-sizing: border-box;
        width: 40%;
        padding: 20px;
    }
    .scene_two-divisions .painting_ment {
        box-sizing: border-box;
        text-align: left;
        background-color: rgba( 255, 255, 255, 0.4 ) !important;
        border-radius: 5px;
    }
    .scene_two-divisions .scene_painting_cont img {
        width: 500px;
        max-height: unset;
    }
    .scene_two-divisions .painting_ment p:nth-child(1) {
        font-size: 25px;
    }
    .scene_two-divisions .painting_ment p:nth-child(2) {
        padding: 10px 0;
        font-size: 17px;
    }
    .scene_two-divisions .painting_ment p:nth-child(3) {
        padding: 10px 0;
        font-size: 20px;
        line-height: 27px;
        text-align: justify;
    }

    /* 명언 */
    .scene_four-divisions .scene_saying > div > div{display: flex; justify-content: center; align-items: center; width: 75%; min-height: 300px; padding: 25px; box-sizing: border-box; background-color: rgba( 0, 0, 0, 0.6 ); color: #fff;}
    .scene_four-divisions .scene_saying div p{margin: 30px 0;}
    .scene_four-divisions .scene_saying div p:nth-child(1){font-size: 55px;}
    .scene_four-divisions .scene_saying div p:nth-child(2){font-size: 45px; color: #f4d233; line-height: 60px; word-break:keep-all;}
    .scene_four-divisions .scene_saying div p:nth-child(3){font-size: 40px;}

    /* 오늘의 영어단어 */
    .scene_four-divisions .scene_engword > div{background: url(../images/engword_bg.png) bottom right no-repeat #fff; background-size: 25%;}
    .scene_four-divisions .scene_engword > div > div{width: 100%; height: unset;}
    .scene_four-divisions .scene_engword div div{margin: 20px auto 0 auto; padding: 10px  0; width: 95%; box-sizing: border-box; background: none; background-color: #00bf60;}
    .scene_four-divisions .scene_engword div div p{margin: 12px 0; color: #fff;}
    .scene_four-divisions .scene_engword div div p:nth-child(1){font-size: 35px;}
    .scene_four-divisions .scene_engword div div p span{display: block; margin: 7px 0;}
    .scene_four-divisions .scene_engword div div p span:nth-child(1){font-size: 60px;}
    .scene_four-divisions .scene_engword div div p span:nth-child(2){font-size: 40px;}
    .scene_four-divisions .scene_engword ul{margin: 0 0 0 50px; padding: 20px  0; width: 90%; box-sizing: border-box;}
    .scene_four-divisions .scene_engword ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 55px; text-align: left; line-height: 75px;}
    .scene_four-divisions .scene_engword ul li span{color: #00bf60;}

    /* 오늘의 영어숙어 */
    .scene_four-divisions .scene_engwidiom > div {
        display: flex;
        justify-content: center;
        /* align-items: center; */
        width: 1920px; 
        height: 1080px; 
        border: 4px solid #628cb3;
        box-sizing: border-box;
        background: url(../images/engwidiom_bg.png) no-repeat #A9D6E3;
        background-size: cover;
        text-align: center;
    }
    .scene_four-divisions .scene_engwidiom > div > div{width: 100%; height: 100%; background: url(../images/engwidiom_item.png) bottom right no-repeat; background-size: 28%;}
    .scene_four-divisions .scene_engwidiom div div div{margin: 80px 0 0 178px; padding: 10px  0; width: 82%; box-sizing: border-box; background-color: #00aee1;}
    .scene_four-divisions .scene_engwidiom div div div p{margin: 10px 0; color: #fff;}
    .scene_four-divisions .scene_engwidiom div div div p:nth-child(1){font-size: 35px;}
    .scene_four-divisions .scene_engwidiom div div div p span{display: block; margin: 5px 0;}
    .scene_four-divisions .scene_engwidiom div div div p span:nth-child(1){font-size: 70px; color: #000;}
    .scene_four-divisions .scene_engwidiom div div div p span:nth-child(2){padding-top: 8px; font-size: 40px;}
    .scene_four-divisions .scene_engwidiom ul{margin: 0 0 0 195px; padding: 20px  0; width: 80%; box-sizing: border-box;}
    .scene_four-divisions .scene_engwidiom ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 45px; text-align: left; line-height:60px;}
    .scene_four-divisions .scene_engwidiom ul li span{color: #00aee1;}

    /* 디데이 */
    .scene_two-divisions .scene_day > div .scene_day_tit {
        font-size: 2.5rem;
    }
    .scene_two-divisions .scene_day > div ul li {
        font-size: 6rem;
    }
    .scene_two-divisions > div .scene_day_ment {
        font-size: 2rem;
    }

    /* 긴급알림 */
    .scene_two-divisions .scene_alram span {
        position: absolute;
        left: 370px;
        top: 170px;
        padding: 0 5px;
        font-size: 85px;
        color: #fff;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }

    .scene_two-divisions .scene_alram p {
        position: absolute;
        left: 100px;
        top: 410px;
        width: 857px;
        line-height: 65px;
        font-size: 40px;
        color: #0c2e42;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }

    /* ================================  3분할  ================================ */
    .scene_three-divisions {
        position: relative;
    }

    .scene_three-divisions .fourlayer{width: 100% !important;}
    .scene_three-divisions .fourlayer > div {
        width: 1080px !important;
        height: 640px !important;
        box-sizing: border-box;
    }

    /* 공지사항 */
    .scene_three-divisions .scene_notice > div{
        border: 4px solid #000;
        box-sizing: border-box;
        background: url(../images/notice_bg.png) no-repeat;
        background-size:cover;
    }
    .scene_three-divisions .scene_notice .topbar{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 22px; background-color: rgba( 255, 255, 255, 0.28 ); color: #fff; text-align: center;}
    .scene_three-divisions .weather, .scene_three-divisions .dust{display: flex; align-items: center;}
    .scene_three-divisions .dust{text-align: left;}
    
    .scene_three-divisions .today_date p:nth-child(1){font-size: 25px;}
    .scene_three-divisions .today_date p:nth-child(2){font-size: 57px;}
    
    .scene_three-divisions .weather{font-size: 75px;}
    .scene_three-divisions .weather span{display: inline-block; font-size: 75px;}
    .scene_three-divisions .weather p{padding: 0 15px;}
    .scene_three-divisions .weather p span{font-size: 45px;}
    
    .scene_three-divisions .dust div{margin-left: 10px;}
    .scene_three-divisions .dust div p:nth-child(1){font-size: 20px;}
    .scene_three-divisions .dust div p:nth-child(2){font-size: 42px;}
    
    .scene_three-divisions .scene_notice .school p{margin: 5px 0;}
    .scene_three-divisions .scene_notice .school p:nth-child(1){font-size: 27px;}
    .scene_three-divisions .scene_notice .school p:nth-child(2){font-size: 42px;}
    
    .scene_three-divisions .notice_asset{padding: 50px; color: #fff;}
    .scene_three-divisions .notice_asset h1{margin-top: 0; font-size: 50px; color: #e6d800;}
    .scene_three-divisions .notice_asset ul{margin-top: 10px;}
    .scene_three-divisions .notice_asset ul li{display: flex; justify-content: space-between; font-size: 30px; line-height: 52px;}
    .scene_three-divisions .notice_asset ul li p {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 1700px;
    }
    .scene_three-divisions  .notice_asset ul li {
        flex-wrap: nowrap;
    }

    /* 이달의 행사 */
    .scene_three-divisions .calendar{padding: 15px 10px 10px 10px; box-sizing: border-box; background-color: #000; color: #fff;}
    .scene_three-divisions .calendar .now_month{font-size: 30px;}
    .scene_three-divisions .calendar ul{display: flex; justify-content: space-between; align-items: center; margin-top: 20px; text-align: center;}
    .scene_three-divisions .calendar ul li span{display: block; padding: 5px; font-size: 17.5px;}
    .scene_three-divisions .saturday{color: #7fa7d4;}
    .scene_three-divisions .sunday{color: #ff0000;}
    .scene_three-divisions .calendar ul li span:nth-child(1) {margin-top: -7px;}
    .scene_three-divisions .calendar ul li span:nth-child(2){padding: 5px 0; vertical-align: super;}
    .scene_three-divisions .calendar ul li span.schedule_on{display: inline-block; margin-top: 2px; padding: 5px; background-color: #00bf60; border-radius: 100px; font-size: 14px;}

    .scene_three-divisions .calendar_content{
        display: flex; 
        justify-content: center; 
        padding-top: 10px; 
        height: unset; 
        /* background: url(../images/calendar_bg.png) right 290px no-repeat; */
        box-sizing: border-box;
    }
    .scene_three-divisions .calendar_content ul{margin: 0 auto; width: 97%;}
    .scene_three-divisions .calendar_content li{display: flex; font-size: 24px; line-height: 43px; border-bottom: 2px dashed #d1d1d1;}
    .scene_three-divisions .calendar_content li>p:nth-child(1){display: inline-block; width: 320px;}
    .scene_three-divisions .calendar_content li p:nth-child(1) span{display: inline-block; padding-right: 10px; font-size: 24px; vertical-align: middle;}

    /* 오늘의 급식 */
    .scene_three-divisions .scene_schoolmeal > div{
        position: relative;
        width: 1080px !important;
        height: 640px !important;
        border: 4px solid #000;
        box-sizing: border-box;
    }
    .scene_three-divisions .scene_schoolmeal .topbar{position: absolute; left:0; top:0; display: flex !important; width: 100%; height: 180px; background-color: #fff;}
    .scene_three-divisions .kcal{position: absolute; top: 0; left: 40px; margin-left: 0; width: 200px; height: 200px; border-radius: unset; background: url(../images/kcal_bg.png) left top no-repeat; background-size: 60%;}
    .scene_three-divisions .kcal span{display: block; margin-top: -50px; margin-left: -100px; text-align: center; color: #fff;}
    .scene_three-divisions .kcal span:first-child{padding-top: 0px; font-size: 30px;}
    .scene_three-divisions .kcal span:last-child{padding-top: 60px; font-size: 25px;}
    .scene_three-divisions .schoolmeal_pic img{position: absolute; left: 220px; width: 320px; border-radius: 0 0 20px 20px;}
    .scene_three-divisions .schoolmeal_tit, .scene_three-divisions .schoolmeal_tit .material-symbols-outlined{position: unset; font-size: 50px; vertical-align: middle;}
    .scene_three-divisions .schoolmeal_tit{position: absolute; left: 550px; top: -20px; width: 300px; display: flex !important;}
    .scene_three-divisions span.orange{color: #ff842f;}
    
    .scene_three-divisions .schoolmeal_cont{margin-top: 100px; height: unset; background: none;}
    .scene_three-divisions .schoolmeal_info{display: flex; justify-content: center;}
    .scene_three-divisions .schoolmeal_info div{margin-top: 60px; padding-left: 40px; width: 350px; min-height: 300px; box-sizing: border-box; border: none;}
    .scene_three-divisions .schoolmeal_info div:last-child{border: none;}
    .scene_three-divisions .schoolmeal_info div span{font-size: 30px; color: #ff842f;}
    .scene_three-divisions .schoolmeal_info div ul{margin-top: 20px;}
    .scene_three-divisions .schoolmeal_info div ul li{font-size: 20px; line-height: 30px; color: #fff;}
    
    .scene_three-divisions .allergy{margin-top: -90px; padding: 0 30px; box-sizing: border-box; font-size: 20px; line-height: 30px; color: #fff;}

    /* 학교행사사진 */
    .scene_three-divisions .scene_album ul{display: flex; justify-content: center; width: 100%;}
    .scene_three-divisions .scene_album ul li img{width: 960px; height: auto;}
    .scene_three-divisions .scene_album p{position: absolute; left:0; bottom:0; padding: 17px 0; width: 100%; box-sizing: border-box; background-color: rgba( 0, 0, 0, 0.5 ); color: #fff; font-size: 25px;}

    /* 학교이용안내 */
    .scene_three-divisions .scene_useinfo > div{
        background: url(../images/schooluseinfo_bg.png) no-repeat;
        background-size: cover;
    }
    .scene_three-divisions .useinfo_tit{margin:70px 30px 0 0; text-align: right;}
    .scene_three-divisions .useinfo_tit span{display: block; position: relative; right: 0; font-size: 40px;}
    .scene_three-divisions .useinfo_tit span:nth-child(2){color: #0059a0;}
    .scene_three-divisions .useinfo_tit i{display: inline-block; padding: 8px 12px; background: #0059a0; font-size: 20px; color: #fff;}

    .scene_three-divisions .useinfo_cont div{margin:20px 0 0 400px; width: 650px; font-size: 27px; line-height: 40px; word-break:keep-all;}

    .scene_four-divisions .two-divisions-box .allergy{margin-top: -50px; padding: 0 30px; box-sizing: border-box; font-size: 28px; line-height: 45px; color: #fff;}
    .scene_three-divisions .scene_useinfo > .useinfo_user_bg img {
        width: 470px;
        height: 640px;
        object-fit: cover;
        object-position: left top;
    }
    
    /* 동영상멘트 */
    .scene_three-divisions .scene_movie_ment > div, .scene_three-divisions .scene_movie_ment_box, .scene_three-divisions .scene_movie_ment_cont {
        width: 1080px !important;
        height: 640px !important;
    }
    .scene_three-divisions .movie_ment {
        bottom: 18px;
    }

    /* QR코드 */
    .scene_three-divisions .scene_qrcode {
        width: 1080px !important;
        height: 640px !important;
        background-size: cover;
    }
    .scene_three-divisions .scene_qrcode > div {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 1080px !important;
        height: 640px !important;
    }
    .scene_three-divisions .qrcode {
        margin-right: 10px;
        width: 30%;
    }
    .scene_three-divisions .qrment {
        box-sizing: border-box;
        padding: 20px;
        width: 65%;
        height: 65%;
    }
    .scene_three-divisions .qrcode_non .qrment {
        width: 80%;
    }
    .scene_three-divisions .qrcode img {
        width: 200px;
    }
    .scene_three-divisions .qrcode p:nth-child(3) {
        font-size: 20px;
    }
    .scene_three-divisions .qrment_tit1 {
        font-size: 32px;
        font-weight: 500;
    }
    .scene_three-divisions .qrment_tit2 {
        padding: 10px 0;
        font-size: 20px;
    }
    .scene_three-divisions .qrment_used1 {
        padding: 20px 0 10px 0;
        font-size: 25px;
    }
    .scene_three-divisions .qrment_used2 {
        font-size: 20px;
        line-height: 35px;
    }

    /* 명언 */
    .scene_three-divisions .scene_saying > div{
    background: url(../images/saying_bg.png) no-repeat;
    background-size: cover;
    }
    .scene_three-divisions .scene_saying > div > div{width: 80%; min-height: 400px; padding: 10px;}
    .scene_three-divisions .scene_saying div p{margin: 20px 0;}
    .scene_three-divisions .scene_saying div p:nth-child(1){font-size: 55px;}
    .scene_three-divisions .scene_saying div p:nth-child(2){font-size: 35px; line-height: 60px;}
    .scene_three-divisions .scene_saying div p:nth-child(3){font-size: 35px;}
    
    /* 오늘의 영어단어 */
    .scene_engwidiom div div div {
        padding: 8px 0;
    }
    .scene_three-divisions .scene_engwidiom div div div p span:nth-child(1) {
        font-size: 55px;
    }
    .scene_three-divisions .scene_engwidiom div div div p span {
        display: block;
        margin: 7px 0;
    }
    .scene_three-divisions .scene_engwidiom div div div p span:nth-child(2) {
        font-size: 40px;
    }
    .scene_three-divisions .scene_engwidiom ul {
        margin: 0 0 0 210px;
    }
    .scene_three-divisions .scene_engwidiom ul li {
        margin: 10px 0;
        padding: 10px 0;
        font-size: 32px;
        line-height: 55px;
    }
    .scene_three-divisions .scene_engwidiom > div > div {
        background: url(../images/engwidiom_item.png) bottom right no-repeat;
        background-size: 20%;
    }

    /* 오늘의 영어단어 */
    .scene_three-divisions .scene_engword > div{background: url(../images/engword_bg.png) bottom right no-repeat #fff; background-size: 25%;}
    .scene_three-divisions .scene_engword > div > div{width: 100%; height: unset;}
    .scene_three-divisions .scene_engword div div{margin: 20px auto 0 auto; padding: 10px  0; width: 95%; box-sizing: border-box; background: none; background-color: #00bf60;}
    .scene_three-divisions .scene_engword div div p{margin: 12px 0; color: #fff;}
    .scene_three-divisions .scene_engword div div p:nth-child(1){font-size: 35px;}
    .scene_three-divisions .scene_engword div div p span{display: block; margin: 7px 0;}
    .scene_three-divisions .scene_engword div div p span:nth-child(1){font-size: 60px;}
    .scene_three-divisions .scene_engword div div p span:nth-child(2){font-size: 40px;}
    .scene_three-divisions .scene_engword ul{margin: 0 0 0 50px; padding: 20px  0; width: 90%; box-sizing: border-box;}
    .scene_three-divisions .scene_engword ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 45px; text-align: left; line-height: 75px;}
    .scene_three-divisions .scene_engword ul li span{color: #00bf60;} 

    /* 전체 공지사항 */
    .scene_three-divisions .scene_noticepop img {
        width: 1080px;
        height: auto;
    }

    /* 디데이 */
    .scene_three-divisions .scene_day > div .scene_day_tit {
        font-size: 2.6rem;
    }
    .scene_three-divisions .scene_day > div ul {
        margin: 50px 0;
    }
    .scene_three-divisions .scene_day > div ul li {
        font-size: 5rem;
    }
    .scene_three-divisions > div .scene_day_ment {
        font-size: 1.8rem;
    }

    /* 명화 */
    .scene_three-divisions .scene_painting > div{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: end;
        width: 1080px;
        height: 640px;
        border: 4px solid #000;
        box-sizing: border-box;
        text-align: center;
        overflow: hidden;
    }
    .scene_three-divisions .scene_painting > div::before {
        z-index: 1;
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 1080px;
        height: 640px;
        background-color: #000;
        background: url(../images/painting.png) no-repeat;
        background-size: cover;
        animation: scaleAnimation 10s infinite alternate;
    }
    @keyframes scaleAnimation {
        0% {
        transform: scale(1);
        }
        100% {
        transform: scale(1.5);
        }
    }
    .scene_three-divisions .paint_blur {
        z-index: 2;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        backdrop-filter: blur(18px);
    }
    .scene_three-divisions .scene_painting_box {
        z-index: 3;
        position: absolute;
        left: 0;
        top: 0;
        box-sizing: border-box;
        width: 1080px;
        height: 640px;
    }
    .scene_three-divisions .scene_painting_cont {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 1080px;
        height: 640px;
    }
    .scene_three-divisions .scene_painting_cont div:nth-child(1) {
        width: 60%;
    }
    .scene_three-divisions .scene_painting_cont div:nth-child(2) {
        width: 37%;
    }
    .scene_three-divisions .scene_painting_cont img {
        max-width: 500px;
        max-height: 450px;
    }
    .scene_three-divisions .painting_ment {
        box-sizing: border-box;
        padding: 20px;
        text-align: left;
        background-color: rgba( 255, 255, 255, 0.4 ) !important;
        border-radius: 5px;
    }
    .scene_three-divisions .painting_ment p:nth-child(1) {
        font-size: 20px;
    }
    .scene_three-divisions .painting_ment p:nth-child(2) {
        padding: 10px 0;
        font-size: 23px;
    }
    .scene_three-divisions .painting_ment p:nth-child(3) {
        padding: 10px 0;
        font-size: 18px;
        line-height: 27px;
        text-align: justify;
    }

    /* 긴급알림 */
    .scene_three-divisions .scene_alram > div {
        position: relative;
        width: 1080px !important;
        height: 640px !important;
        background-image: url(../images/alram_bg3.png);
        background-size: cover;
    }
    .scene_three-divisions .scene_alram span {
        position: absolute;
        left: 240px;
        top: 90px;
        padding: 0 5px;
        font-size: 65px;
        color: #fff;
        width: 800px;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }
    .scene_three-divisions .scene_alram p {
        position: absolute;
        left: 110px;
        top: 250px;
        width: 857px;
        line-height: 65px;
        font-size: 40px;
        color: #0c2e42;
        overflow: hidden;
        white-space: normal;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        word-break: keep-all;  
    }
    
    .scene_four-divisions > div {    
        width: 1080px; 
        height: 1920px; 
    }
}