@import "master.css";
@import "weather.css";
/* @import "animate.css"; */
/* @import "menu.css"; */

.didwalks_logo span {opacity: .2 !important; color: #a3a3a3; font-size: 13px;}
  
body{position: relative; width: 1920px; height: 1080px; font-family: 'NanumBarunGothic', sans-serif;}
body{-ms-overflow-style:none;}
body::-webkit-scrollbar {display:none;}

ul#signage > li {
    position: absolute;
    top: 0;
    width: 1920px;
    /* opacity: 0;
    transition: 1s opacity;  */
}

/* ul#signage > li.active {
    opacity: 1;
} */

/* .scene_notice, .scene_calendar, .scene_schoolmeal, .scene_album,
.scene_movie, .scene_qrcode, .scene_useinfo, .scene_painting, 
.scene_saying, .scene_engword, .scene_engwidiom, .scene_noticepop, .scene_day, .scene_alram
{
	-webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	        animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
}

@-webkit-keyframes slide-left {
    0% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-500px);
              transform: translateX(-500px);
    }
  }
@keyframes slide-left {
    0% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-500px);
                transform: translateX(-500px);
    }
} */

/* 모션1 */    
.scene_motion1 > div {
    position: relative;
    width: 1920px; 
    height: 1080px;
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/motion_3840*2160_1.png) no-repeat;
    background-size: cover;
}
.motion1_text1 {
    margin: 220px 0 0 100px;
}
.motion1_text1 p {
    color: #009dd2;
    font-size: 70px;
}
.motion1_text2 {
    margin: 20px 0 0 100px;
}
.motion1_text2 p {
    color: #ababab;
    font-size: 60px;
}
.motion1_text3 {
    width: 670px;
    text-align: justify;
    margin: 140px 0 0 100px;
}
.motion1_text3 p {
    color: #fff;
    font-size: 30px;
    line-height: 40px;
}
.motion1_pic {
    position: absolute;
    right: 5%;
    top: 120px;
}
.motion1_pic img {
    border-radius: 20px;
}
.motion1_img2 img {
    width: 200px;
    position: absolute;
    left: 500px;
    top: 30px;
}
.motion1_img3 img {
    width: 200px;
    position: absolute;
    left: 700px;
    top: 80px;
}

/* 모션2_여름 */    
.scene_season_motion2 > div {
    position: relative;
    width: 1920px; 
    height: 1080px;
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/season_3840*2160_2.png) no-repeat;
    background-size: cover;
}
.season_motion2_img img {
    width: 1920px;
    height: 1080px;
    position: absolute;
}
.season_motion2_text_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1920px;
    height: 1080px;
}
.season_motion2_text1 {
    text-align: center;
}
.season_motion2_text1 p {
    margin: 0 auto;
    padding: 20px;
    width: 1800px;
    border-radius: 10px;
    background-color: #144984;
    color: #fff;
    font-size: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.season_motion2_text2 {
    width: 1200px;
    margin: 20px 0;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.8 );
}
.season_motion2_text2 p {
    color: #444;
    font-size: 40px;
    line-height: 60px;
    text-align: justify;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-break: keep-all;  
}
.season_motion2_text3 {
    text-align: center;
    margin: 0 auto;
    padding: 30px;
    background-color: rgba( 0, 0, 0, 0.8 );
}
.season_motion2_text3 p {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}

/* 모션3_가을 */    
.scene_season_motion3 > div {
    position: relative;
    width: 1920px; 
    height: 1080px;
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/season_3840*2160_3.png) no-repeat;
    background-size: cover;
}
.season_motion3_img img {
    width: 1920px;
    height: 1080px;
    position: absolute;
}
.season_motion3_text_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 1920px;
    height: 1080px;
}
.season_motion3_text1 {
    text-align: center;
}
.season_motion3_text1 p {
    margin: 0 auto;
    padding: 20px;
    width: 1800px;
    border-radius: 10px;
    background-color: #7b4a11;
    color: #fff;
    font-size: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.season_motion3_text2 {
    width: 1200px;
    margin: 20px 0;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    background-color: rgba( 255, 255, 255, 0.5 );
}
.season_motion3_text2 p {
    color: #444;
    font-size: 40px;
    line-height: 60px;
    text-align: justify;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    word-break: keep-all;  
}
.season_motion3_text3 {
    text-align: center;
    margin: 0 auto;
    padding: 30px;
    background-color: rgba( 0, 0, 0, 0.8 );
}
.season_motion3_text3 p {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
}

/* 공지사항 */
.scene_notice > div {
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/notice_bg.png) no-repeat;
    background-size:cover;
}
.scene_newsletter > div {
    width: 1920px; 
    height: 1080px; 
    background: url(../images/scene_newsletter_bg.png) no-repeat;
    background-size:cover;
}
.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;}
.weather, .dust{display: flex; align-items: center;}
.dust{text-align: left;}

.today_date p:nth-child(1){font-size: 25px;}
.today_date p:nth-child(2){font-size: 57px;}

.weather{font-size: 75px;}
.weather span{display: inline-block; font-size: 75px;}
.weather p{padding: 0 15px;}
.weather p span{font-size: 45px;}

.dust div{margin-left: 10px;}
.dust div p:nth-child(1){font-size: 20px;}
.dust div p:nth-child(2){font-size: 42px;}

