@charset "utf-8";

.main_container{padding: 0;}

.main_container h2{font-family: 'SchoolSafetyNotification';font-weight: 400;font-size:1.6rem;}
.main_container h2 a{color:#333;}

.sec1{position:relative;background: linear-gradient(to bottom, var(--white) 0%, var(--color5) 100%);height: 1120px;}

.s1_left{padding:0 20px;position:absolute;bottom: 50px;left:0;width: 100%;}
.slogan{text-align:center;}
.slogan img{width:100%;}
.s1_search{position:relative;margin:30px 0;}
.s1_search p{border:solid 2px var(--color1);border-radius:30px;height:60px;margin-right: 10px;padding:10px 20px;}
.s1_search p input{padding:8px;width:95%;}
.s1_search #submit{display:block;position:absolute;top:2px;right: 0;}
.s1_search #submit:after{display:block;content:"";width:22px;height:22px;background:var(--btnbg2) no-repeat 0 0;position:absolute;top: 16px;left: 16px;}
.s1_search #submit input{width:55px;height:55px;border-radius:50%;background:linear-gradient(210deg, var(--color3), var(--color4));font-size:0;}

.s1_chief p{text-align:right;font-size:1.6rem;line-height:3.5rem;margin-bottom:20px;}
.s1_chief p strong{display:inline-block;font-family:'SchoolSafetyNotification';font-weight:600;font-size:2.5rem;color:var(--color3);margin-top:-4px;}

.ch_btn1{background: linear-gradient(to bottom, var(--color3), var(--color1));border-radius:20px 30px 60px 20px;position: relative;}
.ch_btn1:before{display:block;content:"";width:140px;height: 185px;background:url("/upload_data/board_data/BBS_CONTENT_FILE/178183173193050.png") no-repeat;background-size:100%;position:absolute;bottom:0;left:-20px;}
.ch_btn1:after{display:block;content:"";clear:both;}

.ch_btn1 ul{padding:10px 30px 10px 120px;min-height:100px;}
.ch_btn1 li a{position:relative;display:block;padding:15px;color:var(--white)}
.ch_btn1 li a:after{display:block;content:"";width:13px;height:19px;background:var(--btnbg2) no-repeat -40px 0;position:absolute;top: 18px;right:10px;}
.ch_btn1 li:first-child{border-bottom:solid 1px rgba(255,255,255,0.2)}

.ch_btn2{margin-top:10px;}
.ch_btn2 ul:after{display:block;content:"";clear:both;}
.ch_btn2 li{float:left;width:50%;padding:5px 0;}
.ch_btn2 li:nth-child(1){padding-right:5px;}
.ch_btn2 li:nth-child(2){padding-left:5px;}
.ch_btn2 li:nth-child(3){width:100%;}
.ch_btn2 li a{position:relative;display:block;background:var(--color2);border-radius:17px;color:var(--white);text-align:center;padding:15px 0;box-shadow:0 0 4px 4px rgba(202,226,248,0.6);}
.ch_btn2 li em{display:inline-block;content:"";width:24px;height:24px;background:var(--btnbg2) no-repeat;margin:-3px 0 0 10px;}
.ch_btn2 li:nth-child(1) em{background-position:-80px 0}
.ch_btn2 li:nth-child(2) em{background-position:-120px 0}
.ch_btn2 li:nth-child(3) em{background-position:-160px 0}

.s1_right{/* margin: 0 0 40px 0; */height: 520px;overflow-y:hidden;}
.s1_right h2{text-align:center;padding-bottom:20px;position:absolute;top:-5000px;left:-5000px;}
.s1_right .btn_open{display:none;}
.s1_right .btn_open.on{display:block;}
.s1_right .btn_open a{display:block;background:var(--color1);color:var(--white);text-align:center;padding:20px 0 5px 0;font-size:20px;}
.s1_right .btn_open a br{display:none;}
.s1_right .btn_open.bo1 a{border-radius:40px 40px 0 0;background:var(--color3)}
.s1_right .btn_open.bo1 a:after{display:inline-block;content:"";width:40px;height:40px;margin-top:-8px;background:url("/images/01_potal/main/btn_open02.png") no-repeat center}
.s1_right .btn_open.bo2 a{border-radius:0 0 40px 40px;}
.s1_right .btn_open.bo2 a:after{display:inline-block;content:"";width:40px;height:40px;margin-top:-8px;background:url("/images/01_potal/main/btn_open.png") no-repeat center}

.pb{/* margin-bottom:30px; */}
.pb .slick-slide{padding:0 !important;}
.pb .img img{width:100%;height: 440px;}
.pb .img span,
.pb .img map{position:absolute;top:-5000px;right:-5000px;}
.pb .video video{width:100%;height: 440px;object-fit: fill;}

/*알림존*/
.info{}
.info .il_box .img img{width:100%;}
.info .control{text-align:center;padding:20px 0;}
.info .control span{display:inline-block;padding-top:3px;}

/*알림존_인포존 모아보기*/
.info_all{display:none;}
.info_all.on{display:block;position:fixed;left:0;top:0;bottom:0;width:100vw;height:100vh;background: rgba(255,255,255,0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:50px 10px;z-index:1000;}
.info_all .tit{padding:0 20px 30px 20px;}
.info_all .con{height:80vh;overflow-y:scroll;padding:0 10px;}
.info_all .con ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:left;}
.info_all .con li{width:calc(50% - 5px);}
.info_all .con li img{width:100%;}
.info_all button{display:inline-block;width:40px;height:40px;border-radius:40px;font-size:0px;background:var(--color1);position:absolute;top:55px;right:30px;}
.info_all button:after{display:inline-block;content:"";width:20px;height:20px;background: var(--btnbg2) no-repeat 0 -78px;}

@media all and (min-width:360px) {
.sec1{height: 1220px;}
.s1_right{height:600px;}
.pb .img img,
.pb .video video,
.info .il_box .img img{height: 470px;}
}

@media all and (min-width:420px) {
.sec1{height: 1220px;}
.ch_btn1:before{width:200px;height: 265px;}
.ch_btn1 ul{padding-left:180px;}
.s1_right{height: 610px;}
.pb .img img,
.pb .video video{height: 530px;}
}

.sec2{}
/*공지사항*/
.mc1{padding:0 20px;}
.notice .scroll_wrap{display:none;}
.notice.on .scroll_wrap{display:block;}
.notice{position:relative;}
.notice h2{border-bottom:solid 1px var(--gray3)}
.notice.on h2{border:none;}

.notice .scroll_wrap ul{/* padding-top:20px; */}
.notice li{position:relative;background:var(--white);border-radius:20px;box-shadow:0 0 10px 10px rgba(0,0,0,0.03);margin-bottom:15px;border: 1px solid transparent;transition: border-color 0.2s;}
.notice li.new:after{display:block;content:"";width:36px;height:36px;background:url("/images/01_potal/new2026/main/icon_new.png") no-repeat;position:absolute;top:-10px;right:-10px;}
.notice a{display:block;padding:20px;}
.notice a em{position:relative;display:inline-block;color:#888;font-style:normal;margin:2px 0 0 10px;padding-left:15px;}
.notice a em:before{display:inline-block;content:"";background:var(--color3);width:6px;height:6px;border-radius:7px;position:absolute;top:7px;left:0;}
.notice a em.date{color:var(--color3);font-style:normal;font-weight:800;font-size:1.2rem;padding:0;margin:0;}
.notice a em.date:before{display:none;}
.notice a strong{display:block;color:var(--black);padding:20px 0 0 0;}
.notice a span{display:none;}

.more{position:absolute;top: 5px;right:0;z-index:10;}
.more a{position:relative;padding:10px;}
.more a:before{display:inline-block;content:"+";margin-right:5px;}
.more span{font-size:0px;}

/*자주찾는서비스*/
.m_service{position: relative;padding-top:40px;}
.m_service h2{text-align:center;padding-bottom:30px;}

.m_service .ms_wrap{background:var(--color7);border-radius:30px;padding:30px;height: auto;min-height: 560px;}
.m_service .ms_li{position:relative;}
.m_service .ms_li h3{font-family: 'SchoolSafetyNotification';font-weight: 400;font-size:1.4rem;float:left;width:50%;text-align:center;}
.m_service .ms_li .l_wrap{display: none;}
.m_service .ms_li.on h3 a{color:var(--color3);}


.main_container{padding: 0;}

.main_container h2{font-family: 'SchoolSafetyNotification';font-weight: 400;font-size:1.6rem;}
.main_container h2 a{color:#333;}

.sec1{position:relative;background: linear-gradient(to bottom, var(--white) 0%, var(--color5) 100%);height: 1120px;}

.s1_left{padding:0 20px;position:absolute;bottom: 50px;left:0;width: 100%;}
.slogan{text-align:center;}
.slogan img{width:100%;}
.s1_search{position:relative;margin:30px 0;}
.s1_search p{border:solid 2px var(--color1);border-radius:30px;height:60px;margin-right: 10px;padding:10px 20px;}
.s1_search p input{padding:8px;width:95%;}
.s1_search #submit{display:block;position:absolute;top:2px;right: 0;}
.s1_search #submit:after{display:block;content:"";width:22px;height:22px;background:var(--btnbg2) no-repeat 0 0;position:absolute;top: 16px;left: 16px;}
.s1_search #submit input{width:55px;height:55px;border-radius:50%;background:linear-gradient(210deg, var(--color3), var(--color4));font-size:0;}

.s1_chief p{text-align:right;font-size:1.6rem;line-height:3.5rem;margin-bottom:20px;}
.s1_chief p strong{display:inline-block;font-family:'SchoolSafetyNotification';font-weight:600;font-size:2.5rem;color:var(--color3);margin-top:-4px;}

.ch_btn1{background: linear-gradient(to bottom, var(--color3), var(--color1));border-radius:20px 30px 60px 20px;position: relative;}
.ch_btn1:before{display:block;content:"";width:140px;height: 185px;background:url("/upload_data/board_data/BBS_CONTENT_FILE/178183173193050.png") no-repeat;background-size:100%;position:absolute;bottom:0;left:-20px;}
.ch_btn1:after{display:block;content:"";clear:both;}

.ch_btn1 ul{padding:10px 30px 10px 120px;min-height:100px;}
.ch_btn1 li a{position:relative;display:block;padding:15px;color:var(--white)}
.ch_btn1 li a:after{display:block;content:"";width:13px;height:19px;background:var(--btnbg2) no-repeat -40px 0;position:absolute;top: 18px;right:10px;}
.ch_btn1 li:first-child{border-bottom:solid 1px rgba(255,255,255,0.2)}

.ch_btn2{margin-top:10px;}
.ch_btn2 ul:after{display:block;content:"";clear:both;}
.ch_btn2 li{float:left;width:50%;padding:5px 0;}
.ch_btn2 li:nth-child(1){padding-right:5px;}
.ch_btn2 li:nth-child(2){padding-left:5px;}
.ch_btn2 li:nth-child(3){width:100%;}
.ch_btn2 li a{position:relative;display:block;background:var(--color2);border-radius:17px;color:var(--white);text-align:center;padding:15px 0;box-shadow:0 0 4px 4px rgba(202,226,248,0.6);}
.ch_btn2 li em{display:inline-block;content:"";width:24px;height:24px;background:var(--btnbg2) no-repeat;margin:-3px 0 0 10px;}
.ch_btn2 li:nth-child(1) em{background-position:-80px 0}
.ch_btn2 li:nth-child(2) em{background-position:-120px 0}
.ch_btn2 li:nth-child(3) em{background-position:-160px 0}

.s1_right{/* margin: 0 0 40px 0; */height: 520px;overflow-y:hidden;}
.s1_right h2{text-align:center;padding-bottom:20px;position:absolute;top:-5000px;left:-5000px;}
.s1_right .btn_open{display:none;}
.s1_right .btn_open.on{display:block;}
.s1_right .btn_open a{display:block;background:var(--color1);color:var(--white);text-align:center;padding:20px 0 5px 0;font-size:20px;}
.s1_right .btn_open a br{display:none;}
.s1_right .btn_open.bo1 a{border-radius:40px 40px 0 0;background:var(--color3)}
.s1_right .btn_open.bo1 a:after{display:inline-block;content:"";width:40px;height:40px;margin-top:-8px;background:url("/images/01_potal/main/btn_open02.png") no-repeat center}
.s1_right .btn_open.bo2 a{border-radius:0 0 40px 40px;}
.s1_right .btn_open.bo2 a:after{display:inline-block;content:"";width:40px;height:40px;margin-top:-8px;background:url("/images/01_potal/main/btn_open.png") no-repeat center}

.pb{/* margin-bottom:30px; */}
.pb .slick-slide{padding:0 !important;}
.pb .img img{width:100%;height: 440px;}
.pb .img span,
.pb .img map{position:absolute;top:-5000px;right:-5000px;}
.pb .video video{width:100%;height: 440px;}

/*알림존*/
.info{}
.info .il_box .img img{width:100%;}
.info .control{text-align:center;padding:20px 0;}
.info .control span{display:inline-block;padding-top:3px;}

/*알림존_인포존 모아보기*/
.info_all{display:none;}
.info_all.on{display:block;position:fixed;left:0;top:0;bottom:0;width:100vw;height:100vh;background: rgba(255,255,255,0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);padding:50px 10px;z-index:1000;}
.info_all .tit{padding:0 20px 30px 20px;}
.info_all .con{height:80vh;overflow-y:scroll;padding:0 10px;}
.info_all .con ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:left;}
.info_all .con li{width:calc(50% - 5px);}
.info_all .con li img{width:100%;}
.info_all button{display:inline-block;width:40px;height:40px;border-radius:40px;font-size:0px;background:var(--color1);position:absolute;top:55px;right:30px;}
.info_all button:after{display:inline-block;content:"";width:20px;height:20px;background: var(--btnbg2) no-repeat 0 -78px;}

@media all and (min-width:360px) {
.sec1{height: 1220px;}
.s1_right{height:600px;}
.pb .img img,
.pb .video video,
.info .il_box .img img{height: 470px;}
}

@media all and (min-width:420px) {
.sec1{height: 1220px;}
.ch_btn1:before{width:200px;height: 265px;}
.ch_btn1 ul{padding-left:180px;}
.s1_right{height: 610px;}
.pb .img img,
.pb .video video{height: 530px;}
}

.sec2{}
/*공지사항*/
.mc1{padding:0 20px;}
.notice .scroll_wrap{display:none;}
.notice.on .scroll_wrap{display:block;}
.notice{position:relative;}
.notice h2{border-bottom:solid 1px var(--gray3)}
.notice.on h2{border:none;}

.notice .scroll_wrap ul{/* padding-top:20px; */}
.notice li{position:relative;background:var(--white);border-radius:20px;box-shadow:0 0 10px 10px rgba(0,0,0,0.03);margin-bottom:15px;border: 1px solid transparent;transition: border-color 0.2s;}
.notice li.new:after{display:block;content:"";width:36px;height:36px;background:url("/images/01_potal/new2026/main/icon_new.png") no-repeat;position:absolute;top:-10px;right:-10px;}
.notice a{display:block;padding:20px;}
.notice a em{position:relative;display:inline-block;color:#888;font-style:normal;margin:2px 0 0 10px;padding-left:15px;}
.notice a em:before{display:inline-block;content:"";background:var(--color3);width:6px;height:6px;border-radius:7px;position:absolute;top:7px;left:0;}
.notice a em.date{color:var(--color3);font-style:normal;font-weight:800;font-size:1.2rem;padding:0;margin:0;}
.notice a em.date:before{display:none;}
.notice a strong{display:block;color:var(--black);padding:20px 0 0 0;}
.notice a span{display:none;}

.more{position:absolute;top: 5px;right:0;z-index:10;}
.more a{position:relative;padding:10px;}
.more a:before{display:inline-block;content:"+";margin-right:5px;}
.more span{font-size:0px;}

/*자주찾는서비스*/
.m_service{position: relative;padding-top:40px;}
.m_service h2{text-align:center;padding-bottom:30px;}

.m_service .ms_wrap{background:var(--color7);border-radius:30px;padding:30px;height: auto;min-height: 560px;}
.m_service .ms_li{position:relative;}
.m_service .ms_li h3{font-family: 'SchoolSafetyNotification';font-weight: 400;font-size:1.4rem;float:left;width:50%;text-align:center;}
.m_service .ms_li .l_wrap{display: none;}
.m_service .ms_li.on h3 a{color:var(--color3);}
.m_service .ms_li.on .l_wrap{display: block;position:absolute;top:50px;left:0;width:100%;height: 440px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.m_service .ms_li.on .l_wrap div{height:440px !important;}

.m_service .ms_li ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 10px;width: 100%;height: auto;padding: 10px 0;height: 400px !important;}
.m_service .ms_li:nth-child(2) ul{height:450px !important;}
.m_service .ms_li li {width: 100%;gap: 10px;text-align: center;}
.m_service .ms_li li a{word-break:keep-all;}
.m_service .ms_li li span {display: block;margin: 0 auto 10px;background: var(--white) url("/upload_data/board_data/BBS_CONTENT_FILE/178218993365299.png") no-repeat center 0;border-radius: 20px;box-shadow: 0 0 5px 5px rgba(204,222,255,0.3);width: 80px;height: 80px;}

/*자주찾는서비스 아이콘 position*/
.m_service .ms_li li span.mi01_1{background-position:center 20px;}
.m_service .ms_li li span.mi01_2{background-position:center -80px;}
.m_service .ms_li li span.mi01_3{background-position:center -180px;}
.m_service .ms_li li span.mi01_4{background-position:center -280px;}
.m_service .ms_li li span.mi01_5{background-position:center -380px;}
.m_service .ms_li li span.mi01_6{background-position:center -480px;}
.m_service .ms_li li span.mi01_7{background-position:center -580px;}
.m_service .ms_li li span.mi01_8{background:#fff url("/upload_data/board_data/BBS_CONTENT_FILE/178270064231262.png") no-repeat center;}

.m_service .ms_li li span.mi02_1{background-position:center -680px;}
.m_service .ms_li li span.mi02_2{background-position:center -780px;}
.m_service .ms_li li span.mi02_3{background-position:center -880px;}
.m_service .ms_li li span.mi02_4{background-position:center -980px;}
.m_service .ms_li li span.mi02_5{background-position:center -1080px;}
.m_service .ms_li li span.mi02_6{background-position:center -1180px;}
.m_service .ms_li li span.mi02_7{background-position:center -1280px;}
.m_service .ms_li li span.mi02_8{background-position:center -1380px;}
.m_service .ms_li li span.mi02_9{background-position:center -1480px;}
.m_service .ms_li li span.mi02_10{background-position:center -1580px;}
.m_service .ms_li li span.mi02_11{background:#fff url("/upload_data/board_data/BBS_CONTENT_FILE/178270130123410.png") no-repeat center;}

.m_service .btn_all_view{display:block;background:var(--color3);color:var(--white);position:absolute;left:50%;bottom:0;transform:translate(-50%,0);padding:10px 20px;border-radius:20px 20px 0 0;}
.m_service .btn_all_view br{display:none;}
.m_service .ms_close{display:none}

/*자주찾는서비스_전체보기 클릭시*/
.m_service.all_open {position: fixed;top: 0; left: 0; width:100vw;height:100vh;background:var(--color5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 999;padding: 40px 20px;overflow-y: auto;}
.m_service.all_open h2{text-align:left;}
.m_service.all_open .ms_wrap {background: none;height: auto;padding: 0;}
.m_service.all_open ul {display: flex;flex-wrap: nowrap;}
.m_service.all_open .ms_li {display: block !important;margin-bottom: 10px;float: none;}
.m_service.all_open .ms_li h3 {float: none;width: 100%;font-size: 1.6rem;margin-bottom: 20px;border-bottom: 2px solid var(--color3);padding-bottom: 10px;text-align:left;}
.m_service.all_open .ms_li h3 a,
.m_service.all_open .ms_li.on h3 a{color: var(--black) ;}
.m_service.all_open .ms_li .l_wrap {display: block !important;position: relative !important;top: 0 !important;height: auto !important;overflow: visible !important;}
.m_service.all_open .ms_li ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;height: 430px !important;width: 100% !important;}
.m_service.all_open .ms_li:nth-child(2) .l_wrap div,
.m_service.all_open .ms_li:nth-child(2) ul{height: 580px !important;}
.m_service.all_open .ms_li li {width: 100% !important;margin-bottom: 10px;}
.m_service.all_open .btn_all_view {display:none;}
.m_service.all_open .ms_close{display:inline-block;width:40px;height:40px;border-radius:40px;font-size:0px;background:var(--color3);position:absolute;top:35px;right:20px;}
.m_service.all_open .ms_close:after{display:inline-block;content:"";width:20px;height:20px;background: var(--btnbg2) no-repeat 0 -78px;}


@media all and (min-width:375px) {
.m_service .ms_wrap{min-height: 520px;}
.m_service .ms_li.on .l_wrap,
.m_service .ms_li ul {height: 380px !important;}
}

@media all and (min-width:420px) {
.m_service .ms_wrap{min-height: 580px;}
.m_service .ms_li.on .l_wrap,
.m_service .ms_li ul {height:440px !important;}
}

/*인포존*/
.info_zone{padding:30px 20px;background:var(--color5);margin-top:30px;}
.info_zone h2{padding-bottom:20px;text-align:center;}
.info_zone .info_box .img img{width:100%;border-radius:20px;}
.info_zone .control{text-align:center;padding:20px 0 0 0;}
.info_zone .control span{display:inline-block;padding:3px 5px 0 0;}

/*보도자료*/
.main_news{position: relative;padding:35px 20px;}
.main_news .nw_wrap{margin-top: 20px;}
.main_news .nw_wrap li{margin-top: 10px;}
.main_news .nw_wrap li a{display: block;}
.main_news .nw_wrap li span{display: inline-block;width:110px;padding: 5px 0;margin-right: 10px;border: 1px solid var(--color3);font-size: 14px;font-weight: 500;text-align: center;border-radius: 50px;vertical-align: middle;}
.main_news .nw_wrap li strong{display: inline-block;width: calc(100% - 120px);vertical-align: middle;font-weight: 500;color: #222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main_news .nw_wrap li a:hover strong, .main_news .nw_wrap li a:focus strong{text-decoration: underline;}
.main_news .nw_wrap li em{display: none;}
.main_news .more{top:40px;right:20px;}
.main_news .more2{position:absolute;top:40px;right:90px;}
.main_news .more2 a{position:relative;color:var(--color3)}
.main_news .more2 a:before{display:inline-block;content:"+";margin-right:5px;}

.sec3{}
/*생생영상*/
.main_mv{position: relative;background:var(--color5);padding: 40px 20px;}
.main_mv .nw_wrap{margin-top: 20px;display: flex;flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;gap: 16px;padding-bottom: 10px;}
.main_mv .nw_wrap .img{flex: 0 0 100%;scroll-snap-align: start;}
.main_mv .nw_wrap .img a{display: block;position: relative;}
.main_mv .nw_wrap .img a:hover, .main_mv .nw_wrap .img a:focus{text-decoration: underline;}
.main_mv .nw_wrap .img img{width: 100%;border-radius: 15px;}
.main_mv .nw_wrap .img a>img{height: auto;aspect-ratio: 16 / 9;object-fit: cover;}
.main_mv .nw_wrap .img em{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);width: 45px;}
.main_mv .nw_wrap .img span{display: block;margin: 20px 0;font-size: 18px;font-weight: 500;color: #000;text-align: center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main_mv .more{position: absolute;top: 40px;right: 25px;}
.main_mv .more span{position: absolute;top:-9999px;left:-9999px;font-size: 0;}
.main_mv .scroll{width: 90%;}
.main_mv .btn{margin: 20px 0 0;text-align: center;}
.main_mv .more{top: 45px;right: 25px;}

.sec4{}
/*우리교육청 소통공간 SNS*/
.sns_tt{padding: 40px 20px 0;}
.sns_tt .txt{font-size:1.05rem;padding:10px 0 20px 22px;}
.sns_tt .txt br{display:none;}
.sns_tt .sns_btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:right;}
.sns_tt .sns_btn li{width:calc(100% / 5);}
.sns_tt .sns_btn a{display:block;width:60px;height:60px;font-size:0px;background:url("/images/01_potal/new2026/main/sns_icon.png") no-repeat;border-radius:20px;}
.sns_tt .sns_btn a.sns_b{background-position:center 0}
.sns_tt .sns_btn a.sns_f{background-position:center -60px}
.sns_tt .sns_btn a.sns_i{background-position:center -120px}
.sns_tt .sns_btn a.sns_y{background-position:center -180px}
.sns_tt .sns_btn a.sns_k{background-position:center -240px}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 20px;}
.sns_list{padding: 60px 0 0 0;}
.sns_wrap .img{position:relative;background:var(--white);border-radius:20px;box-shadow:0 0 5px 5px rgba(204,222,255,0.3);padding:50px 30px 30px;margin:0 0 50px 0;}
.sns_wrap .img a strong{display: block;margin-bottom: 20px;height: 3.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;}
.sns_wrap .img a span{display: block;height: 3.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;}
.sns_wrap .img:after{display:block;content:"";width:60px;height:60px;background:url("/images/01_potal/new2026/main/sns_icon.png") no-repeat;border-radius:20px 20px 20px 0;position:absolute;top:-30px;left:0;}
.sns_wrap .img.blog:after{background-position:center 0}
.sns_wrap .img.fb:after{background-position:center -60px}
.sns_wrap .img.ins:after{background-position:center -120px}
.sns_wrap .img.yt:after{background-position:center -180px}
.sns_wrap .img.kko:after{background-position:center -240px}

/*유튜브영상 iframe*/
.main_vid{margin:0 25px;}
.main_vid iframe{border-radius:30px;box-shadow:0 10px 30px var(--gray3);height:210px;}

@media all and (min-width:420px) {
#pc_list{display:none}    
#mo_list{display:block}    
.m_service .ms_li ul {grid-template-columns: repeat(3, 1fr);}
}

/*tablet*/
@media all and (min-width:768px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{height: 1130px;}
.s1_left{padding:0 40px;}

.pb .img img,
.pb .video video{height: 440px;}
    
.slogan{margin-left:300px;}
.slogan img{width:auto;}
.s1_search{margin:20px 0 10px 300px;}   

.ch_btn1{position:relative}
.ch_btn1:before{width:323px;height:357px;background-size:auto;bottom:-19px;left:20px;}
.ch_btn1:after{display:block;content:"";clear:both;}
.ch_btn1 ul{float:right;width:450px;padding: 10px 50px 10px 160px;}
.ch_btn1 li a{font-size:1.3rem;}

.s1_right{height:540px;}
    
/*알림존*/   
.info{padding:40px;}  
.info .il_box{display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;width: 100%;max-height: 300px;overflow:hidden;}
.info .il_box .img{display:block !important;width: calc((100% - 30px) / 3);text-align:center;}
.info .il_box .img img {height:290px;width:auto;}

/*공지사항*/
.mc1{padding:0 40px;}
.notice .scroll_wrap ul:after{display:block;content:"";clear:both;}
.notice li{float:left;width:calc(100% / 2 - 10px);margin:5px;}
.notice li:first-child{width:calc(100% - 10px);margin:5px 10px 5px 5px}
.notice li:first-child a strong{border-bottom:solid 1px var(--color4);padding-bottom:15px;font-size:1.2rem;}
.notice li:first-child span{display:block;display: -webkit-box;color:var(--gray3);padding-top:15px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;}
.notice a{padding:30px;}
.notice li a strong{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.more{top:25px;}
.more a{padding:10px;}

/*자주찾는서비스*/
.m_service .ms_wrap{min-height: 280px;}
.m_service .ms_li.on .l_wrap{display: block;height: auto;overflow:hidden;padding-bottom: 10px;height:150px !important;}
.m_service .ms_li.on .l_wrap div{height: 150px !important;}
.m_service .ms_li ul {display: grid;grid-template-columns: repeat(6, 1fr);width: 100%;height: 160px !important;}
.m_service .ms_li:nth-child(2) ul{height: 160px !important;}
.m_service .ms_li li {flex: 0 0 auto;/* width: 100px; *//* padding-bottom:15px; */}
.m_service.all_open .ms_li.on .l_wrap{height: 320px !important;}
.m_service.all_open .ms_li .l_wrap div{height: 280px !important;}
.m_service.all_open .ms_li ul {grid-template-columns: repeat(6, 1fr);height: 310px !important;}
.m_service.all_open .ms_li:nth-child(2) .l_wrap div,
.m_service.all_open .ms_li:nth-child(2) ul{height:310px !important;}

/*인포존*/   
.info_zone{padding:40px;}  
.info_zone .if_wrap{display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;width: 100%;max-height: 260px;overflow:hidden;}
.info_zone .info_box .img{display:block !important; width: calc((100% - 30px) / 3);text-align:center;}
.info_zone .info_box .img img {height: 250px;width:auto;}

/*보도자료*/
.main_news{padding:40px;}
.main_news .nw_wrap li{position:relative;}
.main_news .nw_wrap li em{display:inline-block;font-style:normal;position:absolute;right: 0;top: 4px;}
.main_news .more{right:20px;}
.main_news .more2{right:110px;}

/*생생영상*/ 
.main_mv{padding:40px;}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - 16px) / 2);width: calc((100% - 16px) / 2);}
.main_mv .more{right:40px;}

/*우리교육청 소통공간 SNS*/
.sns_tt{position:relative;padding:40px 40px 0 40px;}
.sns_tt .sns_btn{position:absolute;top:40px;right:40px;}
.sns_tt .sns_btn li{width: calc((100% - 50px) / 5);margin:0 5px}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 40px 40px 40px;}
.sns_wrap:after{display:block;content:"";clear:both;}
.sns_wrap .img{float:left;width:calc(50% - 20px);margin: 0 10px;}

/*유튜브영상 iframe*/
.main_vid{margin:0 40px;}
.main_vid iframe{height:400px;}
}


/*laptop*/
@media all and (min-width:1024px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{height:550px;} 
.s1_left{float:left;width:45vw;position:relative;left:inherit;bottom:inherit;padding:40px;}

.pb .img img,
.pb .video video{height: 550px;}
    
.slogan{margin-left:0;}
.s1_search{margin:20px 0 10px 0;}   

.ch_btn1{}
.ch_btn1:before{width:160px;height:211px;background-size:cover;bottom:0px;left:0;}
.ch_btn1 ul{width:100%;}
.ch_btn1 li a:hover,
.ch_btn1 li a:focus{color:#fff200}
.ch_btn1 li a:hover:after,
.ch_btn1 li a:focus:after{right:0;transition:.3s all}

.s1_right{position:relative;float:right;width: 53vw;clear:inherit;margin:0;overflow:hidden;height:550px;}
 
.pb{padding:0;}
.pb h2{position:absolute;top:-5000px;left:-5000px;}
.pb .img img{border-radius:50px 0 0 80px;height:550px;}
.pb .video video{border-radius:50px 0 0 80px;height:550px;background:var(--black)}

.s1_right .btn_open{display:none;}
.s1_right .btn_open a{font-size:16px;}
.s1_right .btn_open a br{display:block;} 
.s1_right .btn_open.on{display:block;position:absolute;top:50%;transform:translate(0, -50%)}
.s1_right .btn_open.bo2{right:-45px;}
.s1_right .btn_open.bo2:hover,
.s1_right .btn_open.bo2:focus{right:0;transition:.5s all}
.s1_right .btn_open.bo2 a{position:relative;display:inline-block;background:var(--white);padding:20px 14px 20px 40px;border-radius:50px 0 0 50px;color:var(--black)}
.s1_right .btn_open.bo2 a:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -200px 0;position:absolute;left:14px;top:50%;transform:translate(0, -50%)}
 
.s1_right .btn_open.bo1{right:inherit;left:-45px;z-index: 1;}
.s1_right .btn_open.bo1:hover,
.s1_right .btn_open.bo1:focus{left:0;transition:.5s all}
.s1_right .btn_open.bo1 a{position:relative;display:inline-block;background:var(--color1);padding:20px 40px 20px 14px;border-radius:0 50px 50px 0;color:var(--white)}
.s1_right .btn_open.bo1 a:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -40px 0;position:absolute;right:14px;top:50%;transform:translate(0, -50%)}
.s1_right .btn_open.bo1 a:after,
.s1_right .btn_open.bo2 a:after{display:none;}

/*알림존*/   
.info{position: absolute;width: 100%;height: 550px;padding: 50px 100px;background: var(--color5);border-radius: 47px 0 0 76px;top: 0;right: -100%;visibility: hidden;transition: right .5s ease, opacity .5s ease, visibility .5s;}  
.info.on{visibility: visible;right: 0;}

.info .il_box{max-height: 460px;}
.info_zone .info_box .img{width: calc((100% - 30px) / 1);text-align:center;}
.info .il_box .img img {height: 450px;}

.info .control{padding:0;position:absolute;right:30px;bottom:90px;}
.info .control span{display:none !important;}
.info .control .btn button{position:relative;background:var(--white);width:80px;height:80px;border-radius:50%;display:block;margin-top:-10px;box-shadow:0 0 7px 7px rgba(202,226,248,0.2);}
.info .control .btn button:before{display:inline-block;content:"";width:25px;height:25px;background:var(--btnbg2) no-repeat 0;text-align:center;}
.info .control .btn button.prev:before{background-position:3px -40px;}
.info .control .btn button.next:before{background-position:-22px -40px;}
.info .control .btn button.play:before{background-position:-103px -79px;}
.info .control .btn button.stop:before{background-position:-70px -79px;}
.info .control .btn button.list{width:80px;height:80px;}
.info .control .btn button.list:before{background-position:-57px -40px;}

/*알림존_인포존 모아보기*/
.info_all.on{padding:60px 15vw;z-index:100;}
.info_all .tit{font-size:1.3rem;}
.info_all .con{height:75vh;}
.info_all .con ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:left;}
.info_all .con li{width:calc(33.3333% - 10px);}
.info_all button{top:75px;right:15vw;}

