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

body{background:#fff;}

#container {width:100%; margin:0px auto; position:relative; }
#container:before { content:""; display:block; width:100%; height:160px; background:#f1f1f1; position:absolute; left:0; top:-54px; }
#container:after { content:""; display:block; clear:both; }

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

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

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

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


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


/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:1400px; }
.visual_wrap .slick-slide { width:100%; height:515px; position:relative; z-index:1; }
.visual_wrap .slick-slide p { width:1216px; height:515px; overflow:hidden; border-radius:0 50px 150px 0; }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .slick-slide img {  }
.visual_wrap .vi_content { position:relative; z-index:1; }
.visual_wrap .vi_content .slick-list { left:-260px; }
.visual_txt { position:absolute; z-index:1; width:100%; box-sizing:border-box; padding:0 0; top:38px; text-align:right;  }
.visual_txt .vis_t1 { padding:0 74px 0 0; }
.visual_txt .vis_t1.effect { -webkit-animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; }
			@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
.visual_wrap .vbtbox { position:absolute; left:0; width:100%; bottom:30px; text-align:center;  }
.visual_wrap .vbt_cir { display:inline-block; border-radius:150px; padding:10px 15px 3px; box-sizing:border-box; background:rgba(0,0,0,0.5); height:auto; }
.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; }

