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

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

#container {width:100%; margin:47px 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; margin:0 0 0 0px; width:100%; height:639px; overflow:hidden; }
.visual_wrap .vi_content > div { height:639px;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap img.imgdef { display:block; position:relative; left:50%; transform:translateX(-50%); }

.visual_wrap .visual_txt { position:absolute;  left:50%; transform:translateX(-50%); top:184px; z-index:10;  width:100%; max-width:1330px; box-sizing:border-box; }
.visual_wrap .visual_txt .vitxt_box { opacity:0; }
.visual_wrap .visual_txt .vitxt_box.effect { -webkit-animation: fade-in-right 0.9s 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-right 0.9s 0.3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

/*링크*/
.link_cont { display:flex; justify-content:space-between; flex-wrap:wrap; position:absolute; left:0; top:-364px; background:none; width:462px; height:auto; z-index:11; }
.link_cont .lbox { margin-bottom:10px; width:calc(50% - 5px); }
.link_cont .lbox a { background:#fff; display:block; width:100%; height:105px; position:relative; border-radius:10px; box-sizing:border-box; padding:0 17px 0; font-family: 'SUITE'; box-shadow:0px 0px 5px rgba(0,0,0,0.15);}
.link_cont .lbox a .stit { display:block; font-size:15px; color:#444; font-weight:400; padding:16px 0 3px; }
.link_cont .lbox a .tit { display:block; font-weight:700; font-size:18px; color:#333;}
.link_cont .lbox a .arrow { display:block; width:34px; height:34px; position:absolute; right:17px; bottom:9px; border-radius:50%; background:#e5eff7 url(../images/main/l_arrow.png) center center no-repeat; transition:all 0.5s; box-shadow:2px 2px 5px rgba(0,0,0,0.15); }

.link_cont .lbox a:hover .arrow { background:#1f5ad0 url(../images/main/l_arrow2.png) center center no-repeat; }


/*공지사항 type1*/
.noticeGroup{ width:860px; height:318px; background:none; position:relative; z-index:1; }

.noticeGroup .noti_title { position:absolute; left:0px; top:0px; line-height:65px; font-size:25px; color:#333; font-weight:normal; font-family: 'yg-jalnan';}
.noticeGroup .noti_title span { color:#ff9500; }
.noticeGroup .flexbox { display:flex; justify-content: flex-end; padding-right:45px;}
.noticeGroup h3 { margin-top:17px; margin-left:16px; position:relative;}
.noticeGroup h3::before { content:""; display:block; width:1px; height:14px; background:#e1e1e1; position:absolute; left:-7px; top:9px; }
.noticeGroup h3 a { display:block; min-width:91px; padding:0 14px; position:relative; font-size:18px; color:#575757; font-weight:500; text-align:center; height:33px; line-height:33px; box-sizing:border-box; border-radius:150px; background:#fff;  letter-spacing:-1px; }
.noticeGroup h3.btn1 { margin-left:0px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup .on_check .btn a { color:#fff; background:#ff9f17;  }
.noticeGroup .on_check .btn a span:before { width:100%; }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:65px; width:100%; display:none; padding:7px 24px 0; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; height:253px; }
.noticeGroup div.tabcontent .nitem { height:45px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ddd; padding:0px 0 0 0; }
.noticeGroup div.tabcontent .nitem::after { content:""; display:block; clear:both; }
.noticeGroup div.tabcontent .nitem a {float: left;display: inline-block;max-width: calc(100% - 80px);box-sizing: border-box;padding: 0 0 0 33px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
font-size: 16px;line-height: 44px;letter-spacing: -0.5px;position: relative; z-index: 1; font-weight:500; background:url(../images/main/n_dot.png) left 11px no-repeat; }
.noticeGroup div.tabcontent .nitem img { position:absolute; left:57px; top:-3px; z-index:1; display:none; }

.noticeGroup div.tabcontent .nitem span.noti_date { float:right; line-height:44px; font-size:15px; color:#666; }
.noticeGroup div.tabcontent .nitem a:hover { text-decoration:underline; }

.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-49px; }
.noticeGroup div.tabcontent .more a { display:block; width:33px; height:33px; box-sizing:border-box; text-indent:-99999px; background:#ff9600 url(../images/main/more.png) center center no-repeat; border-radius:14px 5px 14px 5px; }


/*월중행사 type1*/
.schedule { float:right; width:448px; height:auto; margin-bottom:22px; }
.schedule h3 { height:65px; box-sizing:border-box; padding:22px 0 0 0; }
.schedule h3 a { font-size:25px; color:#333; font-weight:normal; font-family: 'yg-jalnan';}
.schedule h3 a span { color:#707070; font-size:18px; font-family: 'SUITE'; font-weight:400; text-transform:capitalize; margin:0 0 0 5px; }

.schedule .tabcontent { width:100%; background:#fff; box-sizing:border-box; }

.sch_cont .table_style { width:100%; box-sizing:border-box; text-align:center; margin-bottom:13px; }
.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) - (48px / 6)); box-sizing:border-box; background:#f1f1f1; font-weight:600; font-size:16px; color:#333; text-align:center; }
.sch_cont .table_style ul.thead li { border-radius:150px 150px 0 0; height:39px; padding:13px 0 0 0; color:#999999; }
.sch_cont .table_style ul.tbody li { border-radius:0 0 150px 150px; height:38px; padding:1px 0 0 0;  }
.sch_cont .table_style ul li.on { color:#fff !important; background:#79db1f !important; }

.schedule .to_day { position:absolute; right:44px; top:17px; width:122px; height:33px; line-height:31px; box-sizing:border-box; border-radius:150px; border:1px solid #009c4c; background:#f2fbea; text-align:center; font-size:16px; color:#636363; font-family: 'SUITE'; font-weight:600;}
.schedule .to_day span { color:#009c4c;  }

div#schedule_scroll { width:100%; height:163px; overflow:hidden; border-radius:12px; background:#f2fbea url(../images/main/sch_bg.png) right bottom no-repeat; box-shadow:0px 0px 10px rgba(0,0,0,0.15); box-sizing:border-box; padding:17px 25px 0; }
div#schedule_scroll ul#schedule_content {position:relative;  width:100%; padding:0; height:128px; 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:32px;line-height:32px; letter-spacing:-0.5px; position:relative; font-size:17px;  padding:5px 0; box-sizing:border-box;}
div#schedule_scroll ul#schedule_content li a { display:block; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 75px; box-sizing:border-box; z-index:1;  }
div#schedule_scroll ul#schedule_content li a::before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:#555555; position:absolute; left:0; top:14px;  }

div#schedule_scroll ul#schedule_content li.None a { padding:0 0 0 17px; }

div#schedule_scroll ul#schedule_content li a span.date { display:block; position:absolute; left:0; top:0;  color:#333; font-size:18px; font-weight:bold; padding:0 0 0 17px; }
div#schedule_scroll ul#schedule_content li a:hover {  }
div#schedule_scroll ul#schedule_content li a:hover::before { background:#00a651; }
div#schedule_scroll ul#schedule_content li a:hover span.date { color:#00a651; }


.schedule p.more { position:absolute; right:0; top:17px; }
.schedule p.more a { display:block; width:33px; height:33px; box-sizing:border-box; text-indent:-99999px; background:#00a651 url(../images/main/more.png) center center no-repeat; border-radius:14px 5px 14px 5px; }


/*유아모집*/
.yguidebox { width:419px; height:auto; background:none; clear:both; }
.yguidebox a { display:block; width:100%; height:202px; overflow:hidden; border-radius:12px; background:url(../images/main/guide_bg.png) no-repeat right 43px bottom, #fbad2e url(../images/main/guide_pat.png) left top; padding:32px 25px 0; box-sizing:border-box; position:relative; }
.yguidebox a span.tit { display:block; font-size:22px; color:#fff; font-weight:normal; font-family: 'yg-jalnan';}
.yguidebox a span.tit span { color:#fff000; }
.yguidebox a span.stit { display:block; line-height:20px; font-size:15px; color:#fff; margin:9px 0 34px; }
.yguidebox a .more { display:block; width:117px; height:33px; line-height:33px; border-radius:150px; text-align:center; color:#fff; transition:all 0.5s; background:#f26e2f; box-shadow:0px 0px 10px rgba(0,0,0,0.15); font-size:17px; font-weight:500; }
.yguidebox a:hover .more { background:#f15911; }

/*급식*/
.food { margin:0 22px 0; width:419px; height:202px; border-radius:12px; border:1px solid #ddd; background:#ffdbda; padding:0 21px 0;  }
.food h3 { width:213px; position:relative; top:-1px; }
.food h3 a { display:block; width:100%; height:55px; line-height:55px; text-align:center; border-radius:0 0 12px 12px; background:#f26d68; font-size:22px; color:#fff; font-weight:normal; font-family: 'yg-jalnan';}
.food h3 a::after { content:""; display:inline-block; width:15px; height:15px; background:url(../images/main/more.png) center center no-repeat; margin:0 0 0 7px; position:relative; top:-1px; }

.food .ftxt { width:213px; height:119px; background:#fff; border-radius:12px; box-sizing:border-box; padding:22px 15px 0; margin:14px 0 0; }
.food .ftxt a { display:block; overflow:hidden; width:100%; font-size:16px; color:#333; font-weight:500; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 25px;
    height: 75px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  }
.food .ftxt a:hover { font-weight:600; }

.food .f_to { position:absolute; right:24px; bottom:0; width:141px; height:100%; background:url(../images/main/f_bg.png) center bottom no-repeat; text-align:center; box-sizing:border-box; padding:18px 0 0; }
.food .f_to dt { font-size:16px; font-weight:bold; color:#f37a76; }
.food .f_to dd { width:123px; height:30px; line-height:30px; border-radius:150px; margin:107px auto 0; background:#676767; font-size:15px; color:#fff; font-weight:bold; }


/*팝업*/
.popupZone { width:448px; height:202px; margin:0 0 0px; float:right; }
.popupZone .btbox { position:absolute; right:0; bottom:0; width:145px; height:39px; background:#0466c8; text-align:center; border-radius:12px 0px 12px 0px; z-index:1;  }
.popupZone .btbox::after { content:""; display:block; clear:both; }
.popupZone .main_btn { float:right; vertical-align:top; margin-top:13px; margin-right:16px;}
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; text-align:left; display:block;   }
.popupZone .main_btn li.pbtn02 { margin:2px 10px 0; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; }
.popupZone .main_btn li:not(.more) a { width:8px; height:13px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/p_btn01.png) center center no-repeat; }
.popupZone .main_btn li.pbtn02 a { background:url(../images/main/p_btn02.png) center center no-repeat; width:8px; height:10px;}
.popupZone .main_btn li.p_play a { background:url(../images/main/p_btn02_on.png) center center no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/p_btn03.png) center center no-repeat; }
.popupZone .main_btn li.more { margin-left:13px; }
.popupZone .main_btn li.more a { width:13px; height:13px; background:url(../images/main/p_more.png) center center no-repeat;}
.popupZone .slick-counter { height:39px; line-height:39px; float:left; display:inline-block; vertical-align:top; font-size:16px; color:#fff;  padding:0 0px 0 16px; font-family: 'Pretendard'; }
.popupZone .slick-counter .current { font-weight:bold; color:#ffe54b; }
.popupZone .slick-counter .total {  position:relative; margin-left:4px; }
#popup_scroll { width:100%; box-sizing:border-box; border-radius:12px; overflow:hidden; height:202px; box-shadow:0px 0px 5px rgba(0,0,0,0.15); }
#pop_center { width:100%; }
#popup_scroll img { width:100%; height:202px; }





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

.galleryGroup .titlebox { height:98px; text-align:center; padding:35px 0 0; box-sizing:border-box;  font-family: 'yg-jalnan';}
.galleryGroup .titlebox h3 { font-size:25px; font-weight:normal;  }
.galleryGroup .titlebox h3 a { color:#333; }
.galleryGroup .titlebox h3 a span.c1 { color:#ff9e13;  }
.galleryGroup .titlebox h3 a span.c2 { color:#ff8813;  }

.galleryGroup .main_btn{position:absolute; top:33px; right:0px;}
.galleryGroup .main_btn li{float:left; margin-left:13px; }
.galleryGroup .main_btn li a { display:block; box-sizing:border-box; text-indent:-99999px;  width:18px; height:10px; }
.galleryGroup .main_btn li:not(.more) { margin-top:12px;  }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:url(../images/main/g_bt2.png) center center no-repeat; width:18px; height:10px;}
.galleryGroup .main_btn li.g_stop a { background:url(../images/main/g_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a { display:block; width:33px; height:33px; box-sizing:border-box; text-indent:-99999px; background:#ff9600 url(../images/main/more.png) center center no-repeat; border-radius:14px 5px 14px 5px; }

.galleryGroup #gallery_scroll { width:calc(100% + 11px);  margin:0px 0 0; position:relative; min-height:248px; }
.galleryGroup #gallery_center { z-index:1; position:relative; }
.galleryGroup .slick-slide { width:332px; height:259px; margin:0 5px 0 0; box-sizing:border-box; padding:7px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:245px; width:100%; border-radius:10px; overflow:hidden; background:#fff; box-shadow:0px 0px 7px rgba(0,0,0,0.15); border:1px solid #ddd; box-sizing:border-box; position:relative; padding:11px 11px 0; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:177px; border-radius:10px; box-sizing:border-box;  overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic .hover {  display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.4s; background:rgba(0,0,0,0.3) url(../images/main/gal_ic.png) center center no-repeat; opacity:0;}
.galleryGroup .slick-slide .gitem:hover .pic .hover { opacity:1; }

.galleryGroup .slick-slide .gitem 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:10px; 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:2px solid transparent; border-radius:10px; 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:#fcb034; border-right-color:#fcb034; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#fcb034; border-left-color:#fcb034; }

.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { height:53px; line-height:53px; width:100%; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333; font-weight:bold; padding:0 10px; text-align:center; }


.galleryGroup .slick-slide .gitem .not_view .pic .hover { display:none; }


.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::before { content:"비공개 게시물 입니다."; display:block; width:100%; background:url(../images/main/gnone.png) center top 65px no-repeat; height:202px; 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); }



/*배너모음*/
#banner { float:left; margin:19px 0 26px 0; height:95px; overflow:hidden; background:none; 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:34px 0 0 0;  box-sizing:border-box;  color:#333; font-family: 'SUITE'; font-weight:600;}
#banner .main_btn { position:absolute; left:91px; top:31px; }
#banner .main_btn:after { content:""; display:block; clear:both; }

#banner .main_btn li { float:left; text-align:left; display:block; margin-left:3px; }
#banner .main_btn li a {  display:block; text-indent:-99999px; border-radius:50%; box-sizing:border-box; width:30px; height:31px; }
#banner .main_btn li:not(.more) a { border:1px solid #00b7e9; }
#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:#fff url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.b_stop a { background:#fff url(../images/main/b_bt2_on.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:#00b7e9 url(../images/main/b_more.png) center center no-repeat; }

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









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

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

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


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

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; height:auto; overflow:hidden; }
.visual_wrap .vi_content > div { height:auto;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap img.imgdef { display:block; position:relative; left:inherit; transform:none; width:100%; }

.visual_wrap .visual_txt { position:absolute;  left:50%; transform:translateX(-50%); top:34px; z-index:10;  width:100%; max-width:1330px; box-sizing:border-box; padding:0 3%; }
.visual_wrap .visual_txt .vitxt_box img { display:block; width:100%; max-width:450px; }

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

/*링크*/
.link_cont { background:#cae3fc;  position:relative; left:0; top:0px; width:100%; height:auto; z-index:11; margin:0 0 25px !important; float:left; box-sizing:border-box; padding:20px 3% 10px; }
.link_cont .lbox a { padding:0 12px; }
.link_cont .lbox a .stit { font-size:14px; letter-spacing:-0.5px; }
.link_cont .lbox a .tit { font-size:16px; }
.link_cont .lbox a .arrow { right:12px; }

/*이달의행사*/
.schedule h3 a span { display:none; }
.schedule .to_day { width:112px; }

/*급식*/
.food { width:46%; margin:0 1% 25px 3% !important;  }
.food h3 { width:calc(100% - 151px); position:relative; top:-1px; }

.food .ftxt { width:calc(100% - 151px);   margin:14px 0 0; }


/*팝업*/
.popupZone { width:46%; margin:0 3% 25px 1% !important; height:202px; clear:none; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 3% 0px !important; }
.galleryGroup .titlebox { height:auto; text-align:center; padding:10px 0 40px; box-sizing:border-box;  font-family: 'yg-jalnan';}



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

.visual_wrap .visual_txt {  top:27px;   }
.visual_wrap .visual_txt .vitxt_box img {  max-width:350px; }
}

@media all and (max-width:780px) {
/*급식*/
.food { width:94%; margin:0 3% 25px !important; padding: 0 12px 0; }
.food h3 { width:100%; position:relative; top:-1px; }

.food .ftxt { width:calc(100% - 151px);   margin:14px 0 0; }
.food .f_to { position:absolute; right:12px; bottom:0; width:141px; height:calc(100% - 69px); background:url(../images/main/f_bg.png) no-repeat center top;   padding:18px 0 0; }
.food .f_to dt { display:none; }
.food .f_to dd {  margin:75px auto 0; background:#676767; font-size:15px; color:#fff; font-weight:bold; }

/*팝업*/
.popupZone { width:94%; margin:0 3% 25px !important; height:202px; clear:none; }


}

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

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

}

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

.visual_wrap .visual_txt {  top:20px;   }
.visual_wrap .visual_txt .vitxt_box img {  max-width:280px; }
}

@media all and (max-width:595px) {
.galleryGroup .titlebox {  padding:10px 0 15px; }
.galleryGroup .main_btn {position:static; display:flex; justify-content:center; margin-bottom:5px; }
.galleryGroup .main_btn li { float:none; }

}

@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:515px) {

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

.noticeGroup .noti_title { position:relative; left:0px; top:0px; line-height:35px; font-size:25px; color:#333; font-weight:normal; font-family: 'yg-jalnan';}
.noticeGroup .noti_title span { color:#ff9500; }
.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-right:0px;}
.noticeGroup h3 { margin-top:15px; margin-left:16px; position:relative;}

.noticeGroup div.tabcontent {position:absolute; left:0px; top:105px; padding:10px 15px 0;  }
.noticeGroup div.tabcontent .nitem { height:45px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ddd; padding:0px 0 0 0; }
.noticeGroup div.tabcontent .nitem::after { content:""; display:block; clear:both; }
.noticeGroup div.tabcontent .nitem a { max-width: calc(100% - 80px); 
font-size: 15px; }
.noticeGroup div.tabcontent .nitem img { position:absolute; left:57px; top:-3px; z-index:1; display:none; }

.noticeGroup div.tabcontent .nitem span.noti_date {  font-size:14px; color:#666; }

.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-55px; }
}


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

.visual_wrap .visual_txt {  top:15px;   }
.visual_wrap .visual_txt .vitxt_box img {  max-width:220px; }
}

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