.sec2{clear:both;}
/*공지사항*/
.main_bbs{height:620px;}
.notice h2{float:left;border:none;}
.notice h2 a{font-size:1.5rem;color:var(--gray3);padding-top:35px;}
.notice h2 a:hover,
.notice h2 a:focus{color:var(--color2)}
.notice.on h2 a{font-size:2.0rem;color:var(--color1);padding-top:30px;}
.notice .scroll_wrap{position:absolute;top:100px;left:0;}
   
.more{top:28px;}
.more a:hover,
.more a:focus,
.more2 a:hover,
.more2 a:focus{text-decoration:underline}

.m_service .ms_li ul {grid-template-columns: repeat(7, 1fr);}
.m_service .ms_li li a:hover,
.m_service .ms_li li a:focus{text-decoration:underline;}
.m_service .ms_li li a:hover span,
.m_service .ms_li li a:focus span{border:solid 1px var(--color3)}

 /*인포존*/   
.info_zone .if_wrap{max-height: 340px;}
.info_zone .info_box .img img {height: 330px;}   

/*생생영상*/    
.main_mv .nw_wrap {flex-wrap: wrap;overflow-x: visible;scroll-snap-type: none;}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - (16px * 2)) / 3);width: calc((100% - (16px * 2)) / 3);}
.main_mv .control{display:none;}

