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

#header {  }
body{background:#fff;}

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

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

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

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

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


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



/*메인비주얼*/
#visualbox { position:relative; }
.visual_wrap { margin:0px 0 0px; position:relative; padding:43px 0 0;}
.visual_wrap .slick-slide { width:100%; height:903px; position:relative; }
.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_txt { position:absolute; z-index:1; width:100%; box-sizing:border-box; padding:0 3%; left:50%; bottom:30px; transform:translateX(-50%); text-align:right; display:none;  }


.visual_txt .vis_t1 svg { letter-spacing:-1px; }
.visual_txt .vis_t1 svg text { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5)); letter-spacing:-3px;  font-size:40px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px;
             }

.visual_txt .vis_t1 svg text:nth-child(1),
.visual_txt .vis_t1 svg text:nth-child(3) { font-size:51px; font-weight:bold; }

.visual_txt .vis_t1.effect svg text {  animation: stroke 6s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }
.visual_txt .vis_t2 { position:relative; padding:0 0px 0 0px; display:inline-block; margin:8px 0 0 112px; }
.visual_txt .vis_t2 p { font-size:36px; display:none;  }
.visual_txt .vis_t2 svg { letter-spacing:-0.5px; }
.visual_txt .vis_t2 svg text {filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));  font-weight:bold; font-size:51px; color:#fff;  fill:transparent;
            stroke-dasharray: 326px;
			stroke:transparent;
                stroke-width: 2px; letter-spacing:-3px; }
.visual_txt .vis_t2.effect svg text {animation: stroke 6s linear;
			animation-iteration-count: 1;
            animation-fill-mode: forwards; }
.visual_wrap .vbtbox { position:absolute; left:0; width:100%; bottom:30px; text-align:center;}
.visual_wrap .vbt { display:inline-block; vertical-align:top; margin:2px 15px 0 0; }
.visual_wrap .vbt a { display:block; width:9px; height:12px; text-indent:-99999px; background:rgba(0,0,0,0.3) url(../images/main/v_bt1.png) left top no-repeat;  }
.visual_wrap .v_stop a { background:rgba(0,0,0,0.3) url(../images/main/v_bt2.png) left top no-repeat; }

