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

body{ }

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

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

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

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

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


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


/*월중행사 type1*/
.schedule { width:498px; height:310px; background:#eff2f9; box-sizing:border-box; padding:0 50px 0; border-radius:0 0 100px 0; margin-top:0px; position:absolute; left:-378px; top:381px;  transition:all 0.4s;}
.schedule.sch_side_on { left:120px; }
.schedule h3 { height:67px; box-sizing:border-box; padding-top:29px; }
.schedule h3 a { font-size:20px; color:#000; font-weight:normal; font-family: 'S-CoreDream-5Medium'; letter-spacing:-0.5px; }
.schedule h3 a span { display:inline-block; vertical-align:middle; width:10px; height:18px; background:url(../images/common/sch_arrow.png) left top no-repeat; position:relative; top:-2px; margin-left:12px; }

.schedule #schedule_scroll { width:100%; height:205px; overflow-y:scroll; }

/* 스크롤바의 폭 너비 */
.schedule #schedule_scroll::-webkit-scrollbar {
    width: 6px;  
}

.schedule #schedule_scroll::-webkit-scrollbar-thumb {
    background:#928cc0; /* 스크롤바 색상 */
    border-radius: 10px; /* 스크롤바 둥근 테두리 */
}

.schedule #schedule_scroll::-webkit-scrollbar-track {
    background:#ced4e4;  /*스크롤바 뒷 배경 색상*/
}
.schedule #schedule_scroll li { }
.schedule #schedule_scroll li a { display:block; line-height:41px; width:100%; box-sizing:border-box; height:41px;  }
.schedule #schedule_scroll li a:after { content:""; display:block; clear:both; }
.schedule #schedule_scroll li a span.sc_t1 { float:left; font-size:16px; font-weight:bold; color:#4b50bf; }
.schedule #schedule_scroll li a span.sc_t2 { float:right; width:calc(100% - 71px); font-size:15px; color:#555; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schedule #schedule_scroll li a:hover span.sc_t2 { font-weight:bold; }
.schedule #schedule_scroll li.None a span.sc_t2 { width:100%; }



/*메인비주얼*/
.visual_wrap {   width:100%; position:relative; margin-top:-100px; }
.visual_wrap:after { content:""; display:block; clear:both; }
.slick-slider { position:static !important; }
.visual_wrap .slick-slide {  max-height:960px; position:relative; }
.visual_wrap .slick-slide .visual01 { display:block; height:auto !important; }
.visual_wrap .slick-slide video {position:relative; margin-top:-50px; width:100%;  } 
.visual_wrap .slick-slide img {  }
.visual_wrap .vi_btbox { position:absolute; text-align:center; left:0; bottom:90px; width:100%; background:rgba(0,0,0,0.5); }
.visual_wrap .vi_btbox li { display:inline-block; color:#fff; }

.visual_wrap .slick-dots { position:absolute; right:290px; bottom:501px; text-align:right; height:10px;   }
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; width:10px; height:10px; background:#fff; margin:0 4px; text-indent:-99999px; cursor:pointer;  border-radius:50%; transition:all 0.4s; text-align:left; box-shadow:0px 0px 15px 7px rgba(0,0,0,0.4); }
.visual_wrap .slick-dots li.slick-active { border-radius:150px; width:53px; }

.visual_wrap .vbt { position:absolute; right:271px; bottom:500px;  }
.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; box-shadow:0px 0px 15px 7px rgba(0,0,0,0.4);}
.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 { position:absolute; right:238px; bottom:499px;  }	
.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 .camera_pag_ul { text-align:center; }
.visual_wrap .camera_pag_ul li { float:none !important; display:inline-block; vertical-align:top; }

