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

body{ }
#wrap { background:url(../images/main/wrap_bg.png) center 159px no-repeat; }

#container {width:100%; margin:53px 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 = */
.col_box h3 {font-family: 'GyeonggiTitle'; font-weight:500; }


/*메인비주얼*/
.visual_wrap {  margin:0 -4px 97px 0px; width:669px; float:right; position:relative; }

.visual_txt { position:absolute; left:-517px; top:31px; }
.vitxt_box { opacity:0; }
.vitxt_box.effect { -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; }
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
.visual_wrap .vi_content { width:100%; height:474px; border-radius:55px; overflow:hidden; box-shadow:0px 0px 15px rgba(0,0,0,0.2); }
.visual_wrap .vi_content > div { height:474px;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap img.imgdef { display:block; position:relative; left:50%; transform:translateX(-50%); }

.visual_wrap .vi_pcont { position:absolute; text-align:right; right:38px; bottom:22px; z-index:10; box-sizing:border-box;  }
.visual_wrap .vi_pbox { border-radius:150px; display:inline-block; vertical-align:top; background:rgba(255,255,255,0.8); padding:10px 3px 11px 14px; }
.visual_wrap .vi_pbox::after { content:""; display:block; clear:both; }
.visual_wrap .vi_pbox .vi_page { float:left; }
.visual_wrap .slick-dots {   }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:11px; height:11px; box-sizing:border-box; border-radius:50%; background:#fff; border:1px solid #fff; margin-right:11px; box-shadow:3px 3px 2px rgba(0,0,0,0.15); }
.visual_wrap .slick-dots li.slick-active { background:#ff5a8c; border-color:#ff5a8c;  }
.visual_wrap .slick-dots li span { display:none; }




/*공지사항 type1*/
.noticeGroup{ border:1px #ddd solid; width:615px; height:251px; margin:218px 0 0 0; border-radius:50px; overflow:hidden; padding:11px 27px 0;}
.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-left:0px;}
.noticeGroup h3 {   padding-left:30px; position:relative; padding-right:21px;}
.noticeGroup h3.btn1 { padding-left:0; }
.noticeGroup h3 a { display:block;  position:relative; font-size:20px; color:#222; position:relative;  transition:all 0.5s; line-height:51px; }
.noticeGroup h3::before { content:""; display:block; width:9px; height:16px; background:url(../images/main/nline.png) left top no-repeat; position:absolute; left:0px; top:18px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup h3 a span  { display:none; vertical-align:top; margin:16px 7px 0 0; width:18px; height:18px; background:url(../images/main/nchk.png) left top no-repeat; transition:all 0.5s;   }
.noticeGroup .on_check .btn a { color:#ff5a8c;  }
.noticeGroup .on_check .btn a span  { display:inline-block; }

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

.noticeGroup div.tabcontent {position:absolute; left:27px;top:62px;width:calc(100% - 54px); display:none; border-top:1px solid #ff5a8c;}
.noticeGroup div ul { padding-top:14px; }
.noticeGroup div ul li {float:left; width:100%; line-height:38px !important; letter-spacing:-0.5px;  font-size:16px;  }
.noticeGroup div ul li a { display:block; float:left; max-width:calc(100% - 90px);padding:0 0 0 16px; color:#222;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; position:relative; z-index:1; }
.noticeGroup div ul li a::before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ff5a8c; position:absolute; left:0; top:17px; }
.noticeGroup div ul li a::after { content:""; display:block; width:0; height:8px; background:#ffefbb; position:absolute; left:16px; top:14px; transition:all 0.5s; z-index:-1; }
.noticeGroup div ul li a:hover::after { width:calc(100% - 16px); }
.noticeGroup div ul li span {float:right; color:#555; font-size:15px; }
.noticeGroup div ul li img {vertical-align:middle; display:none; }

.noticeGroup div p.more {position:absolute; clear:both; right:5px;top:-42px; }
.noticeGroup div p.more a { display:block; width:30px; height:30px; border-radius:8px; background:#ffdde7 url(../images/main/more1.png) center center no-repeat; text-indent:-99999px; }


/*월중행사 type1*/
.schedule {  width:415px; height:auto; margin-bottom:0px; background:none; clear:both; }
.schedule h3 { height:40px; box-sizing:border-box; padding:0px 0 0 0; }
.schedule h3 a { font-size:25px; color:#222; }

.schedule .tabcontent { width:100%; background:#fff; box-sizing:border-box; border-radius:20px; border:1px solid #ddd; overflow:hidden; }

.sch_cont .table_style { width:100%; box-sizing:border-box; text-align:center; }
.sch_cont .table_style ul { width:100%; display:flex; justify-content:space-between; }
.sch_cont .table_style ul::after { content:""; display:block; clear:both; }
.sch_cont .table_style ul li { width:calc(100% / 7); box-sizing:border-box;  font-size:16px; color:#222; text-align:center; }
.sch_cont .table_style ul.thead li {  height:46px; padding:0px 0 0 0; color:#fff; background:#ff5a8c; font-weight:bold; line-height:46px; }
.sch_cont .table_style ul.tbody li { height:45px; padding:0px 0 0 0; border-bottom:1px solid #ddd; line-height:45px; }
.sch_cont .table_style ul.tbody li.on span { display:block; width:27px; height:27px; margin:10px auto 0; line-height:27px; border-radius:50%; background:#d0f5a8; font-weight:bold; }
.sch_cont .table_style ul li.on {  }


div#schedule_scroll { width:100%; height:134px;  box-sizing:border-box; padding:10px 26px 0; }
div#schedule_scroll ul#schedule_content {position:relative;  width:100%; padding:0; height:117px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
div#schedule_scroll ul#schedule_content::-webkit-scrollbar {
    width: 5px;  
}

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

div#schedule_scroll ul#schedule_content::-webkit-scrollbar-track {
    background: #eeeeee;  /*스크롤바 뒷 배경 색상*/
}



div#schedule_scroll ul#schedule_content li { width:100%; height:39px; line-height:29px; letter-spacing:-0.5px; position:relative; font-size:16px;  padding:5px 0; box-sizing:border-box;}
div#schedule_scroll ul#schedule_content li a { display:block; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 73px; box-sizing:border-box; z-index:1;  }

div#schedule_scroll ul#schedule_content li a span.date { display:block; position:absolute; left:0; top:0;  color:#555; font-size:16px; font-weight:bold; text-align:center; width:66px; height:29px; line-height:29px; border-radius:150px; transition:all 0.5s; background:#ebebeb; }
div#schedule_scroll ul#schedule_content li a:hover {  }
div#schedule_scroll ul#schedule_content li a:hover span.date { color:#fff; background:#ff5a8c;}


.schedule p.more { position:absolute; right:0; top:0px; }
.schedule p.more a { display:block; width:30px; height:30px; box-sizing:border-box; text-indent:-99999px; background:#ff5a8c url(../images/main/more2.png) center center no-repeat; border-radius:50%; }


/*급식*/
.food { width:413px; height:auto; margin:0 0 0 40px; }
.food h3 { height:40px; box-sizing:border-box; padding:0px 0 0 0; }
.food h3 a { font-size:25px; color:#222; }

.food .fbox { width:100%; height:225px; border-radius:20px; border:2px solid #ddd; background:#fff; box-sizing:border-box; padding:23px 27px 0;  }
.food .fbox .f_to { width:100%; border-radius:20px; display:flex; align-items:center; justify-content:center; background:#00aeef url(../images/main/f_sch.png) left 24px top 9px no-repeat; line-height:45px; font-size:18px; font-weight:500; font-family: 'GyeonggiTitle'; margin-bottom:19px;}
.food .fbox .f_to dt { color:#fff600; margin:0 10px 0 0; }
.food .fbox .f_to dd { color:#fff; }

.food .ftxt { position:relative; border-radius:20px; width:100%; height:108px; background:#daf5ff; box-sizing:border-box; padding:14px 122px 0 20px; }
.food .ftxt::before { content:""; display:block; width:122px; height:104px; background:url(../images/main/f_bg.png) left top no-repeat; position:absolute; right:-8px; bottom:-21px; }
.food .ftxt a { display:block; overflow:hidden; width:100%; font-size:16px; color:#222; font-weight:500; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 20px;
    height: 80px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  }
.food .ftxt a:hover { font-weight:bold; }
.food p.more { position:absolute; right:0; top:0px; }
.food p.more a { display:block; width:30px; height:30px; box-sizing:border-box; text-indent:-99999px; background:#00aeef url(../images/main/more2.png) center center no-repeat; border-radius:50%; }


/*우리반 및 동영상 */
.linkbox { float:right; width:415px; height:auto; margin:40px 0 69px 0; font-family: 'GyeonggiTitle'; }
.linkbox li a { display:block; width:100%; height:103px; box-sizing:border-box; border-radius:20px; padding:18px 28px 0; overflow:hidden; }
.linkbox li a .eng { display:block; position:relative; font-size:14px; }
.linkbox li a .eng::before { content:""; display:block; width:20px; height:2px; position:absolute; left:0; top:0; }
.linkbox li a .tit { display:inline-block; font-weight:500; font-size:20px; color:#222; }
.linkbox li a .tit::after { content:""; display:inline-block; vertical-align:top; width:10px; height:16px; background:url(../images/main/l_arrow.png) left top no-repeat; margin:4px 0 0 8px; transition:all 0.4s; }
.linkbox li a:hover .tit::after { margin:4px 0 0 18px; }
.linkbox li.lbg1 { margin-bottom:19px; }
.linkbox li.lbg1 a { background:#ffd1f8 url(../images/main/l_bg1.png) right bottom no-repeat; }
.linkbox li.lbg1 a .eng { color:#ff5a8c; }
.linkbox li.lbg1 a .eng::before { background:#ff5a8c; }
.linkbox li.lbg2 a { background:#d0f5a8 url(../images/main/l_bg2.png) right bottom no-repeat; }
.linkbox li.lbg2 a .eng { color:#00a99d; }
.linkbox li.lbg2 a .eng::before { background:#00a99d; }


#gal_cont1 .default_layout .col_box { z-index:1; }
#gal_cont1 .gbg1 { display:block; width:693px; height:296px; border-radius:0 150px 150px 0; position:absolute; left:-299px; top:-29px; background:#fff2e2 url(../images/main/gbg1.png) left bottom no-repeat; }
#gal_cont1 .gbg2 { display:block; width:1331px; height:317px; border-radius:150px 0 0 150px; position:absolute; right:-300px; top:-12px; background:#fff5d4 url(../images/main/gbg2.png) right bottom no-repeat;}


/*학생학부모바로가기*/
.tquickbox { width:415px; height:auto; float:left; background:none; margin:22px 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; font-family: 'GyeonggiTitle';}
.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:150px; }
.tquickbox .sl_box .titlebox ul li:nth-child(1) { margin:0 5px 0 7px; }
.tquickbox .sl_box .titlebox ul li:nth-child(2) {    }
.tquickbox .sl_box .titlebox ul li a { display:block; width:100%; height:47px; line-height:47px; border-radius:20px 20px 0 0; background:#d7d7d7; font-size:20px; color:#222; font-weight:500; text-align:center; }
.tquickbox .sl_box .titlebox ul li.current a { color:#fff; background:#5a85ff;}

.tquickbox .tab_def { width:100%; height:207px; background:#e3eaff; box-sizing:border-box;   padding:20px 0px 0; box-sizing:border-box; position:relative;   border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.15); }

.tquickbox .sl_box .tabcontent { float:left; width:calc(100% - 40px); opacity:0; left:-999999px; top:0; position:absolute; height:167px; box-sizing:border-box; margin:0 20px; }
.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% - 7.5px); box-sizing:border-box; padding:0 0px 0 0;  text-align:center; height:76px;}
.tquickbox .slick_def .slick-slide > div:nth-child(odd) { margin:0 0 15px 0; }
.tquickbox .slick_def .slick-slide > div:nth-child(even) { margin:0 0 15px 0; float:right; }
.tquickbox .slick_def .slick-slide a { display:block; width:100%; height:76px; box-sizing:border-box; position:relative; text-align:center; line-height:18px;  font-size: 15px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; border-radius:15px; background:#fff;   padding:0 5px; }
.tquickbox .slick_def .slick-slide a:hover { }

.tquickbox .slick_def .slick-slide .qitem a span.ic { display:block; vertical-align:middle; position:relative; width:100%; height:48px; }
.tquickbox .slick_def .slick-slide .qic1_1 a span.ic { background:url(../images/main/t_ic1_1.png) center 12px no-repeat; }
.tquickbox .slick_def .slick-slide .qic1_2 a span.ic { background:url(../images/main/t_ic1_2.png) center 12px no-repeat;  }
.tquickbox .slick_def .slick-slide .qic1_3 a span.ic { background:url(../images/main/t_ic1_3.png) center 15px no-repeat;  }
.tquickbox .slick_def .slick-slide .qic1_4 a span.ic { background:url(../images/main/t_ic1_4.png) center 11px no-repeat;  }
.tquickbox .slick_def .slick-slide .qic1_5 a span.ic { background:url(../images/main/t_ic1_5.png) center 12px no-repeat;  }

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

.tquickbox .q_btn { position:absolute; right:-13px; top:-51px; }
.tquickbox .q_btn li { float:left;   }
.tquickbox .q_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  width:10px; height:16px;}
.tquickbox .q_btn li.prev_ic { }
.tquickbox .q_btn li.next_ic { margin-left:22px; }
.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; }

.tquickbox .slick_def .slick-slide a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:2px solid transparent; border-radius:15px 15px 0 0; }
.tquickbox .slick_def .slick-slide a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:2px solid transparent; border-radius:0 0 15px 15px; }
.tquickbox .slick_def .slick-slide a:hover::before { width:100%; height:50%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

.tquickbox .slick_def .slick-slide a:hover::before { border-top-color:#7658f9; border-right-color:#7658f9; border-left-color:#7658f9; border-bottom:0 none; }
.tquickbox .slick_def .slick-slide a:hover::after {  border-bottom-color:#5a85ff; border-left-color:#5a85ff; border-right-color:#5a85ff; border-top:0 none;}



/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 60px 0px; width:867px; height:auto; float:right; background:none; }

.galleryGroup h3 { height:69px; padding:23px 0 0 0; box-sizing:border-box; }
.galleryGroup h3 a { font-size:25px; color:#222; font-weight:500; padding:0 0 0 39px; display:inline-block; background:url(../images/main/g_title.png) left 0px no-repeat; }

.galleryGroup .main_btn { position:absolute; right:0; top:20px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:30px; margin-left:5px; }
.galleryGroup .main_btn li a { display:block; width:100%;  height:30px; box-sizing:border-box; border-radius:50%; text-indent:-99999px; }
.galleryGroup .main_btn li:not(.more) a { border:1px solid #ddd;}

.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:#ff5a8c url(../images/main/more2.png) center center no-repeat; }



.galleryGroup #gallery_scroll { width:calc(100% + 24px); height:auto; min-height:236px; margin:0px 0 0; }
.galleryGroup .slick-slide { width:273px; height:236px;  margin:0 24px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:auto; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:153px; border-radius:20px; 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 .pic::before { content:""; display:block; width:100%; height:0%; transition:all 0.4s; background:rgba(0,0,0,0.3) url(../images/main/g_ic.png) center center no-repeat; }
.galleryGroup .slick-slide .gitem a:hover .pic::before { height:100%; }
.galleryGroup .slick-slide .gitem .g_sub { width:100%; height:24px; box-sizing:border-box;  line-height:24px; font-size:16px; font-weight:600; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#222; margin:9px 0 1px; }
.galleryGroup .slick-slide .gitem a:hover .g_sub { font-weight:bold; }
.galleryGroup .slick-slide .gitem .g_date { font-size:16px; color:#555;  }

.galleryGroup .slick-slide .gitem .not_view .pic { background:none !important; }
.galleryGroup .slick-slide .gitem .not_view .pic img { left:0; filter: blur(8px); width:100%; height:100%;}
.galleryGroup .slick-slide .gitem .not_view .pic::after { content:"비공개 게시물 입니다."; display:block; width:100%; background:url(../images/main/gnone.png) center top 35px no-repeat; height:100%; position:absolute; left:0; top:0; z-index:2; text-align:center; box-sizing:border-box; padding:115px 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); }
.galleryGroup .slick-slide .gitem .not_view .pic::before { display:none !important; }



/*배너모음*/
#banner {margin:0px 0 0px 0; height:107px; border-top:1px solid #f0f0f0; overflow:hidden; position:relative; width:100%; box-sizing:border-box;  }
#banner::after { content:""; display:block; clear:both; }
#banner h3 { float:left; letter-spacing:-1px; text-align:left; font-size:25px;   padding:40px 0 0 0;  box-sizing:border-box;  color:#222; font-weight:500; font-family: 'GyeonggiTitle';}
#banner .main_btn { position:absolute; right:0px; top:38px; }
#banner .main_btn:after { content:""; display:block; clear:both; }

#banner .main_btn li { float:left; text-align:left; display:block; margin-left:5px; width:30px; }
#banner .main_btn li a { display:block; width:100%;  height:30px; box-sizing:border-box; border-radius:50%; text-indent:-99999px; }
#banner .main_btn li:not(.more) a { border:1px solid #ddd; }
#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:#ff5a8c url(../images/main/more2.png) center center no-repeat; }


div#banner_scroll {position:absolute; left:115px; top:26px; width:1060px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 22px 0px 0; width:190px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:55px; box-sizing:border-box; border:1px #d1d1d1 solid; border-radius:10px; overflow:hidden;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%; height:53px; }



.side_link { position:absolute; right:0; top:203px; z-index:10; }
.side_link p { width:67px; }
.side_link p a { display:flex; align-items:center;  width:100%; height:257px; writing-mode: vertical-rl; text-align:center; border-radius:128px 0 0 128px; font-size:20px; font-weight:600; line-height:29px; letter-spacing:8px; padding:47px 0 0; box-sizing:border-box; box-shadow:-5px 5px 5px rgba(0,0,0,0.15); }

.side_link p a span { display:block; width:35px; height:35px; border-radius:50%;  transition:all 0.4s; }

.side_link p.hak_btn a { background:#ff5a8c; color:#fff; }
.side_link p.hak_btn a span { background:#fff url(../images/main/s_arrow.png) center center no-repeat; margin:10px auto 0;}
.side_link p.hak_btn a:hover span { background:#ffe2eb url(../images/main/s_arrow.png) center center no-repeat; }

/*팝업버튼*/
.side_link .pop_call {   }
.side_link .pop_call a { background:#fff; color:#333; }
.side_link .pop_call a span { background:#ffe2eb url(../images/main/s_arrow.png) center center no-repeat; margin:40px auto 0;}
.side_link .pop_call a:hover span { background:#ff5a8c url(../images/main/s_arrow2.png) center center no-repeat;  }




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

@media all and (max-width:1024px) {
body { padding:0 0 45px 0 !important; }
#footerGroup {
      
  }
  
  
/*레이어 알람*/
#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: url(../images/main/wrap_bg.png) center 91px no-repeat;
}
#container {width:100%; margin:20px auto 0; min-height:100%;}

/*메인비주얼*/
.visual_wrap {  margin:0 0px 10px 0px; width:100%; float:right; position:relative; }

.visual_txt { position:absolute; left:0; top:11px; padding:15px calc(3% + 20px) 10px; z-index:1; }
.visual_txt img { max-width:250px; width:100%; }
.visual_wrap .vi_content { width:94%; height:auto; border-radius:0px; overflow:hidden; box-shadow:none; margin:0 auto 0; }
.visual_wrap .vi_content > div { height:auto;  }
.visual_wrap img.imgdef { display:block; position:relative; left:0; transform:none; float:right; width:100%; height:auto; }

.visual_wrap .vi_pcont { right:38px; bottom:22px;  }


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


/*행사*/
div#schedule_scroll {
  padding: 10px 15px 0;
}

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

/*우리반 및 동영상 */
.linkbox { float:right; }
.linkbox li { float:left; width:49%;  }
.linkbox li.lbg2 { float:right; }


#gal_cont1 .gbg1 { display:none; }
#gal_cont1 .gbg2 { display:none; }

.galleryGroup { margin:20px 3% 0 !important; }


.side_link { position:fixed; right:0; top:inherit; bottom:0; display:flex; z-index:10; width:100%; }
.side_link p { width:auto; flex-grow:1; }
.side_link p a { display:block; align-items:center; justify-content:center; width:100%; height:auto; writing-mode:horizontal-tb; text-align:center; border-radius:0px 0 0 0px; font-size:18px; font-weight:600; line-height:29px; letter-spacing:8px; padding:8px 10px; box-sizing:border-box; box-shadow:0px -2px 5px rgba(0,0,0,0.15);}
.side_link p a span { display:inline-block; vertical-align:middle; width:28px; height:28px; background-size:15px !important; }
.side_link p.hak_btn a span { margin:0px auto 0;}
.side_link .pop_call a span {
  margin:0px auto 0;
}


/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:10px 0 20px;  }
#banner h3 { float:none; padding:15px 0 0 3%; }
#banner .main_btn { position:absolute; left:inherit; right:3%; top:15px; }

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


}

@media all and (max-width:740px) {
/*우리반 및 동영상 */
.linkbox { float:right; }
.linkbox li { float:left; width:100%;  }
.linkbox li.lbg2 { float:right; }
.linkbox li.lbg1 a {
  background: #ffd1f8 url(../images/main/l_bg1.png) no-repeat right bottom / 120px;
}
.linkbox li.lbg2 a {
  background: #d0f5a8 url(../images/main/l_bg2.png) no-repeat right bottom / 120px;
}

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

}

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


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

}

@media all and (max-width:454px) {
	/*공지사항 type1*/
.noticeGroup{ border-radius: 30px; height:251px; padding:11px 15px 0;}
.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-left:0px;}

.noticeGroup .notice_tep {  }
.noticeGroup .notice_tep:nth-child(1) { width:33%; }
.noticeGroup .notice_tep:nth-child(2) { width:30%; }
.noticeGroup .notice_tep:nth-child(3) { width:37%; }

.noticeGroup h3 { padding-left:9px; position:relative; padding-right:0px;}
.noticeGroup h3.btn1 { padding-left:0; }
.noticeGroup h3 a { display:block;  position:relative; font-size:18px; text-align:center; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup h3 a span  { display:none ; vertical-align:top; margin:18px 5px 0 0; width:15px; height:15px; background:url(../images/main/nchk.png) no-repeat left top / cover; transition:all 0.5s;   }
.noticeGroup .on_check .btn a span  { display:inline-block; }

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

.noticeGroup div.tabcontent {position:absolute; left:15px;top:62px;width:calc(100% - 30px); display:none; border-top:1px solid #ff5a8c;}

.noticeGroup div p.more { display:none; }

/*링크바로가기*/
.tquickbox .sl_box .titlebox ul li { width:110px; }
.tquickbox .slick_def .slick-slide a { font-size:14px; }
.tquickbox .sl_box .tabcontent { width: calc(100% - 30px); margin:0 15px; }


}

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

/*메인비주얼*/

.visual_txt { position:absolute; left:0; top:5px; padding:15px calc(3% + 20px) 10px; z-index:1; }
.visual_txt img { max-width:180px; width:100%; }
	
}