/*우리교육청 소통공간 SNS*/
.sns_tt{padding: 40px 40px 0;}
.sns_tt h2{font-size:2.1rem;}
.sns_tt .txt{font-size:1.4rem;padding:10px 0 20px 32px;}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 40px 40px 40px;}

/*유튜브영상 iframe*/
.main_vid iframe{height:500px;}
}


/*desktop*/
@media all and (min-width:1400px) {
#pc_list{display:block}    
#mo_list{display:none}    
.main_container{padding-top:0;}
 
.sec1{position:relative;background:none;margin:0 0 80px 3vw;height:700px;}
.sec1:before{display:block;content:"";width:92vw;height:80px;background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 50%);border-radius:0 0 90px 0;position:absolute;bottom:-40px;left:-3vw;z-index:-1;}
.sec1:after{display:block;content:"";clear:both;}

.pb .img img,
.pb .video video{height: 700px;}
 
.s1_left{padding:0;width:32vw;}
.slogan{text-align:left;padding-top: 70px;}

.s1_chief p{padding-top:40px;}
.ch_btn1:before{width:323px;height:357px;background-size:auto;bottom:-19px;left:-20px;}
.ch_btn1{margin-top:100px;}
.ch_btn1:before{display:block;}
.ch_btn1 ul{width:50%;padding-left:30px;}

