/*-----------------------------------------------------------
Author :GH, Park
Creative date :2021. 10. 21
-----------------------------------------------------------*/

/* imgcut */
.imgcut .img{position:relative; }
.imgcut .img > img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition:0.5s; -webkit-transition:0.5s; }
.imgcut a{display:block; overflow:hidden; }
.imgcut a:hover .img > img,
.imgcut a:focus .img > img{-webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }

/* btn_more */
.btn_more{display:block; position:absolute; }
.btn_more i{color:#fff; font-size:1.2rem; -webkit-transition:0.3s; -o-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.btn_more:hover i{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); }

/* heading */
.heading1{overflow:hidden; white-space:nowrap; line-height:2.75rem; font-size:.9rem; }

/* 메인비주얼 */
.MVisual3031{position:relative; height:100%; border-radius:.5rem; overflow:hidden; }
.MVisual3031 #m_visual li{overflow:hidden; }
.MVisual3031 #m_visual li img{position:relative; display:block; width:100%; }
.MVisual3031 .bx-wrapper{position:relative; }
.MVisual3031 .bx-controls{position:absolute; bottom:3rem; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.MVisual3031 .bx-controls-direction{display:none; }
.MVisual3031 .bx-controls a{display:inline-block; margin:0 3px; color:transparent; overflow:hidden; vertical-align:middle; }
.MVisual3031 .bx-controls-auto{font-size:0; vertical-align:middle; }  
.MVisual3031 .bx-controls-auto,
.MVisual3031 .bx-pager,
.MVisual3031 .bx-pager-item{display:inline-block; }
.MVisual3031 .bx-controls-auto a{width:1.3rem; height:1.3rem; background:no-repeat center / 100%; }
.MVisual3031 .bx-controls-auto a.bx-start{display:none; background-image:url('/00_common/images/con_com/btn_play.png'); }
.MVisual3031 .bx-controls-auto a.bx-stop{display:inline-block; background-image:url('/00_common/images/con_com/btn_stop.png'); }
.MVisual3031 .bx-pager{height:0.8rem; vertical-align:middle; }
.MVisual3031 .bx-pager-item{height:100%; }
.MVisual3031 .bx-pager a{width:0.8rem; height:100%; vertical-align:top; border:1px solid #2275c8 ; border-radius:50%; } /* 비주얼 버튼 색상 */
.MVisual3031 .bx-pager a.active{background-color:#2275c8 ; }/* 비주얼 버튼 색상 */

/* 행사일정 */
.pop_schedule3031{position:relative; height:100%; background:#0072bc; border-radius:.5rem; overflow:hidden; }
.pop_schedule3031 .heading1{width:calc(100% - 2.5rem); padding:0 1rem; color:#fff; }
.pop_schedule3031 .btn_more img{position:absolute; top:0.3rem; right:1.3rem; z-index:1; color:#fff; }
.pop_schedule3031 .sche_tbl_wrap{width:100%; height:100%; padding:.5rem 1rem; background:#cfe3f7; text-align:center; }
.pop_schedule3031 .sche_tbl_wrap .sche_tbl_ctrl{margin-bottom:.5rem; }
.pop_schedule3031 .sche_tbl_wrap .sche_tbl_ctrl .date{display:inline-block; margin:0 .5rem; vertical-align:middle; font-size:.8rem; color:#222; }
.pop_schedule3031 .sche_tbl_wrap .sche_tbl_ctrl > a{display:inline-block; vertical-align:middle; color:#0a77bf; }
.pop_schedule3031 .sche_tbl_wrap table{background:#fff; border-radius:.25rem; overflow:hidden; }
.pop_schedule3031 .sche_tbl_wrap table tbody > tr:first-of-type td{padding-top:.75rem;}
.pop_schedule3031 .sche_tbl_wrap table tbody > tr:last-of-type td{padding-bottom:.75rem;}
.pop_schedule3031 .sche_tbl_wrap th{font-size:0.75rem; background:#4c7895; color:#fff; padding:.4rem 0; }
.pop_schedule3031 .sche_tbl_wrap td{padding:.1rem 0; text-align:center; color:#666; font-size:.6rem; } 
.pop_schedule3031 .sche_tbl_wrap td a{ display:block; width:.85rem; height:.9rem; border-radius:.25rem; margin:0 auto; transition:background 0.3s; -webkit-transition:background 0.3s; }
.pop_schedule3031 .sche_tbl_wrap td a.day{background:#f3d400; color:#3e649d; }
.pop_schedule3031 .sche_tbl_wrap td a.today{background:#fdc689; color:#a30d0a; }
.pop_schedule3031 .sche_tbl_wrap .sun{color:#ff9b9b; }
.pop_schedule3031 .sche_tbl_wrap td.sun{color:#ff5656; }
.pop_schedule3031 .sche_tbl_wrap .sat{color:#0288d1; }
.pop_schedule3031 .sche_lst{height:5.5rem; margin-top:.75rem; overflow:hidden; overflow-y:scroll; }
.pop_schedule3031 .sche_lst > ul{margin:-.25rem 0; text-align:left; }
.pop_schedule3031 .sche_lst > ul > li{padding:.25rem 0; color:#000; font-size:.65rem; font-weight:600; }
.pop_schedule3031 .sche_lst > ul > li:after{display:block; clear:both; content:""; }
.pop_schedule3031 .sche_lst > ul > li > a{display:block; }
.pop_schedule3031 .sche_lst > ul > li em{float:left; width:2.5rem; color:#0072bc; }
.pop_schedule3031 .sche_lst > ul > li span{float:left; width:calc(100% - 2.5rem); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400; }
.pop_schedule3031 .sche_lst > ul > li.no_Data{line-height:8rem; text-align:center; }
.pop_schedule3031 .btn_more{top:.75rem; right:.75rem; }
/* active */
.pop_schedule3031 .sche_tbl_wrap .sche_tbl_ctrl > a:hover,
.pop_schedule3031 .sche_tbl_wrap .sche_tbl_ctrl > a:focus{color:#4c7895; }
.pop_schedule3031 .sche_lst > ul > li > a:hover > span,
.pop_schedule3031 .sche_lst > ul > li > a:focus > span{text-decoration:underline; }
.pop_schedule3031 .sche_tbl_wrap td a.today:hover{background:#e23d0b; color:#fff; } 
.pop_schedule3031 .month a:hover{color:#f9979a; color:#fff; }
.pop_schedule3031 .sche_tbl_wrap td a.day:hover{background:#f7797a; }

/* 게시판 */
.notice3031{position:relative; height:100%; padding:.15rem; background:#6781a5; border-radius:.5rem; overflow:hidden; }
.notice3031 h2{position:relative; display:inline-block; font-size:.9rem; font-weight:400; max-width:calc((100% - 3rem) / 3); }  
.notice3031 h2 a{position:relative; display:inline-block; width:100%; color:#fff; padding:.5rem; }
.notice3031 h2 a:before{position:absolute; display:none; top:0; left:0; width:100%; height:120%; background:#fff; content:""; }
.notice3031 h2:first-of-type a:before{border-radius:.4rem 0 0 0; }
.notice3031 h2:last-of-type a:before{border-radius:0 .4rem 0 0; }
.notice3031 h2 a > span{position:relative; display:block; white-space:nowrap; overflow:hidden; z-index:1; }
.notice3031 .list_box{position:absolute; display:none; top:2.5rem; width:calc(100% - .3rem); height:9.4rem; background:#fff; border-radius:.4rem; }
.notice3031 .list_box .box{height:100%; overflow-y:scroll; }
.notice3031 .list_box ul{width:100%; padding:.25rem .5rem; } 
.notice3031 .list_box ul > li{padding:.237rem 0; overflow:hidden; }
.notice3031 .list_box ul > li > a{position:relative; display:block; padding-left:.75rem; color:#000; font-size:.7rem; }

.notice3031 .list_box ul > li.new > a {padding-left:1.75rem;}
.notice3031 .list_box ul > li.new > a:after{content:'N'; position:absolute; top:0rem; left:.5rem; display:block; width:1.15rem; height:1.15rem; line-height:1.15rem; color:#fff; font-size:0.7rem; text-align:center; border-radius:50%; background:#2275c8; margin-right:0.5rem;}

.notice3031 .list_box ul > li > a::before{position:absolute; top:.5rem; left:0; width:.3rem; height:.3rem; background:#c0c0c0; border-radius:50%; content:''; } 
.notice3031 .list_box ul > li > a .txt{float:left; width:calc(100% - 4rem); white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.notice3031 .list_box ul > li > a .date{float:left; width:4rem; color:#648194; text-align:right; } 
.notice3031 .btn_more{top:-1.85rem; right:.75rem; }

/* active */
.notice3031 h2 a.current{color:#0072bc; }
.notice3031 h2 a.current:before{display:block; }
.notice3031 .list_box.on{display:block; }
.notice3031 .list_box ul > li > a:hover,
.notice3031 .list_box ul > li > a:focus{text-decoration:underline; }

.notice3031 .list_box .NoData {display:table; width:100%; height:100%; text-align:center; font-size:.75rem; background:#f3f3f3;}
.notice3031 .list_box .NoData span {display:table-cell; vertical-align:middle;}

/* 오늘의식단 */
.meal_menu3031{height:100%; padding:0 1rem 1rem; background:#d7eaef; border-radius:.5rem; }
.meal_menu3031 .heading1{color:#222; }
.meal_menu3031 .meal_wrap{position:relative; width:100%; margin-top:1rem; }
.meal_menu3031 .imgBox{position:absolute; bottom:2rem; left:1rem; }
.meal_menu3031 .imgBox img{display:block; width:100%; }
.meal_menu3031 ul li + li{margin-top:1rem; }
.meal_menu3031 ul li.no_Data{text-align:center; line-height:5rem; }
.meal_menu3031 dl dt.date{position:relative; width:7rem; text-align:center; line-height:1.5rem; background:#6781a5; color:#fff; font-size:1rem; border-radius:1.5rem; text-align:center; } 
.meal_menu3031 dl dd.meal_list{margin-top:1rem; height:5rem; padding-left:6rem; overflow-y:auto; font-size:.7rem; color:#010101; }
.meal_menu3031 .btn_more{top:1rem; right:1rem; }
.meal_menu3031 .btn_more > i{color:#868686; }

/* 바로가기01 */
.M_link3031{position:relative; width:100%; height:100%; padding:1.25rem 1rem; background:#fff8f0; border-radius:.5rem; }
.M_link3031 ul{margin:-.625rem; }
.M_link3031 ul > li{padding:.625rem; }
.M_link3031 ul > li > a{position:relative; display:block; width:100%; height:5.1rem; background:#ffefdc; border-radius:.5rem; }
.M_link3031 ul > li:nth-of-type(1) > a{background:#e2f4d6; }
.M_link3031 ul > li:nth-of-type(2) > a{background:#d7eaef; }
.M_link3031 ul > li:nth-of-type(3) > a{background:#f2d1d1; }
.M_link3031 ul > li > a .ico{position:absolute; top:50%; left:1rem; width:3.5rem; -webit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transition:transform .3s; transition:transform .3s; }
.M_link3031 ul > li > a .ico > img{display:block; max-width:100%; }
.M_link3031 ul > li > a > em{position:absolute; top:50%; right:1rem; width:calc(100% - 6.5rem); max-height:2.5rem; overflow:hidden; -webit-transform:translateY(-50%); transform:translateY(-50%); color:#1c6b6b; }
/* active */
.M_link3031 ul > li > a:hover .ico,
.M_link3031 ul > li > a:focus .ico{-webkit-transform:translateY(-46%); transform:translateY(-46%); }
.M_link3031 ul > li > a:hover > em,
.M_link3031 ul > li > a:focus > em{text-decoration:underline; }

/* 학교앨범 */
.gallery3031{position:relative; width:100%; height:100%; padding:0 1rem 1rem; background:#6781a5; border-radius:.5rem; }
.gallery3031 .heading1{color:#fff; } 
.gallery3031 .gall_list{margin:-.375rem; overflow:hidden;}
.gallery3031 .gall_list > li{float:left; width:50%; padding:.375rem; }
.gallery3031 .gall_list > li .img{display:block; width:100%; height:8.1rem; }
.gallery3031 .gall_list > li .txt{display:block; margin-top:1rem; color:#fff; font-size:.75rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.gallery3031 .btn_more{top:.75rem; right:1rem; }

.gallery3031 .NoData {display:table; width:100%; height:10rem; text-align:center; font-size:.75rem; background:#f3f3f3;}
.gallery3031 .NoData span {display:table-cell; vertical-align:middle;}
/* active */

/* 팝업존 */
.pop3031{position:relative; width:100%; height:100%; border-radius:.5rem; background:#f2d1d1; border:1px solid #f2d1d1; overflow:hidden; }
.pop3031 .heading1{padding:0 1rem; color:#222; }
.pop3031 .pop_img > li > a{display:block; width:100%; height:11.1rem; }
.pop3031 .pop_img > li > a .img{display:block; width:100%; height:100%; }
.pop3031 .nss_pg{position:absolute; top:.65rem; right:1rem; }
.pop3031 .nss_pg a{display:inline-block; vertical-align:middle; width:1.1rem; height:1.1rem; background:#e58989; color:#fff; text-align:center; font-size:.6rem; line-height:1.1rem; border-radius:.15rem; }
.pop3031 .nss_pg a.play{display:none; }
.pop3031 .nss_pg > span{display:inline-block; vertical-align:middle; margin-right:.5rem; font-size:.65rem; color:#555; line-height:1; }
.pop3031 .nss_pg > span .total{position:relative; padding-left:.35rem; }
.pop3031 .nss_pg > span .total:before{position:absolute; top:50%; left:.15rem; -webkit-transform:translateY(-50%) rotate(15deg); transform:translateY(-50%) rotate(15deg); width:1px; height:15px; background:#555; content:""; }
/* 팝업리스트 레이어 추가 */
.pop3031 .pop_layer_box{position:absolute; top:0; left:0; display:none; width:100%; height:100%; z-index: 1;}
.pop3031 .pop_layer_box .pop_layer{position:relative; height:100%; padding:1rem; background:#394b61;}
.pop3031 .pop_layer_box .pop_layer h3{font-size:0.9rem; color:#fff;}
.pop3031 .pop_layer_box .pop_layer ul{margin-top:0.75rem; padding:1rem 2rem; height:calc(100% - 2rem); line-height:1.1rem; text-align:left; background:#576c85; overflow-y:auto;}
.pop3031 .pop_layer_box .pop_layer ul li{list-style-type:disc; color:#fff;}
.pop3031 .pop_layer_box .pop_layer ul li a:hover,
.pop3031 .pop_layer_box .pop_layer ul li a:focus{text-decoration:underline;}
.pop3031 .pop_layer_box .pop_layer a.pop_close{position:absolute; top:0.75rem; right:1.25rem; display:block; padding:0.25rem 0.5rem; color:#fff; background:#576c85; border-radius:5px;}

/* 배너존 */
.banner_zone{line-height:1; border-top:1px solid #d1d8e4; }
.banner_zone .container{position:relative; height:4rem; overflow:hidden; }
.banner_zone h2{float:left; display:block; margin-top:1.5rem; width:4rem; font-size:0.85rem; font-weight:400; color:#191919; }
.banner_zone .btn{float:left; margin-top:1.35rem; overflow:hidden; }
.banner_zone .btn a{float:left; width:27px; height:28px; color:transparent; background:no-repeat center / 100%; overflow:hidden; }
.banner_zone .btn a.prev{background-image:url('/00_common/images/common/btn_b_prev.png'); }
.banner_zone .btn a.stop{background-image:url('/00_common/images/common/btn_b_stop.png'); }
.banner_zone .btn a.play{display:none; background-image:url('/00_common/images/common/btn_b_play.png'); }
.banner_zone .btn a.next{background-image:url('/00_common/images/common/btn_b_next.png'); }
.banner_zone .btn a.list{background-image:url('/00_common/images/common/btn_b_list.png'); }
.banner_zone .bx-wrapper{float:left; display:block; padding-top:0.75rem; padding-left:1.5rem; width:calc(100% - 10rem); overflow:hidden; }
.banner_zone ul li{ display:inline-block; margin-bottom:0.75rem; padding:0 0.25rem; width:20%; }
.banner_zone ul li a{display:block; height:2.5rem; line-height:2.3rem; text-align:center; border:1px solid #c8d1db; overflow:hidden; }
.banner_zone ul li a img{width:100%; height:100%; }

@media (max-width:1240px){
	/* 행사일정 */
	.sche_tbl_wrap:after{display:block; clear:both; content:""; }
	.pop_schedule3031 .sche_tbl{width:40%; float:left; }
	.pop_schedule3031 .sche_lst{width:60%; height:9.25rem; float:left; margin-top:1.75rem; padding-left:1rem; }
	.pop_schedule3031 .sche_lst > ul{margin:-.25rem; }
	.pop_schedule3031 .sche_lst > ul > li{float:left; width:50%; padding:.25rem; }
	/* 바로가기01 */
	.M_link3031 ul:after{display:block; clear:both; content:""; }
	.M_link3031 ul > li{width:50%; float:left; }
}

@media (max-width:1024px){}

@media (max-width:960px){}

@media (max-width:800px){}

@media (max-width:768px){
	/* 메인비주얼 */
	.MVisual3031 .bx-controls{bottom:1rem; }
	/* 행사일정 */
	.pop_schedule3031 .sche_lst > ul > li{float:none; width:100%; }
	.pop_schedule3031 .sche_tbl_wrap{padding-bottom:1rem; }
	/* 팝업존 */
	.pop3031 .pop_img > li > a{height:auto; background:#fffafa; }
	.pop3031 .imgcut .img > img{position:relative; display:block; width:auto !important; max-width:auto; height:auto !important; margin:auto; top:auto; left:auto; -webkit-transform:translate(0,0) !important; transform:translate(0,0) !important; }
	
}  

@media (max-width:480px){
	/* 행사일정 */
	.pop_schedule3031 .sche_tbl{width:100%; float:none; }
	.pop_schedule3031 .sche_lst{width:100%; float:none; height:9.25rem; margin-top:1rem; padding-left:0; }
	/* 바로가기01 */
	.M_link3031 ul > li{width:100%; float:none; }
	.M_link3031 ul > li > a > em{width:calc(100% - 5rem); }
	.M_link3031 ul > li > a .ico{width:2.5rem; }
	/* 학교앨범 */
	.gallery3031 .gall_list{overflow:hidden; }
	.gallery3031 .gall_list > li .img{height:6rem; }
}

@media (max-width:380px){ }