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


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

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

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

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

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


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



/*메인비주얼*/
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; height:568px; overflow:hidden; }
.visual_wrap .vi_content > div { height:568px;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap .visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:165px; width:100%; min-width:1440px; max-width:1610px; box-sizing:border-box;  display:flex; justify-content:flex-start;  }

.visual_wrap .visual_txt .vtxt { line-height:48px; text-shadow:2px 2px 8px rgba(0,0,0,0.25); font-size:40px; color:#fff; font-weight:700; }
.visual_wrap .visual_txt .vtxt .eng { display:block; font-weight:400; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
.visual_wrap .visual_txt .vtxt .c1 { color:#fffc00; }

.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:50%; transform:translateX(-50%);  bottom:222px; z-index:10;  width:100%; box-sizing:border-box; min-width:1440px; max-width:1610px;}
.visual_wrap .vi_pbox { display:inline-block; vertical-align:top; }
.visual_wrap .vi_pbox::after { content:""; display:block; clear:both; }
.visual_wrap .vi_pbox .vi_page { display:inline-block; }
.visual_wrap .slick-dots {   }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:132px; height:5px; box-sizing:border-box; margin-right:13px; background:none; border:1px solid #fff; border-radius:3px; }
.visual_wrap .slick-dots li.slick-active { background:#fff; }
.visual_wrap .slick-dots li span { display:none; }

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


#main_cont1 { background:#fff url(../images/main/wrap_bg1.png) center top no-repeat; padding:31px 0 53px; }

/*공지사항 type1*/
.noticeGroup { margin:0px 0 52px; width:100%; height:424px; background:none; }
.noticeGroup .titlebox { display:flex; align-items:center; height:70px;  }
.noticeGroup .titlebox p.tit { font-family: 'JalnanGothic'; padding:0px 0 0 46px; font-size:30px; color:#333333; position:relative; box-sizing:border-box; line-height:70px; }
.noticeGroup .titlebox p.tit::before { content:""; display:block; width:42px; height:34px; background:url(../images/main/ntitle.png) left top no-repeat; position:absolute; left:-6px; top:16px; }
.noticeGroup .titlebox p.tit span { color:#2bb700; }
.noticeGroup .titlebox p.txt { font-size:17px; color:#777; margin:0 0 0 15px; }

.noticeGroup h3 {float:left; position:relative; z-index:1;  width:calc(50% - 28.5px); }
.noticeGroup h3 a { display:block; width:100%; height:50px; line-height:48px;  text-align:center; box-sizing:border-box; font-weight:500; font-size:20px; color:#797979; background:#fff; border:1px solid #dddddd; border-right:0 none; font-weight:600; }
.noticeGroup h3.btn1 a { border-radius:10px 0 0 10px; }
.noticeGroup h3.btn2 a { border-radius:0; }

.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup .on_check .btn a{ background:#40c816; color:#fff; border-color:#40c816; box-shadow:0px 2px 10px rgba(0,0,0,0.15); }

.noticeGroup div.tabcontent {position:absolute; left:0; top:125px; width:100%; display:none; box-sizing:border-box; padding:0 0px 0 0px; height:299px;  }
.noticeGroup div.tabcontent ul { }
.noticeGroup div.tabcontent ul li { width:100%; }
.noticeGroup div.tabcontent ul li img { display:none !important; }

.noticeGroup div.tabcontent ul li {  box-sizing:border-box; position:relative; border-bottom:1px solid #ddd; }
.noticeGroup div.tabcontent ul li a { display:block; position:relative; height:99px;}
.noticeGroup div.tabcontent ul li a::before { content:""; display:block; width:39px; height:20px; background:url(../images/main/arrow1.png) left top no-repeat; position:absolute; right:36px; top:50%; transform:translateY(-50%); transition:all 0.4s; }
.noticeGroup div.tabcontent ul li a:hover::before { background:url(../images/main/arrow2.png) left top no-repeat; }

.noticeGroup div.tabcontent ul li dl { padding:24px 100px 0 87px; }
.noticeGroup div.tabcontent ul li dl dt { line-height:24px; height:24px; font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; margin-bottom:0px; display:inline-block; position:relative; z-index:1; padding:0 2px; max-width:100%; }

.noticeGroup div.tabcontent ul li dl dt:before { content:""; display:block; width:0%; height:11px; background:#e6f6cd; position:absolute; left:0; top:7px; z-index:-1;  transition:width 0.4s; }
.noticeGroup div.tabcontent ul li:hover dl dt:before { width:100%; }

.noticeGroup div.tabcontent ul li dl dd { font-size:16px; color:#555; overflow:hidden; width:100%; 
    line-height: 18px;
    overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.noticeGroup div.tabcontent ul li .date { position:absolute; left:0; top:15px; width:69px; height:69px; box-sizing:border-box; border-radius:50%; text-align:center; font-size:13px; color:#333; letter-spacing:-0.5px; padding:16px 0 0 0; font-weight:500; background:#f5f5f5; line-height:18px; }
.noticeGroup div.tabcontent ul li .date .nday { display:block; width:100%; color:#029bff; font-weight:bold; font-size:28px; margin-top:3px; }
.noticeGroup div.tabcontent ul li .date .nday span { display:none; }

.noticeGroup div.tabcontent .more { position:absolute; right:0px; top:-55px; }
.noticeGroup div.tabcontent .more a { border-radius:0 10px 10px 0; display:block; width:57px; height:50px; background:#555555 url(../images/main/more1.png) center center no-repeat; text-indent:-99999px; }


/*월중행사*/
.schedule { width:461px; height:304px; border:1px solid #ddd; overflow:hidden; border-radius:10px; background:#fff url(../images/main/sch_pat.png) left top; margin:0 26px 0 0; }
.schedule h3 { height:69px; font-size:23px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#eeeeee; padding:28px 0 0 103px; position:relative; font-family: 'JalnanGothic'; font-weight:normal;}
.schedule h3::before { content:""; display:block; width:69px; height:69px; background:url(../images/main/sch_title.png) center center no-repeat; border-radius:50%; position:absolute; left:20px; top:11px;}
.schedule h3 a { color:#333; }

.schedule .main_btn{position:absolute; top:23px; right:19px;}
.schedule .main_btn li{float:left;  width:26px; margin-left:10px; }
.schedule .main_btn li.slick-disabled { opacity:0.5; }
.schedule .main_btn li a { display:block; width:100%; height:26px; border-radius:50%; box-shadow:1px 1px 2px rgba(0,0,0,0.15); box-sizing:border-box; text-indent:-99999px; }
.schedule .main_btn li.sbtn01 a { background:#fff url(../images/main/sch_bt1.png) center center no-repeat; }
.schedule .main_btn li.sbtn02 a { background:#fff url(../images/main/sch_bt2.png) center center no-repeat; }
.schedule .main_btn li.s_play a { background:#fff url(../images/main/sch_bt2_on.png) center center no-repeat; }
.schedule .main_btn li.sbtn03 a { background:#fff url(../images/main/sch_bt3.png) center center no-repeat; }

#schedule_scroll { margin:25px 30px 0; }
#schedule_scroll .slick-slide { margin-bottom:23px; height:29px; line-height:29px; border:0 none; }
#schedule_scroll .slick-slide a { display:block; height:29px; width:100%; box-sizing:border-box;  padding:0 0 0 87px; position:relative; }
#schedule_scroll .slick-slide a .sch_side { width:75px; height:29px; position:absolute; left:0; top:0; border-radius:10px; background:#ffefa1; transition:all 0.4s; text-align:center; font-size:17px; font-weight:600; color:#333; }
#schedule_scroll .slick-slide a:hover .sch_side { background:#ffdb32; }
#schedule_scroll .slick-slide a .stxt { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#444;}

/*급식*/
.food { width:463px; height:304px; border-radius:10px; box-sizing:border-box; background:#f5fff2; padding:0px 18px 0; border:1px solid #5ed739;}
.food h3 { height:69px; box-sizing:border-box; padding:27px 0 0 0px;  }
.food h3 a { font-size:23px; color:#333; font-family: 'JalnanGothic'; font-weight:normal;}
.food h3 a span { color:#2bb700; }
.food .f_today { width:100%; height:47px; line-height:47px; border-radius:150px; background:#5ed739; text-align:center; font-size:20px; position:relative; color:#fff; margin:0 auto 11px; font-weight:600;}
#food_content { position:relative; width:100%; height:144px; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:inset 1px 1px 12px rgba(0,0,0,0.1); padding:24px 20px 0;}
#food_content::before { content:""; display:block; width:135px; height:58px; background:url(../images/main/food_ic.png) left top no-repeat; position:absolute; right:0; bottom:-18px; }

#food_content a { display:block; width:100%; overflow:hidden; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 25px;
    height: 75px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; font-size:17px; color:#555;  }

#food_content a:hover { font-weight:500; }

.food .more { position:absolute; right:18px; top:24px; }
.food .more a { font-size:15px; color:#fff; display:block; border-radius:150px; background:#555555; height:25px; line-height:25px; padding:0 11px 0 14px; box-shadow:2px 2px 1px rgba(0,0,0,0.15); }
.food .more a span { display:inline-block; vertical-align:top; width:17px; height:9px; background:url(../images/main/food_arrow.png) left top no-repeat; margin:8px 0 0 4px; transition:all 0.4s; }
.food .more a:hover { background:#333; }

/*학교영상*/
.movGroup { float:right; width:465px; height:304px; overflow:hidden; border-radius:10px; border:1px solid #ddd; }
.movGroup h3 { height:70px; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:75px; padding:0 18px; }
.movGroup h3 a { font-size:23px; color:#333; font-family: 'JalnanGothic'; font-weight:normal;}
.movGroup .more { position:absolute; right:20px; top:24px; }
.movGroup .more a { font-size:15px; color:#fff; display:block; border-radius:150px; background:#555555; height:25px; line-height:25px; padding:0 11px 0 14px; box-shadow:2px 2px 1px rgba(0,0,0,0.15); }
.movGroup .more a span { display:inline-block; vertical-align:top; width:17px; height:9px; background:url(../images/main/food_arrow.png) left top no-repeat; margin:8px 0 0 4px; transition:all 0.4s; }
.movGroup .more a:hover { background:#333; }

.movGroup .main_btn { }
.movGroup .main_btn li { position:absolute; top:149px; z-index:1; }
.movGroup .main_btn li.mbtn01 { left:14px; }
.movGroup .main_btn li.mbtn03 { right:14px; }
.movGroup .main_btn li a { display:block; width:28px; height:39px; text-indent:-99999px; }
.movGroup .main_btn li.mbtn01 a { background:url(../images/main/mov_bt1.png) center top no-repeat; }
.movGroup .main_btn li.mbtn03 a { background:url(../images/main/mov_bt3.png) center top no-repeat; }

.movGroup .slick-slide .gitem .pic { width:100%; height:189px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.movGroup .slick-slide .gitem .pic::before { content:""; display:block; width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,0.9) url(../images/main/mov_ic.png) center center no-repeat; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); box-shadow:2px 2px 3px rgba(0,0,0,0.2); transition:all 0.4s; }

.movGroup .slick-slide .gitem:hover .pic::before { background:rgba(255,255,255,0.7) url(../images/main/mov_ic.png) center center no-repeat; }

.movGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.movGroup .slick-slide .gitem .g_sub { width:100%; height:43px; box-sizing:border-box; background:#000; line-height:43px; font-size:16px; font-weight:500; padding:0 10px 0; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#fff; text-align:center;}

/*팝업버튼*/
.pop_call { position:absolute; left:31px; top:547px; display:none; z-index:10; }
.pop_call a { display:block; width:99px; height:99px; border-radius:50%; box-sizing:border-box; border:3px solid #fff568; text-align:center; background:#fff url(../images/main/pop_ic.png) center top 11px no-repeat; position:relative; font-size:17px; color:#333; font-weight:600; text-transform:uppercase; padding:61px 0 0 0; box-shadow:0px 0px 8px rgba(0,0,0,0.4), inset 3px 3px 6px rgba(0,0,0,0.15); }
.pop_call a::before { content:""; display:block; width:25px; height:25px; background:#fff568 url(../images/main/pop_more.png) center center no-repeat; position:absolute; right:-3px;  top:-3px; border-radius:50%; }





/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { background:url(../images/main/gal_bg.jpg) center top no-repeat; min-height:504px; }
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; background:none; box-sizing:border-box; padding-bottom:30px; }
.galleryGroup h3 { height:121px; box-sizing:border-box; text-align:center; padding:56px 0 0 0; }
.galleryGroup h3 a { display:inline-block; font-size:30px; color:#fff; font-family: 'JalnanGothic'; font-weight:normal; line-height:30px; text-shadow:0px 2px 4px rgba(0,0,0,0.15); }
.galleryGroup h3 a::after { content:""; display:inline-block; vertical-align:top; width:28px; height:29px; background:url(../images/main/gal_more.png) center top no-repeat; margin:-2px 0 0 4px; position:relative; }

.galleryGroup .tbox { text-align:center; margin-bottom:38px; }
.galleryGroup .gal_tepbox { display:inline-block; border-radius:150px;  background:#fff; box-sizing:border-box; height:47px; position:relative; }
.galleryGroup .gal_tepbox::after { content:""; display:block; width:100%; height:100%; border:2px solid #ddd; box-sizing:border-box; border-radius:150px; position:absolute; left:0; top:0; }
.galleryGroup .gal_tepbox li { border-radius:150px; display:inline-block; position:relative; height:47px; line-height:47px; z-index:1; margin-right:20px; }
.galleryGroup .gal_tepbox li:last-child { margin-right:0; }
.galleryGroup .gal_tepbox li::before { content:""; display:block; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; right:-10px; top:50%; transform:translateY(-50%); }
.galleryGroup .gal_tepbox li.on { }
.galleryGroup .gal_tepbox li:last-child::before { display:none; }
.galleryGroup .gal_tepbox li.on::before { display:none; }
.galleryGroup .gal_tepbox li a { border-radius:150px; display:block; font-size:19px; font-weight:600; color:#555; padding:0 66px; background:none;
background:none; transition:all 0.5s;}
.galleryGroup .gal_tepbox li.on a { background: #5ED739;
background: linear-gradient(90deg,rgba(94, 215, 57, 1) 0%, rgba(11, 142, 190, 1) 100%); color:#fff; }
.galleryGroup .gal_tepbox li.on a::after { content:""; display:inline-block; margin:0px 0 0 6px; width:17px; height:17px; background:url(../images/main/gal_chk.png) center top no-repeat; position:relative; top:2px; }

.galleryGroup .main_btn { }
.galleryGroup .main_btn li { width:40px; position:absolute; top:309px; }
.galleryGroup .main_btn li:nth-child(1) { left:0; }
.galleryGroup .main_btn li:nth-child(2) { right:0; }
.galleryGroup .main_btn li a { display:block; width:100%; height:40px; border-radius:50%; text-indent:-99999px; box-shadow:0px 0px 8px rgba(0,0,0,0.15); }
.galleryGroup .main_btn li:nth-child(1) a { background:#fff url(../images/main/gal_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li:nth-child(2) a { background:#fff url(../images/main/gal_bt3.png) center center no-repeat; }

.galleryGroup .tepbox { display:none; }
.galleryGroup .gal_show { display:block; }

.galleryGroup .gal_scoll { width:calc(100% - 22px); height:auto; margin:0px 0 0 17px; min-height:250px; }
.galleryGroup .slick-slide { width:335px; height:246px; margin:0 20px 0 0; box-sizing:border-box;  }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:246px; width:100%; box-sizing:border-box; padding:10px; background:#fff; border-radius:10px; }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:163px; box-sizing:border-box; border-radius:10px; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup .slick-slide .gitem .pic::before { content:""; display:block; width:0; height:100%; background:rgba(0,0,0,0.3) url(../images/main/gal_ic.png) center center no-repeat; position:absolute; left:0; top:0; transition:all 0.6s; }
.galleryGroup .slick-slide .gitem a:hover .pic::before { width:100%; }
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { padding:0 5px; box-sizing:border-box; width:100%; font-size:17px; color:#333; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:14px; }
.galleryGroup .slick-slide .gitem .g_date { padding:0 5px; text-align:right; font-size:15px; color:#666; }


.galleryGroup .slick-slide .gitem a::before { border-radius:10px; box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:2px solid transparent;  }
.galleryGroup .slick-slide .gitem a::after { border-radius:10px; box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:2px solid transparent;  }
.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:#60ff2f; border-right-color:#60ff2f; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#60ff2f; border-left-color:#60ff2f; }





/*자주찾는메뉴*/
#side_cont { position:fixed; right:-355px;  top:141px; transition:all 0.6s; z-index:10; width:355px; background:#ffffff; box-sizing:border-box; padding:0 23px 0px; }
#side_cont.sideView { right:0; }

.sd_arrowbox { position:absolute; left:-56px; top:0; width:56px; height:100%; border-radius:20px 0 0 20px; background:#9fef1a; font-size:18px; font-weight:500; color:#444; overflow:hidden; box-sizing:border-box;  }
.sd_arrowbox a { display:block; position:absolute; left:0; top:0; height:100%; width:100%; padding:43px 0 0 0; box-sizing:border-box;}
.sd_arrowbox .arrow { display:block; width:100%; height:20px; background:url(../images/main/q_title.png) center top no-repeat; margin:0 0 27px 0; transition:all 0.4s; transform:rotate(0deg); }
#side_cont.sideView .sd_arrowbox .arrow { transform:rotate(180deg); }
.sd_arrowbox .txt { transform:rotate(90deg); display:block; white-space:nowrap; }

#side_cont .titlebox { border-bottom:1px solid #ddd; padding:33px 0 6px; margin-bottom:30px; height:88px; box-sizing:border-box; }
#side_cont .titlebox .tit { font-size:19px; color:#333; font-weight:600; }
#side_cont .titlebox .txt { font-size:14px; color:#555; }
#side_cont .sd_slbox { position:relative; padding-bottom:30px; }

.side_slick { height:465px; overflow:hidden; }

#side_cont .sitem {  }
#side_cont .sitem::after { content:""; display:block; clear:both; }
#side_cont .sd_item { width:50%; float:left; height:147px;  }
#side_cont .sd_item a { display:block; font-size:16px; color:#333; font-weight:500; text-align:center; line-height:20px; }
#side_cont .sd_item a span.ic { display:block; width:99px; height:99px; margin:0 auto 7px; border-radius:50%; position:relative; border:1px solid #ebebeb; box-sizing:border-box; transition:all 0.4s; }
#side_cont .sd_ic1 a span.ic { background:#ebebeb url(../images/main/q_ic1.png) center center no-repeat; }
#side_cont .sd_ic2 a span.ic { background:#ebebeb url(../images/main/q_ic2.png) center center no-repeat; }
#side_cont .sd_ic3 a span.ic { background:#ebebeb url(../images/main/q_ic3.png) center center no-repeat; }
#side_cont .sd_ic4 a span.ic { background:#ebebeb url(../images/main/q_ic4.png) center center no-repeat; }
#side_cont .sd_ic5 a span.ic { background:#ebebeb url(../images/main/q_ic5.png) center center no-repeat; }
#side_cont .sd_ic6 a span.ic { background:#ebebeb url(../images/main/q_ic6.png) center center no-repeat; }

#side_cont .sd_item a:hover span.ic { border-color:#2bb700; }

#side_cont .sdbox li { position:absolute; width:100%; }
#side_cont .sdbox li.sd_prev { top:99px; }
#side_cont .sdbox li.sd_next { bottom:16px; }
#side_cont .sdbox li a { display:block; width:20px; height:12px; margin:0 auto 0; text-indent:-99999px; }
#side_cont .sdbox li.sd_prev a { background:url(../images/main/q_bt1.png) center top no-repeat; }
#side_cont .sdbox li.sd_next a { background:url(../images/main/q_bt3.png) center top no-repeat; }



/*배너모음*/
#banner {margin:53px 0 0 0; height:84px; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#banner h3 {float:left; padding:33px 0 0; font-family: 'JalnanGothic';}
#banner h3 a { display:inline-block; position:relative; font-size:25px; color:#333; padding:0px 0px 0 0; font-weight:normal; }

#banner .main_btn { position:absolute; right:0px; top:22px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; margin:0 0px 0 7px;  }
#banner .main_btn li a { display:block; text-indent:-99999px; width:38px; height:38px; border-radius:50%; box-sizing:border-box; border:1px solid #dedede; }
#banner .main_btn li.bbtn01 a {  background:#eeeeee url(../images/main/b_btn01.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a {   background:#e6f9e4 url(../images/main/b_btn02.png) center center no-repeat; }
#banner .main_btn li.b_stop a { background:#e6f9e4 url(../images/main/b_btn02_on.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a {   background:#eeeeee url(../images/main/b_btn03.png) center center no-repeat; }
#banner .main_btn li.more a {   background:#e6f9e4 url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute; left:125px; top:16px; width:1140px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 32px 0px 0; width:196px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:50px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:48px; }









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

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

/*메인비주얼*/
.visual_wrap { position:relative; margin:0 0 0 0px; width:100%; height:auto; overflow:hidden; }
.visual_wrap .vi_content > div { height:auto;  }
.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap .visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:45px; width:100%; min-width:0px; max-width:1610px; padding:0 3%; box-sizing:border-box; }

.visual_wrap .visual_txt .vtxt { line-height:35px; font-size:28px; }
.visual_wrap .visual_txt .vtxt .eng { display:block; font-weight:400; font-size:20px; }

.visual_wrap img.imgdef { display:block; position:relative; left:50%; transform:translateX(-50%); width:calc(100% + 150px); }


.visual_wrap .vi_pcont { position:absolute; left:50%; transform:translateX(-50%);  bottom:22px; z-index:10;  width:100%; box-sizing:border-box; min-width:0px; max-width:1610px; padding:0 3%;}
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:62px; height:5px; }

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

#main_cont1 { padding:5px 0 13px; }
.noticeGroup .titlebox p.tit { font-size:23px; }
.noticeGroup .titlebox p.tit::before { top:14px; }
.noticeGroup div.tabcontent ul li a::before { display:none; }
.noticeGroup div.tabcontent ul li dl { padding:24px 20px 0 87px; }


/*자주찾는메뉴*/
#side_cont { position:static; transition:all 0.6s; z-index:10; width:94%; background:#ffffff; box-sizing:border-box; padding:0 0px 0px; margin:0 3% 25px; }
#side_cont.sideView { right:0; }

.sd_arrowbox { position:static; width:100%; height:auto; border-radius:20px 20px 0 0px; font-size:18px; font-weight:500; color:#444; overflow:hidden; box-sizing:border-box;  }
.sd_arrowbox a { display:block; position:static; left:0; top:0; height:auto; width:100%; padding:0px 0 0 0; box-sizing:border-box;}
.sd_arrowbox .arrow { display:none; }
#side_cont.sideView .sd_arrowbox .arrow { transform:rotate(0deg); }
.sd_arrowbox .txt { transform:rotate(0deg); display:block; white-space:nowrap; text-align:center; font-weight:600; padding:15px 5px; box-sizing:border-box; color:#333; }

#side_cont .titlebox .txt { font-size:13px; color:#555; letter-spacing:-0.5px; }
#side_cont .sd_slbox { position:relative; border:1px solid #ddd; padding:0 15px 30px; }
#side_cont .sd_item a { display:block; font-size:15px; color:#333; font-weight:500; text-align:center; line-height:20px; letter-spacing:-0.5px; }

#side_cont .sdbox li { position:absolute; width:100%; left:0; }

/*월중행사*/
.schedule h3 { padding: 28px 0 0 88px;}
.schedule h3::before { left:10px; }
.schedule .main_btn li {
  margin-left: 5px;
}
#schedule_scroll { margin: 25px 15px 0; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
#gal_cont { background:url(../images/main/gal_bg.jpg) no-repeat center top / cover; min-height:504px; margin-bottom:25px; }
.galleryGroup .tbox { text-align:center; margin-bottom:38px; }
.galleryGroup .gal_tepbox { display:flex; flex-wrap:wrap; border-radius:15px;  background:#fff; box-sizing:border-box; height:auto; position:relative; }
.galleryGroup .gal_tepbox::after { content:""; display:block; width:100%; height:100%; border:2px solid #ddd; box-sizing:border-box; border-radius:15px; position:absolute; left:0; top:0; }
.galleryGroup .gal_tepbox li { width:calc(100% / 3); border-radius:15px; display:block; position:relative; height:47px; line-height:47px; z-index:1; margin-right:0px; }
.galleryGroup .gal_tepbox li:nth-child(4) { width:calc(100% / 2); }
.galleryGroup .gal_tepbox li:nth-child(5) { width:calc(100% / 2); }
.galleryGroup .gal_tepbox li:last-child { margin-right:0; }
.galleryGroup .gal_tepbox li::before { display:none; }
.galleryGroup .gal_tepbox li.on { }
.galleryGroup .gal_tepbox li:last-child::before { display:none; }
.galleryGroup .gal_tepbox li.on::before { display:none; }
.galleryGroup .gal_tepbox li a { border-radius:15px; display:block; font-size:17px; font-weight:600; color:#555; padding:0 5px; background:none;
background:none; transition:all 0.5s;}

.galleryGroup .main_btn li { top:350px; }

/*팝업버튼*/
.pop_call { position:fixed; left:10px; top:inherit; bottom:10px; display:none; z-index:10; }
.pop_call a { display:block; width:72px; height:72px; border-radius:50%; box-sizing:border-box; border:2px solid #fff568; text-align:center; background:#fff url(../images/main/pop_ic.png) no-repeat center top 11px / 27px; position:relative; font-size:14px; color:#333; font-weight:600; text-transform:uppercase; padding:36px 0 0 0; box-shadow:0px 0px 8px rgba(0,0,0,0.4), inset 3px 3px 6px rgba(0,0,0,0.15); }


/*배너모음*/
#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:616px) {
	
.visual_wrap .visual_txt {  top:35px;  }
.visual_wrap .visual_txt .vtxt { line-height:30px; font-size:20px; }
.visual_wrap .visual_txt .vtxt .eng { display:block; font-weight:400; font-size:16px; }

}

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

.noticeGroup .titlebox p.txt { display:none; }


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

}
@media all and (max-width:539px) {
.galleryGroup .gal_scoll {
  width: calc(100% - 19px);
}
}
@media all and (max-width:434px) {
	
.visual_wrap .visual_txt {  top:25px;  }
.visual_wrap .visual_txt .vtxt { line-height:24px; font-size:18px; }
.visual_wrap .visual_txt .vtxt .eng { display:block; font-weight:400; font-size:14px; line-height:24px;}

}

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