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


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

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

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

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

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


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



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

.visual_txt { position:absolute; z-index:1; width:100%; max-width:1350px; box-sizing:border-box;  left:50%; top:218px; transform:translateX(-50%);   }
.vi_anibox { position:relative; padding:38px 30px; display:inline-block; -webkit-animation: focus-in-expand-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.vi_anibox span.line { position:absolute; display:block; width:193px; height:79px; }
.vi_anibox span.line:before { content:""; display:block; width:100%; height:2px; position:absolute; left:0; top:8px; background:#fff; }
.vi_anibox span.line:after { content:""; display:block; width:2px; height:100%; position:absolute; left:10px; top:0; background:#fff; }

.vi_anibox span.line1 { left:0; top:0; }
.vi_anibox span.line2 { right:0; bottom:0; transform:rotate(180deg); }

.vi_anibox p.t1 { padding:0 20px; font-size:40px; line-height:60px; color:#fff; font-weight:bold; letter-spacing:-1px; text-shadow:2px 2px 5px rgba(0,0,0,0.7); }
.vi_anibox p.t1 span { font-size:48px; color:#dee8ff; -webkit-animation: color-txt1 0.8s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: color-txt1 0.8s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
.vi_anibox p.t2 { padding:0 20px; font-size:40px; line-height:60px; color:#fff; font-weight:bold; letter-spacing:-1px; text-shadow:2px 2px 5px rgba(0,0,0,0.7);}
.vi_anibox p.t2 span { font-size:48px; color:#fccbea; -webkit-animation: color-txt2 0.8s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: color-txt2 0.8s 1.3s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
.vi_anibox p.vi_eng { padding:5px 20px; background:rgba(47,91,193,0.5); color:#fff; font-size:24px; font-weight:600; letter-spacing:-1px; }


.visual_wrap .vbtbox { position:absolute; width:100%; max-width:1350px;  left:50%; transform:translateX(-50%); top:485px; box-sizing:border-box; padding:0 3%; }
.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:rgba(0,0,0,0.3) url(../images/main/v_bt1.png) left top no-repeat;  }
.visual_wrap .v_stop a { background:rgba(0,0,0,0.3) 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 .mouse { position:absolute; left:50%; transform: translateX(-50%); bottom:45px; text-align:center; }
.visual_wrap .mouse .ic { height:57px; background:url(../images/main/scroll_bg.png) center top no-repeat; width:47px; margin:0 auto -3px; position:relative; top:0; -webkit-animation: scroll-top 0.9s infinite cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scroll-top 0.9s infinite cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.visual_wrap .mouse .txt { font-size:18px; color:#fff; font-weight:500; text-shadow:0px 0px 5px rgba(0,0,0,0.7); }

@-webkit-keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes focus-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@-webkit-keyframes color-txt1 {
  0% {
    color:#fff;
  }
  100% {
    color:#dee8ff;
  }
}
@keyframes color-txt1 {
  0% {
    color:#fff;
  }
  100% {
    color:#dee8ff;
  }
}

@-webkit-keyframes color-txt2 {
  0% {
    color:#fff;
  }
  100% {
    color:#fccbea;
  }
}
@keyframes color-txt2 {
  0% {
    color:#fff;
  }
  100% {
    color:#fccbea;
  }
}

@-webkit-keyframes scroll-top {
  0% {
    top:0;
  }
  50% {
    top:-8px;
  }
  100% {
    top:0px;
  }
}
@keyframes scroll-top {
  0% {
    top:0;
  }
  50% {
    top:-8px;
  }
  100% {
    top:0px;
  }
}

/*바로가기*/
.quick_cont { width:333px; height:auto; position:absolute; right:0; top:99px; z-index:2; }
.quick_cont h3 { width:100%; height:74px; line-height:72px; box-sizing:border-box; border:1px solid #dddddd; border-radius:0 0 0 32px; overflow:hidden; padding:0 0 0 50px; background:#2f5bc1 url(../images/main/qbg.png) right bottom no-repeat; font-size:24px; color:#fff; }
.quick_cont ul { padding:0 0 0 43px; }
.quick_cont ul li { }
.quick_cont ul li a { display:block; width:100%; height:71px; box-sizing:border-box; border:1px solid #ddd; border-top:0 none; line-height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 29px; font-size:18px; color:#fff; font-weight:bold; background:rgba(0,0,0,0.35); transition:all 0.4s; }
.quick_cont ul li a:hover { background:rgba(0,0,0,0.7); }
.quick_cont ul li a span { font-weight:600; text-decoration:underline; padding:0 1px 0 2px; margin-right:20px; }


.default_layout1:before { content:""; display:block; width:2309px; height:265px; position:absolute; left:-161px; border-radius:150px 0 0 150px; top:278px; background: rgb(249,251,254);
background: linear-gradient(90deg, rgba(249,251,254,1) 0%, rgba(230,237,252,1) 100%); }

/*공지사항 type1*/
.noticeGroup{ width:816px; height:360px; border-radius:10px; border:1px solid #ddd; padding:0 24px 0;}

.noticeGroup .noti_title { position:absolute; left:24px; top:27px; font-size:24px; color:#000; font-weight:600; }

.noticeGroup .flexbox { display:flex; justify-content: flex-end; padding-right:24px;}
.noticeGroup h3 { margin-top:28px; }
.noticeGroup h3 a { display:block; padding:0 20px 0 26px; position:relative; font-size:20px; color:#666; font-weight:500; background:url(../images/main/noti_dot1.png) left 7px no-repeat; }
.noticeGroup h3 a span { display:inline-block; position:relative; }
.noticeGroup h3 a span:before { content:""; display:block; width:0%; transition:width 0.4s; height:4px; background:#2f5bc1; position:absolute; left:0; bottom:-17px; z-index:1; }

.noticeGroup h3.btn1 a { background:none; }
.noticeGroup .on_check .btn a { display:block; font-weight:600; color:#333; }
.noticeGroup .on_check .btn a span:before { width:100%; }

.noticeGroup .on_check .tabcontent{display:block;}

.noticeGroup div.tabcontent {position:absolute;left:24px; top:68px;width:calc(100% - 48px); display:none; border-top:1px solid #aaaaaa; padding-top:10px;}
.noticeGroup div ul { }
.noticeGroup div ul li { width:100%; line-height:44px !important; height:45px; letter-spacing:-0.5px; border-bottom:1px #dddddd dashed; font-size:14px; box-sizing:border-box;  }
.noticeGroup div ul li a {float:left; width:70%; box-sizing:border-box; padding:0 0 0 22px; color:#333;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; position:relative; }
.noticeGroup div ul li.board_notice a { padding:0 0 0 60px; }
.noticeGroup div ul li a:before { content:""; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:6px; top:18px; background:#2f5bc1; }
.noticeGroup div ul li.board_notice a:before { content:"공지"; width:53px; height:27px; line-height:27px; border-radius:150px; left:0; top:8px; background:#dee8ff; color:#2f5bc1; font-weight:600; text-align:center; }

.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#777777; font-size:15px; }
.noticeGroup div ul li img { display:none !important; }
.noticeGroup div ul li:last-child {border-bottom:0px; }

.noticeGroup div p.more {position:absolute; clear:both; right:0; top:-41px; }
.noticeGroup div p.more a { display:block; width:23px; height:23px; border-radius:50%; text-indent:-999999px; border-radius:50%; background:#e1e7ec url(../images/main/more1.png) center center no-repeat; }

 

/*팝업*/
.popupZone {  position:relative; margin:0 0 30px 0px; width:503px; height:225px; float:right; border-radius:10px; border:1px solid #ddd; overflow:hidden; padding:0 28px 0;}
.popupZone h3 { line-height:25px; text-transform:uppercase; color:#000; height:67px; font-weight:600; font-size:24px; padding:27px 0 0 0; letter-spacing:-1.5px; box-sizing:border-box; }
 
.popupZone #popbox { position:absolute !important; left:28px; top:67px; height:127px; width:calc(100% - 56px); box-sizing:border-box;   }
.popupZone #popbox li { height:127px; width:100%;   overflow:hidden; box-sizing:border-box; }
.popupZone #popbox li a { display:block; width:100%; height:127px;   }
.popupZone #popbox li img { width:100%; height:127px; }
.popupZone #popbox li.no_pop {  }
.popupZone .pbtbox { position:absolute; right:28px; top:28px; z-index:111;  }
.popupZone .pbtbox:after { content:""; display:block; clear:both; }
.popupZone .pageall { position:relative; float:left;  }
.popupZone .pageall {  height:25px; text-align:center; font-size:16px; font-weight:400; color:#333;}
.popupZone .pageall:after { content:""; display:block; clear:both; }
.popupZone .pageall .external { display:inline-block; vertical-align:middle; }
.popupZone .pageall .total { display:inline-block; height:25px; vertical-align:middle; line-height:25px;  margin-left:3px; position:relative;  }

#adv-custom-pager2 span { display:none; text-indent:-99999px; text-align:left;}
#adv-custom-pager2 span.cycle-pager-active { display:block; height:25px; font-size:16px; margin-left:0px; position:relative; overflow:hidden; }
#adv-custom-pager2 span.cycle-pager-active::before{ display:block; width:100%; height:25px; line-height:25px; font-size:16px; color:#2f5bc1; font-weight:bold; text-indent:0; text-align:right;    }
#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 .btcir {  float:left; margin:7px 0 0 22px;}
.popupZone .control { position:relative; float:left;  }
.popupZone .control:after { content:""; display:block; clear:both; }
.popupZone .control p { width:7px;  float:left; }
.popupZone .control p.play { margin:0 10px; }
.popupZone .control p a { display:block; width:100%; height:13px; text-indent:-999999px; }
.popupZone .control p#prev1 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.popupZone .control p.play a {  background:url(../images/main/p_bt2.png) left top no-repeat; }
.popupZone .control p#next1 a { background:url(../images/main/p_bt3.png) left top no-repeat;}

.popupZone .pbtbox p.more { float:left; margin-left:11px; }
.popupZone .pbtbox p.more a {  display:block; width:13px; height:13px; 
background:url(../images/main/more2.png) center center no-repeat; text-indent:-99999px; }

/*영상*/
.movbox { width:503px; height:105px; overflow:hidden; border-radius:10px; float:right; margin:0 0 70px 0; }
.movbox:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/main/mov_bg.png) center top no-repeat; }
.movbox:hover:before { -webkit-animation: kenburns-top 3s ease-out both;
	        animation: kenburns-top 3s ease-out both; }
.movbox a { display:block; width:100%; height:105px; position:relative; z-index:1; box-sizing:border-box; padding:29px 0 0 29px; }
.movbox a h3 { line-height:24px; color:#fff; font-size:24px; font-weight:600; }
.movbox a p.txt { color:#fff; line-height:24px; font-size:14px; margin-top:5px; }
.movbox a p.go { width:177px; height:63px; line-height:63px; box-sizing:border-box; background:#fff; border-radius:30px 0 0 0; font-size:18px; color:#000; position:absolute; right:0; bottom:0; text-align:center; }
.movbox a p.go span { display:inline-block; vertical-align:top; width:19px; height:22px; margin:21px 0 0 19px; background:url(../images/main/mov_bt.png) left top no-repeat; }
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

/*학생학부모바로가기*/
.sl_box { float:left; width:660px;  height:235px; z-index:1; position:relative;  background:none; clear:both; box-sizing:border-box; overflow:hidden;}
.sl_box .titlebox {   }
.sl_box .titlebox ul {   }
.sl_box .titlebox ul:after { content:""; display:block; clear:both; }
.sl_box .titlebox ul li { float:left; width:146px; }
.sl_box .titlebox ul li a { display:block; width:100%; height:46px; line-height:45px; box-sizing:border-box; border-radius:10px 10px 0 0; border:1px solid #ddd; border-bottom:0 none; background:#ebeff2; font-size:18px; color:#777777; text-align:center;  }
.sl_box .titlebox ul li.current a { color:#fff; border-color:#2f5bc1; background:#2f5bc1; font-weight:bold; }

.sl_box .tabcontent { float:left; width:100%; opacity:0; left:-999999px; top:0; position:absolute; height:185px; box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:29px 0 0 0; }
.sl_box .tabcontent .q_btn { position:absolute; right:0; top:-41px;  }
.sl_box .tabcontent .q_btn li { width:30px; float:left; }
.sl_box .tabcontent .q_btn li.next_ic { margin-left:19px; }
.sl_box .tabcontent .q_btn li a { display:block; width:100%; height:30px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-99999px; }
.sl_box .tabcontent .q_btn li.prev_ic a { background:#fff url(../images/main/t_bt1.png) center center no-repeat; }
.sl_box .tabcontent .q_btn li.next_ic a { background:#fff url(../images/main/t_bt2.png) center center no-repeat; }
.sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 

.sl_box .tabcontent .qitem { }
.sl_box .tabcontent .qitem:after { content:""; display:block; clear:both; }
.sl_box .tabcontent .qitem ul { float:left; width:33%; padding:0 30px 0; box-sizing:border-box; position:relative; height:125px;}
.sl_box .tabcontent .qitem ul:before { content:""; display:block; width:1px; height:100%; position:absolute; right:0; top:0; border-left:1px dashed #ddd; box-sizing:border-box; }
.sl_box .tabcontent .qitem ul:nth-child(3):before { display:none; }
.sl_box .tabcontent .qitem ul li { height:25px; }
.sl_box .tabcontent .qitem ul li a { display:block; width:100%; height:25px; line-height:25px; position:relative; box-sizing:border-box; padding:0 0 0 13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; }
.sl_box .tabcontent .qitem ul li a:before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#2f5bc1; position:absolute; left:0; top:11px; }
.sl_box .tabcontent .qitem ul li a:hover { font-weight:bold; color:#2f5bc1;}

/*급식*/
.food { width:315px; height:235px; border-radius:10px; border:1px solid #ddd; margin:0 30px 0; padding:0 29px 0; }
.food h3 { height:69px; box-sizing:border-box; padding:28px 0 0; }
.food h3 a { font-size:24px; color:#000; font-weight:600; }

.food .f_today { position:relative; text-align:center; }
.food .f_today:before { content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; left:0; top:16px; }
.food .f_today span { display:block; border-radius:150px; position:relative; margin:0 auto 0; background:#2f5bc1; text-align:center; height:32px; line-height:32px; width:116px; font-size:16px; color:#fff; font-weight:600; z-index:1; }

.food .ftxt { margin-top:14px; }
.food .ftxt a { display:block;  /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
	font-size:16px; color:#666; overflow:hidden;
    line-height: 24px;
    height: 96px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.food .ftxt a:hover { color:#333; font-weight:600; }
.food p.more {position:absolute; clear:both; right:29px; top:28px; }
.food p.more a { display:block; width:23px; height:23px; border-radius:50%; text-indent:-999999px; border-radius:50%; background:#e1e7ec url(../images/main/more1.png) center center no-repeat; }

/*월중행사 type1*/
.schedule { width:315px; height:235px; border-radius:10px; border:1px solid #ddd; padding:0 29px 0;}
.schedule h3 { height:69px; box-sizing:border-box; padding:28px 0 0; }
.schedule h3 a { font-size:24px; color:#000; font-weight:600; }

#schedule_scroll { height:141px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
#schedule_scroll::-webkit-scrollbar {
    width: 5px;  
}

#schedule_scroll::-webkit-scrollbar-thumb {
    background: #999999; /* 스크롤바 색상 */
    border-radius: 150px; /* 스크롤바 둥근 테두리 */
}

#schedule_scroll::-webkit-scrollbar-track {
    background: #d3dadf;  /*스크롤바 뒷 배경 색상*/
}
#schedule_content li { height:38px; margin-bottom:9px; }
#schedule_content li a { display:block; width:100%; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 5px 0 96px; font-size:18px; color:#333; letter-spacing:-0.5px; box-sizing:border-box; }
#schedule_content li a span { display:block; position:absolute; left:0; top:0; width:86px; height:38px; text-align:center; line-height:36px; box-sizing:border-box; border:1px solid #2f5bc1; background:#fff; font-size:18px; color:#2f5bc1; transition:all 0.4s; border-radius:150px; font-weight:600; }
#schedule_content li a:hover { font-weight:600; }
#schedule_content li a:hover span { color:#fff; background:#2f5bc1; }
#schedule_content li.None a { padding:0 0 0 0; }

.schedule p.more {position:absolute; clear:both; right:29px; top:28px; }
.schedule p.more a { display:block; width:23px; height:23px; border-radius:50%; text-indent:-999999px; border-radius:50%; background:#e1e7ec url(../images/main/more1.png) center center no-repeat; }



/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:70px 0 0px 0px; width:100%; height:auto; min-height:327px; z-index:1; }
.galleryGroup .default_layout { }
.galleryGroup .default_layout:before { content:""; display:block; width:648px; height:239px; border-radius:0 150px 150px 0; background: rgb(230,237,252);
background: linear-gradient(90deg, rgba(230,237,252,1) 0%, rgba(249,251,254,1) 100%); position:absolute; left:-285px; z-index:-1; top:88px; }

.galleryGroup .titlebox { float:left; width:199px; }
.galleryGroup .titlebox h3 { }
.galleryGroup .titlebox h3 a { display:inline-block; position:relative; font-size:24px; color:#000; padding:30px 0px 0 0; font-weight:600; }
.galleryGroup .titlebox h3 a span { color:#2f5bc1; }
.galleryGroup .titlebox .txt { line-height:24px; font-size:15px; color:#fff; letter-spacing:-0.5px; margin:11px 0 42px; }

.galleryGroup .main_btn { position:relative; }
.galleryGroup .main_btn:before { content:""; display:block; width:53px; height:1px; background:#aaa; position:absolute; left:126px; top:22px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:45px; }
.galleryGroup .main_btn li.gbtn03 { margin-left:20px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:45px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-99999px; }
.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }


.galleryGroup .titlebox .more { width:135px; margin:66px 0 47px; }
.galleryGroup .titlebox .more a { display:block; width:100%; height:43px; line-height:41px; box-sizing:border-box; padding:0 30px 0 22px; font-size:18px; color:#305cc1; font-weight:600; position:relative; border:1px solid #305cc1; border-radius:150px; }
.galleryGroup .titlebox .more a:before { content:""; display:block; width:7px; height:14px; background:url(../images/main/g_more.png) left top no-repeat; position:absolute; right:20px; top:14px; transition:right 0.4s; }
.galleryGroup .titlebox .more a:hover:before { right:14px; }

.galleryGroup #gallery_scroll { float:left; width:1436px; position:absolute; left:199px; top:0px; height:265px; overflow:hidden; }
.galleryGroup .slick-slide { width:317px; height:265px; margin:0 23px 0 0; box-sizing:border-box; padding:0px 0 0 3px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:260px; width:calc(100% - 6px); background:#fff; border-radius:18px; overflow:hidden; box-shadow:0px 2px 5px rgba(0,0,0,0.15); }
.galleryGroup .slick-slide .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:3px solid transparent; border-radius:18px;   z-index:1;}
.galleryGroup .slick-slide .gitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:3px solid transparent; border-radius:18px;  z-index:1;}
.galleryGroup .slick-slide .gitem a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

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


.galleryGroup .slick-slide .gitem .pic { width:100%; height:170px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:0; height:0; transition:all 0.4s; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5); }
.galleryGroup .slick-slide .gitem .pic:after { content:""; display:block; width:43px; height:47px; background:url(../images/main/g_more1.png) left top no-repeat; position:absolute; left:calc(50% - 21.5px); top:calc(50% - 23.5px); transition:all 0.4s; opacity:0;}

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

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

.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .g_sub { font-size:18px; font-weight:500; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:15px 30px 15px;}
.galleryGroup .slick-slide .gitem .g_date { text-align:right; font-size:15px; color:#999; padding:0 19px;}
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; width:16px; height:15px; background:url(../images/main/g_date.png) left top no-repeat; margin:0px 4px 0 0; position:relative; top:2px; background-size:cover; }


/*아이콘바로가기*/
.ic_slick { float:left; width:100%; height:auto; box-sizing:border-box; margin:70px 0 0; padding:0px 17px 0 35px; z-index:110; }
.ic_slick .main_btn li { position:absolute; top:58px; }
.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:18px; height:32px; text-indent:-99999px; }
.ic_slick .main_btn li.ibtn01 a { background:url(../images/main/l_bt1.png) left top no-repeat; }
.ic_slick .main_btn li.ibtn03 a { background:url(../images/main/l_bt3.png) left top no-repeat; }

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

#ic_list div a { display:block; width:100%; height:148px; border-radius:13px; background:#fff; box-sizing:border-box; padding-top:20px; box-shadow:0px 2px 5px 0px rgba(0,0,0,0.15); text-align:center; transition:background 0.4s; position:relative; }
#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:13px;   z-index:1;}
#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:13px;  z-index:1;}
#ic_list div a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

#ic_list div a:hover::before { border-top-color:#2f5bc1; border-right-color:#2f5bc1; }
#ic_list div a:hover::after {  border-bottom-color:#2f5bc1; border-left-color:#2f5bc1; }



#ic_list div a .ic { display:block; width:83px; height:83px; position:relative; z-index:1; overflow:hidden; margin:0 auto 10px; border-radius:50%; position:relative; background:#dee8ff; }
#ic_list div a .ic:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
#ic_list div a:hover .ic:before { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }
#ic_list div.ic_l1 a .ic:before { background:url(../images/main/l_ic1.png) center 17px no-repeat; }
#ic_list div.ic_l2 a .ic:before { background:url(../images/main/l_ic2.png) center 17px no-repeat; }
#ic_list div.ic_l3 a .ic:before { background:url(../images/main/l_ic3.png) center 17px no-repeat;  }
#ic_list div.ic_l4 a .ic:before { background:url(../images/main/l_ic4.png) center 17px no-repeat; }
#ic_list div.ic_l5 a .ic:before { background:url(../images/main/l_ic5.png) center 17px no-repeat; }
#ic_list div.ic_l6 a .ic:before { background:url(../images/main/l_ic6.png) center 17px no-repeat; }
#ic_list div.ic_l7 a .ic:before { background:url(../images/main/l_ic7.png) center 17px no-repeat; }
#ic_list div a .txt { display:block; width:100%; font-size:16px; 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);
  }
}



/*배너모음*/
#banner {margin:58px 0 0 0; height:100px;  float:left; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #dddddd;  }
#banner h3 { float:left; letter-spacing:-1px; text-align:left; font-size:22px;   padding:35px 0 0 0;  box-sizing:border-box;  color:#000;}
#banner .main_btn { position:absolute; left:107px; top:34px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; margin-left:9px;}
#banner .main_btn li a { display:block; width:30px; height:30px; text-indent:-99999px; text-align:left; border-radius:50%; border:1px solid #ddd; box-sizing:border-box;}
#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:#ebeff2 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:#dee8ff url(../images/main/b_more.png) center center no-repeat; }

div#banner_scroll {position:absolute;left:285px; top:18px; width:1085px;height:58px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 22px 0px 0; width:195px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:58px; box-sizing:border-box; border:1px #e5e5e5 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%; height:56px; }








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

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

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


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

/*메인비주얼*/
.visual_wrap .slick-slide { width:100%; height:250px; position:relative; }
.visual_txt { position:absolute; z-index:1; width:calc(100% - 30px); max-width:1350px; box-sizing:border-box;  left:15px; top:30px; transform:none;   }
.vi_anibox { position:relative; padding:20px 15px; display:inline-block; -webkit-animation: focus-in-expand-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-expand-fwd 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.vi_anibox span.line { position:absolute; display:block; width:63px; height:79px; }

.vi_anibox p.t1 { padding:0 10px; font-size:20px; line-height:30px; }
.vi_anibox p.t1 span { font-size:28px; }
.vi_anibox p.t2 { padding:0 10px; font-size:20px; line-height:30px; }
.vi_anibox p.t2 span { font-size:28px; }
.vi_anibox p.vi_eng { padding:5px 10px; font-size:14px; margin:10px 0 0 15px; }

.visual_wrap .vbtbox { display:none; }
.visual_wrap .mouse { display:none; }

/*팝업등록*/
.popupZone { padding:0 15px; }
.popupZone #popbox {
  position: absolute !important;
  left: 15px;
  width: calc(100% - 30px);
}
/*바로가기*/
.quick_cont { width:100%; height:auto; position:static; margin:0 0 20px; background:#e6edfc; padding-bottom:20px; }
.quick_cont h3 { width:100%; height:74px; line-height:72px; box-sizing:border-box; border:1px solid #dddddd; border-radius:0 0 0 32px; overflow:hidden; padding:0 0 0 50px; background:#2f5bc1 url(../images/main/qbg.png) right bottom no-repeat; font-size:18px; color:#fff; }
.quick_cont ul { padding:0 0 0 43px; }
.quick_cont ul li { }
.quick_cont ul li a { display:block; width:100%; height:45px; box-sizing:border-box; border:1px solid #ddd; border-top:0 none; line-height:44px;  padding:0 18px; font-size:15px; color:#fff; font-weight:bold; background:rgba(0,0,0,0.35); transition:all 0.4s; }
.quick_cont ul li a:hover { background:rgba(0,0,0,0.7); }
.quick_cont ul li a span { font-weight:600; text-decoration:underline; padding:0 1px 0 2px; margin-right:20px; }

/*홍보영상*/
.movbox::before { background: url(../images/main/mov_bg.png) center center no-repeat; background-size:cover; }

/*학생 학부모바로가기*/
.sl_box { width:94%; margin:0 3% 20px; height:auto; }
.sl_box .titlebox {   }
.sl_box .titlebox ul {   }
.sl_box .titlebox ul:after { content:""; display:block; clear:both; }
.sl_box .titlebox ul li { float:left; width:33%; }
.sl_box .titlebox ul li:nth-child(1) { width:34%; }
.sl_box .titlebox ul li a {   font-size:16px;  }

.sl_box .tabcontent { float:left; width:100%; opacity:0; left:-999999px; top:0; position:absolute; height:auto; box-sizing:border-box; border:1px solid #ddd; background:#fff; padding:15px 0 15px 0; }
.sl_box .tabcontent .q_btn { position:static; text-align:center; margin-top:10px; height:auto; }
.sl_box .tabcontent .q_btn ul { display:flex; justify-content:center; }
.sl_box .tabcontent .q_btn ul:after { content:""; display:block; clear:both; }
.sl_box .tabcontent .q_btn li { width:30px; float:none;  text-align:left;   }
.sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 

.sl_box .tabcontent .qitem { height:140px; overflow-y:auto; padding:0 25px;  box-sizing:border-box;}
.sl_box .tabcontent .qitem:after { content:""; display:block; clear:both; }
.sl_box .tabcontent .qitem ul { float:left; width:100%; padding:5px 0px 15px; box-sizing:border-box; position:relative; height:140px;}
.sl_box .tabcontent .qitem ul:before { content:""; display:block; width:100%; height:1px; position:absolute; right:0; top:inherit; bottom:0; border-left:0 none; border-bottom:1px dashed #ddd; box-sizing:border-box; }
.sl_box .tabcontent .qitem ul:nth-child(3):before { display:none; }


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

/*갤러리*/
.galleryGroup .default_layout:before {   z-index:-1; top:63px; }

.galleryGroup .titlebox { float:none; width:100%; }
.galleryGroup .titlebox h3 { }
.galleryGroup .titlebox h3 a { display:inline-block; font-size:24px; padding:20px 0px 0 0; font-weight:600; }

.galleryGroup .main_btn { position:absolute; right:0; top:38px; }
.galleryGroup .main_btn:before { display:none; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li.gbtn03 { margin-left:10px; }


.galleryGroup .titlebox .more { width:135px; margin:15px 0 20px; }

.galleryGroup #gallery_scroll { float:none; width:97%; margin:0 0 30px 3%; position:inherit; left:inherit; top:inherit; height:auto; overflow:hidden; }
.galleryGroup .slick-slide { margin:0 30px 0 0; }

/*아이콘바로가기*/
.ic_slick { float:left; width:95%; height:auto; box-sizing:border-box; margin:0px 2% 20px 3% !important; padding:0px 15px 0 30px; z-index:110; }
#ic_list .slick-slide { margin-right:20px;  }



/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:10px 0 20px;  }
#banner h3 { float:none; padding:15px 0 0 3%; }
#banner .main_btn { position:absolute; left:inherit; right:3%; top:15px; }

div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; 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) {

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

}

@media all and (max-width:719px) {
.galleryGroup { margin:0 3% 0 !important; }
.galleryGroup #gallery_scroll { width:94%; margin:0 3% 0px 3%; }
.galleryGroup .slick-slide { margin:0 0px 35px 0; }

}

@media all and (max-width:611px) {
	
#ic_list div a .txt { font-size:14px; }

}

@media all and (max-width:578px) {
/*공지사항 type1*/
.noticeGroup{ height:400px; padding:0 15px; }

.noticeGroup .noti_title { position:static; left:24px; top:27px; font-size:24px; padding:27px 0 0 0; }

.noticeGroup .flexbox { display:block; justify-content: flex-end; padding-right:15px;}
.noticeGroup h3 { margin-top:15px; float:left; width:31%; }
.noticeGroup h3.btn2 { width:38%; }
.noticeGroup h3 a { display:block; padding:0 5px 0 5px; position:relative; font-size:17px;  text-align:center; }
.noticeGroup h3 a span { display:inline-block; position:relative; }
.noticeGroup h3 a span:before { content:""; display:block; width:0%; transition:width 0.4s; height:4px; background:#2f5bc1; position:absolute; left:0; bottom:-17px; z-index:1; }

.noticeGroup h3.btn1 a { background:none; }
.noticeGroup div.tabcontent {left:24px; top:106px;width:calc(100% - 48px); }
.noticeGroup div p.more {position:absolute; clear:both; right:0; top:-77px; }


}

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



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

}


@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
}