.visual_wrap .mut { 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; }


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.visual_txt .vis_t1 svg text {  fill:#fff; }
.visual_txt .vis_t2 svg text {  fill:#fff; }

}
		svg text:nth-child(1) {
            animation-delay: 1s;
        }
        svg text:nth-child(2) {
            animation-delay: 1.5s;
        }
        svg text:nth-child(3) {
            animation-delay: 2s;
        }
        svg text:nth-child(4) {
            animation-delay: 2.5s;
        }
@keyframes stroke {
            0%   {
				
                stroke:#fff;
                stroke-width: 2px;
                stroke-dashoffset: 326px;
            }
            70% {
                fill: transparent;
            }
            98% {
                stroke:#fff;
                stroke-width: 2px;
            }
            100% {
                fill: #fff;
                stroke-dashoffset: 0px;
            }
}


/*팝업*/
.popupZone { position:absolute; left:0; /*top:-261px;*/ top:180px; z-index:1; height:261px; width:391px; transition:left 0.4s; overflow:hidden; border-radius:0 30px 0 0; background:#f2f2f2; }
.popupZone.pop_view { left:-329px; }
.popupZone h3 { float:right; width:62px; }
.popupZone h3 a { display:block; width:100%; background:#148b78; text-align:center; color:#fff; line-height:24px; font-size:17px; color:#fff; font-weight:500; height:261px; position:relative; text-transform:uppercase; box-sizing:border-box; padding:44px 0 0; }
.popupZone h3 a span { display:block; }
.popupZone h3 a:before { content:""; display:block; width:100%; height:52px; background:#111111 url(../images/main/pop_arrow1.png) center center no-repeat; position:absolute; left:0; bottom:0; transition:all 0.4s; transform:rotate(180deg);}
.popupZone.pop_view h3 a:before { transform:rotate(0deg); }

.popupZone .main_btn { float:right; clear:both; margin-top:24px; }
.popupZone .main_btn :after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; margin-left:8px; }
.popupZone .main_btn li a { display:block; width:42px; height:42px; text-indent:-99999px; text-align:left; box-sizing:border-box; border-radius:50%; border:1px solid #acacac; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/pop_bt1.png) center center no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/pop_bt2.png) center center no-repeat; }

.popupZone #popup_scroll { float:right; width:calc(100% - 62px); box-sizing:border-box; padding:21px 28px 0 33px; }
.popupZone #popup_scroll #pop_center { height:150px; }
.popupZone #popup_scroll .slick-slide { height:30px; border:0 none;  }
.popupZone #popup_scroll .pitem {   }
.popupZone #popup_scroll .pitem a { display:block; width:100%; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333; position:relative; padding:0 0 0 17px; box-sizing:border-box; }
.popupZone #popup_scroll .pitem a:before { content:""; display:block; width:5px; height:5px; background:#555555; position:absolute; left:0; top:14px; }
.popupZone #popup_scroll .pitem a:hover { font-weight:500; }



/*공지사항 type1*/
.noticeGroup{  width:100%; height:auto; min-height:341px;  position:relative; margin-bottom:50px; }
.noticeGroup:before { content:"news"; display:block; position:absolute; left:-254px; bottom:67px; font-size:188px; color:#f8f8f8; font-weight:900; }

.noticeGroup .noti_titlebox { float:left; width:390px; box-sizing:border-box; padding:71px 0 0 0; }
.noticeGroup .noti_titlebox .noti_all_title { font-size:33px; color:#333; font-weight:bold; }
.noticeGroup .noti_titlebox .noti_all_title span { display:inline-block; vertical-align:top; position:relative; background:#138976; width:10px; height:10px; border-radius:50%; margin:-16px 0 0 7px; }
.noticeGroup .noti_titlebox .noti_all_txt { line-height:24px; font-size:16px; color:#555; margin-top:24px; }

.noticeGroup .noti_right { float:right; width:calc(100% - 390px); position:relative; }

.noticeGroup h3 { position:absolute; line-height:24px; top:46px; width:166px; font-weight:normal;}
.noticeGroup h3.btn0 { width:85px; left:0; }
.noticeGroup h3.btn1 { left:85px; }
.noticeGroup h3.btn2 { left:251px; }
.noticeGroup h3.btn3 { left:417px; }

.noticeGroup h3:before { content:""; display:block; width:1px; height:18px; background:#dddddd; position:absolute; right:0; top:4px; }
.noticeGroup h3.btn3:before { display:none; }

.noticeGroup h3 a { display:block; font-size:20px; color:#000; text-align:center; }

.noticeGroup .on_check .btn a {  color:#138976; font-weight:500; }
.noticeGroup .on_check .btn a:before { }

.noticeGroup div.tabcontent {position:absolute; left:-99999px; top:98px; width:100%; opacity:0;  }
.noticeGroup .on_check .tabcontent{ opacity:1; position:relative;  left:0; }

.noticeGroup div p.more {position:absolute; clear:both;right:0;top:-35px; }

.noticeGroup .btbox { position:absolute; right:25px; top:-47px; }
.noticeGroup .btbox:after { content:""; display:block; clear:both; }
.noticeGroup .btbox li { float:left;  }
.noticeGroup .btbox li.nbtn02 { margin:1px 21px 0; }
.noticeGroup .btbox li.nbtn03 {  }
.noticeGroup .btbox li.more {  margin:-6px 0 0 23px; }

.noticeGroup .btbox li a { display:block;  box-sizing:border-box; text-indent:-99999px; }
.noticeGroup .btbox li.nbtn01 a { background:url(../images/main/noti_bt1.png) center center no-repeat; width:8px; height:14px;}
.noticeGroup .btbox li.nbtn02 a { background:url(../images/main/noti_bt2.png) center center no-repeat; width:7px; height:13px;}
.noticeGroup .btbox li.nbtn03 a { background:url(../images/main/noti_bt3.png) center center no-repeat; width:8px; height:14px;}
.noticeGroup .btbox li.more a { text-indent:0px; line-height:24px; font-size:16px; color:#333; }
.noticeGroup .btbox li.more a span { display:inline-block; vertical-align:top; width:12px; height:12px; background:url(../images/main/more1.png) center center no-repeat; margin:7px 0 0 7px;}

.noticeGroup .noti_slick { width:100%;  }
.noticeGroup .noti_slick .slick-slide { width:310px; margin-right:20px; }
.noticeGroup .noti_slick .noti_item { width:100%; }
.noticeGroup .noti_slick .noti_item a { display:block; width:100%; height:243px; box-sizing:border-box; border-radius:20px; border:3px solid #ddd; background:#fff; padding:22px 28px 0; position:relative;  }
.noticeGroup .noti_slick .noti_item a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:-3px; top:-3px; border:3px solid transparent; border-radius:20px; }
.noticeGroup .noti_slick .noti_item a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:-3px; bottom:-3px; border:3px solid transparent; border-radius:20px; }
.noticeGroup .noti_slick .noti_item a:hover::before { width:calc(100% + 6px); height:calc(100% + 6px);  
transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.noticeGroup .noti_slick .noti_item a:hover::after { width:calc(100% + 6px); height:calc(100% + 6px);    transition:
width 0.35s ease-out,
height 0.35s ease-out 0.35s; }

.noticeGroup .noti_slick .noti_item a:hover::before { border-top-color:#91ddd1; border-right-color:#91ddd1; }
.noticeGroup .noti_slick .noti_item a:hover::after {  border-bottom-color:#fddb6b; border-left-color:#fddb6b; }

.noticeGroup .noti_slick .noti_item a .btit { line-height:24px; font-size:16px; color:#138976; font-weight:500; margin-bottom:10px;}
.noticeGroup .noti_slick .noti_item a dl { }
.noticeGroup .noti_slick .noti_item a dt { position:relative;
	overflow:hidden;
	font-size:19px; color:#333; font-weight:500; letter-spacing:-0.5px; 
    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; }
.noticeGroup .noti_slick .noti_item a:hover dt {  }
.noticeGroup .slick-track { min-width:100%; }
.noticeGroup .noti_slick .noti_item a dd { overflow:hidden;
	font-size:16px; color:#666; letter-spacing:-0.5px; 
    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; margin:8px 0 18px;}
.noticeGroup .noti_slick .noti_item a:hover dd { font-weight:500; }
.noticeGroup .noti_slick .noti_item a p.notidate { line-height:24px; font-size:14px; color:#666; }

/*바로가기*/
#quick_scroll { float:left; width:100%; height:146px; margin-top:55px; margin-bottom:28px; padding:0px 0px 0 0px; box-sizing:border-box; position:relative; }
#quick_scroll .main_btn { }
#quick_scroll .main_btn li { position:absolute; top:55px; }
#quick_scroll .main_btn li.qbtn01 { left:0; }
#quick_scroll .main_btn li.qbtn03 { right:0; }

#quick_scroll .main_btn li a { display:block; width:18px; height:33px; text-indent:-99999px; }
#quick_scroll .main_btn li.qbtn01 a { background:url(../images/main/q_bt1.png) center center no-repeat; }
#quick_scroll .main_btn li.qbtn03 a { background:url(../images/main/q_bt3.png) center center no-repeat; }

#quick_content { margin:0 26px; }

#quick_scroll .slick-slide {  border:0 none;  }
#quick_scroll .qitem { }
#quick_scroll .qitem a { display:block;  text-align:center; position:relative; }
#quick_scroll .qitem a:before { content:""; display:block; width:1px; height:25px; background:#ddd; position:absolute; right:0; top:48px; }
#quick_scroll .qitem a .qic { width:100%; height:83px; position:relative; }
#quick_scroll .qitem a .qtxt { color:#333; font-size:17px; line-height:24px; margin-top:0px; }
#quick_scroll .qitem a:hover .qtxt { font-weight:500; }

#quick_scroll .qic1 a .qic { background:url(../images/main/q_ic1.png) center 15px no-repeat; }
#quick_scroll .qic2 a .qic { background:url(../images/main/q_ic2.png) center 22px no-repeat; }
#quick_scroll .qic3 a .qic { background:url(../images/main/q_ic3.png) center 15px no-repeat; }
#quick_scroll .qic4 a .qic { background:url(../images/main/q_ic4.png) center 32px no-repeat; }
#quick_scroll .qic5 a .qic { background:url(../images/main/q_ic5.png) center 21px no-repeat; }
#quick_scroll .qic6 a .qic { background:url(../images/main/q_ic6.png) center 17px no-repeat; }
#quick_scroll .qic7 a .qic { background:url(../images/main/q_ic7.png) center 19px no-repeat; }
#quick_scroll .qic8 a .qic { background:url(../images/main/q_ic8.png) center 17px no-repeat; }

#quick_scroll .qitem a:hover .qic { -webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both; }

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




#gray_line { width:100%; background:#f8f8f8; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; min-height:550px; background:none;  }
.galleryGroup h3 { height:135px; box-sizing:border-box; padding:68px 0 0 0;  }
.galleryGroup h3 a { font-weight:normal; font-size:33px; color:#333; }
.galleryGroup h3 a span { font-weight:bold; }
.galleryGroup .main_btn {  }

.galleryGroup .more { position:absolute; right:25px; top:77px; }
.galleryGroup .more a { text-indent:0px; line-height:24px; font-size:16px; color:#333; }
.galleryGroup .more a span { display:inline-block; vertical-align:top; width:12px; height:12px; background:url(../images/main/more1.png) center center no-repeat; margin:7px 0 0 7px;}

.galleryGroup #gallery_scroll { width:100%; height:auto; min-height:315px; margin:0px 0 0; }
.galleryGroup .slick-slide { width:328px; height:315px; margin:0 16px 0 0; box-sizing:border-box; padding:0px 0 0 0; }
.galleryGroup .gitem a { display:block; position:relative; height:315px; width:100%; box-sizing:border-box; background:#fff; border-radius:20px; overflow:hidden; }
.galleryGroup .gitem .pic { width:100%; height:224px; box-sizing:border-box;  overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .gitem .pic:before { content:""; display:block; width:0; height:0; background:rgba(0,0,0,0.5) url(../images/main/gal_ic.png) center center no-repeat; position:absolute; left:0; top:0; transition:all 0.4s; }
.galleryGroup .gitem a:hover .pic:before { width:100%; height:100%; }
.galleryGroup .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .gitem .g_sub { height:24px; line-height:24px; font-size:19px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:18px 0 5px; padding:0 20px 0; letter-spacing:-1px; }
.galleryGroup .gitem a:hover .g_sub { font-weight:500; }
.galleryGroup .gitem .g_date { font-size:15px; color:#666; padding:0 20px; }

.galleryGroup .rangebox { margin:37px 0px 0 0; padding:0 97px 0 0; position:relative; }
.galleryGroup .rangebox .visual__progress {
  height: 3px;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, #138976, #138976);
  z-index: 2;
}
.galleryGroup .rangebox .main_btn { position:absolute; right:0; top:-11px; }
.galleryGroup .rangebox .main_btn li { float:left; }
.galleryGroup .rangebox .main_btn li.gbtn03 { margin-left:43px; position:relative; }
.galleryGroup .rangebox .main_btn li.gbtn03:before { content:""; display:block; width:1px; height:24px; background:#ddd; position:absolute; left:-22px; top:0; }
.galleryGroup .rangebox .main_btn li a { display:block; width:13px; height:23px; text-indent:-99999px; }
.galleryGroup .rangebox .main_btn li.gbtn01 a { background:url(../images/main/gal_bt1.png) left top no-repeat; }
.galleryGroup .rangebox .main_btn li.gbtn03 a { background:url(../images/main/gal_bt2.png) left top no-repeat; }



#grabox { position:relative; background:url(../images/main/can_bg.png) right 100px bottom 0px no-repeat; }
#grabox .default_layout:before {  }


.engbox { width:440px; height:506px; box-sizing:border-box; border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; padding:61px 30px 0; }
.engbox .engt { font-size:30px; font-weight:900; color:rgba(19,137,118,0.5); }
.engbox h3 { color:#333; font-weight:bold; font-size:24px; margin-top:120px; position:relative; }
.engbox h3 a { color:#333; }

.engbox .more { }
.engbox .more a { display:block; width:144px; height:44px; box-sizing:border-box; border-radius:150px; border:1px solid #138976; text-align:center; line-height:42px; color:#138976; font-size:17px; transition:all 0.4s; }
.engbox .more a span { display:inline-block; vertical-align:top; margin:17px 0 0 7px; width:10px; height:10px; background:url(../images/main/more2.png) left top no-repeat; transition:all 0.4s; }
.engbox .more a:hover { background:#138976; color:#fff; }
.engbox .more a:hover span { background:url(../images/main/more3.png) left top no-repeat; }

/*급식*/
.food {  }
.food h3:before { content:""; display:block; width:50px; height:53px; background:url(../images/main/f_ic.png) left top no-repeat; position:absolute; left:0; top:-85px; }
.food .ftxt { margin:15px 0 0px; }
.food .ftxt a { overflow:hidden; display:block;
	font-size:17px; color:#666666; letter-spacing:-0.5px; 
    white-space: normal;
    line-height: 28px;
    height: 112px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical; }
.food .ftxt a:hover { font-weight:500; }
.food .more { margin-top:38px; }


/*월중행사 type1*/
.schedule {  margin:0 20px 0; }
.schedule h3 { margin-bottom:21px; }
.schedule h3:before { content:""; display:block; width:50px; height:47px; background:url(../images/main/sc_ic.png) left top no-repeat; position:absolute; left:0; top:-78px; }

.schedule .btbox { position:absolute; right:75px; top:215px; }
.schedule .btbox:after { content:""; display:block; clear:both; }
.schedule .btbox li { float:left;  }
.schedule .btbox li.sbtn03 { margin-left:19px; }
.schedule .btbox li a { display:block; width:14px; height:8px; text-indent:-99999px; }
.schedule .btbox li.sbtn01 a { background:url(../images/main/sch_bt1.png) left top no-repeat; }
.schedule .btbox li.sbtn03 a { background:url(../images/main/sch_bt3.png) left top no-repeat;}

.schedule .slick-slide {  box-sizing:border-box; border:0 none; margin-bottom:14px; height:27px;}
.schedule .sch_item { padding:0px 0 0 0; }
.schedule .sch_item a { display:block; width:100%; height:27px; overflow:hidden; line-height:27px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; padding:0 0 0 85px; position:relative; font-size:17px; color:#666666; }
.schedule .sch_item a span { display:block; position:absolute; left:0; top:0; width:66px; height:27px; line-height:27px; box-sizing:border-box; border-radius:150px; text-align:center; font-size:15px; color:#fff; background:#444444; }
.schedule .sch_item a:hover { font-weight:500; }
.schedule .more { margin-top:23px; }



/*학년별자료실*/
.banGroup { margin:0 0 0 0;  }
.banGroup h3 {  }
.banGroup h3:before { content:""; display:block; width:34px; height:52px; background:url(../images/main/ban_ic.png) left top no-repeat; position:absolute; left:0; top:-78px; }
.banGroup .banbtbox { margin-top:33px; }
.banGroup .banbtbox:after { content:""; display:block; clear:both; }
.banGroup .banbtbox .banbtn { float:left; }
.banGroup .banbtbox .banbtn:nth-child(2) { margin:0 16px; }
.banGroup .banbtbox .banbtn a { display:block; width:113px; height:113px; border-radius:15px; background:#f6f6f6; box-sizing:border-box; padding:31px 4px 4px; position:relative; text-align:center; font-size:17px; color:#333; transition:all 0.4s; letter-spacing:-0.5px; }
.banGroup .banbtbox .banbtn a:hover { background:#138976; color:#fff;}
.banGroup .banbtbox .banbtn a:before { content:""; display:block; width:calc(100% - 8px); height:calc(100% - 8px); border-radius:15px; box-sizing:border-box; border:1px solid #73958f; position:absolute; left:4px; top:4px; transition:all 0.4s;}
.banGroup .banbtbox .banbtn a:hover:before { border-color:#fff; }
.banGroup .banbtbox .banbtn a span { display:block; margin:7px auto 0; width:29px; height:29px; border-radius:50%; background:#fff url(../images/main/ban_arrow.png) center center no-repeat; box-shadow:2px 2px 4px rgba(0,0,0,0.25); }


/*배너모음*/
#banner {margin:0px 0 0px 0; height:127px;  float:left; position:relative; width:100%; box-sizing:border-box; background:#185e53;  }
#banner .btbox { position:absolute; right:0; top:34px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box; width:135px; text-align:center; height:65px; border:1px solid #d2d2d4; background:#fcfafd; }
#banner .main_btn li { display:inline-block; vertical-align:middle; margin-top:24px; }
#banner .main_btn li.bbtn02 { margin:24px 23px 0; }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:9px; height:16px;  }
#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; }
#banner .btbox .more a { display:block; width:58px; height:65px; border:1px solid #d2d2d4; border-left:0 none; text-indent:-99999px; background:#fcfafd url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:0px; top:34px; width:1090px;height:65px;overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 10px 0px 0; width:208px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:65px; box-sizing:border-box; border:1px #d2d2d4 solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:63px; }









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

@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; min-height:100%;}

/*메인비주얼*/
.visual_wrap .slick-slide { width:100%; height:250px; position:relative; }
.visual_txt { position:absolute; z-index:1; width:100%; max-width:1360px; left:-80px; top:50%; transform:translateY(-50%) scale(0.5); display:none;   }
.visual_wrap { padding:0 0 0 0; }

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

/*공지사항 type1*/
.noticeGroup{   position:relative;  }
.noticeGroup:before { display:none; }

.noticeGroup .noti_titlebox { float:left; width:100%; box-sizing:border-box; padding:24px 0 0 0; }
.noticeGroup .noti_titlebox .noti_all_title { font-size:24px; color:#333; font-weight:bold; }
.noticeGroup .noti_titlebox .noti_all_txt { line-height:24px; font-size:14px; color:#555; margin-top:14px; }
.noticeGroup .noti_titlebox .noti_all_txt br { display:none; }

.noticeGroup .noti_right { float:right; width:100%; position:relative; }

.noticeGroup h3 { position:absolute; line-height:24px; top:26px;  font-weight:normal;}
.noticeGroup h3.btn0 { width:13%; left:0; }
.noticeGroup h3.btn1 { left:13%; width:30%;}
.noticeGroup h3.btn2 { left:43%; width:30%;}
.noticeGroup h3.btn3 { left:73%; width:27%;}

.noticeGroup h3:before { content:""; display:block; width:1px; height:18px; background:#dddddd; position:absolute; right:0; top:4px; }
.noticeGroup h3.btn3:before { display:none; }

.noticeGroup h3 a { display:block; font-size:16px; color:#000; text-align:center; }

.noticeGroup .on_check .btn a {  color:#138976; font-weight:500; }
.noticeGroup .on_check .btn a:before { }

.noticeGroup div.tabcontent {position:absolute; left:-99999px; top:0px; width:100%; opacity:0; margin-top:105px; }
.noticeGroup .on_check .tabcontent{ opacity:1; position:relative;  left:0; }

.noticeGroup div p.more {position:absolute; clear:both;right:0;top:-35px; }

.noticeGroup .btbox { position:absolute; right:25px; top:-33px; }

.noticeGroup .noti_slick { width:100%;  }
.noticeGroup .noti_slick .slick-slide { margin-right:20px; }


/*바로가기*/
#quick_scroll { float:left; width:94%; margin:0 3% 0px; }
#quick_scroll .qitem a .qtxt { font-size:15px; }


/*팝업*/
.popupZone { position:relative; left:inherit !important; top:inherit !important; float:none; }
.popupZone h3 { float:left; width:52px; }
.popupZone h3 a { display:block; width:100%; line-height:30px;  padding:54px 0 0; }
.popupZone h3 a span { display:block; }
.popupZone h3 a:before { display:none; }

.popupZone #popup_scroll { float:right; width:calc(100% - 52px); box-sizing:border-box; padding:21px 20px 0 20px; }

#grabox { position:relative; background:none; margin-top:20px; }
#grabox .default_layout:before {  }


.engbox {  height:auto; padding:35px 20px 20px; border:1px solid #ddd; }
.engbox .engt { font-size:24px; }

/*급식*/
.food {    }
.food .more { margin-top:15px; }


/*월중행사 type1*/
.schedule {    }
.schedule .btbox { top: 187px; right:inherit; left:170px; }

/*학년별자료실*/
.banGroup {   }
.banGroup .banbtbox .banbtn { width:32%; }
.banGroup .banbtbox .banbtn:nth-child(2) { margin:0 2%; }
.banGroup .banbtbox .banbtn a { width:100%; }

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

div#banner_scroll {position:relative; left:inherit; top:inherit; width:94%;height:83px;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 3% 0px 0; width:22%;  }


}

@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) {

.galleryGroup h3 { height:auto; box-sizing:border-box; padding:34px 0 45px 0; text-align:center;  }
.galleryGroup h3 a { font-weight:normal; font-size:24px; color:#333; }
.galleryGroup h3 a span { font-weight:bold; }
.galleryGroup .more { position:absolute; right:3%; top:72px; }

.galleryGroup .slick-slide {  margin:0 0px 20px 0;  }
.galleryGroup .rangebox { margin:37px 0px 30px 0;  }


#banner {margin:0px 0 0 3%;}

}

@media all and (max-width:629px) {
.noticeGroup { margin:0 3% 10px !important; }
.noticeGroup .noti_slick .slick-slide { margin:0 0 20px 0; }


}

@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:470px) {
	/*공지사항 type1*/
.noticeGroup h3 { position:absolute; line-height:24px; top:26px;  font-weight:normal;}
.noticeGroup h3.btn0 { width:50%; left:0; }
.noticeGroup h3.btn1 { left:50%; width:50%;}
.noticeGroup h3.btn2 { left:0%; width:50%; top:66px; }
.noticeGroup h3.btn3 { left:50%; width:50%; top:66px; }
.noticeGroup h3.btn1::before { display:none; }
.noticeGroup div.tabcontent {  margin-top:145px; }


}

@media all and (max-width:420px) {
#layerBell ul:before { display:none; }
#layerBell ul li a {  padding:0 85px 0 0px;  }
#layerBell ul li a:before { display:none !important; }	
	
.visual_txt { left:-50px; }	
	
}