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

body{background:#fff;}

#container {width:100%; margin:43px auto 0; }
#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 = */



/*메인비주얼*/
.visual_wrap { position:relative; }
.visual_wrap:after { content:""; display:block; clear:both; }
.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 {  }

#visualbox .slick-slide { border:0 none; }
.visual_wrap .slick-dots { width:100%; position:absolute; left:0; bottom:52px; text-align:center; height:14px; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; margin:0 5px; }
.visual_wrap .slick-dots li span { display:block; width:14px; height:14px; text-indent:-99999px; cursor:pointer; background:#dddddd; border-radius:50%; box-shadow:3px 3px 5px rgba(0,0,0,0.2); }
.visual_wrap .slick-dots li.slick-active span { background:#fff; border-radius:150px; width:42px; }

.vitxtbox { position:absolute; z-index:1; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; -webkit-animation: scale-in-hor-center 1.0s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-hor-center 1.0s 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.vitxtbox p { font-size:36px; color:#fff; line-height:60px; font-weight:bold; text-shadow:0px 0px 7px rgba(0,0,0,0.4); }
.vitxtbox p span.vsize1 { display:inline-block; position:relative; z-index:1; font-size:46px; padding:0 8px; }
.vitxtbox p span.vsize1:before { content:""; display:block; width:0%; height:31px; position:absolute; left:0; bottom:-4px; z-index:-1; background:rgba(0,56,118,0.5); -webkit-animation: scale-shape 0.8s 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-shape 0.8s 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.vitxtbox p span.shape { display:inline-block; position:relative; z-index:1; padding:0 8px; }
.vitxtbox p span.shape:before { content:""; display:block; width:0%; height:26px; position:absolute; left:0; bottom:3px; z-index:-1; background:rgba(4,103,179,0.5); -webkit-animation: scale-shape 1.2s 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-shape 1.2s 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.vitxtbox p span.vsize2 { display:inline-block; font-size:46px; }

@-webkit-keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes scale-in-hor-center {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    opacity: 1;
  }
}

@-webkit-keyframes scale-shape {
	0% {
		width:0;
	}
	100% {
		width:100%;
	}

}
@keyframes scale-shape {
	0% {
		width:0;
	}
	100% {
		width:100%;
	}
}

/*공지사항 type1*/
.noticeGroup{ width:100%; height:337px; margin:0px 0 60px;}
.noticeGroup .noti_title { height:69px; box-sizing:border-box; border-bottom:2px solid #333333; line-height:67px; font-size:30px; color:#000000; font-weight:bold;  }
.noticeGroup .noti_title span { display:inline-block; position:relative; padding:0 14px 0 0; }
.noticeGroup .noti_title span:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:17px; }

.noticeGroup h3 { position:absolute;  top:0;}

.noticeGroup h3.btn1 { left:calc(50% - 34px); transform:translateX(-100%); }
.noticeGroup h3.btn2 { left:calc(50% + 34px); }
.noticeGroup h3 a {  color:#222;  display:block; position:relative; line-height:67px; font-size:24px; color:#797979; font-weight:600;}
.noticeGroup h3 a:before { content:""; display:block; width:0%; transition:all 0.4s; height:5px; background:#003876; position:absolute; left:0; bottom:0px; }
.noticeGroup h3 a span { display:block; position:relative; z-index:1; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ color:#003876; }
.noticeGroup .on_check .btn a:before { width:100%; }

.noticeGroup div.tabcontent { position:relative; width:100%; display:none;}
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li { width:100%; }
.noticeGroup div.tabcontent ul li img { display:none !important; }

.noticeGroup div.tabcontent ul li:first-child { height:104px; box-sizing:border-box; position:relative; margin-bottom:0px; border-bottom:1px solid #ddd; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:27px 53px 0 112px; }
.noticeGroup div.tabcontent ul li:first-child dl dt { line-height:22px; height:22px; width:100%; font-size:19px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:600; margin-bottom:9px;}
.noticeGroup div.tabcontent ul li:first-child dl dd { color:#555; line-height:24px; width:100%; overflow:hidden; font-size:14px; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup div.tabcontent ul li:first-child .date { position:absolute; left:15px; top:15px; width:77px; height:77px; box-sizing:border-box; border-radius:8px; background:#2c66db url(../images/main/noti_pat.png) left bottom no-repeat; text-align:center; font-size:14px; color:#fff; font-weight:600; letter-spacing:-1px; padding:11px 0 0 0; overflow:hidden; }
.noticeGroup div.tabcontent ul li:first-child .date .nday { position:absolute; left:0; top:35px; width:100%;    font-size:30px; }
.noticeGroup div.tabcontent ul li:first-child .date .nday span { display:none; }

.noticeGroup div.tabcontent ul li:first-child:hover dl dd { font-weight:500; }

.noticeGroup div.tabcontent ul li:not(:first-child) { height:55px; box-sizing:border-box; padding:0 0 0 0px; width:100%; position:relative; border-bottom:1px solid #ddd; }
.noticeGroup div.tabcontent ul li:not(:first-child):before { content:""; display:block; width:6px; height:6px; position:absolute; left:15px; top:24px; background:#0467b3; }

.noticeGroup div.tabcontent ul li:not(:first-child) dl { float:left; width:calc(100% - 135px); }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { position:relative; padding:0 0px 0 30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:54px; font-size:17px; color:#333333; font-weight:500; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child):hover dt { font-weight:bold; color:#333; }
.noticeGroup div.tabcontent ul li:not(:first-child) .date { float:right; width:127px; text-align:right; line-height:54px; font-size:16px; color:#555;}
.noticeGroup div.tabcontent ul li:not(:first-child) .date:before { content:""; display:inline-block; width:14px; height:14px; background:url(../images/main/noti_date.png) left top no-repeat; margin:0px 8px 0 0; position:relative; top:1px; }

.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-46px; }
.noticeGroup div.tabcontent .more a { display:block; width:34px; height:34px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-99999px; background:#fff url(../images/main/noti_more.png) center center no-repeat; }


/*월중행사 type1*/
.schedule { width:460px; height:320px; }
.schedule h3 { height:50px; }
.schedule h3 a { display:inline-block; position:relative; font-size:30px; color:#000; padding:7px 16px 0 0; }
.schedule h3 a:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:0px; }

.schedule .btbox { position:absolute; right:0; top:0; }
.schedule .btbox:after { content:""; display:block; clear:both; }
.schedule .btbox li { float:left; margin-left:10px; }
.schedule .btbox li a { display:block; width:34px; height:34px; border-radius:50%; text-indent:-99999px; box-sizing:border-box; border:1px solid #ddd; }
.schedule .btbox li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .btbox li.sbtn03 a { background:#fff url(../images/main/sch_bt2.png) center center no-repeat; }
.schedule .btbox li.more a { background:#fff url(../images/main/noti_more.png) center center no-repeat; }


.schedule .schbox { width:100%; height:270px; background:#2c66db; box-sizing:border-box; padding:10px; border-radius:5px; }
#schedule_scroll { width:100%; height:250px; background:#fff; border-radius:5px; box-sizing:border-box; padding:30px 30px 0; }
#schedule_scroll .slick-slide { height:30px; margin-bottom:23px; }
#schedule_scroll .sch_item {   }
#schedule_scroll a { display:block; width:100%; line-height:30px; }
#schedule_scroll a:after { content:""; display:block; clear:both; }
#schedule_scroll .date { float:left; width:75px; height:30px; border-radius:150px; background:#929ea3; color:#fff; font-size:18px; font-weight:bold; text-align:center; transition:all 0.4s; }
#schedule_scroll .sch_txt { float:right; width:calc(100% - 95px); font-size:15px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#schedule_scroll a:hover .date { background:#2c66db; }
#schedule_scroll a:hover .sch_txt { font-weight:bold; }

/*급식*/
.food { width:385px; height:320px; margin:0 50px 0; background:#fff url(../images/main/f_pat.png) left bottom repeat-x; border-bottom:1px solid #ddd; }
.food:before { content:""; display:block; width:182px; height:80px; background:url(../images/main/f_bg.png) left top no-repeat; position:absolute; right:20px; bottom:19px; }
.food h3 { height:50px; margin-bottom:20px; }
.food h3 a { display:inline-block; position:relative; font-size:30px; color:#000; padding:7px 16px 0 0; }
.food h3 a:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:0px; }

.food .food_cont { position:relative; z-index:1; }
.food .ftoday { width:100%; height:46px; border-radius:150px; background:#f2be5c; text-align:center; color:#fff; font-size:18px; font-weight:600; line-height:46px; }
.food .txt { margin:24px 20px 0; }
.food .txt a { display:block;
 /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
	 font-size:16px; color:#555; overflow:hidden;
    line-height: 24px;
    height: 72px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.food .txt a:hover { font-weight:600; }


/*팝업*/
.popupZone { position:relative;  width:495px; height:320px; background:none; float:right; margin:0px 0 0px 0; overflow:hidden; }

.popupZone #popbox { position:relative; height:320px; width:100%; box-sizing:border-box; background:#fff; border:1px solid #ddd; }
.popupZone #popbox li { height:318px; width:100%; overflow:hidden; box-sizing:border-box; overflow:hidden; }
.popupZone #popbox li a { display:block; width:100%; height:269px;   }
.popupZone #popbox li img { width:100%; height:269px; display:block; }

.popupZone #popbox li .txt { width:100%; box-sizing:border-box; height:49px; line-height:48px;  padding:0 165px 0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#333; border-top:1px solid #ddd; }

.popupZone #popbox .pageall { width:57px; height:48px; margin:0 auto; text-align:center;  position:absolute; right:85px; 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:48px; vertical-align:middle; line-height:48px; font-size:14px; color:#aaa; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:48px; font-size:0px; margin-left:1px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:48px; line-height:48px; font-size:14px; color:#003876; text-indent:0; text-align:right; position:relative; font-weight:500;  }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"01";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"02";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"03";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"04";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"05";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"06";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"07";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"08";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"09";  }
#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:19px; bottom:18px; z-index:103; width:46px; height:11px;}
.popupZone #popbox .control:before { content:""; display:block; width:1px; height:11px; background:#ddd; position:absolute; left:23px; top:0; }
.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:7px; height:11px;}
.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;}
.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; }


/*아이콘바로가기*/
.ic_cont { width:100%; margin:40px 0 60px; border-bottom:1px solid #ddd; height:75px; overflow:hidden; }
.ic_cont h3 { float:left; height:74px; line-height:74px; }
.ic_cont h3 span { display:inline-block; position:relative; font-size:30px; color:#000; padding:0px 18px 0 0; }
.ic_cont h3 span:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:20px; }
.ic_cont .main_btn { position:absolute; right:0; top:19px; }
.ic_cont .main_btn:after { content:""; display:block; clear:both; }
.ic_cont .main_btn li { float:left; }
.ic_cont .main_btn li.i_next { margin-left:30px; }
.ic_cont .main_btn li a { display:block; width:34px; height:34px; border-radius:50%; text-indent:-999999px; box-sizing:border-box; border:3px solid #283b82; }
.ic_cont .main_btn li.i_prev a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.ic_cont .main_btn li.i_next a { background:#fff url(../images/main/q_bt2.png) center center no-repeat; }


.ic_cont .ic_center { float:left; width:calc(100% - 357px); margin:0 0 0 130px; }
.ic_cont .ic_center .slick-slide { height:74px; }
.ic_cont .ic_center a { display:block; }
.ic_cont .ic_center a:after { content:""; display:block; clear:both; }
.ic_cont .ic_center .ic { float:left; width:56px; height:74px; }
.ic_cont .ic_center .it1 .ic { background:url(../images/main/q_ic1.png) left center no-repeat; }
.ic_cont .ic_center .it2 .ic { background:url(../images/main/q_ic2.png) 4px center no-repeat; }
.ic_cont .ic_center .it3 .ic { background:url(../images/main/q_ic3.png) left center no-repeat; }
.ic_cont .ic_center .it4 .ic { background:url(../images/main/q_ic4.png) 8px center no-repeat; }
.ic_cont .ic_center .txt { float:right; width:calc(100% - 56px); font-size:16px; color:#000; line-height:74px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding:0 20px 0 0;  }
.ic_cont .ic_center .txt span { display:inline-block; position:relative; z-index:1; padding:0 4px;}
.ic_cont .ic_center .txt span:before { content:""; display:block; width:0%; transition:all 0.4s; height:7px; background:#d5e0f8; position:absolute; left:0; top:calc(50% - 4px); z-index:-1; }
.ic_cont .ic_center a:hover .txt span:before { width:100%; }




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; min-height:392px; background:#003876 url(../images/main/gal_pat.jpg) center top no-repeat;  }

.galleryGroup .titlebox { float:left; width:257px; }
.galleryGroup .titlebox h3 { }
.galleryGroup .titlebox h3 a { display:inline-block; position:relative; font-size:30px; color:#fff; padding:76px 16px 0 0; }
.galleryGroup .titlebox h3 a:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:71px; }
.galleryGroup .titlebox .txt { line-height:24px; font-size:15px; color:#fff; letter-spacing:-0.5px; margin:11px 0 42px; }

.galleryGroup .main_btn {  }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:94px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:21px; color:#fff; text-transform:uppercase; font-size:17px; font-weight:bold; position:relative; box-sizing:border-box; }
.galleryGroup .main_btn li a:before { content:""; display:block; width:1px; height:12px; background:#fff; position:absolute; top:6px; }
.galleryGroup .main_btn li.gbtn01 a { text-align:left; padding:0 0 0 29px; background:url(../images/main/gal_bt1.png) left 4px no-repeat; }
.galleryGroup .main_btn li.gbtn01 a:before { right:0; }
.galleryGroup .main_btn li.gbtn03 a { text-align:right; padding:0 29px 0 0; background:url(../images/main/gal_bt2.png) right 4px no-repeat; }
.galleryGroup .main_btn li.gbtn03 a:before { left:0; }

.galleryGroup .titlebox .more { width:187px; margin-top:40px; }
.galleryGroup .titlebox .more a { display:block; width:100%; height:43px; line-height:43px; box-sizing:border-box; background:#fff; padding:0 0 0 20px; font-size:17px; color:#2c66db; font-weight:bold; position:relative; }
.galleryGroup .titlebox .more a:before { content:""; display:block; width:18px; height:12px; background:url(../images/main/gal_more.png) left top no-repeat; position:absolute; right:20px; top:16px; transition:right 0.4s; }
.galleryGroup .titlebox .more a:hover:before { right:14px; }

.galleryGroup #gallery_scroll { float:left; width:1423px; position:absolute; left:257px; top:46px; height:300px; overflow:hidden; }
.galleryGroup .slick-slide { width:300px; height:300px; margin:0 30px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:300px; width:100%; background:#fff; }
.galleryGroup .slick-slide .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:3px 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:3px 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:#f2be5c; border-right-color:#f2be5c; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#f2be5c; border-left-color:#f2be5c; }


.galleryGroup .slick-slide .gitem .pic { width:100%; height:200px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.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.5); }
.galleryGroup .slick-slide .gitem .pic:after { content:""; display:block; width:55px; height:55px; background:url(../images/main/gal_ic.png) left top no-repeat; position:absolute; left:calc(50% - 28px); top:calc(50% - 28px); 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:15px 20px 0; }
.galleryGroup .slick-slide .gitem dl dt { font-size:17px; font-weight:600; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem dl dd { font-size:15px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem .g_date { text-align:right; font-size:15px; color:#aaaaaa; padding:0 20px;}
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; width:11px; height:11px; background:url(../images/main/noti_date.png) left top no-repeat; margin:0px 8px 0 0; position:relative; top:0px; background-size:cover; }


/*학생학부모바로가기*/
	#quick_cont { position:fixed; right:60px; top:50%; transform:translateY(-50%); width:100px; height:290px; border-radius:5px 15px 15px 5px; background:#2c66db; z-index:105; }
	#quick_cont h3 { width:100px; height:80px; border-radius:5px 15px 0 0; background:#182354; text-align:center; text-transform:uppercase; line-height:24px; font-size:18px; color:#fff; font-weight:600; padding:18px 0 0; box-sizing:border-box; margin-bottom:38px; }
	.main_student { width:100%; float:none; }
	.main_student.side_view {   }
	.main_student dt { text-align:center; }
	.main_student dt.tepbt1 { margin-bottom:35px; }
	.main_student dt.tepbt2 { }
	.main_student dt a { font-size:16px; color:#fff; font-weight:500; }
	.main_student dt a br { display:none; }
	.main_student dt.on a { color:#d1d1d1; font-weight:600; }
	
	.main_student dt a:before {  left:calc(50% - 9px); top:inherit; bottom:-9px; transition:all 0.4s; transform:rotate(-90deg);}
	.main_student dt.on a:before { transform:rotate(90deg); }
	.main_student dd { display:none; position:absolute; width:120px; height:290px; left:-140px; top:0; background:#fff; border-radius:10px; box-sizing:border-box; padding:10px 0; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
	.main_student dd:before { content:""; display:block; width:0; height:0; border-left:20px solid #fff; border-top:12px solid transparent; border-bottom:12px solid transparent; position:absolute; right:-20px; top:calc(50% - 12px); }
	.main_student dd.tepbox1 {  }

	.main_student dd p { margin:0 0 0 10px; border-radius:150px 0 0 150px; background:#182354; color:#fff; font-size:16px; font-weight:600; height:33px; line-height:33px; text-align:center; }
	.main_student dd ul { }
	.main_student dd ul li { line-height:44px; }
	.main_student dd ul li a { font-size:14px; color:#555; text-align:center; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 5px; }
	.main_student dd ul li a:hover { font-weight:500; color:#111; }

	#quick_cont .main_search { }
	#quick_cont .main_search a { display:block; width:18px; height:19px; text-indent:-99999px; background:url(../images/main/search.png) left top no-repeat; margin:31px auto 0; }




/*배너모음*/
#banner {margin:0px 0 0 0; height:90px;  float:left; position:relative; width:100%; box-sizing:border-box;  }
#banner h3 {float:left; padding:36px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:26px; color:#000; padding:0px 16px 0 0; }
#banner h3 a:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:-6px; }

#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:30px; margin-left:10px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:30px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; 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;left:145px; top:19px; width:1140px; height:53px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 10px 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 (max-width:1738px) and (min-width:1025px) {
/*학생학부모바로가기*/
#quick_cont {  right:20px;  }
	
}
@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%;}

/*메인비주얼*/
.visual_wrap { position:relative; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .slick-slide { width:100%; height:auto; position:relative; }
.visual_wrap .slick-slide img { width:100%; display:block; min-height:180px; }

#visualbox .slick-slide { border:0 none; }
.visual_wrap .slick-dots { bottom:25px; }

.vitxtbox { position:absolute; z-index:1; left:3%; top:38%; transform:translateY(-50%);  width:94%; text-align:center;  }
.vitxtbox p { font-size:18px; color:#fff; line-height:24px; word-break:keep-all; }
.vitxtbox p span.vsize1 { display:inline-block; font-size:22px; padding:0 8px; }
.vitxtbox p span.vsize1:before {   height:31px; bottom:-4px; }
			
.vitxtbox p span.shape { display:inline-block; padding:0 8px; }
.vitxtbox p span.shape:before { height:70%; bottom:3px; }

.vitxtbox p span.vsize2 { display:inline-block; font-size:22px; }

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

/*공지사항 type1*/
.noticeGroup{ width:94%; height:407px; }
.noticeGroup .noti_title { height:129px;  }

.noticeGroup h3 { position:absolute;  top:60px; width:50%; text-align:center;}

.noticeGroup h3.btn1 { left:0; transform:none; }
.noticeGroup h3.btn2 { left:50%; }
.noticeGroup h3 a {  font-size:20px; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ color:#003876; }
.noticeGroup .on_check .btn a:before { width:100%; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:27px 15px 0 112px; }
.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-112px; }

/*급식*/
.food h3 { margin-bottom:10px; }

/*아이콘바로가기*/
.ic_cont { width:94%; border-bottom:1px solid #ddd; height:auto; overflow:hidden; }
.ic_cont h3 { float:left; height:50px; line-height:50px; }
.ic_cont h3 span:before { top:10px; }
.ic_cont .main_btn { position:absolute; right:0; top:10px; }
.ic_cont .main_btn li.i_next { margin-left:15px; }


.ic_cont .ic_center { float:left; width:100%; margin:0 0 0 0px; }
.ic_cont .ic_center .slick-slide { height:74px; }
.ic_cont .ic_center a { display:block; }
.ic_cont .ic_center .ic { float:left; width:46px;}
.ic_cont .ic_center .txt {  font-size:15px; padding:0 10px 0 0; width:calc(100% - 46px); }


/*학생학부모바로가기*/
#quick_cont { position:inherit; right:inherit; top:inherit; transform:none; float:left; width:94%; height:auto; margin:0 3% 30px;  z-index:1; position:relative; }
#quick_cont h3 { width:100%; height:auto;  font-size:18px; color:#fff; font-weight:600; padding:12px 20px; box-sizing:border-box; margin-bottom:58px; text-align:left; }
.main_student { width:100%; float:none; }
.main_student.side_view {   }
.main_student dt { text-align:center; position:absolute; left:0; top:90px; width:50%; }
.main_student dt.tepbt1 { margin-bottom:0px; }
.main_student dt.tepbt2 { left:50%; }
.main_student dt a { font-size:16px; color:#fff; font-weight:500; }
.main_student dt a br { display:none; }
.main_student dt.on a { color:#d1d1d1; font-weight:600; }

.main_student dd { display:none; width:100%; position:relative; height:290px; left:inherit; top:inherit; background:#fff; border-radius:10px 10px 10px 5px; box-sizing:border-box; padding:10px 0; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
.main_student dd:before { display:none; }
.main_student dd.tepbox1 {   }

.main_student dd p { margin:0 0 0 10px;   }

#quick_cont .main_search { position:absolute; right:15px; top:27px; }
#quick_cont .main_search a { margin:0 0 0 0; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; min-height:392px; background:#003876 url(../images/main/gal_pat.jpg) center top no-repeat; background-size:cover; margin:0 0 0px !important;  }

.galleryGroup .titlebox { float:none; width:94%; margin:0 3% 0; }
.galleryGroup .titlebox h3 { }
.galleryGroup .titlebox h3 a { display:inline-block; position:relative; font-size:28px; color:#fff; padding:30px 16px 0 0; }
.galleryGroup .titlebox h3 a:before { content:""; display:block; width:8px; height:8px; border-radius:50%; background:#f2be5c; position:absolute; right:0; top:21px; }
.galleryGroup .titlebox .txt { display:none; }
.galleryGroup .titlebox .more { width:187px; margin:20px 0; }

.galleryGroup .main_btn { position:absolute; right:3%; top:30px;  }
.galleryGroup .main_btn li { width:84px; }
.galleryGroup #gallery_scroll { float:none; width:97%; margin:0 0 30px 3%; position:inherit; left:inherit; top:inherit; height:auto; overflow:hidden; }
.galleryGroup .slick-slide { margin:0 30px 0 0; }




/*배너모음*/
#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:0px; }
 
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:740px) {

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

}

@media all and (max-width:719px) {
.galleryGroup #gallery_scroll { width:94%; margin:0 3% 0px 3%; }
.galleryGroup .slick-slide { margin:0 0px 30px 0; }

}

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



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

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

.vitxtbox { top:32%; transform:translateY(-50%);  width:94%; text-align:center;  }

}

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