.ch_btn2 li a:hover,
.ch_btn2 li a:focus{background:var(--color3);}

.s1_right{width: 62vw;height:700px;}
 
/*알림존*/   
.info{height: 700px;}  
.info h2{position:relative;top: inherit;left:inherit;text-align:left;font-size:2.2rem;padding-bottom:60px;}

.info .il_box .img{width: calc((100% - 30px) / 2);}
.info .il_box .img img{border-radius:40px;}

.sec2{margin:0 0 0 3vw}
/*공지사항*/
.mc1{padding:0;}
.mc1:after{display:block;content:"";clear:both;}
.m_cn{float:left;width:63vw}
.main_bbs{height:470px;}
.notice .scroll_wrap {width: 100%;}
.notice .scroll_wrap ul {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.notice .scroll_wrap ul:after {display: none;}
.notice li {float: none;width: auto !important;margin: 0 !important;height: 100%;}
.notice li:first-child {grid-column: 1 / 2;grid-row: 1 / 3;}
.notice li:hover,
.notice li:focus{border:solid 1px var(--color1)}
.notice li:not(:first-child) {grid-column: span 1;}
.notice li:first-child a strong{padding:30px 0;}
.notice li:first-child span{padding-top:30px;}
.notice li a strong{white-space:normal}
.more{top:30px;} 

/*자주찾는서비스*/
.m_service{float:right;width:30vw;padding:30px 0;display: flex;align-items: top;flex-wrap: wrap;height: 450px;}
.m_service:before{display:inline-block;content:"";width:100%;height:350px;background: var(--color7);border-radius: 30px 0 0 30px;position:absolute;bottom:0;right:0;z-index:-1}
.m_service h2{text-align:left;font-size:1.8rem;margin-right: 40px;padding:0;}

.m_service .ms_wrap {display: flex;align-items: top;flex: 1;background: none;padding: 0;min-height: auto;}
.m_service .ms_li {position: static;float: none;}
.m_service .ms_li h3 {float: none;width: auto;margin-right: 15px;padding-top:5px;}
.m_service .ms_li h3 a:hover,
.m_service .ms_li h3 a:focus{color:var(--color6)}
.m_service .ms_li.on .l_wrap {position: absolute;top: 100px;left: 0;width:350px;padding:10px 0;margin:30px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scroll-behavior: smooth;}
.m_service .ms_li ul {display: grid;grid-template-rows: auto;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);width: 100%;gap: 15px;height: 270px !important;padding-right: 30px;}
.m_service .ms_li:nth-child(2) ul{height: 290px !important;}
.m_service .ms_li li {width: 100%;}
.m_service .btn_all_view{display:inline-block;background:var(--white);padding:20px 20px 20px 40px;border-radius:50px 0 0 50px;color:var(--black);top:50%;right:-3vw;bottom:inherit;left:inherit;}
.m_service .btn_all_view:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -200px 0;position:absolute;left:14px;top:50%;transform:translate(0, -50%)}
.m_service .btn_all_view br{display:block;}
.m_service.all_open .ms_li.on .l_wrap div{height: 320px !important;}
.m_service .ms_li.on .l_wrap div{height: 260px !important;}

/*자주찾는서비스_전체보기 클릭시*/
.m_service.all_open {display: block;padding: 60px 80px;}
.m_service.all_open:before{display:none;}
.m_service.all_open h2 {margin-right: 0;margin-bottom: 40px;}
.m_service.all_open .ms_wrap {display: block; width: 100%;}
.m_service.all_open .ms_wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 60px;}
.m_service.all_open .ms_li .l_wrap{margin: 30px 0;}
.m_service.all_open .ms_li.on .l_wrap {position: relative !important;top: 0 !important;width: 100% !important;padding: 0 !important;background: none !important;overflow: visible !important;margin: 30px 0;}
.m_service.all_open .ms_li ul {display: grid !important;grid-template-rows: auto !important;grid-auto-flow: row !important;grid-template-columns: repeat(5, 1fr) !important;width: 100% !important;gap: 20px 15px !important;height: 340px !important;}
.m_service.all_open .ms_li li {width: 100% !important;}
.m_service.all_open .ms_close {top: 55px;right: 80px;}

.mc2{margin-right:3vw;padding:50px 0;}
.mc2:after{display:block;content:"";clear:both;}
 
/*인포존*/   
.info_zone{position:relative;padding:0;background:none;float:left;width: 48vw;margin:0;}  
.info_zone h2{text-align:left;font-size:1.8rem;}
.info_zone .if_wrap{max-height: 380px;}
.info_zone .info_box .img{width: calc((100% - 30px) / 2);}
.info_zone .info_box .img img {height: 370px;}
.info_zone .control{text-align:left;padding:0;position:absolute;top: 7px;right: 20px;}
.info_zone .control span{display:inline-block;padding:3px 5px 0 0;}

