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

#wrap { background:#fff url(../images/main/wrap_bg.png) right 130px no-repeat; }

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

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

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

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

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


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


/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:1300px; }
.visual_wrap .slick-slide { width:100%; height:450px; position:relative; z-index:1; }
.visual_wrap .slick-slide p { width:1300px; height:450px; overflow:hidden; border-radius:0 0px 200px 200px; }
.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_wrap .vi_content { position:relative; z-index:1; }
.visual_wrap .vi_content .slick-list { left:-310px; }
.visual_txt { position:absolute; z-index:1; width:100%; box-sizing:border-box; padding:0 0; top:52px; text-align:right;  }
.visual_txt .vis_t1 { padding:0 143px 0 0; -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.visual_txt .vis_t1.effect {  }
			@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.visual_wrap .rangebox { position:absolute; right:135px; top:192px; z-index:110; }
.visual_wrap .rangebox:after { content:""; display:block; clear:both; }
.visual_wrap .rangebox .visual__progress { margin:6px 10px 0 0;
	float:left;
  height: 2px;
  width:138px;
  background-color: #333;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #5f49f2, #5f49f2);
  z-index: 2;
}
.visual_wrap .rangebox .main_btn { float:left; }
.visual_wrap .rangebox .main_btn li { float:left; }
.visual_wrap .rangebox .main_btn li a { display:block; width:8px; height:13px; text-indent:-99999px; }
.visual_wrap .rangebox .main_btn li.vbtn01 a { background:url(../images/main/vi_bt1.png) left top no-repeat; }
.visual_wrap .rangebox .main_btn li.vbtn02 a { background:url(../images/main/vi_bt2.png) left top no-repeat; width:11px; margin:0 10px; }
.visual_wrap .rangebox .main_btn li.v_stop a { background:url(../images/main/vi_bt2_on.png) left top no-repeat; }
.visual_wrap .rangebox .main_btn li.vbtn03 a { background:url(../images/main/vi_bt3.png) left top no-repeat; }

.visual_wrap .slick-dots { position:absolute; right:348px; top:189px; }
.visual_wrap .slick-dots li { font-family: "GmarketSansMedium"; font-size:15px; color:#333; display:none; }
.visual_wrap .slick-dots li.slick-active { display:block; }

/*아이콘바로가기*/
.ic_slick { float:left; width:525px; position:absolute; right:0; top:-231px; box-sizing:border-box; padding:0 11px 0 25px; z-index:110; }
.ic_slick .main_btn li { position:absolute; top:55px; }
.ic_slick .main_btn li.ibtn01 { left:0; }
.ic_slick .main_btn li.ibtn03 { right:0; }
.ic_slick .main_btn li a { display:block; width:8px; height:17px; text-indent:-99999px; }
.ic_slick .main_btn li.ibtn01 a { background:url(../images/main/i_bt1.png) left top no-repeat; }
.ic_slick .main_btn li.ibtn03 a { background:url(../images/main/i_bt3.png) left top no-repeat; }

#ic_list { }
#ic_list:after { content:""; display:block; clear:both; }
#ic_list .slick-slide { width:108px; height:128px; position:relative; z-index:1; margin-right:15px; box-sizing:border-box; padding:0 5px 0 3px; }

#ic_list div a { display:block; width:100%; height:121px; border-radius:8px; background:#fff; box-sizing:border-box; padding-top:0px; box-shadow:2px 3px 5px 0px rgba(0,0,0,0.23); text-align:center; transition:background 0.4s; position:relative; }
#ic_list div a .ic { display:block; width:100%; height:78px; position:relative; z-index:1; overflow:hidden; }
#ic_list div a:hover .ic { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }
#ic_list div.size a .ic { height:68px; }
#ic_list div.ic_l1 a .ic { background:url(../images/main/i_ic1.png) center 17px no-repeat; }
#ic_list div.ic_l2 a .ic { background:url(../images/main/i_ic2.png) center 17px no-repeat; }
#ic_list div.ic_l3 a .ic { background:url(../images/main/i_ic3.png) center 17px no-repeat;  }
#ic_list div.ic_l4 a .ic { background:url(../images/main/i_ic4.png) center 17px no-repeat; }
#ic_list div.ic_l5 a .ic { background:url(../images/main/i_ic5.png) center 17px no-repeat; }
#ic_list div.ic_l6 a .ic { background:url(../images/main/i_ic6.png) center 17px no-repeat; }
#ic_list div a .txt { display:block; width:100%; font-size:15px; color:#333; letter-spacing:-0.5px; padding:0 5px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:18px; }
#ic_list div a:hover .txt { font-weight:500; }

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/*공지사항 type1*/
.noticeGroup{ width:725px; height:220px; text-align:right; border-bottom:1px solid #aaaaaa; background:none;}
.noticeGroup .nalltitle { letter-spacing:-1px; text-align:left; float:left; font-size:24px; color:#070c26; font-family: "GmarketSansMedium"; padding:3px 0 0 0;}
.noticeGroup .nalltitle span { color:#07338c; font-family: "GmarketSansBold";}
.noticeGroup .notice_tep { display:inline-block; vertical-align:top; }
.noticeGroup h3 { text-align:center; font-size:18px;  }
.noticeGroup h3.btn3 { margin-right:53px; }
.noticeGroup h3 a { display:block; color:#69788c; font-weight:500; padding:0 21px 0 14px; position:relative; }
.noticeGroup h3 a:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ddd; position:absolute; right:0; top:10px; }
.noticeGroup h3.btn3 a:before { display:none; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#5f49f2; font-weight:bold;}

.noticeGroup div.tabcontent {position:absolute;left:0;top:42px;width:100%; display:none; border-top:1px solid #070c26; padding-top:11px;}
.noticeGroup div ul { }
.noticeGroup div ul li {  width:100%; line-height:38px !important; letter-spacing:-0.5px; font-size:16px; text-align:left;}
.noticeGroup div ul li:after { content:""; display:block; clear:both; }
.noticeGroup div ul li a {float:left; width:calc(100% - 123px); 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 {float:right; color:#69788c; font-size:14px; }
.noticeGroup div ul li img { display:none; }

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




/*팝업*/
.popupZone {  position:relative; margin:0 0 60px 0px; width:525px; height:220px; float:right; border-radius:0 0 20px 0; border-radius:10px 0 0 0; overflow:hidden; }
.popupZone h3 { line-height:25px; text-transform:uppercase; color:#222; font-weight:bold; font-size:26px; padding:24px 0 0 0; letter-spacing:-1.5px; font-family: 'S-CoreDream-6Bold';}
.popupZone h3 .c1 { color:#3b54c0;  }
 
.popupZone #popbox { position:absolute !important; left:0; top:0; height:220px; width:100%; box-sizing:border-box;   }
.popupZone #popbox li { height:220px; width:100%;   overflow:hidden; box-sizing:border-box; }
.popupZone #popbox li a { display:block; width:100%; height:220px;   }
.popupZone #popbox li img { width:100%; height:220px; }
.popupZone #popbox li.no_pop {  }
.popupZone #popbox .pbtbox { position:absolute; right:20px; bottom:16px; z-index:111;  }
.popupZone #popbox .pbtbox:after { content:""; display:block; clear:both; }
.popupZone #popbox .btcir { width:144px; height:31px; border-radius:150px; position:relative; background:rgba(255,255,255,0.8); box-shadow:2px 3px 4px rgba(0,0,0,0.12); float:left; }
.popupZone #popbox .pageall { position:relative; display:inline-block; vertical-align:top; font-family: "GmarketSansMedium";  }
.popupZone #popbox .pageall {  height:31px; text-align:center; font-size:16px; font-weight:500; margin:0 0 0 19px;}
.popupZone #popbox .pageall:after { content:""; display:block; clear:both; }
.popupZone #popbox .pageall .external { display:inline-block; vertical-align:middle;}
.popupZone #popbox .pageall .total { display:inline-block; height:31px; vertical-align:middle; line-height:33px;  color:#070c26;  padding:0 0 0 11px; margin-left:3px; position:relative;  }
.popupZone #popbox .pageall .total:before { content:""; display:block; width:6px; height:2px; background:#070c26; position:absolute; left:0; top:14px; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; text-align:left;}
#adv-custom-pager2 span.cycle-pager-active { display:block; height:31px; font-size:15px; margin-left:0px; position:relative; overflow:hidden; }
#adv-custom-pager2 span.cycle-pager-active::before{ display:block; width:100%; height:31px; line-height:33px; font-size:16px; color:#5f48f1; text-indent:0; text-align:right;  font-weight:500;  }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before{ content:"01";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before{ content:"02";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before{ content:"03";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before{ content:"04";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before{ content:"05";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before{ content:"06";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before{ content:"07";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before{ content:"08";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before{ content:"09";  }
#adv-custom-pager2 span:nth-child(10).cycle-pager-active::before{ content:"10";  }
#adv-custom-pager2 span:nth-child(11).cycle-pager-active::before{ content:"11";  }
#adv-custom-pager2 span:nth-child(12).cycle-pager-active::before{ content:"12";  }
#adv-custom-pager2 span:nth-child(13).cycle-pager-active::before{ content:"13";  }
#adv-custom-pager2 span:nth-child(14).cycle-pager-active::before{ content:"14";  }
#adv-custom-pager2 span:nth-child(15).cycle-pager-active::before{ content:"15";  }
#adv-custom-pager2 span:nth-child(16).cycle-pager-active::before{ content:"16";  }
#adv-custom-pager2 span:nth-child(17).cycle-pager-active::before{ content:"17";  }
#adv-custom-pager2 span:nth-child(18).cycle-pager-active::before{ content:"18";  }
#adv-custom-pager2 span:nth-child(19).cycle-pager-active::before{ content:"19";  }
#adv-custom-pager2 span:nth-child(20).cycle-pager-active::before{ content:"20";  }


.popupZone #popbox .control { position:relative; display:inline-block; vertical-align:top; margin:11px 0 0 10px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p { width:5px;  float:left; margin-right:10px; }
.popupZone #popbox .control p a { display:block; width:100%; height:9px; text-indent:-999999px; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/pop_bt1.png) left top no-repeat; }
.popupZone #popbox .control p.play { width:7px;  }
.popupZone #popbox .control p.play a {  background:url(../images/main/pop_stop.png) left top no-repeat; }
.popupZone #popbox .control p.stop a {  background:url(../images/main/pop_play.png) left top no-repeat;}
.popupZone #popbox .control p#next1 a { background:url(../images/main/pop_bt3.png) left top no-repeat;}

.popupZone #popbox .pbtbox p.more { float:left; margin-left:20px; }
.popupZone #popbox .pbtbox p.more a { box-shadow:2px 3px 4px rgba(0,0,0,0.12); display:block; width:31px; height:31px; background: rgb(181,219,243);
background:url(../images/main/pop_more.png) center center no-repeat, linear-gradient(145deg, rgba(181,219,243,1) 0%, rgba(98,207,231,1) 100%);  border-radius:50%; text-indent:-99999px; }

/*월중행사 type1*/
.sch_cont { width:450px; height:345px; background:none; border-bottom:1px solid #ddd; margin-right:50px; clear:both; }
.sch_cont h3 { letter-spacing:-1px; text-align:left; float:left; font-size:24px;  font-family: "GmarketSansMedium"; padding:3px 0 0 0; font-weight:normal; box-sizing:border-box; height:50px;}
.sch_cont h3 a { color:#070c26;}
.sch_cont h3 a span { color:#07338c; font-family: "GmarketSansBold";}

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

.sch_cont .tradius { border-radius:20px 20px 0 0; border:1px solid #ddd; border-bottom:0 none; overflow:hidden; box-sizing:border-box;  margin-bottom:10px; width:100%;  }
.sch_cont table { border-collapse:collapse;   width:100%; box-sizing:border-box; text-align:center; }
.sch_cont table th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#07338c; font-weight:400; padding:13px 0; font-size:16px; color:#fff;}
.sch_cont table th:last-child { border-right:0 none; }
.sch_cont table th.sunday { color:#f26d6d; }
.sch_cont table th.saturday { color:#79c4f2; }
.sch_cont table td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:8px 0 7px; }
.sch_cont table td:last-child { border-right:0 none; }
.sch_cont table td span { display:block; margin:0 auto; border-radius:50%; width:33px; height:33px; border-radius:50%; line-height:33px; font-size:16px; color:#333; }
.sch_cont table td:first-child span { color:#f23545; }
.sch_cont table td:last-child span { color:#014099; }
.sch_cont table td.on span { background:#f2be5c; }
.sch_cont .tabcontent { width:100%;   box-sizing:border-box; }

.sch_cont .sch_defbox { width:100%; height:135px; box-sizing:border-box;  background:#fff; border:1px solid #ddd; padding:18px 20px 0; }
#schedule_content { width:100%; height:102px; overflow-y:auto;  }
/* 스크롤바의 폭 너비 */
#schedule_content::-webkit-scrollbar {
    width: 3px;  
}

#schedule_content::-webkit-scrollbar-thumb {
    background: #69788c; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

#schedule_content::-webkit-scrollbar-track {
    background: #ddd;  /*스크롤바 뒷 배경 색상*/
}
#schedule_content .sch_item { margin-bottom:6px; }
#schedule_content .sch_item a { display:block; width:100%; text-align:left;  }
#schedule_content .sch_item a dl:after { content:""; display:block; clear:both; }
#schedule_content .sch_item a dl dt { float:left; width:65px; height:28px; text-align:center; line-height:28px; border-radius:150px; color:#07338c; font-size:18px; font-weight:bold; transition:all 0.4s; }
#schedule_content .sch_item a:hover dl dt { background:#07338c; color:#fff; }

#schedule_content .sch_item a dl dd { float:right; width:calc(100% - 75px); height:28px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#555; }
#schedule_content .sch_item a:hover dl dd { font-weight:500; color:#111; text-decoration:underline; }

/*급식 및 홍보영상*/
.linkbox { width:375px; height:auto; }
.linkbox div { width:100%; }
.linkbox div.lb1 { margin-bottom:35px; }
.linkbox div a { display:block; width:100%; height:155px; box-sizing:border-box; overflow:hidden; border-radius:20px 0 20px 0; border:1px solid #ddd; position:relative; padding:29px 30px 0 30px; }
.linkbox div.lb1 a { background:#79c4f2 url(../images/main/gra_bg.png) right bottom no-repeat; }
.linkbox div.lb1 a:before { content:""; display:block; width:187px; height:78px; background:url(../images/main/food_bg.png) left top no-repeat; position:absolute; right:0; bottom:13px; }

.linkbox div.lb2 a { background:#99b7f1 url(../images/main/gra_bg.png) right bottom no-repeat; }
.linkbox div.lb2 a:before { content:""; display:block; width:123px; height:88px; background:url(../images/main/vid_bg.png) left top no-repeat; position:absolute; right:11px; bottom:12px; }

.linkbox div h3 { letter-spacing:-1px; text-align:left; font-size:24px; color:#070c26; font-family: "GmarketSansMedium"; padding:3px 0 0 0; font-weight:normal; margin-bottom:43px;}
.linkbox div h3 span { color:#07338c; font-family: "GmarketSansBold";}

.linkbox div p { display:inline-block; vertical-align:top; font-size:16px; color:#070c26; font-weight:500; border-bottom:1px solid #070c26; position:relative; z-index:1; }
.linkbox div p span { transition:all 0.4s; display:inline-block; vertical-align:top; margin:8px 0 0 9px; background:url(../images/main/gra_arrow.png) left top no-repeat; width:16px; height:10px; }
.linkbox div a:hover p span { margin-left:15px; }


/*학생학부모바로가기*/
.main_student { position:relative; width:374px; height:345px; float:right; }
.main_student dt {float:left; width:108px;  letter-spacing:-0.5px; text-align:center; position:relative; }
.main_student dt a {display:block; width:100%; height:51px; box-sizing:border-box; line-height:50px; border-radius:20px 20px 0 0; background:#f2f2f2; font-size:17px; color:#777; border:1px solid #ddd;}
.main_student dt.on { z-index:2;}
.main_student dt.on a { background:#fff; border-color:#5f49f2; font-weight:bold; color:#5f49f2; border-bottom-color:#fff; background:#ffffff;  }

.main_student dd { position:absolute; top:50px; width:100%; height:295px; left:0%; display:none; box-sizing:border-box; border:1px solid #ddd; border-top:1px solid #5f49f2; border-radius:0 0 20px 20px; overflow:hidden; z-index:1; padding:10px 30px 0;}
.main_student dd.first { display:block;}

.main_student dd ul { height:274px; overflow-y:auto; width:100%; position:relative; }
.main_student dd ul li{ height:67px; box-sizing:border-box; border-bottom:1px dashed #ddd; }
.main_student dd ul li a{ display:block; width:100%; height:67px; line-height:67px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 75px; box-sizing:border-box; font-size:16px; color:#555; }
.main_student dd ul li a:hover{ text-decoration:underline; }
.main_student dd ul li a span { display:block; width:48px; height:48px; border-radius:50%; position:absolute; left:4px; top:10px; overflow:hidden; background:#f2f2f2; transition:all 0.4s; }
.main_student dd ul li a:hover span {background: rgb(121,196,242);
background: linear-gradient(145deg, rgba(121,196,242,1) 0%, rgba(7,51,140,1) 100%); transition:all 0.4s; -webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both;}

.main_student dd ul li a span:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }

/*학생아이콘*/
.main_student dd ul li.ic1_1 a span:before { background:url(../images/main/ic1_1.png) center center no-repeat; }
.main_student dd ul li.ic1_1 a:hover span:before { background:url(../images/main/ic1_1_on.png) center center no-repeat; }
.main_student dd ul li.ic1_2 a span:before { background:url(../images/main/ic1_2.png) center center no-repeat; }
.main_student dd ul li.ic1_2 a:hover span:before { background:url(../images/main/ic1_2_on.png) center center no-repeat; }
.main_student dd ul li.ic1_3 a span:before { background:url(../images/main/ic1_3.png) center center no-repeat; }
.main_student dd ul li.ic1_3 a:hover span:before { background:url(../images/main/ic1_3_on.png) center center no-repeat; }
.main_student dd ul li.ic1_4 a span:before { background:url(../images/main/ic1_4.png) center center no-repeat; }
.main_student dd ul li.ic1_4 a:hover span:before { background:url(../images/main/ic1_4_on.png) center center no-repeat; }

/*학부모아이콘*/
.main_student dd ul li.ic2_1 a span:before { background:url(../images/main/ic2_1.png) center center no-repeat; }
.main_student dd ul li.ic2_1 a:hover span:before { background:url(../images/main/ic2_1_on.png) center center no-repeat; }
.main_student dd ul li.ic2_2 a span:before { background:url(../images/main/ic2_2.png) center center no-repeat; }
.main_student dd ul li.ic2_2 a:hover span:before { background:url(../images/main/ic2_2_on.png) center center no-repeat; }
.main_student dd ul li.ic2_3 a span:before { background:url(../images/main/ic2_3.png) center center no-repeat; }
.main_student dd ul li.ic2_3 a:hover span:before { background:url(../images/main/ic2_3_on.png) center center no-repeat; }

/*교직원아이콘*/
.main_student dd ul li.ic3_1 a span:before { background:url(../images/main/ic3_1.png) center center no-repeat; }
.main_student dd ul li.ic3_1 a:hover span:before { background:url(../images/main/ic3_1_on.png) center center no-repeat; }
.main_student dd ul li.ic3_2 a span:before { background:url(../images/main/ic3_2.png) center center no-repeat; }
.main_student dd ul li.ic3_2 a:hover span:before { background:url(../images/main/ic3_2_on.png) center center no-repeat; }
.main_student dd ul li.ic3_3 a span:before { background:url(../images/main/ic3_3.png) center center no-repeat; }
.main_student dd ul li.ic3_3 a:hover span:before { background:url(../images/main/ic3_3_on.png) center center no-repeat; }
.main_student dd ul li.ic3_4 a span:before { background:url(../images/main/ic1_4.png) center center no-repeat; }
.main_student dd ul li.ic3_4 a:hover span:before { background:url(../images/main/ic1_4_on.png) center center no-repeat; }

@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:60px 0 0px 0px; width:100%; height:auto; background:url(../images/main/gal_pat.jpg) center top; float:none; min-height:465px;  }
.galleryGroup h3 { letter-spacing:-1px; text-align:left;  font-size:24px;  font-family: "GmarketSansMedium"; padding:61px 0 0 0; font-weight:normal; box-sizing:border-box; height:121px;}
.galleryGroup h3 a { color:#070c26;}
.galleryGroup h3 a span { color:#07338c; font-family: "GmarketSansBold";}

.galleryGroup .main_btn { position:absolute; right:0px; top:52px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:33px; margin-left:20px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:33px; border-radius:50%; text-indent:-99999px; border:1px solid #ddd; box-shadow:2px 2px 4px rgba(0,0,0,0.15); }

.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/g_bt1.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(181,219,243);
background:url(../images/main/g_more.png) center center no-repeat, linear-gradient(145deg, rgba(181,219,243,1) 0%, rgba(98,207,231,1) 100%); }


.galleryGroup #gallery_scroll { width:100%; margin:0px 0 0; }
.galleryGroup .slick-slide { width:308px; height:284px; margin:0 22px 0 0; box-sizing:border-box; border-bottom:1px solid #070c26; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:284px; width:100%; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:173px; 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%; position:absolute; left:0; top:0; transition:all 0.4s; background:url(../images/main/g_ic.png) center center no-repeat, rgba(0,0,0,0.5); }
.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem a dl { padding-top:18px; }
.galleryGroup .slick-slide .gitem a dl dt { color:#070c26; font-size:18px; height:18px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; }
.galleryGroup .slick-slide .gitem a dl dd { color:#555; font-size:15px; height:18px; line-height:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:16px 0 10px; }
.galleryGroup .slick-slide .gitem a p.g_date { text-align:right; line-height:18px; font-size:13px; color:#777;}
.galleryGroup .slick-slide .gitem a p.g_date:before { content:""; display:inline-block; vertical-align:top; width:12px; height:12px; background:url(../images/main/g_date.png) left top no-repeat; margin:3px 6px 0 0;  }



/*배너모음*/
#banner {margin:0px auto 0; height:115px;  position:relative; width:1300px; box-sizing:border-box;  }
#banner:after { content:""; display:block; clear:both; }
#banner h3 { letter-spacing:-1px; text-align:left;  font-size:24px;  font-family: "GmarketSansMedium"; padding:49px 0 0 0; font-weight:normal; box-sizing:border-box; color:#070c26;}
#banner h3 span { color:#07338c; font-family: "GmarketSansBold";}
#banner .main_btn { position:absolute; right:0px; top:42px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:31px; margin-left:9px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:32px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-999999px; }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#fff url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#fff url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute;left:112px; top:29px; width:1005px;height:57px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 6px 0px 0; width:195px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:57px; box-sizing:border-box; border:1px #ddd 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:20px auto; min-height:100%;}

/*메인비주얼*/
.visual_wrap { margin:0px auto 45px; position:relative; padding:0px 0 0px; width:100%;   }
.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; border-radius:0 0px 0px 50px; }

.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 { left:0px; }
.visual_txt { position:absolute; z-index:2; width:100%; box-sizing:border-box; padding:0 0; top:50%; transform:translateY(-50%); text-align:left; background:rgba(255,255,255,0.3);  }
.visual_txt .vis_t1 { padding:15px 3% 10px; }
.visual_txt .vis_t1 img { width:100%; max-width:187px; }

.visual_wrap .slick-dots { position:absolute; left:15px; bottom:0px; display:none !important; }

.visual_wrap .rangebox { position:absolute; right:3%; bottom:-15px; top:inherit; z-index:110; }


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


/*아이콘바로가기*/
.ic_slick { float:left; width:94%; position:relative; right:inherit; top:inherit; box-sizing:border-box; padding:0 11px 0 25px; z-index:110; margin:0 3% 20px; }

/*급식 및 홍보영상*/
.linkbox { height:auto; }
.linkbox div { width:49%; float:left; }
.linkbox div:nth-child(2) { float:right; }
.linkbox div.lb1 {
  margin-bottom:0px;
}

/*학생학부모바로가기*/
.main_student { position:relative; height:345px; float:right; }
.main_student dt {float:left; width:33%;  }
.main_student dt.center { width:34%; }

.main_student dd { padding:10px 15px 0;}

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px !important; width:100%; height:auto; background:url(../images/main/gal_pat.jpg) center top; float:none; min-height:10px; padding-bottom:30px; }
.galleryGroup h3 { font-size:24px; padding:31px 0 30px 3%; font-weight:normal; box-sizing:border-box; height:auto;}
.galleryGroup .main_btn { position:absolute; right:3%; top:23px; }
.galleryGroup #gallery_scroll { width:97%; margin:0 0 0 3%; }


/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; border-top:1px solid #aaaaaa; box-sizing:border-box; padding:25px 0 10px; }
#banner h3 { float:none; padding:0px 0 0 3%;}
#banner .main_btn { position:absolute; right:3%; top:25px; }
 
div#banner_scroll {position:relative; left:inherit; top:inherit; width:94%; overflow:hidden; margin:20px 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:740px) {

.linkbox div { width:100%; margin:0 0 0px; float:left; }
.linkbox div:nth-child(2) { float:right; }
.linkbox div.lb1 {
  margin-bottom:20px;
}



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

}

@media all and (max-width:719px) {
.galleryGroup { padding-bottom:10px; }
.galleryGroup #gallery_scroll { width:94%; margin:0 0 0 3%; }
.galleryGroup .slick-slide { margin:0 0px 22px 0;  }

}



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

/*공지사항 type1*/
.noticeGroup{  height:265px; text-align:left; border-bottom:1px solid #aaaaaa; background:none;}
.noticeGroup .nalltitle { width:100%; margin-bottom:13px;}
.noticeGroup .nalltitle span { color:#07338c; font-family: "GmarketSansBold";}
.noticeGroup .notice_tep { display:block; vertical-align:top; }
.noticeGroup h3 { text-align:center; float:left; width:32%; font-size:18px;  }
.noticeGroup h3.btn1 { width:36%; }
.noticeGroup h3.btn3 { margin-right:0px; }
.noticeGroup h3 a { display:block; color:#69788c; font-weight:500; padding:0 0px 0 0px; position:relative; }
.noticeGroup h3 a:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#ddd; position:absolute; right:-2px; top:10px; }
.noticeGroup h3.btn3 a:before { display:none; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#5f49f2; font-weight:bold;}
.noticeGroup div ul li a {float:left; width:calc(100% - 83px); }

.noticeGroup div.tabcontent {position:absolute;left:0;top:82px; }
.noticeGroup div p.more {position:absolute; clear:both;right:0;top:-83px; }

	
}

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

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

}

@media all and (max-width:430px) {
	
.visual_txt .vis_t1 img { width:100%; max-width:117px; }

}

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