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

body{ }

#container {width:1252px; margin:0px auto 0px; padding-bottom:0px; position:relative; }
#container:after { content:""; display:block; clear:both; }

/*메인비주얼*/
.visual_wrap { position:relative; padding:29px 0 0;}
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap #main_visual { position:absolute; left:-334px; top:-140px; }

.vi_txt { margin:0px 105px 0 0; float:right; text-align:right; -webkit-animation:slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.vi_txt img { }
.vi_txt p.vit1 { margin:0 180px 0 0; }
.vi_txt p.vit2 { margin:-5px 10px 0 0; }
.vi_txt p.vit3 { }
			
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}


/*박스 공통*/
.col_box{ float:left; position:relative; width:30%; height:195px; box-sizing:border-box; background:#fff;} /* 340 / 1100 = */

/*아이콘바로가기*/
.ic_cont { float:right; width:auto; height:auto; background:none; margin:26px 42px 155px 0; }
.ic_cont li { float:left; width:101px; margin:0 6px; }
.ic_cont li a { display:block; width:100%; height:101px; border-radius:15px; background:#fff; box-shadow:0 0 5px 1px rgba(0,0,0,0.1); text-align:center; }
.ic_cont li a span.ic {  display:block; width:100%; height:62px; }
.ic_cont li a:hover span.ic { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }
.ic_cont li.ic1 a span.ic { background:url(../images/main/q_ic4.png) center 17px no-repeat; }
.ic_cont li.ic2 a span.ic { background:url(../images/main/l_ic2.png) center 23px no-repeat; }
.ic_cont li.ic4 a span.ic { background:url(../images/main/l_ic3.png) center 23px no-repeat; }
.ic_cont li.ic3 a span.ic { background:url(../images/main/l_ic4.png) center 26px no-repeat; }

.ic_cont li a span.txt { display:block; width:100%; font-size:14px; letter-spacing:-0.5px; color:#555; line-height:27px; }
.ic_cont li a:hover span.txt { font-weight:bold; }
@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/*공지사항 type1*/
.noticeGroup{ width:827px; height:345px; margin:0 0px 0 0px; clear:both; margin-bottom:42px;}
.noticeGroup h3 {float:left; margin:0px 0; width:calc(50% - 8px);  }
.noticeGroup h3 a { display:block; width:100%; height:69px; border-radius:15px 15px 0 0; background:#d7eef1; text-align:center; line-height:69px; font-size:22px; color:#8cc3c9; font-weight:normal; }
.noticeGroup h3.btn2 { float:right; }
.noticeGroup h3 span { display:none; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a { background:#00afc4; color:#fff; }
.noticeGroup .on_check .btn a span { display:inline-block; vertical-align:top; width:27px; height:27px; background:url(../images/main/noti_on.png) left top no-repeat; margin:22px 0 0 10px; position:relative; }

.noticeGroup div.tabcontent {position:absolute;left:0; top:69px;width:100%; display:none; height:276px; box-sizing:border-box; border-radius:0 0 15px 15px; border:1px solid #ddd; border-top:3px solid #00afc4; padding:0 24px 0; background:#fff;}
.noticeGroup div ul {margin:0px 0px;}
.noticeGroup div ul::after { content:""; display:block; clear:both; }
.noticeGroup div ul li:first-child { height:122px; box-sizing:border-box; border-bottom:1px dashed #dddddd; padding:32px 0 0 73px; float:left; background:url(../images/main/noti_ic.png) 7px 35px no-repeat; margin-bottom:20px; width:100%; }
.noticeGroup div ul li:first-child a { display:block; width:100%; height:27px; line-height:27px; font-size:19px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
.noticeGroup div ul li:first-child a:hover { text-decoration:underline; }
.noticeGroup div ul li:first-child img { display:none; }
.noticeGroup div ul li:first-child span { font-size:18px; color:#666; font-weight:300; letter-spacing:-0.5px; }
.noticeGroup div ul li:first-child span.date { margin-top:10px; display:block; }
.noticeGroup div ul li:first-child span .other { display:none; }

.noticeGroup div ul li:not(:first-child) {float:left; width:100%; line-height:36px !important; letter-spacing:-0.5px;  font-size:18px; background:url(../images/main/noti_dot.jpg) 7px 14px no-repeat;}
.noticeGroup div ul li:not(:first-child) a {float:left; width:65%;padding:0 0 0 26px; box-sizing:border-box; color:#444;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup div ul li:not(:first-child) a:hover {text-decoration:underline; font-weight:500;}
.noticeGroup div ul li:not(:first-child) span.date {float:right; color:#666; font-size:18px; margin:0 8px 0 0; font-weight:300; letter-spacing:-0.5px;}
.noticeGroup div ul li:not(:first-child) span.date .first { display:none; }
.noticeGroup div ul li:not(:first-child) img {vertical-align:middle; display:none;}

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

/*팝업존*/
.popupZone { float:right; width:403px; height:345px; overflow:hidden; background:url(../images/main/pop_pat1.jpg) right top no-repeat, #f36394 url(../images/main/pop_pat2.jpg) left bottom no-repeat; border-radius:20px; padding:0 20px; margin-bottom:42px; }

.popupZone h3 { height:73px; position:relative; color:#fff; font-size:22px; line-height:73px; }
.popupZone h3:before { content:""; display:block; width:137px; height:40px; background:url(../images/main/pop_bg.png) left top no-repeat; position:absolute; right:26px; bottom:0;  }

#popup_scroll { width:100%; background:#fff; height:248px; border-radius:17px; box-sizing:border-box; padding:22px 30px 0; }
#popup_scroll #pop_center {  }
#popup_scroll #pop_center .pitem { height:32px; }
#popup_scroll #pop_center .pitem a { display:block; width:100%; height:32px; line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333; position:relative; padding:0 0 0 16px; }
#popup_scroll #pop_center .pitem a:before { content:""; display:block; width:6px; height:6px; background:#444; border-radius:50%; position:absolute; left:0; top:14px; }
#popup_scroll #pop_center .pitem a:hover { font-weight:bold; }

.popupZone .main_btn { width:126px; height:44px; border-radius:15px 15px 0 0; background:#f36394; position:absolute; left:calc(50% - 63px); bottom:24px; text-align:center; }
.popupZone .main_btn li { display:inline-block; vertical-align:top; margin-top:20px;}
.popupZone .main_btn li.pbtn02 { margin:18px 19px 0; }
.popupZone .main_btn li a { display:block; width:15px; height:9px; text-indent:-99999px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/pop_bt1.png) left top no-repeat; }
.popupZone .main_btn li.pbtn02 a { background:url(../images/main/pop_bt2.png) left top no-repeat; width:10px; height:13px;}
.popupZone .main_btn li.p_play a { background:url(../images/main/pop_bt2_on.png) left top no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/pop_bt3.png) left top no-repeat; }

/*오늘의급식*/
.radibox { width:616px; height:229px; border-radius:15px; box-shadow:0 0 5px 3px rgba(0,0,0,0.07);}
.radibox h3 { border-radius:15px 0 96px 0; width:191px; height:66px;  font-size:22px; color:#fff; line-height:66px; box-sizing:border-box; float:left; }
.radibox h3 a { color:#fff; }
.radibox .rabox { width:371px; height:189px; overflow:hidden; position:relative; border-radius:15px; border:1px solid #cccccc; box-sizing:border-box; float:right; margin:20px 17px 0 0; }

.food:before { content:""; display:block; width:86px; height:100px; background:url(../images/main/sch_bg.png) left top no-repeat; position:absolute; left:77px; top:107px;}
.food h3 { background:#8f1d8c; padding:0 0 0 29px; }
.food h3 a span { display:inline-block; vertical-align:top; width:17px; height:17px; background:url(../images/main/f_more.png) left top no-repeat; margin:23px 0 0 8px;}
.food #fbox { text-align:center;  text-align:center;}
.food .f_today { display:inline-block; position:relative; z-index:1; padding:0 20px 0 25px; height:24px; line-height:24px; color:#333; font-size:20px; margin:19px 0 0; }
.food .f_today:before { content:""; display:block; width:100%; height:10px; border-radius:150px; position:absolute; left:0; top:7px; z-index:-1; background:#fff5b6; box-shadow:0 0 2px 1px rgba(255,245,182,0.7); }
.food .f_today span { display:inline-block; vertical-align:top; width:23px; height:24px; background:url(../images/main/sch_ic.png) left top no-repeat; margin:0 9px 0 0; }
.food #fbox .ftxt { margin:6px 26px 0; text-align:left; }
.food #fbox .ftxt a { display:block; overflow:hidden; width:100%; background:url(../images/main/f_line.png) left top repeat-x; font-size:17px; color:#333; letter-spacing:-0.5px;  /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 38px;
    height: 114px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.food #fbox .ftxt a:hover { font-weight:500; }


/*바로가기*/
.quick_cont { float:right; margin:0 0 42px 0; }
.quick_cont:before { content:""; display:block; width:100px; height:69px; background:url(../images/main/quick_bg.png) left top no-repeat; position:absolute; left:67px; top:110px;}
.quick_cont h3 { background:#164f9d; padding:0 0 0 46px;  }
.quick_cont .main_btn { position:absolute; left:133px; bottom:20px; }
.quick_cont .main_btn:after { content:""; display:block; clear:both; }
.quick_cont .main_btn li { width:35px; float:left; }
.quick_cont .main_btn li.qbtn03 { margin-left:8px; }
.quick_cont .main_btn li a { display:block; width:100%; height:35px; border-radius:50%; text-indent:-99999px; }
.quick_cont .main_btn li.qbtn01 a { background:#d8d8d8 url(../images/main/q_bt1.png) center center no-repeat; }
.quick_cont .main_btn li.qbtn03 a { background:#d8d8d8 url(../images/main/q_bt2.png) center center no-repeat; }

#quick_center .slick-slide > div { float:left; width:50%; height:93px; }
#quick_center .slick-slide > div:nth-child(2) { margin-bottom:1px; }

#quick_center .slick-slide > div a { display:flex; align-items:center; justify-content:center; width:100%; height:93px; text-align:center; }
#quick_center .slick-slide > div a .ic { display:inline-block; vertical-align:middle; text-align:left; }
#quick_center .slick-slide > div .qic1 a .ic { width:45px; height:37px; background:url(../images/main/q_ic1.png) center center no-repeat; margin-right:11px; }
#quick_center .slick-slide > div .qic2 a .ic { width:42px; height:43px; background:url(../images/main/q_ic2.png) center center no-repeat; margin-right:10px; }
#quick_center .slick-slide > div .qic3 a .ic { width:39px; height:41px; background:url(../images/main/q_ic3.png) center center no-repeat; margin-right:13px; }
#quick_center .slick-slide > div .qic4 a .ic { width:40px; height:36px; background:url(../images/main/bus.png) center center no-repeat; margin-right:13px; }

#quick_center .slick-slide > div a .txt { display:inline-block; vertical-align:middle; text-align:left; font-size:16px; line-height:20px; color:#333; }

.quick_cont .rabox:before { content:""; display:block; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:93px; z-index:1; }
.quick_cont .rabox:after { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:calc(50% - 1px); top:0px; z-index:1; }

#quick_center .slick-slide > div a:hover .txt { font-weight:500; }

/*이달의 행사*/
.schedule { width:424px; height:387px; background:none; margin:116px 0 0 0; z-index:1; }
.schedule:before { content:""; display:block; width:758px; height:100%; z-index:-1; position:absolute; left:-334px; top:0; background:#ffeee2 url(../images/main/sch_pat.png) left top no-repeat; }
.schedule h3 { height:103px; box-sizing:border-box; padding:43px 0 0 0; font-size:28px; color:#333; letter-spacing:-0.5px; }
.schedule .main_btn { position:absolute; right:32px; top:35px; }
.schedule .main_btn:after { content:""; display:block; clear:both; }
.schedule .main_btn li { float:left; display:inline-block; margin-left:10px; }
.schedule .main_btn li a { display:block; text-indent:-999999px; width:41px; height:41px; border-radius:50%; box-shadow:2px 2px 0px #5d443c; }

.schedule .main_btn li.sbtn01 a { background:#73564d url(../images/main/pop_bt1.png) center center no-repeat; }
.schedule .main_btn li.sbtn02 a { background:#73564d url(../images/main/pop_bt2.png) center center no-repeat; }
.schedule .main_btn li.sbtn03 a { background:#73564d url(../images/main/pop_bt3.png) center center no-repeat; }
.schedule .main_btn li.more a { background:#73564d url(../images/main/sch_more.png) center center no-repeat; }

.schedule .schbox { margin:0 26px 0 19px; }
.schedule .slick-slide { border:0 none; margin-bottom:20px;}
.schedule .slick-slide div { height:70px; }
.schedule .sch_item {  }
.schedule .sch_item a { display:block; width:100%; height:70px; box-sizing:border-box; position:relative; }
.schedule .sch_item a:after { content:""; display:block; clear:both; }

.schedule .sch_item a p.day { float:left; width:70px; height:70px; text-align:center; line-height:70px; color:#fff; font-weight:bold; background:#f28e45; font-size:24px;}
.schedule .sch_item a dl { float:right; width:calc(100% - 87px); height:70px; box-sizing:border-box; border-bottom:1px dashed #bbbbbb; padding-top:3px; }
.schedule .sch_item a dl dt { height:26px; line-height:26px; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; }
.schedule .sch_item a dl dd { margin-top:6px; font-weight:300; line-height:17px; padding:0 0 0 26px; font-size:16px; color:#555; background:url(../images/main/sch_date.png) left top no-repeat;}
.schedule .sch_item a:hover dl dt { font-weight:500; }

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

.galleryGroup .titlebox { padding:42px 0 0 6px; height:134px; box-sizing:border-box; }
.galleryGroup .titlebox h3 { font-size:29px; color:#fff; margin-bottom:11px;}
.galleryGroup .titlebox h3 a { color:#fff; }
.galleryGroup .titlebox p { font-size:17px; color:#fff; }


.galleryGroup .main_btn { position:absolute; right:0; top:44px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:43px; margin-left:5px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:43px; border-radius:50%; text-indent:-999999px; box-sizing:border-box; border:3px solid #fff; }

.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/gal_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:url(../images/main/gal_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:url(../images/main/gal_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/gal_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a { background:url(../images/main/gal_more.png) center center no-repeat; }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0; }
.galleryGroup .slick-slide { width:371px; height:283px; margin:0 35px 0 0; box-sizing:border-box; padding:13px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:283px; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:218px; box-sizing:border-box; border:7px solid #fff; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { width:100%; height:52px; box-sizing:border-box; border-bottom:2px solid #fff; line-height:50px; font-size:18px; font-weight:bold; padding:0 37px 0 0; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; }
.galleryGroup .slick-slide .gitem a:hover .g_sub { text-decoration:underline; }
.galleryGroup .slick-slide .gitem .g_sub:before { content:""; display:block; width:14px; height:14px; background:url(../images/main/gal_more2.png) center top no-repeat; position:absolute; right:12px; top:19px; }
.galleryGroup .slick-slide .gitem .g_date { width:114px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:16px; position:absolute; left:0; top:-13px; background:#646464; transition:all 0.4s; }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:block; width:0; height:0; position:absolute; right:-7px; top:0;  border-left:7px solid #3d3d3d; border-top:13px solid transparent;  transition:all 0.4s;}

.galleryGroup .slick-slide .gitem a:hover .g_date { background:#ed4475; }
.galleryGroup .slick-slide .gitem a:hover .g_date:before { border-left-color:#b62750;   }

/*배너모음*/
#banner {margin:32px 0 31px 0; height:65px;  float:left; position:relative; width:100%; box-sizing:border-box;  }
#banner .btbox { position:absolute; right:0; top:0px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:135px; text-align:center; height:65px; border:1px solid #d2d2d4; background:#fcfafd; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:24px; }
#banner .main_btn li.bbtn02 { margin:24px 23px 0; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:9px; height:16px;  }
#banner .main_btn li.bbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:url(../images/main/b_bt2.png) center center no-repeat; width:8px; }
#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }

#banner .btbox .more { float:left; }
#banner .btbox .more a { display:block; width:58px; height:65px; border:1px solid #d2d2d4; border-left:0 none; text-indent:-99999px; background:#fcfafd url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:0px; top:0px; width:1065px;height:65px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 17px 0px 0; width:196px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:65px; box-sizing:border-box; border:1px #d2d2d4 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:63px; }

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

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


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

/*메인비주얼*/
.visual_wrap { position:relative; padding:0px 0 0; margin:0px 0 0 0; background:#f9f6f2;}
.visual_wrap #main_visual { position:static; }
.visual_wrap #main_visual img { width:100%; }

.vi_txt { position:absolute; right:0; top:50px;  width:94%; margin:0 3% 20px; text-align:right; }
.vi_txt:after { content:""; display:block; clear:both; }
.vi_txt p { display:inline-block; vertical-align:top; }
.vi_txt p.vit1 { margin:-12px 0px 0 0; }
.vi_txt p.vit2 { margin:-2px 0px 0 0; }
.vi_txt p.vit3 { }

.vi_txt p img { width:150px; }

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

/*아이콘바로가기*/
.ic_cont { float:right; width:100%; height:auto; background:#f9f6f2; margin:0px 0 0px 0 !important; padding:15px 3% 20px; }
.ic_cont li { float:left; width:23%; margin:0 1%; }



/*공지사항 type1*/
.noticeGroup{ height:345px; margin:20px 3% 20px !important; clear:both; }
.noticeGroup h3 a { font-size:19px; }

.noticeGroup div.tabcontent { padding:0 15px 0; background:#fff;}
.noticeGroup div ul li:first-child a { font-size:17px; }
.noticeGroup div ul li:first-child span { font-size:15px; }

.noticeGroup div ul li:not(:first-child) {  font-size:17px; }
.noticeGroup div ul li:not(:first-child) span.date {font-size:15px; margin:0 8px 0 0;}


/*팝업*/
#popup_scroll { padding:22px 15px 0; }

/*급식*/
.radibox .rabox { width:calc(100% - 245px);  margin:20px 17px 0 0; }

/*이달의 행사*/
.schedule { height:387px; background:none; z-index:1; }
.schedule:before { width:106%; left:-3%; top:0; background:#ffeee2 url(../images/main/sch_pat.png) left top no-repeat; }
.schedule h3 { font-size:22px; }
.schedule .main_btn { position:absolute; right:0px; top:36px; }
.schedule .main_btn li {  margin-left:7px; }
.schedule .main_btn li a { width:38px; height:38px; }


.schedule .schbox { margin:0 0px 0 0px; }

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


/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner .btbox { position:static; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:auto; text-align:center; height:45px; margin-left:3%; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:0px; height:43px; width:40px; }
#banner .main_btn li.bbtn02 { margin:0px 0px 0 !important; }
#banner .main_btn li a { width:100% !important; height:43px; }
#banner .btbox .more { float:left; }
#banner .btbox .more a { display:block; width:48px; height:45px; } 

div#banner_scroll {position:relative; left:inherit; top:inherit; width:94%; overflow:hidden; margin:20px 3% 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:740px) {

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

}

@media all and (max-width:719px) {
.galleryGroup { margin:0 3% 0 !important; }
.galleryGroup .slick-slide { margin:0 0 20px 0; }

}

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

/*오늘의급식*/
.radibox { height:auto; border-radius:15px; box-shadow:0 0 5px 3px rgba(0,0,0,0.07);}
.radibox .rabox { width:94%;  margin:20px 3% 20px; }

.food:before { display:none; }
.food #fbox .ftxt { margin:6px 15px 0; text-align:left; }
.food #fbox .ftxt a { font-size:16px; }

/*바로가기*/
.quick_cont { float:right; }
.quick_cont:before { display:none; }
.quick_cont .main_btn { position:absolute; left:inherit; right:3%; bottom:inherit; top:18px; }
#quick_center .slick-slide > div a .txt { font-size:14px; }

}


@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:510px) {
.ic_cont li { float:left; width:48%; margin:0 1% 20px; }
.ic_cont li.ic3,
.ic_cont li.ic4 { margin-bottom:0; }

}

@media all and (max-width:495px) {
	
.vi_txt { position:absolute; right:0; top:45px; }
.vi_txt p img { width:97px; }
.vi_txt p.vit1 { margin:-8px 0px 0 0; }


}


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