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

body{ }

#container {width:100%; margin:48px auto 0; background:url(../images/main/con_bg.png) center 165px no-repeat; }
#container:after { content:""; display:block; clear:both; }

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

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

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

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


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



/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:1400px; }
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .slick-slide { width:100%; height:530px; position:relative; z-index:1; }
.visual_wrap .slick-slide p { width:960px; height:530px; 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 {  }
.visual_wrap .vi_content { position:relative; z-index:1; float:right; }
.visual_wrap .vi_content .slick-list { right:-260px; }
.visual_txt { position:absolute; z-index:1; width:100%; box-sizing:border-box; padding:0 0; top:194px; text-align:left;  }
.visual_txt .vis_t1 { padding:0 0px 0 63px; }
.visual_txt .vis_t1.effect { -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; }
			@-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 .vbtbox { position:absolute; left:0; width:100%; bottom:30px; text-align:center;  }
.visual_wrap .vbt_cir { display:inline-block; border-radius:150px; padding:10px 15px 3px; box-sizing:border-box; background:rgba(0,0,0,0.5); height:auto; }
.visual_wrap .vbt { display:inline-block; vertical-align:top; margin:2px 15px 0 0; }
.visual_wrap .vbt a { display:block; width:9px; height:12px; 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;  }	
.visual_wrap .mut a { display:block; width:21px; height:15px; 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; }

.visual_wrap .slick-dots { position:absolute; left:0; bottom:50px; }
.visual_wrap .slick-dots li { display:inline-block; width:21px; height:21px; border-radius:50%; box-sizing:border-box; border:1px solid transparent; position:relative; vertical-align:middle; cursor:pointer; padding:4px; margin-right:2px; }
.visual_wrap .slick-dots li span { display:block; text-indent:-99999px; width:11px; height:11px; border-radius:50%; background:#ddd; }

.visual_wrap .slick-dots li.slick-active { border-color:#fff; }
.visual_wrap .slick-dots li.slick-active span { background:#fff; }

/*아이콘바로가기*/
.ic_slick { float:left; width:670px; position:absolute; left:0; top:-216px; box-sizing:border-box; padding:0 17px 0 46px; }
.ic_slick .main_btn li { position:absolute; top:38px; }
.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:12px; height:30px; text-indent:-99999px; }
.ic_slick .main_btn li.ibtn01 a { background:url(../images/main/ibt1.png) left top no-repeat; }
.ic_slick .main_btn li.ibtn03 a { background:url(../images/main/ibt3.png) left top no-repeat; }

#ic_list { }
#ic_list:after { content:""; display:block; clear:both; }
#ic_list .slick-slide { width:105px; height:111px; position:relative; z-index:1; margin-right:17px;  }

#ic_list div a { display:block; width:100%; height:107px; border-radius:8px; background:#fff; box-sizing:border-box; padding-top:0px; box-shadow:1px 2px 3px 0px rgba(0,0,0,0.18); text-align:center; transition:background 0.4s; position:relative; }
#ic_list div a .ic { display:block; width:100%; height:65px; position:relative; z-index:1; overflow:hidden; }
#ic_list div a .ic:before { content:""; display:block; width:32px; height:32px; border-radius:50%; position:absolute; left:calc(50% - 20px); top:11px; z-index:-1; background: rgb(60,190,225);
background: linear-gradient(330deg, rgba(60,190,225,1) 0%, rgba(87,237,193,1) 100%); opacity:0; }

#ic_list div a:hover .ic:before { -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;  }

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

#ic_list div.ic_l1 a .ic { background:url(../images/main/i_ic1.png) center center no-repeat; }
#ic_list div.ic_l2 a .ic { background:url(../images/main/i_ic2.png) center center no-repeat; }
#ic_list div.ic_l3 a .ic { background:url(../images/main/i_ic3.png) center center no-repeat; height:61px; }
#ic_list div.ic_l4 a .ic { background:url(../images/main/i_ic4.png) center center no-repeat; }
#ic_list div.ic_l5 a .ic { background:url(../images/main/i_ic5.png) center center no-repeat; }
#ic_list div.ic_l6 a .ic { background:url(../images/main/i_ic6.png) center center no-repeat; }

#ic_list div a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:2px solid transparent; border-radius:8px;  }
#ic_list div a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:2px solid transparent; border-radius:8px;  }
#ic_list div a:hover::before,
#ic_list div.t_on a::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

#ic_list div a:hover::after,
#ic_list div.t_on a::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

#ic_list div a:hover::before,
#ic_list div.t_on a::before { border-top-color:#3cbee1; border-right-color:#3cbee1; }
#ic_list div a:hover::after,
#ic_list div.t_on a::after {  border-bottom-color:#3cbee1; border-left-color:#3cbee1; }

#ic_list div a:hover,
#ic_list div.t_on a {   }
#ic_list div a:hover .ic { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }

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



/*공지사항 type1*/
.noticeGroup{ width:700px; height:280px; margin:0px 0 0; overflow:hidden; border-radius:10px; border:1px solid #ddd; margin-top:2px; }
.noticeGroup:before { content:""; display:block; width:100%; height:69px; background:#366ec9; position:absolute; left:0; top:0; }
.noticeGroup h3 {float:left; position:relative; z-index:1;  width:134px; margin:13px 7px 0;}
.noticeGroup h3.btn1 { margin-left:19px; }
.noticeGroup h3 a { display:block; width:100%; height:43px; line-height:43px; border-radius:150px; text-align:center; box-sizing:border-box; font-weight:600; font-size:18px; color:#eee; background:#344191; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ background:#fff; color:#000; }

.noticeGroup div.tabcontent {position:absolute;left:0; top:69px; width:100%; display:none; box-sizing:border-box; padding:0 19px 0;}
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li { width:100%; }
.noticeGroup div.tabcontent ul li img { display:none !important; }

.noticeGroup div.tabcontent ul li:first-child { height:103px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ddd; margin-bottom:9px; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:25px 0px 0 92px; }
.noticeGroup div.tabcontent ul li:first-child dl dt { line-height:22px; height:22px; width:100%; font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; margin-bottom:7px;}
.noticeGroup div.tabcontent ul li:first-child dl dd { color:#555; line-height:24px; height:24px; width:100%; overflow:hidden; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup div.tabcontent ul li:first-child .date { position:absolute; left:0; top:15px; width:72px; height:72px; box-sizing:border-box; border-radius:12px; text-align:center; font-size:14px; color:#142849; letter-spacing:-1px; padding:36px 0 0 0; font-weight:500; background:#f2f6ff; }
.noticeGroup div.tabcontent ul li:first-child .date .nday { position:absolute; left:0; top:15px; width:100%; color:#0087cd; font-weight:bold; font-size:24px; }
.noticeGroup div.tabcontent ul li:first-child .date .nday span { display:none; }
.noticeGroup div.tabcontent ul li:first-child:hover dl dt { text-decoration:underline; }
.noticeGroup div.tabcontent ul li:first-child:hover dl dd { text-decoration:underline; }

.noticeGroup div.tabcontent ul li:not(:first-child) { height:28px; box-sizing:border-box; padding:0 0 0 0px; margin-left:18px; width:calc(100% - 18px); position:relative; }
.noticeGroup div.tabcontent ul li:last-child { border-bottom:0 none; }
.noticeGroup div.tabcontent ul li:not(:first-child):before { content:""; display:block; width:9px; height:9px; position:absolute; left:-16px; top:9px; border-radius:50%; box-sizing:border-box; background:#fff; border:2px solid #0087cd; }

.noticeGroup div.tabcontent ul li:not(:first-child) dl { float:left; width:calc(100% - 105px); }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { position:relative; padding:0 10px 0 0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:28px; font-size:16px; color:#333;  }
.noticeGroup div.tabcontent ul li:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child):hover dt { font-weight:500; color:#333; }
.noticeGroup div.tabcontent ul li:not(:first-child) .date { float:right; width:90px; text-align:right; line-height:28px; font-size:16px; color:#999;}

.noticeGroup div.tabcontent .more { position:absolute; right:19px; top:-56px; }
.noticeGroup div.tabcontent .more a { display:block; width:43px; height:43px; border-radius:50%; background:#fff url(../images/main/more1.png) center center no-repeat; text-indent:-99999px; }



/*팝업*/
.popupZone {  position:relative; margin:0 0 60px 0px; width:652px; height:282px; float:right; border-radius:0 0 20px 0; box-shadow:2px 3px 6px rgba(0,0,0,0.12); }
.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:282px; width:100%; box-sizing:border-box; border-radius:0 0 20px 0; border:1px solid #ddd; overflow:hidden;  }
.popupZone #popbox li { height:280px; width:100%;   overflow:hidden; box-sizing:border-box; }
.popupZone #popbox li a { display:block; width:100%; height:286px;   }
.popupZone #popbox li img { width:100%; height:286px; }
.popupZone #popbox li.no_pop {  }
.popupZone #popbox .pbtbox { position:absolute; right:0; bottom:0; z-index:111; width:200px; height:55px; background:rgba(1,64,153,0.8); border-radius:12px 0 0 0; }
.popupZone #popbox .pageall { position:relative; display:inline-block; vertical-align:top;  }
.popupZone #popbox .pageall {  height:55px; text-align:center; font-size:15px; font-weight:500; margin:0 0 0 29px;}
.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:55px; vertical-align:middle; line-height:55px;  color:#fff;  padding:0 0 0 12px; margin-left:11px; position:relative; }
.popupZone #popbox .pageall .total:before { content:""; display:block; width:1px; height:11px; background:#cccccc; position:absolute; left:0; top:22px; }

#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:55px; font-size:15px; margin-left:0px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:55px; line-height:55px; font-size:15px; color:#f2be5c; 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:20px 0 0 17px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p { width:7px;  float:left; margin-right:8px; }
.popupZone #popbox .control p a { display:block; width:100%; height:12px; 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:9px;  }
.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 .control p.more { width:18px; height:17px; margin-left:12px; margin-right:0; margin-top:-3px; }
.popupZone #popbox .control p.more a { background:url(../images/main/pop_more.png) left top no-repeat; height:17px;}

/*퀵메뉴*/
.quick_cont { z-index:1; clear:both; width:100%; height:155px; margin-bottom:60px; }
.quick_cont:before { content:""; display:block; width:calc(100% + 260px); height:100%; position:absolute; left:0; top:0; background: rgb(32,169,229);
background: linear-gradient(90deg, rgba(32,169,229,1) 0%, rgba(0,135,205,1) 100%); border-radius:15px 0 0 15px; }

.quick_cont .titlebox { line-height:36px; float:left; text-align:center; width:141px; position:relative; margin-left:7px; height:155px; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold; padding-top:40px;}
.quick_cont .titlebox:before { content:""; display:block; width:1px; height:67px; background:#84d0f0; position:absolute; right:0; top:44px; }
.quick_cont .titlebox span { display:block; font-weight:500; font-size:14px; color:#57edc1; line-height:33px; }

.quick_cont .qslick { float:right; width:calc(100% - 183px); box-sizing:border-box; padding:0 34px; margin:17px 0 0px; position:relative;}

.quick_cont #quick_slick {  }
.quick_cont #quick_slick .slick-slide { height:120px; min-width:122px; text-align:center; margin-right:42px; }
.quick_cont #quick_slick .slick-slide a { display:block; width:100%; height:120px; box-sizing:border-box; padding:0 15px; border-radius:12px; }
.quick_cont #quick_slick .slick-slide a:before { }
.quick_cont #quick_slick .slick-slide a span { position:relative; z-index:1; }
.quick_cont #quick_slick .slick-slide a .ic { display:block; width:100%; height:80px; }
.quick_cont #quick_slick .slick-slide .qi1 span.ic  { background:url(../images/main/q_ic1.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi2 span.ic  { background:url(../images/main/q_ic2.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi3 span.ic  { background:url(../images/main/q_ic3.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi4 span.ic  { background:url(../images/main/q_ic4.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi5 span.ic  { background:url(../images/main/q_ic5.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide .qi6 span.ic  { background:url(../images/main/q_ic6.png) center 26px no-repeat; }
.quick_cont #quick_slick .slick-slide a .txt { display:block; width:100%; line-height:30px; font-size:16px; color:#fff; }

.quick_cont #quick_slick .slick-slide a:hover { background: rgb(90,194,235);
background: linear-gradient(300deg, rgba(90,194,235,1) 0%, rgba(99,204,229,1) 100%); }

.quick_cont .main_btn li { position:absolute; top:45px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn03 { right:0; }
.quick_cont .main_btn li a { display:block; width:17px; height:31px; text-indent:-99999px; }
.quick_cont .main_btn li.qbtn01 a { background:url(../images/main/q_bt1.png) left top no-repeat; }
.quick_cont .main_btn li.qbtn03 a { background:url(../images/main/q_bt3.png) left top no-repeat; }




/*월중행사 type1*/
.sch_cont { width:496px; height:405px; background:none; border-bottom:1px solid #ddd; margin-right:50px; }
.sch_cont h3 {font-size:32px; color:#000; height:51px; box-sizing:border-box; padding-top:4px;}
.sch_cont h3 span { color:#0087cd; }

.sch_cont .main_btn { position:absolute; right:0px; top:0px; }
.sch_cont .main_btn:after { content:""; display:block; clear:both; }
.sch_cont .main_btn li { float:left; display:inline-block; margin-left:9px; }
.sch_cont .main_btn li a { display:block; text-indent:-9999px; width:35px; height:35px; box-sizing:border-box; border:1px solid #ddd; border:1px solid #ddd; border-radius:50%; }
.sch_cont .main_btn li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.sch_cont .main_btn li.sbtn03 a { background:#fff url(../images/main/sch_bt3.png) center center no-repeat; }
.sch_cont .main_btn li.more a { background: rgb(35,52,155);
background:url(../images/main/sch_more.png) center center no-repeat, linear-gradient(140deg, rgba(35,52,155,1) 0%, rgba(60,190,225,1) 100%); }
.sch_cont .tradius { padding-bottom:10px; border-bottom:2px solid #000000; margin-bottom:18px; }
.sch_cont table { border-collapse:collapse; border-left:1px solid #ddd; border-top:1px solid #ddd; width:100%; box-sizing:border-box; text-align:center; }
.sch_cont table th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#ebeff2; font-weight:400; padding:14px 0; font-size:16px; color:#333;}
.sch_cont table th.sunday { color:#f23545; }
.sch_cont table th.saturday { color:#014099; }
.sch_cont table td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:9px 0; }
.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; }

#schedule_content { padding:0 30px; }
#schedule_content .slick-slide {  margin-bottom:9px; border:0 none; height:40px; }
#schedule_content .sch_item a { display:block; width:100%;  }
#schedule_content .sch_item a dl:after { content:""; display:block; clear:both; }
#schedule_content .sch_item a dl dt { float:left; width:130px; height:40px; text-align:center; line-height:40px; border-radius:150px; color:#fff; font-size:16px; font-weight:500; }
#schedule_content .slick-slide:nth-child(odd) a dl dt { background:#014099; }
#schedule_content .slick-slide:nth-child(even) a dl dt {  background:#0087cd;}
#schedule_content .sch_item a dl dd { float:right; width:calc(100% - 158px); height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; }
#schedule_content .sch_item a:hover dl dd { font-weight:500; color:#111; }


/*교과게시판*/
.studybox { width:854px; height:145px; margin-bottom:50px; }
.studybox h3 {font-size:32px; color:#000; height:51px; box-sizing:border-box; padding-top:4px;}
.studybox h3 span { color:#0087cd; }
.studybox ul { }
.studybox ul:after { content:""; display:block; clear:both; }
.studybox ul li { float:left; width:calc(33% - 16px); }
.studybox ul li:nth-child(2) { width:calc(34% - 18px); margin:0 25px; }

.studybox ul li a { display:block; width:100%; height:95px; line-height:95px; font-size:18px; color:#333; font-weight:500; border-radius:15px 0 15px;  padding:0 30px; box-sizing:border-box; box-shadow:0 0 0 rgba(0,0,0,0.12); transition:all 0.4s; }
.studybox ul li a:hover {box-shadow:4px 7px 5px rgba(0,0,0,0.15); }
.studybox ul li:nth-child(1) a { background:#dcf7ed url(../images/main/ban_ic1.png) right bottom 5px no-repeat; }
.studybox ul li:nth-child(2) a { background:#cfedfa url(../images/main/ban_ic2.png) right bottom no-repeat; }
.studybox ul li:nth-child(3) a { background:#c4daf8 url(../images/main/ban_ic3.png) right bottom 10px no-repeat; }

.studybox ul li a span { display:inline-block; vertical-align:top; width:26px; height:26px; border-radius:50%; background:#fff url(../images/main/ban_arrow.png) center center no-repeat; margin:34px 0 0 25px; transition:all 0.4s; }
.studybox ul li a:hover span { margin-left:35px; }


/*급식*/
.food { width:268px; height:210px; border-radius:15px; overflow:hidden; background:#e9f4ff url(../images/main/food_bg.png) right bottom 17px no-repeat; box-shadow:4px 7px 5px rgba(0,0,0,0.14); margin-right:25px; padding:30px 30px 0;}
.food h3 {font-size:24px;  box-sizing:border-box; }
.food h3 a {color:#000; }
.food h3 span { color:#0087cd; }

.food .txt { font-size:16px; color:#555; letter-spacing:-0.5px; margin:8px 0 7px; }
.food .more { }
.food .more a { font-size:15px; color:#333; display:inline-block; border-bottom:1px solid #333; line-height:18px; }
.food .more a span { margin:5px 0 0 4px; display:inline-block; vertical-align:top; width:9px; height:9px; background:url(../images/main/f_more.png) left top no-repeat; }

/*학생학부모바로가기*/
.main_student { position:relative; width:561px; height:210px; }
.main_student dt { position:absolute; right:0; top:17px; z-index:1; width:75px;}
.main_student dt.center { top:105px; }
.main_student dt a { background:#969da8; color:#333333; font-size:17px; height:88px; width:100%; display:flex; align-items:center; justify-content:center; border-radius:0 12px 12px 0; font-weight:500; color:#fff; box-shadow:4px 7px 5px rgba(0,0,0,0.14);}
.main_student dt.on a{ background:#109cda;  }

.main_student dd { position:relative; width:calc(100% - 75px); height:210px; box-sizing:border-box; border:1px solid #d5d5d5;   background:#fff; display:none; overflow:hidden;  padding:16px 0px;  box-shadow:4px 7px 5px rgba(0,0,0,0.14); border-radius:12px;}
.main_student dd.first { display:block; }
.main_student .tep_scbox {overflow-y:auto; height:176px; position:relative; }
.main_student dd:before { content:""; display:block; width:1px; height:calc(100% - 32px); background:#dddddd; position:absolute; left:calc(50% - 1px); top:16px; }

.main_student dd ul {margin:0 auto; width:100%; box-sizing:border-box; }
.main_student dd ul li{float:left; width:50%; box-sizing:border-box; padding:0 30px; }
.main_student dd ul li a{ display:block; height:42px; line-height:42px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 29px; box-sizing:border-box; position:relative; }
.main_student dd ul li a:before { content:""; display:block; width:10px; height:10px; position:absolute; left:0; top:16px; background: rgb(242,190,92);
background: linear-gradient(180deg, rgba(242,190,92,1) 0%, rgba(242,160,7,1) 100%); }
.main_student dd ul li a:hover{ font-weight:500; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { position:relative; margin-top:60px;}
#gal_cont .default_layout:before { content:""; display:block; width:calc(100% + 419px); height:100%; border-radius:0 100px 150px 0; background: rgb(219,242,248);
background: linear-gradient(90deg, rgba(219,242,248,1) 0%, rgba(227,244,239,1) 100%); position:absolute; left:-260px; top:0; }
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; min-height:470px; position:relative; z-index:1; background:none;  }
.galleryGroup h3 { height:118px; box-sizing:border-box; text-align:center; padding:64px 0 0 0; }
.galleryGroup h3 a { font-size:32px; color:#000; }
.galleryGroup h3 a span { color:#0087cd; }
.galleryGroup .main_btn { position:absolute; right:0px; top:58px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; display:inline-block; margin-left:9px; }
.galleryGroup .main_btn li a { display:block; text-indent:-9999px; width:35px; height:35px; box-sizing:border-box; border:1px solid #ddd; border:1px solid #ddd; border-radius:50%; }
.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/gbt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#fff url(../images/main/gbt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a { background: rgb(35,52,155);
background:url(../images/main/sch_more.png) center center no-repeat, linear-gradient(140deg, rgba(35,52,155,1) 0%, rgba(60,190,225,1) 100%); }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0; }
.galleryGroup .slick-slide { width:323px; height:293px; margin:0 36px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:293px; width:100%; box-sizing:border-box; border-bottom:1px solid #999999; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:215px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important; border-radius:15px; margin-bottom:16px; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .pic span.g_date { display:block; position:absolute; right:0; bottom:0; width:136px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:17px; font-weight:500; border-radius:10px 0 0 0; background:rgba(35,52,155,0.8); }
.galleryGroup .slick-slide .gitem .pic span.bg { display:block; position:absolute; left:0; top:0; width:0%; height:100%; background:rgba(0,0,0,0.3) url(../images/main/gal_more.png) center center no-repeat; transition:width 0.5s; }
.galleryGroup .slick-slide .gitem:hover .pic span.bg { width:100%; }

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

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

.galleryGroup .slick-slide .gitem:hover .pic::before { border-top-color:#54e8c4; border-right-color:#41c6db; }
.galleryGroup .slick-slide .gitem:hover .pic::after {  border-bottom-color:#3fc3de; border-left-color:#53e6c6; }



.galleryGroup .slick-slide .gitem .g_sub {  /* 여러 줄 자르기 추가 스타일 */
 overflow:hidden; font-size:17px; color:#333; font-weight:500;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  }
.galleryGroup .slick-slide .gitem a:hover .g_sub { font-weight:bold; }





/*배너모음*/
#banner {  position:relative; width:100%; box-sizing:border-box; height:89px;  }
#banner:after { content:""; display:block; clear:both; }
#banner h3 { font-size:24px; color:#000; padding-top:32px; }
#banner h3 span { color:#0087cd; }
#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 25px;  }
#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; background:#109cda url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box; border-radius:7px 0 7px 0; box-shadow:2px 3px 4px rgba(0,0,0,0.15);} 

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


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

/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; 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 { right: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:320px; }

.visual_wrap .slick-dots { position:absolute; left:15px; bottom:50px; }

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


/*아이콘바로가기*/
.ic_slick { float:left; width:94%; position:relative; left:inherit; top:inherit; box-sizing:border-box; padding:0 17px 0 30px; margin:0 3% 20px; }
.ic_slick .main_btn li { position:absolute; top:38px; }
.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:12px; height:30px; text-indent:-99999px; }
.ic_slick .main_btn li.ibtn01 a { background:url(../images/main/ibt1.png) left top no-repeat; }
.ic_slick .main_btn li.ibtn03 a { background:url(../images/main/ibt3.png) left top no-repeat; }


/*공지사항 type1*/
.noticeGroup{ width:94%;  }
.noticeGroup:before { content:""; display:block; width:100%; height:69px; background:#366ec9; position:absolute; left:0; top:0; }
.noticeGroup h3 {float:left; position:relative; z-index:1;  width:calc(31% - 20px); margin:13px 1% 0 !important;}
.noticeGroup h3.btn1 { }
.noticeGroup h3 a { font-size:16px; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ background:#fff; color:#000; }

.noticeGroup div.tabcontent {position:absolute;left:0; top:69px; width:100%; display:none; box-sizing:border-box; padding:0 19px 0;}

.noticeGroup div.tabcontent .more { position:absolute; right:15px; top:-56px; }
.noticeGroup div.tabcontent .more a { display:block; width:43px; height:43px;  }

/*퀵메뉴*/
.quick_cont { z-index:1; clear:both; width:94%; height:155px; margin-bottom:60px; }

.quick_cont .titlebox { line-height:36px; float:left; text-align:center; width:141px; position:relative; margin-left:7px; height:155px; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold; padding-top:40px;}
.quick_cont .titlebox:before { content:""; display:block; width:1px; height:67px; background:#84d0f0; position:absolute; right:0; top:44px; }
.quick_cont .titlebox span { display:block; font-weight:500; font-size:14px; color:#57edc1; line-height:33px; }

.quick_cont .qslick { float:right; width:calc(100% - 183px); box-sizing:border-box; padding:0 34px; margin:17px 0 0px; position:relative;}

.quick_cont #quick_slick {  }
.quick_cont #quick_slick .slick-slide { height:120px; min-width:122px; text-align:center; margin-right:22px; }
.quick_cont #quick_slick .slick-slide a { display:block; width:100%; height:120px; box-sizing:border-box; padding:0 5px; border-radius:12px; }
.quick_cont #quick_slick .slick-slide a:before { }
.quick_cont #quick_slick .slick-slide a span { position:relative; z-index:1; }
.quick_cont #quick_slick .slick-slide a .ic { display:block; width:100%; height:70px; }
.quick_cont #quick_slick .slick-slide a .txt { display:block; width:100%; line-height:22px; font-size:14px; color:#fff; }

.quick_cont #quick_slick .slick-slide a:hover { background: rgb(90,194,235);
background: linear-gradient(300deg, rgba(90,194,235,1) 0%, rgba(99,204,229,1) 100%); }

.quick_cont .main_btn li { position:absolute; top:45px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn03 { right:0; }


/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { position:relative; margin-top:0px;}
.galleryGroup{ margin:0px 0 20px 3% !important; width:97%; padding-bottom:15px; height:auto; min-height:20px; position:relative; z-index:1; background:none;  }
.galleryGroup h3 { height:auto; box-sizing:border-box; text-align:center; padding:40px 0 20px 0; }
.galleryGroup h3 a { font-size:24px; color:#000; }
.galleryGroup .main_btn { position:absolute; right:3%; top:32px; }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0; }
.galleryGroup .slick-slide {  margin:0 36px 0 0; box-sizing:border-box; padding:0px 0 0 0; }



/*배너모음*/
#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:30px;}
#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) {
/*교과게시판*/
.studybox { height:auto; }
.studybox ul { }
.studybox ul:after { content:""; display:block; clear:both; }
.studybox ul li { float:left; width:100%; }
.studybox ul li:nth-child(2) { width:100%; margin:20px 0; }

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

}

@media all and (max-width:719px) {
/*퀵메뉴*/
.quick_cont { z-index:1; clear:both; width:94%; height:auto; margin-bottom:60px; padding:0 0 15px; background: rgb(32,169,229);
background: linear-gradient(90deg, rgba(32,169,229,1) 0%, rgba(0,135,205,1) 100%); border-radius:15px;}
.quick_cont:before { display:none; }

.quick_cont .titlebox { line-height:24px; float:left; text-align:left; width:141px; position:relative; margin-left:3%; height:auto; box-sizing:border-box; font-size:24px; color:#fff; font-weight:bold; padding-top:10px;}
.quick_cont .titlebox:before { display:none;}
.quick_cont .titlebox span { display:block; font-weight:500; font-size:14px; color:#57edc1; line-height:33px; }

.quick_cont .qslick { float:right; width:94%; box-sizing:border-box; padding:0 15px 0 34px; margin:17px 3% 0px; position:relative;}

.quick_cont #quick_slick {  }
.quick_cont #quick_slick .slick-slide { height:120px; min-width:10px; text-align:center; margin-right:22px; }
.quick_cont #quick_slick .slick-slide a { display:block; width:100%; height:120px; box-sizing:border-box; padding:0 5px; border-radius:12px; }
.quick_cont #quick_slick .slick-slide a:before { }
.quick_cont #quick_slick .slick-slide a span { position:relative; z-index:1; }
.quick_cont #quick_slick .slick-slide a .ic { display:block; width:100%; height:70px; }
.quick_cont #quick_slick .slick-slide a .txt { display:block; width:100%; line-height:22px; font-size:14px; color:#fff; }

.quick_cont #quick_slick .slick-slide a:hover { background: rgb(90,194,235);
background: linear-gradient(300deg, rgba(90,194,235,1) 0%, rgba(99,204,229,1) 100%); }

.quick_cont .main_btn li { position:absolute; top:45px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn03 { right:0; }


.galleryGroup{ margin:0px 3% 20px 3% !important; width:94%; padding-bottom:0px; height:auto; min-height:20px; position:relative; z-index:1; background:none;  }
.galleryGroup h3 { height:auto; box-sizing:border-box; text-align:left; padding:40px 0 20px 0; }
.galleryGroup h3 a { font-size:24px; color:#000; }
.galleryGroup .main_btn { position:absolute; right:0; top:32px; }

.galleryGroup #gallery_scroll { width:100%; height:auto; margin:0px 0 0; }
.galleryGroup .slick-slide {  margin:0 0 25px 0; box-sizing:border-box; padding:0px 0 0 0; }

}

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

}

@media all and (max-width:550px) {
#schedule_content { padding:0 10px; }
#schedule_content .sch_item a dl dt { float:left; width:70px; height:40px; text-align:center; line-height:40px; border-radius:150px; color:#fff; font-size:16px; font-weight:500; }
#schedule_content .slick-slide:nth-child(odd) a dl dt { background:#014099; }
#schedule_content .slick-slide:nth-child(even) a dl dt {  background:#0087cd;}
#schedule_content .sch_item a dl dd { float:right; width:calc(100% - 82px); height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; }

/*학생학부모바로가기*/
.main_student { position:relative; height:auto; }
.main_student dd::before { display:none; }
.main_student dd ul li{float:left; width:100%; box-sizing:border-box; padding:0 30px; }




/*배너모음*/
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; }	
	
}