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

body{ }

#container {width:1200px; margin:30px 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 = */

#header { position:fixed; }
#wrap,#header,#footerGroup  { min-width:0px;}
.iScrollVerticalScrollbar  { opacity:0 !important; }
.section { height: 100dvh; }
/* 기본적으로 padding 없음 */
.fp-section {
	padding-top: 0;
}

/* 첫 번째 섹션 제외하고 padding 적용 */
.fp-section:not(:first-child) {
	padding-top: 100px;
}
.full_progress { position:fixed; left:100px; top:50%; transform:translateY(-50%); z-index:10; font-size:16px; font-weight:600; color:#fff; }
.full_progress .full_line { width:1px; height:120px; background:#fff; position:relative; margin:5px auto; box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.full_progress .full_line span { display:block; width:100%; height:33%; position:absolute; left:0; top:0; transition:height 0.4s; background:#58a9f6; }
.full_progress .fnum0 { text-shadow:0px 0px 8px rgba(0,0,0,0.5); }

.fg_height2 .full_line { box-shadow:none; background:#dddddd; }
.fg_height2 .full_line span { height:66%; }
.fg_height2 .fnum0 { color:#333333; text-shadow:none; }
.fg_height2 .fnum3 { opacity:0.6; }

.fg_height3 .full_line { box-shadow:none; }
.fg_height3 .full_line span { height:100%; }
.fg_height3 .fnum0 { color:#333333; text-shadow:none; }
.fg_height3 .fnum3 { opacity:0.6; }


/*메인비주얼*/
.scroll_effect { position:absolute; left:50%; transform:translateX(-50%); bottom:38px; z-index:100; text-align:center; font-size:16px; color:#fff; font-weight:600; padding:0 0 33px 0; }
.scroll_effect::after { content:""; display:block; width:100%; height:21px; background:url(../images/main/sc_arrow.png) center top no-repeat; position:absolute; left:0; bottom:5px; -webkit-animation: sc-arrow 0.9s linear infinite both;
	        animation: sc-arrow 0.9s linear infinite both;}
@-webkit-keyframes sc-arrow {
  0% {
    bottom:5px;
  }
  50% {
    bottom:-3px;
  }
  100% {
    bottom:5px;
  }
}
@keyframes sc-arrow {
	0% {
    bottom:5px;
  }
  50% {
    bottom:-3px;
  }
  100% {
    bottom:5px;
  }

}
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; overflow:hidden; }
.visual_wrap .slick-slide { width:100%; height:910px; position:relative; }
.visual_wrap .slick-slide p img.imgdef { display:block; margin:0 auto; }
.visual_wrap .slick-slide video { width:calc(100% + 40px); height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
	
.visual_wrap .visual_txt {  position:absolute; left:50%; transform:translateX(-50%); top:226px; width:100%; max-width:1440px; box-sizing:border-box; text-align:left; display:flex; justify-content:flex-start; }

.visual_wrap .visual_txt .vitxt_box { opacity:0; }

.visual_wrap .visual_txt .vitxt_box.effect { opacity:1; -webkit-animation: slide-in-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-fwd-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

.visual_wrap .vbtbox { height:24px; position:absolute; left:50%; transform:translateX(-50%); width:100%; max-width:1440px; box-sizing:border-box; bottom:63px; display:flex; align-items:center;}
.visual_wrap .slick-dots {   }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:10px; height:10px; box-sizing:border-box; border-radius:50%; background:rgba(255,255,255,0.5); margin-right:10px;  text-indent:-99999px; transition:all 0.5s; position:relative; top:0; }
.visual_wrap .slick-dots li.slick-active { background:#00e3ff;  width:32px; background:#fff; border-radius:150px; top:-1px; }
.visual_wrap .main_btn li.vbt { }
.visual_wrap .main_btn li.vbt a { display:block; width:24px; height:24px; border-radius:50%; text-indent:-99999px; background:rgba(255,255,255,0.5) url(../images/main/v_bt2.png) center center no-repeat; }
.visual_wrap .main_btn li.play a { background:rgba(255,255,255,0.5) url(../images/main/v_bt2_on.png) center center no-repeat;}

@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
            transform: translateZ(-1400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-fwd-tl {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
            transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-fwd-tl {
  0% {
    -webkit-transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
            transform: translateZ(-1400px) translateY(-800px) translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}



#section2 { background:#f0f5fb;  }
#section2 .default_layout { padding:0px 15px 70px; }

/*공지사항*/
.noticeGroup { width:calc(100% - 495px); height:490px; background:none; margin:0 30px 0 0; }
.noticeGroup .titlebox { padding:0 79px 0 0; min-height:80px; box-sizing:border-box; }
.noticeGroup .titlebox::after { content:""; display:block; clear:both; }
.noticeGroup h3 { font-size:30px; color:#333333; font-family: 'S-CoreDream-7ExtraBold'; float:left; padding:12px 0 0 0; }
.noticeGroup h3 span { color:#0073bc; }
.noticeGroup .noti_tepbox { border-radius:150px; overflow:hidden; background:#fff; margin:0 0 0 0; float:right; box-shadow:0px 3px 10px rgba(0,0,0,0.15); }
.noticeGroup .noti_tepbox::after { content:""; display:block; clear:both; }
.noticeGroup .noti_tepbox li { float:left; }
.noticeGroup .noti_tepbox li a { min-width:113px; display:block; width:100%; height:50px; line-height:30px; font-size:18px; color:#777; text-align:center; box-sizing:border-box; padding:10px 10px; background:none; transition:all 0.5s; font-weight:600; border-radius:150px;}
.noticeGroup .noti_tepbox li.on a { background:#565656; color:#fff; font-weight:700; }

.noticeGroup .tep_cont { width:100%; height:410px; background:#fff; box-sizing:border-box; padding:10px; border-radius:12px; box-shadow:0px 3px 10px rgba(0,0,0,0.15); }
.noticeGroup .tep_cont .tepbox { display:none; }
.noticeGroup .tep_cont .noti_show { display:block; }

.noticeGroup .tep_cont ul { }
.noticeGroup .tep_cont ul li:first-child { margin-bottom:10px; }
.noticeGroup .tep_cont ul li:first-child a { display:block; width:100%; height:115px; border-radius:12px; overflow:hidden; background:#3f97d7 url(../images/main/noti_pat.png) no-repeat center bottom; position:relative; padding:30px 22px 0 120px; box-sizing:border-box; }
.noticeGroup .tep_cont ul li:first-child a::before { content:""; display:block; width:80px; height:80px; border-radius:50%; position:absolute; left:20px; top:18px; background:#fff url(../images/main/noti_ic.png) center center no-repeat; }
.noticeGroup .tep_cont ul li:first-child a dl { line-height:24px; width:calc(100% - 112px); }
.noticeGroup .tep_cont ul li:first-child a dt {  width:100%; font-size:17px; font-weight:600; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:7px; }
.noticeGroup .tep_cont ul li:first-child a dd { font-size:15px; color:#eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup .tep_cont ul li:first-child a:hover dd { text-decoration:underline; }
.noticeGroup .tep_cont ul li:first-child a p.date { text-align:right; font-size:14px; font-family: 'S-CoreDream-4Regular'; color:#ddd; margin-top:-10px; }

.noticeGroup .tep_cont ul li:not(:first-child) {  margin:0 22px 0 20px; height:43px; box-sizing:border-box; border-bottom:1px dashed #ddd; }
.noticeGroup .tep_cont ul li:nth-child(7) { border-bottom:0 none; }
.noticeGroup .tep_cont ul li:not(:first-child) a { display:block; line-height:42px; width:100%; }
.noticeGroup .tep_cont ul li:not(:first-child) a::after { content:""; display:block; clear:both; }
.noticeGroup .tep_cont ul li:not(:first-child) a dl { float:left; max-width:calc(100% - 112px); position:relative; padding:0 0 0 15px; }
.noticeGroup .tep_cont ul li:not(:first-child) a dl::before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#0073bc; position:absolute; left:0; top:18px; }
.noticeGroup .tep_cont ul li:not(:first-child) a dt { z-index:1; position:relative; padding:0 2px 0; font-size:16px; font-weight:500; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup .tep_cont ul li:not(:first-child) a dt::before { content:""; display:block; transition:all 0.7s; width:0%; height:13px; z-index:-1; position:absolute; left:0; bottom:6px; background:#dbecfb; }
.noticeGroup .tep_cont ul li:not(:first-child) a:hover dt::before { width:100%; }
.noticeGroup .tep_cont ul li:not(:first-child) a dd { display:none; }
.noticeGroup .tep_cont ul li:not(:first-child) a p.date { float:right; text-align:right; font-size:14px; font-family: 'S-CoreDream-4Regular'; color:#999;}

.noticeGroup p.more { position:absolute; right:0; top:0; }
.noticeGroup p.more a { box-shadow:0px 3px 10px rgba(0,0,0,0.15); display:block; width:49px; height:49px; text-indent:-99999px; border-radius:50%; background:#3f97d7 url(../images/main/noti_link.png) center center no-repeat; transition:all 0.4s; }
.noticeGroup p.more a:hover { background:#9861e2 url(../images/main/noti_link.png) center center no-repeat; }


/*월중행사 type1*/
.schedule {  width:465px; height:auto; margin-bottom:30px; background:none; float:right; }
.schedule h3 { height:50px; background:url(../images/main/sch_ic.png) left 0px top 0px no-repeat; box-sizing:border-box; padding:6px 0 0 64px; }
.schedule h3 a { font-size:24px; color:#333; font-weight:normal; font-family: 'S-CoreDream-5Medium'; }
.schedule h3 a span {  font-family: 'S-CoreDream-7ExtraBold'; }

.schedule .tabcontent { position:relative; }
.schedule .tabcontent::before,
.schedule .tabcontent::after { content:""; display:block; width:7px; height:35px; background:#e3e3e3; position:absolute; top:91px; box-shadow:0px 3px 5px rgba(0,0,0,0.15);}
.schedule .tabcontent::before { left:20px; }
.schedule .tabcontent::after { right:20px; }

.sch_cont .table_style { width:100%; box-sizing:border-box; text-align:center; background:#fff; overflow:hidden; border-radius:12px; box-shadow:0px 3px 10px rgba(0,0,0,0.15); position:relative; z-index:1;}
.sch_cont .table_style ul { width:100%; display:flex; justify-content:space-between; }
.sch_cont .table_style ul::after { content:""; display:block; clear:both; }
.sch_cont .table_style ul li { width:calc(100% / 7); box-sizing:border-box;  font-size:20px; color:#333; text-align:center; }
.sch_cont .table_style ul.thead li {  height:50px; padding:0px 0 0 0; color:#333; background:#f9f9f9; font-size:16px; line-height:49px; box-sizing:border-box; border-bottom:1px solid #ddd; font-family: 'S-CoreDream-5Medium'; }

.sch_cont .table_style ul.tbody li { height:50px; padding:0px 0 0 0; line-height:50px; font-size:16px; color:#333; font-family: 'S-CoreDream-4Regular';}
.sch_cont .table_style ul.tbody li.on span { display:block; width:30px; height:30px; margin:11px auto 0; line-height:30px; border-radius:50%; background:#f2e7ff;  }
.sch_cont .table_style ul li.on {  }

.sch_cont .table_style ul.thead li.sunday { color:#ff4b43; }
.sch_cont .table_style ul.thead li.saturday { color:#1464f1; }
.sch_cont .table_style ul.tbody li:nth-child(1) { color:#ff4b43; }
.sch_cont .table_style ul.tbody li:nth-child(7) { color:#1464f1; }


div#schedule_scroll { width:100%; height:130px;  box-sizing:border-box; padding:13px 15px 0; margin:20px 0 0; position:relative; z-index:1; border-radius:12px; box-shadow:0px 3px 10px rgba(0,0,0,0.15); background:#fff; }
div#schedule_scroll ul#schedule_content {position:relative;  width:100%; padding:0; height:105px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
div#schedule_scroll ul#schedule_content::-webkit-scrollbar {
    width: 4px;  
}

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

div#schedule_scroll ul#schedule_content::-webkit-scrollbar-track {
    background: #f2f2f2;  /*스크롤바 뒷 배경 색상*/
}



div#schedule_scroll ul#schedule_content li { width:100%; height:35px; line-height:30px; letter-spacing:-0.5px; position:relative; font-size:18px;  padding:2px 0 3px; box-sizing:border-box;}
div#schedule_scroll ul#schedule_content li a { display:block; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding:0 0 0 90px; box-sizing:border-box; z-index:1;  font-size:16px; }

div#schedule_scroll ul#schedule_content li a span.date { display:block; position:absolute; left:0; top:0; font-size:17px; color:#fff; font-weight:normal; font-family: 'S-CoreDream-5Medium'; text-align:center; width:80px; height:30px; line-height:30px; border-radius:150px; transition:all 0.5s; background:#565656; }
div#schedule_scroll ul#schedule_content li a:hover { color:#1464f1;  }
div#schedule_scroll ul#schedule_content li a:hover span.date { background:#58a9f6;}

.schedule p.more { position:absolute; right:0; top:0; }
.schedule p.more a { box-shadow:0px 3px 10px rgba(0,0,0,0.15); display:block; width:35px; height:35px; text-indent:-99999px; border-radius:50%; background:#fff url(../images/main/noti_link2.png) center center no-repeat; transition:background-color 0.4s; }
.schedule p.more a:hover { background:#3f97d7 url(../images/main/noti_link.png) no-repeat center center / 10px; }

/*급식*/
.food { width:465px; height:160px; border-radius:12px; background:#ddeffa; float:right; padding:0 20px 0; }
.food .titlebox { display:flex; height:70px; align-items:center; }
.food h3 { }
.food h3 a { font-size:24px; color:#333; font-weight:normal; font-family: 'S-CoreDream-5Medium'; }
.food h3 a span {  font-family: 'S-CoreDream-7ExtraBold'; }
.food .titlebox p { font-size:14px; color:#555; font-family: 'S-CoreDream-4Regular'; margin:3px 0 0 20px; }

.food p.more { position:absolute; right:20px; top:20px; }
.food p.more a { box-shadow:0px 3px 10px rgba(0,0,0,0.15); display:block; width:35px; height:35px; text-indent:-99999px; border-radius:50%; background:#fff url(../images/main/noti_link2.png) center center no-repeat; transition:background-color 0.4s; }
.food p.more a:hover { background:#3f97d7 url(../images/main/noti_link.png) no-repeat center center / 10px; }

#food_scroll { width:100%; display:flex; }
#food_scroll .f_today { width:115px; height:75px; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#fff; border-radius:12px; line-height:24px; font-size:15px; color:#333; font-family: 'S-CoreDream-6Bold'; }
#food_scroll .f_today span { font-size:20px; font-family: 'S-CoreDream-7ExtraBold';}

#food_content { margin:0 0 0 10px; width:calc(100% - 125px); background:#fff; border-radius:12px; box-sizing:border-box; padding:17px 21px 0; }
#food_content a { display:block; font-size:14px; color:#555; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; overflow:hidden; line-height:20px; height:40px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#food_content a:hover { color:#333; font-weight:500; }

/*아이콘바로가기*/
.i_cont { width:100%; height:auto; margin:30px 0 0px; background:#fff; border-radius:150px 0 0 150px; }
.i_cont::after { content:""; display:block; width:100%; height:100%; background:#ffffff; position:absolute; right:-100%; top:0;}

.i_cont .titlebox { float:left; padding:41px 10px 36px 70px; width:299px; box-sizing:border-box; }
.i_cont .titlebox h3 { font-weight:normal; font-family: 'S-CoreDream-5Medium'; font-size:30px; color:#333; line-height:36px;}
.i_cont .titlebox h3 span { display:block;  }
.i_cont .titlebox h3 span strong { font-family: 'S-CoreDream-7ExtraBold'; font-weight:normal;}
.i_cont .titlebox p { font-size:15px; color:#666; line-height:18px; margin-top:12px; }

.i_cont .sl_ibox { float:right; width:calc(100% - 299px); box-sizing:border-box; position:relative; padding:0 50px 0 72px; }

.i_cont .icenter { margin:33px 0 27px; }
.i_cont .icenter .slick-slide { width:226px; height:91px; box-sizing:border-box; padding:0 3px 5px; margin-right:29px; }
.i_cont .icenter .slick-slide a { display:block; width:100%; }

.i_cont .icenter .slick-slide a .cirbox { overflow:hidden; display:block; width:100%; height:86px; box-sizing:border-box; border-radius:10px; position:relative; box-shadow:0px 2px 5px rgba(0,0,0,0.15);  background:#f9f9f9; }

.i_cont .icenter .slick-slide a .cirbox::before { content:""; display:block; width:100%; height:0%; position:absolute; left:0; top:0; background:#bc87ff; border-radius:10px 10px 0 0; transition:all 0.5s;}
.i_cont .icenter .slick-slide a .cirbox::after { content:""; display:block; width:100%; height:0%; position:absolute; left:0; bottom:0; background:#57aaf6; border-radius:0 0 10px 10px; transition:all 0.5s;}

.i_cont .icenter .slick-slide a:hover .cirbox::before { width:100%; height:50%; }
.i_cont .icenter .slick-slide a:hover .cirbox::after { width:100%; height:50%; }

.i_cont .icenter .slick-slide a span.linebox { position:absolute; left:2px; top:2px; display:flex; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:8px; transition:all 0.5s; align-items:center; justify-content:center;  background:#f9f9f9; position:relative; z-index:1; font-size:17px; color:#333; font-weight:500; box-sizing:border-box; padding:0 10px 0 16px; }
.i_cont .icenter .slick-slide a:hover span.linebox { background:#fff; }
.i_cont .icenter .slick-slide a span.ic {  display:block; margin-right:10px; }
.i_cont .icenter .slick-slide .ic1 a span.ic { width:50px; height:39px; background:url(../images/main/i_ic1.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic2 a span.ic { width:50px; height:40px; background:url(../images/main/i_ic2.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic3 a span.ic { width:50px; height:35px; background:url(../images/main/i_ic3.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic4 a span.ic { width:36px; height:38px; background:url(../images/main/i_ic4.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic5 a span.ic { width:50px; height:53px; background:url(../images/main/i_ic5.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic6 a span.ic { width:50px; height:39px; background:url(../images/main/i_ic6.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic7 a span.ic { width:51px; height:43px; background:url(../images/main/i_ic7.png) center center no-repeat; }
.i_cont .icenter .slick-slide .ic8 a span.ic { width:47px; height:40px; background:url(../images/main/i_ic8.png) center center no-repeat; }

.i_cont .icenter .slick-slide a span.txt { flex-grow:1; text-align:center; letter-spacing:-1px; font-size:15px; color:#555; font-weight:normal; font-family: 'S-CoreDream-5Medium';}

.i_cont .ibox li { position:absolute; top:53px; }
.i_cont .ibox li.prev_ic { left:0; }
.i_cont .ibox li.next_ic { right:0; }
.i_cont .ibox li a { display:block; width:45px; height:45px; text-indent:-99999px; border-radius:50%; }
.i_cont .ibox li.prev_ic a { background:#565656 url(../images/main/i_bt1.png) center center no-repeat; }
.i_cont .ibox li.next_ic a { background:#565656 url(../images/main/i_bt3.png) center center no-repeat; }

/*우측사이드*/
.right_linkbox { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:100; }
.main_student { width:130px; height:240px; position:relative; border-radius:18px 0 0 18px; background:rgba(0,0,0,0.7); box-sizing:border-box; padding:0 27px 0 17px; }
.main_student:has(.on) { background:#000; }
.main_student dt { width:100%; height:80px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,0.5); display:flex; align-items:center; justify-content:center; }
.main_student dt a {  display:flex; align-items:center; transition:all 0.4s; background:none; justify-content:center; width:100%; height:46px; font-size:16px; color:#fff; font-weight:600; border-radius:0; }
.main_student dt.on a { background:#3f97d7; border-radius:12px; }
.main_student dt.tepbt3 { border-bottom:0 none; }
.main_student dd { display:none; position:absolute; left:-140px; top:0; width:130px; height:auto; background:rgba(0,0,0,0.8); border-radius:18px; box-sizing:border-box; padding:12px 0;}
.main_student dd::before { position:absolute; right:-10px; top:34px; content:""; display:block; width:0; height:0; border-left:10px solid rgba(0,0,0,0.8); border-top:6px solid transparent; border-bottom:6px solid transparent; }
.main_student dd ul { }
.main_student dd ul li { line-height:24px; padding:12px 5px; text-align:center; }
.main_student dd ul li a { display:block; font-size:15px; color:#fff; letter-spacing:-1px; }
.main_student dd ul li a:hover { font-weight:600; }

.main_student dd.tepbox2 { top:80px; }
.main_student dd.tepbox3 { top:160px; }

/*팝업버튼*/
.pop_call { display:none; margin:10px 0 0; }
.pop_call a { display:block; width:130px; line-height:50px; height:50px; box-sizing:border-box; border-radius:150px 0 0 150px; font-size:16px; font-weight:600; color:#fff; padding:0 0 0 30px; background: #BC87FF;
background: linear-gradient(90deg,rgba(188, 135, 255, 1) 0%, rgba(87, 170, 246, 1) 100%); }
.pop_call a span { display:inline-block; vertical-align:top; background:url(../images/main/pop_more.png) center top no-repeat; margin:18px 0 0 10px; width:12px; height:12px; }


#section3 .default_layout { padding:0px 15px 0; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0 0 67px 0; width:100%; height:auto; min-height:366px; background:none; position:relative; z-index:1; }
.galleryGroup::before { content:""; display:block; width:calc(100% - 537px); height:1px;background: #C6F0E8;
background: linear-gradient(90deg,rgba(198, 240, 232, 1) 0%, rgba(200, 226, 249, 1) 50%, rgba(188, 135, 255, 1) 100%);position:absolute; right:230px; top:22px; }
.galleryGroup h3 { height:76px; box-sizing:border-box; padding:10px 0 0 0;  position:relative; }

.galleryGroup h3 a { font-size:30px; color:#333; font-weight:normal; font-family: 'S-CoreDream-7ExtraBold'; letter-spacing:-1px; }
.galleryGroup h3 a span {  color:#58a9f6; }

.galleryGroup .main_btn { position:absolute; right:0; top:0px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:45px; margin-left:10px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:45px; border-radius:50%; text-indent:-99999px; box-shadow:0px 3px 10px rgba(0,0,0,0.15); }
.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a { background:#fff url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:#fff url(../images/main/g_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#fff url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a { 
background:#fff url(../images/main/gmore2.png) center center no-repeat; border:0 none; }

.galleryGroup #gallery_scroll { width:calc(100% + 14px); margin:0px 0 0 0px; }
.galleryGroup .slick-slide { width:351px; height:290px; margin:0 14px 0 0; box-sizing:border-box; padding:0 3px 10px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:280px; width:100%; background:#fff; box-shadow:0px 3px 5px rgba(0,0,0,0.15); border-radius:12px; overflow:hidden; }
.galleryGroup .slick-slide .gitem a:hover { background:#ddeffa; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:200px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:100%; height:0; transition:all 0.4s; position:absolute; left:0; top:0; background:rgba(0,0,0,0.5) url(../images/main/gmore1.png) center 73px no-repeat; font-size:15px; color:#fff; opacity:0; padding:113px 0 0 0; text-align:center; box-sizing:border-box; }

.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; content:"MORE"; opacity:1;}

.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem dl { padding:13px 20px 0px; line-height:27px; }
.galleryGroup .slick-slide .gitem dl dt { font-size:16px; color:#555; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.galleryGroup .slick-slide .gitem dl dd {text-align:right; font-size:14px; color:#999999; font-family: 'S-CoreDream-4Regular';}
.galleryGroup .slick-slide .gitem dl dd::before { content:""; display:inline-block; width:14px; margin:0 5px 0 0; height:13px; background:url(../images/main/gdate.png) left top no-repeat; }

.galleryGroup .slick-slide .gitem .not_view .pic { background:none !important; }
.galleryGroup .slick-slide .gitem .not_view .pic img { left:0; filter: blur(6px); width:100%; height:100%;}
.galleryGroup .slick-slide .gitem .not_view .pic::after { content:"비공개 게시물 입니다."; display:block; width:100%; background:url(../images/main/gnone.png) center top 65px no-repeat; height:202px; position:absolute; left:0; top:0; z-index:2; text-align:center; box-sizing:border-box; padding:135px 0 0; font-size:16px; font-weight:bold; color:#111; text-shadow:1px 1px 1px rgba(255,255,255,0.7), 1px 0px 1px rgba(255,255,255,0.7), 1px -1px 1px rgba(255,255,255,0.7), -1px 1px 1px rgba(255,255,255,0.7), -1px 0px 1px rgba(255,255,255,0.7), -1px -1px 1px rgba(255,255,255,0.7), 0px -1px 1px rgba(255,255,255,0.7), 0px 1px 1px rgba(255,255,255,0.7); }



/*배너모음*/
#banner {margin:0px 0 0 0; height:90px;  float:none; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; background:#fff; }
#banner .default_layout { padding:0 15px 0; }
#banner h3 { font-size:22px; box-sizing:border-box; float:left; padding:31px 0 0; color:#333; font-weight:normal; font-family: 'S-CoreDream-5Medium';}
#banner h3 a { color:#333;}
#banner h3 a span { font-family: 'S-CoreDream-7ExtraBold'; }



#banner .main_btn { position:absolute; right:15px; top:27px; }
#banner .main_btn li { float:left; margin:0 0px 0 10px;  }
#banner .main_btn li a { display:block; text-indent:-99999px; width:35px; height:35px; border-radius:50%; box-sizing:border-box; box-shadow:0px 3px 10px rgba(0,0,0,0.15); }
#banner .main_btn li.bbtn01 a {  background:#fff url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a {   background:#fff url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.b_stop a { background:#fff url(../images/main/b_bt2_on.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a {   background:#fff url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a {   background:#fff url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll { float:left; margin:15px 0 0 48px; width:1115px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 36px 0px 0; width:187px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:57px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:55px; }




@media (max-width:1702px) and (min-width:1025px) {
	
.full_progress { position:fixed; left:15px; }

}

@media (max-width:1450px) and (min-width:1025px) {
div#banner_scroll { margin:15px 0 0 48px; width:calc(100% - 323px); overflow:hidden;  }

}

/*/////////////////////////////////////////////////////////////////////////////////반응형/////////////////////////////////////////////////////////////////////////////////*/
@media (max-width:1384px) and (min-width:1025px) {
#header .default_layout { display:block; }
#header h1 { float:left; margin:19px 0 0 0; }
#header .util { float:right; margin:10px 0 3px; }
#nav-container { margin:0 0px 0 0; flex-grow:0; width:calc(100% - 262px); float:right; }
#topMenu li.menu_list a.depth_link {display:flex; color:#fff; align-items:center; justify-content:center; font-size:20px; font-weight:700; line-height:24px; height:60px; text-align:center; }
#topMenu li.menu_list a.menu_on::before { top:10px; }

}

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

#wrap { padding-bottom:50px; }
/*우측사이드*/
.right_linkbox { position:fixed; right:0; top:inherit; bottom:0; transform:none; z-index:100; display:flex; width:100%; }
.main_student { flex-grow:1; height:auto; display:flex; border-radius:0; padding:0 0px 0 0px; }
.main_student:has(.on) { background:#000; }
.main_student dt {  width:calc(100% / 3); height:50px; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.5); border-bottom:0 none; display:flex; align-items:center; justify-content:center; }
.main_student dt a {  display:flex; align-items:center; transition:all 0.4s; background:none; justify-content:center; width:100%; height:50px; font-size:15px; color:#fff; font-weight:600; border-radius:0; }
.main_student dt.on a { background:#3f97d7; border-radius:0px; }
.main_student dt.tepbt3 { border-right:0 none; }
.main_student dd { display:none; position:absolute; left:0px; top:inherit; bottom:100%; border-radius: 18px 18px 0 0; width:100%; height:auto;  }
.main_student dd::before { display:none; }

.main_student dd.tepbox2 { top:inherit; left:0%; }
.main_student dd.tepbox3 { top:inherit; left:0%; }
.main_student dd ul li { padding:5px 5px; }



/*팝업버튼*/
.pop_call { display:none; margin:0px 0 0; width:25%; }
.pop_call a { border-radius:0; width:100%; padding:0 0 0 0; text-align:center; font-size:15px; }
.pop_call a span {
  margin: 18px 0 0 5px;
}
#container {width:100%; margin:20px auto; min-height:100%;}

/*메인비주얼*/
.scroll_effect { display:none !important;}
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; overflow:hidden; }
.visual_wrap .slick-slide { width:100%; height:auto; position:relative; }
.visual_wrap .slick-slide p img.imgdef { display:block; margin:0 auto; width:100%; }
.visual_wrap .slick-slide video { display:block; width:100%; transform:none; height:400px; top:0px;  object-fit: fill;
    position:static;} 
.visual_wrap .slick-slide div { display:block !important;  }	
.visual_wrap .visual_txt {  position:absolute; left:0; padding:0 15px; width:100%; transform:none; top:46px; display:flex; justify-content:flex-start; }

.visual_wrap .visual_txt img { display:block; width:100%; max-width:300px; }

.visual_wrap .vbtbox { height:24px; position:absolute; left:0; box-sizing:border-box; padding:0 15px; transform:none; bottom:20px; display:flex; align-items:center;}

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

.full_progress { display:none; }
.fp-section:not(:first-child) {
  padding-top: 0px;
}


#section2 { background:#f0f5fb;  }
#section2 .default_layout { padding:20px 0px 10px !important; }

/*공지사항*/
.noticeGroup { width:94%; height:auto; background:none; margin:0 3% 25px; }
.noticeGroup h3 { font-size:24px; }
/*행사*/
.sch_cont .table_style ul.thead li { font-size:15px; }

/*식단*/
.food { padding:0 15px; }
#food_scroll .f_today { width:85px;   font-size:15px;  }
#food_scroll .f_today span { font-size:20px; }

#food_content {  width:calc(100% - 95px); padding: 17px 15px 0; }

/*아이콘바로가기*/
.i_cont { width:94%; height:auto; margin:0px 3% 25px; background:#fff; border-radius:10px; }
.i_cont::after { display:none;}

.i_cont .titlebox { float:left; padding:21px 10px 15px 15px; width:100%; box-sizing:border-box; }
.i_cont .titlebox h3 { font-weight:normal; font-size:22px; color:#333; line-height:36px;}
.i_cont .titlebox h3 span { display:inline-block;  }
.i_cont .titlebox p { font-size:15px; color:#666; line-height:18px; margin-top:12px; }

.i_cont .sl_ibox { float:right; width:100%; box-sizing:border-box; position:relative; padding:0 0px 0 15px; z-index:1; }

.i_cont .icenter { margin:0px 0 25px; }
.i_cont .icenter .slick-slide { width:226px; height:91px; box-sizing:border-box; padding:0 3px 5px; margin-right:29px; }



.i_cont .ibox li { position:absolute; top:-55px; }
.i_cont .ibox li.prev_ic { left:inherit; right:70px; }
.i_cont .ibox li.next_ic { right:15px; }


#section3 .default_layout {
  padding: 30px 0px 0 !important;
}

.galleryGroup h3 a { font-size:24px;   }
.galleryGroup::before {  width:calc(100% - 456px); right:220px; top:22px; }

/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:10px 0 20px;  }
#banner .default_layout { padding:0 !important; }
#banner h3 { padding:15px 0 0 15px; }
#banner .btbox { position:static; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:auto; text-align:center; height:45px; margin-left:3%; top:8px; }
#banner .main_btn li { display:inline-block; vertical-align:middle;  }
#banner .btbox .more { float:left; }
#banner .btbox .more a { display:block; width:48px; height:45px; } 

div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 3%; }
div#banner_scroll #banner_content .slick-slide { margin:0 20px 0 0; }

}


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

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

}

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

.visual_wrap .slick-slide video { height:300px; } 
}

@media all and (max-width:600px) {
/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ height:auto; min-height:366px; background:none; position:relative; z-index:1; }
.galleryGroup h3 { height:auto; box-sizing:border-box; padding:10px 0 80px 0;  position:relative; }

.galleryGroup h3 a span {  color:#58a9f6; }
.galleryGroup::before {
    width: calc(100% - 245px);
    right: 15px;
    top: 22px;
  }
.galleryGroup .main_btn { position:absolute; right:15px; top:48px; }

.galleryGroup #gallery_scroll { width:calc(100% + 14px); margin:0px 0 0 0px; }


}

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

.visual_wrap .slick-slide video { height:200px; } 
}


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

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

}
@media all and (max-width:521px) {
.food .titlebox p { display:none; }
}


@media all and (max-width:493px) {
.visual_wrap .visual_txt {  top:36px; }
.visual_wrap .visual_txt img { display:block; width:100%; max-width:200px; }

.noticeGroup .tep_cont ul { }
.noticeGroup .tep_cont ul li:first-child { margin-bottom:10px; }
.noticeGroup .tep_cont ul li:first-child a {   padding:20px 22px 0 20px; box-sizing:border-box; }
.noticeGroup .tep_cont ul li:first-child a::before { display:none; }
.noticeGroup .tep_cont ul li:first-child a dl { line-height:24px; width:100%; }

.noticeGroup .tep_cont ul li:first-child a p.date { margin-top:3px; }
.noticeGroup .tep_cont ul li:not(:first-child) { margin:0 10px 0; }


}

@media all and (max-width:483px) {
.noticeGroup .titlebox { padding:0 0 0 0; }
.noticeGroup .noti_tepbox { width:100%; margin:25px 0 15px 0; float:right; clear:both; }
.noticeGroup .noti_tepbox li { float:left; width:50%; }

}

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