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

body{ }

#container { }
#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 { position:relative; margin:0 0 0 0px; width:100%; height:690px; overflow:hidden; background:url(../images/common/wrap_bg.png) no-repeat center top, url(../images/main/vi_color.png) left top; min-width:1300px;}
.visual_wrap .vi_def { position:relative; float:right; width:1135px; height:690px; margin:0 -310px 0 0; }
.visual_wrap .vi_content { }
.visual_wrap .vi_content > div { height:690px;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap .visual_txt { position:absolute; left:115px; top:184px; width:100%; box-sizing:border-box; }
.visual_wrap img.imgdef { display:block; position:relative; left:50%; transform:translateX(-50%); }
.visual_wrap .visual_txt .vitxt_box { 
    opacity: 0; }

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


.visual_wrap .vi_pcont { position:absolute; left:0px;  bottom:52px; z-index:10;  width:100%; max-width:823px; box-sizing:border-box; display:flex; justify-content:flex-end;  }
.visual_wrap .vi_pbox {   }
.visual_wrap .vi_pbox::after { content:""; display:block; clear:both; }
.visual_wrap .vi_pbox .vi_page { float:left; }
.visual_wrap .slick-dots { display:flex; align-items:center;  }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li {  cursor:pointer; width:10px; height:10px; box-sizing:border-box; border-radius:50%; background:#fff; margin-right:10px;}
.visual_wrap .slick-dots li.slick-active { width:12px; height:12px; background:#ffd02e; }
.visual_wrap .slick-dots li span { display:none; }

.visual_wrap .slick-counter { height:12px; line-height:12px; float:left; font-size:15px; color:#fff;  padding:0 0px; margin-left:10px;  }
.visual_wrap .slick-counter .current { font-weight:bold;  color:#ffd02e; margin-right:3px; }
.visual_wrap .slick-counter .total {  position:relative;   color:#fff;}


.visual_wrap .vbtn02 { float:left; }
.visual_wrap .vbtn02 a { display:block; width:15px; height:16px; text-indent:-99999px; background:url(../images/main/vi_bt2.png) left top no-repeat; }
.visual_wrap .vbtn02.v_stop a { background:url(../images/main/vi_bt2_on.png) left top no-repeat; }
@-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;
  }
}

/*바로가기*/
#quick_line { background:#f2f2f2; width:100%; height:85px; margin:0 0 64px 0; position:relative; z-index:11;  }
#quick_line::before { content:""; display:block; width:50%; height:100%; position:absolute; left:0; top:0; background:#5ad303; }
#quick_line .default_layout { z-index:1; }

.hov_group { }
.hov_group::after { content:""; display:block; clear:both; }
.hov_group .titlebox { float:left; line-height:25px; color:#fff; padding:14px 0 0; }
.hov_group .titlebox span { display:inline-block; font-size:18px; font-weight:500; }
.hov_group .titlebox span::after { content:""; display:inline-block; vertical-align:top; width:20px; height:20px; background:url(../images/main/hov_chk.png) left top no-repeat; margin:3px 0 0 5px; }
.hov_group .titlebox h3 { font-weight:bold; font-size:24px; }
.hov_group .hov_cont { float:right; width:calc(100% - 197px);  }
.hov_group .hov_cont .hov_box { position:relative; float:left; width:25%; }
.hov_group .hov_cont .hov_box .title { }
.hov_group .hov_cont .hov_box .title a { display:block; width:100%; height:85px; box-sizing:border-box; border:1px solid #dddddd; border-right:0 none; font-size:18px; font-weight:500; color:#333; padding:29px 0 0 84px; position:relative; background:#f2f2f2; transition:all 0.4s;}
.hov_group .hov_cont .hov_box.hover:hover .title a { color:#fff; }
.hov_group .hov_cont .hov1.hover:hover .title a { background:#f2b705; }
.hov_group .hov_cont .hov2.hover:hover .title a { background:#35b6ed; }
.hov_group .hov_cont .hov3.hover:hover .title a { background:#87d90d; }
.hov_group .hov_cont .hov4.hover:hover .title a { background:#f272a1; }

.hov_group .hov_cont .hov_box:last-child .title a { border-right:1px solid #ddd; }

.hov_group .hov_cont .hov_box .title a::before { content:""; display:block; width:84px; height:100%; position:absolute; left:0; top:0; }
.hov_group .hov_cont .hov1 .title a::before { background:url(../images/main/hov_ic1.png) no-repeat center center; }
.hov_group .hov_cont .hov2 .title a::before { background:url(../images/main/hov_ic2.png) no-repeat center center; }
.hov_group .hov_cont .hov3 .title a::before { background:url(../images/main/hov_ic3.png) no-repeat center center; }
.hov_group .hov_cont .hov4 .title a::before { background:url(../images/main/hov_ic4.png) no-repeat center center; }

.hov_group .hov_cont .hov_box .title a span { display:block; position:absolute; right:30px; top:50%; transform:translateY(-50%); width:20px; height:20px; }
.hov_group .hov_cont .hov_box .title a span::before { content:""; display:block; width:2px; height:20px; position:absolute; left:9px; top:0; background:#363636; transition:all 0.4s; transform:rotate(0deg); opacity:1; }
.hov_group .hov_cont .hov_box:hover .title a span::before { transform:rotate(-90deg); opacity:0; }
.hov_group .hov_cont .hov_box .title a span::after { content:""; display:block; width:20px; height:2px; position:absolute; left:0; top:9px; background:#363636; transition:all 0.5s; }


.hov_group .hov_cont .hov_box ul { border:1px solid #ddd; position:absolute; left:0;  width:100%; bottom:calc(100% - 1px); padding:15px 17px; box-sizing:border-box; transition:all 0.4s; opacity:0; display:none; }
.hov_group .hov_cont .hov_box.hover:hover ul { opacity:1; display:block;}

.hov_group .hov_cont .hov1 ul {  border-top:3px solid #f2b705; background:#fdf6df url(../images/main/hov_pat.png) left top; }
.hov_group .hov_cont .hov2 ul {  border-top:3px solid #35b6ed; background:#e1f6ff url(../images/main/hov_pat.png) left top; }
.hov_group .hov_cont .hov3 ul {  border-top:3px solid #87d90d; background:#f6ffdf url(../images/main/hov_pat.png) left top; }
.hov_group .hov_cont .hov4 ul {  border-top:3px solid #f272a1; background:#fff1f8 url(../images/main/hov_pat.png) left top; }
.hov_group .hov_cont .hov_box ul li {  }
.hov_group .hov_cont .hov_box ul li a { display:block; height:30px; line-height:30px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 24px; position:relative; color:#333; position:relative; }
.hov_group .hov_cont .hov_box ul li a:hover { font-weight:500; }
.hov_group .hov_cont .hov_box ul li a::before { content:""; display:block; width:14px; height:13px; position:absolute; left:0; top:10px; background:url(../images/main/hov_dot.png) left top no-repeat; transition:all 0.4s;}
.hov_group .hov_cont .hov1.hover ul li a:hover { color:#f2b705; }
.hov_group .hov_cont .hov1.hover ul li a:hover::before { background:url(../images/main/hov_dot1.png) left top no-repeat; }

.hov_group .hov_cont .hov2.hover ul li a:hover { color:#35b6ed; }
.hov_group .hov_cont .hov2.hover ul li a:hover::before { background:url(../images/main/hov_dot2.png) left top no-repeat; }

.hov_group .hov_cont .hov3.hover ul li a:hover { color:#87d90d; }
.hov_group .hov_cont .hov3.hover ul li a:hover::before { background:url(../images/main/hov_dot3.png) left top no-repeat; }


.hov_group .hov_cont .hov4.hover ul li a:hover { color:#f272a1; }
.hov_group .hov_cont .hov4.hover ul li a:hover::before { background:url(../images/main/hov_dot4.png) left top no-repeat; }




/*공지사항 type1*/
.noticeGroup{ width:859px; height:330px; }
.noticeGroup .noti_all { line-height:20px; float:left; height:50px;  font-size:26px; color:#0487d9; text-transform:uppercase; margin:0 19px 0 0; font-weight:bold; }
.noticeGroup .noti_all span { color:#0144a5; }
.noticeGroup h3 {float:left; margin:0px 12px 0 9px; padding:0px; position:relative;}
.noticeGroup h3:before { content:""; display:block; width:2px; height:8px; border-radius:150px; background:#dddddd; position:absolute; right:-12px; top:9px; }
.noticeGroup h3.btn3:before { display:none; }
.noticeGroup h3 a { display:block; }
.noticeGroup h3 a span { display:inline-block; font-size:19px; color:#777777; font-weight:500; position:relative; z-index:1; }
.noticeGroup h3 a span::before { content:""; display:block; width:0; transition:all 0.4s; height:10px; background:rgba(255,208,46,0.5); position:absolute; left:0; bottom:-1px; z-index:-1; }

.noticeGroup .on_check .btn a span { color:#333; font-weight:bold; font-size:20px;}
.noticeGroup .on_check .btn a span::before { width:100%; }
.noticeGroup .on_check .btn a::after { content:""; display:inline-block; vertical-align:top; width:23px; height:23px; background:url(../images/main/n_chk.png) left top no-repeat; margin:2px 0 0 4px; }

.noticeGroup div.tabcontent {position:absolute; left:-99999px; top:50px;width:100%; opacity:0; box-shadow:0px 3px 10px rgba(0,0,0,0.15); border-radius:12px; height:280px; padding:0 30px 0; box-sizing:border-box; }
.noticeGroup .on_check .tabcontent{ opacity:1; left:0; }

.noticeGroup div.tabcontent .btbox { position:absolute; right:0; top:-50px; }
.noticeGroup div.tabcontent .btbox li { float:left; margin:0 0px 0 11px;  }
.noticeGroup div.tabcontent .btbox li a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:4px; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0,0.15); }
.noticeGroup div.tabcontent .btbox li.nbtn01 a {  background:#fff url(../images/main/noti_bt1.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.nbtn02 a {   background:#fff url(../images/main/noti_bt2.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.n_play a { background:#fff url(../images/main/noti_bt2_on.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.nbtn03 a {   background:#fff url(../images/main/noti_bt3.png) center center no-repeat; }
.noticeGroup div.tabcontent .btbox li.more a {   background:#0487d9 url(../images/main/noti_more.png) center center no-repeat; }

.noticeGroup .noti_center { height:121px; box-sizing:border-box; border-bottom:1px solid #dddddd; margin:0px 0 0; background:url(../images/main/n_bg.png) no-repeat left 0px top 30px; }
.noticeGroup .noti_center a { display:block; }
.noticeGroup .noti_center a:after { content:""; display:block; clear:both; }
.noticeGroup .noti_center a p { float:right; font-size:16px; color:#999; margin:81px 0 0 0;}


.noticeGroup .noti_center a dl { float:left; width:calc(100% - 104px); box-sizing:border-box; padding:22px 0 0 90px;  }
.noticeGroup .noti_center a dl dt { height:30px; line-height:30px; font-size:18px; color:#333; margin-bottom:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold; }
.noticeGroup .noti_center a dl dt:before { display:none; }
.noticeGroup .noti_center a dl dd { display:block; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height:20px; height:40px; overflow:hidden; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:15px; color:#676767;}

.noticeGroup .noti_center a:hover dl dt { color:#333; }
.noticeGroup .noti_center a:hover dl dd { color:#555; font-weight:500; }

.noticeGroup .noti_slick { overflow:hidden;  width:100%; margin:13px 0px 0; }
.noticeGroup .slick-slide { height:30px; border:0 none !important; margin-bottom:0px;}
.noticeGroup .slick-current { display:none; }
.noticeGroup .slick-slide .noti_item {  }
.noticeGroup .slick-slide .noti_item a { display:block; box-sizing:border-box;  }
.noticeGroup .slick-slide .noti_item a:after { content:""; display:block; clear:both; }
.noticeGroup .slick-slide .noti_item a p { float:right; line-height:30px; text-align:right; font-size:16px; color:#999; }
.noticeGroup .slick-slide .noti_item a p .first { display:none; }
.noticeGroup .slick-slide .noti_item a dl { width:calc(100% - 104px); float:left;  }
.noticeGroup .slick-slide .noti_item a dl:after { content:""; display:block; clear:both; }
.noticeGroup .slick-slide .noti_item a dl dt { box-sizing:border-box; height:30px; line-height:30px; font-size:16px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 20px; position:relative; letter-spacing:-0.5px;}
.noticeGroup .slick-slide .noti_item a:hover dl dt { text-decoration:underline;  }
.noticeGroup .slick-slide .noti_item a dl dt:before { content:""; display:block; width:7px; height:7px; background:#0487d9; border-radius:50%; position:absolute; left:0px; top:13px; }
.noticeGroup .slick-slide .noti_item a dl dt img { display:none !important; }
.noticeGroup .slick-slide .noti_item a dl dd { display:none;  }

.noticeGroup .slick-active {  }


/*왼쪽컨텐츠*/
.left_pos { position:absolute; left:0; top:-659px; width:417px; z-index:1; }


/*팝업*/
.popupZone {overflow:hidden; position:relative; width:100%; border-radius:10px; background:#fff url(../images/main/p_pat.png) left top; box-shadow:2px 2px 10px rgba(0,0,0,0.12); height:190px; }
.popupZone h3 { width:153px; height:51px; text-align:center; line-height:51px; border-radius:0 0 10px 0; background:#5ad303; position:relative; overflow:hidden; margin-bottom:14px; }
.popupZone h3::before { content:""; display:block; width:64px; height:51px; position:absolute; right:-8px; top:0; background:#55c703; transform:skewX(-15deg); }
.popupZone h3 span { display:inline-block; font-size:20px; color:#fff; position:relative; z-index:1; }

.popupZone .btbox {position:absolute; top:18px; right:20px;}
.popupZone .btbox::after { content:""; display:block; clear:both; }

.popupZone .slick-counter { height:15px; line-height:15px; float:left; font-size:16px; color:#555;  padding:0 0px; margin-left:0px;  }
.popupZone .slick-counter .current { font-weight:bold; font-size:16px; color:#84b501; }
.popupZone .slick-counter .total {  position:relative; margin-left:3px; }

.popupZone .main_btn { float:right; }
.popupZone .main_btn::after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; text-align:left; display:block; margin-left:20px;}
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; width:8px; height:15px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/p_bt1.png) center center no-repeat; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/p_bt3.png) center center no-repeat; }
.popupZone .main_btn li.more { }
.popupZone .main_btn li.more a {  background:url(../images/main/p_more.png) center center no-repeat; width:15px; height:15px;}

div#popup_scroll { width:calc(100% - 30px); margin:0 auto 0; border-radius:12px; background:#f2f2f2; height:110px; box-sizing:border-box; padding:9px 20px 0; }
div#popup_scroll .slick-slide > div { height:30px; }
div#popup_scroll .pitem { }
div#popup_scroll .pitem a { display:block; height:30px; line-height:30px; font-size:16px; color:#555; position:relative; padding:0 0 0 15px; box-sizing:border-box; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
div#popup_scroll .pitem a::before { content:""; display:block; width:6px; height:6px; border-radius:50%; background:#92c30f; position:absolute; left:0px; top:14px; }
div#popup_scroll .pitem a:hover { font-weight:bold; }


/*월중행사 type1*/
.schedule { margin:40px 0 0 0; height:220px; overflow:hidden; position:relative; width:100%; border-radius:10px; background:#f7d6e6; box-shadow:2px 2px 10px rgba(0,0,0,0.12);}
.schedule h3 { width:153px; height:51px; text-align:center; line-height:51px; border-radius:0 0 10px 0; background:#f272a1; position:relative; overflow:hidden; }
.schedule h3::before { content:""; display:block; width:64px; height:51px; position:absolute; right:-7px; top:0; background:#eb5b90; transform:skewX(-15deg); }
.schedule h3 span { display:inline-block; font-size:20px; color:#fff; position:relative; z-index:1; }

.schedule .sc_today { position:absolute; right:70px; top:15px; font-size:20px; color:#eb5b90; font-weight:bold; line-height:30px; }
.schedule .more { position:absolute; right:20px; top:15px; }
.schedule .more a { display:block; text-indent:-99999px; box-sizing:border-box; background:#f272a1 url(../images/main/sch_more.png) center center no-repeat; width:30px; height:30px; border-radius:50%;}

.schedule #schedule_scroll { width:calc(100% - 30px); margin:10px auto 0; height:149px; background:#fff; border-radius:10px; box-sizing:border-box; padding:12px 20px 0; }
.schedule #schedule_content { height:135px; overflow-y:auto; }
.schedule #schedule_content li { margin-bottom:10px; }
.schedule #schedule_content li a { display:block; position:relative; width:100%; height:35px; line-height:35px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 0 0 107px; box-sizing:border-box; font-size:16px; color:#555; }
.schedule #schedule_content li a span { display:block; position:absolute; left:0; top:0; text-align:center; width:97px; height:35px; line-height:35px; color:#fff; border-radius:12px; background:#f5b9e1; transition:all 0.4s; font-weight:500; }
.schedule #schedule_content li a:hover { font-weight:bold; }
.schedule #schedule_content li a:hover span { background:#f272a1; }


/*메인퀵메뉴*/
.quickbox { float:right; width:417px; height:180px; box-shadow:0px 3px 10px rgba(0,0,0,0.15); border-radius:12px; background:#fdf6df;}
.quickbox h3 { padding:0 0 0 20px; height:60px; box-sizing:border-box; line-height:60px; font-size:24px; color:#333333; }
.quickbox .main_btn { position:absolute; right:20px; top:15px; }
.quickbox .main_btn li { float:left; margin:0 0px 0 10px;  }
.quickbox .main_btn li a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:4px; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0,0.15); }
.quickbox .main_btn li.qbtn01 a {  background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.quickbox .main_btn li.qbtn03 a {   background:#fff url(../images/main/q_bt3.png) center center no-repeat; }

.quickbox #quick_slick { width:calc(100% - 40px); margin:0 20px; }
#quick_slick .slick-slide { }
#quick_slick .slick-slide::after { content:""; display:block; clear:both; }
#quick_slick .slick-slide > div { float:left; width:calc(50% - 10px); height:40px; margin-bottom:20px; }
#quick_slick .slick-slide > div:nth-child(even) { float:right; }

#quick_slick .slick-slide .qitem { }
#quick_slick .slick-slide .qitem a { display:block; width:100%; text-align:center; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; font-size:15px; color:#555; background:#fff; transition:all 0.4s; border-radius:11px; letter-spacing:-0.5px; }
#quick_slick .slick-slide .qitem a:hover { font-weight:500; background:#ffd02e; }

#quick_slick .slick-slide .qitem a::before { content:""; display:inline-block; vertical-align:top; height:40px;}
#quick_slick .slick-slide .qic1 a::before { width:21px; margin:0 10px 0 0; background:url(../images/main/q_ic1.png) center center no-repeat; }
#quick_slick .slick-slide .qic2 a::before { width:19px; margin:0 7px 0 0; background:url(../images/main/q_ic2.png) center center no-repeat; }
#quick_slick .slick-slide .qic3 a::before { width:19px; margin:0 7px 0 0; background:url(../images/main/q_ic2.png) center center no-repeat; }
#quick_slick .slick-slide .qic4 a::before { width:21px; margin:0 15px 0 0; background:url(../images/main/q_ic4.png) center center no-repeat; }


/*급식*/
.food { margin-top:25px; width:417px; height:125px; overflow:hidden; float:right; border-radius:12px; background:url(../images/main/f_bg.png) no-repeat right 7px bottom, #fff url(../images/main/f_pat.png) no-repeat center top; box-shadow:0px 3px 10px rgba(0,0,0,0.15); padding:0 20px 0; }
.food h3 { height:60px; box-sizing:border-box; line-height:60px; font-size:24px;  }
.food h3 a { color:#333333; }
.food h3 span { color:#92c30f; }
.food .more { position:absolute; right:20px; top:16px; }
.food .more a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:4px; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0,0.15); background:#87d90d url(../images/main/noti_more.png) center center no-repeat;}

.food .ftxt a { display:block; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; line-height:22px; height:44px; overflow:hidden; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:15px; color:#666;}
.food .ftxt a:hover { text-decoration:underline; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { margin:32px 0 0; position:relative; background:url(../images/main/gal_bg1.png) left top no-repeat, url(../images/main/gal_bg2.png) right bottom no-repeat;}
#gal_cont .default_layout {  }

.galleryGroup{ margin:0 0 0 0; width:100%; height:auto; z-index:1; background:none; min-height:434px; }

.galleryGroup h3 { height:86px; display:inline-block; position:relative; box-sizing:border-box; padding:31px 0 0 0; }
.galleryGroup h3::before { content:""; display:block; width:32px; height:29px; background:url(../images/main/gal_title.png) left top no-repeat; position:absolute; right:-33px; top:29px; }
.galleryGroup h3 a { font-size:26px; color:#333; }
.galleryGroup h3 a .c1 { color:#69af02; }
.galleryGroup h3 a .c2 { color:#92c30f; }

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

.galleryGroup .main_btn { position:absolute; right:0; top:33px; }
.galleryGroup .main_btn li { float:left; margin:0 0px 0 10px;  }
.galleryGroup .main_btn li a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:4px; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0,0.15); }
.galleryGroup .main_btn li.gbtn01 a {  background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn02 a {   background:#fff url(../images/main/noti_bt2.png) center center no-repeat; }
.galleryGroup .main_btn li.g_stop a { background:#fff url(../images/main/noti_bt2_on.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a {   background:#fff url(../images/main/q_bt3.png) center center no-repeat; }
.galleryGroup .main_btn li.more a {   background:#87d90d url(../images/main/noti_more.png) center center no-repeat; }


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

.galleryGroup .slick-slide .gitem .g_sub { margin:12px 0 0px; padding:0 23px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#333; line-height:30px; }
.galleryGroup .slick-slide .gitem .g_date {  padding:0 23px; text-align:right; font-size:15px; color:#999; }

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

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

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




/*배너모음*/
#banner {margin:0px 0 0 0; height:89px; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; }
#banner h3 {float:left; padding:30px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:24px; color:#010000; padding:0px 0px 0 0; }

#banner .main_btn { position:absolute; right:0px; top:28px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; margin:0 0px 0 10px;  }
#banner .main_btn li a { display:block; text-indent:-99999px; width:30px; height:30px; border-radius:4px; box-sizing:border-box; box-shadow:0px 3px 5px rgba(0,0,0,0.15); }
#banner .main_btn li.bbtn01 a {  background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a {   background:#fff url(../images/main/noti_bt2.png) center center no-repeat; }
#banner .main_btn li.b_stop a { background:#fff url(../images/main/noti_bt2_on.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a {   background:#fff url(../images/main/q_bt3.png) center center no-repeat; }
#banner .main_btn li.more a {   background:#3a454c url(../images/main/noti_more.png) center center no-repeat; }


div#banner_scroll {position:absolute; left:108px; top:15px; width:1035px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 20px 0px 0; width:187px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:57px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:55px; }







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

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

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; height:auto; overflow:hidden; background:url(../images/common/wrap_bg.png) no-repeat center top, url(../images/main/vi_color.png) left top; min-width:0px;}
.visual_wrap .vi_def { position:relative; float:right; width:100%; height:auto; margin:0 0px 0 0; }
.visual_wrap .vi_content { }
.visual_wrap .vi_content > div { height:auto;  }
.visual_wrap .vi_content .slick-slide div { display:block !important; }
.visual_wrap img.imgdef { margin:0 0 0px 0px; width:100%; left:0; transform:none;}


.visual_wrap .visual_txt { position:absolute; left:3%; top:50%; width:94%; box-sizing:border-box; transform:translateY(-50%); }
.visual_txt img { width:100%; max-width:300px; }

.visual_wrap .vi_pcont { position:absolute; left:3%;  bottom:20px; z-index:10;  width:94%; max-width:94%; }

/*바로가기*/
#quick_line { background:#f2f2f2; width:100%; height:auto; margin:0 0 25px 0; position:relative; z-index:11;  }
#quick_line::before { display:none; }
#quick_line .default_layout { z-index:1; }

.hov_group { }
.hov_group::after { content:""; display:block; clear:both; }
.hov_group .titlebox { float:left; line-height:25px; color:#fff; padding:14px 3% 20px; background:#5ad303; width:100%; box-sizing:border-box; }
.hov_group .hov_cont .hov_box:last-child .title a {
  border-right: 0 none;
}
.hov_group .hov_cont .hov_box.hov_view .title a { color:#fff; }
.hov_group .hov_cont .hov1.hov_view .title a { background:#f2b705; }
.hov_group .hov_cont .hov2.hov_view .title a { background:#35b6ed; }
.hov_group .hov_cont .hov3.hov_view .title a { background:#87d90d; }
.hov_group .hov_cont .hov4.hov_view .title a { background:#f272a1; }

.hov_group .hov_cont { float:right; width:100%;  }
.hov_group .hov_cont .hov_box { position:relative; float:left; width:50%; }
.hov_group .hov_cont .hov_box ul {  opacity:0 !important; display:none !important; }

.hov_group .hov_cont .hov_box.hov_view ul {  opacity:1 !important; display:block !important; }

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

.left_pos {
  position:static;
  width: 100%; float:left;
}

/*팝업*/
.popupZone h3 { width:123px; }

/*월중행사 type1*/
.schedule h3 { width:123px;  }
.schedule #schedule_scroll {
  padding: 12px 10px 0;
}
.schedule #schedule_content li a { font-size: 15px; }

/*갤러리*/
#gal_cont { margin:0px 0 0; position:relative; background:url(../images/main/gal_bg1.png) no-repeat left top / cover;}

.galleryGroup {
  min-height: 0px;
}
.galleryGroup #gallery_scroll { width:100%; }

/*배너모음*/
#banner {margin:0px 0 0 0; height:auto;  float:left; position:relative; width:100%; box-sizing:border-box; padding:25px 0 20px; }
#banner h3 { float:none; padding:0px 0 0 3%;}
#banner .main_btn { position:absolute; right:3%; top:-5px; }
 
div#banner_scroll {position:relative; left:inherit; top:inherit; width:97%; overflow:hidden; margin:20px 0 0 3%; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 3% 0px 0; width:22%;  }
div#banner_scroll #banner_content .slick-slide { margin:0 15px 0px 0; }


}

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

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

}

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

/*공지사항 type1*/
.noticeGroup{ height:380px; }
.noticeGroup .noti_all { line-height:20px; float:left; height:45px;  font-size:26px; margin:0 0px 0 0; width:100%; }
.noticeGroup .noti_all span { color:#0144a5; }
.noticeGroup h3 {float:left; margin:0px 1%; padding:0px; position:relative; width:31%; text-align:center;}
.noticeGroup h3.btn2 { width:32%; }
.noticeGroup h3:before { display:none; }

.noticeGroup div.tabcontent { top:93px; }

.noticeGroup div.tabcontent .btbox { position:absolute; right:0; top:-98px; }



}


@media all and (max-width:590px) {
.visual_txt img { width:100%; max-width:200px; }
}

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

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

}

@media all and (max-width:510px) {
.galleryGroup .slick-slide {  margin:0 0px 0 0; }


}

@media all and (max-width:508px) {
	
.noticeGroup .noti_center { background:none; }
.noticeGroup .noti_center a dl {
  padding: 22px 0 0 0px;
}
.noticeGroup div.tabcontent { padding: 0 15px 0; }

/*메인퀵메뉴*/
.quickbox { height:auto; }
#quick_slick .slick-slide > div { float:left; width:100%; height:40px; margin-bottom:15px; }
.quickbox h3 { font-size:22px; }

.food h3 { font-size:22px; }

}

@media all and (max-width:425px) {
.noticeGroup .on_check .btn a::after { display:none; }
.noticeGroup h3 a span {
  font-size: 17px;
}
.noticeGroup .on_check .btn a span {
  font-size: 18px;
}
}

@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:410px) {
.visual_txt img { width:100%; max-width:150px; }
.hov_group .hov_cont .hov_box .title a { border-left:0 none; }
.hov_group .hov_cont .hov_box { position:relative; float:left; width:100%; }
.hov_group .hov_cont .hov_box ul { position:static; padding:15px 17px; box-sizing:border-box;  }


}

@media all and (max-width:365px) {
.galleryGroup h3 a { font-size:22px; }

}