/*보도자료*/
.main_news{padding:0;float:right;width:44vw}
.main_news h2{font-size:1.8rem;border-bottom:solid 1px var(--gray3);padding-bottom:25px;}
.main_news .nw_wrap li span{padding: 9px 0;}
.main_news .nw_wrap li strong{width: calc(100% - 250px);}
.main_news .nw_wrap li em{top: 10px;}
 
.main_news .more{right:-7px;top:10px}
.main_news .more2{right:80px;top:10px;}

/*생생영상*/ 
.main_mv{background:none;padding:0;margin:0 3vw}
.main_mv h2{font-size:1.8rem;text-align:center;padding-bottom:40px;}
.main_mv:before{display:block;content:"";width:80vw;height:370px;background:var(--color5);border-radius:50px;position:absolute;top:55px;left:50%;transform:translate(-50%);z-index:-1;}
.main_mv .more{right:40px;top:0;}

.sec4{position:relative;margin:0 3vw 70px 3vw}
.sec4:after{display:block;content:"";clear:both;}
.sec4:before{display:block;content:"";width:95vw;height:90%;background:var(--color5);border-radius:200px 0 0 0;position:absolute;bottom:-70px;right:-5vw;z-index:-1;}
 
/*우리교육청 소통공간 SNS*/
.sns_tt{padding:80px 0 0 0;}
.sns_tt .sns_btn{top: 90px;right: 0px;}

/*SNS 게시글 불러오기*/
.main_sns{float:left;width:35vw;padding:0;} 
.sns_list{padding: 40px 0 0 0;}
.sns_wrap .img{margin:0;}
.sns_wrap .img:nth-child(1){width:60%;margin-bottom:60px;}
.sns_wrap .img:nth-child(2){width:60%;float:right;} 

/*유튜브영상 iframe*/
.main_vid{float:right;width:55vw;margin:0;}
.main_vid iframe{height:500px;} 
}

/*desktop_wide*/
@media all and (min-width:1600px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{margin:0 0 80px 5vw;height:750px;}    
.sec1:before{left:-5vw}
 
.s1_left{width:23vw;}

.pb .img img,
.pb .video video{height: auto;}

.ch_btn1{margin-left:100px;}
.ch_btn1:before{left:-130px;}
.ch_btn1 ul{width:70%;}

.s1_right{width: 69vw;height:720px;}

.pb .video video,
.pb .img img{height:720px;}

/*알림존*/   
.info.on{height:720px;}
.info h2{padding-bottom:30px;}
.info .img_list{width: 90%;}
.info .il_box{max-height: 560px;}
.info .il_box .img img {height:550px;}
.info .control{right: 5vw;}

.sec2{margin:0 0 0 5vw}
.m_cn{width:61vw}

/*공지사항*/
.notice .scroll_wrap ul{gap:20px 45px;}
.notice li:first-child a{padding:60px 30px;}

/*자주찾는서비스*/
.m_service{width:30vw;}
.m_service:before{}
.m_service .ms_li.on .l_wrap {width: 410px;margin: 30px 50px 30px 50px;overflow-x: auto;padding: 0;height: 300px !important;}
.m_service .ms_li li {/* width: 110px; */}
.m_service .btn_all_view{padding: 30px 30px 30px 40px;}
.m_service .btn_all_view br{display:block;}
.m_service .ms_li ul {height: 250px !important;}
.m_service .ms_li:nth-child(2) ul{height: 270px !important;}

.m_service.all_open .ms_li ul {grid-template-columns: repeat(6, 1fr) !important;}
.m_service.all_open .ms_li:nth-child(2) ul{height:280px !important;}

.mc2{margin-right:5vw;}

/*인포존*/   
.info_zone{width: 39vw;}  
.info_zone .if_wrap{max-height: 420px;gap: 30px;}
.info_zone .info_box .img img {height: 410px;}
.info_zone .control{right:5px;}

/*보도자료*/
.main_news{width: 47vw;}
.main_news h2{font-size:1.8rem;border-bottom:solid 1px var(--gray3);padding-bottom:25px;}
.main_news .nw_wrap li{margin-top: 13px;}
.main_news .nw_wrap li a{font-size:1.1rem;}
.main_news .nw_wrap li span{padding: 11px 0;width:140px;font-size:1rem;}
.main_news .nw_wrap li strong{width: calc(100% - 300px);}

/*생생영상*/ 
.main_mv{margin: 50px 5vw;}
.main_mv h2{font-size:2.1rem;padding-bottom:60px;}
.main_mv .nw_wrap{gap:40px}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - (40px * 2)) / 3);}
.main_mv:before{height: 470px;border-radius:70px;}
.main_mv .more{right:0;top:10px;}

.sec4{margin:50px 5vw;}
.sec4:before{border-radius:250px 0 0 0;width:85vw;height:100%;bottom: -50px;}
 
/*우리교육청 소통공간 SNS*/
.sns_tt{padding:0;position:absolute;top:100px;right:0;width:24vw;height: 443px;}
.sns_tt:after{display:block;content:"";width:287px;height:331px;background:url("/images/01_potal/new2026/main/mb_bg.png") no-repeat 0 0;position:absolute;right:-5vw;bottom: -50px;}
.sns_tt .sns_btn{top: 120px;right:inherit;left:0;width:60%;}
.sns_tt .sns_btn li{width: calc((100% - 70px) / 3);margin:10px}

/*SNS 게시글 불러오기*/
.main_sns{width:21vw;padding-top:50px;margin-right:40px;} 
.sns_list{padding: 40px 0 0 0;}
.sns_wrap .img:nth-child(1){width:80%;}
.sns_wrap .img:nth-child(2){width:80%;} 

/*유튜브영상 iframe*/
.main_vid{float:left;width:40vw;margin:90px 0 0 0;}
.main_vid iframe{height:450px;} 
}

/*알림존, 인포존, 자주찾는 서비스 전체보기 클릭시 fixed 위치값 제어를 위한 transform 제거*/
.s1_right.aos-animate,
.info_zone.aos-animate,
.m_service.aos-animate{transform: none !important;}