.visual_wrap .slick-dots { position:absolute; left:0; bottom:50px; }
.visual_wrap .slick-dots li { display:inline-block; width:21px; height:21px; border-radius:50%; box-sizing:border-box; border:1px solid transparent; position:relative; vertical-align:middle; cursor:pointer; padding:4px; margin-right:2px; }
.visual_wrap .slick-dots li span { display:block; text-indent:-99999px; width:11px; height:11px; border-radius:50%; background:#ddd; }

.visual_wrap .slick-dots li.slick-active { border-color:#fff; }
.visual_wrap .slick-dots li.slick-active span { background:#fff; }


.main_searchbox { position:absolute; right:0; top:-308px; width:530px; height:auto; z-index:1; background:none; }
.main_searchbox ul.search li { width:100%; height:70px; box-sizing:border-box; border-radius:15px; background:#fff; padding:0 90px 0 0; border:1px solid #ddd; position:relative; margin-bottom:20px; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2); }
.main_searchbox ul.search li:after { content:""; display:block; clear:both; }
.main_searchbox ul.search li input.text_int { display:block; width:100%; height:68px; line-height:68px; border:0 none; border-radius:13px; font-size:18px; color:#939396; box-sizing:border-box; padding:0 29px; font-family: "Noto Sans KR", sans-serif; }
.main_searchbox ul.search li input.text_int:focus { outline:none;  }

.main_searchbox ul.search li input.srbtn { position:absolute; right:10px; top:-8px; display:block; width:63px; height:63px; cursor:pointer; text-indent:-999999px; border:0 none; border-radius:15px 5px 15px 5px; background:#00a04f url(../images/main/search_ic.png) center center no-repeat; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);}

.main_searchbox div.ic_list { }
.main_searchbox div.ic_list:after { content:""; display:block; clear:both; }
.main_searchbox div.ic_list div { float:left; width:150px; margin-right:40px; position:relative; z-index:1; }
.main_searchbox div.ic_list div:nth-child(3),
.main_searchbox div.ic_list div:nth-child(6) { margin-right:0; }

.main_searchbox div.ic_list div:nth-child(1),
.main_searchbox div.ic_list div:nth-child(2),
.main_searchbox div.ic_list div:nth-child(3) { margin-bottom:18px; }

.main_searchbox div.ic_list div a { display:block; width:100%; height:100px; border-radius:15px; background:#fff; box-sizing:border-box; padding-top:14px; box-shadow:0px 3px 6px 1px rgba(0,0,0,0.18); text-align:center; transition:background 0.4s;}
.main_searchbox div.ic_list div a .ic { display:block; width:100%; height:47px; }
.main_searchbox div.ic_list div.ic_l1 a .ic { background:url(../images/main/ic_l1.png) center top no-repeat; }
.main_searchbox div.ic_list div.ic_l2 a .ic { background:url(../images/main/ic_l2.png) center top no-repeat; }
.main_searchbox div.ic_list div.ic_l3 a .ic { background:url(../images/main/ic_l3.png) center top no-repeat; }
.main_searchbox div.ic_list div.ic_l4 a .ic { background:url(../images/main/ic_l4.png) center top no-repeat; }
.main_searchbox div.ic_list div.ic_l5 a .ic { background:url(../images/main/ic_l5.png) center top no-repeat; }
.main_searchbox div.ic_list div.ic_l6 a .ic { background:url(../images/main/ic_l6.png) center top no-repeat; }

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

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

.main_searchbox div.ic_list div a:hover::before,
.main_searchbox div.ic_list div.t_on a::before { border-top-color:#02954a; border-right-color:#02954a; }
.main_searchbox div.ic_list div a:hover::after,
.main_searchbox div.ic_list div.t_on a::after {  border-bottom-color:#02954a; border-left-color:#02954a; }

.main_searchbox div.ic_list div a:hover,
.main_searchbox div.ic_list div.t_on a { background:#ebeff2; }
.main_searchbox div.ic_list div a:hover .ic { -webkit-animation: jello-horizontal 0.9s both;
	        animation: jello-horizontal 0.9s both; }

.main_searchbox div.ic_list div a .txt { display:block; width:100%; font-size:14px; color:#333; letter-spacing:-0.5px; padding:0 5px; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_searchbox div.ic_list div a:hover .txt { font-weight:500; }

#timetable { position:absolute; left:0; width:730px; top:90px; background:#fff; border-radius:15px; padding:17px 20px 20px; box-sizing:border-box; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2); opacity:0; transition:all 0.5s; }

#timetable.tt_view { left:-745px; opacity:1;  }
#timetable h3 { font-size:20px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:12px 0 0; margin-bottom:15px;}
#timetable h3 span { color:#00a04f; font-size:24px;}

#timetable div { border:1px solid #ddd; width:100%; box-sizing:border-box; background:#fff; }
#timetable div:after { content:""; display:block; clear:both; }
#timetable dl { float:left; font-size:14px; color:#333; text-align:center;  box-sizing:border-box; width:16.5%; border-right:1px solid #ddd; }
#timetable dl:nth-child(-n+6) { border-bottom:1px solid #ddd; }
#timetable dl:nth-child(6) { border-right:0 none; width:17.5%; }
#timetable dl.size { width:25.25%; }
#timetable dl:last-child { border-right:0 none; }
#timetable dl dt { font-size:15px; font-weight:500; color:#00a04f; line-height:26px; border-bottom:1px solid #ddd; padding:3px 5px; background:#ebeff2; }
#timetable dl dd { line-height:24px; padding:3px 5px; }
#timetable .close { position:absolute; right:20px; top:18px; }
#timetable .close a { transform:rotate(45deg); display: block;
    width: 33px;
    height: 33px;
    text-indent: -99999px;
    border-radius:50%;
    background: #00a04f url(../images/main/more.png) center center no-repeat;
    box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);
}


@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

/*메인퀵메뉴*/
.main_quick { width:100%; height:106px; background:none; margin:0 0 60px 0; }
.main_quick .main_btn{ }
.main_quick .main_btn li { position:absolute;  top:calc(50% - 9.5px);  }
.main_quick .main_btn li.mq_btn01 { left:0; }
.main_quick .main_btn li.mq_btn03 { right:0; }

.main_quick .main_btn li a { display:block; width:12px; height:19px; text-indent:-99999px; }
.main_quick .main_btn li.mq_btn01 a { background:url(../images/main/q_bt1.png) center top no-repeat; }
.main_quick .main_btn li.mq_btn03 a { background:url(../images/main/q_bt3.png) center top no-repeat; }

#main_qucik_scroll { width:calc(100% - 56px); margin:27px 28px 0; } 
#main_qucik_scroll .slick-slide { border:0 none; }
#main_qucik_scroll .mq_item { padding:3px 13px 3px; box-sizing:border-box; border-radius:150px;  }
#main_qucik_scroll .mq_item a { display:block; width:100%; height:46px; line-height:46px; border-radius:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; text-align:center; background:#fff; transition:all 0.4s; font-size:14px; color:#02954a; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.18);}
#main_qucik_scroll .mq_item a:hover { font-weight:500; color:#fff; background:#02954a; }


/*공지사항 type1*/
.noticeGroup{ width:900px; height:390px; }
.noticeGroup:before { content:""; display:block; width:100%; height:60px; box-sizing:border-box; border:1px solid #dddddd; border-bottom-color:#2a313e; position:absolute; left:0; top:0; }
.noticeGroup h3 {float:left; padding:0px; position:relative; z-index:1;}
.noticeGroup h3 a { display:block; height:59px; line-height:63px; text-align:center; color:#939396; font-weight:normal; font-family: "GmarketSansMedium"; font-size:20px; padding:0 40px; position:relative; }
.noticeGroup h3 a:before { content:""; display:block; width:1px; height:37px; background:#ddd; position:absolute; right:0; top:11px; }
.noticeGroup img { display:none; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#fff; background:#2a313e; }
.noticeGroup .on_check .btn a:before { display:none; }

.noticeGroup div.tabcontent {position:absolute;left:0;top:75px;width:100%; display:none;}
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li:first-child { margin-bottom:10px; }
.noticeGroup div.tabcontent ul li:first-child a { display:block; width:100%; height:120px; box-sizing:border-box; position:relative; background:#f1f1f1; padding:32px 40px 0 144px; }
.noticeGroup div.tabcontent ul li:first-child a dt { line-height:24px; font-size:18px; color:#2a313e; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.noticeGroup div.tabcontent ul li:first-child a dd { line-height:24px; font-size:15px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:8px; }
.noticeGroup div.tabcontent ul li:first-child a:hover dd { font-weight:500; }

.noticeGroup div.tabcontent ul li:first-child a .ndate { position:absolute; left:31px; top:19px; width:81px; height:81px; border-radius:50%; text-align:center; background:#fff; font-size:14px; color:#02954a; font-family: "GmarketSansMedium"; line-height:24px; box-sizing:border-box; padding-top:18px; }
.noticeGroup div.tabcontent ul li:first-child a .ndate .fd1 { display:none; }
.noticeGroup div.tabcontent ul li:first-child a .ndate .fd2 { font-size:24px; font-family: "GmarketSansBold"; display:block; }


.noticeGroup div.tabcontent ul li:not(:first-child) { }
.noticeGroup div.tabcontent ul li:not(:first-child):after { content:""; display:block; clear:both; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl { float:left; width:calc(100% - 110px); }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { line-height:42px; font-size:16px; color:#333; box-sizing:border-box; padding:0 0 0 20px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333; }
.noticeGroup div.tabcontent ul li:not(:first-child) dt:before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:#2a313e; position:absolute; left:0; top:19px; }
.noticeGroup div.tabcontent ul li:not(:first-child) a:hover dt { text-decoration:underline; }
.noticeGroup div.tabcontent ul li:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent ul li:not(:first-child) .ndate { float:right; font-size:16px; color:#939396; line-height:42px;}

.noticeGroup div p.more {position:absolute; clear:both; right:1px; top:-74px; }
.noticeGroup div p.more a { display:block; width:59px; height:58px; text-indent:-999999px; background:#ebeff2 url(../images/main/nmore.png) center center no-repeat; box-sizing:border-box; border-left:1px solid #dddddd;}


/*팝업*/
.popupZone { position:relative;  width:452px; height:390px; float:right; margin-bottom:60px; }
.popupZone h3 { font-size:24px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:12px 0 0;}
.popupZone h3 span { color:#00a04f; font-size:20px; margin:0 0 0 6px;}
 
.popupZone #popbox { position:absolute !important; left:0; top:0; height:390px; width:100%; box-sizing:border-box; padding-top:73px;  }
.popupZone #popbox li { height:286px; width:100%;  top:73px !important;   box-sizing:border-box; border-radius:0 15px 0 15px; }
.popupZone #popbox li a { display:block; width:100%; height:317px; border-radius:0 15px 0 15px; box-shadow:0px 3px 6px 2px rgba(0,0,0,0.18); }
.popupZone #popbox li img { width:100%; height:317px; border-radius:0 15px 0 15px;}
.popupZone #popbox li.no_pop {  }

.popupZone #popbox .pageall { position:relative; float:left; margin-right:30px; }
.popupZone #popbox .pageall {   }
.popupZone #popbox .pageall:after { content:""; display:block; clear:both; }
.popupZone #popbox .pageall .external { display:inline-block; vertical-align:middle;}
.popupZone #popbox .pageall .total { display:inline-block; height:42px; vertical-align:middle; line-height:42px;  color:#939396; margin-left:9px; position:relative; padding:0 0 0 10px;  font-size:16px;}
.popupZone #popbox .pageall .total:before { content:""; display:block; width:1px; height:10px; background:#dddddd; position:absolute; left:0; top:17px; }

.popupZone #popbox .control { position:absolute; right:0; top:0px; width:187px; height:42px; border-radius:150px; background:#fff; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.13); box-sizing:border-box; padding:0 0 0 25px; }
.popupZone #popbox .control:after { content:""; display:block; clear:both; }
.popupZone #popbox .control p { width:9px;  float:left; margin-right:15px; margin-top:14px; }
.popupZone #popbox .control p a { display:block; width:100%; height:14px; text-indent:-999999px; }
.popupZone #popbox .control p#prev1 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.popupZone #popbox .control p.play {    }
.popupZone #popbox .control p.play a {  background:url(../images/main/p_bt2.png) left top no-repeat; }
.popupZone #popbox .control p.stop a {  background:url(../images/main/p_bt2_on.png) left top no-repeat;}
.popupZone #popbox .control p#next1 a { background:url(../images/main/p_bt3.png) left top no-repeat;}

.popupZone #popbox .control p.more { width:15px; margin-left:6px; margin-right:0; }
.popupZone #popbox .control p.more a { background:url(../images/main/noti_more.png) left top no-repeat; }


#adv-custom-pager2 span { display:none; text-indent:-99999px; }
#adv-custom-pager2 span.cycle-pager-active { display:block; height:42px; font-size:0px; }
#adv-custom-pager2 span.cycle-pager-active::before { display:block; width:100%; height:42px; line-height:42px; font-size:16px; color:#000; text-indent:0; text-align:right; }
#adv-custom-pager2 span:nth-child(1).cycle-pager-active::before { content:"01";  }
#adv-custom-pager2 span:nth-child(2).cycle-pager-active::before { content:"02";  }
#adv-custom-pager2 span:nth-child(3).cycle-pager-active::before { content:"03";  }
#adv-custom-pager2 span:nth-child(4).cycle-pager-active::before { content:"04";  }
#adv-custom-pager2 span:nth-child(5).cycle-pager-active::before { content:"05";  }
#adv-custom-pager2 span:nth-child(6).cycle-pager-active::before { content:"06";  }
#adv-custom-pager2 span:nth-child(7).cycle-pager-active::before { content:"07";  }
#adv-custom-pager2 span:nth-child(8).cycle-pager-active::before { content:"08";  }
#adv-custom-pager2 span:nth-child(9).cycle-pager-active::before { content:"09";  }
#adv-custom-pager2 span:nth-child(10).cycle-pager-active::before { content:"10";  }
#adv-custom-pager2 span:nth-child(11).cycle-pager-active::before { content:"11";  }
#adv-custom-pager2 span:nth-child(12).cycle-pager-active::before { content:"12";  }
#adv-custom-pager2 span:nth-child(13).cycle-pager-active::before { content:"13";  }
#adv-custom-pager2 span:nth-child(14).cycle-pager-active::before { content:"14";  }
#adv-custom-pager2 span:nth-child(15).cycle-pager-active::before { content:"15";  }
#adv-custom-pager2 span:nth-child(16).cycle-pager-active::before { content:"16";  }
#adv-custom-pager2 span:nth-child(17).cycle-pager-active::before { content:"17";  }
#adv-custom-pager2 span:nth-child(18).cycle-pager-active::before { content:"18";  }
#adv-custom-pager2 span:nth-child(19).cycle-pager-active::before { content:"19";  }
#adv-custom-pager2 span:nth-child(20).cycle-pager-active::before { content:"20";  }


/*월중행사 type1*/
.schedule { margin:0px 0 0px; width:900px; clear:both; height:auto; background:none; min-height:210px; }
.schedule h3 { padding-top:2px; height:54px; box-sizing:border-box; }
.schedule h3 a { font-size:26px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:0px 0 0;}
.schedule h3 span { color:#00a04f; font-size:22px; margin:0 0 0 11px;}

.schedule .btbox{ position:absolute; top:0; right:0px; width:142px; height:35px; border-radius:150px; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.13); box-sizing:border-box; padding:11px 0 0 21px; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.13);}
.schedule .btbox li { float:left; }
.schedule .btbox li:not(.more) { }
.schedule .btbox li.sbtn02 { margin:0 15px; }
.schedule .btbox li:not(.more) a { display:block; width:9px; height:14px; text-indent:-99999px; }
.schedule .btbox li.sbtn01 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.schedule .btbox li.sbtn02 a { background:url(../images/main/p_bt2.png) left top no-repeat; }
.schedule .btbox li.sbtn02.s_play a { background:url(../images/main/p_bt2_on.png) left top no-repeat; }
.schedule .btbox li.sbtn03 a { background:url(../images/main/p_bt3.png) left top no-repeat; }

.schedule .btbox li.more { position:absolute; right:9px; top:-5px; }
.schedule .btbox li.more a { display:block; width:33px; height:33px; text-indent:-99999px; border-radius:8px 3px 8px 3px; background:#00a04f url(../images/main/more.png) center center no-repeat; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);}

#schedule_scroll { width:100%; height:156px; border-radius:15px; background:#fff; box-sizing:border-box; padding:19px 0px 0 0; border:1px solid #ddd; }
#schedule_scroll .slick-slide { height:116px; box-sizing:border-box; }
#schedule_scroll .sch_item { }
#schedule_scroll .sch_item a { display:block; width:100%; height:116px; position:relative; box-sizing:border-box; padding:0px 40px 0; }
#schedule_scroll .sch_item a::before { content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; right:0; top:0px; }
#schedule_scroll .sch_item a .date { width:100%; height:40px; margin:0 auto 14px; border-radius:15px; box-sizing:border-box; background:#ebeff2; line-height:40px; text-align:center; color:#2a313e; font-size:18px; transition:all 0.4s; }
#schedule_scroll .sch_item a:hover .date { background:#00a04f; color:#fff; }
#schedule_scroll .sch_item a .sch_txt { /* 여러 줄 자르기 추가 스타일 */
overflow:hidden; font-size:16px; color:#666; 
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

#schedule_scroll .sch_item a:hover .sch_txt { font-weight:500; color:#333; }


/*급식*/
.food { width:452px; height:210px; float:right; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.15); border-radius:15px; background: rgb(230,241,251);
background: linear-gradient(90deg, rgba(230,241,251,1) 0%, rgba(218,234,226,1) 100%); padding:30px 29px 0; margin-bottom:84px; }
.food h3 { padding-top:2px;  box-sizing:border-box; }
.food h3 a { font-size:26px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:0px 0 0;}
.food h3 span { color:#00a04f; font-size:22px; margin:0 0 0 11px;}

.food .ftxt { margin:15px 0 35px; }
.food .ftxt a { display:block; overflow:hidden; font-size:16px; color:#666; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.food .ftxt a:hover { font-weight:500; color:#333; }
.food .more { }
.food .more a { display:block; width:85px; height:26px; box-sizing:border-box; line-height:25px; position:relative; border-bottom:1px solid #333333; font-size:16px; color:#333; font-weight:700; transition:all 0.4s; }
.food .more a:before { content:""; display:block; width:24px; height:15px; background:url(../images/main/f_arrow.png) left top no-repeat; position:absolute; right:0; top:5px; transition:all 0.4s; }
.food .more a:hover:before { right:-10px; }

/*고려뉴스*/
.newsgroup { width:100%; height:auto; z-index:1; padding-bottom:60px; }
.newsgroup:before { content:""; display:block; width:929px; height:100%; position:absolute; left:-260px; top:0; border-radius:0 200px 0 0; background: rgb(230,241,251);
background: linear-gradient(180deg, rgba(230,241,251,1) 0%, rgba(255,255,255,1) 100%); z-index:-1; }
.newsgroup .btbox{ position:absolute; top:27px; right:0px; width:142px; height:35px; border-radius:150px; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.13); box-sizing:border-box; padding:11px 0 0 21px; box-shadow:0px 3px 5px 1px rgba(0,0,0,0.13);}
.newsgroup .btbox li { float:left; }
.newsgroup .btbox li:not(.more) { }
.newsgroup .btbox li.nwbtn02 { margin:0 15px; }
.newsgroup .btbox li:not(.more) a { display:block; width:9px; height:14px; text-indent:-99999px; }
.newsgroup .btbox li.nwbtn01 a { background:url(../images/main/p_bt1.png) left top no-repeat; }
.newsgroup .btbox li.nwbtn02 a { background:url(../images/main/p_bt2.png) left top no-repeat; }
.newsgroup .btbox li.nwbtn02.nw_play a { background:url(../images/main/p_bt2_on.png) left top no-repeat; }
.newsgroup .btbox li.nwbtn03 a { background:url(../images/main/p_bt3.png) left top no-repeat; }

.newsgroup .btbox li.more { position:absolute; right:9px; top:-5px; }
.newsgroup .btbox li.more a { display:block; width:33px; height:33px; text-indent:-99999px; border-radius:8px 3px 8px 3px; background:#00a04f url(../images/main/more.png) center center no-repeat; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);}

.newsgroup .titlebox { height:97px; box-sizing:border-box; padding-top:37px; }
.newsgroup .titlebox:after { content:""; display:block; clear:both; }
.newsgroup h3 { padding-top:2px;  box-sizing:border-box; float:left; }
.newsgroup h3 a { font-size:26px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:0px 0 0;}
.newsgroup h3 span { color:#00a04f; font-size:22px; margin:0 0 0 11px;}
.newsgroup .titlebox .txt { float:left; font-size:16px; color:#666; margin:3px 0 0 30px; }

.newsgroup .slick-slide { width:250px; height:205px; border:0 none; margin-right:37px;  }
.newsgroup .news_item { width:250px; height:205px; }
.newsgroup .news_item img { display:none; }
.newsgroup .news_item a { display:block; width:100%; height:200px; border-radius:15px; box-sizing:border-box; background:#fff; position:relative; border:1px solid #ddd;  padding:70px 17px 0;}
.newsgroup .news_item a:hover { box-shadow:0px 2px 4px 0px rgba(0,0,0,0.12); }
.newsgroup .news_item a dl {}
.newsgroup .news_item a dl dt { /* 여러 줄 자르기 추가 스타일 */
	font-size:17px; color:#333; overflow:hidden; font-weight:500;
    white-space: normal;
    line-height: 24px;
    height: 48px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.newsgroup .news_item a dl dd { margin-top:15px; /* 여러 줄 자르기 추가 스타일 */
	font-size:15px; color:#666; overflow:hidden; 
    white-space: normal;
    line-height: 18px;
    height: 36px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.newsgroup .news_item a span.ndate { display:block; text-align:center; position:absolute; left:18px; top:11px; font-family: "GmarketSansMedium"; font-size:14px; color:#939396;  transition:all 0.4s; }
.newsgroup .news_item a span.ndate .fd2 { display:block; font-size:24px; font-family: "GmarketSansBold";  }
.newsgroup .news_item a:hover span.ndate { color:#02954a; }

.newsgroup .news_item a::before { border-radius:15px; box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:-1px; top:-1px; border:2px solid transparent;  }
.newsgroup .news_item a::after { border-radius:15px; box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:-1px; bottom:-1px; border:2px solid transparent;  }
.newsgroup .news_item a:hover::before { width:calc(100% + 2px); height:calc(100% + 2px);  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.newsgroup .news_item a:hover::after {width:calc(100% + 2px); height:calc(100% + 2px);    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.newsgroup .news_item a:hover::before { border-top-color:#02954a; border-right-color:#02954a; }
.newsgroup .news_item a:hover::after {  border-bottom-color:#02954a; border-left-color:#02954a; }

/*교과자료실*/
.edu_group { background:#034c27 url(../images/main/edu_bg.png) center top no-repeat; width:100%; height:350px; }
.edu_group .titlebox { float:left; padding:107px 0 0;}
.edu_group .titlebox h3 { font-size:26px; font-family: "GmarketSansMedium"; font-weight:normal; color:#fff; }
.edu_group .titlebox h3 span { display:block; font-size:22px; color:#addfc6; margin-top:7px; }
.edu_group .titlebox p { line-height:24px; font-size:16px; color:#ddd; margin-top:31px; }

.edu_group .edu_box { float:right; width:calc(100% - 348px); margin:50px 0 0; }
.edu_group .edu_box:after { content:""; display:block; clear:both; }
.edu_group .edu_box li { float:left; width:157px; margin:0 0 20px 17px; }
.edu_group .edu_box li a { display:block; width:100%; height:115px; position:relative; box-sizing:border-box; padding:24px 30px 0; background:rgba(255,255,255,0.25); font-size:16px; color:#fff; transition:all 0.4s; overflow:hidden; }
.edu_group .edu_box li a:before { width:59px; height:48px; content:""; display:block; background:url(../images/main/edu_pat.png) left top no-repeat; position:absolute; left:0; bottom:0; opacity:0; transition:all 0.4s; }
.edu_group .edu_box li a:after { content:""; display:block; width:22px; height:22px; border-radius:50%; background:rgba(255,255,255,0.3) url(../images/main/more2.png) center center no-repeat; position:absolute; right:20px; bottom:20px; }

.edu_group .edu_box li a:hover { background:#fff; color:#333; }
.edu_group .edu_box li a:hover:before { opacity:1; }
.edu_group .edu_box li a:hover:after { background:#02954a url(../images/main/more2.png) center center no-repeat; }


/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:59px auto 47px; width:100%; height:auto; max-width:1400px; float:none; }
.galleryGroup .titlebox {  box-sizing:border-box; padding-top:0px; }
.galleryGroup .titlebox:after { content:""; display:block; clear:both; }
.galleryGroup h3 { padding-top:2px;  box-sizing:border-box; float:left; }
.galleryGroup h3 a { font-size:26px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:0px 0 0;}
.galleryGroup h3 span { color:#00a04f; font-size:22px; margin:0 0 0 11px;}
.galleryGroup .titlebox .txt { float:left; font-size:16px; color:#666; margin:3px 0 0 28px; }

.galleryGroup .main_btn {  }
.galleryGroup .main_btn li { position:absolute; top:207px; }
.galleryGroup .main_btn li.gbtn01 { left:0; }
.galleryGroup .main_btn li.gbtn03 { right:0; }
.galleryGroup .main_btn li a { display:block; width:11px; height:17px; text-indent:-99999px; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/gal_bt1.png) left top no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/gal_bt3.png) left top no-repeat; }

.galleryGroup #gallery_scroll { width:calc(100% - 68px); height:auto; margin:50px 23px 0 45px; }
.galleryGroup .slick-slide { width:310px; height:290px; margin:0 23px 0 0; box-sizing:border-box; padding:0px 5px 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:277px; width:100%; box-sizing:border-box; border-radius:15px 15px 0 0; border:1px solid #ddd; }
.galleryGroup .slick-slide .gitem a:hover { box-shadow:0px 2px 5px 0px rgba(0,0,0,0.15); }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:199px; box-sizing:border-box; border-radius:13px 13px 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.5) 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:10px 0 7px; padding:0 15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333; font-weight:500;  }
.galleryGroup .slick-slide .gitem .g_date {  padding:0 15px; text-align:right; font-size:15px; color:#939396; }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top; width:14px; height:11px; background:url(../images/main/gal_date.png) left top no-repeat; margin:7px 9px 0 0; }

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

.galleryGroup .slick-slide .gitem a:hover::after {width:calc(100% + 2px); height:calc(100% + 2px);    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

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

.galleryGroup .more { position:absolute; right:0px; top:0px; }
.galleryGroup .more a { display:block; width:45px; height:45px; text-indent:-99999px; border-radius:8px 3px 8px 3px; background:#fff url(../images/main/nmore.png) center center no-repeat; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2); box-sizing:border-box; border:1px solid #ddd;}



/*배너모음*/
#banner {margin:0px 0 0 0; height:90px; background:#f2f2f2;   position:relative; width:100%; box-sizing:border-box;  }
#banner h3 { float:left; text-align:center; font-size:22px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding-top:23px; letter-spacing:-1px;}
#banner h3 a { color:#000; }
#banner h3 span { display:block; font-size:18px; color:#00a04f; margin-top:4px; }
#banner .btbox { position:absolute; right:0; top:31px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; margin-top:8px; }
#banner .main_btn li { float:left; }
#banner .main_btn li.bbtn02 { margin:0 25px; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:7px; height:12px;  }
#banner .main_btn li.bbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:url(../images/main/b_bt2.png) center center no-repeat; width:8px; }
#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }

#banner .btbox .more { float:left; margin-left:19px; }
#banner .btbox .more a { display:block; width:28px; height:28px; text-indent:-99999px; border-radius:8px 3px 8px 3px; background:#00a04f url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box; box-shadow:0px 2px 6px 0px rgba(0,0,0,0.2);} 

div#banner_scroll {position:absolute;left:144px; top:19px; width:1116px;height:53px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 6px 0px 0; width:180px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:53px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:51px; }









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

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

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


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

/*메인비주얼*/
.visual_wrap { margin:0px auto 0px; position:relative; padding:0px 0 0; width:100%; border-radius:0 50px 150px 0; overflow:hidden; }
.visual_wrap .slick-slide { width:100%; height:auto; position:relative; z-index:1; border:0 none; }
.visual_wrap .slick-slide p { width:100%; height:auto; overflow:hidden; border-radius:0 50px 150px 0; }
.visual_wrap .slick-slide video { width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;} 
.visual_wrap .slick-slide img { width:100%; }
.visual_wrap .vi_content { position:relative; z-index:1; }
.visual_wrap .vi_content .slick-list { left:0px; }
.visual_txt { position:absolute; z-index:2; width:100%; box-sizing:border-box; padding:0 0; top:50%; transform:translateY(-50%); text-align:left; background:rgba(255,255,255,0.3);  }
.visual_txt .vis_t1 { padding:15px 3% 10px; }
.visual_txt .vis_t1 img { width:100%; max-width:180px; }

.visual_wrap .slick-dots { position:absolute; left:15px; bottom:50px; }

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

.main_searchbox { position:relative; right:inherit; top:inherit; width:94%; height:auto; z-index:1; background:none; }
.main_searchbox ul.search li input.text_int {  font-size:16px;  }


.main_searchbox div.ic_list { }
.main_searchbox div.ic_list:after { content:""; display:block; clear:both; }
.main_searchbox div.ic_list div { float:left; width:32%; margin-right:0; }
.main_searchbox div.ic_list div:nth-child(3),
.main_searchbox div.ic_list div:nth-child(6) { margin-right:0; }

.main_searchbox div.ic_list div:nth-child(2),
.main_searchbox div.ic_list div:nth-child(5) { margin:0 2% 18px; }

.main_searchbox div.ic_list div:nth-child(1),
.main_searchbox div.ic_list div:nth-child(2),
.main_searchbox div.ic_list div:nth-child(3) { margin-bottom:18px; }

#timetable { position:absolute; left:0; width:100%; background:#fff; margin-bottom:20px; opacity:0; transition:all 0.5s; }

#timetable.tt_view { left:inherit; opacity:1; position:inherit; top:inherit; }
#timetable dl { width:50%; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#timetable dl:nth-child(even) { border-right:0 none; }
#timetable dl:nth-child(6) { border-right:0 none; width:50%; }
#timetable dl.size { width:50%; }
#timetable dl:last-child { border-right:0 none; width:100%; border-bottom:0 none; }


#container:before { display:none; }

/*메인퀵메뉴*/
.main_quick { width:100%; height:auto; background:#f1f1f1; margin:0 0 20px 0 !important; }
.main_quick .main_btn { }
.main_quick .main_btn li { position:absolute;  top:calc(50% - 9.5px);  }
.main_quick .main_btn li.mq_btn01 { left:15px; }
.main_quick .main_btn li.mq_btn03 { right:15px; }

.main_quick .main_btn li a { display:block; width:12px; height:19px; text-indent:-99999px; }

#main_qucik_scroll { width:calc(100% - 56px); margin:15px 28px 5px; } 
#main_qucik_scroll .slick-slide { border:0 none; margin-bottom:10px;  }

/*팝업*/
.popupZone h3 { font-size:24px; color:#000; font-family: "GmarketSansMedium"; font-weight:normal; padding:12px 0 0;}
.popupZone h3 span { color:#00a04f; font-size:15px; margin:0 0 0 0px; display:block;}
.popupZone #popbox .control { position:absolute; right:0; top:10px; }


/*월중행사 type1*/
.schedule { margin:20px 3% 20px 3% !important; clear:both; height:auto; background:none; min-height:210px; }
.schedule h3 { padding-top:2px; height:54px; box-sizing:border-box; }
.schedule h3 a { font-size:24px; color:#000; padding:0px 0 0;}
.schedule h3 span { color:#00a04f; font-size:15px; margin:0 0 0 0px; display:block;}

.schedule .btbox{ position:absolute; top:5px;  }

#schedule_scroll .sch_item a { display:block; width:100%; height:116px; position:relative; box-sizing:border-box; padding:0px 10px 0; }
#schedule_scroll .sch_item a .date {  font-size:15px; transition:all 0.4s; }
#schedule_scroll .sch_item a .sch_txt { /* 여러 줄 자르기 추가 스타일 */
overflow:hidden; font-size:14px;  }



/*급식*/
.food { padding: 30px 15px 0; }
.food h3 { padding-top:2px;  box-sizing:border-box; }
.food h3 a { font-size:24px; padding:0px 0 0;}
.food h3 span { color:#00a04f; font-size:15px; margin:0 0 0 11px;}


/*고려뉴스*/
.newsgroup {   height:auto; z-index:1; padding-bottom:0px; }
.newsgroup .btbox{ position:absolute; top:27px; background:#fff; }

.newsgroup .titlebox { height:97px; box-sizing:border-box; padding-top:23px; }
.newsgroup .titlebox:after { content:""; display:block; clear:both; }
.newsgroup h3 { padding-top:2px;  box-sizing:border-box; float:left; }
.newsgroup h3 a { font-size:24px;  }
.newsgroup h3 span { color:#00a04f; display:block; font-size:15px; margin:0 0 0 0px;}
.newsgroup .titlebox .txt { display:none;  }
.newsgroup .slick-slide { margin-right:20px;  }

/*교과자료실*/
.edu_group { background-size:cover;  width:100%; height:auto; }
.edu_group .titlebox { float:left; padding:37px 3% 0;}
.edu_group .titlebox h3 { font-size:24px;  }
.edu_group .titlebox h3 span { display:block; font-size:22px; }
.edu_group .titlebox p { line-height:24px; font-size:16px; color:#ddd; margin-top:15px; }

.edu_group .edu_box { float:right; width:94%; margin:20px 3% 0; }
.edu_group .edu_box:after { content:""; display:block; clear:both; }
.edu_group .edu_box li { float:left; width:23%; margin:0 1% 20px; }
.edu_group .edu_box li a {  padding:24px 15px 0;   }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px auto 20px !important; height:auto; max-width:1400px; width:100%; float:none; }
.galleryGroup .titlebox {  box-sizing:border-box; padding:30px 3% 0; }
.galleryGroup .titlebox:after { content:""; display:block; clear:both; }
.galleryGroup h3 { padding-top:2px;  box-sizing:border-box; float:left; }
.galleryGroup h3 a { font-size:24px;  }
.galleryGroup h3 span { color:#00a04f; font-size:15px; margin:0 0 0 0px; display:block;}
.galleryGroup .titlebox .txt { display:none; }

.galleryGroup .main_btn {  }
.galleryGroup .main_btn li { position:absolute; top:100px; }
.galleryGroup .main_btn li.gbtn01 { left:3%; }
.galleryGroup .main_btn li.gbtn03 { right:3%; }

.galleryGroup .more { position:absolute; right:3%; top:32px; }
.galleryGroup #gallery_scroll { width:97%; height:auto; margin:53px 0 0 3%; }
.galleryGroup .slick-slide { margin:0 18px 0 0; }



/*배너모음*/
#banner {margin:0 0 0; height:auto;   position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner .btbox { right: 3%;
  top: 11px; }
#banner h3 { float:left; text-align:left; font-size:22px; padding:5px 3% 15px;}
#banner h3 a { color:#000; }
#banner h3 span { display:block; font-size:15px; color:#00a04f; margin-top:0px; }
  
  
  
div#banner_scroll {position:relative; left:inherit; top:inherit; width:94%; overflow:hidden; margin:20px 3% 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 0 0px 3%; width:22%; }


}

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

/*공지사항 type1*/
.noticeGroup{ height:450px; }
.noticeGroup:before { content:""; display:block; width:100%; height:119px; box-sizing:border-box; border:1px solid #dddddd; border-bottom-color:#2a313e; position:absolute; left:0; top:0; }
.noticeGroup h3 {float:left; width:calc(50% - 29px); }
.noticeGroup h3 a {  font-size:18px; padding:0 15px; position:relative; }
.noticeGroup h3 a:before { content:""; display:block; width:1px; height:37px; background:#ddd; position:absolute; right:0; top:11px; }
.noticeGroup img { display:none; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{color:#fff; background:#2a313e; }
.noticeGroup .on_check .btn a:before { display:none; }

.noticeGroup div.tabcontent {position:absolute;left:0;top:135px;width:100%; display:none;}
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li:first-child { margin-bottom:10px; }
.noticeGroup div.tabcontent ul li:first-child a { display:block; padding:32px 15px 0 104px; }
.noticeGroup div.tabcontent ul li:first-child a dt { line-height:24px; font-size:16px; }
.noticeGroup div.tabcontent ul li:first-child a dd { line-height:24px; font-size:14px; }

.noticeGroup div.tabcontent ul li:first-child a .ndate { position:absolute; left:15px; top:24px; width:71px; height:71px; font-size:12px; padding-top:15px; }
.noticeGroup div.tabcontent ul li:first-child a .ndate .fd2 { font-size:18px; }


.noticeGroup div.tabcontent ul li:not(:first-child) { }
.noticeGroup div.tabcontent ul li:not(:first-child):after { content:""; display:block; clear:both; }
.noticeGroup div.tabcontent ul li:not(:first-child) dl { float:left; width:calc(100% - 90px); }
.noticeGroup div.tabcontent ul li:not(:first-child) dt { font-size:15px;  }
.noticeGroup div.tabcontent ul li:not(:first-child) .ndate { float:right; font-size:14px; color:#939396; line-height:42px;}

.noticeGroup div p.more {position:absolute; clear:both; right:1px; top:-134px; }
.noticeGroup div p.more a { display:block; width:58px; height:117px; }




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

}

@media all and (max-width:719px) {
	
.galleryGroup #gallery_scroll { width:94%; height:auto; margin:53px 3% 0 3%; }
.galleryGroup .slick-slide { margin:0 0 18px 0; }


}


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

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

}

@media all and (max-width:500px) {
	
.main_searchbox div.ic_list { }
.main_searchbox div.ic_list:after { content:""; display:block; clear:both; }
.main_searchbox div.ic_list div { float:left; width:49%; margin:0 0 18px !important; }
.main_searchbox div.ic_list div:nth-child(odd) { margin:0 2% 18px 0 !important; }

.edu_group .edu_box li { float:left; width:31%; margin:0 1% 20px; }
.edu_group .edu_box li a { font-size:15px; }

}

@media all and (max-width:499px) {
/*고려뉴스*/
.newsgroup .slick-slide { margin:0 0 20px 0;  }

}

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