.visual_txt { position:absolute; z-index:10; right:260px; letter-spacing:-0.5px; top:316px; transition:all 0.4s; color:#fff; text-align:right;  }
.visual_txt .vis_t1 { position:relative;  }
.visual_txt .vis_t1 p { font-size:24px; display:none;   }
.visual_txt .vis_t1 svg { filter: drop-shadow(0px 0px 8px rgb(0 0 0 / 0.85)); }
.visual_txt .vis_t1 svg text { font-size:24px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px;
             }

.visual_txt .vis_t1.effect svg text {animation: stroke 4s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }
	


.visual_txt .vis_t2 { position:relative;  display:block; font-weight:700; }
.visual_txt .vis_t2 p { font-size:48px; display:none;  }
.visual_txt .vis_t2 svg { background:rgba(39,54,140,0.5);   filter: drop-shadow(0px 2px 4px rgb(0 0 0 / 0.45));}
.visual_txt .vis_t2 svg text {  font-size:48px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px; letter-spacing:-1px;}
.visual_txt .vis_t2.effect svg text {animation: stroke 4s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }


.visual_txt .vis_t3 { position:relative;   display:block; font-weight:bold; margin-top:-3px;}
.visual_txt .vis_t3 p { font-size:48px; display:none;  }
.visual_txt .vis_t3 svg { background:rgba(75,80,191,0.5); filter: drop-shadow(0px 2px 4px rgb(0 0 0 / 0.45));}
.visual_txt .vis_t3 svg text {  font-size:34px; font-family: 'BMJUA'; font-weight:300; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px; }
.visual_txt .vis_t3.effect svg text {animation: stroke 4s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.visual_txt .vis_t1 svg text {  fill:#fff; }
.visual_txt .vis_t2 svg text {  fill:#fff; }
.visual_txt .vis_t3 svg text {  fill:#fff; }
}
@keyframes stroke {
            0%   {
				
                stroke:#fff;
                stroke-width: 2px;
                stroke-dashoffset: 326px;
            }
            70% {
                fill: transparent;
            }
            98% {
                stroke:#fff;
                stroke-width: 2px;
            }
            100% {
                fill: #fff;
                stroke-dashoffset: 0px;
            }
}


#main_cont1 { margin-top:50px; position:relative; }

/*공지사항 type1*/
.noticeGroup{ margin:0px 0px 0 0px; width:860px; height:330px;  }
.noticeGroup::before { content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:46px; background:#27368c;}
.noticeGroup h3 { position:relative; float:left; width:160px;  margin-left:-1px;  }
.noticeGroup h3.btn1 {  margin:0 0 0 0; z-index:3; }
.noticeGroup h3.btn2 { z-index:2; }
.noticeGroup h3.btn3 { z-index:1; }
.noticeGroup h3 a { font-weight:normal; background:#f6f4f2; color:#777; font-size:18px; display:block; height:47px; line-height:45px; box-sizing:border-box; border:1px solid #d1d1d1; border-radius:10px 10px 0 0; text-align:center; border-bottom-color:#27368c;}

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn { z-index:4; }
.noticeGroup .on_check .btn a{color:#27368c; font-weight:500; background:#fff; border-color:#27368c; border-bottom-color:#fff; }

.noticeGroup div.tabcontent {position:absolute;left:0; top:47px; height:283px; width:100%; display:none; z-index:1; box-sizing:border-box; border:1px solid #d1d1d1; border-top:0 none;}
.noticeGroup div ul { }
.noticeGroup div ul li:after { content:""; display:block; clear:both; }
.noticeGroup div ul li img { display:none; }
.noticeGroup div ul li:first-child { height:136px; padding:24px 0px 0 105px; box-sizing:border-box; width:calc(100% - 60px); margin:0 30px 17px; border-bottom:1px solid #d1d1d1; position:relative; }
.noticeGroup div ul li:first-child a { display:block;  box-sizing:border-box;  position:relative;}
.noticeGroup div ul li:first-child dl { padding-top:8px; }
.noticeGroup div ul li:first-child dt { font-size:16px; color:#333; font-weight:500; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:3px; }
.noticeGroup div ul li:first-child dd {  height:48px; line-height:24px; color:#555; font-size:14px; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.noticeGroup div ul li:first-child a:hover dd { text-decoration:underline;   }

.noticeGroup div ul li:first-child .side_day { position:absolute; left:0px; top:25px; width:86px; height:86px; border-radius:50%; background:#e6ecf8; line-height:20px; text-align:center; font-size:21px; font-weight:500; color:#27368c; padding:20px 0 0; box-sizing:border-box; letter-spacing:-2px; }
.noticeGroup div ul li:first-child .side_day .first { display:none; }
.noticeGroup div ul li:first-child .side_day .no_year { display:block; margin-bottom:4px; font-size:16px; color:#777; font-weight:400; letter-spacing:0; }

.noticeGroup div ul li:not(:first-child) { margin:0 26px; }
.noticeGroup div ul li:not(:first-child) dd { display:none; }

.noticeGroup div ul li:not(:first-child) a { display:block; float:left; width:calc(100% - 90px);}
.noticeGroup div ul li:not(:first-child) a:after { content:""; display:block; clear:both; }
.noticeGroup div ul li:not(:first-child) a dt { width:100%; height:28px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; font-size:15px; padding:0 17px 0 25px;  box-sizing:border-box; position:relative; }
.noticeGroup div ul li:not(:first-child) a dt::before { content:""; display:block; width:7px; height:7px; background:#27368c; border-radius:50%; position:absolute; left:0px; top:12px; }

.noticeGroup div ul li:not(:first-child) .side_day { float:right;  line-height:28px; display:block; font-size:15px; color:#aaa; padding:0 0 0 0px; letter-spacing:-0.5px; letter-spacing:-1px;}
.noticeGroup div ul li:not(:first-child) a:hover dt { text-decoration:underline; }

.noticeGroup .more { position:absolute; right:0; top:-42px; }
.noticeGroup .more a { display:block; width:34px; height:34px; border-radius:50%; box-sizing:border-box; border:1px solid #d1d1d1; background:#f6f4f2; text-indent:-99999px; }
.noticeGroup .more a:before { content:""; display:block; width:16px; height:2px; background:#797979; position:absolute; left:9px; top:17px; }
.noticeGroup .more a:after { content:""; display:block; width:2px; height:16px; background:#797979; position:absolute; left:16px; top:10px; }




/*팝업*/
.popupZone { position:relative; float:right; width:490px; height:330px; border-radius:17px; overflow:hidden; margin:0px 0 50px; padding:10px 11px 0; box-shadow:3px 3px 6px rgba(0,0,0,0.15); }

.popupZone .main_btn{ }
.popupZone .main_btn li{ width:10px; position:absolute; bottom:31px; z-index:10; }
.popupZone .main_btn li.btn01 { left:20px; }
.popupZone .main_btn li.btn03 { right:20px; }
.popupZone .main_btn li a { display:block; width:100%; height:19px; box-sizing:border-box; text-indent:-99999px; }
.popupZone .main_btn li.btn01 a { background:url(../images/main/pop_bt1.png) center center no-repeat; }
.popupZone .main_btn li.btn03 a { background:url(../images/main/pop_bt3.png) center center no-repeat; }


div#popup_scroll {position:relative; width:100%;height:320px; overflow:hidden; }
div#popup_scroll ul#popup_contents {position:relative;float:left;width:100%;}
div#popup_scroll ul#popup_contents li {float:left;width:100%; height:320px; }
div#popup_scroll ul#popup_contents li a { display:block; width:100%; height:239px;  margin-bottom:25px;}
div#popup_scroll ul#popup_contents li img { width:100%; height:239px; border-radius:15px; }
div#popup_scroll .pop_title { display:block; width:calc(100% - 104px); margin:20px auto 0; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; font-size:16px; color:#333; }

/*바로가기*/
#quick_line { width:100%; background: rgb(75,80,191);
background: linear-gradient(90deg, rgba(75,80,191,1) 0%, rgba(39,54,140,1) 100%); margin-bottom:50px; }
.quick_cont { width:100%; background:none; }
.quick_cont h3 { float:left; width:84px; height:94px; border-radius:150px 150px 0 0; box-sizing:border-box; border:2px solid #c9b6f2; background:#fff; text-align:center; line-height:24px; font-size:18px; color:#27368c; font-weight:normal; font-family: 'S-CoreDream-5Medium'; padding-top:30px; margin:-24px 0 0 0; }
.quick_cont h3 span { display:block; }
.quick_cont #quickbox { float:right; width:calc(100% - 84px); }
.quick_cont #quickbox .qitem { float:left; width:20%; }
.quick_cont #quickbox .qitem a { display:block; height:70px; width:100%; line-height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; text-align:center; font-size:16px; color:#fff; font-family: 'S-CoreDream-4Regular'; }
.quick_cont #quickbox .qitem a span { position:relative; display:inline-block; vertical-align:top; margin-right:11px; }
.quick_cont #quickbox .q1 a span { width:20px; height:18px; background:url(../images/main/q_ic1.png) left top no-repeat; top:26px; }
.quick_cont #quickbox .q2 a span { width:18px; height:16px; background:url(../images/main/q_ic2.png) left top no-repeat; top:28px; }
.quick_cont #quickbox .q3 a span { width:19px; height:18px; background:url(../images/main/q_ic3.png) left top no-repeat; top:28px; }
.quick_cont #quickbox .q4 a span { width:10px; height:19px; background:url(../images/main/q_ic4.png) left top no-repeat; top:26px; }
.quick_cont #quickbox .q5 a span { width:15px; height:20px; background:url(../images/main/q_ic5.png) left top no-repeat; top:25px; }

.quick_cont #quickbox .qitem a:hover { font-weight:bold; }


/*진로진학*/
.jinhak_box { width:860px; height:323px; }
.jinhak_box:before { content:""; display:block; width:1020px; height:250px; background:#f3eeff; border-radius:0 50px 100px 0; position:absolute; left:-260px; top:73px;  }

.jinhak_box .titlebox { height:73px; margin-bottom:40px; }
.jinhak_box .titlebox:after { content:""; display:block; clear:both; }
.jinhak_box .titlebox h3 { float:left; font-family: 'S-CoreDream-5Medium'; font-size:22px; color:#000; font-weight:normal; padding:16px 0 0 0; }
.jinhak_box .titlebox span { float:left; font-size:14px; color:#777; letter-spacing:-0.5px; padding:15px 0 0 0; margin-left:19px; }

.jinhak_box .qbtn1 { position:absolute; right:0; top:10px; }
.jinhak_box .qbtn1 li { display:inline-block; float:left; }
.jinhak_box .qbtn1 li.slick-arrow { margin-top:8px; }
.jinhak_box .qbtn1 li.slick-arrow a { display:block; width:37px; height:21px; text-indent:-99999px; box-sizing:border-box; }
.jinhak_box .qbtn1 li.jprev a { background:url(../images/main/j_bt1.png) left center no-repeat; border-right:1px solid #d1d1d1; }
.jinhak_box .qbtn1 li.jnext a { background:url(../images/main/j_bt2.png) right center no-repeat; }
.jinhak_box .qbtn1 li.more { margin-left:27px; }
.jinhak_box .qbtn1 li.more a { display:block; width:34px; height:34px; border-radius:50%; box-sizing:border-box; position:relative; background:#27368c; text-indent:-99999px; }
.jinhak_box .qbtn1 li.more a:before { content:""; display:block; width:16px; height:2px; background:#fff; position:absolute; left:9px; top:17px; }
.jinhak_box .qbtn1 li.more a:after { content:""; display:block; width:2px; height:16px; background:#fff; position:absolute; left:16px; top:10px; }

.jinhak_box .slick-slide { width:279px; height:179px; border:0 none; box-sizing:border-box; padding:0 9px 9px 0; margin-right:12px; }
.jinhak_box .jitem { width:100%; height:170px; background:#fff; border-radius:0 15px 0 15px; box-shadow:2px 2px 7px rgba(75,80,191,0.3); position:relative; }
.jinhak_box .jitem a { display:block; width:100%; height:170px; box-sizing:border-box; padding:0 20px 0; position:relative; }
.jinhak_box .jitem a dl { padding:66px 0 0; }
.jinhak_box .jitem a dl dt { font-weight:500; line-height:20px; height:40px; color:#333; font-size:16px; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; margin-bottom:7px;}
.jinhak_box .jitem a dl dd {line-height:20px; height:40px; color:#aaa; font-size:14px; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.jinhak_box .jitem a .side_day { position:absolute; left:20px; top:13px; font-size:14px; color:#797979; font-weight:300; }
.jinhak_box .jitem a .side_day span { display:block; color:#4b50bf; font-size:18px; font-family: 'S-CoreDream-5Medium'; }

.jinhak_box .jitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:4px solid transparent; border-radius:0 15px 0 0; }
.jinhak_box .jitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:4px solid transparent; border-radius:0 0 0 15px;  }
.jinhak_box .jitem a:hover::before { width:100%; height:100%;  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.jinhak_box .jitem a:hover::after { width:100%; height:100%;    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.jinhak_box .jitem a:hover::before { border-top-color:#d3c1fe; border-right-color:#d3c1fe; }
.jinhak_box .jitem a:hover::after {  border-bottom-color:#fddb6b; border-left-color:#fddb6b; }


/*식단*/
.food { width:490px; height:182px; border-radius:15px; float:right; background:#fff url(../images/main/f_bg.png) right bottom no-repeat; padding:0 29px; box-shadow:7px 7px 8px rgba(75,80,191,0.3); margin-bottom:29px;}
.food h3 { height:67px; box-sizing:border-box; padding-top:29px; }
.food h3 a { font-size:20px; color:#000; font-weight:normal; font-family: 'S-CoreDream-5Medium'; letter-spacing:-0.5px; }
.food h3 a span { display:inline-block; vertical-align:middle; width:10px; height:18px; background:url(../images/common/sch_arrow.png) left top no-repeat; position:relative; top:-2px; margin-left:12px; }

.food .ftep_btn { width:116px; height:39px; position:absolute; right:31px; top:21px; background:#f2c744; box-sizing:border-box; padding:5px; border-radius:150px; overflow:hidden; }
.food .ftep_btn:before { content:""; display:block; width:51px; height:30px; border-radius:150px; background:#fff; position:absolute; left:5px; top:5px; transition:all 0.4s; }
.food .ftep_btn.color2 { background:#afc5f0; }
.food .ftep_btn.color2:before { left:59px; }


.food .ftep_btn li { float:left; width:52px; position:relative; z-index:1; }
.food .ftep_btn li:nth-child(2) { float:right; }
.food .ftep_btn li a { display:block; transition:all 0.4s; width:100%; line-height:30px; text-align:center; font-size:16px; color:#777; }
.food .ftep_btn li.on a { color:#333; }


.food .main_food { margin-top:6px;}
.food .main_food p { display:none; }
.food .main_food .first { display:block; }
.food .main_food p a { display:block; width:100%; line-height:28px; height:84px; color:#555; font-size:15px; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}

.food .main_food p a:hover { font-weight:500; }

/*아이콘바로가기*/
.qic_cont { width:490px; height:112px; float:right; }
.qic_cont:before { content:""; display:block; width:750px; height:112px; border-radius:150px 0 0 150px; position:absolute; left:0; top:0; background:#e8f0ff; }
.qic_cont .main_btn { }
.qic_cont .main_btn li { position:absolute; z-index:1; top:45px; }
.qic_cont .main_btn li.iprev { left:20px; }
.qic_cont .main_btn li.inext { right:20px; }
.qic_cont .main_btn li a { display:block; text-indent:-99999px; width:23px; height:23px; border-radius:50%; }
.qic_cont .main_btn li.iprev a { background:#fff url(../images/main/qic_bt1.png) center center no-repeat; box-shadow:2px 2px 4px rgba(75,80,191,0.2); }
.qic_cont .main_btn li.inext a { background:#fff url(../images/main/qic_bt2.png) center center no-repeat; box-shadow:-2px 2px 4px rgba(75,80,191,0.2); }

#qic_slick { width:calc(100% - 100px); margin:0 50px 0; text-align:center; }
#qic_slick .qic_item { }
#qic_slick .qic_item .ic { display:block; height:66px; box-sizing:border-box; }
#qic_slick .qic1 .ic { padding-top:27px; }
#qic_slick .qic2 .ic { padding-top:24px; }
#qic_slick .qic3 .ic { padding-top:26px; }
#qic_slick .qic4 .ic { padding-top:29px; }
#qic_slick .qic5 .ic { padding-top:25px; }
#qic_slick .qic6 .ic { padding-top:32px; }
#qic_slick .qic_item .ic img { margin:0 auto 0; }
#qic_slick .qic_item .txt { display:block; width:100%; height:28px; line-height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#333; margin-top:3px; }
#qic_slick .qic_item:hover .txt { font-weight:500; }
#qic_slick .qic_item:hover .ic img { -webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both; }

@-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:0px 0 35px 0px; width:100%; height:auto;  }
.galleryGroup .titlebox { height:123px; text-align:center; }
.galleryGroup .titlebox h3 {  font-family: 'S-CoreDream-5Medium'; font-size:22px; color:#000; font-weight:normal; padding:48px 0 3px 0; }
.galleryGroup .titlebox p {  font-size:14px; color:#777; letter-spacing:-0.5px; padding:0px 0 0 0; }

.galleryGroup .main_btn { position:absolute; right:0; top:50px; }
.galleryGroup .main_btn li { display:inline-block; float:left; }
.galleryGroup .main_btn li.slick-arrow { margin-top:8px; }
.galleryGroup .main_btn li.slick-arrow a { display:block; width:37px; height:21px; text-indent:-99999px; box-sizing:border-box; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/j_bt1.png) left center no-repeat; border-right:1px solid #d1d1d1; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/j_bt2.png) right center no-repeat; }
.galleryGroup .main_btn li.more { margin-left:27px; }
.galleryGroup .main_btn li.more a { display:block; width:34px; height:34px; border-radius:50%; box-sizing:border-box; position:relative; background:#27368c; text-indent:-99999px; }
.galleryGroup .main_btn li.more a:before { content:""; display:block; width:16px; height:2px; background:#fff; position:absolute; left:9px; top:17px; }
.galleryGroup .main_btn li.more a:after { content:""; display:block; width:2px; height:16px; background:#fff; position:absolute; left:16px; top:10px; }

.galleryGroup #gallery_scroll { width:100%;  height:282px; overflow:hidden; margin:0px 0 0; }
.galleryGroup .slick-slide { width:310px; height:282px; margin:0 53px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative;  width:100%; }
.galleryGroup .slick-slide .gitem .pic { margin-bottom:3px;  overflow:hidden; position:relative; background-size:cover !important; width:100%; height:191px; border-radius:16px;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .g_sub { height:48px; width:100%; box-sizing:border-box; line-height:47px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #27368c; font-weight:500; font-size:16px; color:#333; }
.galleryGroup .slick-slide .gitem .g_date { text-align:right; height:40px; line-height:40px; font-size:14px; color:#777; letter-spacing:-0.5px; background:url(../images/main/g_date.png) no-repeat; background-position:right 77px center; }

.galleryGroup .slick-slide .gitem a:hover .g_sub { font-weight:bold; color:#27368c; }

/*배너모음*/
#banner {margin:0px 0 0 0; height:80px;  float:left; position:relative; width:100%; box-sizing:border-box; background:#f6f4f2; }
#banner h3 { float:left; font-size:20px; color:#000; font-family: 'S-CoreDream-5Medium'; font-weight:normal; padding:28px 0 0;}
#banner .main_btn { float:left; margin:29px 0 0 12px;  }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:23px; margin-left:9px; display:inline-block; }
#banner .main_btn li a { display:block; width:100%; height:23px; border-radius:50%; box-sizing:border-box; border:1px solid #d1d1d1; 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:#f3eeff 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:#f9e7b0 url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute; right:-15px; top:13px; width:1170px;height:53px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 15px 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) {

/*레이어 알람*/
#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; }

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

/*월중행사 type1*/
.schedule { padding:0 3% 0; border-radius:0 0 0px 0; width:94%; position:inherit; left:inherit !important; top:0 !important; opacity:1; height:295px; }

/*메인비주얼*/
.visual_wrap {   width:100%; position:relative; margin-top:0px; min-height:0; }
.visual_wrap:after { content:""; display:block; clear:both; }
.slick-slider { position:static !important; }
.visual_wrap .slick-slide {  max-height:100%; position:relative; }
.visual_wrap .slick-slide img { width:100%; }
.visual_wrap .slick-slide video { top:0; }
.visual_wrap .slick-dots { position:absolute; right:65px; bottom:26px; text-align:right; height:10px;   }

.visual_wrap .vbt { position:absolute; right:45px; bottom:25px;  }
.visual_txt { position:absolute; right:-50px; top:50%; transform:scale(0.6) translateY(-90%);  }
.visual_wrap .mut { position:absolute; right:15px; bottom:25px;  }	

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


#main_cont1 { margin-top:20px; }

/*공지사항 type1*/
.noticeGroup{ margin:0px 0px 0 0px;  }
.noticeGroup::before { content:""; display:block; width:100%; height:1px; position:absolute; left:0; top:46px; background:#27368c;}
.noticeGroup h3 { position:relative; float:left; width:calc(26% - 10px);  margin-left:-1px;  }
.noticeGroup h3.btn1 {  margin:0 0 0 0; z-index:3; }
.noticeGroup h3.btn2 { z-index:2; width:calc(21% - 10px);}
.noticeGroup h3.btn3 { z-index:1; width:calc(21% - 10px);}
.noticeGroup h3.btn4 {  width:calc(32% - 10px); }
.noticeGroup h3 a {  font-size:16px;  }
.noticeGroup div ul li:first-child {  width:calc(100% - 30px); margin:0 15px 17px; }
.noticeGroup div ul li:not(:first-child) { margin:0 15px; }



/*바로가기*/
#quick_line { margin-bottom:20px; margin-top:30px; }
.quick_cont { width:94%; background:none; }
.quick_cont h3 { float:left; width:84px; height:94px; border-radius:150px 150px 0 0; box-sizing:border-box; border:2px solid #c9b6f2; background:#fff; text-align:center; line-height:24px; font-size:18px; color:#27368c; font-weight:normal; font-family: 'S-CoreDream-5Medium'; padding-top:30px; margin:-24px 0 0 0; }
.quick_cont h3 span { display:block; }
.quick_cont #quickbox { float:right; width:100%; }

/*진로진학*/
.jinhak_box { width:94%; height:auto; }
.jinhak_box:before { content:""; display:block; width:106%; height:250px; background:#f3eeff; border-radius:0 20px 50px 0; position:absolute; left:-3%; top:73px;  }

.jinhak_box .titlebox { height:73px; margin-bottom:40px; }
.jinhak_box .titlebox:after { content:""; display:block; clear:both; }
.jinhak_box .titlebox h3 { float:left; font-family: 'S-CoreDream-5Medium'; font-size:22px; color:#000; font-weight:normal; padding:16px 0 0 0; }
.jinhak_box .titlebox span { display:none; }
.jinhak_box .jitem { box-shadow:2px 2px 3px rgba(75,80,191,0.3); position:relative; }


/*식단*/
.food {  padding:0 16px; }
.food .ftep_btn { right:15px; }

/*아이콘바로가기*/
.qic_cont:before { content:""; display:block; width:104%; height:100%; left:0; top:0; background:#e8f0ff; border-radius:20px 0 0 20px; }
.qic_cont { height:auto; float:right; padding-bottom:15px; }
.qic_cont .main_btn li { top:calc(50% - 12px); }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ height:auto; width:97%; margin:0 0 20px 3% !important; }
.galleryGroup .titlebox { height:auto; text-align:center; padding:0 3% 0 0; }
.galleryGroup .titlebox h3 {  padding:28px 0 3px 0; }
.galleryGroup .titlebox p {  font-size:14px; color:#777; letter-spacing:-0.5px; padding:0px 0 0 0; }

.galleryGroup .main_btn { position:static; text-align:right; margin:15px 15px 25px 0; }
.galleryGroup .main_btn li { float:none; display:inline-block; text-align:left; vertical-align:middle; }
.galleryGroup .main_btn li.more { position:relative; top:6px; }

.galleryGroup #gallery_scroll { width:100%;  height:auto; overflow:hidden; margin:0px 0 0; }
.galleryGroup .slick-slide { margin:0 20px 0 0;  }


/*배너모음*/
#banner {margin:0 0 0 3%; height:auto;  background:#fff; float:left; position:relative; width:97%; box-sizing:border-box; padding:0px 0 20px;  }
#banner h3 { float:left; font-size:20px; color:#000; font-family: 'S-CoreDream-5Medium'; font-weight:normal; padding:0px 0 0;}
#banner .main_btn { float:left; margin:2px 0 0 12px;  }
 
div#banner_scroll {position:relative; right:inherit; top:inherit; width:100%; overflow:hidden; margin:20px 0 0 0; float:left; }
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:986px) {
.quick_cont #quickbox .qitem { width:33.3%; }

}

@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) {
.jinhak_box:before { content:""; display:block; width:106%; height:calc(100% - 73px); background:#f3eeff; border-radius:0 20px 50px 0; position:absolute; left:-3%; top:73px;  }
.jinhak_box .jitem { position:relative; }
.jinhak_box .slick-slide { margin:0 0 20px 0; }

.galleryGroup{ margin:0 0 0px 3% !important; }
.galleryGroup .slick-slide { margin:0 20px 20px 0;  }

}

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



/*배너모음*/
div#banner_scroll ul#banner_content li {float:left;  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; }	
	
.visual_txt { position:absolute; right:-80px; top:50%; transform:scale(0.4) translateY(-145%);  }
.quick_cont #quickbox .qitem { width:100%; }	
	
}