/*관리자메뉴*/
.ad_modi{position: relative;margin: 20px 0;height: 40px;max-width: 400px;}
.ad_modi button{display: block;position: absolute;top: 0;right: 0;width: 40px;height: 40px;padding: 0;background: url("/images/01_potal/common/btn_set.png") no-repeat 0 -260px var(--dkgray);font-size: 0;overflow: hidden;border-radius: 100%;}
.ad_modi div{display: none;position: absolute;right: 50px;width: auto;padding: 10px;padding-right: 40px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.4);border-radius: 20px;overflow: hidden;max-width: 300px;}
.ad_modi div.on{display: block;width: 300px;}
.ad_modi div ul li{display: inline-block;width: 48%;position: relative;}
.ad_modi div ul li:first-child:after{position: absolute;right: 0;top: 5px;width: 1px;height: 10px;content: "";background: #ddd;}
.ad_modi div ul li a{display: block;text-align: center;font-size: 14px;color: #000;}
.ad_modi div ul li a:hover, .ad_modi div ul li a:focus{text-decoration: underline;}
.ad_modi div button{right: 0;top: 0;height: 40px;width: 40px;background: url("/images/01_potal/common/btn_set.png") no-repeat -187px -107px #eee;border-radius: 5px;}

.s1_search .topsch_pop{position: absolute;left: 0;right: 0;background: #fff;padding: 20px;border-radius: 8px;border: 1px solid #717171;z-index: 100;}
.s1_search .topsch_pop ul{display: flex;flex-direction: column;gap: 16px;}
.s1_search .topsch_pop em{font-style: normal;font-weight: 700;color: #2768ff;}                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             {display: block;position:absolute;top:50px;left:0;width:100%;height: 490px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;}

.m_service .ms_li ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px 10px;width: 100%;height: auto;padding: 10px 0;height: 400px !important;}
.m_service .ms_li:nth-child(2) ul{height:450px !important;}
.m_service .ms_li li {width: 100%;gap: 10px;text-align: center;}
.m_service .ms_li li a{word-break:keep-all;}
.m_service .ms_li li span {display: block;margin: 0 auto 10px;background: var(--white) url("/upload_data/board_data/BBS_CONTENT_FILE/178218993365299.png") no-repeat center 0;border-radius: 20px;box-shadow: 0 0 5px 5px rgba(204,222,255,0.3);width: 80px;height: 80px;}

/*자주찾는서비스 아이콘 position*/
.m_service .ms_li li span.mi01_1{background-position:center 20px;}
.m_service .ms_li li span.mi01_2{background-position:center -80px;}
.m_service .ms_li li span.mi01_3{background-position:center -180px;}
.m_service .ms_li li span.mi01_4{background-position:center -280px;}
.m_service .ms_li li span.mi01_5{background-position:center -380px;}
.m_service .ms_li li span.mi01_6{background-position:center -480px;}
.m_service .ms_li li span.mi01_7{background-position:center -580px;}
.m_service .ms_li li span.mi01_8{background:#fff url("/upload_data/board_data/BBS_CONTENT_FILE/178270064231262.png") no-repeat center;}

.m_service .ms_li li span.mi02_1{background-position:center -680px;}
.m_service .ms_li li span.mi02_2{background-position:center -780px;}
.m_service .ms_li li span.mi02_3{background-position:center -880px;}
.m_service .ms_li li span.mi02_4{background-position:center -980px;}
.m_service .ms_li li span.mi02_5{background-position:center -1080px;}
.m_service .ms_li li span.mi02_6{background-position:center -1180px;}
.m_service .ms_li li span.mi02_7{background-position:center -1280px;}
.m_service .ms_li li span.mi02_8{background-position:center -1380px;}
.m_service .ms_li li span.mi02_9{background-position:center -1480px;}
.m_service .ms_li li span.mi02_10{background-position:center -1580px;}
.m_service .ms_li li span.mi02_11{background:#fff url("/upload_data/board_data/BBS_CONTENT_FILE/178270130123410.png") no-repeat center;}

.m_service .btn_all_view{display:block;background:var(--color3);color:var(--white);position:absolute;left:50%;bottom:0;transform:translate(-50%,0);padding:10px 20px;border-radius:20px 20px 0 0;}
.m_service .btn_all_view br{display:none;}
.m_service .ms_close{display:none}

/*자주찾는서비스_전체보기 클릭시*/
.m_service.all_open {position: fixed;top: 0; left: 0; width:100vw;height:100vh;background:var(--color5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);z-index: 999;padding: 40px 20px;overflow-y: auto;}
.m_service.all_open h2{text-align:left;}
.m_service.all_open .ms_wrap {background: none;height: auto;padding: 0;}
.m_service.all_open ul {display: flex;flex-wrap: nowrap;}
.m_service.all_open .ms_li {display: block !important;margin-bottom: 10px;float: none;}
.m_service.all_open .ms_li h3 {float: none;width: 100%;font-size: 1.6rem;margin-bottom: 20px;border-bottom: 2px solid var(--color3);padding-bottom: 10px;text-align:left;}
.m_service.all_open .ms_li h3 a,
.m_service.all_open .ms_li.on h3 a{color: var(--black) ;}
.m_service.all_open .ms_li .l_wrap {display: block !important;position: relative !important;top: 0 !important;height: auto !important;overflow: visible !important;}
.m_service.all_open .ms_li ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;height: 430px !important;width: 100% !important;}
.m_service.all_open .ms_li:nth-child(2) .l_wrap div,
.m_service.all_open .ms_li:nth-child(2) ul{height: 580px !important;}
.m_service.all_open .ms_li li {width: 100% !important;margin-bottom: 10px;}
.m_service.all_open .btn_all_view {display:none;}
.m_service.all_open .ms_close{display:inline-block;width:40px;height:40px;border-radius:40px;font-size:0px;background:var(--color3);position:absolute;top:35px;right:20px;}
.m_service.all_open .ms_close:after{display:inline-block;content:"";width:20px;height:20px;background: var(--btnbg2) no-repeat 0 -78px;}


@media all and (min-width:375px) {
.m_service .ms_wrap{min-height: 520px;}
.m_service .ms_li.on .l_wrap,
.m_service .ms_li ul {height: 380px !important;}
}

@media all and (min-width:420px) {
#pc_list{display:none}    
#mo_list{display:block} 
.m_service .ms_wrap{min-height: 580px;}
.m_service .ms_li.on .l_wrap,
.m_service .ms_li ul {height:440px !important;grid-template-columns: repeat(3, 1fr);}  

}

/*인포존*/
.info_zone{padding:30px 20px;background:var(--color5);margin-top:30px;}
.info_zone h2{padding-bottom:20px;text-align:center;}
.info_zone .info_box .img img{width:100%;border-radius:20px;}
.info_zone .control{text-align:center;padding:20px 0 0 0;}
.info_zone .control span{display:inline-block;padding:3px 5px 0 0;}

/*보도자료*/
.main_news{position: relative;padding:35px 20px;}
.main_news .nw_wrap{margin-top: 20px;}
.main_news .nw_wrap li{margin-top: 10px;}
.main_news .nw_wrap li a{display: block;}
.main_news .nw_wrap li span{display: inline-block;width:110px;padding: 5px 0;margin-right: 10px;border: 1px solid var(--color3);font-size: 14px;font-weight: 500;text-align: center;border-radius: 50px;vertical-align: middle;}
.main_news .nw_wrap li strong{display: inline-block;width: calc(100% - 120px);vertical-align: middle;font-weight: 500;color: #222;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main_news .nw_wrap li a:hover strong, .main_news .nw_wrap li a:focus strong{text-decoration: underline;}
.main_news .nw_wrap li em{display: none;}
.main_news .more{top:40px;right:20px;}
.main_news .more2{position:absolute;top:40px;right:90px;}
.main_news .more2 a{position:relative;color:var(--color3)}
.main_news .more2 a:before{display:inline-block;content:"+";margin-right:5px;}

.sec3{}
/*생생영상*/
.main_mv{position: relative;background:var(--color5);padding: 40px 20px;}
.main_mv .nw_wrap{margin-top: 20px;display: flex;flex-wrap: nowrap;overflow-x: auto;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;gap: 16px;padding-bottom: 10px;}
.main_mv .nw_wrap .img{flex: 0 0 100%;scroll-snap-align: start;}
.main_mv .nw_wrap .img a{display: block;position: relative;}
.main_mv .nw_wrap .img a:hover, .main_mv .nw_wrap .img a:focus{text-decoration: underline;}
.main_mv .nw_wrap .img img{width: 100%;border-radius: 15px;}
.main_mv .nw_wrap .img a>img{height: auto;aspect-ratio: 16 / 9;object-fit: cover;}
.main_mv .nw_wrap .img em{position: absolute;top: 40%;left: 50%;transform: translate(-50%,-50%);width: 45px;}
.main_mv .nw_wrap .img span{display: block;margin: 20px 0;font-size: 18px;font-weight: 500;color: #000;text-align: center;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main_mv .more{position: absolute;top: 40px;right: 25px;}
.main_mv .more span{position: absolute;top:-9999px;left:-9999px;font-size: 0;}
.main_mv .scroll{width: 90%;}
.main_mv .btn{margin: 20px 0 0;text-align: center;}
.main_mv .more{top: 45px;right: 25px;}

.sec4{}
/*우리교육청 소통공간 SNS*/
.sns_tt{padding: 40px 20px 0;}
.sns_tt .txt{font-size:1.05rem;padding:10px 0 20px 22px;}
.sns_tt .txt br{display:none;}
.sns_tt .sns_btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:right;}
.sns_tt .sns_btn li{width:calc(100% / 5);}
.sns_tt .sns_btn a{display:block;width:60px;height:60px;font-size:0px;background:url("/images/01_potal/new2026/main/sns_icon.png") no-repeat;border-radius:20px;}
.sns_tt .sns_btn a.sns_b{background-position:center 0}
.sns_tt .sns_btn a.sns_f{background-position:center -60px}
.sns_tt .sns_btn a.sns_i{background-position:center -120px}
.sns_tt .sns_btn a.sns_y{background-position:center -180px}
.sns_tt .sns_btn a.sns_k{background-position:center -240px}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 20px;}
.sns_list{padding: 60px 0 0 0;}
.sns_wrap .img{position:relative;background:var(--white);border-radius:20px;box-shadow:0 0 5px 5px rgba(204,222,255,0.3);padding:50px 30px 30px;margin:0 0 50px 0;}
.sns_wrap .img a strong{display: block;margin-bottom: 20px;height: 3.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;}
.sns_wrap .img a span{display: block;height: 3.0em;overflow: hidden;word-wrap: break-word;display:  -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;}
.sns_wrap .img:after{display:block;content:"";width:60px;height:60px;background:url("/images/01_potal/new2026/main/sns_icon.png") no-repeat;border-radius:20px 20px 20px 0;position:absolute;top:-30px;left:0;}
.sns_wrap .img.blog:after{background-position:center 0}
.sns_wrap .img.fb:after{background-position:center -60px}
.sns_wrap .img.ins:after{background-position:center -120px}
.sns_wrap .img.yt:after{background-position:center -180px}
.sns_wrap .img.kko:after{background-position:center -240px}

/*유튜브영상 iframe*/
.main_vid{margin:0 25px;}
.main_vid iframe{border-radius:30px;box-shadow:0 10px 30px var(--gray3);height:210px;}


/*tablet*/
@media all and (min-width:768px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{height: 1130px;}
.s1_left{padding:0 40px;}

.pb .img img,
.pb .video video{height: 440px;}
    
.slogan{margin-left:300px;}
.slogan img{width:auto;}
.s1_search{margin:20px 0 10px 300px;}   

.ch_btn1{position:relative}
.ch_btn1:before{width:323px;height:357px;background-size:auto;bottom:-19px;left:20px;}
.ch_btn1:after{display:block;content:"";clear:both;}
.ch_btn1 ul{float:right;width:450px;padding: 10px 50px 10px 160px;}
.ch_btn1 li a{font-size:1.3rem;}

.s1_right{height:540px;}
    
/*알림존*/   
.info{padding:40px;}  
.info .il_box{display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;width: 100%;max-height: 300px;overflow:hidden;}
.info .il_box .img{display:block !important;width: calc((100% - 30px) / 3);text-align:center;}
.info .il_box .img img {height:290px;width:auto;}

/*공지사항*/
.mc1{padding:0 40px;}
.notice .scroll_wrap ul:after{display:block;content:"";clear:both;}
.notice li{float:left;width:calc(100% / 2 - 10px);margin:5px;}
.notice li:first-child{width:calc(100% - 10px);margin:5px 10px 5px 5px}
.notice li:first-child a strong{border-bottom:solid 1px var(--color4);padding-bottom:15px;font-size:1.2rem;}
.notice li:first-child span{display:block;display: -webkit-box;color:var(--gray3);padding-top:15px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;width: 100%;}
.notice a{padding:30px;}
.notice li a strong{width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.more{top:25px;}
.more a{padding:10px;}

/*자주찾는서비스*/
.m_service .ms_wrap{min-height: 280px;}
.m_service .ms_li.on .l_wrap{display: block;height: auto;overflow:hidden;padding-bottom: 10px;height:150px !important;}
.m_service .ms_li.on .l_wrap div{height: 150px !important;}
.m_service .ms_li ul {display: grid;grid-template-columns: repeat(6, 1fr);width: 100%;height: 160px !important;}
.m_service .ms_li:nth-child(2) ul{height: 160px !important;}
.m_service .ms_li li {flex: 0 0 auto;/* width: 100px; *//* padding-bottom:15px; */}
.m_service.all_open .ms_li.on .l_wrap{height: 320px !important;}
.m_service.all_open .ms_li .l_wrap div{height: 330px !important;}
.m_service.all_open .ms_li ul {grid-template-columns: repeat(6, 1fr);height: 310px !important;}
.m_service.all_open .ms_li:nth-child(2) .l_wrap div,
.m_service.all_open .ms_li:nth-child(2) ul{height:310px !important;}

/*인포존*/   
.info_zone{padding:40px;}  
.info_zone .if_wrap{display: flex;flex-direction: row;flex-wrap: wrap;gap: 15px;width: 100%;max-height: 260px;overflow:hidden;}
.info_zone .info_box .img{display:block !important; width: calc((100% - 30px) / 3);text-align:center;}
.info_zone .info_box .img img {height: 250px;width:auto;}

/*보도자료*/
.main_news{padding:40px;}
.main_news .nw_wrap li{position:relative;}
.main_news .nw_wrap li em{display:inline-block;font-style:normal;position:absolute;right: 0;top: 4px;}
.main_news .more{right:20px;}
.main_news .more2{right:110px;}

/*생생영상*/ 
.main_mv{padding:40px;}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - 16px) / 2);width: calc((100% - 16px) / 2);}
.main_mv .more{right:40px;}

/*우리교육청 소통공간 SNS*/
.sns_tt{position:relative;padding:40px 40px 0 40px;}
.sns_tt .sns_btn{position:absolute;top:40px;right:40px;}
.sns_tt .sns_btn li{width: calc((100% - 50px) / 5);margin:0 5px}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 40px 40px 40px;}
.sns_wrap:after{display:block;content:"";clear:both;}
.sns_wrap .img{float:left;width:calc(50% - 20px);margin: 0 10px;}

/*유튜브영상 iframe*/
.main_vid{margin:0 40px;}
.main_vid iframe{height:400px;}
}


/*laptop*/
@media all and (min-width:1024px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{height:550px;} 
.s1_left{float:left;width:45vw;position:relative;left:inherit;bottom:inherit;padding:40px;}

.pb .img img,
.pb .video video{height: 550px;}
    
.slogan{margin-left:0;}
.s1_search{margin:20px 0 10px 0;}   

.ch_btn1{}
.ch_btn1:before{width:160px;height:211px;background-size:cover;bottom:0px;left:0;}
.ch_btn1 ul{width:100%;}
.ch_btn1 li a:hover,
.ch_btn1 li a:focus{color:#fff200}
.ch_btn1 li a:hover:after,
.ch_btn1 li a:focus:after{right:0;transition:.3s all}

.s1_right{position:relative;float:right;width: 53vw;clear:inherit;margin:0;overflow:hidden;height:550px;}
 
.pb{padding:0;}
.pb h2{position:absolute;top:-5000px;left:-5000px;}
.pb .img img{border-radius:50px 0 0 80px;height:550px;}
.pb .video video{border-radius:50px 0 0 80px;height:550px;background:var(--black)}

.s1_right .btn_open{display:none;}
.s1_right .btn_open a{font-size:16px;}
.s1_right .btn_open a br{display:block;} 
.s1_right .btn_open.on{display:block;position:absolute;top:50%;transform:translate(0, -50%)}
.s1_right .btn_open.bo2{right:-45px;}
.s1_right .btn_open.bo2:hover,
.s1_right .btn_open.bo2:focus{right:0;transition:.5s all}
.s1_right .btn_open.bo2 a{position:relative;display:inline-block;background:var(--white);padding:20px 14px 20px 40px;border-radius:50px 0 0 50px;color:var(--black)}
.s1_right .btn_open.bo2 a:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -200px 0;position:absolute;left:14px;top:50%;transform:translate(0, -50%)}
 
.s1_right .btn_open.bo1{right:inherit;left:-45px;z-index: 1;}
.s1_right .btn_open.bo1:hover,
.s1_right .btn_open.bo1:focus{left:0;transition:.5s all}
.s1_right .btn_open.bo1 a{position:relative;display:inline-block;background:var(--color1);padding:20px 40px 20px 14px;border-radius:0 50px 50px 0;color:var(--white)}
.s1_right .btn_open.bo1 a:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -40px 0;position:absolute;right:14px;top:50%;transform:translate(0, -50%)}
.s1_right .btn_open.bo1 a:after,
.s1_right .btn_open.bo2 a:after{display:none;}

/*알림존*/   
.info{position: absolute;width: 100%;height: 550px;padding: 50px 100px;background: var(--color5);border-radius: 47px 0 0 76px;top: 0;right: -100%;visibility: hidden;transition: right .5s ease, opacity .5s ease, visibility .5s;}  
.info.on{visibility: visible;right: 0;}

.info .il_box{max-height: 460px;}
.info_zone .info_box .img{width: calc((100% - 30px) / 1);text-align:center;}
.info .il_box .img img {height: 450px;}

.info .control{padding:0;position:absolute;right:30px;bottom:90px;}
.info .control span{display:none !important;}
.info .control .btn button{position:relative;background:var(--white);width:80px;height:80px;border-radius:50%;display:block;margin-top:-10px;box-shadow:0 0 7px 7px rgba(202,226,248,0.2);}
.info .control .btn button:before{display:inline-block;content:"";width:25px;height:25px;background:var(--btnbg2) no-repeat 0;text-align:center;}
.info .control .btn button.prev:before{background-position:3px -40px;}
.info .control .btn button.next:before{background-position:-22px -40px;}
.info .control .btn button.play:before{background-position:-103px -79px;}
.info .control .btn button.stop:before{background-position:-70px -79px;}
.info .control .btn button.list{width:80px;height:80px;}
.info .control .btn button.list:before{background-position:-57px -40px;}

/*알림존_인포존 모아보기*/
.info_all.on{padding:60px 15vw;z-index:100;}
.info_all .tit{font-size:1.3rem;}
.info_all .con{height:75vh;}
.info_all .con ul{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:left;}
.info_all .con li{width:calc(33.3333% - 10px);}
.info_all button{top:75px;right:15vw;}

.sec2{clear:both;}
/*공지사항*/
.main_bbs{height:620px;}
.notice h2{float:left;border:none;}
.notice h2 a{font-size:1.5rem;color:var(--gray3);padding-top:35px;}
.notice h2 a:hover,
.notice h2 a:focus{color:var(--color2)}
.notice.on h2 a{font-size:2.0rem;color:var(--color1);padding-top:30px;}
.notice .scroll_wrap{position:absolute;top:100px;left:0;}
   
.more{top:28px;}
.more a:hover,
.more a:focus,
.more2 a:hover,
.more2 a:focus{text-decoration:underline}

.m_service .ms_li ul {grid-template-columns: repeat(7, 1fr);}
.m_service .ms_li li a:hover,
.m_service .ms_li li a:focus{text-decoration:underline;}
.m_service .ms_li li a:hover span,
.m_service .ms_li li a:focus span{border:solid 1px var(--color3)}

 /*인포존*/   
.info_zone .if_wrap{max-height: 340px;}
.info_zone .info_box .img img {height: 330px;}   

/*생생영상*/    
.main_mv .nw_wrap {flex-wrap: wrap;overflow-x: visible;scroll-snap-type: none;}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - (16px * 2)) / 3);width: calc((100% - (16px * 2)) / 3);}
.main_mv .control{display:none;}

