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

body{ }
#header { position:absolute;  }

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

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

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

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

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


/*박스 공통*/
.col_box{float:left;  position:relative;  box-sizing:border-box; } /* 340 / 1100 = */



/*메인비주얼*/
.visual_wrap { position:relative; max-height:737px; width:100%; overflow:hidden;}
.visual_wrap:after { content:""; display:block; clear:both; }
.visual_wrap .slick-list {   }
#main_visual { width:100%; height:737px; }
.visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:162px; z-index:2; letter-spacing:-1px;  }
.visual_txt .vtxt { position:relative; z-index:1; padding:55px 0 0 0;}
.visual_txt .vtxt::before { content:""; display:block; width:256px; height:257px; background:url(../images/main/vi_bg.png) left top no-repeat; position:absolute; left:-120px; top:0; z-index:-1; }
.visual_txt .vtxt p { position:relative; z-index:1; color:#fff; font-weight:bold; }
.visual_txt .vtxt p.veng { font-size:12px; font-weight:bold; color:#fff; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.visual_txt .vtxt p.vtit1 { line-height:47px; font-size:30px; text-shadow:2px 2px 3px rgba(0,0,0,0.4); margin:6px 0 11px; }
.visual_txt .vtxt p.vtit1 span { color:#00fffc; }
.visual_txt .vtxt p.vtit2 { }
.visual_txt .vtxt p.vtit2 span { position:relative; z-index:1; display:inline-block; line-height:66px; padding:0 13px; font-size:48px;}
.visual_txt .vtxt p.vtit2 span::before { content:""; display:block; width:0%; height:100%; position:absolute; left:0; top:0; z-index:-1; background: rgb(25,67,208);
background: linear-gradient(90deg, rgba(25,67,208,1) 0%, rgba(0,97,229,1) 100%); }
.vitxt_box.effect .vtxt p.vtit2 span::before { -webkit-animation: text-gra-in 0.5s 1.1s linear both; animation: text-gra-in 0.5s 1.1s linear both; }
@-webkit-keyframes text-gra-in {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}
}
@keyframes text-gra-in {
	0% {
		width:0%;
	}
	100%{
		width:100%;
	}

}


.visual_wrap .vitxt_box { opacity:0; }
.visual_wrap .vitxt_box.effect { -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.visual_wrap .slick-dots { position:absolute; left:0; top:359px; position:absolute; left:50%; transform:translateX(-50%); width:1360px; box-sizing:border-box; padding:0 0 0 360px; overflow:hidden; }
.visual_wrap .slick-dots li { float:left; display:inline-block; cursor:pointer; vertical-align:top; width:12px; height:12px; border-radius:50%; box-sizing:border-box; border:2px solid #fff; margin-right:12px; box-shadow:2px 2px 4px rgba(0,0,0,0.3); }
.visual_wrap .slick-dots li.slick-active { background:#fff; }
.visual_wrap .slick-dots li span { display:none; }

.visual_wrap .scroll_ani { }
.visual_wrap .scroll_ani .mouse { }
.visual_wrap .scroll_ani .mouse_txt { font-size:16px; color:#fff; text-transform:uppercase; font-weight:500; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }

.scroll_ani { position:absolute; left:50%; transform:translateX(-50%); bottom:19px; z-index:10; text-align:center; }
.scroll_ani .mouse { position:relative; width:25px; height:47px; margin:0 auto 5px; border-radius:150px; box-sizing:border-box; border:4px solid #fff; }
.scroll_ani .mouse span { opacity:1; display:block; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:5px; background:#fff; top:8px; -webkit-animation: mouse-down 1.2s infinite linear both; animation: mouse-down 1.2s infinite linear both;}
@-webkit-keyframes mouse-down {
	0% {
		top:8px;
		opacity:1;
	}
	90% {
		top:28px;
	}
	100%{
		top:28px;
		opacity:0;
	}
}
@keyframes mouse-down {
	0% {
		top:8px;
		opacity:1;
	}
	90% {
		top:28px;
	}
	100%{
		top:28px;
		opacity:0;
	}

}

#main_cont1 { position:relative; padding:70px 0 63px; }
#main_cont1::before { content:""; display:block; width:100%; height:50%; background:#edf5f8; position:absolute; left:0; bottom:0; }
#main_cont1::after { content:""; display:block; width:312px; height:100%; background:url(../images/main/cont1_pat.png) left top no-repeat; position:absolute; left:0; bottom:0; }

#main_cont1 .default_layout { z-index:1; }


/*공지사항 type1*/
.noticeGroup { margin:0px 0px 0 0px; width:862px; height:349px;    }
.noticeGroup .nall_title { float:left; font-size:32px; font-weight:bold; color:#333333; position:relative; padding:19px 0 0 0; position:absolute; left:0; top:0px; }
.noticeGroup .f_direct { width:100%; display:flex; justify-content: flex-end; box-sizing:border-box; padding:0 75px 0 0;}
.noticeGroup .nall_title::before { content:""; display:block; width:34px; height:8px; position:absolute; left:0; top:0; background:url(../images/main/ntitle.png) left top no-repeat; }
.noticeGroup .nall_title span { background: rgb(65,96,203);
background: linear-gradient(122deg, rgba(65,96,203,1) 0%, rgba(56,188,231,1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent; }
.noticeGroup .notice_tep {  }
.noticeGroup h3 {float:left; text-align:center; font-size:19px; line-height:53px; height:53px; width:113px; box-sizing:border-box; border-radius:20px 20px 0 0; background:#bdbdbd; margin:16px 4px 0 0; position:relative; font-weight:600; z-index:2; }
.noticeGroup h3.btn1 {   }
.noticeGroup h3 a {color:#797979; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn { background:#17357a;  }
.noticeGroup .on_check .btn a{color:#fff; }
.noticeGroup .on_check .btn:before { content:""; display:block; width:17px; height:17px; border-radius:50%; background:#17357a; position:absolute; left:calc(50% - 8.5px); bottom:-8px; z-index:1; }

.noticeGroup div.tabcontent {position:absolute; left:0; top:69px; width:100%; box-sizing:border-box; border-radius:20px; height:280px; display:none; padding:0px 30px 0; background:#fff url(../images/main/nbg.png) right 38px bottom 16px no-repeat; box-shadow:0px 0px 5px rgba(0,0,0,0.3); z-index:1; }

.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li:first-child { height:120px; width:100%; box-sizing:border-box;  padding:0 108px 0 104px; position:relative; border-bottom:1px dashed #dddddd; margin-bottom:6px; }
.noticeGroup div.tabcontent ul li:first-child:before { content:""; display:block; width:85px; height:85px; position:absolute; left:0px; top:21px; 
background:#e1f3ff url(../images/main/nbell.png) center center no-repeat; border-radius:50%; }
.noticeGroup div.tabcontent ul li:first-child dl { padding:24px 0 0; }
.noticeGroup div.tabcontent ul li:first-child dt {  margin:0px 0 7px; }
.noticeGroup div.tabcontent ul li:first-child dt a { display:block; width:100%; height:25px; line-height:25px; color:#222; font-size:19px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-0.5px; font-weight:600; }
.noticeGroup div.tabcontent ul li:first-child dt img { position:absolute; left:64px; top:24px; }
.noticeGroup div.tabcontent ul li:first-child dd.txt { }
.noticeGroup div.tabcontent ul li:first-child dd.txt a { display:block; width:100%; height:44px; line-height:22px; color:#666;  overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; font-weight:400; font-size:16px;}
.noticeGroup div.tabcontent ul li:first-child dd.txt a:hover { text-decoration:underline; }

.noticeGroup div.tabcontent ul li:first-child dd.date { height:30px; line-height:30px; color:#666;  position:absolute; right:0px; bottom:11px; font-size:15px; font-weight:400;}
.noticeGroup div.tabcontent ul li:not(:first-child) { }
.noticeGroup div.tabcontent ul li:not(:first-child) img { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl { width:100%; font-size:17px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl:after { content:""; display:block; clear:both; } 
.noticeGroup div.tabcontent ul li:not(:first-child) dt { float:left; width:70%; position:relative; padding:0 0 0 16px; font-weight:400; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt:before { content:""; display:block; width:5px; height:5px; border-radius:50%; background:#363636; position:absolute; left:0px; top:15px; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt a { display:block; height:34px; line-height:34px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding:0 0 0 0; color:#333; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt a:hover { text-decoration:underline; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd.txt { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd.date { float:right; height:34px; line-height:34px; color:#666; font-weight:400;   padding:0 0px 0 0px; font-size:15px;  }


.noticeGroup div p.more {position:absolute; clear:both;right:14px; top:-53px; z-index:-1; }
.noticeGroup div p.more a { display:block; width:61px; height:53px; border-radius:20px 20px 0 0; background:#bbddf2 url(../images/main/more1.png) center 17px no-repeat; text-indent:-99999px; }


/*팝업*/
.popupZone { width:463px; float:right; height:334px; margin:16px 0 0; }
.popupZone .btbox { position:absolute; left:0; bottom:0; width:236px; height:49px; background:#fff; text-align:center; border-radius:150px; z-index:1; box-shadow:2px 2px 4px rgba(0,0,0,0.15); }
.popupZone .main_btn { display:inline-block; vertical-align:top; margin-top:18px; margin-left:0px;}
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; margin-left:18px; text-align:left; display:block; }
.popupZone .main_btn li.pbtn02 { margin-top:2px; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; }
.popupZone .main_btn li:not(.more) a { width:8px; height:13px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/pop_bt1.png) center center no-repeat; }
.popupZone .main_btn li.pbtn02 a { background:url(../images/main/pop_bt2.png) center center no-repeat; width:7px; height:10px;}
.popupZone .main_btn li.p_play a { background:url(../images/main/pop_bt2_on.png) center center no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/pop_bt3.png) center center no-repeat; }
.popupZone .main_btn li.more { margin-top:-5px; margin-left:17px;}
.popupZone .main_btn li.more a { width:24px; height:24px; border-radius:50%; background:#ccebff url(../images/main/pop_more.png) center center no-repeat;}
.popupZone .slick-counter { height:49px; line-height:49px; display:inline-block; vertical-align:top; font-size:18px; color:#666;  padding:0 0px; }
.popupZone .slick-counter .current { color:#1e317d; font-weight:bold; }
.popupZone .slick-counter .total { padding-left:13px; position:relative; margin-left:9px; }
.popupZone .slick-counter .total:before { content:""; display:block; width:4px; height:4px; background:#cccccc; position:absolute; left:0; top:8px; border-radius:50%;}
#popup_scroll { width:100%; box-sizing:border-box; border-radius:20px; box-shadow:0px 0px 5px rgba(0,0,0,0.3);}
#pop_center { width:100%; overflow:hidden; height:313px; border-radius:20px;}
#popup_scroll img { width:100%; height:313px; }


#main_cont2 { padding:47px 0 79px 0; position:relative; background:url(../images/main/cont2_bg1.png) left bottom no-repeat, url(../images/main/cont2_bg2.png) right bottom no-repeat; }
#main_cont2 .default_layout { z-index:1; }
#main_cont2 .default_layout .cont2_bg { width:1401px; height:340px; background:#f2f2f2; position:absolute; left:-184px; top:88px; border-radius:50px; }
#main_cont2 .default_layout .cont2_bg::before { content:""; display:block; width:244px; height:366px; position:absolute; left:-94px; bottom:-156px; background:url(../images/main/cont2_pat1.png) left top no-repeat;}
#main_cont2 .default_layout .col_box { z-index:1; }

/*입학*/
.main_info { width:380px; margin:0 35px 0 0; }
.main_info .eng { line-height:40px; font-size:13px; font-weight:bold; color:#315bbc; margin-top:-3px;}
.main_info .ititle { line-height:40px; font-size:32px; font-weight:bold; color:#333; margin-top:-6px; margin-bottom:43px; }
.main_info .btn { width:263px; position:relative; }
.main_info .btn::before { content:""; display:block; width:138px; height:45px; background:url(../images/main/hello.png) left top no-repeat; position:absolute; left:0; top:-26px; }
.main_info .btn a { display:block; width:100%; height:57px; line-height:57px; text-align:center; border-radius:150px; font-size:20px; color:#fff; font-weight:bold; background: rgb(34,76,173);
background: linear-gradient(90deg, rgba(34,76,173,1) 0%, rgba(80,42,176,1) 100%); transition:all 0.4s; box-shadow:2px 2px 3px rgba(0,0,0,0.3); }
.main_info .btn a:hover { background: rgb(35,74,210);
background: linear-gradient(90deg, rgba(35,74,210,1) 0%, rgba(72,198,239,1) 100%); }

.gdbox { margin:22px 0 0; display:flex; justify-content:space-between; flex-wrap:wrap; }
.gdbox li { width:calc(50% - 13px); margin-bottom:13px; }
.gdbox li a { display:flex; width:100%; align-items:center; line-height:30px; padding:15px 20px 14px 0; font-size:18px; color:#333; box-sizing:border-box; border-bottom:1px solid #cccccc; font-weight:500; letter-spacing:-0.5px; position:relative; }
.gdbox li a:hover { font-weight:700; }
.gdbox li a::before { content:""; display:block;  width:34px;}
.gdbox li.gic1 a::before {  height:23px; background:url(../images/main/guide_ic1.png) left top no-repeat;}
.gdbox li.gic2 a::before { height:22px; background:url(../images/main/guide_ic2.png) left top no-repeat;}
.gdbox li.gic3 a::before {  height:24px; background:url(../images/main/guide_ic3.png) left top no-repeat;}
.gdbox li.gic4 a::before { height:22px; background:url(../images/main/guide_ic4.png) left top no-repeat;}

.gdbox li a::after { content:""; display:block; width:8px; height:12px; background:url(../images/main/guide_arrow.png) left top no-repeat; position:absolute; right:0; top:calc(50% - 6px); }

.main_movie { width:606px; height:357px;  margin:12px 0 0 0; border-radius:20px 100px 20px 20px; background:url(../images/main/mov_bg.png) no-repeat center top / cover; box-shadow:0px 0px 5px 2px rgba(0,0,0,0.2); padding:21px 16px 0 17px; box-sizing:border-box; }
.main_movie .linebox { border-radius:18px 98px 18px 18px; overflow:hidden; width:100%; height:291px; box-sizing:border-box; border:3px solid #fff; }
.main_movie .m_vid { position:relative;  }
.main_movie video { width:100%; height:285px; background:#000;  }
.main_movie p.play { position:absolute; position:absolute; left:0; top:0; width:100%; height:100%;  text-align:center; background: url(../images/main/hong3.jpg) no-repeat center center / cover;}
.main_movie button { width:95px; height:95px; border-radius:50%; margin:0px auto 0; background:#fff; border:0 none; cursor:pointer; text-indent:-9999px; position:absolute; left:calc(50% - 47.5px); top:calc(50% - 47.5px); }
.main_movie button::before { content:""; display:block; width:0; height:0; border-left:37px solid #17357a; border-top:21px solid transparent; border-bottom:21px solid transparent; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }

.main_movie button:hover { -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both; }

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}




/*진학*/
.jinhakbox { float:right; width:272px; padding:36px 0 37px; margin:26px 0 86px 0; }
.jinhakbox .gra_bg { position:absolute; left:-33px; top:0; width:585px; height:100%; border-radius:50px 0 0 50px; text-align:right; display:flex; justify-content: flex-end; align-items: flex-end; background: rgb(23,53,122);
background: linear-gradient(180deg, rgba(23,53,122,1) 0%, rgba(34,76,173,1) 100%); line-height:45px; font-size:47px; color:rgba(255,255,255,0.2); text-transform:uppercase; font-weight:900; box-sizing:border-box;  padding:0 14px 15px; }
.jinbox { position:relative; z-index:1; }
.jinbox li { width:100%; box-sizing:border-box; margin:0 0 10px;}
.jinbox li.jic2 {  }
.jinbox li a { display:flex; align-items:center;  height:86px; border-radius:20px; box-sizing:border-box; border:2px solid #fff; padding:0 80px 0 17px; font-size:18px; font-weight:600; color:#fff; transition:all 0.4s; background:transparent; position:relative; }
.jinbox li a img { vertical-align:middle; }
.jinbox li a span { display:block; width:15px; height:14px; background:url(../images/main/l_arrow.png) left top no-repeat; margin:0 0 0 7px; transition:all 0.4s;}
.jinbox li.jic3 a { text-indent:-99999px; }
.jinbox li.jic3 a span { margin:12px 0 0 7px;}
.jinbox li.jic3 a::before { content:""; display:block; width:85px; height:37px; background:url(../images/main/book_tit.png) left top no-repeat; transition:all 0.4s;}
.jinbox li.jic3 a:hover::before { background:url(../images/main/book_tit2.png) left top no-repeat; }
.jinbox li a:hover { background:#fff; color:#224cac; }
.jinbox li a:hover span { background:url(../images/main/l_arrow2.png) left top no-repeat; }

.jinbox li.jic1 a::after { content:""; display:block; width:47px; height:35px; background:url(../images/main/l_ic1.png) left top no-repeat; position:absolute; right:24px; top:50%; transition:all 0.4s; transform:translateY(-50%); }
.jinbox li.jic1 a:hover::after { background:url(../images/main/l_ic1_on.png) left top no-repeat; }

.jinbox li.jic2 a::after { content:""; display:block; width:47px; height:38px; background:url(../images/main/l_ic2.png) left top no-repeat; position:absolute; right:24px; top:50%; transition:all 0.4s; transform:translateY(-50%); }
.jinbox li.jic2 a:hover::after { background:url(../images/main/l_ic2_on.png) left top no-repeat; }

.jinbox li.jic3 a::after { content:""; display:block; width:49px; height:34px; background:url(../images/main/l_ic3.png) left top no-repeat; position:absolute; right:23px; top:50%; transition:all 0.4s; transform:translateY(-50%); }
.jinbox li.jic3 a:hover::after { background:url(../images/main/l_ic3_on.png) left top no-repeat; }

.jinbox li.jic4 a::after { content:""; display:block; width:48px; height:54px; background:url(../images/main/l_ic4.png) left top no-repeat; position:absolute; right:23px; top:50%; transition:all 0.4s; transform:translateY(-50%); }
.jinbox li.jic4 a:hover::after { background:url(../images/main/l_ic4_on.png) left top no-repeat; }


/*월중행사 type1*/
.schedule { clear:both; width:379px; }
.schedule h3 { width:100%;  position:relative; margin-bottom:11px; }
.schedule h3::before,
.schedule h3::after { content:""; display:block; width:14px; height:44px; position:absolute; bottom:-27px; z-index:1; background:url(../images/main/sch_dot.png) left top no-repeat;}
.schedule h3::before { left:17px; }
.schedule h3::after { right:17px; }

.schedule h3 a { background:#17357a; border-radius:20px; display:block; width:100%; height:64px; line-height:64px; text-align:center; color:#fff; font-size:24px; font-weight:bold; position:relative; box-shadow:2px 3px 5px rgba(0,0,0,0.3);}
.schedule h3 a span { font-weight:500; font-size:20px; text-transform:uppercase; margin:0 0 0 8px; }

#schedule_scroll { width:100%; height:178px; border-radius:10px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-sizing:border-box; background:#fff url(../images/main/sch_pat.png) right bottom no-repeat; padding:34px 17px 0; overflow:hidden; }
#schedule_scroll div { width:100%; height:135px; overflow:hidden; }
#schedule_scroll ul { width:100%; overflow-y:auto; height:135px; }

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

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

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

#schedule_scroll ul li { margin:0px 0 18px; line-height:27px; }
#schedule_scroll ul li a { display:block; }
#schedule_scroll ul li dl::after { content:""; display:block; clear:both; }
#schedule_scroll ul li dl dt { float:right; width:calc(100% - 87px); height:27px; line-height:27px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#333; font-weight:500; }
#schedule_scroll ul li a:hover dl dt { text-decoration:underline; }
#schedule_scroll ul li dl dd { float:left; width:76px; height:27px; line-height:27px; border-radius:150px; text-align:center; background:#dff3ff; font-weight:600; font-size:18px; color:#333; }
#schedule_scroll ul li a:hover dl dd { color:#fff; background:#14a4ff; }



/*학생학부모바로가기*/
.tquickbox { float:right; width:calc(100% - 414px);  }
.tquickbox .titlebox { }
.tquickbox .titlebox::after { content:""; display:block; clear:both; }
.tquickbox .titlebox h3 { float:left; font-size:30px; color:#333; padding:19px 20px 0 0; }
.tquickbox .titlebox h3 span { color:#1456f0; }

.tquickbox .titlebox .tab { float:left; }
.tquickbox .titlebox .tab li { width:109px; float:left; margin:11px 8px 0 0; }
.tquickbox .titlebox .tab li a { display:block; width:100%; height:39px; line-height:37px; box-sizing:border-box; border-radius:150px; border:1px solid #cccccc; text-align:center; font-size:19px; font-weight:600; color:#666666; background:#fafafa; box-shadow:none; transition:all 0.5s; }
.tquickbox .titlebox .tab li.current a { background:#1456f0; border-color:#1456f0; color:#fff; box-shadow:0px 1px 6px 1px rgba(39,83,185,0.5); }

.tquickbox .tabcontent { display:none; margin-top:38px; }
.tquickbox .tabcontent.current { display:block; }

.tquickbox ul.qbox { position:absolute; right:0; top:15px; display:flex; }
.tquickbox ul.qbox::before { content:""; display:block; width:307px; height:1px; background:#dddddd; position:absolute; right:81px; top:15px; }
.tquickbox ul.qbox li {  margin-left:9px; }
.tquickbox ul.qbox li a { display:block; text-indent:-99999px; width:31px; height:31px; box-sizing:border-box; border:1px solid #cccccc; border-radius:5px; }
.tquickbox ul.qbox li.prev_ic a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.tquickbox ul.qbox li.next_ic a { background:#fff url(../images/main/q_bt3.png) center center no-repeat; }

.tquickbox .slick-slide { margin:0 0 0 0; border:0 none; text-align:center; }
.tquickbox .slick-slide a { display:block; width:114px; height:157px; margin:0 auto 0; }

.tquickbox .slick-slide a .qbox { width:100%; overflow:hidden; height:114px; box-sizing:border-box; padding:2px; border-radius:20px; position:relative; background:#ddd; }
.tquickbox .slick-slide a .qbox::before { content:""; display:block; width:0; height:0; background: rgb(72,198,239);
background: linear-gradient(90deg, rgba(72,198,239,1) 0%, rgba(35,74,210,1) 100%); position:absolute; left:0; top:0; transition:all 0.6s;}
.tquickbox .slick-slide a:hover .qbox::before { width:100%; height:100%;  }
.tquickbox .slick-slide a .qbox span { display:block; width:100%; border-radius:18px; height:110px; position:relative; z-index:1; }

.tquickbox .qcenter1 .slick-slide a .qbox span.ic1 { background:#fff url(../images/main/q_ic1_1.png) center center no-repeat; }
.tquickbox .qcenter1 .slick-slide a .qbox span.ic2 { background:#fff url(../images/main/q_ic1_2.png) center center no-repeat; }
.tquickbox .qcenter1 .slick-slide a .qbox span.ic3 { background:#fff url(../images/main/q_ic1_3.png) center center no-repeat; }
.tquickbox .qcenter1 .slick-slide a .qbox span.ic4 { background:#fff url(../images/main/q_ic1_4.png) center center no-repeat; }
.tquickbox .qcenter1 .slick-slide a .qbox span.ic5 { background:#fff url(../images/main/q_ic1_5.png) center center no-repeat; }
.tquickbox .qcenter1 .slick-slide a .qbox span.ic6 { background:#fff url(../images/main/q_ic1_6.png) center center no-repeat; }

.tquickbox .qcenter2 .slick-slide a .qbox span.ic1 { background:#fff url(../images/main/q_ic2_1.png) center center no-repeat; }
.tquickbox .qcenter2 .slick-slide a .qbox span.ic2 { background:#fff url(../images/main/q_ic2_2.png) center center no-repeat; }
.tquickbox .qcenter2 .slick-slide a .qbox span.ic3 { background:#fff url(../images/main/q_ic2_3.png) center center no-repeat; }
.tquickbox .qcenter2 .slick-slide a .qbox span.ic4 { background:#fff url(../images/main/q_ic2_4.png) center center no-repeat; }
.tquickbox .qcenter2 .slick-slide a .qbox span.ic5 { background:#fff url(../images/main/q_ic2_5.png) center center no-repeat; }
.tquickbox .qcenter2 .slick-slide a .qbox span.ic6 { background:#fff url(../images/main/q_ic2_6.png) center center no-repeat; }

.tquickbox .qcenter3 .slick-slide a .qbox span.ic1 { background:#fff url(../images/main/q_ic3_1.png) center center no-repeat; }
.tquickbox .qcenter3 .slick-slide a .qbox span.ic2 { background:#fff url(../images/main/q_ic3_2.png) center center no-repeat; }
.tquickbox .qcenter3 .slick-slide a .qbox span.ic3 { background:#fff url(../images/main/q_ic3_3.png) center center no-repeat; }
.tquickbox .qcenter3 .slick-slide a .qbox span.ic4 { background:#fff url(../images/main/q_ic3_4.png) center center no-repeat; }
.tquickbox .qcenter3 .slick-slide a .qbox span.ic5 { background:#fff url(../images/main/q_ic3_5.png) center center no-repeat; }
.tquickbox .qcenter3 .slick-slide a .qbox span.ic6 { background:#fff url(../images/main/q_ic3_6.png) center center no-repeat; }

.tquickbox .slick-slide a .qtxt { height:43px; line-height:43px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#333; font-weight:500; text-align:center; }


#gal_cont { min-height:559px; background:url(../images/main/gal_bg.jpg) center top no-repeat; position:relative; overflow:hidden; }
/*별똥별*/
#gal_cont { position:relative; background:url(../images/main/gal_bg.jpg) center top no-repeat; overflow:hidden; }
#gal_cont .star_bg { width:100%; height:100%; position:absolute; left:0; top:0; overflow:hidden; }
#gal_cont .star_bg span{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4px;
    height: 4px;
    background: rgba(255,255,255,0.9);
    border-radius: 150px;
    animation:  animate 3s linear infinite;
}
#gal_cont .star_bg span::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 300px;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1), transparent);
}
@keyframes animate {
    0%
    {
        transform: rotate(315deg) translateX(0);
        opacity: 1;
    }
    70%
    {
        opacity: 1;

    }
    100%
    {
        transform: rotate(315deg) translateX(-1500px);
        opacity: 0;

    }
    
}

#gal_cont .star_bg span:nth-child(1){
    top: -20px;
    left: 380px;
    animation-delay:0.6s;
    animation-duration: 2.5s;
}

#gal_cont .star_bg span:nth-child(2){
    top: -20px;
    left: 400px;
    animation-delay:0.8s;
    animation-duration: 2.5s;
}

#gal_cont .star_bg span:nth-child(3){
    top: -20px;
    right: 100px;
    left:initial;
    animation-delay:1s ;
    animation-duration: 3s;
}
#gal_cont .star_bg span:nth-child(4){
    top: -20px;
    right: 0px;
    left:initial;
    animation-delay:1s ;
    animation-duration: 2.75s;
}

#gal_cont .star_bg span:nth-child(5){
    top: -20px;
    right: 700px;
    left:initial;
    animation-delay:1.4s ;
    animation-duration: 3.25s;
}

#gal_cont .star_bg span:nth-child(6){
    top: -20px;
    right: 1000px;
    left:initial;
    animation-delay:0.75s ;
    animation-duration: 2.25s;
}

#gal_cont .star_bg span:nth-child(7){
    top: -20px;
    right: 1000px;
    left:initial;
    animation-delay:2.75s ;
    animation-duration: 2.25s;
}




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; min-height:550px; background:none;  }
.galleryGroup h3 { height:160px; box-sizing:border-box; text-align:center; padding:73px 0 0 0; background:url(../images/main/g_eng.png) center 41px no-repeat; }
.galleryGroup h3 a { line-height:49px; font-size:35px; color:#fff; font-weight:bold; text-shadow:2px 2px 3px rgba(0,0,0,0.2); }
.galleryGroup h3 a span {  }
.galleryGroup .main_btn {  }

.galleryGroup .more { position:absolute; right:25px; top:77px; }
.galleryGroup .more a { line-height:31px; font-size:16px; color:#fff; font-weight:bold; width:108px; height:33px; text-align:center; border-radius:150px; box-sizing:border-box; border:1px solid #fff; background:#002783; display:block; }
.galleryGroup .more a span { display:inline-block; vertical-align:top; width:25px; height:13px; background:url(../images/main/g_more.png) center center no-repeat; margin:7px 0 0 7px;}

.galleryGroup #gallery_scroll { width:100%; height:auto; min-height:280px; margin:0px 0 0; }
.galleryGroup .slick-slide { width:330px; height:280px; margin:0 13px 0 0; box-sizing:border-box; padding:11px 5px 0 12px; position:relative; }
.galleryGroup .slick-slide::before { content:""; display:block; width:calc(100% - 29px); height:calc(100% - 50px); border-radius:32px 0 32px 0; background:#ebebeb; position:absolute; left:0; top:0; }
.galleryGroup .gitem a { display:block; position:relative; height:262px; width:100%; box-sizing:border-box; background:#fff; border-radius:32px 0 32px 0; overflow:hidden; z-index:1; box-shadow:2px 2px 4px rgba(0,0,0,0.3); }
.galleryGroup .gitem .pic { width:100%; height:176px; box-sizing:border-box;  overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .gitem .g_sub { height:24px; line-height:24px; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:13px 0 9px; padding:0 13px 0; letter-spacing:-1px; font-weight:600; }
.galleryGroup .gitem a:hover .g_sub { font-weight:800; }
.galleryGroup .gitem .g_date { font-size:16px; color:#555; padding:0 30px; font-weight:500; background:url(../images/main/g_date.png) left 13px top 6px no-repeat; }

.galleryGroup .rangebox { margin:46px 0px 0 0; padding:0 120px 0 0; position:relative; }
.galleryGroup .rangebox .visual__progress {
  height: 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #002783, #002783);
  z-index: 2;
  border-radius:150px;
}
.galleryGroup .rangebox .main_btn { position:absolute; right:0; top:-18px; }
.galleryGroup .rangebox .main_btn li { float:left; }
.galleryGroup .rangebox .main_btn li.gbtn03 {  position:relative; margin-left:9px; }
.galleryGroup .rangebox .main_btn li a { display:block; width:40px; height:40px; text-indent:-99999px; box-sizing:border-box; border-radius:50%; box-shadow:2px 2px 5px rgba(0,0,0,0.2); }
.galleryGroup .rangebox .main_btn li.gbtn01 a { background:#fff url(../images/main/g_bt1.png) center center no-repeat; border:2px solid #dddddd; }
.galleryGroup .rangebox .main_btn li.gbtn03 a { background:#002783 url(../images/main/g_bt3.png) center center no-repeat; border:2px solid #dddddd; }
.galleryGroup .rangebox .main_btn li.gbtn02 { margin:13px 2px 0 0; }
.galleryGroup .rangebox .main_btn li.gbtn02 a { box-shadow:none; width:21px; height:24px; border-radius:0; background:url(../images/main/g_bt2.png) center center no-repeat;}
.galleryGroup .rangebox .main_btn li.g_stop a { background:url(../images/main/g_bt2_on.png) center center no-repeat;}

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

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

.galleryGroup .gitem a:hover::before { border-top-color:#45c4ef; border-right-color:#234ad2; }
.galleryGroup .gitem a:hover::after {  border-bottom-color:#234ad2; border-left-color:#45c4ef; }






/*배너모음*/
#banner {margin:0px 0 0px 0; height:95px;   position:relative; width:100%; box-sizing:border-box;  }
#banner h3 { float:left; letter-spacing:-1.5px; text-align:left; font-size:26px;   padding:36px 0 0 0;  box-sizing:border-box;  color:#333; font-weight:500; font-weight:bold;}
#banner .main_btn { position:absolute; left:91px; top:36px; }
#banner .main_btn:after { content:""; display:block; clear:both; }

#banner .main_btn li { float:left; width:26px; margin-left:5px; }
#banner .main_btn li a { display:block; width:100%; height:26px; border-radius:50%; box-sizing:border-box; border:1px solid #ddd; text-indent:-99999px; }
#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:#ddf2ff url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#ddf2ff url(../images/main/more2.png) center center no-repeat;  }



div#banner_scroll {position:absolute; right:-8px; top:18px; width:1140px; height:67px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 8px 0px 0; width:220px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:59px; box-sizing:border-box; border:1px #ccc solid; border-radius:10px; overflow:hidden;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%; height:57px; }



/*퀵메뉴*/
#side_cont { position:fixed; right:-109px; top:0; z-index:210; background:#ebeff2; width:109px; transition:all 0.5s; }
#side_cont.sideView { right:0; }

.sd_arrowbox { position:absolute; left:-75px; width:75px; top:50%; transform:translateY(-50%); }
.sd_arrowbox a { text-align:center; align-items:center; justify-content:center; display:flex; flex-direction:column; width:100%; height:156px; border-radius:30px 0 0 30px; background:#17357a; font-size:17px; line-height:22px; font-weight:bold; color:#fff; box-shadow:-1px 2px 3px rgba(0,0,0,0.4); }
.sd_arrowbox a .arrow { display:block; width:30px; height:30px; margin:10px auto 0; border-radius:50%; background:#fff url(../images/main/sd_arrow.png) center center no-repeat; transform:rotate(180deg); transition:all 0.4s; }
#side_cont.sideView .sd_arrowbox a .arrow { transform:rotate(0deg); }

#side_cont h3 { width:100%; height:168px; background:url(../images/main/sd_pat.png) center top no-repeat; text-align:center; color:#fff; line-height:28px; font-size:17px; box-sizing:border-box; padding:20px 0 0 0; font-family: 'JalnanGothic'; font-weight:normal;}

.sd_slbox { padding:54px 0 53px; position:relative; width:100%; }
.sdbox li { position:absolute; left:50%; transform:translateX(-50%); }
.sdbox li.sd_prev { top:42px; }
.sdbox li.sd_next { bottom:41px; }
.sdbox li a { display:block; width:20px; height:12px; text-indent:-99999px; }
.sdbox li.sd_prev a { background:url(../images/main/sd_bt1.png) center center no-repeat; }
.sdbox li.sd_next a { background:url(../images/main/sd_bt3.png) center center no-repeat; }

.side_slick .slick-slide { height:100px; width:100%; position:relative; border:0 none; margin:0; text-align:center; }
.side_slick .slick-slide .sd_item {  }
.side_slick .slick-slide .sd_item::before { content:""; display:block; width:42px; height:1px; background:#acacac; position:absolute; left:calc(50% - 21px); bottom:1px; }
.side_slick.line6 .slick-active + .slick-active + .slick-active + .slick-active + .slick-active + .slick-active .sd_item::before { display:none; }
.side_slick.line3 .slick-active + .slick-active + .slick-active .sd_item::before { display:none; }


.side_slick .slick-slide .sd_item a { text-align:center; font-size:14px; color:#333; line-height:24px; letter-spacing:-1px; position:relative; width:100%; display:block; }
.side_slick .slick-slide .sd_item a::after { content:""; display:block; opacity:0; transition:all 0.4s; width:8px; height:8px; background:#ed1c24; position:absolute; right:18%; top:15px; border-radius:50%; }
.side_slick .slick-slide .sd_item a:hover::after { opacity:1; }
.side_slick .slick-slide .sd_item a::before { content:""; display:block; width:100%; height:54px; }

.side_slick .slick-slide .sd_ic1 a::before { background:url(../images/main/sd_ic1.png) center 29px no-repeat; }
.side_slick .slick-slide .sd_ic2 a::before { background:url(../images/main/sd_ic2.png) center 26px no-repeat; }
.side_slick .slick-slide .sd_ic3 a::before { background:url(../images/main/sd_ic3.png) center 22px no-repeat; }
.side_slick .slick-slide .sd_ic4 a::before { background:url(../images/main/sd_ic4.png) center 26px no-repeat; }
.side_slick .slick-slide .sd_ic5 a::before { background:url(../images/main/sd_ic5.png) center 21px no-repeat; }
.side_slick .slick-slide .sd_ic6 a::before { background:url(../images/main/sd_ic6.png) center 22px no-repeat; }
.side_slick .slick-slide .sd_ic7 a::before { background:url(../images/main/sd_ic7.png) center 24px no-repeat; }

#side_cont .side_top_go { }
#side_cont .side_top_go a { display:block; width:100%; height:49px; line-height:30px; text-align:center; color:#fff; background:#001c5e; font-size:14px; font-family: 'JalnanGothic'; padding-top:8px; box-sizing:border-box;}
#side_cont .side_top_go a::before { content:""; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:11px solid #fff; margin:0 auto 0; }


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

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

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


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

/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:0px 0 0; height:auto;}
.visual_wrap .slick-slide { width:100%; height:auto; min-height:200px; position:relative; }
.visual_wrap .slick-slide div { height:auto;  }
.visual_wrap .slick-slide img { display:block; width:100%; min-height:200px;  }

.scroll_ani { display:none !important; }

.visual_txt { position:absolute; left:15px; transform:translateY(-50%); top:50%; z-index:2; letter-spacing:-1px;  }
.visual_txt .vtxt { position:relative; z-index:1; padding:0px 0 0 0;}
.visual_txt .vtxt::before { content:""; display:block; width:100px; height:100px; background:url(../images/main/vi_bg.png) no-repeat left top / cover; position:absolute; left:0px; top:0; z-index:-1; }
.visual_txt .vtxt p { position:relative; z-index:1; color:#fff; font-weight:bold; }
.visual_txt .vtxt p.veng { font-size:12px;  }
.visual_txt .vtxt p.vtit1 { line-height:30px; font-size:20px; margin:6px 0 11px; }
.visual_txt .vtxt p.vtit2 span { line-height:36px; padding:0 13px; font-size:30px;}


.visual_wrap .slick-dots { position:absolute; left:0; top:inherit; bottom:20px; position:absolute; left:15px; transform:none; width:94%; box-sizing:border-box; padding:0 0 0 360px; }


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

#main_cont1 { position:relative; padding:20px 0 10px; }

/*학교정보*/
.main_info .ititle { font-size:27px; }
.gdbox li a { font-size:16px; word-break:keep-all; letter-spacing:-1px; padding: 15px 10px 14px 0; }

/*진학링크*/
.jinhakbox .gra_bg { width:106%; left:-3%; border-radius:0; }

#main_cont2 { padding:47px 0 10px 0; position:relative; background:url(../images/main/cont2_bg1.png) left bottom no-repeat, url(../images/main/cont2_bg2.png) right bottom no-repeat; }


/*학생학부모바로가기*/
.tquickbox {  }
.tquickbox .titlebox { }
.tquickbox .titlebox::after { content:""; display:block; clear:both; }
.tquickbox .titlebox h3 { float:none; font-size:25px; padding:19px 20px 0 0; margin-bottom:10px; }
.tquickbox .titlebox h3 span { color:#1456f0; }

.tquickbox .titlebox .tab { float:none; }
.tquickbox .titlebox .tab li { width:calc(33% - 4px); margin:11px 4px 0 0; }
.tquickbox .titlebox .tab li:nth-child(2) { width:calc(34% - 4px); }
.tquickbox .titlebox .tab li a { display:block; width:100%; height:39px; line-height:37px; box-sizing:border-box; border-radius:150px; border:1px solid #cccccc; text-align:center; font-size:19px; font-weight:600; color:#666666; background:#fafafa; box-shadow:none; transition:all 0.5s; }
.tquickbox .titlebox .tab li.current a { background:#1456f0; border-color:#1456f0; color:#fff; box-shadow:0px 1px 6px 1px rgba(39,83,185,0.5); }

.tquickbox .tabcontent { display:none; margin-top:20px; }
.tquickbox .tabcontent.current { display:block; }

.tquickbox ul.qbox { position:absolute; right:0; top:15px; display:flex; }
.tquickbox ul.qbox::before { display:none; }
.tquickbox ul.qbox li {  margin-left:9px; }
.tquickbox ul.qbox li a { display:block; text-indent:-99999px; width:31px; height:31px; box-sizing:border-box; border:1px solid #cccccc; border-radius:5px; }
.tquickbox ul.qbox li.prev_ic a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.tquickbox ul.qbox li.next_ic a { background:#fff url(../images/main/q_bt3.png) center center no-repeat; }

.tquickbox .slick-slide { margin:0 0 0 0; border:0 none; text-align:center; }
.tquickbox .slick-slide a { display:block; width:114px; height:157px; margin:0 auto 0; }
.tquickbox .slick-slide a .qtxt { font-size:15px; }


#gal_cont { background:url(../images/main/gal_bg.jpg) no-repeat center top / cover; position:relative; overflow:hidden; }


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

div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 0%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 3% 0px 0; width:22%;  }



/*퀵메뉴*/
#side_cont { position:relative; right:0; top:0; z-index:1; background:#ebeff2; width:94%; margin:20px 3% 0px; overflow:hidden; }
#side_cont.sideView { right:0; }

.sd_arrowbox { display:none !important; }

#side_cont h3 { width:100%; height:auto; background:#2753b9; font-size:17px; padding:15px 0;}
#side_cont h3 br { display:none; }
.sd_slbox { padding:15px 25px 15px; position:relative; width:100%; box-sizing:border-box; }
.sdbox li { position:absolute; transform:translateY(-50%); }
.sdbox li.sd_prev { left:10px;  top:50%; }
.sdbox li.sd_next { left:inherit; right:10px; bottom:inherit; top:50%;  }
.sdbox li a { display:block; width:20px; height:12px; text-indent:-99999px; }
.sdbox li.sd_prev a { transform:rotate(-90deg); }
.sdbox li.sd_next a { transform:rotate(-90deg); }

.side_slick .slick-slide .sd_item {  }
.side_slick .slick-slide .sd_item::before { display:none; }



#side_cont .side_top_go { display:none; }



}

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

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


}

@media all and (max-width:719px) {
#gal_cont { padding-bottom:30px; }
.galleryGroup h3 { margin-bottom:15px; }
.galleryGroup h3 a { font-size: 27px; }
.galleryGroup .more { top: 127px; right: 0px; }
.galleryGroup .slick-slide { margin:0 0 20px 0; }
.galleryGroup .rangebox { margin:26px 0px 0 0; }


}

@media all and (max-width:614px) {
/*공지사항 type1*/
.noticeGroup { height:395px;    }
.noticeGroup .nall_title { float:none; font-size:24px; padding:19px 0 0 0; position:relative; left:0; top:0px; }
.noticeGroup .f_direct { width:100%; display:block; box-sizing:border-box; padding:0 75px 0 0;}
.noticeGroup .notice_tep {  }
.noticeGroup h3 { margin:10px 0 0; position:relative; font-weight:600; z-index:2; width:calc(50% - 21px); }
.noticeGroup div.tabcontent { top:106px; padding: 0px 15px 0; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { width:65%; box-sizing:border-box; }
.noticeGroup div.tabcontent ul li:first-child { padding: 0 108px 0 0px; }
.noticeGroup div.tabcontent ul li:first-child img { display:none; }
.noticeGroup div.tabcontent ul li:first-child::before { display:none; }


}

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

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

}

@media all and (max-width:460px) {
.visual_txt .vtxt p.vtit1 { line-height:27px; font-size:15px; margin:6px 0 11px; }
.visual_txt .vtxt p.vtit2 span { line-height:36px; padding:0 13px; font-size:22px;}
}

@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; }	
	
}
@media all and (max-width:340px) {
.gdbox li a { font-size:15px; }
}