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

body{background:#fff;}

#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%; height:195px; box-sizing:border-box; background:#fff;} /* 340 / 1100 = */



/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0 52px 35px; position:relative; }
.visual_wrap .slick-slide { width:100%; height:720px; 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; text-align:center; width:100%; top:50%; transform:translateY(-50%); }


.visual_txt .vis_t1 svg {  }
.visual_txt .vis_t1 svg text { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); font-family: 'S-CoreDream-5Medium'; font-size:36px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px;
             }

.visual_txt .vis_t1 svg text:nth-child(1),
.visual_txt .vis_t1 svg text:nth-child(5),
.visual_txt .vis_t1 svg text:nth-child(6),
.visual_txt .vis_t1 svg text:nth-child(8),
.visual_txt .vis_t1 svg text:nth-child(9) { font-size:40px; font-family: 'S-CoreDream-6Bold'; }

.visual_txt .vis_t1.effect svg text {  animation: stroke 6s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }
.visual_txt .vis_t2 { position:relative; padding:0 46px 0 43px; display:inline-block;}
.visual_txt .vis_t2 p { font-size:48px; display:none;  }
.visual_txt .vis_t2 svg {  }
.visual_txt .vis_t2 svg text {filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); font-family: 'S-CoreDream-5Medium'; font-size:36px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px; }
.visual_txt .vis_t2.effect svg text {animation: stroke 6s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.visual_txt .vis_t1 svg text {  fill:#fff; }
.visual_txt .vis_t2 svg text {  fill:#fff; }

}
		svg text:nth-child(1) {
            animation-delay: 1s;
        }
        svg text:nth-child(2) {
            animation-delay: 1.5s;
        }
        svg text:nth-child(3) {
            animation-delay: 2s;
        }
        svg text:nth-child(4) {
            animation-delay: 2.5s;
        }
        svg text:nth-child(5) {
            animation-delay: 3s;
        }
        svg text:nth-child(6) {
            animation-delay: 3.5s;
        }
        svg text:nth-child(7) {
            animation-delay: 4s;
        }
        svg text:nth-child(8) {
            animation-delay: 4.5s;
        }
        svg text:nth-child(9) {
            animation-delay: 5s;
        }
        svg text:nth-child(10) {
            animation-delay: 5.5s;
        }
        svg text:nth-child(11) {
            animation-delay: 6s;
        }
        svg text:nth-child(12) {
            animation-delay: 6.5s;
        }
		svg text:nth-child(13) {
            animation-delay: 7s;
        }
		svg text:nth-child(14) {
            animation-delay: 7.5s;
        }
		svg text:nth-child(15) {
            animation-delay: 8s;
        }
		svg text:nth-child(16) {
            animation-delay: 8.5s;
        }
		svg text:nth-child(17) {
            animation-delay: 9s;
        }
		svg text:nth-child(18) {
            animation-delay: 9.5s;
        }
		svg text:nth-child(19) {
            animation-delay: 10s;
        }
		svg text:nth-child(19) {
            animation-delay: 10.5s;
        }
@keyframes stroke {
            0%   {
				
                stroke:#fff;
                stroke-width: 2px;
                stroke-dashoffset: 326px;
            }
            70% {
                fill: transparent;
            }
            98% {
                stroke:#fff;
                stroke-width: 2px;
            }
            100% {
                fill: #fff;
                stroke-dashoffset: 0px;
            }
}




/*공지사항 type1*/
.noticeGroup{ width:967px; height:338px; overflow:hidden;}
.noticeGroup .noti_all { float:left; height:74px; line-height:84px; font-size:25px; color:#000; font-family: 'S-CoreDream-5Medium'; text-transform:uppercase; margin:0 185px 0 0; }
.noticeGroup .noti_all span { color:#0144a5; }
.noticeGroup h3 {float:left; margin:32px 12px 0; padding:0px; font-weight:normal; position:relative;}
.noticeGroup h3:before { content:""; display:block; width:1px; height:13px; background:#dddddd; position:absolute; right:-12px; top:6px; }
.noticeGroup h3.btn4:before { display:none; }
.noticeGroup h3 a { display:inline-block; font-size:18px; color:#777; font-family: 'S-CoreDream-4Regular'; font-weight:normal; position:relative; z-index:1; padding:0 6px; }
.noticeGroup h3 a::before { content:""; display:block; width:0; transition:all 0.4s; height:10px; background:rgba(242,160,7,0.3); position:absolute; left:0; top:7px; z-index:-1; }

.noticeGroup .on_check .btn a { color:#000; font-family: 'S-CoreDream-5Medium';}
.noticeGroup .on_check .btn a::before { width:100%; }

.noticeGroup div.tabcontent {position:absolute; left:-99999px; top:72px;width:100%; opacity:0;  }
.noticeGroup .on_check .tabcontent{ opacity:1; left:0; }

.noticeGroup div.tabcontent .btbox { position:absolute; right:0; top:-45px; }
.noticeGroup div.tabcontent .btbox li { float:left;  }
.noticeGroup div.tabcontent .btbox li.nbtn01 {  }
.noticeGroup div.tabcontent .btbox li.nbtn02 {  }
.noticeGroup div.tabcontent .btbox li.nbtn03 { margin:0 0px 0 20px; }
.noticeGroup div.tabcontent .btbox li.more { margin:0 0px 0 20px; }

.noticeGroup div.tabcontent .btbox li a { display:block; text-indent:-99999px; width:31px; height:31px; border-radius:50%; box-sizing:border-box; border:3px solid #283b82;}
.noticeGroup div.tabcontent .btbox li.nbtn01 a {  background:url(../images/main/noti_bt1.png) center 6px no-repeat; }
.noticeGroup div.tabcontent .btbox li.nbtn02 a {   background:url(../images/main/noti_bt2.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.n_play a { background:url(../images/main/noti_bt2_on.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.nbtn03 a {   background:url(../images/main/noti_bt3.png) center 9px no-repeat; }
.noticeGroup div.tabcontent .btbox li.more a {   background:#568ae5 url(../images/main/noti_more.png) center center no-repeat; border:0 none; }
 
 
.noticeGroup div.tabcontent .slick-slide { height:66px; border:0 none; }
.noticeGroup div.tabcontent .noti_item { width:100%; }
.noticeGroup div.tabcontent .noti_item a { display:block; width:100%; height:66px; box-sizing:border-box; border-bottom:1px solid #ddd; position:relative; padding:0 40px 0 117px; }
.noticeGroup div.tabcontent .noti_item a:after { content:""; display:block; width:25px; height:14px; background:url(../images/main/noti_arrow.png) left top no-repeat; position:absolute; right:0; top:calc(50% - 7px); }
.noticeGroup div.tabcontent .noti_item a img { display:none; }
.noticeGroup div.tabcontent .noti_item a .noti_date { position:absolute; left:0; top:0px; width:85px; height:65px; text-align:center; font-size:13px; color:#568ae5; box-sizing:border-box; padding:34px 0 0 0; font-family: 'S-CoreDream-4Regular'; letter-spacing:-0.5px;}
.noticeGroup div.tabcontent .noti_item a .noti_date span { display:block; width:100%; position:absolute; left:0; top:10px; font-size:27px; color:#568ae5; font-family: 'S-CoreDream-6Bold';}

.noticeGroup div.tabcontent .noti_item a.board_notice:before { content:"공지사항"; display:block; font-size:15px; color:#f2a007; font-weight:bold; line-height:20px; position:relative; padding:11px 0 0; }
.noticeGroup div.tabcontent .noti_item a .noti_subject { height:20px; line-height:20px; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; top:20px;  }
.noticeGroup div.tabcontent .noti_item a.board_notice .noti_subject { top:0; }
.noticeGroup div.tabcontent .noti_item a:hover .noti_subject { font-weight:500; }



/*팝업*/
.popupZone { position:relative;  width:483px; height:307px; background:none; float:right; margin:29px 0 70px 0; }

.popupZone #popbox { position:relative; height:307px; width:100%; box-sizing:border-box; box-shadow:2px 4px 10px rgba(0,0,0,0.12); border-radius:15px; background:#568ae5; }
.popupZone #popbox li { height:307px; width:100%; overflow:hidden; box-sizing:border-box; border-radius:15px; overflow:hidden; }
.popupZone #popbox li a { display:block; width:100%; height:252px;   }
.popupZone #popbox li img { width:100%; height:252px; display:block; }

.popupZone #popbox li .txt { width:calc(100% - 183px); box-sizing:border-box; height:55px; line-height:55px;  padding:0 0px 0 28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#fff; font-weight:500; border-radius:0 0 15px 15px; }

.popupZone #popbox .pageall { width:57px; height:22px; margin:0 auto; text-align:center;  position:absolute; right:101px; bottom:19px; 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:22px; vertical-align:middle; line-height:22px; font-size:16px; color:#fff; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:22px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:22px; line-height:22px; font-size:16px; color:#f9cc59; 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:25px; bottom:19px; z-index:103;}
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p {  float:left; margin:0px 5px 0; }
.popupZone #popbox .control p a { display:block; width:100%; text-indent:-999999px; width:9px; height:15px;}
.popupZone #popbox .control p#prev1 { margin-top:1px; }
.popupZone #popbox .control p#next1 { margin-top:1px; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/pop_bt1.png) left top no-repeat; }
.popupZone #popbox .control p#next1 a { background:url(../images/main/pop_bt3.png) left top no-repeat;}
.popupZone #popbox .control .more { margin-left:15px; }
.popupZone #popbox .control .more a { display:block; width:17px; height:17px; text-indent:-99999px; box-sizing:border-box; background:url(../images/main/p_more.png) center center no-repeat; }


/*월중행사 type1*/
.schedule { margin:0px 0 0px; width:967px; clear:both; height:auto; background:none; min-height:231px; }
.schedule h3 {   font-family: 'S-CoreDream-5Medium'; text-transform:uppercase; margin:0 0px 0 0; font-weight:normal; }
.schedule h3 a { font-size:25px; color:#000; }
.schedule h3 span { color:#0144a5; }


.schedule .btbox{position:absolute; top:0; right:116px; width:142px; height:53px; border-radius:15px 15px 0 0; box-sizing:border-box; border:1px solid #ddd; border-bottom:0 none; background:#fff; box-shadow:3px 5px 8px 2px rgba(0,0,0,0.12);}
.schedule .btbox li{float:left; width:50%; }
.schedule .btbox li a { display:block; position:relative; width:100%; height:52px; box-sizing:border-box; text-indent:-99999px; border-radius:15px; }
.schedule .btbox li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .btbox li.sbtn01 a:before { content:""; display:block; width:1px; height:36px; background:#aaaaaa; position:absolute; right:0; top:9px; }
.schedule .btbox li.sbtn03 a { background:#fff url(../images/main/sch_bt2.png) center center no-repeat; }

.schedule .more { position:absolute; right:14px; top:0; width:82px; }
.schedule .more a { display:block; width:100%; height:52px; box-sizing:border-box; border-radius:15px 15px 0 0; text-indent:-99999px; background:#5589e4 url(../images/main/sch_more.png) center center no-repeat; box-shadow:3px 5px 8px 2px rgba(0,0,0,0.12);}


#schedule_scroll { width:100%; height:178px; border-radius:15px; background:#fff; box-sizing:border-box; padding:0 0px 0 0; box-shadow:3px 5px 8px 2px rgba(0,0,0,0.12); margin:24px 0 0 0; }
#schedule_scroll .slick-slide { height:178px; box-sizing:border-box; }
#schedule_scroll .sch_item { }
#schedule_scroll .sch_item a { display:block; width:100%; height:178px; position:relative; box-sizing:border-box; padding:30px 20px 0; }
#schedule_scroll .sch_item a::before { content:""; display:block; width:1px; height:117px; background:#ddd; position:absolute; right:0; top:30px; }
#schedule_scroll .sch_item a .date { width:111px; height:33px; margin:0 auto 14px; border-radius:150px; box-sizing:border-box; border:1px solid #ddd; background:#fff; line-height:31px; text-align:center; color:#568ae5; font-family: 'S-CoreDream-4Regular'; font-size:16px; }

#schedule_scroll .sch_item a .sch_txt { /* 여러 줄 자르기 추가 스타일 */
overflow:hidden; font-size:15px; color:#555; font-family: 'NEXON Lv2 Gothic';
    white-space: normal;
    line-height: 25px;
    height: 50px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

#schedule_scroll .sch_item a:hover .sch_txt { font-weight:bold; }


/*급식*/
.food { float:right; width:483px; height:231px; border-radius:15px; background:#ebeff2; box-sizing:border-box; box-shadow:3px 5px 8px 2px rgba(0,0,0,0.12); padding:0 30px 0;}
.food h3 { text-align:center; height:83px; box-sizing:border-box; line-height:83px; font-family: 'S-CoreDream-5Medium'; font-weight:normal; letter-spacing:-0.5px; }
.food h3 a { font-size:25px; color:#000; }
.food h3 a span { color:#0144a5; }
.food .fd_btn {  width:72px;   position:absolute; left:30px; top:25px;  }
.food .fd_btn a { transition:all 0.4s; display:block; width:100%; height:32px; text-indent:-99999px; position:relative; border-radius:150px; overflow:hidden; box-shadow:inset 1px 2px 2px rgba(0,0,0,0.2);}
.food .fd_btn.on1 a { background:#f2be5c; }
.food .fd_btn.on2 a { background:#6c51a6; }
.food .fd_btn .f_ic { display:block; position:absolute; transition:all 0.4s; transform:rotate(0deg);}
.food .fd_btn .f_ic1 {  width:20px; height:20px; background:url(../images/main/f_ic1.png) center center no-repeat;  right:10px; top:7px; }
.food .fd_btn .f_ic2 { width:19px; height:21px; background:url(../images/main/f_ic2.png) center center no-repeat; position:absolute; left:-25px; top:6px;  }

.food .fd_btn a:before { content:""; display:block; width:26px; height:26px; border-radius:50%; background:#fff; box-shadow:inset -1px -1px 3px rgba(0,0,0,0.15); position:absolute; left:3px; top:3px; transition:all 0.4s; transform:rotate(0deg); }

.food .fd_btn.on1 .f_ic1 { right:10px; transform:rotate(360deg); }
.food .fd_btn.on1 .f_ic2 { left:-25px; }

.food .fd_btn.on2 .f_ic1 { right:-30px; }
.food .fd_btn.on2 .f_ic2 { left:11px; transform:rotate(360deg);}

.food .fd_btn.on1 a:before { transform:rotate(360deg); left:3px; }
.food .fd_btn.on2 a:before { transform:rotate(360deg); left:43px; }

.food .more { position:absolute; right:30px; top:27px; }
.food .more a { display:block; }
.food .more a span { display:inline-block; vertical-align:top; width:26px; height:14px; background:url(../images/main/f_more.png) left top no-repeat; margin:5px 0 0 11px; font-size:16px; color:#000; font-weight:500; transition:all 0.4s; }
.food .more a:hover span { margin-left:15px; }

#food_cont { width:100%; height:118px; border-radius:15px; background:#fff url(../images/main/f_bg.png) right 10px bottom 0px no-repeat; box-sizing:border-box; padding:12px 20px 0; }
#food_cont p { display:none; }
#food_cont p.f_cont1 { display:block; }
#food_cont p a { display:block; line-height:24px; font-size:16px; color:#555; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    height:72px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }

#food_cont p a:hover { font-weight:500; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:70px 0 70px 0px; width:100%; height:auto;  }
.galleryGroup .titlebox { width:274px; height:305px; background:#568ae5 url(../images/main/gal_pat.png) left top no-repeat; box-sizing:border-box; padding:39px 0 0 38px; position:absolute; left:0; top:0; }
.galleryGroup .titlebox h3 { font-size:25px; color:#fff; font-family: 'S-CoreDream-5Medium'; font-weight:normal; margin-bottom:14px; }
.galleryGroup .titlebox .more { }
.galleryGroup .titlebox .more a { color:#fff; font-size:16px; }
.galleryGroup .titlebox .more a span { transition:margin 0.4s; margin:6px 0 0 9px; display:inline-block; vertical-align:top; width:16px; height:12px; background:url(../images/main/g_arrow.png) left top no-repeat;  }
.galleryGroup .titlebox .more a:hover span { margin-left:15px; }


.galleryGroup .main_btn { margin-top:117px;  }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; margin-right:23px;}
.galleryGroup .main_btn li a { display:block; width:46px; height:46px; border-radius:50%; text-indent:-99999px; box-sizing:border-box; border:4px solid #bbd0f5; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/gal_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/gal_bt3.png) center center no-repeat; }


.galleryGroup #gallery_scroll { width:calc(100% - 224px); height:auto; min-height:288px; margin:17px 0 0 224px; overflow:hidden; position:relative; }
.galleryGroup #gallery_scroll:after { content:""; display:block; width:35px; height:100%; position:absolute; right:-52px; top:-5px; background:#fff; z-index:10; box-shadow:-35px 0px 30px 40px rgba(255,255,255,1); }

.galleryGroup .slick-slide { width:335px; height:288px; margin:0 16px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:272px; width:332px; background:#fff; box-shadow:3px 5px 6px 1px rgba(0,0,0,0.12); position:relative; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:192px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem a .g_sub { text-align:center; font-size:16px; font-weight:400; color:#333; padding:14px 19px 9px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem a:hover .g_sub { font-weight:500; }
.galleryGroup .slick-slide .gitem a .g_date { text-align:right; padding:0 19px; height:12px; line-height:12px; font-size:14px; color:#777; font-weight:300;}
.galleryGroup .slick-slide .gitem a .g_date span { display:inline-block; vertical-align:top; padding:0 0 0 17px; background:url(../images/main/gal_date.png) left top no-repeat; }

.galleryGroup .slick-slide .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:4px solid transparent; z-index:1;  }
.galleryGroup .slick-slide .gitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:4px solid transparent; z-index:1; }
.galleryGroup .slick-slide .gitem a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.galleryGroup .slick-slide .gitem a:hover::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.galleryGroup .slick-slide .gitem a:hover::before { border-top-color:#bbd0f5; border-right-color:#bbd0f5; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#fddb6b; border-left-color:#fddb6b; }



/*배너모음*/
#banner {margin:0px 0 0 0; height:90px;  float:left; position:relative; width:100%; box-sizing:border-box; background:#f2f2f2; }
#banner h3 { float:left; box-sizing:border-box; font-weight:normal; font-size:25px; color:#000; font-family: 'S-CoreDream-5Medium'; padding:32px 0 0;}
#banner h3 span { color:#0144a5; }

#banner .main_btn { float:left; margin:33px 0 0 19px;  }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:23px; margin-left:10px; display:inline-block; }
#banner .main_btn li a { display:block; width:100%; height:23px; border-radius:50%; box-sizing:border-box; border:1px solid #d1d1d1; text-indent:-999999px; }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#d9e6fc url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#feedce url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute; right:-20px; top:19px; width:1200px; height:53px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 20px 0px 0; width:180px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:53px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:51px; }







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

@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; min-height:100%;}

/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0 0px 0px; position:relative; }
.visual_wrap .slick-slide { width:100%; height:250px; position:relative; }

.visual_txt { display:none; }

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

/*공지사항 type1*/
.noticeGroup{ height:388px; overflow:hidden;}
.noticeGroup .noti_all { float:left; height:44px; line-height:44px; font-size:25px; margin:0 0px 0 0; }
.noticeGroup .noti_all span { }
.noticeGroup h3 {float:left; margin:20px 0px 0 0; padding:0px; font-weight:normal; position:relative; text-align:center; width:21%;}
.noticeGroup h3.btn1 { clear:both; width:29%;}
.noticeGroup h3.btn2 { width:29%; }
.noticeGroup h3:before { right:0px; top:6px; }
.noticeGroup h3.btn4:before { display:none; }
.noticeGroup h3 a { display:inline-block; font-size:16px;  padding:0 2px; }
.noticeGroup div.tabcontent {position:absolute; left:-99999px; top:108px;width:100%; opacity:0;  }
.noticeGroup .on_check .tabcontent{ opacity:1; left:0; }
.noticeGroup div.tabcontent .btbox { position:absolute; right:0; top:-99px; }
.noticeGroup div.tabcontent .btbox li { float:left;  }
.noticeGroup div.tabcontent .btbox li.nbtn03 { margin:0 0px 0 10px; }
.noticeGroup div.tabcontent .btbox li.more { margin:0 0px 0 10px; }
.noticeGroup div.tabcontent .slick-slide { height:66px; border:0 none; }
.noticeGroup div.tabcontent .noti_item { width:100%; }
.noticeGroup div.tabcontent .noti_item a { padding:0 15px 0 95px; }
.noticeGroup div.tabcontent .noti_item a:after { display:none; }
.noticeGroup div.tabcontent .noti_item a img { display:none; }
.noticeGroup div.tabcontent .noti_item a .noti_subject { font-size:16px; }

/*월중행사*/
.schedule { margin:0px 0 0px; clear:both; height:auto; background:none; min-height:231px; }
.schedule h3 {   font-family: 'S-CoreDream-5Medium'; text-transform:uppercase; margin:0 0px 0 0; font-weight:normal; padding:20px 0 0 0; }
.schedule h3 a { font-size:25px; color:#000; }
.schedule h3 span { color:#0144a5; }
.schedule .btbox{position:absolute; top:19px; right:65px; width:auto; height:53px; }
.schedule .btbox li{float:left; width:50px; }
.schedule .more { position:absolute; right:15px; top:19px; width:50px; }

/*급식*/
.food { float:right; padding:0 15px 0; margin:10px 3% 30px !important;}
.food h3 a { font-size:22px; color:#000; }
.food .fd_btn {  width:72px;   position:absolute; left:15px; top:25px;  }
.food .more { position:absolute; right:15px; top:27px; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ width:94%; height:auto;  }
.galleryGroup .titlebox { width:100%; height:auto; background:#568ae5 url(../images/main/gal_pat.png) left top no-repeat; box-sizing:border-box; padding:25px 20px; position:relative; }
.galleryGroup .titlebox h3 { font-size:22px;  }
.galleryGroup .main_btn { margin-top:0px; position:absolute; right:15px; top:30px;  }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; margin-right:15px;}
.galleryGroup #gallery_scroll { width:calc(100% - 15px); height:auto; min-height:288px; margin:17px 0 0 15px; overflow:hidden; position:relative; }
.galleryGroup #gallery_scroll:after { display:none; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:272px; width:100%; background:#fff; box-shadow:3px 5px 6px 1px rgba(0,0,0,0.12); position:relative; }


/*배너모음*/
#banner {margin:10px 0 0 3%; height:auto;  background:#fff; float:left; position:relative; width:97%; box-sizing:border-box; padding:0px 0 20px;  }
#banner h3 { float:left; font-size:20px; color:#000; font-family: 'S-CoreDream-5Medium'; font-weight:normal; padding:0px 0 0;}
#banner .main_btn { float:left; margin:2px 0 0 12px;  }
div#banner_scroll {position:relative; right:inherit; top:inherit; width:100%; overflow:hidden; margin:20px 0 0 0; float:left; }
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%;  }


}

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

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

}

@media all and (max-width:719px) {
.galleryGroup { margin:0 3% 0 !important; }
.galleryGroup #gallery_scroll { width:calc(100% - 15px); height:auto; min-height:288px; margin:17px 0 0 15px; }
.galleryGroup .slick-slide { margin:0 0px 25px 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { width:calc(100% - 15px); }

#banner {margin:0px 0 0 3%;}

}

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

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

}


@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; }	
	
}