@charset "utf-8";
@import url("./default.css"); 
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
body{ }

#container {width:100%; margin:0px auto; }
#container:after { content:""; display:block; clear:both; }

#layerBell{width:758px;height:426px;position:fixed; left:calc(50% - 339px); top:calc(50% - 213px);  padding:0px 30px 0px; z-index:999; background:#fff;  box-sizing:border-box; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);}
#layerBell .lb_titlebox { text-align:center; position:relative; width:100%; height:110px; }
#layerBell .lb_titlebox:before { content:""; display:block; width:178px; height:192px; background:url(../images/layer/layer_bg.png) center top no-repeat; position:absolute; right:0; bottom:0; }
#layerBell .lb_titlebox h3 { font-size:28px; color:#333; font-weight:500; padding:38px 0 6px; }
#layerBell .lb_titlebox p { font-size:14px; color:#666666; }
#layerBell.bellview { display:none; }
#layerBell .close{position:absolute;bottom:5px;right:5px;}
#layerBell ul { height:240px;  overflow-y:scroll; position:relative; box-sizing:border-box; padding:20px; background:#f5f5f5; }
#layerBell ul:before { content:""; display:block; width:1px; height:100%; background:#ccc; position:absolute; left:18px; top:0px; }
#layerBell ul li { line-height:50px; font-size:15px; color:#333; margin-bottom:10px;  }
#layerBell ul li a { display:block; width:100%; height:50px; line-height:50px; position:relative; padding:0 85px 0 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; box-sizing:border-box; }
#layerBell ul li a span.Blink { display:block; position:absolute; right:15px; top:calc(50% - 13px); width:55px; height:25px; line-height:25px; background:#999; font-size:12px; color:#fff; text-align:center;  transition:all 0.4s; }

#layerBell ul li a:before { content:""; display:block; width:38px; height:38px; position:absolute; left:0; top:6px; background:#eee url(../../../images/member/cal_off.png) 11px center no-repeat; border-radius:50%; transition:all 0.4s; }
#layerBell ul li a:hover { font-weight:500; }
#layerBell ul li a:hover:before { background:#01b093 url(../../../images/member/cal_on.png) 11px center no-repeat; transition:all 0.4s; }

#layerBell ul li a:hover span.Blink { background:#444;  transition:all 0.4s;}
#layerBell .today_close_box { width:100%; position:relative; background:#f5f5f5; margin-top:12px; text-align:right; }
#layerBell .today_close_box span { display:block; width:calc(100% - 172px); cursor:pointer; line-height:45px; font-weight:500; color:#4e4e4e; box-sizing:border-box; padding:0 44px 0 0; }
#layerBell .today_close_box span:before { content:""; display:inline-block; background:url(../images/layer/new_chk_on.png) left top no-repeat; width:18px; height:17px; position:relative; margin:0 12px 0 0; top:3px; }
#layerBell .bell_close {position:absolute; right:0; bottom:0; }
#layerBell .bell_close a { display:block; vertical-align:top; text-align:center; width:172px; height:45px; line-height:45px; text-align:center; font-weight:500; color:#4e4e4e; background:#fae86c;  }
#layerBell .bell_close i { color:#fff !important; }

#layerBell table.cStyle {border-top:2px solid #93a9d7; width:100%; border-left:1px solid #dddddd; font-size:13px; text-align:center; border-collapse:collapse; word-break:break-all; margin:0px 0; background:#fff;}
#layerBell table.cStyle th {background:#f4f6fa; color:#444; line-height:24px; padding:6px 5px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;}
#layerBell table.cStyle td {color:#555; padding:6px 5px; line-height:20px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd; font-size:14px; font-weight:500; }
#layerBell .tablecont {  position:relative;  box-sizing:border-box; padding:20px; background:#f5f5f5;}
#layerBell .layer_table {  overflow-y:scroll; position:relative; box-sizing:border-box; height:203px;}
#layerBell table.cStyle .Blick { display:block; width:68px; height:28px; margin:0 auto; line-height:28px; background:#d95f5f; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; }
#layerBell table.cStyle .Blick:hover { background:#c31414;  transition:all 0.4s;}
#layerBell .lb_chk { display:inline-block; height:28px; margin:0 auto; line-height:28px; background:#5d86e0; font-size:13px; color:#fff; text-align:center;  transition:all 0.4s; font-weight:500; border-radius:3px; padding:0 10px;}
#layerBell .bell_text { }


