@charset "utf-8";
@import url("./default.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 = */



/*메인비주얼*/
.visual_wrap { position:relative; height:600px; }
.visual_wrap:before { content:""; display:block; width:169px; height:181px; background:url(../images/main/vi_bg.png) left top no-repeat; position:absolute; left:0; bottom:-53px; z-index:110; }
.visual_wrap .visual_txt { position:absolute; left:0; top:0; width:100%; z-index:110; }
.visual_wrap .visual_txt .vis_t1 { width:1400px; margin:0 auto; }
.visual_wrap .visual_txt .vis_t1 img { margin-left:-80px; opacity:0; }
.visual_wrap .visual_txt .vis_t1.effect img {  -webkit-animation: fade-in-fwd 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.visual_wrap .slick-dots { position:absolute; left:0; bottom:30px; width:100%; text-align:center; }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:middle; margin:0 7px; }
.visual_wrap .slick-dots li span { display:block; cursor:pointer; width:11px; height:11px; border-radius:50%; background:#fff; text-indent:-99999px; border-radius:50%; border:0 none; box-shadow:0px 2px 5px rgba(0,0,0,0.15); }
.visual_wrap .slick-dots li.slick-active span { width:15px; height:15px; }
.visual_wrap .slick-slide p img { margin:0 auto; text-align:center; }

#main_gra1 { padding:60px 0 0; background:url(../images/main/main_pat1.png) center top no-repeat; }

/*공지사항 type1*/
.noticeGroup{ width:675px; height:300px; margin-right:50px;}
.noticeGroup .ntitle { float:left; font-size:26px; font-weight:bold; color:#000; margin:7px 80px 0 0; }
.noticeGroup .ntitle span { color:#2e79eb; }

.noticeGroup h3 {float:left; width:132px; height:43px; background:#fff; position:relative; }
.noticeGroup h3:before { content:""; display:block; width:1px; height:28px; background:#ddd; position:absolute; right:0; top:7px; }
.noticeGroup h3.btn3:before { display:none; }
.noticeGroup h3.btn1 { border-radius:5px 0 0 5px; }
.noticeGroup h3.btn3 { border-radius:0 5px 5px 0; }
.noticeGroup h3 a { transition:border-radius 0.5s; display:block; width:100%; height:43px; background:none; font-size:18px; color:#777777; font-weight:500; text-align:center; line-height:43px; border-radius:0px; position:relative; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#fff; background:#31409b; box-shadow:2px 2px 2px rgba(0,0,0,0.25); border-radius:5px; z-index:1; }
.noticeGroup .on_check .btn a:before { content:""; display:block; width:0; height:0; border-top:8px solid #31409b; border-left:6px solid transparent; border-right:6px solid transparent; position:absolute; left:calc(50% - 6px); bottom:-8px; }
.noticeGroup .on_check h3:before { display:none; }

.noticeGroup div.tabcontent {position:absolute;left:0;top:66px;width:100%; display:none; border-top:2px solid #000000; }
.noticeGroup div ul { }
.noticeGroup div ul li {float:left; width:100%; letter-spacing:-0.5px; border-bottom:1px #ccc solid; box-sizing:border-box; height:77px;}
.noticeGroup div ul li a {float:left; width:100%; padding:0 0 0 80px; position:relative; box-sizing:border-box; }
.noticeGroup div ul li img { display:none !important; }

.noticeGroup div ul li a .txt { line-height:76px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333; }
.noticeGroup div ul li a:hover .txt { text-decoration:underline; }
.noticeGroup div ul li a .ndate { position:absolute; left:0; top:19px; text-align:center; font-size:14px; color:#555; line-height:18px; padding:23px 0 0 0; font-weight:400; }
.noticeGroup div ul li a .ndate span { position:absolute; left:0; top:0; width:100%; font-size:24px; color:#000; font-weight:bold; }

.noticeGroup div p.more {position:absolute; clear:both;right:0; top:-59px; }
.noticeGroup div p.more a { display:block; width:25px; height:25px; text-indent:-99999px; background:url(../images/main/more1.png) left top no-repeat; }



/*월중행사 type1*/
.schedule { width:320px; height:299px; border-radius:30px; box-shadow:3px 4px 4px rgba(0,0,0,0.15); border:1px solid #ddd; background:#fff; padding:0 27px 0; }
.schedule h3 { height:82px; box-sizing:border-box; padding:27px 0 0 0; }
.schedule h3 a { font-size:24px; color:#000; }
.schedule h3 a span { color:#2e79eb; }

.schedule .btbox{position:absolute; top:32px; right:29px;}
.schedule .btbox li{float:left; }
.schedule .btbox li a { display:block; text-indent:-99999px; box-sizing:border-box; }
.schedule .btbox li.sbtn01 a { background:url(../images/main/sbt1.png) center center no-repeat; border-right:1px solid #dddddd; }
.schedule .btbox li.sbtn03 a { background:url(../images/main/sbt2.png) center center no-repeat; }

.schedule .btbox li:not(.more) { }
.schedule .btbox li:not(.more) a { width:23px; height:18px; }
.schedule .btbox li.more { margin-left:10px; }
.schedule .btbox li.more a { width:18px; height:18px; background:url(../images/main/smore.png) left top no-repeat; }

div#schedule_scroll { width:100%; }
div#schedule_scroll .slick-slide { height:35px; margin-bottom:15px; }
div#schedule_scroll .slick-slide a { display:block; height:35px; line-height:35px; padding:0 0 0 106px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; box-sizing:border-box; position:relative; }
div#schedule_scroll .slick-slide .None a { padding:0 0 0 0px; }
div#schedule_scroll .slick-slide a span { display:block; position:absolute; left:0; top:0; width:86px; height:35px; line-height:35px; border-radius:150px; text-align:center; background:#ebeff2; color:#31409b; font-weight:bold; transition:all 0.4s;  }
div#schedule_scroll .slick-slide a:hover { text-decoration:underline; }
div#schedule_scroll .slick-slide a:hover span { background:#31409b; color:#fff; }

/*바로가기*/
.link_cont { width:321px; height:298px; float:right; background:#f9fbff; border-radius:10px; box-sizing:border-box; border:2px solid #c0d3f7; padding:25px 28px 0; margin-bottom:122px; }
.link_cont h3 { text-align:center; }
.link_cont h3 span { display:inline-block; font-size:18px; color:#000; padding:0 5px 0; position:relative; z-index:1; }
.link_cont h3 span:before { content:""; display:block; width:100%; height:14px; background:#dce7fb; position:absolute; left:0; bottom:-1px; z-index:-1; }

.link_cont .btbox { }
.link_cont .btbox li { position:absolute; top:28px; }
.link_cont .btbox li.l_prev { left:30px; }
.link_cont .btbox li.l_next { right:30px; }

.link_cont .btbox li a { display:block; width:26px; height:27px; border-radius:50%; box-sizing:border-box; border:1px solid #d5d5d5; text-indent:-99999px; }
.link_cont .btbox li.l_prev a { background:#fff url(../images/main/lbt1.png) center center no-repeat; }
.link_cont .btbox li.l_next a { background:#fff url(../images/main/lbt3.png) center center no-repeat;  }

.link_cont #link_slick { margin:9px 0 8px; height:160px; }
.link_cont #link_slick .slick-slide > div { float:left; width:32%; text-align:center; }
.link_cont #link_slick .slick-slide div:nth-child(2),
.link_cont #link_slick .slick-slide div:nth-child(5) { margin:0 2%; }

.link_cont #link_slick .slick-slide .litem { }
.link_cont #link_slick .slick-slide .litem a { display:block; height:80px; }
.link_cont #link_slick .slick-slide .litem a span.ic { display:block; height:45px; }
.link_cont #link_slick .slick-slide .litem a.size span.ic { height:36px; }

.link_cont #link_slick .slick-slide .lic1 a span.ic { background:url(../images/main/l_ic1.png) center 6px no-repeat; }
.link_cont #link_slick .slick-slide .lic2 a span.ic { background:url(../images/main/l_ic2.png) center 6px no-repeat; }
.link_cont #link_slick .slick-slide .lic3 a span.ic { background:url(../images/main/l_ic3.png) center 11px no-repeat; }
.link_cont #link_slick .slick-slide .lic4 a span.ic { background:url(../images/main/l_ic4.png) center 9px no-repeat; }
.link_cont #link_slick .slick-slide .lic5 a span.ic { background:url(../images/main/l_ic5.png) center 9px no-repeat; }
.link_cont #link_slick .slick-slide .lic6 a span.ic { background:url(../images/main/l_ic6.png) center 12px no-repeat; }

.link_cont #link_slick .slick-slide .litem a:hover span.ic { }
@-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);
  }
}

.link_cont #link_slick .slick-slide .litem a span.txt { display:block; width:100%; line-height:16px; font-size:14px; color:#333; }
.link_cont #link_slick .slick-slide .litem a:hover span.txt { font-weight:500; }

.link_cont .searchbox { overflow:hidden; width:100%; border-radius:150px; box-sizing:border-box; border:1px solid #ddd; background:#fff; position:relative; }
.link_cont .searchbox:after { content:""; display:block; clear:both; }
.link_cont .searchbox .text_int { float:left; display:block; width:calc(100% - 41px); box-sizing:border-box; height:35px; line-height:35px; border:0 none; padding:0 17px; font-size:14px; color:#999;}
.link_cont .searchbox .text_int:focus { outline:none; }
.link_cont .searchbox .sb_btn { float:right; width:41px; height:35px; border:0 none; display:block; text-indent:-99999px; background:#31409b url(../images/main/search.png) center center no-repeat; cursor:pointer; }

/*학생학부모바로가기*/
.sl_box { float:left; width:675px;  height:238px; z-index:1; position:relative; box-sizing:border-box; clear:both; margin:10px 50px 0 0;}
.sl_box .titlebox {  }
.sl_box .titlebox ul {   }

.sl_box .titlebox ul li { float:left; }
.sl_box .titlebox ul li:nth-child(1) { width:164px; }
.sl_box .titlebox ul li:nth-child(2) { width:134px; }
.sl_box .titlebox ul li a { display:block; position:relative; top:0; height:45px; line-height:44px; box-sizing:border-box; border-radius:10px 10px 0 0; background:#ebeff2; text-align:center; border:1px solid #ddd; border-bottom:0 none; font-size:16px; font-weight:500; color:#555; margin-top:5px; transition:all 0.4s; }
.sl_box .titlebox ul li.current a { z-index:1; box-shadow:3px 0px 3px rgba(0,0,0,0.15); background:#048abf; border-color:#048abf; color:#fff; font-size:16px; font-weight:bold; height:50px; line-height:49px; margin-top:0; }

.sl_box .tabcontent { float:left; width:100%; opacity:0; left:-999999px; top:0; position:absolute; height:188px; border:1px solid #ddd; box-sizing:border-box; background:#fff; padding:30px 4px 0 31px; }
.sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 

.slick_def .slick-slide > div { float:left; width:calc(50% - 26px); margin:0 26px 27px 0; text-align:center; height:50px; }
.slick_def .slick-slide a { display:block; width:100%; height:50px; box-sizing:border-box; border:1px solid #ddd; background:#fff; position:relative; text-align:left; line-height:48px; padding:0 67px 0 30px; transition:all 0.4s; font-size:16px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.slick_def .slick-slide a:before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#31409b; position:absolute; left:19px; top:22px; }
.slick_def .slick-slide a:after { content:""; display:block; width:31px; height:25px; background:url(../images/main/q_arrow.png) left top no-repeat; transition:all 0.4s; position:absolute; right:29px; top:11px; transition:right 0.4s; }
.slick_def .slick-slide a:hover { border-color:#048abf; background:#cdf0f7; }
.slick_def .slick-slide a:hover:after { right:20px; }

.sl_box .q_btn { position:absolute; right:0; top:-44px; }
.sl_box .q_btn:after { content:""; display:block; clear:both; }
.sl_box .q_btn li { float:left; }
.sl_box .q_btn li.next_ic { margin-left:20px; }
.sl_box .q_btn li a { display:block; width:33px; height:33px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-99999px; }
.sl_box .q_btn li.prev_ic a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.sl_box .q_btn li.next_ic a { background:#fff url(../images/main/q_bt3.png) center center no-repeat; }

/*학습자료실*/
.ban_cont { float:right; width:675px; height:116px; margin-bottom:37px; }
.ban_cont h3 { height:52px; box-sizing:border-box; padding:8px 0 0 0; font-size:24px; color:#000; }
.ban_cont h3 span { color:#2e79eb; }
.ban_cont ul { width:100%; border:1px solid #ddd; overflow:hidden; border-radius:10px; box-shadow:4px 4px 5px rgba(0,0,0,0.15); }
.ban_cont ul:after { content:""; display:block; clear:both; }
.ban_cont ul li { float:left; width:33%; }
.ban_cont ul li:nth-child(2) { width:34%; box-sizing:border-box; border-left:1px solid #ddd; border-right:1px solid #ddd; }
.ban_cont ul li a { letter-spacing:-0.5px; display:block; height:62px; line-height:62px; text-align:center; width:100%; box-sizing:border-box; font-size:16px; color:#333; font-weight:400; }
.ban_cont ul li a span.arrow { display:inline-block; vertical-align:top; width:15px; height:15px; background:url(../images/main/ban_arrow.png) left top no-repeat; margin:24px 0 0 34px; transition:all 0.4s; }
.ban_cont ul li a:hover span.arrow { margin:17px 0 0 38px; }
.ban_cont ul li a span.ic { display:inline-block; vertical-align:top; margin-right:19px; }
.ban_cont ul li.ban_ic1 a span.ic { width:16px; height:62px; background:url(../images/main/ban_ic1.png) left center no-repeat; }
.ban_cont ul li.ban_ic2 a span.ic { width:27px; height:62px; background:url(../images/main/ban_ic2.png) left center no-repeat; }
.ban_cont ul li.ban_ic3 a span.ic { width:19px; height:62px; background:url(../images/main/ban_ic3.png) left center no-repeat; }

.side_cont { float:right; width:675px; height:auto; }
.side_cont:after { content:""; display:block; clear:both; }
.side_cont li { float:left; width:calc(50% - 17px); }
.side_cont li.side_bg2 { float:right; }
.side_cont li a { display:block; width:100%; height:95px; border-radius:10px; overflow:hidden; box-sizing:border-box; box-shadow:4px 4px 5px rgba(0,0,0,0.15); padding:17px 30px 0; }
.side_cont li.side_bg1 a { background:#ddf8f0 url(../images/main/side_bg1.png) right bottom no-repeat; }
.side_cont li.side_bg2 a { background:#fcedd2 url(../images/main/side_bg2.png) right 12px bottom 12px no-repeat; }

.side_cont li a dt { font-weight:bold; font-size:20px; color:#010101; margin-bottom:11px; }
.side_cont li a dd { display:inline-block; vertical-align:top; border-bottom:1px solid #555555; font-size:15px; color:#555; }
.side_cont li a dd span { display:inline-block; vertical-align:top; width:8px; height:12px; background:url(../images/main/side_arrow.png) left top no-repeat; margin:6px 0 0 8px; transition:all 0.4s; }
.side_cont li a:hover dd span { margin-left:15px; }

/*팝업*/
.popmore { position:absolute; right:-105px; top:-185px; z-index:111; }
.popmore a { display:block; width:75px; height:75px; border-radius:50%; box-sizing:border-box; background:#fff; font-size:15px; color:#000; font-weight:bold; text-transform:uppercase; border:4px solid #ced3d6; text-align:center; padding:13px 0 0; box-shadow:3px 3px 4px rgba(0,0,0,0.15); }
.popmore a span { display:block; width:25px; height:25px; border-radius:50%; margin:0 auto 0; background:#31409b url(../images/main/parrow1.png) center center no-repeat; transform:rotate(180deg); transition:all 0.4s; }
.popmore a.pview span { transform:rotate(0deg); }

.popupZone {overflow:hidden; position:absolute; right:-600px; top:-399px; width:320px; height:289px; background:#fff; overflow:hidden; transition:all 0.4s; border-radius:30px; overflow:hidden; border:1px solid #ddd; transition:all 0.4s; z-index:111; opacity:0;}
.popupZone.popview { right:0; opacity:1; }
.popupZone h3 { height:69px; line-height:69px; box-sizing:border-box; padding:0 0 0 29px; font-size:18px; color:#000; font-weight:bold; }
.popupZone h3 span { color:#2e79eb; }

.popupZone .main_btn { position:absolute; right:30px; top:28px; }
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; width:18px; height:13px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/lbt1.png) left center no-repeat; border-right:1px solid #dddddd; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/lbt3.png) right center no-repeat; }
.popupZone .main_btn li.more { margin:-3px 0 0 20px; }
.popupZone .main_btn li.more a { width:19px; height:19px; background:url(../images/main/pop_more.png) center center no-repeat;  }
.popupZone .slick-slide { height:218px; }
.popupZone .slick-slide a { display:block; width:100%; height:218px; }
.popupZone .slick-slide a img { width:100%; height:218px; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:60px auto 47px; width:100%; text-align:center; height:325px; overflow:hidden;  }
.galleryGroup:before { content:""; display:block; width:65px; height:272px; position:absolute; left:-65px; top:52px; background:#fff; z-index:10; box-shadow:45px 0px 60px 50px rgba(255,255,255,0.9); }
.galleryGroup:after { content:""; display:block; width:65px; height:272px; position:absolute; right:-65px; top:52px; background:#fff; z-index:10; box-shadow:-45px 0px 60px 50px rgba(255,255,255,0.9); }

.galleryGroup h3 { height:53px; box-sizing:border-box; text-align:center; padding-top:6px; display:inline-block; position:relative; z-index:1;  }
.galleryGroup h3 a { color:#000; font-size:26px; }
.galleryGroup h3 a span { color:#2e79eb; }
.galleryGroup .gbtbox { position:absolute; width:1400px; left:50%; transform:translateX(-50%); top:0; text-align:right; }

.galleryGroup .main_btn { display:inline-block; display:inline-block; width:93px; height:37px; border-radius:150px; box-sizing:border-box; border:1px solid #ddd; box-shadow:3px 3px 4px rgba(0,0,0,0.15); }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:50%; text-align:left; }
.galleryGroup .main_btn li a { display:block; width:100%; height:35px; text-indent:-99999px; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/gbt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/gbt3.png) center center no-repeat; }

.galleryGroup .gbtbox .more { display:inline-block; vertical-align:top; text-align:left; margin-left:22px; }
.galleryGroup .gbtbox .more a { display:block; width:36px; height:36px; border-radius:50%; text-indent:-99999px; background: rgb(46,118,230);
background:url(../images/main/gmore.png) center center no-repeat, linear-gradient(180deg, rgba(46,118,230,1) 0%, rgba(48,67,159,1) 100%);}


.galleryGroup #gallery_scroll { width:calc(100% + 359px); height:272px; margin:0px 0 0 -359px; text-align:left; }
.galleryGroup .slick-slide { width:323px; height:272px; margin:0 36px 0 0px;  box-sizing:border-box; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:272px; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; box-sizing:border-box; height:181px; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .pic span { display:block; width:0; height:0; background:rgba(49,64,155,0.5) url(../images/main/g_ic.png) center center no-repeat; position:absolute; left:0; top:0; transition:0.4s; }
.galleryGroup .slick-slide .gitem a:hover .pic span { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem .g_sub { height:57px; box-sizing:border-box; line-height:56px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 0; border-bottom:1px solid #ddd; font-size:17px; color:#333333; font-weight:500;  }
.galleryGroup .slick-slide .gitem .g_date { height:34px; line-height:34px; text-align:right; font-size:15px; color:#777; }
.galleryGroup .slick-slide .gitem .g_date span { display:inline-block; vertical-align:top; width:11px; height:11px; background:url(../images/main/gdate.png) left top no-repeat; margin:12px 6px 0 0; }


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

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

.galleryGroup .slick-slide .gitem a:hover .pic::before { border-top-color:#2e79eb; border-right-color:#2e79eb; }
.galleryGroup .slick-slide .gitem a:hover .pic::after {  border-bottom-color:#2e79eb; border-left-color:#2e79eb; }

/*아이콘바로가기*/
.quick_ground { position:relative; z-index:1; padding:35px 0 25px; }
.quick_ground:before { content:""; display:block; width:calc(100% + 260px); height:100%; position:absolute; left:-260px; top:0; background:#ddf8f0; z-index:-1; border-radius:0 50px 0 0; }
.ic_slick { margin:0 56px 0; width:calc(100% - 112px); }
.ic_slick .slick-slide { height:130px; text-align:center; }
.ic_slick .slick-slide a { display:block; width:100%; height:130px; }
.ic_slick .slick-slide .ic { display:block; width:78px; height:78px; border-radius:15px; margin:4px auto 14px; background:#fff; position:relative; box-shadow:2px 2px 3px rgba(0,0,0,0.15); }
.ic_slick .slick-slide .ic:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
.ic_slick .slick-slide .citem1 .ic:before { background:url(../images/main/q_ic1.png) center center no-repeat; }
.ic_slick .slick-slide .citem2 .ic:before { background:url(../images/main/q_ic2.png) center center no-repeat; }
.ic_slick .slick-slide .citem3 .ic:before { background:url(../images/main/q_ic3.png) center center no-repeat; }
.ic_slick .slick-slide .citem4 .ic:before { background:url(../images/main/q_ic4.png) center center no-repeat; }
.ic_slick .slick-slide .citem5 .ic:before { background:url(../images/main/q_ic5.png) center center no-repeat; }
.ic_slick .slick-slide .citem6 .ic:before { background:url(../images/main/q_ic6.png) center center no-repeat; }
.ic_slick .slick-slide .citem7 .ic:before { background:url(../images/main/q_ic7.png) center center no-repeat; }
.ic_slick .slick-slide .citem8 .ic:before { background:url(../images/main/q_ic8.png) center center no-repeat; }
.ic_slick .slick-slide .citem9 .ic:before { background:url(../images/main/q_ic9.png) center center no-repeat; }

.ic_slick .slick-slide a:hover .ic:before { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }

.ic_slick .slick-slide .txt { font-size:15px; color:#333; }
.ic_slick .slick-slide a:hover .txt { font-weight:500; }

.quick_ground .qbox { }
.quick_ground .qbox li { position:absolute; top:84px; }
.quick_ground .qbox li.q_prev { left:0; }
.quick_ground .qbox li.q_next { right:31px; }

.quick_ground .qbox li a { display:block; width:11px; height:18px; text-indent:-99999px; }
.quick_ground .qbox li.q_prev a { background:url(../images/main/gbt1.png) center center no-repeat; }
.quick_ground .qbox li.q_next a { background:url(../images/main/gbt3.png) center center no-repeat; }


/*배너모음*/
#banner {  position:relative; width:100%; box-sizing:border-box; height:90px; border-top:1px solid #ddd; float:left;  }
#banner:after { content:""; display:block; clear:both; }
#banner h3 { font-size:24px; color:#000; padding-top:32px; }
#banner h3 span { color:#2e79eb; }
#banner .btbox { position:absolute; right:0; top:38px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box;   }
#banner .main_btn li { float:left; }
#banner .main_btn li.bbtn02 { margin:0 20px;  }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:7px; height:12px; }
#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; margin-left:19px; margin-top:-8px; }
#banner .btbox .more a { display:block; width:28px; height:28px; text-indent:-99999px; box-sizing:border-box; border-radius:7px 0 7px 0; box-shadow:2px 3px 4px rgba(0,0,0,0.15);   background: rgb(46,118,230);
background:url(../images/main/b_more.png) center center no-repeat, linear-gradient(180deg, rgba(46,118,230,1) 0%, rgba(48,67,159,1) 100%);} 

div#banner_scroll {position:absolute;left:137px; top:18px; width:1134px;height:53px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 9px 0px 0; width:180px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:53px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:51px; }









/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media all and (max-width:1582px) {
/*팝업*/
.popmore { position:absolute; right:0px; top:-185px; z-index:111; }

.popupZone { right:-600px; }
.popupZone.popview { right:85px;  }

}

@media all and (max-width:1519px) {
.galleryGroup:before { display:none; }
.galleryGroup:after { display:none; }
}

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

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


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

/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:100%; height:auto; }
.visual_wrap::before { display:none; }
.visual_wrap .slick-slide { width:100%; height:auto; position:relative; z-index:1; border:0 none; }
.visual_wrap .slick-slide p { width:100%; height:auto; overflow:hidden;  }

.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 { width:100%; height:auto; }
.visual_wrap .vi_content { position:relative; z-index:1; float:none; }
.visual_wrap .vi_content .slick-list { right:0px; }
.visual_wrap .visual_txt { position:absolute; z-index:2; width:100%; box-sizing:border-box; padding:0 0; top:50%; transform:translateY(-50%); text-align:left;  }
.visual_wrap .visual_txt .vis_t1 { width:100%; }
.visual_txt .vis_t1 {  }
.visual_txt .vis_t1 img { width:100%; max-width:550px; margin:0 0 0 -20px !important; }

.visual_wrap .slick-dots { position:absolute; left:0; bottom:15px; width:100%; text-align:center; }


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

#main_gra1 { padding:25px 0 0; background:none; }

/*공지사항 type1*/
.noticeGroup{ height:343px; margin-right:50px;}
.noticeGroup .ntitle { float:left; font-size:22px; font-weight:bold; color:#000; margin:7px 0 15px 0; width:100%; }
.noticeGroup .ntitle span { color:#2e79eb; }

.noticeGroup h3 {  float:left; width:calc(33% - 12px); height:43px; background:#fff; position:relative; }
.noticeGroup h3 a { font-size:16px;  }

.noticeGroup div.tabcontent { top:109px; }
.noticeGroup div ul li a .txt { font-size:15px; }

/*학사일정*/
.schedule { padding:0 15px; }

/*바로가기*/
.link_cont { padding: 25px 15px 0; }

/*학생학부모*/
.sl_box { width:94%; margin:0 3% 30px; height: 238px;}

/*팝업*/
.popmore { display:none; }

.popupZone {overflow:hidden; position:relative; right:inherit !important; top:inherit !important; width:94%; height:289px; margin:0 3% 25px; opacity:1;}
.popupZone.popview { right:inherit; opacity:1; }
.popupZone h3 { height:69px; line-height:69px; box-sizing:border-box; padding:0 0 0 29px; font-size:18px; color:#000; font-weight:bold; }
.popupZone h3 span { color:#2e79eb; }

.popupZone .main_btn { position:absolute; right:30px; top:28px; }
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; width:18px; height:13px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/lbt1.png) left center no-repeat; border-right:1px solid #dddddd; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/lbt3.png) right center no-repeat; }
.popupZone .main_btn li.more { margin:-3px 0 0 20px; }
.popupZone .main_btn li.more a { width:19px; height:19px; background:url(../images/main/pop_more.png) center center no-repeat;  }

/*갤러리*/
.galleryGroup { width:97%; height:auto; text-align:center;  }

.galleryGroup h3 { height:auto; box-sizing:border-box; text-align:center; padding:20px 3% 10px 0; display:inline-block; position:relative; z-index:1; }
.galleryGroup h3 a { color:#000; font-size:26px; }
.galleryGroup h3 a span { color:#2e79eb; }
.galleryGroup .gbtbox { position:static; width:100%; left:0; transform:none; top:15px; text-align:right; padding:0 3% 15px 0; box-sizing:border-box; }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0 0px; text-align:left; }
.galleryGroup .slick-slide {  margin:0 30px 0 0px;  box-sizing:border-box; }


/*아이콘바로가기*/
.ic_slick { margin:0 35px 0; width:calc(100% - 70px); }
.quick_ground { padding: 35px 3% 25px; }
.quick_ground .qbox { }
.quick_ground .qbox li { position:absolute; top:84px; }
.quick_ground .qbox li.q_prev { left:3%; }
.quick_ground .qbox li.q_next { right:3%; }



/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 0px;  }
#banner h3 { padding:5px 3% 0; }
#banner .btbox {  position:absolute; right:3%; top:11px;}
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn {  }

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 0 0px 3%; width:22%;  }


}

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

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

}

@media all and (max-width:730px) {
/*학습자료실*/
.ban_cont {  height:auto; }
.ban_cont ul { width:100%; border:1px solid #ddd; overflow:hidden; border-radius:10px; box-shadow:4px 4px 5px rgba(0,0,0,0.15); }
.ban_cont ul li { float:left; width:100%; }
.ban_cont ul li:nth-child(2) { width:100%; box-sizing:border-box; border-left:0 none; border-right:0 none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.ban_cont ul li a { letter-spacing:-0.5px; display:block; height:62px; line-height:62px; text-align:center; width:100%; box-sizing:border-box; font-size:16px; color:#333; font-weight:400; }
.ban_cont ul li a span.arrow { display:inline-block; vertical-align:top; width:15px; height:15px; background:url(../images/main/ban_arrow.png) left top no-repeat; margin:24px 0 0 34px; transition:all 0.4s; }
.ban_cont ul li a:hover span.arrow { margin:17px 0 0 38px; }
.ban_cont ul li a span.ic { display:inline-block; vertical-align:top; margin-right:19px; }
.ban_cont ul li.ban_ic1 a span.ic { width:16px; height:62px; background:url(../images/main/ban_ic1.png) left center no-repeat; }
.ban_cont ul li.ban_ic2 a span.ic { width:27px; height:62px; background:url(../images/main/ban_ic2.png) left center no-repeat; }
.ban_cont ul li.ban_ic3 a span.ic { width:19px; height:62px; background:url(../images/main/ban_ic3.png) left center no-repeat; }

}

@media all and (max-width:719px) {
/*갤러리*/
.galleryGroup { width:94%; height:auto; text-align:center;  }

.galleryGroup h3 {  padding:20px 0 15px 0; display:inline-block; position:relative; z-index:1; }
.galleryGroup h3 a span { color:#2e79eb; }
.galleryGroup .gbtbox { position:static; width:100%; left:0; transform:none; top:15px; text-align:right; padding:0 0 15px 0; box-sizing:border-box; }

.galleryGroup .slick-slide {  margin:0 0 25px 0px;  box-sizing:border-box; }
	
}
	
@media all and (max-width:705px) {

.visual_wrap .slick-slide img { min-height:160px; }
.visual_txt .vis_t1 img { width:100%; max-width:350px; margin:0 0 0 -20px !important; }

}

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

/*학생학부모*/
.sl_box { width:94%; margin:0 3% 30px; height: 350px;}
.sl_box .tabcontent { float:left; width:100%; opacity:0; left:-999999px; top:0; position:absolute; height:308px;   padding:30px 15px 0 15px; }
.sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 

.slick_def .slick-slide > div { float:left; width:100%; margin:0 0px 15px 0; text-align:center; height:50px; }

}

@media all and (max-width:660px) {
.side_cont {   }
.side_cont:after { content:""; display:block; clear:both; }
.side_cont li { float:left; width:100%; }
.side_cont li.side_bg2 { float:right; margin-top:20px; }

}
@media all and (max-width:589px) {
.ic_slick .slick-slide .txt { height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}

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



/*배너모음*/
div#banner_scroll ul#banner_content li {float:left; margin:0 0 0px 3%; 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; }	
	
}