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

body{ }

#container {width:100%; margin:44px auto 0; position:relative;  }
#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; max-height:527px; overflow:hidden; margin:0 auto 0; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_txt { position:absolute; right:0; top:11px; z-index:1; text-align:right; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:0 -105px 0 0; opacity:0; }
.vitxt_box.effect { opacity:1; }

.vitxt_box.effect { -webkit-animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-elliptic-left-fwd 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }


.vitxt_box .vtxt { position:relative; z-index:1; }


@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}


/*공지사항 type1*/
.noticeGroup{ width:750px; height:284px; margin:0 20px 0px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;}
.noticeGroup:before { content:""; display:block; width:100%; height:1px; box-sizing:border-box; border-bottom:1px solid #d5d5d5; position:absolute; left:0; top:46px; }
.noticeGroup h3 {float:left;  padding:0px; line-height:45px; font-weight:normal; position:relative; top:1px; }
.noticeGroup h3 a {padding: 12px 28px 11px 25px;font-size:17px;color:#b0b0b0;font-weight:bold; border-right:1px solid #d5d5d5;}
.noticeGroup h3 a span.nt_icon01{background:url(../images/main/nt_icon01.png) left top no-repeat;padding: 0 0 0 41px;}
.noticeGroup h3 a span.nt_icon02{background:url(../images/main/nt_icon02.png) left 3px no-repeat;padding: 0 0 0 41px;}

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn { }
.noticeGroup .on_check .btn a{background:#243380;  color:#fff; font-weight:bold;}
.noticeGroup .on_check .btn a span.nt_icon01 {background:url(../images/main/nt_icon01_on.png) left top no-repeat;/* vertical-align:top; */position:relative;/* top:16px; */}
.noticeGroup .on_check .btn a span.nt_icon02{background:url(../images/main/nt_icon02_on.png) left 3px no-repeat; vertical-align:top;}

.noticeGroup div.tabcontent {position:absolute;left:0;top: 66px;width:100%;display:none;}
.noticeGroup div ul {margin:0px 0px;}
.noticeGroup div ul li {background: url(../images/main/nt_list.gif) left 15px no-repeat;float:left;width:100%;line-height:32px !important;box-sizing:border-box;height: 34px;letter-spacing:-0.5px;/* border-bottom:1px #ddd solid; */font-size:16px;padding: 0 0 0 14px;}
.noticeGroup div ul li a {float:left;width:65%;padding:0 0 0 0px;box-sizing:border-box;color: #333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.noticeGroup div ul li a:hover {text-decoration:underline;}

.noticeGroup div ul li span.noti_day {float:right;color: #777;font-size: 15px;}
.noticeGroup div ul li img {display:none; vertical-align:middle;}
.noticeGroup div ul li:last-child { }

.noticeGroup div p.more {position:absolute;clear:both;right:0;top: -66px;}
.noticeGroup div p.more a {display:block;width: 50px;height: 46px;box-sizing:border-box;text-indent:-99999px;background: #e6e6e7 url(../images/main/more.png) center center no-repeat;}


/*월중행사 type1*/
.schedule {margin:0 0 18px 0;width: 530px;height: 283px; padding: 23px 25px 43px 0;box-sizing: border-box;border: 6px solid #d1e7ee;}
.schedule h3 {background: url(../images/main/sch_tit.gif) 0 3px no-repeat;padding: 0 0 13px 24px;letter-spacing:-0.5px;color: #444;font-size:18px; margin-left:25px;}


.schedule .main_btn{position:absolute;top:34px;right:25px;}
.schedule .main_btn li{float:left; display:block; margin-top:8px;}
.schedule .main_btn li.more { margin-top:0; margin-left:19px; }
.schedule .main_btn li a {width: 19px;height: 10px;display:block; text-indent:-9999px; box-sizing:border-box; }
.schedule .main_btn li.btn02 { margin:1px 6px 0; }
.schedule .main_btn li.btn01 a { background:url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .main_btn li.btn02 a { background:url(../images/main/sch_bt2.png) center center no-repeat; border:1px solid #909090; width:24px; height:24px; border-radius:50%;}
.schedule .main_btn li.btn02.sc_stop a { background:url(../images/main/sch_bt2_on.png) center center no-repeat; }
.schedule .main_btn li.btn03 a { background:url(../images/main/sch_bt3.png) center center no-repeat; }
.schedule .main_btn li.more a { background:#82b5c5 url(../images/main/more2.png) center center no-repeat; width:26px; height:26px; border-radius:3px; }

.schedule .tabcontent {width: 214px;box-sizing:border-box;padding: 0 0px 0 0;float: left; margin: 0 0px 0 15px;}
.schedule .tabcontent table {width:100%;border-collapse:collapse; }
.schedule .tabcontent tbody { }
.schedule .tabcontent table th {background:#fff;width:9%;box-sizing:border-box; height: 27px;line-height: 27px;text-align:center;color:#fff;font-size: 14px;color:#555;font-weight:normal;font-weight: 600;}
.schedule .tabcontent table th.sunday {font-weight:bold;color: #cf4141; }
.schedule .tabcontent table th.saturday {font-weight:bold;color: #0e5a9f;background:#fff;}
.schedule .tabcontent table td {height:32px;line-height: 28px; text-align:center; box-sizing:border-box;color:#888;font-size: 14px; font-weight:500; }
.schedule .tabcontent table td:last-child { border-right:0 none; }
.schedule .tabcontent table td a {color: #888888;}
.schedule .tabcontent table td a span { display:block; width: 26px;height: 26px;line-height: 26px;margin:0 auto;border-radius:50%;}
.schedule .tabcontent table td.exist span {}
.schedule .tabcontent table td.on span { color:#fff; background:#00a9e2; }
.schedule .tabcontent table td:first-child a{color:#cf4141;}
.schedule .tabcontent table td:last-child a {color: #0e5a9f;}

.schedule .schbox {margin: 13px 0 0 0; width: 234px;float:right; box-sizing: border-box; position:relative; padding:0 0 0 22px; }
.schedule .schbox:before { content:""; display:block; width:1px; height:138px; box-sizing:border-box; border-left:1px dashed #b5b5b5; position:absolute; left:0; top:15px; }
div#schedule_scroll {position:relative;width:100%;  }
div#schedule_scroll div#schedule_content {position:relative; width:100%; margin:0;padding:0; }
div#schedule_scroll div#schedule_content .slick-slide { height:41px; }
div#schedule_scroll div#schedule_content .slick-slide div { height:41px; }
.sch_item { }
.sch_item a { display:block; line-height:41px; height:41px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666; }
.sch_item a span { color:#0e5a9f; margin-right:5px; }
.sch_item a:hover { font-weight:500; color:#333; }


/*급식*/
.food { width:419px; height:355px; }
.food h3 { height:65px; font-family: 'S-CoreDream-6Bold'; padding-top:23px; box-sizing:border-box; }
.food h3 a { font-size:23px; color:#222; }
.food:before { content:""; display:block; width:729px; height:157px; background:#f4f7fc; position:absolute; right:0; bottom:0; border-radius:0 100px 0 0;}
.food:after { content:""; display:block; width:104px; height:225px; background:url(../images/main/f_bg.png) left top no-repeat; position:absolute; right:15px; bottom:0; }
.food ul { margin:19px 0 0; }
.food ul:after { content:""; display:block; clear:both; }
.food ul li { float:left; font-size:19px; color:#222; font-family: 'S-CoreDream-5Medium'; letter-spacing:2px; margin-right:22px; position:relative; }
.food ul li:not(:nth-child(3)):before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#cccccc; position:absolute; right:-12px; top:10px; }

.food p { position:relative; z-index:1; }
.food p.more { height:28px; padding:0 0 0 171px; margin:23px 0 17px; }
.food p.more:before { content:""; display:block; width:38px; height:28px; background:url(../images/main/f_dot.png) left top no-repeat; position:absolute; left:0; top:0; }
.food p.more:after { content:""; display:block; width:105px; height:1px; background:#cccccc; position:absolute; left:51px; top:14px; }
.food p.more a { font-size:16px; color:#666; }
.food p.more a span { display:inline-block; vertical-align:top; width:9px; height:10px; background:url(../images/main/f_arrow.png) left top no-repeat; margin:0 0 0 10px; position:relative; top:8px; transition:all 0.4s; }
.food p.more a:hover span { margin-left:15px; }

.food p.ftxt { width:calc(100% - 134px); }
.food p.ftxt a { display:block; /* 여러 줄 자르기 추가 스타일 */
	font-size:17px; color:#333; overflow:hidden;
    white-space: normal;
    line-height:31px;
    height:124px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.food p.ftxt a:hover { font-weight:500; }

/*학년별자료실*/
.banbox { width:310px; height:354px; }
.banbox h3 { height:65px; font-family: 'S-CoreDream-6Bold'; padding-top:23px; box-sizing:border-box; font-size:23px; color:#222;}
.banbox ul { width:100%; box-sizing:border-box; height:289px; background:#ebebeb; padding:26px 18px 0; }
.banbox ul li { border-radius:10px; margin-bottom:11px; box-shadow:0px 3px 4px rgba(0,0,0,0.05); }
.banbox ul li a { display:block; width:100%; box-sizing:border-box; height:72px; line-height:72px; border-radius:10px; overflow:hidden; position:relative; padding:0 0 0 24px; background:#fff; font-size:17px; color:#444; }
.banbox ul li a:hover { color:#333; font-weight:500; }
.banbox ul li a span { display:inline-block; vertical-align:top; width:39px; position:relative; margin-right:13px; }
.banbox ul li:nth-child(1) a span { height:14px; background:url(../images/main/ban_ic1.png) center top no-repeat; top:29px; }
.banbox ul li:nth-child(2) a span { height:28px; background:url(../images/main/ban_ic2.png) center top no-repeat; top:22px; }
.banbox ul li:nth-child(3) a span { height:19px; background:url(../images/main/ban_ic3.png) center top no-repeat; top:28px; }

.banbox ul li a:before { content:""; display:block; width:78px; height:100%; background:#40a0cf url(../images/main/more1.png) center center no-repeat; position:absolute; right:0; top:0; }


/*팝업*/
.popupZone {overflow:hidden; position:relative; margin:0 0 0 0; width:530px; height:354px; float:right; }
.popupZone h3 { text-transform:uppercase; height:65px; font-family: 'S-CoreDream-6Bold'; padding-top:23px; box-sizing:border-box; font-size:23px; color:#222;}

.popupZone .main_btn{position:absolute; top:28px; right:12px;}
.popupZone .main_btn li{float:left; margin-top:1px;   }
.popupZone .main_btn li.btn02 { margin:0 20px 0; }
.popupZone .main_btn li a { display:block; width:15px; height:13px; text-indent:-99999px; }
.popupZone .main_btn li.btn01 a { background:url(../images/main/p_bt1.png) center top no-repeat; }
.popupZone .main_btn li.btn02 a { background:url(../images/main/p_bt2.png) center top no-repeat; width:9px; height:15px; }
.popupZone .main_btn li.pop_stop a { background:url(../images/main/p_bt2_on.png) center top no-repeat; }

.popupZone .main_btn li.btn03 a { background:url(../images/main/p_bt3.png) center top no-repeat; }

#popup_scroll { width:100%; height:289px; position:relative; background:#2c62d7 url(../images/main/p_bg.png) right bottom no-repeat; box-sizing:border-box; padding:23px 20px; }
#popup_scroll:after { content:""; display:block; clear:both; }
#popup_scroll .center_img { float:left; width:236px; height:243px; overflow:hidden; border-radius:10px; }
#popup_scroll .center_img a { display:block; width:100%; height:243px; }
#popup_scroll .center_img .txt { display:none !important; }
#popup_scroll #pop_slick { float:right; width:calc(100% - 265px); height:243px; }
#popup_scroll .slick-list { height:201px !important; }
#pop_slick .slick-slide { }
#pop_slick img { display:none !important; opacity:0; }
#pop_slick .txt { height:33px; line-height:33px; width:100%; font-size:15px; color:#fff; position:relative; box-sizing:border-box; padding:0 0 0 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#pop_slick .txt:before { content:""; display:block; width:3px; height:3px; background:#e1efff; position:absolute; left:0; top:15px; }
#pop_slick a:hover .txt { font-weight:500; }
#pop_slick .slick-slide a { display:block; width:100%; height:33px; }
#pop_slick .slick-current .txt { font-size:18px; font-weight:bold; }

/*학생학부모바로가기*/
.quick_cont { position:absolute; left:0; top:-246px; width:98px; height:202px; border-radius:0 60px 0 0; background:#fff; padding:14px 0 0; z-index:1; }
.quick_cont .tep_box { }
.quick_cont .tep_box li { width:100%; }
.quick_cont .tep_box li a { display:block; width:100%; height:94px; text-align:center; position:relative; font-size:14px; font-weight:500; color:#777; }
.quick_cont .tep_box li a:before { content:""; display:block; width:100%; filter: grayscale(1); opacity:0.7;}
.quick_cont .tep_box li:nth-child(1) a:before { height:55px; background:url(../images/main/tep_ic1.png) center 24px no-repeat; }
.quick_cont .tep_box li:nth-child(1) a:after { content:""; display:block; width:calc(100% - 42px); height:1px; background:#cccccc; position:absolute; left:21px; bottom:0; }
.quick_cont .tep_box li:nth-child(2) a:before { height:51px; background:url(../images/main/tep_ic2.png) center 17px no-repeat; }

.quick_cont .tep_box li.on a { color:#243380; }
.quick_cont .tep_box li.on a:before { filter:none; opacity:1; }

.quick_cont #quickbox { width:221px; height:170px; background:#fff; border-radius:15px; position:absolute; right:250px; top:10px; box-sizing:border-box; padding:18px; transition:all 0.4s; }
.quick_cont #quickbox.q_view { right:-247px; }

.quick_cont #quickbox ul { display:none; width:100%; height:134px; overflow-y:auto; box-sizing:border-box; padding:0 10px 0 0; }
/* 스크롤바의 폭 너비 */
.quick_cont #quickbox ul::-webkit-scrollbar {
    width: 4px; 
}

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

.quick_cont #quickbox ul::-webkit-scrollbar-track {
    background:#fff;  /*스크롤바 뒷 배경 색상*/
	
}
.quick_cont #quickbox ul.tea_view { display:block; }
.quick_cont #quickbox ul.stu_view { display:block; }
.quick_cont #quickbox p { position:absolute; right:0; top:-27px; z-index:-1; }
.quick_cont #quickbox p a { display:block; width:31px; height:42px; border-radius:150px 150px 0 0; text-indent:-99999px; background:#243380 url(../images/main/q_close.png) center 11px no-repeat; }

.quick_cont #quickbox ul li { margin-bottom:7px; }
.quick_cont #quickbox ul li:last-child { margin-bottom:0; }
.quick_cont #quickbox ul li a { display:block; position:relative; width:100%; height:40px; box-sizing:border-box; border:1px solid #ddd; line-height:38px; padding:0 15px 0 31px; font-size:14px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#fff; letter-spacing:-1px; }
.quick_cont #quickbox ul li a:hover { color:#333; font-weight:500; }
.quick_cont #quickbox ul li a:before { content:""; display:block; width:3px; height:3px; border-radius:50%; background:#555555; position:absolute; left:18px; top:18px; }



/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ z-index:1; margin:28px 0 0px 0px; width:100%; height:auto; min-height:353px;  }
.galleryGroup:before { z-index:-1; content:""; display:block; width:762px; height:353px; background:url(../images/main/g_bg.png) left top no-repeat; position:absolute; left:-310px; top:0; }
.galleryGroup h3 { float:left; font-size:27px; color:#222; font-family: 'S-CoreDream-6Bold'; font-weight:normal; padding:35px 0 0; }
.galleryGroup h3 span { color:#4558c2; }
.galleryGroup .main_btn { position:absolute; left:0px; top:110px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; display:block; margin:0 7px 7px 0; }
.galleryGroup .main_btn li.gbtn02 { clear:both; }
.galleryGroup .main_btn li a { display:block; box-sizing:border-box; width:44px; height:44px; border-radius:50%; text-indent:-99999px; }

.galleryGroup .main_btn li.gbtn01 a { border:1px solid #bebebf; background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#243380 url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:#243380 url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02.g_stop a { background:#243380 url(../images/main/g_bt2_on.png) center center no-repeat; }

.galleryGroup .main_btn li.more a { border:1px solid #bebebf; background:#fff url(../images/main/g_more.png) center center no-repeat; }


.galleryGroup #gallery_scroll { float:right; width:calc(100% - 201px); height:auto; margin:23px -18px 0 0; }
.galleryGroup .slick-slide { width:350px; height:312px; margin:0 18px 0 0; box-sizing:border-box; padding:0px 4px 4px 0; }
.galleryGroup .gitem a { display:block; position:relative; height:308px; width:100%;  overflow:hidden; border-radius:0 50px 0 0; box-shadow:2px 2px 5px rgba(0,0,0,0.1); }
.galleryGroup .gitem .pic { width:100%; height:209px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .gitem dl { padding:13px 20px 0; background:#fff; height:90px; width:100%; box-sizing:border-box; }
.galleryGroup .gitem dl dt { width:100%; height:36px; line-height:36px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500;  }
.galleryGroup .gitem dl dd { margin-top:-10px; line-height:36px; font-size:16px; color:#777; font-weight:300; }


.galleryGroup .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:4px solid transparent; border-radius:0 50px 0 0; z-index:1; }
.galleryGroup .gitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:4px solid transparent; z-index:1; }
.galleryGroup .gitem a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

.galleryGroup .gitem a:hover::before { border-top-color:#ccdfff; border-right-color:#ccdfff; }
.galleryGroup .gitem a:hover::after {  border-bottom-color:#66bbe5; border-left-color:#66bbe5; }




/*배너모음*/
#banner {margin:30px 0 20px 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:1090px;height:65px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 10px 0px 0; width:208px; }
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) {

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


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

/*메인비주얼*/
.visual_wrap { position:relative; max-height:527px; overflow:hidden; margin:0 auto 0; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_txt { position:absolute; right:0; top:11px; z-index:1; text-align:right; width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:0 -70px 0 0; opacity:0; }
.visualbox > img { width:100%; }

.vitxt_box .vtxt { position:relative; z-index:1; }
.vitxt_box .vtxt img { width:400px; }

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

/*공지*/
.noticeGroup h3 {float:left;  padding:0px; line-height:46px; font-weight:normal; position:relative; top:0px;  }
.noticeGroup h3.btn01 { width:calc(47% - 20px); }
.noticeGroup h3.btn02 { width:calc(53% - 20px); }
.noticeGroup h3 a {padding: 0px 0px 0px 10px; width:100%; display:block; box-sizing:border-box; }
.noticeGroup h3 a span.nt_icon01{background:url(../images/main/nt_icon01.png) left top no-repeat;padding: 0 0 0 41px;}
.noticeGroup h3 a span.nt_icon02{background:url(../images/main/nt_icon02.png) left 3px no-repeat;padding: 0 0 0 41px;}


/*월중행사 type1*/
.schedule { width:94%;height: 283px; padding: 23px 25px 43px 0px;box-sizing: border-box;border: 6px solid #d1e7ee;}
.schedule .main_btn{position:absolute;top:34px;right:25px;}

.schedule .tabcontent {width:50%;box-sizing:border-box;padding: 0 0px 0 0;float: left; margin: 0 0px 0 0px;}

.schedule .schbox {margin: 13px 0 0 10px; width:calc(50% - 10px);float:right; box-sizing: border-box; position:relative; padding:0 0 0 22px; }
.noticeGroup div p.more a { width: 40px; }




/*학생학부모바로가기*/
.quick_cont { position:static; left:0; top:0; width:94%; height:auto; border-radius:0 0px 0 0;  margin:0 3% 10px 3% !important; background:#fff; padding:0px 0 0; z-index:1; }
.quick_cont .tep_box { }
.quick_cont .tep_box:after { content:""; display:block; clear:both; }
.quick_cont .tep_box li { width:50%; float:left; }
.quick_cont .tep_box li a { display:block; width:100%; height:94px; text-align:center; position:relative; font-size:14px; font-weight:500; color:#777; }
.quick_cont .tep_box li:nth-child(1) a:after { content:""; display:block; width:1px; height:100%; background:#cccccc; position:absolute; left:inherit; right:0; bottom:0; }

.quick_cont #quickbox { width:100%; height:auto; background:#fff; border-radius:0px; position:static; box-sizing:border-box; padding:0px; transition:all 0.4s; margin-top:15px; }
.quick_cont #quickbox.q_view { }

.quick_cont #quickbox ul { display:none; width:100%; height:134px; overflow-y:auto; box-sizing:border-box; padding:0 10px 0 0; }
.quick_cont #quickbox p { display:none;}


/*갤러리*/
.galleryGroup #gallery_scroll { float:right; width:calc(100% - 151px); height:auto; margin:23px -18px 0 0; }


/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:10px 0 0px;  }
#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%;height:83px;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{ z-index:1; margin:0px 0 0px 0px !important; width:100%; height:auto; min-height:353px; padding:0 3%;  }
.galleryGroup:before { z-index:-1; content:""; display:block; width:100%; height:353px; position:absolute; left:0px; top:0; background: rgb(233,238,244);
background: linear-gradient(180deg, rgba(233,238,244,1) 0%, rgba(255,255,255,1) 100%); }
.galleryGroup h3 { float:none; font-size:27px; color:#222; font-family: 'S-CoreDream-6Bold'; font-weight:normal; padding:35px 0 0; }
.galleryGroup h3 span { color:#4558c2; }
.galleryGroup .main_btn { position:static; text-align:right; margin:20px 0 0; }
.galleryGroup .main_btn li { clear:none !important; float:none; display:inline-block !important; vertical-align:top; text-align:left; }

.galleryGroup #gallery_scroll { float:right; width:100%; height:auto; margin:10px 0px 0 0; }
.galleryGroup .slick-slide {  margin:0 0px 20px 0; }

}

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

/*메인비주얼*/
.visual_txt { position:absolute; right:0; top:11px;  width:100%; letter-spacing:-1px;  }
.vitxt_box { display:inline-block; position:relative; margin:0 -50px 0 0; opacity:0; }
.visualbox > img { width:100%; min-width:536px }

.vitxt_box .vtxt { position:relative; z-index:1; }
.vitxt_box .vtxt img { width:300px; }

/*월중행사 type1*/
.schedule { width:94%;height:auto; padding: 23px 0px 23px 0px;box-sizing: border-box;border: 6px solid #d1e7ee;}
.schedule h3 { margin-left:15px; }
.schedule .main_btn{position:absolute;top:24px;right:15px;}

.schedule .tabcontent {width:94%;box-sizing:border-box;padding: 0 0px 0 0;float: left; margin: 0 3% 0px;}

.schedule .schbox {margin: 13px 3% 0px; width:94%; float:right; box-sizing: border-box; position:relative; padding:0 0 0 0px; }
.schedule .schbox::before { display:none; }

/*팝업존*/
.popupZone { height:auto; }

#popup_scroll { width:100%; height:auto; box-sizing:border-box; padding:23px 20px; }
#popup_scroll:after { content:""; display:block; clear:both; }
#popup_scroll .center_img { float:none; width:236px; height:243px; margin:0 auto 20px; }
#popup_scroll #pop_slick { float:none; width:100%; }


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

}

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

@media all and (max-width:385px) {
.food:after { background:url(../images/main/f_bg.png) left bottom no-repeat; background-size:90px !important; }

}