.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: 50px; color: #fff;}
.notice_asset h1{margin-top: 30px; font-size: 80px; color: #e6d800;}
.notice_asset ul{margin-top: 70px;}
.notice_asset ul li{display: flex; justify-content: space-between; font-size: 45px; line-height: 90px;}


.notice_cont_box {
    display: flex;
    justify-content: space-between;
}
.notice_cont_box ul:nth-child(1){
    padding: 1%;
    width: 48%;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
}
.notice_cont_box ul:nth-child(2){width: 48%;}
.scene_notice_cont .notice_asset ul li.notice_cont_none{display: block;}
.scene_notice_cont .notice_asset ul li div{display: flex; justify-content: space-between;}
.scene_notice_cont .notice_asset .notice_cont{
    font-size: 30px;
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 11;
    -webkit-box-orient: vertical;
}
li.notice_cont_none div p{
    width: 650px;
    color: #e6d800;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
li.notice_cont_none div span{
    font-size: 32px;
}
.notice_cont_box ul:nth-child(2) li {
    line-height: 90px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.7);
}
.notice_cont_box ul:nth-child(2) p {
    max-width: 650px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.notice_cont_box ul:nth-child(2) span {
    font-size: 32px;
}

/* 이달의 행사 */
.scene_calendar > div{
    width: 1920px; 
    height: 1080px;
    border: 1px solid #000;
    background-color: #fff;
    box-sizing: border-box;
}
.calendar{padding: 22px; box-sizing: border-box; background-color: #000; color: #fff;}
.calendar .now_month{font-size: 57px;}
.calendar ul{display: flex; justify-content: space-between; align-items: center; margin-top: 20px; text-align: center;}
.calendar ul li span{display: block; padding: 5px; font-size: 32px;}
.saturday{color: #7fa7d4;}
.sunday{color: #ff0000;}
.calendar ul li span.schedule_on{display: inline-block; padding: 9px; background-color: #00bf60; border-radius: 100px; font-size: 27px;}

.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;
}
.calendar_content ul{margin: 0 auto; width: 1800px;}
.calendar_content li{display: flex; font-size: 47px; line-height: 85px; border-bottom: 3px dashed #d1d1d1;}
.calendar_content li>p:nth-child(1){display: inline-block; width: 600px;}
.calendar_content li p:nth-child(1) span{display: inline-block; padding-right: 10px; font-size: 47px; vertical-align: middle;}

/* 오늘의 급식 */
.scene_schoolmeal > div{
    position: relative;
    width: 1920px; 
    height: 1080px;
    border: 1px solid #000;
    box-sizing: border-box;
}
.scene_schoolmeal .topbar{position: absolute; left:0; top:0; display: flex; width: 100%;}
.kcal{margin-left: 55px; width: 278px; height: 379px; background: url(../images/kcal_bg.png) left top no-repeat;}
.kcal span{display: block; text-align: center; color: #fff;}
.kcal span:first-child{padding-top: 95px; font-size: 65px;}
.kcal span:last-child{padding-top: 15px; font-size: 40px;}
.schoolmeal_pic img{ margin-left:50px; border-radius: 0 0 20px 20px;}
.schoolmeal_tit{padding: 82px 0 0 120px;}
.schoolmeal_tit, .schoolmeal_tit .material-symbols-outlined{font-size: 110px; vertical-align: middle;}
span.orange{color: #ff842f;}

.schoolmeal_cont{margin-top: 292px; height: 787px; background: url(../images/schoolmeal_bg.png) left bottom no-repeat;}
.schoolmeal_info{display: flex; justify-content: center;}
.schoolmeal_info div{margin-top: 120px; padding-left: 70px; width: 565px; min-height: 500px; box-sizing: border-box; border-right: 3px solid #ff842f;}
.schoolmeal_info div:last-child{border: none;}
.schoolmeal_info div span{font-size: 66px; color: #ff842f;}
.schoolmeal_info div ul{margin-top: 30px;}
.schoolmeal_info div ul li{font-size: 30px; line-height: 40px; color: #fff;}

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

.schoolmeal_ment{padding: 17px; box-sizing: border-box; font-size: 26px; color: #ffde00; background-color : rgb(255,255,255,0.3);}

/* 학교행사사진 */
.scene_album > div {
    position: relative;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.scene_album .full_back {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
}
.scene_album .full_back img {
    width: 100%;
    height: 100%;
    filter: blur(10px);
    -webkit-filter: blur(10px);
}
.scene_album ul{ display: flex; justify-content: center; width: 100%;}
.scene_album ul li {
    z-index: 2;
    position: relative;
    width: 1920px; 
    height: 1080px; 
}
.scene_album ul li img{max-width: 1920px; height: 100%; object-fit: scale-down;}
.scene_album p{position: absolute; left:0; bottom:0; padding: 25px; width: 100%; box-sizing: border-box; background-color: rgba( 255, 255, 255, 0.5 ); color: #fff; font-size: 40px;}

/* 일반알림 */
.general_alram > div{
    position: relative;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    /* background-image: url(../images/full_img_bg.jpg); */
}
.general_alram ul{display: flex; justify-content: center; width: 100%;}
.general_alram ul li img{width: 100%; height: 1080px;}
.general_alram p{position: absolute; left:0; bottom:0; padding: 25px; width: 100%; box-sizing: border-box; background-color: rgba( 0, 0, 0, 0.6 ); color: #fff; font-size: 40px;}
.general_alram .track{
    text-align:left;
    height: 100%;
}
.general_alram .content{
    position: relative;
    width: 100%;
    /* animation: scroll-animation 20s linear 3; */
}
.general_alram .track p {
    width: unset;
}
@keyframes scroll-animation{
    0%{
      left: var(--lefts);
    }
    /* 0%{
      left: 1920px;
    }
    100%{
      left: -4410px;
    } */
    100%{
      left: var(--lefte);
    }
}

/* 학교홍보동영상 */
.scene_movie > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/movie_bg.png) no-repeat;
    background-size:cover;
}

/* 동영상멘트 */
.scene_movie_ment > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.scene_movie_ment_box {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 1920px; 
    height: 1080px; 
}
.scene_movie_ment_cont {
    width: 1920px; 
    height: 1080px;
}
.movie_ment {
    width: 100%;
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
    padding: 20px 20px 10px 20px;
    text-align: left;
    background-color: rgba( 255, 255, 255, 0.6 );
}
.movie_ment p:nth-child(1) {
    font-size: 40px;
}
.movie_ment p:nth-child(2) {
    padding: 10px 0;
    font-size: 23px;
    line-height: 35px;
    text-align: justify;
}
.movie_ment p:nth-child(3) {
    padding: 10px 0;
    font-size: 23px;
    line-height: 35px;
    text-align: justify;
}

/* qrcode */
.scene_qrcode {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px; 
    height: 1080px; 
    background: url(../images/schoolalbum_bg.png) no-repeat;
}
.qrcode {
    margin-right: 80px;
    width: 30%;
    text-align: center;
}
.qrment {
    box-sizing: border-box;
    padding: 30px;
    width: 48%;
    height: 70%;
    border-radius: 8px;
    background-color: rgba( 255, 255, 255, 0.8 );
    box-shadow: rgba(255, 255, 255, 0.16) 0px 1px 4px;
}
.qrcode_non .qrment {
    width: 80%;
}
.qrcode p:nth-child(1) {
    padding: 20px;
    background-color: #241e1e;
    color: #fff;
    font-size: 35px;
    text-align: center;
    border-radius: 8px 8px 0 0;
}
.qrcode p:nth-child(2) {
    box-sizing: border-box;
    background-color: #fff;
}
.qrcode img {
    box-sizing: border-box;
    padding: 20px;
    margin: 20px 0;
    width: 560px;
    background-color: #fff;
}
.qrcode p:nth-child(3) {
    padding: 20px;
    background-color: #9d9497;
    color: #e6dc37;
    font-size: 28px;
    text-align: center;
    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_useinfo .useinfo_user_box {
    position: relative;
    z-index: 9;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/schooluseinfo_bg.png) no-repeat;
    background-size:cover;
}
.scene_useinfo > .useinfo_user_bg {
    background: none;
    position: absolute;
    z-index: 1;
}
.scene_useinfo > .useinfo_user_bg img {
    width: 725px;
    height: 1080px;
    object-fit: cover;
}
.useinfo_tit{margin:70px 70px 0 0; text-align: right;}
.useinfo_tit span{display: block; position: relative; right: 0; font-size: 85px;}
.useinfo_tit span:nth-child(2){color: #0059a0;}
.useinfo_tit i{display: inline-block; padding: 8px 12px; background: #0059a0; font-size: 40px; color: #fff;}

.useinfo_cont div{margin:70px 0 0 700px; width: 1140px; font-size: 45px; line-height: 75px; word-break:keep-all;}
.useinfo_cont ul li{list-style: none !important;}

/* 명화 */
.scene_painting > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    width: 1920px; 
    height: 1080px; 
    border: 1px 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: 1920px; 
    height: 1080px; 
    background-color: #000;
    background: url(https://lh3.googleusercontent.com/J0sw0IiqP2F4gavYnI-vUa5IBgHiHy42lohgm-qq1vuygUX0HQgylVSV1ZdDTV5XIg=s1200) no-repeat;
    background-size: cover;
    animation: scaleAnimation 13s 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: 1920px; 
    height: 1080px; 
}
.scene_painting_cont {
    display: flex;
    align-items: center;
    width: 1920px; 
    height: 1080px;
}
.scene_painting_cont div:nth-child(1) {
    width: 64%;
}
.scene_painting_cont div:nth-child(2) {
    width: 33%;
}
.scene_painting_cont img {
    max-width: 1100px;
    max-height: 900px;
}
.painting_ment {
    box-sizing: border-box;
    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{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/saying_bg.png) no-repeat;
    text-align: center;   
}
.scene_saying > div > div{display: flex; justify-content: center; align-items: center; width: 60%; min-height: 600px; padding: 25px; box-sizing: border-box; border-radius: 20px; background-color: rgba( 255, 255, 255, 0.7 ); color: #000;}
.scene_saying div p{margin: 50px 0;}
.scene_saying div p:nth-child(1){font-size: 55px; line-height: 80px; font-weight: 510; text-shadow: 2px 2px #fff;}
.scene_saying div p:nth-child(2){font-size: 45px; color: #0054d1; line-height: 70px; word-break:keep-all; font-weight: 505; text-shadow: 3px 3px #fff;}
.scene_saying div p:nth-child(3){font-size: 40px;font-weight: 900; text-shadow: 2px 2px #fff;}

/* 오늘의 영어단어 */
.scene_engword > div {
    display: block;
    justify-content: center;
    /* align-items: center; */
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    background: url(../images/engword_bg.png) bottom right no-repeat;
    box-sizing: border-box;
    text-align: center;   
}
.scene_engword > div > div{width: 100%; height: auto;}
.scene_engword div div div{margin: 80px auto 0 auto; padding: 20px  0; width: 90%; box-sizing: border-box; background-color: #00bf60;}
.scene_engword div div div p{margin: 12px 0; color: #fff;}
.scene_engword div div div p:nth-child(1){font-size: 40px;}
.scene_engword div div div p span{display: block; margin: 15px 0;}
.scene_engword div div div p span:nth-child(1){font-size: 90px;}
.scene_engword div div div p span:nth-child(2){font-size: 50px;}
.scene_engword ul{margin: 40px 0 0 90px; padding: 20px  0; width: 75%; box-sizing: border-box;}
.scene_engword ul li{margin: 30px 0; padding: 20px 0; border-bottom: 3px dashed #d1d1d1; font-size: 60px; text-align: left; line-height: 90px;}
.scene_engword ul li span{color: #00bf60;}

/* 오늘의 영어숙어 */
.scene_engwidiom > div {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/engwidiom_bg.png) no-repeat;
    text-align: center;
}
.scene_engwidiom > div > div{width: 100%; height: 100%; background: url(../images/engwidiom_item.png) bottom right no-repeat;}
.scene_engwidiom div div div{margin: 90px 0 0 210px; padding: 20px  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: 40px;}
.scene_engwidiom div div div p span{display: block; margin: 15px 0;}
.scene_engwidiom div div div p span:nth-child(1){font-size: 90px; color: #000;}
.scene_engwidiom div div div p span:nth-child(2){font-size: 50px;}
.scene_engwidiom ul{margin: 40px 0 0 210px; padding: 20px  0; width: 75%; box-sizing: border-box;}
.scene_engwidiom ul li{margin: 30px 0; padding: 20px 0; border-bottom: 3px dashed #d1d1d1; font-size: 57px; text-align: left; line-height: 90px;}
.scene_engwidiom ul li span{color: #00aee1;}

/* 전체 공지사항 */
.scene_noticepop > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    overflow: hidden;
}

/* 디데이 */
.scene_day > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1920px; 
    height: 1080px; 
    border: 1px solid #000;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #000;
    color: #fff;
}
.scene_day > div .scene_day_tit {
    font-size: 4rem;
}
.scene_day > div ul {
    margin: 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scene_day > div ul li {
    position: relative;
    margin: 0 10px;
    padding: 40px 20px;
    background: rgb(51,49,49);
    background: linear-gradient(180deg, rgba(51,49,49,1) 0%, rgba(255,255,255,1) 50%);
    color: #000;
    font-size: 8rem;
}
.scene_day > div ul li:first-child {
    background: none;
    color: #fff;
}
.scene_day > div ul li span {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    display: block;
    border: 1px solid #000;
    box-sizing: border-box;
}
.scene_day > div .scene_day_ment {
    text-align: right;
    font-size: 2.5rem;
    color: #e6e1a5;
}

/* 긴급알림 */
.scene_alram {
    z-index: 55555;
    position: relative;
}
.scene_alram > div {
    position: relative;
    width: 1920px; 
    height: 1080px; 
    background-image: url(../images/alram_bg1.png);
    background-size: cover;
}
.scene_alram span#alram_title {
    position: absolute;
    left: 550px;
    top: 215px;
    font-size: 85px;
    color: #fff;
    display: block;
    width: 1200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.scene_alram div#emergency_alert_contbox {
    position: absolute;
    left: 250px;
    top: 410px;
    width: 1420px;
    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;  
}
#emergency_alert_contbox {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px;
    /* width: 98%; */
    height: 510px;
    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_bg {
    position: absolute;
    left: 0;
    top: 0;
}
.weather_time_bg img {
    width: 1920px; 
    height: 1080px;
}
.weather_time_box {
    position: relative;
    display: flex;
    width: 1920px; 
    height: 1080px;
}
.weather_time_box > div:first-child {
    box-sizing: border-box;
    width: 20%;
    text-align: center;
    color: #4a4a4a;
}
.weather_time_box .in_weather {
    border-radius: 20px;
    margin: 15px;
    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 > div:nth-child(2) {
    width: 80%;
    background-size: cover;
    color: #fff;
}
.weather_time_box img {
    display: block;
    margin: 118px auto 0 auto;
    padding: 20px 0;
    max-width: 300px;
}
.weather_time_box img  svg {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}
.weather_time_cont {
    text-align: center;
}
.weather_time_tit {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto 10px auto;
    padding: 10px 20px;
    border-radius: 20px;
    /* background-color: #000; */
    background-color: rgba( 0, 0, 0, 0.4 );
    color: #fff;
    text-align: left;
}
.weather_time_tit p {
    box-sizing: border-box;
    width: 100%;
    font-size: 50px;
    font-weight: 300;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.weather_time_cont span:first-child{
    box-sizing: border-box;
    margin: 20px auto;
    padding: 10px 20px;
    /* width: 100%; */
    display: inline-block;
    font-size: 50px;
    /* background: linear-gradient(to top, #00D8FF 40%, transparent 40%); */
    background-color: rgba( 255, 187, 0, 0.7 );
    /* background-position-y: 10px; */
    background-repeat: no-repeat;
    border-radius: 15px;
    color: #fff;
    /* width: fit-content; */
}
#weather_time_contbox {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px;
    width: 98%;
    height: 775px;
    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 > div:first-child b {
    display: block;
    padding-top: 20px;
    font-size: 50px;
    font-weight: 300;
}
.weather_time_box > div:first-child .temperature_text {
    text-shadow: none;
    font-size: 55px;
}
.weather_time_cont span:last-child {
    box-sizing: border-box;
    display: block;
    padding-right: 20px;
    text-align: right;
    margin-top: 25px;
    font-size: 40px;
}
.weather_time_cont span:last-child b {
    padding: 10px;
    font-weight: 300;
    background-color: rgba( 255, 255, 255, 0.4 );
    border-radius: 15px;
}
.weather_time {
    margin: 0 auto;
    padding: 15px 0;
    width: 357px;
    background-color: rgba( 255, 255, 255, 0.5 );
    box-shadow: rgba(255, 255, 255, 0.05) 0px 6px 24px 0px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px;
    border-radius: 20px;
}
.weather_time p:first-child {
    padding: 10px 0;
    font-size: 40px;
}
.weather_time p:last-child {
    font-size: 55px;
}
#autoscroll {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    width: 100%;
    font-size: 40px;
    line-height: 61px;
    white-space: pre-wrap;
}
@keyframes scrollText {
    from {
        top: 0;
    }
    to {
        top: -350%;
    }
}

/* 팝업 전광판 */
.scene_popupgallery {
    position: relative;
}
.popupgallery_tit {
    position: absolute;
    color: #000;
    left: 55px;
    top: 195px;
    width: 255px;
    font-size: 30px;
    line-height: 40px;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    text-align: center;
}
.scene_popupgallery .topbar{
    position: absolute;
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    box-sizing: border-box; 
    padding: 22px;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.5 ); 
    color: #fff; 
    text-align: center;
}
.scene_popupgallery .school p {
    font-size: 40px;
    line-height: 45px;
}
.scene_popupgallery .school p:nth-child(1) {
    font-size: 28px;
}
.scene_popupgallery div.popupgallery_cont {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 1920px; 
    height: 1080px;  
    background-color: #000;
    background: url("../images/popboard_bg_1920w.png");
    background-size: cover;
}
.scene_popupgallery ul {
    margin: 135px 40px 0 0;
    max-width: 1400px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 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%;
    min-width: 450px;
    height: 345px;
    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: 23px;
}

/* 전체 에러 */
.scene_error > div {
    width: 1920px; 
    height: 1080px; 
    background: url(../images/noticepop_bg.png);
    background-size: cover;
}
.scene_error > div div {
    position: absolute;
    left: 650px;
    top: 400px;
    font-size: 45px;
}
.scene_error > div div p:nth-child(1) {
    color: red;
}

/* didwalks_logo */
.didwalks_logo {
    position: absolute;
    right: 7px;
    bottom: 8px;
}

/* ================================  2분할 ================================ */
.scene_two-divisions {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: url(../images/two-divisions_bg.png);
    width: 1920px; 
    height: 1080px !important; 
}
.scene_two-divisions > div {    

    height: unset !important;
    box-sizing: border-box;
    overflow: hidden;
}
.two-divisions-box .topbar{display: none !important;}
.two-divisions-topbar{position: absolute; left: 0; top: 0; width: 100%;}
.scene_two-divisions .topbar{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; width: 100%; padding: 22px; background-color: rgba( 255, 255, 255, 0.28 ); color: #fff; text-align: center;}
.scene_two-divisions .weather, .scene_two-divisions .dust{display: flex; align-items: center;}
.scene_two-divisions .dust{text-align: left;}

.scene_two-divisions .today_date p:nth-child(1){font-size: 30px;}
.scene_two-divisions .today_date p:nth-child(2){font-size: 67px;}

.scene_two-divisions .weather{font-size: 90px;}
.scene_two-divisions .weather span{display: inline-block; font-size: 90px;}
.scene_two-divisions .weather p{padding: 0 15px;}
.scene_two-divisions .weather p span{font-size: 60px;}
.scene_two-divisions .weather_main .wt_icon {
    display: inline-block;
    vertical-align: top;
    top: -50px;
    width: 180px;
    height: 180px;
    background-size: 180px 180px;
    -webkit-background-size: 180px 180px;
}

.scene_two-divisions .dust img {width: auto;}
.scene_two-divisions .dust div{margin-left: 10px;}
.scene_two-divisions .dust div p:nth-child(1){font-size: 30px;}
.scene_two-divisions .dust div p:nth-child(2){font-size: 47px;}

.scene_two-divisions .school p{margin: 5px 0;}
.scene_two-divisions .school p:nth-child(1){font-size: 30px;}
.scene_two-divisions .school p:nth-child(2){font-size: 35px;}

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

.two-divisions-bottombar{position: absolute; left: 0; bottom: 0; width: 100%;}
.scene_two-divisions .bottombar{display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 100%; padding: 22px; background-color: rgba( 255, 255, 255, 0.28 ); color: #fff; text-align: center;}

.scene_two-divisions .notice_asset h1 {
    margin-top: 50px;
}


.scene_four-divisions .two-divisions-box .useinfo_cont div{margin:20px 0 0 340px; width: 600px; font-size: 20px; line-height: 32px; word-break:keep-all;}

.scene_four-divisions .two-divisions-box .scene_schoolmeal > div{
    position: relative;
    border: 1px solid #000;
    box-sizing: border-box;
    background: url(../images/schoolmeal_bg.png) left bottom no-repeat;
}
.scene_four-divisions .two-divisions-box .scene_schoolmeal .topbar{position: absolute; left:0; top:0; margin: 0; padding: 0; display: flex !important; align-items: unset; width: 100%; background: #fff;}
.scene_four-divisions .two-divisions-box .kcal{margin-left: 55px; width: 150px; height: unset; background: url(../images/kcal_bg.png) left top no-repeat; background-size: 80%;}
.scene_four-divisions .two-divisions-box .kcal span{display: block; text-align: center; color: #fff;}
.scene_four-divisions .two-divisions-box .kcal span:first-child{padding-top: 40px; font-size: 35px;}
.scene_four-divisions .two-divisions-box .kcal span:last-child{padding-top: 15px; font-size: 22px;}
.scene_four-divisions .two-divisions-box .schoolmeal_pic img{ margin-left: -50px; margin-bottom: 10px; width: 260px; border-radius: 0 0 20px 20px;}
.scene_four-divisions .two-divisions-box .schoolmeal_tit{padding: 60px 40px 0 0;}
.scene_four-divisions .two-divisions-box .schoolmeal_tit, .scene_four-divisions .two-divisions-box .schoolmeal_tit .material-symbols-outlined{font-size: 50px; vertical-align: middle; color:#000;}
.scene_four-divisions .two-divisions-box span.orange{color: #ff842f;}
.scene_four-divisions .two-divisions-box .schoolmeal_cont{margin-top: 100px; height: unset;}
.scene_four-divisions .two-divisions-box .schoolmeal_info{display: flex; justify-content: center;}
.scene_four-divisions .two-divisions-box .schoolmeal_info div{margin-top: 100px; padding-left: 70px; width: 565px; min-height: unset; 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: 22px; color: #ff842f;}
.scene_four-divisions .two-divisions-box .schoolmeal_info div ul{margin-top: 20px;}
.scene_four-divisions .two-divisions-box .schoolmeal_info div ul li{font-size: 17px; line-height: 23px; color: #fff;}

.scene_four-divisions .two-divisions-box .allergy{margin-top: -10px; padding: 0 30px; box-sizing: border-box; font-size: 16px; line-height: 25px; color: #fff;}

/* 학교이용안내 */
.scene_four-divisions .two-divisions-box .scene_useinfo > .useinfo_user_bg img {
    width: 360px;
    height: 540px;
}

/* QR코드 */
.scene_two-divisions .scene_qrcode {
    width: 960px !important;
    height: 540px !important;
    background-size: cover;
}
.scene_two-divisions .scene_qrcode > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 960px !important;
    height: 540px !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_two-divisions .scene_movie_ment_cont {
    width: 960px;
    height: 540px;
}
.scene_two-divisions .scene_movie_ment_box {
    width: 960px;
    height: 540px;
}
.scene_two-divisions .movie_ment p:nth-child(1) {
    font-size: 30px;
}
.scene_two-divisions .movie_ment p:nth-child(2) {
    padding: 5px 0;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}
.scene_two-divisions .movie_ment p:nth-child(3) {
    padding: 5px 0;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

/* 명화 */
.scene_two-divisions .scene_painting > div::before {
    width: 960px;
    height: 540px;
}
.scene_two-divisions .scene_painting_box {
    width: 960px;
    height: 540px;
}
.scene_two-divisions .scene_painting_cont {
    width: 960px;
    height: 540px;
}
.scene_four-divisions .scene_painting div div {
    margin: 0;
    background-color: unset;
}
.scene_two-divisions .scene_painting_cont img {
    max-height: 400px;
}
.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 .scene_painting_cont img {
    width: 400px;
    max-height: unset;
}
.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 .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_two-divisions .scene_day > div {
    width: 960px;
    height: 540px;
}
.scene_two-divisions .scene_day > div .scene_day_tit {
    font-size: 2rem;
}
.scene_two-divisions .scene_day > div ul {
    margin: 50px 0;
}
.scene_two-divisions .scene_day > div ul li {
    font-size: 5rem;
}
.scene_two-divisions > div .scene_day_ment {
    font-size: 1.7rem;
}

/* 긴급 알림 */
.scene_two-divisions .scene_alram span {
    position: absolute;
    left: 270px;
    top: 100px;
    padding: 0 5px;
    font-size: 45px;
    color: #fff;
    display: block;
    width: 650px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.scene_two-divisions .scene_alram p {
    position: absolute;
    left: 110px;
    top: 190px;
    width: 727px;
    line-height: 48px;
    font-size: 30px;
    color: #0c2e42;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: keep-all;  
}

/* ================================  4분할 ================================ */
.scene_four-divisions > div {    
    display: flex;
    flex-wrap: wrap;
    width: 1920px; 
    height: 1080px; 
    box-sizing: border-box;
    overflow: hidden;
}
.fourlayer {
    width: 50% !important;
}
.fourlayer > div {
    width: 960px !important;
    height: 540px !important; 
    box-sizing: border-box;
}

/* 공지사항 */
.scene_four-divisions .scene_notice > div{
    width: 100%;
    background-size: cover;
}
.scene_four-divisions .scene_notice .topbar{display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 10px; background-color: rgba( 255, 255, 255, 0.28 ); color: #fff; text-align: center;}
.scene_four-divisions .weather, .scene_four-divisions .dust{display: flex; align-items: center;}
.scene_four-divisions .dust{text-align: left;}

.scene_four-divisions .today_date p:nth-child(1){font-size: 16px;}
.scene_four-divisions .today_date p:nth-child(2){font-size: 35px;}

.scene_four-divisions .weather{font-size: 35px;}
.scene_four-divisions .weather span{display: inline-block; font-size: 35px;}
.scene_four-divisions .weather p{padding: 0 15px;}
.scene_four-divisions .weather p span{font-size: 35px;}

.scene_four-divisions .dust div{margin-left: 10px;}
.scene_four-divisions .dust img{width: 60px;}
.scene_four-divisions .dust div p:nth-child(1){font-size: 18px;}
.scene_four-divisions .dust div p:nth-child(2){font-size: 30px;}

.scene_four-divisions .scene_notice .school p{margin: 5px 0;}
.scene_four-divisions .scene_notice .school p:nth-child(1){font-size: 18px;}
.scene_four-divisions .scene_notice .school p:nth-child(2){font-size: 35px;}

.scene_four-divisions .notice_asset{padding: 20px; color: #fff;}
.scene_four-divisions .notice_asset h1{margin-top: 10px; font-size: 40px; color: #e6d800;}
.scene_four-divisions .notice_asset ul{margin-top: 20px;}
.scene_four-divisions .notice_asset ul li{display: flex; justify-content: space-between; font-size: 25px; line-height: 47px;}

/* 이달의 행사 */
.scene_four-divisions .calendar{padding: 15px 10px 10px 10px; box-sizing: border-box; background-color: #000; color: #fff;}
.scene_four-divisions .calendar .now_month{font-size: 30px;}
.scene_four-divisions .calendar ul{display: flex; justify-content: space-between; align-items: center; margin-top: 20px; text-align: center;}
.scene_four-divisions .calendar ul li span{display: block; padding: 5px; font-size: 17.5px;}
.scene_four-divisions .saturday{color: #7fa7d4;}
.scene_four-divisions .sunday{color: #ff0000;}
.scene_four-divisions .calendar ul li span:nth-child(1) {margin-top: -7px;}
.scene_four-divisions .calendar ul li span:nth-child(2){padding: 5px 0; vertical-align: super;}
.scene_four-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_four-divisions .calendar_content{
    display: flex; 
    justify-content: center; 
    padding-top: 10px; 
    /* height: 850px;  */
    /* background: url(../images/calendar_bg.png) right 290px no-repeat; */
    box-sizing: border-box;
}
.scene_four-divisions .calendar_content ul{margin: 0 auto; width: 97%;}
.scene_four-divisions .calendar_content li{display: flex; font-size: 24px; line-height: 43px; border-bottom: 2px dashed #d1d1d1;}
.scene_four-divisions .calendar_content li>p:nth-child(1){display: inline-block; width: 320px;}
.scene_four-divisions .calendar_content li p:nth-child(1) span{display: inline-block; padding-right: 10px; font-size: 24px; vertical-align: middle;}

/* 오늘의 급식 */
.scene_four-divisions .scene_schoolmeal .topbar{position: absolute; left:0; top:0; display: flex; width: 100%;}
.scene_four-divisions .kcal{margin-left: 55px; width: 200px; height: 379px; background: url(../images/kcal_bg.png) left top no-repeat; background-size: 75%;}
.scene_four-divisions .kcal span{display: block; margin-left: -38px; text-align: center; color: #fff;}
.scene_four-divisions .kcal span:first-child{padding-top: 50px; font-size: 30px;}
.scene_four-divisions .kcal span:last-child{padding-top: 15px; font-size: 21px;}
.scene_four-divisions .schoolmeal_pic img{ margin-left:0; width: 300px; border-radius: 0 0 20px 20px;}
.scene_four-divisions .schoolmeal_tit{padding: 55px 0 0 50px;}
.scene_four-divisions .schoolmeal_tit, .scene_four-divisions .schoolmeal_tit .material-symbols-outlined{font-size: 50px; vertical-align: middle;}
.scene_four-divisions span.orange{color: #ff842f;}

.scene_four-divisions .schoolmeal_cont{margin-top: 170px; height: 100%; background: url(../images/schoolmeal_bg.png) left top no-repeat; background-size: cover;}
.scene_four-divisions .schoolmeal_info{display: flex; justify-content: center;}
.scene_four-divisions .schoolmeal_info div{margin-top: 47px; padding-left: 50px; width: 400px; min-height: 200px; box-sizing: border-box; border-right: 3px solid #ff842f;}
.scene_four-divisions .schoolmeal_info div:last-child{border: none;}
.scene_four-divisions .schoolmeal_info div span{font-size: 27px; color: #ff842f;}
.scene_four-divisions .schoolmeal_info div ul{margin-top: 0;}
.scene_four-divisions .schoolmeal_info div ul li{font-size: 15px; line-height: 23px; color: #fff;}

.scene_four-divisions .allergy{padding: 0 30px; box-sizing: border-box; font-size: 16px; line-height: 23px; color: #fff;}

/* 학교이용안내 */
.scene_four-divisions .scene_useinfo > div{
    background: url(../images/schooluseinfo_bg.png) no-repeat;
    background-size: contain;
}
.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: 40px;}
.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: 20px; color: #fff;}

.scene_four-divisions .useinfo_cont div{margin:30px 0 0 350px; width: 580px; font-size: 21px; line-height: 35px; word-break:keep-all;}
.scene_four-divisions .useinfo_cont ul li{word-break:keep-all;}
.scene_four-divisions .scene_useinfo > .useinfo_user_bg img {
    width: 360px;
    height: 540px;
}


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

/* 학교행사사진 */
.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( 255, 255, 255, 0.5 ); color: #fff; font-size: 25px;}

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

/* 동영상멘트 */
.scene_four-divisions .scene_movie_ment_cont {
    width: 960px;
    height: 540px;
}
.scene_four-divisions .scene_movie_ment_box {
    width: 960px;
    height: 540px;
}
.scene_four-divisions .movie_ment p:nth-child(1) {
    font-size: 30px;
}
.scene_four-divisions .movie_ment p:nth-child(2) {
    padding: 5px 0;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}
.scene_four-divisions .movie_ment p:nth-child(3) {
    padding: 5px 0;
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

/* 명화 */
.scene_four-divisions .scene_painting > div{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: end;
    width: 960px !important;
    height: 540px !important;
    border: 1px solid #000;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.scene_four-divisions .scene_painting > div::before {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 960px !important;
    height: 540px !important;
    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_four-divisions .paint_blur {
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    backdrop-filter: blur(18px);
}
.scene_four-divisions .scene_painting_box {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    width: 960px !important;
    height: 540px !important;
}
.scene_four-divisions .scene_painting_cont {
    display: flex;
    align-items: center;
    width: 960px !important;
    height: 540px !important;
}
.scene_four-divisions .scene_painting_cont div:nth-child(1) {
    width: 60%;
}
.scene_four-divisions .scene_painting_cont div:nth-child(2) {
    width: 37%;
}
.scene_four-divisions .scene_painting_cont img {
    width: 400px;
}
.scene_four-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_four-divisions .painting_ment p:nth-child(1) {
    font-size: 20px;
}
.scene_four-divisions .painting_ment p:nth-child(2) {
    padding: 10px 0;
    font-size: 23px;
}
.scene_four-divisions .painting_ment p:nth-child(3) {
    padding: 10px 0;
    font-size: 18px;
    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: 40px;}
.scene_four-divisions .scene_saying div p:nth-child(2){font-size: 32px; color: #f4d233; line-height: 50px; word-break:keep-all;}
.scene_four-divisions .scene_saying div p:nth-child(3){font-size: 25px;}

/* 오늘의 영어단어 */
.scene_four-divisions .scene_engword > div{background: url(../images/engword_bg.png) bottom right no-repeat #fff; background-size: 18%;}
.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: 30px;}
.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: 78%; box-sizing: border-box;}
.scene_four-divisions .scene_engword ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 35px; text-align: left; line-height: 55px;}
.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: 1px solid #628cb3;
    box-sizing: border-box;
    background: url(../images/engwidiom_bg.png) no-repeat #A9D6E3;
    background-size: contain;
    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: 20%;}
.scene_four-divisions .scene_engwidiom div div div{margin: 50px 0 0 110px; padding: 10px  0; width: 83%; 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: 30px;}
.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: 60px; color: #000;}
.scene_four-divisions .scene_engwidiom div div div p span:nth-child(2){font-size: 40px;}
.scene_four-divisions .scene_engwidiom ul{margin: 0 0 0 110px; padding: 20px  0; width: 75%; box-sizing: border-box;}
.scene_four-divisions .scene_engwidiom ul li{margin: 0; padding: 10px 0; border-bottom: 3px dashed #d1d1d1; font-size: 30px; text-align: left; line-height: 40px;}
.scene_four-divisions .scene_engwidiom ul li span{color: #00aee1;}

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

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

/* 긴급알림 */
.scene_four-divisions .scene_alram span {
    position: absolute;
    left: 280px;
    top: 95px;
    font-size: 45px;
    color: #fff;
    display: block;
    width: 600px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
}
.scene_four-divisions .scene_alram p {
    position: absolute;
    left: 120px;
    top: 210px;
    width: 750px;
    line-height: 42px;
    font-size: 30px;
    color: #0c2e42;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: keep-all;  
}