@charset "utf-8";
@import url("./default.css?250306"); 

body{ }

#container {width:100%; margin:0px auto; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; box-sizing:border-box; } /* 340 / 1100 = */
.col_box:after { content:""; display:block; clear:both; }



/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0; height:910px;}
.visual_wrap .slick-slide { width:100%; height:910px; position:relative; }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .slick-slide img {  }

.visual_txt { position:absolute; z-index:1; width:1280px; box-sizing:border-box; padding:0 0; left:50%; transform:translate(-50%,-50%); top:50%; text-align:right; font-family: 'NEXON Lv2 Gothic'; font-weight:bold; }
.visual_txt ul.effect { -webkit-animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 0;}
.visual_txt ul li { line-height:27px; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:36px; font-weight:600; letter-spacing:-0.5px;}
.visual_txt ul li:nth-child(1) img { vertical-align:middle; }
.visual_txt ul li:nth-child(2) { font-size:60px;  margin-top:51px; letter-spacing:-0.5px; position:relative; z-index:1; }
.visual_txt ul li:nth-child(2) span { position:relative; z-index:1;  }
.visual_txt ul li:nth-child(2) span.sh { padding:0 5px; }
.visual_txt ul li:nth-child(2) span.sh:before { content:""; display:block; width:0%; height:24px; position:absolute; left:0; bottom:24px; background:#f29b30; z-index:-1; animation: sh-line 0.7s  1.5s linear both; }
.visual_txt ul li:nth-child(2) span.vcir:before { content:""; display:block; width:79px; height:79px; background:url(../images/main/vi_txt2.png) center center no-repeat; position:absolute; left:-34px; top:-33px; z-index:-1; }

		
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
		
@keyframes sh-line {
  0% {
    width:0%;
  }
  100% {
    width:100%;
  }
}
		
		
			
.visual_wrap .vbtbox { position:absolute; left:50%; transform:translateX(-50%); width:1280px; bottom:306px; text-align:right; transition:bottom 0.4s; }
.visual_wrap .vbtbox.mov_sound_off {  }

.visual_wrap .vbt_cir { display:inline-block; height:auto; margin-left:0px;}
.visual_wrap .vbt { display:inline-block; vertical-align:top; text-align:left; margin:0px 0px 0 0px; }
.visual_wrap .vbt a { display:block; width:27px; height:29px; text-indent:-99999px; background:url(../images/main/v_bt1.png) left top no-repeat;  }
.visual_wrap .v_stop a { background:url(../images/main/v_bt2.png) left top no-repeat; }

.visual_wrap .mut { display:inline-block; vertical-align:top; text-align:left;  }	
.visual_wrap .mut a { display:block; width:33px; height:29px; text-indent:-99999px; background:url(../images/main/mt_ic.png) left top no-repeat; transition:all 0.4s;  }
.visual_wrap .mt_ic_on a { background:url(../images/main/mt_ic_on.png) left top no-repeat; }

.visual_wrap .scroll_ani { }
.visual_wrap .scroll_ani .mouse { }
.visual_wrap .scroll_ani .mouse_txt { font-size:15px; color:#fff; text-transform:capitalize; font-weight:400; text-shadow:2px 2px 3px rgba(0,0,0,0.4); line-height:18px; }

.scroll_ani { position:absolute; left:50%; transform:translateX(-50%); bottom:62px; z-index:10; text-align:center; }
.scroll_ani .mouse { overflow:hidden; position:relative; width:27px; height:57px; margin:0 auto 5px; border-radius:150px; box-sizing:border-box; border:1px solid #fff; background:rgba(255,255,255,0); }
.scroll_ani .mouse::before { content:""; display:block; width:26px; height:26px; border-radius:50%; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.25); }
.scroll_ani .mouse span { opacity:1; display:block; z-index:1;  width:13px; height:25px; background:url(../images/main/marrow.png) left top no-repeat; position:absolute; left:6px; top:8px; -webkit-animation: mouse-down 1.2s infinite linear both; animation: mouse-down 1.2s infinite linear both;}
@-webkit-keyframes mouse-down {
	0% {
		top:8px;
		opacity:1;
	}
	90% {
		top:28px;
	}
	100%{
		top:28px;
		opacity:0;
	}
}
@keyframes mouse-down {
	0% {
		top:8px;
		opacity:1;
	}
	90% {
		top:28px;
	}
	100%{
		top:28px;
		opacity:0;
	}

}

#main_cont1 { padding:80px 0 80px 0; background:url(../images/main/cont_bg1.png) right 93px no-repeat; }
#main_cont1 .default_layout { z-index:1; }


/*공지사항 type1*/
.noticeGroup{ width:845px; height:360px; }

.noticeGroup .noti_title { position:absolute; left:0px; top:10px; font-size:30px; color:#000; font-weight:600; letter-spacing:-1.5px; }
.noticeGroup .noti_title span { font-size:24px; color:#555; font-weight:400; margin:0 0 0 6px; }

.noticeGroup h3 { float:left; width:calc(33% - 89px); }
.noticeGroup h3.btn1 { margin-left:198px; }
.noticeGroup h3.btn2 { width:calc(34% - 89px); }
.noticeGroup h3 a { text-align:center; display:block; position:relative; font-size:18px; color:#444; font-weight:500; background:#f2f2f2; height:47px; line-height:45px; box-sizing:border-box; border:1px solid #dddddd; }
.noticeGroup h3.btn1 a { border-right:0 none; border-radius:8px 0 0 8px; }
.noticeGroup h3.btn3 a { border-left:0 none; border-radius:0 8px 8px 0; }

.noticeGroup .on_check .btn a { display:block; color:#fff; background:#353b3b; }

.noticeGroup .on_check .tabcontent{display:block;}

.noticeGroup div.tabcontent {position:absolute; left:0px; top:65px; width:100%; display:none; border:1px solid #ddd; height:295px; border-radius:10px; background:#fff; padding:0 30px 0; box-sizing:border-box; }
.noticeGroup div ul { }
.noticeGroup div ul li { width:100%; line-height:58px !important; height:59px; letter-spacing:-0.5px; border-bottom:1px #dddddd dashed; font-size:14px; box-sizing:border-box;  }
.noticeGroup div ul li a {float:left; width:65%; box-sizing:border-box; padding:0 0 0 20px; color:#3a3a3a;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; position:relative; }
.noticeGroup div ul li.board_notice a { padding:0 0 0 77px; }
.noticeGroup div ul li a:before { content:""; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:0px; top:27px; background:#014029; }
.noticeGroup div ul li.board_notice a:before { content:"공지"; width:68px; height:30px; line-height:30px; border-radius:8px; left:0; top:15px; background:#f29b30; color:#fff; font-weight:600; text-align:center; font-size:14px;}

.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#777777; font-size:14px; }
.noticeGroup div ul li img { display:none !important; }
.noticeGroup div ul li:nth-child(5) {border-bottom:0px; }

.noticeGroup div p.more {position:absolute; clear:both; right:0; top:-66px; }
.noticeGroup div p.more a { display:block; width:47px; height:47px; border-radius:10px; text-indent:-999999px; background:rgba(8,198,103,0.2) url(../images/main/more.png) center center no-repeat; transition:all 0.4s; }
.noticeGroup div p.more a:hover { background:#08c667 url(../images/main/more1.png) center center no-repeat;  }

/*팝업*/
.popupZone { position:relative;  width:411px; height:360px; background:none; float:right; margin:0px 0 80px 0; overflow:hidden; border-radius:10px;}

.popupZone #popbox { position:relative; height:360px; width:100%; box-sizing:border-box; background:#fff;  overflow:hidden; }
.popupZone #popbox li { height:360px; width:100%; overflow:hidden; box-sizing:border-box; overflow:hidden; }
.popupZone #popbox li a { display:block; width:100%; height:310px;   }
.popupZone #popbox li img { width:100%; height:310px; display:block; }

.popupZone h3 { position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; height:50px; line-height:50px;  padding:0 165px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:21px; color:#fff; background:#353b3b; z-index:1; }

.popupZone #popbox .pageall { height:50px; margin:0 auto; text-align:center;  position:absolute; right:124px; bottom:0px; z-index:103;}
.popupZone #popbox .pageall:after { content:""; display:block; clear:both; }
.popupZone #popbox .pageall .external { display:inline-block; vertical-align:middle;}
.popupZone #popbox .pageall .total { display:inline-block; height:50px; vertical-align:middle; line-height:50px; font-size:15px; color:#fff; padding-left:18px; position:relative;}
.popupZone #popbox .pageall .total::before { content:""; display:block; width:10px; height:1px; background:#aaaaaa; position:absolute; left:3px; top:25px; } 

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:50px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:50px; line-height:50px; font-size:15px; color:#08c667; text-indent:0; text-align:right; position:relative; }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"1";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"2";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"3";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"4";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"5";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"6";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"7";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"8";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"9";  }
#adv-custom-pager2 span:nth-child(10).cycle-pager-active::before { content:"10";  }
#adv-custom-pager2 span:nth-child(11).cycle-pager-active::before { content:"11";  }
#adv-custom-pager2 span:nth-child(12).cycle-pager-active::before { content:"12";  }
#adv-custom-pager2 span:nth-child(13).cycle-pager-active::before { content:"13";  }
#adv-custom-pager2 span:nth-child(14).cycle-pager-active::before { content:"14";  }
#adv-custom-pager2 span:nth-child(15).cycle-pager-active::before { content:"15";  }
#adv-custom-pager2 span:nth-child(16).cycle-pager-active::before { content:"16";  }
#adv-custom-pager2 span:nth-child(17).cycle-pager-active::before { content:"17";  }
#adv-custom-pager2 span:nth-child(18).cycle-pager-active::before { content:"18";  }
#adv-custom-pager2 span:nth-child(19).cycle-pager-active::before { content:"19";  }
#adv-custom-pager2 span:nth-child(20).cycle-pager-active::before { content:"20";  }


.popupZone #popbox .control { position:absolute; right:30px; bottom:18px; z-index:103; width:54px; height:13px;}
.popupZone #popbox .control:before { content:""; display:block; width:1px; height:12px; background:#999999; position:absolute; left:26px; top:1px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p {  float:left; margin:0px 0px 0; }
.popupZone #popbox .control p a { display:block; width:100%; text-indent:-999999px; width:16px; height:13px;}
.popupZone #popbox .control p#prev1 {   }
.popupZone #popbox .control p#next1 { float:right; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.popupZone #popbox .control p#next1 a { background:url(../images/main/p_bt2.png) left top no-repeat;}

/*퀵메뉴*/
.quick_cont { z-index:1; clear:both; width:100%; height:150px; margin-bottom:80px; background:#006943; overflow:hidden; border-radius:10px; }

.quick_cont .titlebox { line-height:30px; float:left; text-align:center; width:302px; position:relative; height:150px; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold; background:#04a454; align-items:center; justify-content:center; display:flex; letter-spacing:-1px; }
.quick_cont .titlebox span.bg { display:block; width:73px; height:72px; background:url(../images/main/q_bg.png) center top no-repeat; margin:4px 0 0 0; }
.quick_cont .titlebox h3 span { display:block; font-weight:400; font-size:18px; color:#ddd; text-transform:capitalize; }

.quick_cont .qslick { float:right; width:calc(100% - 362px); box-sizing:border-box; padding:0 34px; margin:0px 30px 0px 0; position:relative;}

.quick_cont #quick_slick {  }
.quick_cont #quick_slick .slick-slide { height:150px; min-width:122px; text-align:center; }
.quick_cont #quick_slick .slick-slide a { display:block; width:100%; height:150px; box-sizing:border-box; padding:0 15px; border-radius:12px; }
.quick_cont #quick_slick .slick-slide a:before { }
.quick_cont #quick_slick .slick-slide a span { position:relative; z-index:1; top:0; transition:all 0.4s; }
.quick_cont #quick_slick .slick-slide a .ic { display:block; width:100%; height:90px; }
.quick_cont #quick_slick .slick-slide .qi1 span.ic  { background:url(../images/main/q_ic1.png) center 39px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi2 span.ic  { background:url(../images/main/q_ic2.png) center 39px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi3 span.ic  { background:url(../images/main/q_ic3.png) center 39px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi4 span.ic  { background:url(../images/main/q_ic4.png) center 42px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi5 span.ic  { background:url(../images/main/q_ic5.png) center 39px no-repeat; }
.quick_cont #quick_slick .slick-slide a .txt { display:block; width:100%; line-height:24px; font-size:16px; color:#fff; }

.quick_cont #quick_slick .slick-slide a:hover span.ic { top:-10px;  }

.quick_cont .main_btn li { position:absolute; top:63px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn03 { right:0; }
.quick_cont .main_btn li a { display:block; width:15px; height:24px; text-indent:-99999px; }
.quick_cont .main_btn li.qbtn01 a { background:url(../images/main/q_bt1.png) left top no-repeat; }
.quick_cont .main_btn li.qbtn03 a { background:url(../images/main/q_bt2.png) left top no-repeat; }


/*급식*/
.food { width:411px; height:245px; border:1px solid #ddd;  border-radius:10px; background:#f9f9f9 url(../images/main/f_bg.png) right bottom no-repeat; padding:32px 30px 0; margin:0 0 0 0; overflow:hidden; }
.food h3 { padding-top:0px;  box-sizing:border-box; letter-spacing:-1px;}
.food h3 a { font-size:24px; color:#000;padding:0px 0 0;}
.food h3 span { color:#666; font-size:18px; margin:0 0 0 8px; font-weight:400; }

.food .ftxt { margin:14px 0 27px; }
.food .ftxt a { display:block; overflow:hidden; font-size:15px; color:#666; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 24px;
    height: 72px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.food .ftxt a:hover { font-weight:500; color:#333; }
.food .more { }
.food .more a { display:block; width:139px; height:40px; box-sizing:border-box; line-height:36px; position:relative; border:2px solid #353b3b; font-size:15px; color:#353b3b; font-weight:500; transition:all 0.4s; padding:0 26px 0 13px; border-radius:12px; }
.food .more a:before { content:""; display:block; width:6px; height:9px; background:url(../images/main/f_arrow.png) left top no-repeat; position:absolute; right:13px; top:14px; transition:all 0.4s;  transition:all 0.4s;}
.food .more a:hover { background:#353b3b; color:#fff; }
.food .more a:hover:before { right:8px; background:url(../images/main/f_arrow2.png) left top no-repeat;}

/*사이버공부방*/
.cyber { width:410px; margin:0 24px; }
.cyber h3 { padding-top:0px;  box-sizing:border-box; font-size:24px; color:#000; letter-spacing:-1px; margin-bottom:22px; }
.cyber h3 span { color:#666; font-size:18px; margin:0 0 0 8px; font-weight:400; }

.cyber ul li.c_ic2 { margin:15px 0; }
.cyber ul li a { display:block; width:100%; height:55px; line-height:55px; text-align:center; font-size:18px; font-weight:500; overflow:hidden; border-radius:12px; color:#014029; transition:all 0.4s; box-shadow:2px 2px 5px rgba(0,0,0,0.2); }
.cyber ul li.c_ic1 a { background:#e1f9e1 url(../images/main/l_ic1.png) right 30px bottom no-repeat; }
.cyber ul li.c_ic1 a:hover { background:#08c667 url(../images/main/l_ic1.png) right 30px bottom no-repeat; color:#fff; }

.cyber ul li.c_ic2 a { background:#f8ecbc url(../images/main/l_ic2.png) right 30px bottom no-repeat; }
.cyber ul li.c_ic2 a:hover { background:#f3d148 url(../images/main/l_ic2.png) right 30px bottom no-repeat; color:#fff; }

.cyber ul li.c_ic3 a { background:#e9f7ff url(../images/main/l_ic3.png) right 30px bottom no-repeat; }
.cyber ul li.c_ic3 a:hover { background:#59bbf7 url(../images/main/l_ic3.png) right 30px bottom no-repeat; color:#fff; }




/*월중행사 type1*/
.schedule { width:411px; height:245px; border:1px solid #ddd;  border-radius:10px; background:#fff url(../images/main/sch_pat.png) no-repeat left top; padding:32px 31px 0; margin:0 0 0 0; overflow:hidden; }
.schedule h3 { padding-top:0px;  box-sizing:border-box; letter-spacing:-1px;}
.schedule h3 a { font-size:24px; color:#000;padding:0px 0 0;}
.schedule h3 span { color:#666; font-size:18px; margin:0 0 0 8px; font-weight:400; }

div#schedule_scroll { height:148px; overflow-y:auto; width:100%; margin-top:16px; }
div#schedule_scroll::-webkit-scrollbar {
    width: 3px; border-radius:150px;
  }
div#schedule_scroll::-webkit-scrollbar-thumb {
    background-color: #999999;
  }
div#schedule_scroll::-webkit-scrollbar-track {
    background-color: #dddddd;
  }

div#schedule_scroll ul#schedule_content {  }
div#schedule_scroll ul#schedule_content li { margin:0px 0 7px; }
div#schedule_scroll ul#schedule_content li a { width:100%; height:30px; line-height:30px; padding:0 0 0 83px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; position:relative; font-size:15px; color:#3a3a3a; display:block; }
div#schedule_scroll ul#schedule_content li a:hover { text-decoration:underline; }
div#schedule_scroll ul#schedule_content li a span { display:block; width:74px; height:30px; line-height:30px; text-align:center; border-radius:8px; position:absolute; left:0; top:0; font-size:16px; color:#08c667; background:#e1f9e1; transition:all 0.4s; font-weight:500; }
div#schedule_scroll ul#schedule_content li a:hover span { background:#08c667; color:#fff;}

.schedule p.more {position:absolute; clear:both; right:29px; top:23px; }
.schedule p.more a { display:block; width:38px; height:38px; border-radius:10px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); text-indent:-999999px; background:#08c667 url(../images/main/more1.png) center center no-repeat;transition:all 0.4s; }




#gal_cont { position:relative; background:url(../images/main/g_pat.png) center top no-repeat; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 0 40px 0; width:100%; height:auto; min-height:460px; padding:80px 0 0; box-sizing:border-box; }

.galleryGroup h3 { height:70px; text-align:center; box-sizing:border-box; padding:3px 0 0; }
.galleryGroup h3 a { font-size:30px; color:#fff; }
.galleryGroup h3 a span { color:#dddddd; font-size:24px; font-weight:400; margin-left:8px; }

.galleryGroup .main_btn { position:absolute; right:0; top:80px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:38px; margin-left:10px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:38px; border-radius:50%; text-indent:-99999px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#fff url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a {
background:#08c667 url(../images/main/g_more.png) center center no-repeat; }

.galleryGroup #gallery_scroll { width:100%; margin:0px 0 0; }
.galleryGroup .slick-slide { width:307px; height:304px; margin:0 17px 0 0; box-sizing:border-box; padding:0px 5px 5px 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:299px; width:100%; border-radius:10px; overflow:hidden; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,0.2); box-sizing:border-box; padding:10px; transition:all 0.4s; }
.galleryGroup .slick-slide .gitem a:hover { background:#f2f2f2; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:182px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important; border-radius:10px; }
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:0; height:0; transition:all 0.4s; position:absolute; left:0; top:0; background:rgba(0,0,0,0.7); }
.galleryGroup .slick-slide .gitem .pic:after { content:""; display:block; width:47px; height:47px; background:url(../images/main/g_ic.png) left top no-repeat; position:absolute; left:calc(50% - 26px); top:calc(50% - 26px); transition:all 0.4s; opacity:0;}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem a:hover .pic:after { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }



.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem dl { padding:14px 10px 4px; line-height:27px; }
.galleryGroup .slick-slide .gitem dl dt { font-size:16px; color:#3a3a3a; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem dl dd { font-size:14px; color:#666666;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:-3px; }

.galleryGroup .slick-slide .gitem .g_date { text-align:right; padding:0 14px; font-size:14px; color:#666666;  }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top; width:16px; height:16px; background:url(../images/main/gdate.png) left top no-repeat; margin:3px 4px 0 0; }




/*배너모음*/
#banner {margin:0px 0 0 0; height:100px;  float:left; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; }
#banner h3 {float:left; padding:36px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:24px; color:#010000; padding:0px 0px 0 0; }

#banner .main_btn { position:absolute; right:0px; top:30px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:38px; margin-left:10px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:38px; border-radius:50%; box-sizing:border-box; text-indent:-999999px; box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/g_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#353b3b url(../images/main/g_more.png) center center no-repeat; }


div#banner_scroll {position:absolute;left:122px; top:22px; width:950px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 8px 0px 0; width:182px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:55px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:53px; }









/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/

@media all and (max-width:1024px) {

/*레이어 알람*/
#layerBell{width:94%; position:fixed; left:3%; padding:0 3%; }
#layerBell .lb_titlebox:before { display:none; }
#layerBell table.cStyle .Blick { display:inline-block; padding:0 5px; height:auto; line-height:24px; width:auto; }
#layerBell .lb_chk { display:inline-block; height:auto; margin:0 auto; line-height:24px;  padding:0 5px;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:center; }
#layerBell .today_close_box span { display:block; box-sizing:border-box; padding:0 5px 0 5px; width:calc(100% - 82px); }
#layerBell .today_close_box span:before {  margin:0 8px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:82px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }


#container {width:100%; margin:20px auto 10px; min-height:100%;}

/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0; height:auto;}
.visual_wrap .slick-slide { width:100%; height:auto; min-height:450px; position:relative; }
.visual_wrap .slick-slide div { height:auto;  }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;}
.visual_wrap .slick-slide img { display:block; width:100%; min-height:180px;  }

.visual_txt { position:absolute; z-index:1; width:94%; box-sizing:border-box; padding:0 0; left:3%; transform:translate(0%, -50%); top:50%;  }
.visual_txt ul li { word-break:keep-all; }

.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:20px; font-weight:600; letter-spacing:-0.5px;}
.visual_txt ul li:nth-child(1) img { vertical-align:middle; width:100%; max-width:180px; }
.visual_txt ul li:nth-child(2) { font-size:30px;  margin-top:15px; letter-spacing:-0.5px; position:relative; z-index:1; }
.visual_txt ul li:nth-child(2) span { position:relative; z-index:1;  }
.visual_txt ul li:nth-child(2) span.sh { padding:0 5px; }
.visual_txt ul li:nth-child(2) span.sh:before { content:""; display:block; width:0%; height:30%; position:absolute; left:0; bottom:inherit; top:50%; transform:translateY(-50%); background:#f29b30; z-index:-1; animation: sh-line 0.7s  1.5s linear both; }
.visual_txt ul li:nth-child(2) span.vcir:before { content:""; display:block; width:34px; height:34px; background:url(../images/main/vi_txt2.png) no-repeat center center / cover; position:absolute; left:-20px; top:-5px; z-index:-1; }
		
			
.visual_wrap .vbtbox { position:absolute; left:3%; transform:translateX(0%); width:94%; bottom:10px; text-align:right; transition:bottom 0.4s; }


.scroll_ani { display:none; }


/*박스 공통*/
.col_box{float:left; clear:both;  width:94%; margin:0 3% 20px 3% !important;}

#main_cont1 { padding:20px 0 0; background:none; }


/*퀵메뉴*/
.quick_cont { z-index:1; clear:both; width:94%; height:auto; background:#006943; overflow:hidden; border-radius:10px; }

.quick_cont .titlebox { line-height:30px; padding:15px 10px; float:left; text-align:center; width:100%; position:relative; height:auto; box-sizing:border-box; font-size:20px; color:#fff;  letter-spacing:-1px; }
.quick_cont .titlebox span.bg { display:none; }
.quick_cont .titlebox h3 span { display:inline-block; vertical-align:middle; font-weight:400; font-size:16px; margin:0 0 0 5px; }

.quick_cont .qslick { float:right; width:calc(100% - 30px); box-sizing:border-box; padding:0 15px; margin:0px 15px 0px 0; position:relative;}

.quick_cont #quick_slick { height:150px; overflow:hidden;  }
.quick_cont #quick_slick .slick-slide { height:150px; min-width:122px; text-align:center; }
.quick_cont #quick_slick .slick-slide a { display:block; width:100%; height:150px; box-sizing:border-box; padding:0 15px; border-radius:12px; }
.quick_cont #quick_slick .slick-slide a .txt { display:block; width:100%; line-height:24px; font-size:14px; color:#fff; }

.quick_cont #quick_slick .slick-slide a:hover span.ic { top:-10px;  }

.quick_cont .main_btn li { position:absolute; top:63px; }


/*급식*/
.food { padding:32px 15px 0; }

/*월중행사 type1*/
.schedule { background:#fff url(../images/main/sch_pat.png) no-repeat left top / cover; padding:32px 15px 0;  }
.schedule p.more { right:15px; }
.schedule h3 span { font-size:16px; }





	
/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 0 20px 3% !important; width:97%; padding:30px 0 0; box-sizing:border-box; }
.galleryGroup h3 { height:auto; }
.galleryGroup h3 a { font-size:24px; }
.galleryGroup h3 a span { font-size:18px;}
.galleryGroup .main_btn { position:relative; right:3%; top:0; margin:10px 0 15px; display:flex; justify-content:flex-end; }


/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; box-sizing:border-box; padding:25px 0 10px; }
#banner h3 { float:none; padding:0px 0 0 3%;}
#banner .main_btn { position:absolute; right:3%; top:-5px; }
 
div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 3%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 3% 0px 0; width:22%;  }
div#banner_scroll #banner_content .slick-slide { margin:0 15px 0px 0; }


}

@media all and (max-width:770px) {

.visual_wrap .slick-slide { min-height:350px;  }
.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:18px; font-weight:600; letter-spacing:-0.5px;}
.visual_txt ul li:nth-child(1) img { vertical-align:middle; width:100%; max-width:150px; }
.visual_txt ul li:nth-child(2) { font-size:24px;  margin-top:15px; letter-spacing:-0.5px; position:relative; z-index:1; }

}

@media all and (max-width:740px) {

/*배너모음*/
div#banner_scroll ul#banner_content li {float:left; margin:0 0 0px 3%; width:30%;  }

}

@media all and (max-width:719px) {
	
#gal_cont { position:relative; background:url(../images/main/g_pat.png) no-repeat center top / cover; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 3% 10px 3% !important; width:94%; padding:30px 0 0; box-sizing:border-box; }
.galleryGroup .main_btn { position:relative; right:0; top:0; margin:10px 0 15px; display:flex; justify-content:flex-end; }
.galleryGroup .slick-slide { margin:0 0px 0px 0; height:auto; }
.galleryGroup .slick-slide .gitem { margin-bottom:25px; }

}


@media all and (max-width:590px) {

/*공지사항 type1*/
.noticeGroup{  height:400px; }

.noticeGroup .noti_title { position:static; font-size:30px; color:#000; font-weight:600; letter-spacing:-1.5px; }
.noticeGroup .noti_title span { font-size:24px; color:#555; font-weight:400; margin:0 0 0 6px; }

.noticeGroup h3 { float:left; width:33%; margin-top:15px; }
.noticeGroup h3.btn1 { margin-left:0px; }
.noticeGroup h3.btn2 { width:34%; }
.noticeGroup h3 a { text-align:center; display:block; position:relative; font-size:18px; color:#444; font-weight:500; background:#f2f2f2; height:47px; line-height:45px; box-sizing:border-box; border:1px solid #dddddd; }
.noticeGroup h3.btn1 a { border-right:0 none; border-radius:8px 0 0 8px; }
.noticeGroup h3.btn3 a { border-left:0 none; border-radius:0 8px 8px 0; }

.noticeGroup .on_check .btn a { display:block; color:#fff; background:#353b3b; }

.noticeGroup .on_check .tabcontent{display:block;}

.noticeGroup div.tabcontent {position:absolute; left:0px; top:105px; width:100%; display:none; border:1px solid #ddd; height:295px; border-radius:10px; background:#fff; padding:0 15px 0; box-sizing:border-box; }
.noticeGroup div ul { }
.noticeGroup div ul li {  }
.noticeGroup div ul li a { font-size:15px;  }

.noticeGroup div p.more {position:absolute; clear:both; right:0; top:-116px; }


}

@media all and (max-width:550px) {


/*배너모음*/
div#banner_scroll ul#banner_content li {float:left;  width:47%;  }

}

@media all and (max-width:470px) {
.visual_wrap .slick-slide { min-height:200px;  }
}

@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}