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

body{background:#fff;}
#wrap { background:url(../images/main/wrap_bg.png) right top 120px no-repeat; }

#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; } /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:1400px; }
.visual_wrap::before { content:""; display:block; width:796px; height:336px; position:absolute; right:-260px; bottom:-52px; border-radius:120px 0 0 120px; background: #D8F0FF;
background: linear-gradient(180deg,rgba(216, 240, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.visual_wrap .slick-slide { width:100%; height:510px; position:relative; z-index:1; }
.visual_wrap .slick-slide p { width:1183px; height:510px; overflow:hidden; border-radius:0 48px 48px 0px; }
.visual_wrap .slick-slide img {  }
.visual_wrap .vi_content { position:relative; z-index:1; }
.visual_wrap .vi_content .slick-list { left:-260px; }
.visual_txt { position:absolute; z-index:1; width:100%; box-sizing:border-box; padding:0 0; top:61px; text-align:right;  }
.visual_txt .vis_t1 { padding:0 0px 0 0; -webkit-animation: scale-in-center 1.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1.0s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.visual_txt .vis_t1.effect {  }
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.visual_wrap .rangebox { position:absolute; left:0; bottom:48px; z-index:110; border-radius:150px; background:rgba(0,0,0,0.6); padding:0 11px 0 11px; display:flex; }
.visual_wrap .rangebox:after { content:""; display:block; clear:both; }
.visual_wrap .rangebox .vi_page { display:flex;  }
.visual_wrap .rangebox .main_btn { float:left; }
.visual_wrap .rangebox .main_btn li { float:left; }
.visual_wrap .rangebox .main_btn li.vbtn02 { margin:8px 0 0 13px; }
.visual_wrap .rangebox .main_btn li a { display:block; width:9px; height:10px; text-indent:-99999px; }
.visual_wrap .rangebox .main_btn li.vbtn01 a { background:url(../images/main/vi_bt1.png) left top no-repeat; }
.visual_wrap .rangebox .main_btn li.vbtn02 a { background:url(../images/main/v_bt2.png) left top no-repeat; }
.visual_wrap .rangebox .main_btn li.v_stop a { background:url(../images/main/v_bt2_on.png) left top no-repeat; }
.visual_wrap .rangebox .main_btn li.vbtn03 a { background:url(../images/main/vi_bt3.png) left top no-repeat; }

.visual_wrap .slick-dots {  }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; margin-right:10px; margin-top:8px; }
.visual_wrap .slick-dots li.slick-active {   }

.visual_wrap .slick-dots li button { display:block; width:10px; height:10px; border:0 none; cursor:pointer; text-indent:-99999px; background:#fff; border-radius:50%; padding:0; }
.visual_wrap .slick-dots li.slick-active button { background:#3de9bb; }

.visual_wrap .slick-counter { height:25px; line-height:25px; font-size: 1.0769em; color:#fff;  padding:0 0px; font-weight:600; }
.visual_wrap .slick-counter .current {  color:#3de9bb; margin-right:3px; }
.visual_wrap .slick-counter .total {  position:relative;   color:#fff;}

.visual_wrap .slo { position:absolute; left:753px; bottom:50px; z-index:110; }
.visual_wrap .slo img { display:block; width:100%; max-width:120px; }

#main_cont1 { margin:50px 0 70px 0; }

/*공지사항 type1*/
.noticeGroup{ width:447px; height:255px; margin:0px 0 0 0; position:absolute; right:0; top:-305px; z-index:120; }

.noticeGroup .noti_title { position:absolute; left:0px; top:0px; font-size: 1.8462em; font-weight:800; padding:0 16px 0 10px; height:53px; line-height:53px; }
.noticeGroup .noti_title span { background: #5900BF;
background: linear-gradient(90deg,rgba(89, 0, 191, 1) 0%, rgba(20, 120, 255, 1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent; }

.noticeGroup .noti_title::before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#1cc986; position:absolute; right:0; top:11px; }

.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-left:132px;}
.noticeGroup h3 { margin-top:15px;  margin-left:14px; position:relative; font-size: 1.3846em;}
.noticeGroup h3.btn1 { margin-left:0; }
.noticeGroup h3 a { display:block;  position:relative; color:#777777; position:relative; font-weight:600;  transition:all 0.5s; padding:0 5px; z-index:1; }
.noticeGroup h3::before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#dddddd; position:absolute; left:-8px; top:10px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup h3 a span  { display:none; vertical-align:top; margin:4px 5px 0 0; width:17px; height:17px; background:url(../images/main/nchk.png) left top no-repeat; transition:all 0.5s;   }
.noticeGroup .on_check .btn a { color:#1478ff; font-weight:bold;  }
.noticeGroup .on_check .btn a span  { display:inline-block; }

.noticeGroup h3 a::after { content:""; display:block; width:0%; transition:all 0.5s; height:11px; background:#bff9ea; position:absolute; left:0; bottom:0; z-index:-1; }
.noticeGroup .on_check .btn a::after { width:100%; }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:53px; width:100%; display:none;  height:202px; border:1px solid #ddd; border-radius:11px; box-sizing:border-box; padding:10px 20px 0; border-radius:10px; background:#fff; }
.noticeGroup div.tabcontent ul { height:180px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
.noticeGroup div.tabcontent ul::-webkit-scrollbar {
    width: 4px; 
	
}

.noticeGroup div.tabcontent ul::-webkit-scrollbar-thumb {
    background:#bbbbbb; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.noticeGroup div.tabcontent ul::-webkit-scrollbar-track {
    background:#dddddd;  /*스크롤바 뒷 배경 색상*/
	border-radius:10px;
}


.noticeGroup div.tabcontent ul li img { display:none; }
.noticeGroup div.tabcontent ul li a { display:block; width:100%; height:36px; line-height:36px; color:#333333; }
.noticeGroup div.tabcontent ul li a::after { content:""; display:block; clear:both; }
.noticeGroup div.tabcontent ul li a span.ntit { display:block; float:left; width:calc(100% - 94px); font-size: 1.2308em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 14px; position:relative; box-sizing:border-box; }
.noticeGroup div.tabcontent ul li a span.ntit::before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#27368c; position:absolute; left:0; top:16px; }

.noticeGroup div.tabcontent ul li a span.noti_date { display:block; float:right; color:#999;font-size: 1.0769em; padding:0 15px 0 0; }


.noticeGroup div p.more {position:absolute; clear:both; right:0px; top:-40px;  }
.noticeGroup div p.more a { display:block; width:25px; height:25px; border-radius:50%; box-shadow:0px 0px 10px rgba(0,0,0,0.2); background:#fff url(../images/main/more1.png) center center no-repeat; text-indent:-99999px; }

.noticeGroup div.tabcontent ul li a:hover span.ntit { color:#333; font-weight:600; text-decoration:underline; }


/*학생학부모바로가기*/
.tquickbox { width:402px; height:270px; float:left; background:#fff; margin:0px 0 0; padding:0 0px 0 0;  }
.tquickbox .sl_box { width:100%;  height:51px; z-index:1; position:relative; box-sizing:border-box; clear:both; margin:0px 0px 0 0; padding:0px 0 0 0px; }
.tquickbox .sl_box .titlebox {  padding:0px 0px 0 0; }
.tquickbox .sl_box .titlebox::after { content:""; display:block; clear:both; }
.tquickbox .sl_box .titlebox ul {  box-sizing:border-box;  }
.tquickbox .sl_box .titlebox ul:after { content:""; display:block; clear:both; }
.tquickbox .sl_box .titlebox ul li { float:left; width:calc((100% / 3) - (8px / 3)); }
.tquickbox .sl_box .titlebox ul li:nth-child(1) {  }
.tquickbox .sl_box .titlebox ul li:nth-child(2) { margin:0 4px;  }
.tquickbox .sl_box .titlebox ul li a { display:block; width:100%; height:48px; line-height:48px; border-radius:12px 12px 0 0; background:#dddddd; font-size: 1.3846em; color:#777777; font-weight:bold; text-align:center; }
.tquickbox .sl_box .titlebox ul li.current a { color:#fff; background:#14a7ff;}

.tquickbox .tab_def { width:100%; height:222px; background:#fff; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; box-sizing:border-box;   padding:20px 0px 0; box-sizing:border-box; position:relative; overflow:hidden; margin-top:-1px; }

.tquickbox .sl_box .tabcontent { float:left; width:calc(100% - 58px); opacity:0; left:-999999px; top:0; position:absolute; height:132px; box-sizing:border-box; margin:0 29px; }
.tquickbox .sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 
.tquickbox .slick_def {   }
.tquickbox .slick_def .slick-slide > div { float:left; width:calc(50% - 15px); box-sizing:border-box; padding:0 4px 0 0;  text-align:center; height:80px;}
.tquickbox .slick_def .slick-slide > div:nth-child(odd) { margin:0 0 20px 0; }
.tquickbox .slick_def .slick-slide > div:nth-child(even) { margin:0 0 20px 0; float:right; }
.tquickbox .slick_def .slick-slide a { display:flex; align-items:center; width:100%; height:80px; box-sizing:border-box; position:relative; text-align:left; line-height:18px;  transition:all 0.4s; font-size: 1.3846em; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; border-radius:15px; background:#fff; border:2px solid #bad6ff; transition:all 0.5s; padding:0 0px; }
.tquickbox .slick_def .slick-slide a:hover {  background:#d0edff; border:2px solid #14a7ff;}

.tquickbox .slick_def .slick-slide .qitem a span.ic { display:inline-block; vertical-align:middle; position:relative; width:69px; height:76px; }
.tquickbox .slick_def .slick-slide .qic1_1 a span.ic { background:url(../images/main/t_ic1_1.png) center center no-repeat; }
.tquickbox .slick_def .slick-slide .qic1_2 a span.ic { background:url(../images/main/t_ic1_2.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic1_3 a span.ic { background:url(../images/main/t_ic1_3.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic1_4 a span.ic { background:url(../images/main/t_ic1_4.png) center center no-repeat;  }

.tquickbox .slick_def .slick-slide .qic2_1 a span.ic { background:url(../images/main/t_ic2_1.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic2_2 a span.ic { background:url(../images/main/t_ic2_2.png) center center no-repeat; }
.tquickbox .slick_def .slick-slide .qic2_3 a span.ic { background:url(../images/main/t_ic2_3.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic2_4 a span.ic { background:url(../images/main/t_ic2_4.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic2_5 a span.ic { background:url(../images/main/t_ic2_5.png) center center no-repeat;  }

.tquickbox .slick_def .slick-slide .qic3_1 a span.ic { background:url(../images/main/t_ic3_1.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic3_2 a span.ic { background:url(../images/main/t_ic3_2.png) center center no-repeat; }
.tquickbox .slick_def .slick-slide .qic3_3 a span.ic { background:url(../images/main/t_ic3_3.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic3_4 a span.ic { background:url(../images/main/t_ic3_4.png) center center no-repeat;  }
.tquickbox .slick_def .slick-slide .qic3_5 a span.ic { background:url(../images/main/t_ic3_5.png) center center no-repeat;  }

.tquickbox .q_btn li { float:left; text-align:left; top:83px; position:absolute; }
.tquickbox .q_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  width:9px; height:16px;}
.tquickbox .q_btn li.prev_ic { left:-29px; }
.tquickbox .q_btn li.next_ic { right:-29px; }
.tquickbox .q_btn li.prev_ic a { background:url(../images/main/t_bt1.png) center center no-repeat; }
.tquickbox .q_btn li.next_ic a { background:url(../images/main/t_bt3.png) center center no-repeat; }





/*월중행사 type1*/
.schedule { width:536px; height:270px; margin:0 0 0 30px; overflow:hidden; background:#fff url(../images/main/sch_pat.png) left top; border-radius:10px; box-shadow:0px 0px 10px rgba(0,0,0,0.15); padding:0 30px 0; }
.schedule h3 { height:69px; box-sizing:border-box; font-size: 1.8462em; box-sizing:border-box; padding:28px 0 0 0;}
.schedule h3 a { color:#333; }
.schedule h3 a span { color:#5900bf; }

#schedule_content {position:relative;  width:100%; height:172px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
#schedule_content::-webkit-scrollbar {
    width: 4px; 
	
}

#schedule_content::-webkit-scrollbar-thumb {
    background:#bbbbbb; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

#schedule_content::-webkit-scrollbar-track {
    background:#dddddd;  /*스크롤바 뒷 배경 색상*/
	border-radius:10px;
}

div#schedule_scroll ul#schedule_content li { height:43px; padding:3px 0; box-sizing:border-box; }
div#schedule_scroll ul#schedule_content li a{ display:block; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 114px; box-sizing:border-box; font-size: 1.3846em; line-height:37px; font-weight:400; }
div#schedule_scroll ul#schedule_content li a span.date { display:block; width:94px; height:37px; position:absolute; left:0; top:0; background:#f1f1f1; transition:all 0.4s; text-align:center; color:#5900bf; font-size: 1.0556em; font-weight:600; border-radius:150px; }
div#schedule_scroll ul#schedule_content li a:hover {  font-weight:bold; }
div#schedule_scroll ul#schedule_content li a:hover span.date { background:#5900bf; color:#fff; }

.schedule .more { position:absolute; right:30px; top:27px; }
.schedule .more a { display:block; width:94px; height:28px; line-height:28px; border-radius:150px; background: #5900BF;
background: linear-gradient(90deg,rgba(89, 0, 191, 1) 0%, rgba(20, 120, 255, 1) 100%); color:#fff; font-size: 1.2308em; text-align:center;}
.schedule .more a span { display:inline-block; width:7px; height:28px; background:url(../images/main/sch_arrow.png) left center no-repeat; vertical-align:top; margin:0 0 0 16px; transition:all 0.5s; }
.schedule .more a:hover span { margin:0 0 0 20px;  }

/*학년별자료실*/
.banbox { width:403px; height:auto; float:right;  }
.banbox ul { position:relative; border-radius:60px 22px 22px 22px; box-shadow:0px 0px 10px rgba(0,0,0,0.15); z-index:1; width:100%; height:270px; z-index:1; background:#fff; box-sizing:border-box; padding:20px 30px 0; }
.banbox::before { content:""; display:block; width:327px; height:100%; border-radius:22px 22px 60px 22px; background:#d0edff; position:absolute; right:-30px; bottom:-30px;  }
.banbox ul::after { content:""; display:block; clear:both; }
.banbox ul li { float:left; width:calc(50% - 10px); margin-bottom:20px; }
.banbox ul li:nth-child(odd) { clear:both; }
.banbox ul li:nth-child(even) { float:right; }

.banbox ul li a { display:block; width:100%; height:106px; border-radius:10px; text-align:center; box-sizing:border-box; border:2px solid #f1f1f1; background:#f1f1f1; transition:all 0.5s; color:#333; font-size: 1.3077em; font-weight:500; padding:69px 5px 0;}

.banbox ul li.l_ic1 a { background:#f1f1f1 url(../images/main/l_ic1.png) center 19px no-repeat; }
.banbox ul li.l_ic2 a { background:#f1f1f1 url(../images/main/l_ic2.png) center 18px no-repeat; }
.banbox ul li.l_ic3 a { background:#f1f1f1 url(../images/main/l_ic3.png) center 14px no-repeat; }
.banbox ul li.l_ic4 a { background:#f1f1f1 url(../images/main/l_ic4.png) center 7px no-repeat; }

.banbox ul li a:hover { background-color:#e0fff7; border-color:#1cc986; }



/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup { margin:0px 0 0px 0px; width:1043px; height:auto; z-index:1;  }
.galleryGroup::before { content:""; display:block; width:1219px; height:246px; background:url(../images/main/gal_pat.png) left top no-repeat; position:absolute; left:-260px; top:0; z-index:-1; }

.galleryGroup .titlebox { height:70px; box-sizing:border-box; display:flex; }
.galleryGroup .titlebox h3 { font-size: 1.8462em; box-sizing:border-box; padding:35px 0 0 0; margin-right:29px; }
.galleryGroup .titlebox h3 a { color:#111; display:block; position:relative; }
.galleryGroup .titlebox h3 a::before { content:""; display:block; width:10px; height:10px; border-radius:50%; background:#3de9bb; position:absolute; right:-20px; top:-5px; }
.galleryGroup .titlebox h3 a span { color:#1cc986; }
.galleryGroup .titlebox p.gtxt { box-sizing:border-box; padding:35px 0 0 0; color:#555; font-size: 1.1538em; }



.galleryGroup .main_btn { position:absolute; right:10px; top:25px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }

.galleryGroup .main_btn li { float:left; margin:0 0px 0 10px;  }
.galleryGroup .main_btn li a { display:block; text-indent:-99999px; width:35px; height:35px; border-radius:50%; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.15); }
.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.g_stop a { background:#fff url(../images/main/g_bt2_on.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:#fff url(../images/main/g_more.png) center center no-repeat; }


.galleryGroup #gallery_scroll { width:1074px; height:auto; margin:0px 0px 0 -10px; }
.galleryGroup .slick-slide { width:338px; height:215px; margin:0 20px 0 0; box-sizing:border-box; padding:10px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:205px; width:100%; box-sizing:border-box; border-radius:8px;   overflow:hidden; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:205px; box-sizing:border-box; border-radius:0px 0px 0 0; overflow:hidden; position:relative; background-size:cover !important; }
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:55px; height:55px; position:absolute; left:50%; border-radius:50%; transform:translateX(-50%); top:55px; opacity:0; transition:all 0.6s; background: #1CC986;
background:url(../images/main/g_ic.png) center center no-repeat, linear-gradient(120deg,rgba(28, 201, 134, 1) 0%, rgba(20, 167, 255, 1) 100%); z-index:1;}
.galleryGroup .slick-slide .gitem a .pic::after { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3); opacity:0; transition:all 0.5s; }
.galleryGroup .slick-slide .gitem a:hover .pic::after { opacity:1; }
.galleryGroup .slick-slide .gitem a:hover .pic:before { opacity:1; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem dl { position:absolute; left:0; bottom:0; width:100%; z-index:1;  height:65px; background:rgba(0,0,0,0.6); }
.galleryGroup .slick-slide .gitem dt { font-weight:500; margin:0px 0 0px; padding:13px 16px 1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 1.3077em; color:#fff; line-height:18px; }
.galleryGroup .slick-slide .gitem dd {  padding:0 16px; text-align:right; font-size: 1.1538em; color:#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; border-radius:8px 8px 0 0; z-index:2; }
.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; border-radius:0 0 8px 8px; z-index:2;}
.galleryGroup .slick-slide .gitem a:hover::before { width:100%; height:50%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

.galleryGroup .slick-slide .gitem a:hover::before { border-top-color:#3de9bb; border-right-color:#3de9bb; border-left-color:#3de9bb; border-bottom:0 none;}
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#14a7ff; border-right-color:#14a7ff; border-left-color:#14a7ff; border-top:0 none;}


.galleryGroup .not_view .pic { background:none !important; }
.galleryGroup .not_view .pic img { left:0 !important; filter: blur(2px); width:100%; height:100%;}
.galleryGroup .slick-slide .gitem a.not_view .pic::before { display:none; }
.galleryGroup .slick-slide .gitem a.not_view .pic::after { content:"비공개 게시물 입니다."; display:block; width:100%; background:url(../images/main/gnone.png) center top 65px no-repeat; height:100%; position:absolute; left:0; top:0; z-index:2; text-align:center; box-sizing:border-box; padding:135px 0 0; font-size:16px; font-weight:bold; color:#111; text-shadow:1px 1px 1px rgba(255,255,255,0.7), 1px 0px 1px rgba(255,255,255,0.7), 1px -1px 1px rgba(255,255,255,0.7), -1px 1px 1px rgba(255,255,255,0.7), -1px 0px 1px rgba(255,255,255,0.7), -1px -1px 1px rgba(255,255,255,0.7), 0px -1px 1px rgba(255,255,255,0.7), 0px 1px 1px rgba(255,255,255,0.7); opacity:1; transition:none; }
.galleryGroup .not_view .pic::before { display:none; }
.galleryGroup .not_view dl { filter: blur(2px); }


/*급식*/
.food { width:327px; height:285px; float:right; border-radius:12px; overflow:hidden; padding:0 30px 0; background-color: #d7f8ef;
background-image:url(../images/main/f_bg2.png),  url(../images/main/f_bg1.png);
background-repeat: no-repeat, no-repeat;
background-position:right bottom, left 20px bottom; }
.food h3 { font-size: 1.6923em; box-sizing:border-box; padding:34px 0 0 0; margin-right:29px; color:#111;}
.food h3 a { color:#111;}
.food h3 a span { color:#1cc986; }
.food .f_txt { box-sizing:border-box; padding:0px 0 0 0; color:#555; font-size: 1.1538em; letter-spacing:-0.5px; margin:8px 0 13px; }
.food .more {   }
.food .more a { display:block; width:124px; height:28px; line-height:28px; border-radius:150px; background: #0ba86b; color:#fff; font-size: 1.2308em; text-align:center;}
.food .more a span { display:inline-block; width:7px; height:28px; background:url(../images/main/sch_arrow.png) left center no-repeat; vertical-align:top; margin:0 0 0 16px; transition:all 0.5s; }
.food .more a:hover span { margin:0 0 0 20px;  }

/*자주찾는메뉴*/
.quick_cont { position:fixed; left:-260px;  top:192px; transition:all 0.6s; z-index:130; width:260px; height:366px; background:#ffffff; box-sizing:border-box; padding:0 30px 0px; }
.quick_cont.sideView { left:0; }

.quick_cont .q_btn { position:relative; width:45px; height:100%; background:url(../images/main/q_gra.png) left top no-repeat; position:absolute; right:-45px; text-align:center; color:#fff; font-weight:500; font-size: 1.3846em;  }
.quick_cont .q_btn .arrow1 { display:block; width:19px; height:16px; background:url(../images/main/q_title.png) left top no-repeat; margin:50px auto 15px; }
.quick_cont .q_btn .tit { display:flex; align-items:center; width:100%; text-align:center; color:#fff; writing-mode: vertical-lr;}

.quick_cont .q_btn .arrow2 { display:block; width:21px; height:60px; background:#e1e2f3 url(../images/main/t_bt3.png) center center no-repeat;  transition:all 0.4s; position:absolute; right:-21px; top:50%; transform:translateY(-50%); border-radius:0 8px 8px 0; }
.quick_cont.sideView .q_btn .arrow2 {  background:#e1e2f3 url(../images/main/t_bt1.png) center center no-repeat; }

.q_def { width:100%; position:relative; }
.q_def h3 { box-sizing:border-box; height:71px; text-transform:capitalize; font-weight:bold; color:#111; font-size: 1.6923em; padding:26px 0 0 0; }

.q_def .main_btn { position:absolute; right:0; top:32px; }
.q_def .main_btn::after { content:""; display:block; clear:both; }
.q_def .main_btn li { float:left;   }
.q_def .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  width:9px; height:16px;}
.q_def .main_btn li.q_prev4 { transform:rotate(90deg); }
.q_def .main_btn li.q_next4 { transform:rotate(90deg); margin-left:18px; }
.q_def .main_btn li.q_prev4 a { background:url(../images/main/t_bt1.png) center center no-repeat; }
.q_def .main_btn li.q_next4 a { background:url(../images/main/t_bt3.png) center center no-repeat; }

.q_def .slick-slide { margin-bottom:10px; border:0 none; height:45px; overflow:hidden; }
.q_def .slick-slide a { display:flex; align-items:center; width:100%; height:45px; box-sizing:border-box; position:relative; text-align:left; line-height:18px;  transition:all 0.4s; font-size: 1.2308em; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; border-radius:8px; background:#f1f1f1; transition:all 0.5s; padding:0 0px; letter-spacing:-0.5px; }
.q_def .slick-slide a:hover {  background:#d0edff; }

.q_def .slick-slide .qc_item a span.ic { display:inline-block; vertical-align:middle; position:relative; width:68px; height:45px; }
.q_def .slick-slide .qc1 a span.ic { background:url(../images/main/q_ic1.png) center center no-repeat; }
.q_def .slick-slide .qc2 a span.ic { background:url(../images/main/q_ic2.png) center center no-repeat; }
.q_def .slick-slide .qc3 a span.ic { background:url(../images/main/q_ic3.png) center center no-repeat; }
.q_def .slick-slide .qc4 a span.ic { background:url(../images/main/q_ic4.png) center center no-repeat; }
.q_def .slick-slide .qc5 a span.ic { background:url(../images/main/q_ic5.png) center center no-repeat; }
.q_def .slick-slide .qc6 a span.ic { background:url(../images/main/q_ic6.png) center center no-repeat; }


/*배너모음*/
#banner {margin:50px 0 0 0; height:90px;  float:none; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; background:#fff; }

#banner h3 { font-size: 1.6923em; box-sizing:border-box; float:left; padding:32px 0 0; color:#111;}
#banner h3 a { color:#111;}
#banner h3 a span { color:#4b50be; }



#banner .main_btn { position:absolute; right:0px; top:27px; }
#banner .main_btn li { float:left; margin:0 0px 0 10px;  }
#banner .main_btn li a { display:block; text-indent:-99999px; width:35px; height:35px; border-radius:50%; box-sizing:border-box; box-shadow:0px 0px 10px rgba(0,0,0,0.15); }
#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.b_stop a { background:#fff url(../images/main/g_bt2_on.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:#fff url(../images/main/g_more.png) center center no-repeat; }


div#banner_scroll {position:absolute; left:128px; top:15px; width:1080px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 29px 0px 0; width:187px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:57px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:55px; }









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

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

#wrap { background:none; }

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

/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:100%; }
.visual_wrap::before { display:none; }
.visual_wrap .slick-slide { width:100%; height:auto; position:relative; z-index:1; }
.visual_wrap .slick-slide p { width:100%; height:auto; overflow:hidden; border-radius:0 48px 48px 0px; }
.visual_wrap .slick-slide img { display:block; width:100%; }
.visual_wrap .vi_content { position:relative; z-index:1; }
.visual_wrap .vi_content .slick-list { left:0px; }

.visual_txt { position:absolute;  width:100%; box-sizing:border-box; padding:0 3%; top:31px; text-align:left; z-index:110;  }
.visual_txt img { width:100%; max-width:300px; }

.visual_wrap .rangebox { position:absolute; left:15px; bottom:20px; z-index:120;  }

.visual_wrap .slo {
  position: absolute;
  left:inherit;
  right:3%;
  bottom: 20px;
  z-index: 120;
}

.visual_wrap .slo img { max-width:60px; }


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

#main_cont1 { margin:0px 0 0px 0; }

/*공지사항 type1*/
.noticeGroup{ width:94%; height:255px; margin:0px 0 0 0; position:relative; right:inherit; top:inherit; z-index:1; }

/*월중행사*/
.schedule {
  padding: 0 15px 0;
}
.schedule .more { right:15px; }

/*학년별자료실*/
.banbox {  }
.banbox ul { border-radius:22px; padding:20px 12px 0; }
.banbox::before { width:90%; border-radius:22px; height:100%; position:absolute; right:-3%; bottom:-15px;  }
.banbox ul li a { font-size:15px; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup { margin:0px 0 25px 3% !important; width:97%; height:auto; z-index:1;  }
.galleryGroup .titlebox p.gtxt { display:none; }
.galleryGroup .main_btn { position:absolute; right:3%; top:25px; }
.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0px 0 0px; }

/*자주찾는메뉴*/
.quick_cont { position:relative; left:0;  top:0; transition:none; z-index:10; width:94%; height:auto; background:#ffffff; box-sizing:border-box; padding:0 0px 0px;  }
.quick_cont.sideView { left:0; }
.quick_cont .q_btn { position:relative; width:100%; height:auto; background: #1478FF;
background: linear-gradient(270deg,rgba(20, 120, 255, 1) 0%, rgba(20, 167, 255, 1) 100%); position:static; cursor:pointer;  text-align:center; color:#fff; font-weight:500; font-size: 1.3846em; border-radius:10px 10px 0 0; padding:12px 10px; box-sizing:border-box; }
.quick_cont .q_btn .arrow1 { display:none; }
.quick_cont .q_btn .tit { display:flex; align-items:center; width:100%; text-align:center; color:#fff; writing-mode:horizontal-tb; justify-content:center; }

.quick_cont .q_btn .arrow2 { display:none !important; }

.q_def { width:100%; position:relative; box-sizing:border-box; border:1px solid #ddd; padding:0 15px 10px; }
.q_def .main_btn { right:15px; }


/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; box-sizing:border-box; padding:25px 0 20px; }
#banner .default_layout::before { display:none; }
#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:740px) {

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

}




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


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

}

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

.tquickbox .slick_def .slick-slide > div { float:left; width:100%; box-sizing:border-box; padding:0 0px 0 0;  text-align:center; height:80px;}
.tquickbox .slick_def .slick-slide > div:nth-child(odd) { margin:0 0 20px 0; }
.tquickbox .slick_def .slick-slide > div:nth-child(even) { margin:0 0 0px 0; float:right; }

}

@media all and (max-width:480px) {
/*공지사항 type1*/
.noticeGroup{ height:295px; }

.noticeGroup .noti_title { position:relative; left:0px; top:0px; font-size: 1.8462em; font-weight:800; padding:0 16px 0 10px; height:45px; line-height:45px; display:inline-block; }


.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-left:0px;}
.noticeGroup .flexbox .notice_tep { width:calc(100% / 3); }
.noticeGroup h3 { margin-top:5px; width:calc(100% - 10px); margin-left:0px; position:relative; font-size: 1.3846em; text-align:center;}
.noticeGroup h3.btn1 { margin-left:0; }
.noticeGroup h3::before { display:none; }
.noticeGroup h3.btn1::before { display:none; }

.noticeGroup h3 a::after { content:""; display:block; width:0%; transition:all 0.5s; height:11px; background:#bff9ea; position:absolute; left:0; bottom:0; z-index:-1; }
.noticeGroup .on_check .btn a::after { width:100%; }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:93px; width:100%; display:none;  padding: 10px 10px 0;  }

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

}


@media all and (max-width:468px) {
.visual_txt { position:absolute;  width:100%; box-sizing:border-box; padding:0 3%; top:27px; text-align:left; z-index:110;  }
.visual_txt img { width:100%; max-width: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; }	
	
}