/*박스 공통*/
.col_box{float:left;  position:relative; width:30%; height:195px;  box-sizing:border-box; } /* 340 / 1100 = */
.col_box:after { content:""; display:block; clear:both; }



/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0; height:943px;}
.visual_wrap .slick-slide { width:100%; height:943px; position:relative; }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .slick-slide img {  }

.visual_txt { position:absolute; z-index:1; width:1365px; box-sizing:border-box; padding:0 0; left:50%; transform:translateX(-50%); top:306px; text-align:center;  }
.visual_txt ul.effect { -webkit-animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; opacity: 0;}
.visual_txt ul li { line-height:27px; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,0.2); }
.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:23px; font-weight:400; }
.visual_txt ul li:nth-child(2) { font-size:32px;  margin-top:24px; letter-spacing:-0.5px; }
.visual_txt ul li:nth-child(2) span { position:relative; z-index:1; padding:0 1px;}
.visual_txt ul li:nth-child(2) span:before { content:""; display:block; width:100%; height:20px; position:absolute; left:0; bottom:0; background: rgb(131,211,88);
background: linear-gradient(90deg, rgba(131,211,88,1) 0%, rgba(44,116,166,1) 100%); z-index:-1; }
.visual_txt ul li:nth-child(3) { letter-spacing:3px; font-size:50px; margin-top:36px; letter-spacing:-0.5px;}
.visual_txt ul li:nth-child(3) span { font-weight:bold; color:#00d2d4; }
		
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
		
		
		
			
.visual_wrap .vbtbox { position:absolute; left:50%; transform:translateX(-50%); width:1365px; bottom:346px; text-align:right; transition:bottom 0.4s; }
.visual_wrap .vbtbox.mov_sound_off { bottom:10px; }

.visual_wrap .vbt_cir { display:inline-block; border-radius:150px; padding:8px 15px 6px; box-sizing:border-box; background:rgba(0,0,0,0.5); height:auto; margin-left:0px;}
.visual_wrap .vbt { display:inline-block; vertical-align:top; text-align:left; margin:0px 15px 0 5px; }
.visual_wrap .vbt a { display:block; width:12px; height:21px; text-indent:-99999px; background:url(../images/main/v_bt1.png) left top no-repeat;  }
.visual_wrap .v_stop a { background:url(../images/main/v_bt2.png) left top no-repeat; }

.visual_wrap .mut { display:inline-block; vertical-align:top; text-align:left;  }	
.visual_wrap .mut a { display:block; width:31px; height:21px; text-indent:-99999px; background:url(../images/main/mt_ic.png) left top no-repeat; transition:all 0.4s;  }
.visual_wrap .mt_ic_on a { background:url(../images/main/mt_ic_on.png) left top no-repeat; }

.mov_more { position:absolute; left:50%; transform:translateX(-50%); width:121px; bottom:336px; z-index:2; transition:all 0.4s;}
.mov_more.mov_btn_off { bottom:0; }
.mov_more a { display:block; height:31px; width:100%; text-indent:-99999px; background:url(../images/main/mov_more.png) center top no-repeat; position:relative; }
.mov_more a:before { content:""; display:block; width:100%; height:100%; background:url(../images/main/mov_arrow.png) center center no-repeat; position:absolute; left:0; top:0; transform:rotate(0deg); }
.mov_more.mov_btn_off a:before { transform:rotate(180deg); }

/*newsline*/
#main_cont1 { position:absolute; left:0; top:583px; width:100%; height:auto; /*transition:top 0.6s;*/ }
#main_cont1.mov_layer_off { /*top:919px;*/  }

#main_cont1 .news_line { position:relative; z-index:1; color:#fff; font-size:40px; font-family: 'S-CoreDream-5Medium'; font-style:oblique; height:70px; padding-top:7px;}
#main_cont1 .news_line span { font-family: 'S-CoreDream-7ExtraBold'; }
#main_cont1 .news_line:before { content:""; display:block; width:calc(100% - 179px); height:2px; background:rgba(255,255,255,0.7); position:absolute; right:0; top:24px; }
#main_cont1 .news_line:after { content:""; display:block; width:77px; height:20px; position:absolute; left:22px; top:12px; z-index:-1; background:#000; filter: blur(12px); }


/*공지사항 type1*/
.noticeGroup{ width:536px; height:241px; background:rgba(0,0,0,0.6); }
.noticeGroup:before { content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:51px; }
.noticeGroup h3 { position:relative; z-index:1; float:left; margin:0px 16px; padding:0px; line-height:50px; font-family: 'Nanum Gothic'; }
.noticeGroup h3.btn1 { margin-left:27px; }
.noticeGroup h3 a { color:#959595; font-size:19px; font-weight:bold;  }
.noticeGroup h3 a:before { content:""; display:block; width:0%; height:2px; background:#fff; transition:width 0.4s; position:absolute; left:0; bottom:-1px; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#fff;}
.noticeGroup .on_check .btn a:before { width:100%; }

.noticeGroup div.tabcontent {position:absolute;left:0;top:51px;width:100%; display:none;}
.noticeGroup div ul {margin:0px 27px; padding:9px 0;}
.noticeGroup div ul li { font-weight:400; float:left; width:100%; line-height:34px !important; letter-spacing:-0.5px;  font-size:15px; margin:4px 0; }
.noticeGroup div ul li a { position:relative;float:left; width:75%;padding:0 0 0 11px; box-sizing:border-box; color:#fff;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup div ul li a:before { content:""; display:block; width:4px; height:4px; background:#fff; position:absolute; left:0; top:16px; }
.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#a5a5a5; }
.noticeGroup div ul li img {vertical-align:middle; margin:0 0 0 3px;}

.noticeGroup div p.more {position:absolute; clear:both;right:20px;top:-35px; }
.noticeGroup div p.more a { display:block; width:16px; height:16px; background:url(../images/main/more.png) center center no-repeat; text-indent:-99999px; }


/*월중행사 type1*/
.schedule { width:398px; height:241px; background:#fff url(../images/main/sch_bg.png) right 18px bottom 32px no-repeat; margin:0 16px; }
.schedule h3 { height:51px; box-sizing:border-box; line-height:50px; border-bottom:1px solid #d8dadd; font-family: 'Nanum Gothic'; color:#333; font-size:19px; padding:0 0 0 19px; }
.schedule .main_btn { position:absolute; right:15px; top:16px; }
.schedule .main_btn:after { content:""; display:block; clear:both; }
.schedule .main_btn li { float:left; display:inline-block; margin-left:3px; }
.schedule .main_btn li a { display:block; text-indent:-999999px; width:23px; height:23px; border-radius:50%; box-sizing:border-box; border:1px solid #d8dadd; }

.schedule .main_btn li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .main_btn li.sbtn02 a { background:#fff url(../images/main/sch_bt2.png) center center no-repeat; }
.schedule .main_btn li.sbtn03 a { background:#fff url(../images/main/sch_bt3.png) center center no-repeat; }
.schedule .main_btn li.more a { background:#333333 url(../images/main/sch_more.png) center center no-repeat; border:0 none; }

.schedule .schbox { margin:8px 19px 0 19px; }
.schedule .slick-slide { }
.schedule .slick-slide div { height:42px; line-height:42px; }
.schedule .sch_item {  }
.schedule .sch_item dl { font-size:15px; }
.schedule .sch_item dl:after { content:""; display:block; clear:both; }
.schedule .sch_item dl dt { float:left; font-weight:500; color:#2768ff; padding:0 0 0 14px; position:relative; }
.schedule .sch_item dl dt:before { content:""; display:block; width:4px; height:4px; background:#2768ff; position:absolute; left:0; top:20px; }
.schedule .sch_item dl dd { float:right; width:calc(100% - 89px); color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.schedule .sch_item:hover dl dd { font-weight:500; }


/*팝업*/
.popupZone { position:relative; float:right; width:398px; height:auto; }

.popupZone .btbox { position:absolute; left:calc(50% - 133px); bottom:16px; width:266px; height:40px; border-radius:150px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); z-index:1; background:#fff; text-align:center; overflow:hidden; }
.popupZone .btbox .slick-counter { float:left;  font-size:15px; color:#575c66; font-weight:400; margin:0 0 0 41px;}
.popupZone .btbox .slick-counter span { display:inline-block; line-height:40px;  }
.popupZone .btbox .slick-counter span.current { color:#333; font-weight:bold; margin-right:58px;}

.popupZone .main_btn{ float:right; margin:15px 43px 0 0; }
.popupZone .main_btn li{float:left; display:block !important; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; width:6px; height:11px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.popupZone .main_btn li.pbtn02 a { width:7px; height:9px; background:url(../images/main/p_bt2.png) left top no-repeat; margin:1px 24px 0; }
.popupZone .main_btn li.pbtn02.p_play a { background:url(../images/main/p_bt2_on.png) left top no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/p_bt3.png) left top no-repeat; }

div#popup_scroll { width:100%; height:241px; overflow:hidden; box-sizing:border-box; position:relative; }
div#popup_scroll img { display:block; margin:0 auto; width:100%; height:241px; }

.popupZone .visual__progress { margin:0px 0px 0 0;
  position:absolute; left:66px; top:19px;
  height: 3px;
  width:42px;
  background-color: #c0c5cf;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #333333, #333333);
  z-index: 2;
}

.popupZone .slick-dots { display:none !important; }


/*아이콘바로가기*/
#main_cont2 .blueline { background: rgb(14,107,176);
background: linear-gradient(90deg, rgba(14,107,176,1) 0%, rgba(1,65,162,1) 100%); }

#quicbox {  display:flex; width:100%; position:relative; z-index:1; }
#quicbox .ic_item { flex-grow:1; height:120px; display:flex; justify-content:center; align-items:center; }
#quicbox .ic_item a { display:block; width:123px; height:97px; box-sizing:border-box; font-size:16px; color:#fff; letter-spacing:-0.5px; border-radius:10px; transition:0.4s; background:transparent; text-align:center; }

#quicbox .ic_item a span.ic { display:block; width:100%; height:66px; box-sizing:border-box;  }
#quicbox .ic1 a span.ic { background:url(../images/main/q_ic1.png) center 12px no-repeat; }
#quicbox .ic2 a span.ic { background:url(../images/main/q_ic2.png) center 18px no-repeat; }
#quicbox .ic3 a span.ic { background:url(../images/main/q_ic3.png) center 12px no-repeat; }
#quicbox .ic4 a span.ic { background:url(../images/main/q_ic4.png) center 16px no-repeat; }
#quicbox .ic5 a span.ic { background:url(../images/main/q_ic5.png) center 12px no-repeat; }
#quicbox .ic6 a span.ic { background:url(../images/main/q_ic6.png) center 16px no-repeat; }
#quicbox .ic7 a span.ic { background:url(../images/main/q_ic7.png) center 13px no-repeat; }

#quicbox .ic_item a:hover { background:#138eee; }


/*학생학부모바로가기*/
.service_cont { width:100%; position:relative; background:#eaeef3 url(../images/main/q_bg1.png) left bottom 39px no-repeat; padding-bottom:100px; }
.service_cont:before { content:""; display:block; width:196px; height:195px; background:url(../images/main/q_bg2.png) left top no-repeat; position:absolute; right:36px; top:-83px; }
.service_cont .stitlebox { text-align:center; height:181px; box-sizing:border-box; padding-top:76px; }
.service_cont .stitlebox .stitle { font-style:oblique; font-family: 'S-CoreDream-5Medium'; color:#333; font-size:40px; margin-bottom:21px; }
.service_cont .stitlebox .stitle span { color:#00d2d4; font-family: 'S-CoreDream-7ExtraBold'; }
.service_cont .stitlebox .stxt { font-size:15px; color:#333; font-family: 'Nanum Gothic'; font-weight:500; letter-spacing:-0.5px; }

.main_student { position:relative; width:398px; height:239px; }
.main_student dt {float:left; width:122px;   letter-spacing:-0.5px; text-align:center; position:relative; }
.main_student dt a {display:block; color:#333333;  line-height:42px; width:100%; border-radius:10px 10px 0 0; background:#d1d1d1; text-align:center; color:#fff; font-size:18px; font-family: 'Nanum Gothic'; font-weight:800; }
.main_student dt.on a{ background:#023e8a; color:#fff; }
.main_student dt.center{margin:0 3px; }

.main_student dd { position:absolute; top:43px; width:100%; height:197px; background:#fff; left:0%; display:none; box-shadow:2px 2px 3px rgba(0,0,0,0.2);}
.main_student dd:before { content:""; display:block; width:calc(100% - 48px); height:1px; box-sizing:border-box; border-bottom:1px dashed #d5d5d5; position:absolute; left:24px; top:98px; }
.main_student dd:after { content:""; display:block; width:1px; height:calc(100% - 51px); box-sizing:border-box; border-left:1px dashed #d5d5d5; position:absolute; left:calc(50% - 0.5px); top:25px; }
.main_student dd.first { display:block;  }

.main_student dd ul {margin:0 auto; width:100%; box-sizing:border-box; padding:25px 24px 26px; overflow:hidden; }
.main_student dd ul li{float:left; width:50%; height:73px; display:flex; justify-content:center; align-items:center; position:relative; z-index:1; }
.main_student dd ul li a{ display:flex; flex-grow:1; font-size:15px; color:#333; align-items:center;}
.main_student dd ul li a:hover { font-weight:500; }
.main_student dd ul li:nth-child(even) a { padding-left:24px; }
.main_student dd ul li a span { transition:all 0.4s; display:inline-block; vertical-align:middle; margin:0 10px 0 0; width:40px; height:40px; border-radius:50%; position:relative; background:#e4f1ff; }
.main_student dd ul li a:hover span { background: rgb(72,194,239);
background: linear-gradient(333deg, rgba(72,194,239,1) 0%, rgba(106,141,217,1) 100%); }


.main_student dd ul li a span:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.4s;}
.main_student dd.tbox1 ul li.ic1 a span:before { background:url(../images/main/t_ic1_1.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic2 a span:before { background:url(../images/main/t_ic1_2.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic3 a span:before { background:url(../images/main/t_ic1_3.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic4 a span:before { background:url(../images/main/t_ic1_4.png) center center no-repeat; }

.main_student dd.tbox2 ul li.ic1 a span:before { background:url(../images/main/t_ic2_1.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic2 a span:before { background:url(../images/main/t_ic2_2.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic3 a span:before { background:url(../images/main/t_ic2_3.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic4 a span:before { background:url(../images/main/t_ic2_4.png) center center no-repeat; }

.main_student dd.tbox3 ul li.ic1 a span:before { background:url(../images/main/t_ic3_1.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic2 a span:before { background:url(../images/main/t_ic3_2.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic3 a span:before { background:url(../images/main/t_ic3_3.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic4 a span:before { background:url(../images/main/t_ic3_4.png) center center no-repeat; }

.main_student dd.tbox1 ul li.ic1 a:hover span:before { background:url(../images/main/t_ic1_1_on.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic2 a:hover span:before { background:url(../images/main/t_ic1_2_on.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic3 a:hover span:before { background:url(../images/main/t_ic1_3_on.png) center center no-repeat; }
.main_student dd.tbox1 ul li.ic4 a:hover span:before { background:url(../images/main/t_ic1_4_on.png) center center no-repeat; }

.main_student dd.tbox2 ul li.ic1 a:hover span:before { background:url(../images/main/t_ic2_1_on.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic2 a:hover span:before { background:url(../images/main/t_ic2_2_on.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic3 a:hover span:before { background:url(../images/main/t_ic2_3_on.png) center center no-repeat; }
.main_student dd.tbox2 ul li.ic4 a:hover span:before { background:url(../images/main/t_ic2_4_on.png) center center no-repeat; }

.main_student dd.tbox3 ul li.ic1 a:hover span:before { background:url(../images/main/t_ic3_1_on.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic2 a:hover span:before { background:url(../images/main/t_ic3_2_on.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic3 a:hover span:before { background:url(../images/main/t_ic3_3_on.png) center center no-repeat; }
.main_student dd.tbox3 ul li.ic4 a:hover span:before { background:url(../images/main/t_ic3_4_on.png) center center no-repeat; }



/*메인퀵메뉴*/
.main_quick { width:548px; margin:0 0 0 22px; height:auto; }
.main_quick h3 { height:43px; position:relative; box-sizing:border-box; font-size:19px; color:#333; font-weight:bold; font-family: 'Nanum Gothic'; padding-left:6px;}
.main_quick h3:before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:#00ffc6; position:absolute; left:-1px; top:0; }
.main_quick h3 span { color:#006cc6; }
.main_quick .main_btn{position:absolute; top:0; right:21px;}
.main_quick .main_btn li { float:left; width:27px;}
.main_quick .main_btn li a { display:block; width:100%; height:27px; text-indent:-99999px;}
.main_quick .main_btn li.qbtn1 a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.main_quick .main_btn li.qbtn3 a { background:#0244a3 url(../images/main/q_bt3.png) center center no-repeat; }

.main_quick .slick-slide { }
.main_quick .slick-slide > div { float:left; width:calc(50% - 14px); box-sizing:border-box; padding:0 7px 9px 0; margin:0 14px 7px 0; }

.main_quick .slick-slide .qitem { position:relative; }
.main_quick .slick-slide a { display:block; width:100%; height:55px; line-height:55px; box-sizing:border-box; background:#fff; box-shadow:3px 2px 5px rgba(0,0,0,0.15); padding:0 60px 0 39px; font-size:15px; color:#333; position:relative; }

.main_quick .slick-slide .qitem a span.dot { display:block; width:7px; height:7px; background:#006cc6; position:absolute; left:21px; top:24px; }
.main_quick .slick-slide .qitem a span.arrow { display:block; width:12px; height:8px; background:url(../images/main/q_arrow.png) left top no-repeat; position:absolute; right:41px; top:24px; }

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

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

.main_quick .slick-slide .qitem a:hover::before { border-top-color:#006cc6; border-right-color:#006cc6; }
.main_quick .slick-slide .qitem a:hover::after {  border-bottom-color:#006cc6; border-left-color:#006cc6; }



/*급식*/
.food { width:394px; height:240px; background:url(../images/main/food_bg.jpg) center center no-repeat; float:right; box-sizing:border-box; padding:0 23px 0; box-shadow:2px 2px 5px rgba(0,0,0,0.2); }
.food:before { content:""; display:block; width:41px; height:49px; background:url(../images/main/food_ic.png) left top no-repeat; position:absolute; right:33px; bottom:22px; }
.food a { display:block; width:100%; height:240px; }
.food h3 { font-size:25px; font-family: 'Nanum Gothic'; font-weight:900; color:#fff; letter-spacing:-1px; }
.food h3 span { display:block; font-size:15px; font-weight:700; text-transform:uppercase; padding:34px 0 7px; letter-spacing:0px; }

.food .txt { line-height:20px; font-size:14px; color:#fff; margin:24px 0 23px; }
.food .more { }
.food .more { display:block; width:41px; height:41px; border-radius:50%; background:#fff; text-align:center; line-height:36px; font-family: 'Nanum Gothic'; font-weight:800; color:#0346a4; font-size:15px; }
.food a:hover .more  { color:#ff3000; }

/*별똥별*/
#gal_cont { position:relative; background:url(../images/main/gal_bg.jpg) center top no-repeat; }
#gal_cont .star_bg { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; }
#gal_cont .star_bg span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: rgba(255,255,255,0.9);
    border-radius: 150px;
    animation:  animate 3s linear infinite;
}
#gal_cont .star_bg span::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1), transparent);
}
@keyframes animate {
    0%
    {
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%
    {
        opacity: 1;

    }
    100%
    {
        transform: rotate(315deg) translateX(-1500px);
        opacity: 0;

    }
    
}

#gal_cont .star_bg span:nth-child(1){
    top: -20px;
    left: 380px;
    animation-delay:0.6s;
    animation-duration: 2.5s;
}

#gal_cont .star_bg span:nth-child(2){
    top: -20px;
    left: 400px;
    animation-delay:0.8s;
    animation-duration: 2.5s;
}

#gal_cont .star_bg span:nth-child(3){
    top: -20px;
    right: 100px;
    left:initial;
    animation-delay:1s ;
    animation-duration: 3s;
}
#gal_cont .star_bg span:nth-child(4){
    top: -20px;
    right: 0px;
    left:initial;
    animation-delay:1s ;
    animation-duration: 2.75s;
}

#gal_cont .star_bg span:nth-child(5){
    top: -20px;
    right: 700px;
    left:initial;
    animation-delay:1.4s ;
    animation-duration: 3.25s;
}

#gal_cont .star_bg span:nth-child(6){
    top: -20px;
    right: 1000px;
    left:initial;
    animation-delay:0.75s ;
    animation-duration: 2.25s;
}

#gal_cont .star_bg span:nth-child(7){
    top: -20px;
    right: 1000px;
    left:initial;
    animation-delay:2.75s ;
    animation-duration: 2.25s;
}




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 0 0 0; width:100%; height:auto; min-height:526px;  }
.galleryGroup h3 { height:139px; box-sizing:border-box; padding:70px 0 0 0; }
.galleryGroup h3 a { position:relative; z-index:1; color:#fff; font-size:40px; font-family: 'S-CoreDream-5Medium'; font-style:oblique; height:70px;}
.galleryGroup h3 a span { font-family: 'S-CoreDream-7ExtraBold'; color:#00d2d4; }
.galleryGroup h3:before { content:""; display:block; width:calc(100% - 445px); height:1px; background:#fff; position:absolute; right:227px; top:88px; }

.galleryGroup .main_btn { position:absolute; right:0; top:67px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:42px; margin-left:10px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:42px; border-radius:50%; text-indent:-99999px; }
.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: rgb(0,122,223);
background:url(../images/main/g_more.png) center center no-repeat, linear-gradient(333deg, rgba(0,122,223,1) 0%, rgba(0,236,188,1) 100%); }

.galleryGroup #gallery_scroll { width:100%; margin:0px 0 0; }
.galleryGroup .slick-slide { width:329px; height:311px; margin:0 16px 0 0; box-sizing:border-box; padding:0px 0 0 0; background:#fff; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:311px; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:209px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:0; height:0; transition:all 0.4s; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); }
.galleryGroup .slick-slide .gitem .pic:after { content:""; display:block; width:52px; height:52px; background:url(../images/main/g_ic.png) left top no-repeat; position:absolute; left:calc(50% - 26px); top:calc(50% - 26px); transition:all 0.4s; opacity:0;}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem a:hover .pic:after { -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }



.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem dl { padding:10px 14px 4px; line-height:27px; }
.galleryGroup .slick-slide .gitem dl dt { font-size:16px; color:#333; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem dl dd { font-size:15px; color:#5e6164;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.galleryGroup .slick-slide .gitem .g_date { text-align:right; padding:0 14px; font-size:14px; color:#5e6164; font-family: 'Nanum Gothic';}
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top; width:14px; height:13px; background:url(../images/main/g_date.png) left top no-repeat; margin:6px 5px 0 0; }



/*배너모음*/
#banner {margin:53px 0; height:57px;  float:left; position:relative; width:100%; box-sizing:border-box;  }
#banner h3 { float:left; font-size:25px; color:#333; font-family: 'S-CoreDream-5Medium'; font-weight:normal; box-sizing:border-box; padding:15px 0 0;}

#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:57px; border:1px solid #b7b7b7; background:#fff; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:16px; }
#banner .main_btn li.bbtn02 { margin:18px 23px 0; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:14px; height:24px;  }
#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:10px; height:21px;}
#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:57px; border:1px solid #b7b7b7; border-left:0 none; text-indent:-99999px; background:#fff url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

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









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

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

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


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

/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0; height:auto;}
.visual_wrap .slick-slide { width:100%; height:auto; min-height:450px; position:relative; }
.visual_wrap .slick-slide div { height:auto;  }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;}
.visual_wrap .slick-slide img { display:block; width:100%; min-height:180px;  }

.visual_txt { position:absolute; z-index:1; width:94%; box-sizing:border-box; padding:0 0; left:3%; transform:translate(0%, -50%); top:50%; text-align:center;  }
.visual_txt ul li { word-break:keep-all; }
.visual_txt ul li:nth-child(1) { letter-spacing:2px;  font-size:14px; font-weight:400; }
.visual_txt ul li:nth-child(2) { font-size:18px;  margin-top:0px; letter-spacing:-0.5px; }
.visual_txt ul li:nth-child(2) span { position:relative; z-index:1; padding:0 1px;}
.visual_txt ul li:nth-child(2) span:before { height:10px; position:absolute; left:0; bottom:0; }
.visual_txt ul li:nth-child(3) { letter-spacing:3px; font-size:25px; margin-top:12px; letter-spacing:-0.5px;}
		
.visual_wrap .vbtbox { z-index:2; bottom:15px; }

.mov_more { display:none; }
.visual_wrap .vbtbox { position:absolute; left:3%; transform:none; width:94%; bottom:10px; text-align:right; }

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


/*newsline*/
#main_cont1 { position:static; width:100%; background: rgb(14,107,176);
background: linear-gradient(90deg, rgba(14,107,176,1) 0%, rgba(1,65,162,1) 100%);}

#main_cont1 .news_line { position:relative; z-index:1; color:#fff; font-size:25px; height:auto; padding:20px 3%;}
#main_cont1 .news_line span { font-family: 'S-CoreDream-7ExtraBold'; }
#main_cont1 .news_line:before { position:absolute; right:0; top:34px; width:calc(100% - 139px);}
#main_cont1 .news_line:after { display:none; }


/*아이콘바로가기*/
#quicbox { flex-wrap: wrap;  }
#quicbox .ic_item { flex-grow:1; height:120px; display:flex; justify-content:center; align-items:center; }
#quicbox .ic_item a { display:block; font-size:14px; }


/*학생학부모바로가기*/
.service_cont { width:100%; position:relative; padding-bottom:10px; }
.service_cont:before { display:none; }
.service_cont .stitlebox { text-align:center; height:auto; box-sizing:border-box; padding:30px 3% 20px; }
.service_cont .stitlebox .stitle {  font-size:25px; margin-bottom:11px; }
.service_cont .stitlebox .stxt { font-size:15px; }

.main_student { position:relative; width:94%; height:239px; }
.main_student dt {float:left; width:33%;   }
.main_student dt.center{margin:0 3px; width:calc(34% - 6px); }


/*메인퀵메뉴*/
.main_quick { }
.main_quick h3 { height:auto; position:relative; box-sizing:border-box; font-size:19px; padding:15px 0 15px 6px; }
.main_quick h3:before { top:15px; }
.main_quick .main_btn{position:absolute; top:15px; right:0px;}

/*급식*/
.food { background-size:cover !important;  }

/*별똥별*/
#gal_cont { position:relative; background:url(../images/main/gal_bg.jpg) center top no-repeat; background-size:cover; }

/*갤러리*/
.galleryGroup { min-height:auto; }
.galleryGroup h3 { height:auto; box-sizing:border-box; padding:40px 0 30px 0; }
.galleryGroup h3 a { position:relative; z-index:1; color:#fff; font-size:25px; height:auto;}
.galleryGroup h3:before { display:none; }

.galleryGroup .main_btn { position:absolute; right:0; top:32px; }

.galleryGroup #gallery_scroll { width:100%; margin:0px 0 0; }



/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner h3 { padding:13px 3% 0 3%; float:none; }
#banner .btbox { right:3%; top:0;}
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:auto; text-align:center; height:45px; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:0px; height:45px; width:40px; }
#banner .main_btn li.bbtn02 { margin:0px 0px 0 !important; }
#banner .main_btn li a { width:100% !important; height:45px !important; }
#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:97%; overflow:hidden; margin:25px 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:770px) {

.visual_wrap .slick-slide { min-height:350px;  }

}

@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 .main_btn { position:absolute; right:0; top:37px; }
.galleryGroup .main_btn li { float:left; width:32px; margin-left:5px; }
.galleryGroup .main_btn li a {  height:32px; }

.galleryGroup .slick-slide { margin:0 0 19px 0; }

}

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

.main_quick .slick-slide { }
.main_quick .slick-slide > div { float:none; width:100%; box-sizing:border-box; padding:0 7px 0px 0; margin:0 0px 0px 0; }

.main_quick .slick-slide .qitem { position:relative; }
.main_quick .slick-slide a {  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

}

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

/*공지사항 type1*/
.noticeGroup{ height:295px; background:rgba(0,0,0,0.6); }
.noticeGroup:before { content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.3); position:absolute; left:0; top:51px; }
.noticeGroup h3 { margin:0px 0px; text-align:center; padding:0px; line-height:50px; width:33%; }
.noticeGroup h3.btn1 { margin-left:0px; }
.noticeGroup h3 a { color:#959595; font-size:17px; font-weight:bold;  }


.noticeGroup div.tabcontent { top:101px;}
.noticeGroup div ul {margin:0px 27px; padding:9px 0;}
.noticeGroup div ul li a { position:relative;float:left; width:65%; }

.noticeGroup div p.more { right:27px; top:-33px; }

.visual_wrap .slick-slide { min-height:250px;  }


}

@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:470px) {
.visual_wrap .slick-slide { min-height:200px;  }
}

@media all and (max-width:456px) {
/*학생학부모바로가기*/
.main_student { position:relative; width:94%; height:369px; }

.main_student dd { position:absolute; top:43px; width:100%; height:auto; }
.main_student dd:before { display:none; }
.main_student dd:after { display:none; }

.main_student dd ul {margin:0 auto; width:100%; box-sizing:border-box; padding:12px 24px 12px; overflow:hidden; }
.main_student dd ul li{float:left; width:100%; height:73px; box-sizing:border-box; border-bottom:1px dashed #d5d5d5; }
.main_student dd ul li:last-child { border-bottom:0 none; }
.main_student dd ul li:nth-child(even) a { padding-left:0px; }



}

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