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

#wrap { background:#fff url(../images/main/vi_bg.jpg) right top 130px no-repeat; }
#container {width:100%; margin:0px auto; 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; } /* 340 / 1100 = */

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 auto 0; width:1360px; height:579px; z-index:1;}
.visual_wrap .vi_content { width:1030px; position:static; }
.visual_wrap .vi_content > div { height:579px; }

.visual_wrap .slick-slide {  height:579px; overflow:hidden; border-radius:0 65px 65px 0; position:relative;}
.visual_wrap .slick-slide p img { width:100%; max-width:1030px; }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .vi_content .slick-list { left:-280px; }

.visual_txt { position:absolute; width:100%; box-sizing:border-box; padding:0 40px 0 0; top:51px; text-align:right;  }
.visual_txt .vis_t1 { opacity:0; }
.visual_txt .vis_t1.effect { -webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.visual_wrap .slick-dots { position:absolute; left:-280px; bottom:38px; text-align:center; width:100%; max-width:1030px;}
.visual_wrap .slick-dots li { display:inline-block; vertical-align:top; width:20px; height:20px; box-sizing:border-box; border:2px solid #fff; background:none; border-radius:50%; cursor:pointer; margin:0 5px; box-shadow:3px 3px 6px rgba(0,0,0,0.2); }
.visual_wrap .slick-dots li.slick-active { background:#fff; }
.visual_wrap .slick-dots li button { display:none; }

.visual_wrap .vbtbox { position:absolute; left:-280px; width:100%; max-width:1030px; bottom:30px; text-align:center;}
.visual_wrap .vbt { display:inline-block; vertical-align:top; margin:2px 15px 0 0; }
.visual_wrap .vbt a { display:block; width:9px; height:12px; text-indent:-99999px; background:url(../images/main/v_bt1.png) left top no-repeat;  }
.visual_wrap .v_stop a { background:url(../images/main/v_bt2.png) left top no-repeat; }

.visual_wrap .mut { display:inline-block; vertical-align:top;  }	
.visual_wrap .mut a { display:block; width:21px; height:15px; text-indent:-99999px; background:url(../images/main/mt_ic.png) left top no-repeat; transition:all 0.4s;  }
.visual_wrap .mt_ic_on a { background:url(../images/main/mt_ic_on.png) left top no-repeat; }



#main_cont1 { background:url(../images/main/wrap_bg1.png) center top no-repeat; padding-bottom:45px; }
.right_pos { width:560px; float:left; position:absolute; right:0; top:-378px; z-index:1; }

/*팝업*/
.popupZone { width:100%; height:272px; margin:0 0 40px;   }
.popupZone .btbox { position:absolute; right:0; bottom:0; width:200px; height:49px; background:#0466c8; text-align:center; border-radius:12px 0px 0px 0px; z-index:1;  }
.popupZone .btbox::after { content:""; display:block; clear:both; }
.popupZone .main_btn { float:right; vertical-align:top; margin-top:17px; margin-right:30px;}
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; text-align:left; display:block; margin-top:1px; }
.popupZone .main_btn li.pbtn02 { margin:0px 15px 0; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; }
.popupZone .main_btn li:not(.more) a { width:10px; height:14px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/p_btn01.png) center center no-repeat; }
.popupZone .main_btn li.pbtn02 a { background:url(../images/main/p_btn02.png) center center no-repeat; width:11px; height:16px;}
.popupZone .main_btn li.p_play a { background:url(../images/main/p_btn02_on.png) center center no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/p_btn03.png) center center no-repeat; }
.popupZone .main_btn li.more { margin-left:11px; margin-top:1px;}
.popupZone .main_btn li.more a { width:19px; height:16px; background:url(../images/main/p_more.png) center center no-repeat;}
.popupZone .slick-counter { height:49px; line-height:49px; float:left; display:inline-block; vertical-align:top; font-size:16px; color:#fff;  padding:0 0px 0 29px;  }
.popupZone .slick-counter .current { font-weight:bold; color:#f9cc59; }
.popupZone .slick-counter .total {  position:relative; margin-left:4px; }
#popup_scroll { width:100%; box-sizing:border-box; border-radius:10px 10px 0 10px; overflow:hidden; height:272px; box-shadow:0px 0px 5px rgba(0,0,0,0.15); }
#pop_center { width:100%; }
#popup_scroll img { width:100%; height:272px; }

/*퀵메뉴*/
.ic_slick { width:100%; height:115px; z-index:1; position:relative; float:left; }
.ic_slick::before { content:""; display:block; clear:both; width:calc(100% + 280px); border-radius:150px 0 0 150px; height:100%; background: #0466C8;
background: linear-gradient(90deg,rgba(4, 102, 200, 1) 0%, rgba(0, 166, 251, 1) 100%); z-index:-1; position:absolute; left:0; top:0;}

.ic_slick h3 { width:153px; float:left; line-height:20px; text-align:center; color:#fff; font-size:14px; font-weight:normal; box-sizing:border-box; padding:57px 0 0; background:url(../images/main/i_title.png) center top 24px no-repeat; }
.ic_slick h3 span { display:block; font-size:20px; font-weight:bold; }
.ic_slick .ic_def { float:right; width:calc(100% - 153px); position:relative; padding:0 20px; box-sizing:border-box; }

#ic_list { }
#ic_list:after { content:""; display:block; clear:both; }
#ic_list .slick-slide { position:relative; z-index:1; height:115px; }

#ic_list div a { display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; text-align:center; transition:background 0.4s; position:relative; height:109px; transition:all 0.5s; }
#ic_list div a .ic { display:block; width:100%; height:66px; position:relative; z-index:1; overflow:hidden; }
#ic_list div a .ic:before { content:""; display:block; width:33px; height:33px; border-radius:50%; position:absolute; left:calc(50% - 33px); top:18px; z-index:-1; background:#e6f7ff; opacity:0; }

#ic_list div a:hover .ic:before { -webkit-animation: fade-in 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 0.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;  }

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

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

#ic_list div.ic_l1 a:hover .ic { background:url(../images/main/i_ic1_on.png) center 19px no-repeat; }
#ic_list div.ic_l2 a:hover .ic { background:url(../images/main/i_ic2_on.png) center 23px no-repeat; }
#ic_list div.ic_l3 a:hover .ic { background:url(../images/main/i_ic3_on.png) center 20px no-repeat; }
#ic_list div.ic_l4 a:hover .ic { background:url(../images/main/i_ic4_on.png) center 20px no-repeat; }
#ic_list div.ic_l5 a:hover .ic { background:url(../images/main/i_ic5_on.png) center 18px no-repeat; }
#ic_list div.ic_l6 a:hover .ic { background:url(../images/main/i_ic6_on.png) center 20px no-repeat; }


#ic_list div a .txt { flex-grow:1; display:flex; align-items:center; flex-wrap:wrap; justify-content:center; width:100%; font-size:16px; color:#fff; letter-spacing:-0.5px;  box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:18px; transition:all 0.5s; }
#ic_list div a:hover .txt { color:#f8cc58; }

.ic_slick .main_btn li { float:left; text-align:left; display:block; top:51px; position:absolute; }
.ic_slick .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  width:10px; height:14px;}
.ic_slick .main_btn li.ibtn01 { left:0; }
.ic_slick .main_btn li.ibtn03 { right:0; }
.ic_slick .main_btn li.ibtn01 a { background:url(../images/main/p_btn01.png) center center no-repeat; }
.ic_slick .main_btn li.ibtn03 a { background:url(../images/main/p_btn03.png) center center no-repeat; }


/*공지사항 type1*/
.noticeGroup{ width:750px; height:322px; margin:49px 0 0 0; }

.noticeGroup .noti_title { position:absolute; left:0px; top:0px; font-size:26px; color:#222; font-weight:bold;  }
.noticeGroup .noti_title span { color:#005eb8; }
.noticeGroup .flexbox { display:flex; justify-content: flex-start; padding-left:143px;}
.noticeGroup h3 {   margin-left:43px; position:relative;}
.noticeGroup h3.btn1 { margin-left:0; }
.noticeGroup h3 a { display:block;  position:relative; font-size:20px; color:#999; position:relative; font-weight:700;  transition:all 0.5s; }
.noticeGroup h3::before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#dddddd; position:absolute; left:-24px; top:10px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup h3 a span  { display:none; vertical-align:top; margin:4px 5px 0 0; width:17px; height:17px; background:url(../images/main/nchk.png) left top no-repeat; transition:all 0.5s;   }
.noticeGroup .on_check .btn a { color:#0466c8; font-weight:bold;  }
.noticeGroup .on_check .btn a span  { display:inline-block; }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:43px; width:100%; display:none;  padding-top:0px; height:279px; border:1px solid #ddd; border-radius:11px; box-sizing:border-box; padding:19px; }
.noticeGroup div.tabcontent .nitem:first-child { box-sizing:border-box; position:relative; margin-bottom:10px; }
.noticeGroup div.tabcontent .nitem:first-child a { display:block; width:100%; border-radius:12px; background:#f4f4f4; height:89px; position:relative; box-sizing:border-box; padding:0 20px; }
.noticeGroup div.tabcontent .nitem img { display:none !important; }
.noticeGroup div.tabcontent .nitem:first-child dl { padding:21px 0px 0 80px; position:relative; }
.noticeGroup div.tabcontent .nitem:first-child dl dt { line-height:18px; width:100%; font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:700; margin-bottom:13px;}
.noticeGroup div.tabcontent .nitem:first-child dl dd { color:#555; line-height:18px; width:100%; overflow:hidden; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup div.tabcontent .nitem:first-child .noti_date { display:block; position:absolute; left:20px; top:15px; width:60px; height:60px; box-sizing:border-box; border-radius:12px; background:#00a6fb; text-align:center; font-size:14px; color:#fff; letter-spacing:-0.5px; padding:7px 0 0 0; overflow:hidden; line-height:22px; }
.noticeGroup div.tabcontent .nitem:first-child .noti_date .nday { display:block; width:100%;  font-weight:bold;  font-size:24px; }
.noticeGroup div.tabcontent .nitem:first-child .noti_date .other { display:none; }

.noticeGroup div.tabcontent .nitem:first-child .noti_date .od { display:none; }

.noticeGroup div.tabcontent .nitem:first-child:hover dl dd { text-decoration:underline; }

.noticeGroup div.tabcontent .nitem:not(:first-child) { height:36px; box-sizing:border-box; padding:0 0px 0px 8px; width:100%; position:relative;  }

.noticeGroup div.tabcontent .nitem:not(:first-child) dl { float:left; width:calc(100% - 100px); }
.noticeGroup div.tabcontent .nitem:not(:first-child) dt { position:relative; padding:0 0px 0 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:36px; font-size:17px; color:#333333; font-weight:500; }
.noticeGroup div.tabcontent .nitem:not(:first-child) dt::before { content:""; display:block; width:4px; height:4px; position:absolute; left:0px; top:16px; background:#0466c8; }

.noticeGroup div.tabcontent .nitem:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent .nitem:not(:first-child):hover dt { text-decoration:underline; }
.noticeGroup div.tabcontent .nitem:not(:first-child) .noti_date { float:right; text-align:right; line-height:36px; font-size:15px; color:#888;}
.noticeGroup div.tabcontent .nitem:not(:first-child) .noti_date .fd { display:none; }

.noticeGroup div.tabcontent .more { position:absolute; right:11px; top:-39px; }
.noticeGroup div.tabcontent .more a { font-size:16px; font-weight:600; color:#fff; display:block; width:127px; height:38px; line-height:38px; text-align:center; background:#00a6fb; border-radius:20px 20px 0 0; transition:all 0.5s; }
.noticeGroup div.tabcontent .more a::after { content:""; display:inline-block; vertical-align:top; width:20px; height:9px; background:url(../images/main/arrow1.png) left top no-repeat; margin:14px 0 0 20px; }
.noticeGroup div.tabcontent .more a:hover { background:#0466c8; }



/*월중행사*/
.schedule { width:560px; height:272px; float:right; margin:99px 0 0 0; background:#e6f7ff; border-radius:60px 10px 10px 10px; box-shadow:0px 0px 10px rgba(0,0,0,0.15); padding:0 20px 0;}
.schedule h3 { height:64px; line-height:64px; padding:0 0 0 20px; }
.schedule h3 a { font-size:26px; color:#222; }
.schedule h3 a .c1 { color:#0466c8; }
.schedule h3 a .eng { font-size:15px; font-weight:400; color:#777777; margin-left:5px; }

#schedule_content {position:relative;  width:100%; height:189px; overflow-y:auto; }

.schedule .sitem { height:63px; padding:5px 0; box-sizing:border-box; }
.schedule .sitem a { display:flex; align-items:center; background:#fff; width:100%; height:53px; box-sizing:border-box; border-radius:12px; position:relative; border:1px solid #fff; transition:all 0.5s;  }
.schedule .sitem a:hover { border:1px solid #f9cc59; background:#fff7e2; }
.schedule .sitem a .sch_side { width:91px; display:flex; flex-wrap:wrap; align-items:center; flex-direction:column; justify-content:center; text-align:center; position:relative; }
.schedule .sitem a .sch_side span { display:block; line-height:20px; }
.schedule .sitem a .sch_side span.eng { font-size:15px; font-weight:500; color:#0466c8; }
.schedule .sitem a .sch_side span.num { font-size:20px; font-weight:bold; color:#333333;}

.schedule .sitem a .stxt { width:calc(100% - 91px); height:35px; line-height:35px; box-sizing:border-box; padding:0 15px 0 29px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#555; position:relative; }
.schedule .sitem a .stxt::before { content:""; display:block; width:1px; height:100%; position:absolute; left:0; top:0; background:#ddd; }
.schedule .sitem a:hover .stxt { font-weight:500; }

.schedule .more { position:absolute; right:20px; top:23px; }
.schedule .more a { display:block; padding:0 39px 0 0; position:relative; line-height:30px; font-size:16px; font-weight:700; color:#00a6fb; }
.schedule .more a::before { content:""; display:block; width:30px; height:30px; border-radius:50%; position:absolute; right:0; top:0; background:#00a6fb url(../images/main/arrow1.png) no-repeat center center / 15px; }

/*추천도서*/
.bookGroup { padding:0 0 0 231px; margin:50px 0 0 0; width:750px; height:323px; background:none; z-index:1; }
.bookGroup::before { content:""; display:block; width:calc(100% - 79px); height:157px; background:#e6f7ff; position:absolute; right:-80px; bottom:0; border-radius:150px 0 0 150px; z-index:-1; }

.bookGroup h3 { }
.bookGroup h3 a { font-size:26px; color:#222; font-weight:bold; line-height:18px; }
.bookGroup h3 a span.eng { display:block; font-size:15px; color:#0466c8; font-weight:500; margin-bottom:9px; }

.bookGroup .pic { position:absolute; left:0; top:0; width:210px; box-shadow:0px 0px 10px rgba(1,58,116,0.2); overflow:hidden;  background-size:cover !important;}
.bookGroup .pic img { display:block; width:100%; opacity:0; }


.bookGroup .book_item { }
.bookGroup .book_item a { display:block; }
.bookGroup .book_item a .pic + dl { margin-top:25px; }
.bookGroup .book_item a dl { line-height:27px; margin-top:15px; font-size:16px; color:#555; font-weight:500; }
.bookGroup .book_item a dl::after { content:""; display:block; clear:both; }
.bookGroup .book_item a dl dt { float:left; clear:both; text-align:center; border-radius:150px; width:68px; background:#79c4f2; font-size:17px; color:#333;  }
.bookGroup .book_item a dl dd { float:right; width:calc(100% - 83px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.bookGroup .more { position:absolute; right:0px; top:5px; }
.bookGroup .more a { font-size:16px; font-weight:600; color:#fff; display:block; width:127px; height:38px; line-height:38px; text-align:center; background:#00a6fb; border-radius:150px; transition:all 0.5s; }
.bookGroup .more a::after { content:""; display:inline-block; vertical-align:top; width:20px; height:9px; background:url(../images/main/arrow1.png) left top no-repeat; margin:14px 0 0 20px; }
.bookGroup .more a:hover { background:#0466c8; }

.bookGroup .btxt { margin:43px 0 0; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 26px;
	font-size:15px; color:#555;
	overflow:hidden;
    height: 104px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.bookGroup a:hover .btxt { text-decoration:underline; }


/*학생학부모바로가기*/
.tquickbox { width:560px; height:298px; float:right; background:none; margin:50px 0 0; z-index:2; padding:0 0px 0 0;  }
.tquickbox h3 { position:absolute; left:0; top:0px; font-weight:bold; font-size:26px; color:#222; }
.tquickbox h3 span { color:#0466c8; }
.tquickbox .sl_box { width:100%;  height:51px; z-index:1; position:relative; box-sizing:border-box; clear:both; margin:0px 0px 0 0; padding:0px 0 0 0px; }
.tquickbox .sl_box .titlebox {  padding:0px 0px 0 0; }
.tquickbox .sl_box .titlebox::after { content:""; display:block; clear:both; }
.tquickbox .sl_box .titlebox ul { float:right; box-sizing:border-box;  }
.tquickbox .sl_box .titlebox ul:after { content:""; display:block; clear:both; }
.tquickbox .sl_box .titlebox ul li { float:left; width:126px; }
.tquickbox .sl_box .titlebox ul li:nth-child(1) {  }
.tquickbox .sl_box .titlebox ul li:nth-child(2) {   }
.tquickbox .sl_box .titlebox ul li a { display:block; width:100%; height:51px; line-height:51px; border-radius:12px 12px 0 0; background:#cccccc; font-size:18px; color:#222; font-weight:700; text-align:center; }
.tquickbox .sl_box .titlebox ul li.current a { color:#fff; }
.tquickbox .sl_box .titlebox ul li.tb1.current a { background:#28b862;  }
.tquickbox .sl_box .titlebox ul li.tb2.current a { background:#28b8aa;  }

.tquickbox .tab_def { width:100%; height:247px; background:#eeeeee; border-radius:10px 0 10px 10px; box-shadow:0px 0px 8px rgba(0,0,0,0.12); padding:30px 0px 0; box-sizing:border-box; position:relative; overflow:hidden; }

.tquickbox .sl_box .tabcontent { float:left; width:calc(100% - 100px); opacity:0; left:-999999px; top:0; position:absolute; height:132px; box-sizing:border-box; margin:0 50px; }
.tquickbox .sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 
.tquickbox .slick_def {   }
.tquickbox .slick_def .slick-slide > div { float:left; width:calc(50% - 15px); box-sizing:border-box; padding:0 4px 0 0; margin:0 8px 17px 0; text-align:center; height:80px;}
.tquickbox .slick_def .slick-slide > div:nth-child(odd) { margin:0 0 27px 0; }
.tquickbox .slick_def .slick-slide > div:nth-child(even) { margin:0 0 27px 0; float:right; }
.tquickbox .slick_def .slick-slide a { display:block; width:100%; height:80px; box-sizing:border-box; position:relative; text-align:left; line-height:78px;  transition:all 0.4s; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; border-radius:10px; background:#fff; border:1px solid #fff; transition:all 0.5s; padding:0 19px; }
.tquickbox .slick_def .slick-slide a:hover {  background:#fff7e2; border:1px solid #f9cc59;}

.tquickbox .slick_def .slick-slide .qitem a span { display:inline-block; vertical-align:middle; position:relative; }
.tquickbox .slick_def .slick-slide .qic1_1 a span { width:41px; height:42px; background:url(../images/main/t_ic1_1.png) left top no-repeat; margin:-1px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic1_2 a span { width:41px; height:31px; background:url(../images/main/t_ic1_2.png) left top no-repeat; margin:-2px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic1_3 a span { width:41px; height:44px; background:url(../images/main/t_ic1_3.png) left top no-repeat; margin:-3px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic1_4 a span { width:41px; height:38px; background:url(../images/main/t_ic1_4.png) left top no-repeat; margin:-5px 15px 0 0; }

.tquickbox .slick_def .slick-slide .qic2_1 a span { width:41px; height:41px; background:url(../images/main/t_ic2_1.png) left top no-repeat; margin:-3px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic2_2 a span { width:41px; height:42px; background:url(../images/main/t_ic1_1.png) left top no-repeat; margin:-1px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic2_3 a span { width:41px; height:32px; background:url(../images/main/t_ic2_3.png) left top no-repeat; margin:-3px 15px 0 0; }
.tquickbox .slick_def .slick-slide .qic2_4 a span { width:41px; height:43px; background:url(../images/main/t_ic2_4.png) left top no-repeat; margin:0px 15px 0 0; top:5px; }


.tquickbox .q_btn li { float:left; text-align:left; top:96px; position:absolute; }
.tquickbox .q_btn li a { display:block; text-indent:-99999px; box-sizing:border-box;  width:11px; height:15px;}
.tquickbox .q_btn li.prev_ic { left:-30px; }
.tquickbox .q_btn li.next_ic { right:-30px; }
.tquickbox .q_btn li.prev_ic a { background:url(../images/main/t_bt1.png) center center no-repeat; }
.tquickbox .q_btn li.next_ic a { background:url(../images/main/t_bt3.png) center center no-repeat; }




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:25px 0 0 0; width:750px; height:auto; z-index:1; background:none; min-height:285px; z-index:1; }
.galleryGroup::before { content:""; display:block; width:calc(100% + 305px); border-radius:0 150px 150px 0; height:147px; background:#bce6fb; position:absolute; right:-25px; bottom:-45px; }
.galleryGroup::after { content:""; display:block; width:25px; height:113px; background:url(../images/main/gal_pat.png) left top no-repeat; position:absolute; left:-112px; bottom:-39px; }

.galleryGroup h3 { height:50px; display:inline-block; position:relative; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup h3 a { font-size:28px; color:#222; }
.galleryGroup h3 a .c1 { color:#0466c8; }
.galleryGroup h3 a .eng { color:#777777; font-size:20px; font-weight:400; margin:0 0 0 12px; }

.galleryGroup .main_btn { position:absolute; right:3%; top:15px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; }

.galleryGroup .main_btn { position:absolute; right:0; top:0px; }
.galleryGroup .main_btn li { float:left; margin:0 0px 0 10px;  }
.galleryGroup .main_btn li a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:50%; box-sizing:border-box; }
.galleryGroup .main_btn li.gbtn01 a {  background:#eeeeee url(../images/main/g_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a {   background:#eeeeee url(../images/main/g_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:#eeeeee url(../images/main/g_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a {   background:#eeeeee url(../images/main/g_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a {   background:#00a6fb url(../images/main/g_more.png) center center no-repeat; }


.galleryGroup #gallery_scroll { width:calc(100% + 6px); height:auto; margin:0px 0px 0 0px; }
.galleryGroup .slick-slide { width:249px; height:237px; margin:0 6px 0 0; box-sizing:border-box; padding:5px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:227px; width:100%; box-sizing:border-box; border-radius:10px 10px 0 0;   overflow:hidden; background:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.12); }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:159px; box-sizing:border-box; border-radius:0px 0px 0 0; overflow:hidden; position:relative; background-size:cover !important; }
.galleryGroup .slick-slide .gitem .pic:before { content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/main/gal_ic.png) center center no-repeat; position:absolute; left:0; top:0px; opacity:0; transition:all 0.6s; }
.galleryGroup .slick-slide .gitem a:hover .pic:before { opacity:1; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { margin:9px 0 0px; padding:0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; line-height:30px; font-weight:500; }
.galleryGroup .slick-slide .gitem .g_date {  padding:0 15px; text-align:right; font-size:15px; color:#777777; margin-top:-3px; }

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

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

.galleryGroup .slick-slide .gitem a:hover::before { border-top-color:#00a6fb; border-right-color:#00a6fb; border-left-color:#00a6fb; border-bottom:0 none; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#f9cc59; border-left-color:#f9cc59; border-right-color:#f9cc59; border-top:0 none;}

.galleryGroup .slick-slide .gitem .not_view .pic { background:none !important; }
.galleryGroup .slick-slide .gitem .not_view .pic img { left:0; filter: blur(8px); width:100%; height:100%;}
.galleryGroup .slick-slide .gitem .not_view::before { content:"비공개 게시물 입니다."; display:block; width:100%; background:url(../images/main/gnone.png) center top 35px no-repeat; height:159px !important; position:absolute; left:0; top:0; z-index:2; text-align:center; box-sizing:border-box; padding:110px 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); }
.galleryGroup .slick-slide .gitem .not_view dl { filter: blur(8px);}

.galleryGroup .slick-slide .gitem .not_view .pic .hover { display:none; }




/*사이버공부방*/
.cyberbox { float:right; width:560px; height:auto; margin:25px 0 30px 0; }
.cyberbox h3 { min-height:41px; display:inline-block; position:relative; box-sizing:border-box; padding:0px 0 0 0; font-size:26px; color:#222;}
.cyberbox h3 .c1 { color:#0466c8; }
.cyberbox h3 .eng { color:#777777; font-size:15px; font-weight:400; margin:0 0 0 12px; }

.cyberbox ul { display:flex; justify-content:space-between; }
.cyberbox ul li { width:calc((100% / 3) - (20px / 3)); }
.cyberbox ul li a { display:block; width:100%; height:54px; line-height:54px; border-radius:150px; box-shadow:none; transition:all 0.5s; background:#eeeeee; font-size:18px; font-weight:600; color:#555; text-align:center; }
.cyberbox ul li a span { display:inline-block; vertical-align:top; width:20px; height:20px; margin:17px 30px 0 0; transition:all 0.5s;}

.cyberbox ul li.ib1 a span { height:19px; background:url(../images/main/c_ic1.png) left top no-repeat; }
.cyberbox ul li.ib1 a:hover span {  background:url(../images/main/c_ic1_on.png) left top no-repeat; }
.cyberbox ul li.ib2 a span { background:url(../images/main/c_ic2.png) left top no-repeat; }
.cyberbox ul li.ib2 a:hover span {  background:url(../images/main/c_ic2_on.png) left top no-repeat; }
.cyberbox ul li.ib3 a span { background:url(../images/main/c_ic3.png) left top no-repeat; }
.cyberbox ul li.ib3 a:hover span {  background:url(../images/main/c_ic3_on.png) left top no-repeat; }

.cyberbox ul li a:hover { background:#00a6fb; color:#fff; box-shadow:0px 0px 12px rgba(0,0,0,0.15); }


/*급식*/
.food { float:right; width:560px; height:160px; overflow:hidden; background:#fdf0cf; border-radius:12px; padding:20px 30px; }
.food h3 { float:left; line-height:24px; font-size:26px;  font-weight:700; padding:9px 0 0; }
.food h3 a { color:#222; }
.food h3 span { display:block; font-size:15px; font-weight:400; color:#777; }
.food .ftxt { float:right; width:calc(100% - 158px); position:relative; z-index:1;  }
.food .ftxt div { width:100%; height:120px; background:#fff; border-radius:12px; box-sizing:border-box; padding:15px 20px 0; position:relative; z-index:1; }
.food .ftxt::before { content:""; display:block; width:46px; height:47px; background:url(../images/main/f_bg1.png) left top no-repeat; position:absolute; left:-25px; bottom:20px; z-index:-1; }
.food .ftxt::after { content:""; display:block; width:62px; height:102px; background:url(../images/main/f_bg2.png) left top no-repeat; position:absolute; right:-28px; top:-20px; z-index:-1; }

.food .ftxt div p a { display:block; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 24px;
	font-size:15px; color:#555;
	overflow:hidden;
    height: 72px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
	
.food .ftxt div p a:hover { text-decoration:underline; }
	
.food .ftxt div span.deco1 { display:block; width:103px; height:57px; background:url(../images/main/f_deco1.png) left top no-repeat; position:absolute; left:-20px; bottom:-20px; }
.food .ftxt div span.deco2 { display:block; width:154px; height:54px; background:url(../images/main/f_deco2.png) left top no-repeat; position:absolute; right:-20px; bottom:-20px; }



.food .more { position:absolute; left:30px; top:100px; }
.food .more a { display:block; padding:0 39px 0 0; position:relative; line-height:30px; font-size:16px; font-weight:700; color:#333; }
.food .more a::before { content:""; display:block; width:30px; height:30px; border-radius:50%; position:absolute; right:0; top:0; background:#333333 url(../images/main/arrow1.png) no-repeat center center / 15px; }


/*배너모음*/
#banner {margin:0px 0 0 0; height:100px;  float:none; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; background:#fff; }

#banner h3 {float:left; padding:36px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:24px; color:#010000; padding:0px 0px 0 0; }
#banner h3 a span { color:#0466c8; }
#banner .main_btn { position:absolute; right:0px; top:30px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:38px; margin-left:10px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:38px; border-radius:50%; box-sizing:border-box; text-indent:-999999px;  }
#banner .main_btn li.bbtn01 a { background:#eeeeee url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#eeeeee url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#eeeeee url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#00a6fb url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute;left:164px; top:22px; width:950px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 8px 0px 0; width:182px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:55px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:53px; }







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

@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 {
  background: #fff url(../images/main/vi_bg.jpg) right top 90px no-repeat;
}

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

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 auto 15px; width:100%; height:auto; z-index:1;}
.visual_wrap .vi_content { width:100%; position:static; }
.visual_wrap .vi_content > div { height:auto; }

.visual_wrap .slick-slide {  height:250px; overflow:hidden; border-radius:0 0px 0px 0; position:relative;}
.visual_wrap .slick-slide p img { width:100%; max-width:1030px; }
.visual_wrap .slick-slide video { width:100%; height:calc(100% + 100px); left:50%; transform:translateX(-50%); top:-50px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .vi_content .slick-list { left:0px; }

.visual_txt { position:absolute; width:100%; box-sizing:border-box; padding:0 15px 0; top:51px; text-align:center; z-index:1;  }
.visual_txt img { width:100%; max-width:320px; }

.visual_wrap .slick-dots { position:absolute; left:0px; bottom:18px; text-align:center; width:100%; max-width:1030px;}
.visual_wrap .vbtbox { position:absolute; left:0px; width:100%; max-width:1030px; bottom:8px; text-align:center;}


#main_cont1 { background:none; padding-bottom:0px; }
.right_pos { width:100%; float:left; position:static; z-index:0; margin-bottom:10px; }


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

/*퀵메뉴*/
.ic_slick { width:94%; height:auto; z-index:1; position:relative; float:left; margin:0 3% 25px; }

.galleryGroup::before { display:none; }
.galleryGroup::after { display:none; }


.cyberbox ul li a span { margin:17px 15px 0 0; }


/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; box-sizing:border-box; padding:25px 0 20px; }
#banner .default_layout::before { display:none; }
#banner h3 { float:none; padding:0px 0 0 3%;}
#banner .main_btn { position:absolute; right:3%; top:-5px; }
 
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%;  }
div#banner_scroll #banner_content .slick-slide { margin:0 15px 0px 0; }


}

@media all and (max-width:780px) {
/*추천도서*/
.bookGroup { padding:0 0 0 0px; height:auto; background:none; z-index:1; margin:0 3% 50px !important;}
.bookGroup::before { content:""; display:block; width:calc(100% - 39px); height:137px; background:#e6f7ff; position:absolute; right:-20px; bottom:-18px; border-radius:150px 0 0 150px; z-index:-1; }

.bookGroup h3 { margin-bottom:30px; }
.bookGroup h3 a { font-size:26px; color:#222; font-weight:bold; line-height:18px; }
.bookGroup h3 a span.eng { display:block; font-size:15px; color:#0466c8; font-weight:500; margin-bottom:9px; }

.bookGroup .pic { position:static; width:120px; box-shadow:0px 0px 10px rgba(1,58,116,0.2); float:left; }
.bookGroup .pic img { display:block; width:100%; height:auto; }

.bookGroup .book_item { }
.bookGroup .book_item a { display:block; }
.bookGroup .book_item a .pic + dl { margin-top:25px; }
.bookGroup .book_item a dl { float:right; width:calc(100% - 140px);  margin-top:15px; font-size:16px; color:#555; font-weight:500; }
.bookGroup .book_item a dl::after { content:""; display:block; clear:both; }
.bookGroup .book_item a dl dt { float:left; clear:both; text-align:center; border-radius:150px; width:68px; background:#79c4f2; font-size:17px; color:#333;  }
.bookGroup .book_item a dl dd { float:right; width:calc(100% - 83px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.bookGroup .more { position:absolute; right:0px; top:45px; }

.bookGroup .btxt { width:calc(100% - 140px); float:right; margin:28px 0 0;   }


}

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

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

}

@media all and (max-width:570px) {
/*학생학부모바로가기*/
.tquickbox { width:94%; height:318px; float:right; background:none; z-index:2; padding:0 0px 0 0;  }
.tquickbox h3 { position:static; font-weight:bold; font-size:26px; color:#222; margin-bottom:16px; }
.tquickbox h3 span { color:#0466c8; }
.tquickbox .sl_box { width:100%;  height:51px; z-index:1; position:relative; box-sizing:border-box; clear:both; margin:0px 0px 0 0; padding:0px 0 0 0px; }
.tquickbox .sl_box .titlebox ul { float:right; box-sizing:border-box; width:100%;  }
.tquickbox .sl_box .titlebox ul li { float:left; width:50%; }
.tquickbox .sl_box .titlebox ul li a { display:block; width:100%; height:51px; line-height:51px; border-radius:12px 12px 0 0;  font-size:18px;  }

.tquickbox .tab_def { width:100%; height:auto; background:#eeeeee; border-radius:0px 0 10px 10px; box-shadow:0px 0px 8px rgba(0,0,0,0.12); padding:20px 0px 5px; box-sizing:border-box; position:relative; overflow:hidden; }

.tquickbox .sl_box .tabcontent { float:left; width:calc(100% - 100px); opacity:0; left:-999999px; top:0; position:absolute; height:auto; box-sizing:border-box; margin:0 50px; }
.tquickbox .sl_box .tabcontent.current { position:relative; left:inherit; top:inherit; opacity:1;  } 
.tquickbox .slick_def {   }
.tquickbox .slick_def .slick-slide > div { float:left; width:100%; box-sizing:border-box; padding:0 4px 0 0; margin:0 0 15px 0; text-align:center; height:80px;}
.tquickbox .slick_def .slick-slide > div:nth-child(odd) { margin:0 0 15px 0; }
.tquickbox .slick_def .slick-slide > div:nth-child(even) { margin:0 0 15px 0; float:right; }
.tquickbox .slick_def .slick-slide a { display:block; width:100%; height:80px;  line-height:78px;  transition:all 0.4s; font-size:15px; color:#333;   }

.tquickbox .q_btn li { float:left; text-align:left; top:calc(50% - 13px); position:absolute; }

}

@media all and (max-width:554px) {
.galleryGroup h3 { height:50px; display:inline-block; position:relative; box-sizing:border-box; padding:0px 0 0 0; margin-bottom:26px; }
.galleryGroup h3 a .eng { display:block; margin:10px 0 0 0; font-size:18px; }
.galleryGroup .main_btn { position:absolute; right:3%; top:37px; }


}

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

/*공지사항 type1*/
.noticeGroup{ height:372px; }

.noticeGroup .noti_title { position:static;  margin-bottom:25px; }
.noticeGroup .noti_title span { color:#005eb8; }
.noticeGroup .flexbox { display:flex; justify-content: center; padding-left:0px;}
.noticeGroup h3 {   margin-left:43px; position:relative;}
.noticeGroup h3.btn1 { margin-left:0; }
.noticeGroup h3 a { display:block;  position:relative; font-size:20px; color:#999; position:relative; font-weight:700;  transition:all 0.5s; }
.noticeGroup h3::before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#dddddd; position:absolute; left:-24px; top:10px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup h3 a span  { display:none; vertical-align:top; margin:4px 5px 0 0; width:17px; height:17px; background:url(../images/main/nchk.png) left top no-repeat; transition:all 0.5s;   }
.noticeGroup .on_check .btn a { color:#0466c8; font-weight:bold;  }
.noticeGroup .on_check .btn a span  { display:inline-block; }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:88px; width:100%; display:none;  padding-top:0px; height:279px; border:1px solid #ddd; border-radius:11px; box-sizing:border-box; padding:19px 10px; }
.noticeGroup div.tabcontent .nitem:first-child dl dt { line-height:18px; width:100%; font-size:16px;  }
.noticeGroup div.tabcontent .nitem:first-child dl dd { color:#555; line-height:18px; width:100%; overflow:hidden; font-size:14px; }
.noticeGroup div.tabcontent .nitem:not(:first-child) dt {  font-size:15px; color:#333333; font-weight:500; }

.noticeGroup div.tabcontent .nitem:first-child .noti_date { left:10px; }
.noticeGroup div.tabcontent .nitem:first-child dl {
  padding: 21px 0px 0 65px;
}
.noticeGroup div.tabcontent .more { position:absolute; right:11px; top:-91px; }
.noticeGroup div.tabcontent .more a {  border-radius:20px; transition:all 0.5s; }


/*급식*/
.food { float:right; height:auto; overflow:hidden; background:#fdf0cf; border-radius:12px; padding:20px 15px; }

.food h3 { float:left; line-height:24px; font-size:26px;  font-weight:700; padding:9px 0 0; }
.food h3 a { color:#222; }
.food h3 span { display:block; }
.food .ftxt { float:right; width:100%; position:relative; z-index:1; margin:12px 0 0 0; }
.food .ftxt div { width:100%; height:120px; background:#fff; border-radius:12px; box-sizing:border-box; padding:15px 10px 0; position:relative; z-index:1; }
.food .ftxt::after { display:none; }
.food .ftxt div p a { letter-spacing:-0.5px; }
.food .more { position:absolute; left:inherit; right:15px; top:30px; }






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

}
@media all and (max-width:520px) {
/*팝업*/
.popupZone {height:202px;}
#popup_scroll { height:202px; }
#pop_center { }
#popup_scroll img { width:100%; height:202px; }

}
@media all and (max-width:480px) {
	
.ic_slick { padding:15px 10px; }
.ic_slick::before { content:""; display:block; clear:both; width:calc(100% + 280px); border-radius:10px 0 0 10px; height:100%; background: #0466C8;
background: linear-gradient(90deg,rgba(4, 102, 200, 1) 0%, rgba(0, 166, 251, 1) 100%); z-index:-1; position:absolute; left:0; top:0;}

.ic_slick h3 { width:100%; float:none; line-height:20px; text-align:left; color:#fff; font-size:14px; font-weight:normal; box-sizing:border-box; padding:0px 0 0 57px; background:url(../images/main/i_title.png) left 20px top 8px no-repeat; }
.ic_slick h3 span { display:block; font-size:20px; font-weight:bold; }
.ic_slick .ic_def { float:none; width:calc(100% - 20px); margin:15px auto 0; position:relative; padding:0 20px; box-sizing:border-box; }


#ic_list div a .txt {  font-size:15px;  }

.schedule {
  border-radius: 20px 10px 10px 10px;
  padding: 0 15px 0;
}
.schedule h3 { padding:0 0 0 0; }

}




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

/*메인비주얼*/
.visual_txt { top:31px; text-align:center; z-index:1;  }
.visual_wrap .slick-slide {  height:210px; }

}

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

.cyberbox ul li a { border-radius:10px; font-size:16px; }

}

@media all and (max-width:415px) {
/*추천도서*/
.bookGroup { padding:0 0 0 0px; height:auto; background:none; z-index:1;  }
.bookGroup::before { content:""; display:block; width:106%; height:137px; background:#e6f7ff; position:absolute; right:-3%; bottom:-18px; border-radius:0px 0 0 0px; z-index:-1; }

.bookGroup h3 { margin-bottom:30px; }
.bookGroup h3 a { font-size:22px; color:#222; font-weight:bold; line-height:18px; }
.bookGroup h3 a span.eng { display:block; font-size:13px; color:#0466c8; font-weight:500; margin-bottom:9px; }

.bookGroup .pic { position:static; width:120px; box-shadow:0px 0px 10px rgba(1,58,116,0.2); float:none; margin:0 auto 0; }
.bookGroup .pic img { display:block; width:100%; height:auto; margin:0 auto 0; }

.bookGroup .book_item { }
.bookGroup .book_item a { display:block; }
.bookGroup .book_item a .pic + dl { margin-top:25px; }
.bookGroup .book_item a dl { float:none; width:100%;  margin-top:15px; font-size:16px; color:#555; font-weight:500; }
.bookGroup .book_item a dl::after { content:""; display:block; clear:both; }
.bookGroup .book_item a dl dt { float:left; clear:both; text-align:center; border-radius:150px; width:68px; background:#79c4f2; font-size:17px; color:#333;  }
.bookGroup .book_item a dl dd { float:right; width:calc(100% - 83px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }


.bookGroup .more { position:absolute; right:0px; top:25px; }
.bookGroup .more a { font-size:14px; width:107px;   }

.bookGroup .btxt { width:100%; float:none; margin:28px 0 0;   }


}



@media all and (max-width:390px) {
/*팝업*/
.popupZone { height:222px;  }
#popup_scroll { width:100%; box-sizing:border-box; border-radius:10px 10px 0 10px; overflow:hidden; height:222px; box-shadow:0px 0px 5px rgba(0,0,0,0.15); }
#popup_scroll img { width:100%; height:222px; }


}

@media all and (max-width:385px) {
/*팝업*/
.popupZone {height:182px;}
#popup_scroll { height:182px; }
#pop_center { }
#popup_scroll img { width:100%; height:182px; }

}