/*우리교육청 소통공간 SNS*/
.sns_tt{padding: 40px 40px 0;}
.sns_tt h2{font-size:2.1rem;}
.sns_tt .txt{font-size:1.4rem;padding:10px 0 20px 32px;}

/*SNS 게시글 불러오기*/
.main_sns{padding:0 40px 40px 40px;}

/*유튜브영상 iframe*/
.main_vid iframe{height:500px;}
}


/*desktop*/
@media all and (min-width:1400px) {
#pc_list{display:block}    
#mo_list{display:none}    
.main_container{padding-top:0;}
 
.sec1{position:relative;background:none;margin:0 0 80px 3vw;height:700px;}
.sec1:before{display:block;content:"";width:92vw;height:80px;background: linear-gradient(to bottom, var(--white) 0%, #f5f9ff 50%);border-radius:0 0 90px 0;position:absolute;bottom:-40px;left:-3vw;z-index:-1;}
.sec1:after{display:block;content:"";clear:both;}

.pb .img img,
.pb .video video{height: 700px;}
 
.s1_left{padding:0;width:32vw;}
.slogan{text-align:left;padding-top: 70px;}

.s1_chief p{padding-top:40px;}
.ch_btn1:before{width:323px;height:357px;background-size:auto;bottom:-19px;left:-20px;}
.ch_btn1{margin-top:100px;}
.ch_btn1:before{display:block;}
.ch_btn1 ul{width:50%;padding-left:30px;}

.ch_btn2 li a:hover,
.ch_btn2 li a:focus{background:var(--color3);}

.s1_right{width: 62vw;height:700px;}
 
/*알림존*/   
.info{height: 700px;}  
.info h2{position:relative;top: inherit;left:inherit;text-align:left;font-size:2.2rem;padding-bottom:60px;}

.info .il_box .img{width: calc((100% - 30px) / 2);}
.info .il_box .img img{border-radius:40px;}

.sec2{margin:0 0 0 3vw}
/*공지사항*/
.mc1{padding:0;}
.mc1:after{display:block;content:"";clear:both;}
.m_cn{float:left;width:63vw}
.main_bbs{height:470px;}
.notice .scroll_wrap {width: 100%;}
.notice .scroll_wrap ul {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.notice .scroll_wrap ul:after {display: none;}
.notice li {float: none;width: auto !important;margin: 0 !important;height: 100%;}
.notice li:first-child {grid-column: 1 / 2;grid-row: 1 / 3;}
.notice li:hover,
.notice li:focus{border:solid 1px var(--color1)}
.notice li:not(:first-child) {grid-column: span 1;}
.notice li:first-child a strong{padding:30px 0;}
.notice li:first-child span{padding-top:30px;}
.notice li a strong{white-space:normal}
.more{top:30px;} 

/*자주찾는서비스*/
.m_service{float:right;width:30vw;padding:30px 0;display: flex;align-items: top;flex-wrap: wrap;height: 450px;}
.m_service:before{display:inline-block;content:"";width:100%;height:350px;background: var(--color7);border-radius: 30px 0 0 30px;position:absolute;bottom:0;right:0;z-index:-1}
.m_service h2{text-align:left;font-size:1.8rem;margin-right: 40px;padding:0;}

.m_service .ms_wrap {display: flex;align-items: top;flex: 1;background: none;padding: 0;min-height: auto;}
.m_service .ms_li {position: static;float: none;}
.m_service .ms_li h3 {float: none;width: auto;margin-right: 15px;padding-top:5px;}
.m_service .ms_li h3 a:hover,
.m_service .ms_li h3 a:focus{color:var(--color6)}
.m_service .ms_li.on .l_wrap {position: absolute;top: 100px;left: 0;width:350px;padding:10px 0;margin:30px;overflow-x: auto;overflow-y: hidden;/*-webkit-overflow-scrolling: touch;scroll-behavior: smooth;*/height: 300px !important;}
.m_service .ms_li ul {display: grid;grid-template-rows: auto;grid-auto-flow: row;grid-template-columns: repeat(3, 1fr);width: 100%;gap: 15px;height: 270px !important;padding-right: 30px;}
.m_service .ms_li:nth-child(2) ul{height: 290px !important;}
.m_service .ms_li li {width: 100%;height: 130px;}
.m_service .btn_all_view{display:inline-block;background:var(--white);padding:20px 20px 20px 40px;border-radius:50px 0 0 50px;color:var(--black);top:50%;right:-3vw;bottom:inherit;left:inherit;}
.m_service .btn_all_view:before{display:inline-block;content:"";width:11px;height:18px;background:var(--btnbg2) no-repeat -200px 0;position:absolute;left:14px;top:50%;transform:translate(0, -50%)}
.m_service .btn_all_view br{display:block;}
.m_service.all_open .ms_li.on .l_wrap div{height: 320px !important;}
.m_service .ms_li.on .l_wrap div{height: 280px !important;}
.m_service .ms_li:nth-child(2) .l_wrap div{height: 285px !important;}

/*자주찾는서비스_전체보기 클릭시*/
.m_service.all_open {display: block;padding: 60px 80px;}
.m_service.all_open:before{display:none;}
.m_service.all_open h2 {margin-right: 0;margin-bottom: 40px;}
.m_service.all_open .ms_wrap {display: block; width: 100%;}
.m_service.all_open .ms_wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap: 60px;}
.m_service.all_open .ms_li .l_wrap{margin: 30px 0;}
.m_service.all_open .ms_li.on .l_wrap {position: relative !important;top: 0 !important;width: 100% !important;padding: 0 !important;background: none !important;overflow: visible !important;margin: 30px 0;}
.m_service.all_open .ms_li ul {display: grid !important;grid-template-rows: auto !important;grid-auto-flow: row !important;grid-template-columns: repeat(5, 1fr) !important;width: 100% !important;gap: 20px 15px !important;height: 340px !important;}
.m_service.all_open .ms_li li {width: 100% !important;}
.m_service.all_open .ms_close {top: 55px;right: 80px;}

.mc2{margin-right:3vw;padding:50px 0;}
.mc2:after{display:block;content:"";clear:both;}
 
/*인포존*/   
.info_zone{position:relative;padding:0;background:none;float:left;width: 48vw;margin:0;}  
.info_zone h2{text-align:left;font-size:1.8rem;}
.info_zone .if_wrap{max-height: 380px;}
.info_zone .info_box .img{width: calc((100% - 30px) / 2);}
.info_zone .info_box .img img {height: 370px;}
.info_zone .control{text-align:left;padding:0;position:absolute;top: 7px;right: 20px;}
.info_zone .control span{display:inline-block;padding:3px 5px 0 0;}

/*보도자료*/
.main_news{padding:0;float:right;width:44vw}
.main_news h2{font-size:1.8rem;border-bottom:solid 1px var(--gray3);padding-bottom:25px;}
.main_news .nw_wrap li span{padding: 9px 0;}
.main_news .nw_wrap li strong{width: calc(100% - 250px);}
.main_news .nw_wrap li em{top: 10px;}
 
.main_news .more{right:-7px;top:10px}
.main_news .more2{right:80px;top:10px;}

/*생생영상*/ 
.main_mv{background:none;padding:0;margin:0 3vw}
.main_mv h2{font-size:1.8rem;text-align:center;padding-bottom:40px;}
.main_mv:before{display:block;content:"";width:80vw;height:370px;background:var(--color5);border-radius:50px;position:absolute;top:55px;left:50%;transform:translate(-50%);z-index:-1;}
.main_mv .more{right:40px;top:0;}

.sec4{position:relative;margin:0 3vw 70px 3vw}
.sec4:after{display:block;content:"";clear:both;}
.sec4:before{display:block;content:"";width:95vw;height:90%;background:var(--color5);border-radius:200px 0 0 0;position:absolute;bottom:-70px;right:-5vw;z-index:-1;}
 
/*우리교육청 소통공간 SNS*/
.sns_tt{padding:80px 0 0 0;}
.sns_tt .sns_btn{top: 90px;right: 0px;}

/*SNS 게시글 불러오기*/
.main_sns{float:left;width:35vw;padding:0;} 
.sns_list{padding: 40px 0 0 0;}
.sns_wrap .img{margin:0;}
.sns_wrap .img:nth-child(1){width:60%;margin-bottom:60px;}
.sns_wrap .img:nth-child(2){width:60%;float:right;} 

/*유튜브영상 iframe*/
.main_vid{float:right;width:55vw;margin:0;}
.main_vid iframe{height:500px;} 
}

/*desktop_wide*/
@media all and (min-width:1600px) {
#pc_list{display:block}    
#mo_list{display:none}    
.sec1{margin:0 0 80px 5vw;height:750px;}    
.sec1:before{left:-5vw}
 
.s1_left{width:23vw;}

.pb .img img,
.pb .video video{height: auto;}

.ch_btn1{margin-left:100px;}
.ch_btn1:before{left:-130px;}
.ch_btn1 ul{width:70%;}

.s1_right{width: 69vw;height:720px;}

.pb .video video,
.pb .img img{height: 720px;}

/*알림존*/   
.info.on{height:720px;}
.info h2{padding-bottom:30px;}
.info .img_list{width: 90%;}
.info .il_box{max-height: 560px;}
.info .il_box .img img {height:550px;}
.info .control{right: 5vw;}

.sec2{margin:0 0 0 5vw}
.m_cn{width:61vw}

/*공지사항*/
.notice .scroll_wrap ul{gap:20px 45px;}
.notice li:first-child a{padding:60px 30px;}

/*자주찾는서비스*/
.m_service{width:30vw;}
.m_service:before{}
.m_service .ms_li.on .l_wrap {width: 410px;margin: 30px 50px 30px 50px;overflow-x: auto;padding: 0;height: 300px !important;}
.m_service .ms_li li {/* width: 110px; */}
.m_service .btn_all_view{padding: 30px 30px 30px 40px;}
.m_service .btn_all_view br{display:block;}
.m_service .ms_li ul {height: 290px !important;}
.m_service .ms_li:nth-child(2) ul{height: 290px !important;}

.m_service.all_open .ms_li ul {grid-template-columns: repeat(6, 1fr) !important;}
.m_service.all_open .ms_li:nth-child(2) ul{height: 320px !important;}

.mc2{margin-right:5vw;}

/*인포존*/   
.info_zone{width: 39vw;}  
.info_zone .if_wrap{max-height: 420px;gap: 30px;}
.info_zone .info_box .img img {height: 410px;}
.info_zone .control{right:5px;}

/*보도자료*/
.main_news{width: 47vw;}
.main_news h2{font-size:1.8rem;border-bottom:solid 1px var(--gray3);padding-bottom:25px;}
.main_news .nw_wrap li{margin-top: 13px;}
.main_news .nw_wrap li a{font-size:1.1rem;}
.main_news .nw_wrap li span{padding: 11px 0;width:140px;font-size:1rem;}
.main_news .nw_wrap li strong{width: calc(100% - 300px);}

/*생생영상*/ 
.main_mv{margin: 50px 5vw;}
.main_mv h2{font-size:2.1rem;padding-bottom:60px;}
.main_mv .nw_wrap{gap:40px}
.main_mv .nw_wrap .img {flex: 0 0 calc((100% - (40px * 2)) / 3);}
.main_mv:before{height: 470px;border-radius:70px;}
.main_mv .more{right:0;top:10px;}

.sec4{margin:50px 5vw;}
.sec4:before{border-radius:250px 0 0 0;width:85vw;height:100%;bottom: -50px;}
 
/*우리교육청 소통공간 SNS*/
.sns_tt{padding:0;position:absolute;top:100px;right:0;width:24vw;height: 443px;}
.sns_tt:after{display:block;content:"";width:287px;height:331px;background:url("/images/01_potal/new2026/main/mb_bg.png") no-repeat 0 0;position:absolute;right:-5vw;bottom: -50px;}
.sns_tt .sns_btn{top: 120px;right:inherit;left:0;width:60%;}
.sns_tt .sns_btn li{width: calc((100% - 70px) / 3);margin:10px}

/*SNS 게시글 불러오기*/
.main_sns{width:21vw;padding-top:50px;margin-right:40px;} 
.sns_list{padding: 40px 0 0 0;}
.sns_wrap .img:nth-child(1){width:80%;}
.sns_wrap .img:nth-child(2){width:80%;} 

/*유튜브영상 iframe*/
.main_vid{float:left;width:40vw;margin:90px 0 0 0;}
.main_vid iframe{height:450px;} 
}

/*
@media all and (min-width:1800px) {
.sec1,
.s1_right{height:780px;}
.pb .img img,
.pb .video video,
.info.on{height:760px;}
}
*/



/*알림존, 인포존, 자주찾는 서비스 전체보기 클릭시 fixed 위치값 제어를 위한 transform 제거*/
.s1_right.aos-animate,
.info_zone.aos-animate,
.m_service.aos-animate{transform: none !important;}

/*관리자메뉴*/
.ad_modi{position: relative;margin: 20px 0;height: 40px;max-width: 400px;}
.ad_modi button{display: block;position: absolute;top: 0;right: 0;width: 40px;height: 40px;padding: 0;background: url("/images/01_potal/common/btn_set.png") no-repeat 0 -260px var(--dkgray);font-size: 0;overflow: hidden;border-radius: 100%;}
.ad_modi div{display: none;position: absolute;right: 50px;width: auto;padding: 10px;padding-right: 40px;background: #fff;box-shadow: 0 0 10px rgba(219,219,219,0.4);border-radius: 20px;overflow: hidden;max-width: 300px;}
.ad_modi div.on{display: block;width: 300px;}
.ad_modi div ul li{display: inline-block;width: 48%;position: relative;}
.ad_modi div ul li:first-child:after{position: absolute;right: 0;top: 5px;width: 1px;height: 10px;content: "";background: #ddd;}
.ad_modi div ul li a{display: block;text-align: center;font-size: 14px;color: #000;}
.ad_modi div ul li a:hover, .ad_modi div ul li a:focus{text-decoration: underline;}
.ad_modi div button{right: 0;top: 0;height: 40px;width: 40px;background: url("/images/01_potal/common/btn_set.png") no-repeat -187px -107px #eee;border-radius: 5px;}

.s1_search .topsch_pop{position: absolute;left: 0;right: 0;background: #fff;padding: 20px;border-radius: 8px;border: 1px solid #717171;z-index: 100;}
.s1_search .topsch_pop ul{display: flex;flex-direction: column;gap: 16px;}
.s1_search .topsch_pop em{font-style: normal;font-weight: 700;color: #2768ff;}