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

body{ }

#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:572px; overflow:hidden; }
.visual_wrap .vi_content { height:572px; position:relative; }
.visual_wrap .vi_content > div { height:572px;  }
.visual_wrap .slick-slide { width:100%; height:572px; position:relative; z-index:1; }

.visual_wrap .vi_content div.visual01 { position:relative; }
.visual_wrap .visual_txt { position:absolute; left:50%; transform:translateX(-50%); top:58px; width:100%; max-width:1460px; box-sizing:border-box; text-align:right; display:flex; justify-content:flex-start; padding-left:20px; }
.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 .slick-slide video {width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;  } 


.visual_wrap .vi_pcont { position:absolute; left:0px;  bottom:30px; z-index:10;  width:100%; box-sizing:border-box; text-align:center;  }
.visual_wrap .vi_pbox { border-radius:150px; display:inline-block; vertical-align:top; background:#fff; padding:7px 11px 7px 21px; box-shadow:0px 0px 5px rgba(0,0,0,0.15); }
.visual_wrap .vi_pbox::after { content:""; display:block; clear:both; }
.visual_wrap .vi_pbox .vi_page { float:left; }
.visual_wrap .slick-dots {   }
.visual_wrap .slick-dots::after { content:""; display:block; clear:both; }
.visual_wrap .slick-dots li { float:left; cursor:pointer; width:10px; height:11px; box-sizing:border-box; border-radius:50%;  background:#aaaaaa; margin-right:10px;}
.visual_wrap .slick-dots li.slick-active { background:#f1b705; }
.visual_wrap .slick-dots li span { display:none; }

@-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 { padding:60px 0 0; }

/*공지사항 type1*/
.noticeGroup{ width:936px; height:303px; border-bottom:1px solid #aaaaaa; }

.noticeGroup .noti_title { position:absolute; left:0px; top:0px; font-size:24px; color:#333; font-family: 'S-CoreDream-6Bold'; }
.noticeGroup .noti_title span { color:#005eb8; }
.noticeGroup .flexbox { display:flex; justify-content: flex-end; padding-right:0px;}
.noticeGroup h3 { margin-top:2px; }
.noticeGroup h3 a { display:block; padding:0 14px 0 22px; position:relative; font-size:20px; color:#777777; font-weight:500; background:url(../images/main/noti_dot1.png) left 7px no-repeat; }
.noticeGroup h3.btn2 { margin-right:46px; }
.noticeGroup h3.btn1 a { background:none; }
.noticeGroup .on_check .btn a { color:#005eb8; font-weight:bold; }
.noticeGroup .on_check .btn a span:before { width:100%; }

.noticeGroup .on_check .tabcontent{display:block;}

.noticeGroup div.tabcontent {position:absolute; left:0px; top:44px;width:100%; display:none;  padding-top:0px;}
.noticeGroup div.tabcontent .nitem:first-child { height:100px; box-sizing:border-box; position:relative; margin-bottom:5px; border-bottom:1px solid #aaaaaa; }
.noticeGroup div.tabcontent .nitem:first-child a { display:block; width:100%; border-radius:12px; background:#f2f2f2; height:89px; position:relative; box-sizing:border-box; padding:0 15px; }
.noticeGroup div.tabcontent .nitem img { display:none !important; }
.noticeGroup div.tabcontent .nitem:first-child dl { padding:18px 0px 0 93px; }
.noticeGroup div.tabcontent .nitem:first-child dl dt { line-height:24px; height:24px; width:100%; font-size:17px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; margin-bottom:4px;}
.noticeGroup div.tabcontent .nitem:first-child dl dd { color:#333; line-height:24px; width:100%; overflow:hidden; font-size:15px; white-space:nowrap; text-overflow:ellipsis;}
.noticeGroup div.tabcontent .nitem:first-child .noti_date { display:block; position:absolute; left:15px; top:10px; width:70px; height:70px; box-sizing:border-box; border-radius:12px; border:2px solid #08b370; background:#ecf9f4; text-align:center; font-size:15px; color:#333;letter-spacing:-1px; padding:7px 0 0 0; overflow:hidden; }
.noticeGroup div.tabcontent .nitem:first-child .noti_date .nday { display:block; width:100%;  font-weight:bold;  font-size:24px; }
.noticeGroup div.tabcontent .nitem:first-child .noti_date .other { display:none; }

.noticeGroup div.tabcontent .nitem:first-child:hover dl dd { text-decoration:underline; }

.noticeGroup div.tabcontent .nitem:not(:first-child) { height:36px; box-sizing:border-box; padding:0 20px 0px; width:100%; position:relative;  }

.noticeGroup div.tabcontent .nitem:not(:first-child) dl { float:left; width:calc(100% - 92px); }
.noticeGroup div.tabcontent .nitem:not(:first-child) dt { position:relative; padding:0 0px 0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:36px; font-size:15px; color:#333333; }
.noticeGroup div.tabcontent .nitem:not(:first-child) dt::before { content:""; display:block; width:4px; height:4px; position:absolute; left:0px; top:17px; background:#005eb8; }

.noticeGroup div.tabcontent .nitem:not(:first-child) dd { display:none; }
.noticeGroup div.tabcontent .nitem:not(:first-child):hover dt { text-decoration:underline; }
.noticeGroup div.tabcontent .nitem:not(:first-child) .noti_date { float:right; text-align:right; line-height:36px; font-size:15px; color:#777777;}

.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-44px; }
.noticeGroup div.tabcontent .more a { display:block; width:31px; height:31px; border-radius:50%; box-sizing:border-box; text-indent:-99999px; background:#005eb8 url(../images/main/more1.png) center center no-repeat; }

/*출전결과*/
.cup_list { float:right; height:auto; }
.cup_list h3 { font-size:24px; color:#333; font-family: 'S-CoreDream-6Bold'; height:44px; font-weight:normal; }
.cup_list h3 span { color:#097052; }
.cup_list ul li { margin-bottom:15px; }
.cup_list ul li:last-child { margin-bottom:0; }
.cup_list ul li a { display:block; line-height:40px; height:40px; border-radius:150px; background:#fff; transition:all 0.4s; box-shadow:0px 2px 8px rgba(0,0,0,0.12); padding:0 22px; box-sizing:border-box; }
.cup_list ul li a:hover { background:#fff1d3; }
.cup_list ul li a::after { content:""; display:block; clear:both; }
.cup_list ul li a .txt { float:left; display:block; width:calc(100% - 108px); box-sizing:border-box; font-size:15px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.cup_list ul li a .date { float:right; display:block; font-size:15px; color:#777777; }

.cup_list .more { position:absolute; right:0; top:0px; }
.cup_list .more a { display:block; width:31px; height:31px; border-radius:50%; box-sizing:border-box; text-indent:-99999px; background:#08b370 url(../images/main/more1.png) center center no-repeat; }

#main_cont2 { margin:32px 0 0; position:relative; }
#main_cont2 .default_layout { z-index:1; }
#main_cont2 .default_layout::before { content:""; display:block; width:calc(200% + 145px); height:100%; background:#f9f9f9; position:absolute; left:-145px; top:0; border-radius:120px 0 0 0; box-shadow:0px 0px 15px rgba(0,0,0,0.08); z-index:-1; }

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:694px; height:auto; min-height:391px; background:none;  }

.galleryGroup h3 {position:relative; height:81px; box-sizing:border-box; padding:27px 0px 0 0; width:calc(100% - 242px); background:url(../images/main/gal_line.png) right 38px no-repeat; }
.galleryGroup h3 a {  font-size:24px; color:#000;  font-family: 'S-CoreDream-6Bold';  font-weight:normal;}
.galleryGroup h3 a span { color:#097052; }

.galleryGroup .main_btn { position:absolute; right:140px; top:28px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; width:30px; }
.galleryGroup .main_btn li.gbtn03 { margin-left:20px; }
.galleryGroup .main_btn li a { display:block; width:100%; height:30px; text-indent:-99999px; border-radius:50%; border:1px solid #ddd; position:relative; box-sizing:border-box; }
.galleryGroup .main_btn li.gbtn01 a { background:#fff url(../images/main/gal_bt1.png) center center no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:#fff url(../images/main/gal_bt2.png) center center no-repeat; }

.galleryGroup .more { width:119px; position:absolute; right:0; top:28px; }
.galleryGroup .more a { display:block; width:100%; height:32px; line-height:31px; box-sizing:border-box; background:#f2f2f2; padding:0 0 0 20px; font-size:15px; color:#333; position:relative; border-radius:150px; border:1px solid #ddd; }
.galleryGroup .more a:before { content:""; display:block; width:19px; height:12px; background:url(../images/main/garrow.png) left top no-repeat; position:absolute; right:19px; top:9px; transition:right 0.4s; }
.galleryGroup .more a:hover:before { right:14px; }

.galleryGroup #gallery_scroll { width:calc(100% + 14px); }
.galleryGroup .slick-slide { width:236px; height:265px; margin:0 0px 0 0; box-sizing:border-box; padding:0px 15px 15px 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:250px; width:100%; background:#fff; border-radius:10px; box-shadow:6px 6px 8px 0px rgba(0,36,70,0.12); overflow:hidden; }
.galleryGroup .slick-slide .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:2px solid transparent;   z-index:1; border-radius:10px;}
.galleryGroup .slick-slide .gitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:2px solid transparent;  z-index:1; border-radius:10px;}
.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:#09a86c; border-right-color:#09a86c; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#09a86c; border-left-color:#09a86c; }


.galleryGroup .slick-slide .gitem .pic { width:100%; height:166px; box-sizing:border-box; border-radius:10px; overflow:hidden; position:relative; background-size:cover !important;}

.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; }

.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .g_sub { padding:8px 15px 0; font-size:15px; font-weight:500; color:#333; overflow:hidden; color:#333;  /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 18px;
    height: 36px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.galleryGroup .slick-slide .gitem .g_date { text-align:right; font-size:15px; color:#777; padding:0 15px; margin-top:5px;}
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; width:14px; height:14px; background:url(../images/main/gdate.png) left top no-repeat; margin:0px 6px 0 0; position:relative; top:2px; background-size:cover; }

/*월중행사 type1*/
.schedule { margin:28px 0 0 32px; width:331px; height:303px; background:none; }
.schedule h3 { height:53px; line-height:53px; font-size:24px; border-radius:10px; text-align:center; background:#08b370; font-family: 'S-CoreDream-6Bold';  font-weight:normal; position:relative; z-index:1; margin-bottom:10px;  box-shadow:0px 5px 8px 1px rgba(0,36,70,0.12);}
.schedule h3 a { color:#fff; }

.schedule h3::before,
.schedule h3::after { content:""; display:block; width:8px; height:29px; border-radius:150px; position:absolute; bottom:-20px; background:#c1c1c1;  }

.schedule h3::before { left:30px; }
.schedule h3::after { right:30px; }

.sch_cont { width:100%; height:240px; border-radius:10px; overflow:hidden; box-shadow:1px 5px 8px 1px rgba(0,36,70,0.12); background:#f9f9f9; }
.schedule table {table-layout:fixed; width:100%; box-sizing:border-box; border-collapse:collapse; border:0 none;  background:#fff; text-align:center; border-spacing:0 !important; margin-bottom:22px; }
.schedule table th { height:46px; box-sizing:border-box; position:relative;  background:#c8eedf; font-family: 'S-CoreDream-5Medium'; font-size:16px; color:#333; font-weight:normal; padding:0 !important; border-bottom:1px solid #ddd;}
.schedule table td {  border-bottom:1px solid #dddddd; font-size:16px; color:#333; line-height:43px; height:44px; box-sizing:border-box;  font-family: 'S-CoreDream-4Regular'; width:14%; }
.schedule table th.sunday { width:15%; color:#f26d6d;}
.schedule table th.saturday { width:15%; color:#005eb8; }

.schedule table a { cursor:default; color:#333; display:block; }
.schedule table td:first-child a { color:#f26d6d; }
.schedule table td:last-child a { color:#005eb8; }

.schedule table td span { display:block; width:27px; height:27px; border-radius:50%; margin:0 auto 0; line-height:27px; }
.schedule table td.on span { background:#ffc938;  }

div#schedule_scroll div#schedule_content::-webkit-scrollbar {
    width: 6px; border-radius:150px;
  }
div#schedule_scroll div#schedule_content::-webkit-scrollbar-thumb {
    background-color: #bbbbbb;
  }
div#schedule_scroll div#schedule_content::-webkit-scrollbar-track {
    background-color: #dddddd;
  }
div#schedule_scroll {  width:100%; margin-top:21px; box-sizing:border-box; padding:0 30px; }

div#schedule_scroll div#schedule_content { height:117px; overflow-y:auto; }
div#schedule_scroll div#schedule_content .sch_item { margin:0px 0 7px; }
div#schedule_scroll div#schedule_content .sch_item a dl { position:relative; }
div#schedule_scroll div#schedule_content .sch_item a dt { width:100%; height:32px; line-height:32px; padding:0 0 0 88px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; position:relative; font-size:16px; color:#555; display:block; }
div#schedule_scroll div#schedule_content .sch_item a dt span { display:inline-block; position:relative; z-index:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:100%;}
div#schedule_scroll div#schedule_content .sch_item a dt span::before { content:""; display:block; width:0%; height:9px; background:#fff1d3; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1; transition:all 0.4s; }
div#schedule_scroll div#schedule_content .sch_item a:hover dt span::before { width:100%; }

div#schedule_scroll div#schedule_content .sch_item a:hover { text-decoration:underline; }
div#schedule_scroll div#schedule_content .sch_item a dd { display:block; width:74px; height:32px; line-height:32px; text-align:center; border-radius:12px; position:absolute; left:0; top:0; font-size:16px; color:#097052; background:#c8eedf; transition:all 0.4s; font-weight:500; }
div#schedule_scroll div#schedule_content .sch_item a:hover dd { background:#08b370; color:#fff; font-weight:bold; }

/*급식*/
.food { width:331px; height:303px; border-radius:10px; background:#ecf9f4 url(../images/main/f_bg.png) right bottom no-repeat; padding:0px 29px 0; margin:28px 0 0 0; overflow:hidden; float:right; box-shadow:1px 5px 10px 1px rgba(0,36,70,0.12);}
.food h3 {position:relative; height:77px; box-sizing:border-box; padding:29px 0px 0 0;  }
.food h3 a {  font-size:24px; color:#000;  font-family: 'S-CoreDream-6Bold';  font-weight:normal;}
.food h3 a span { color:#097052; }

.food .ftxt { margin:0px 0 25px; }
.food .ftxt a { display:block; overflow:hidden; font-size:15px; color:#555; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 24px;
    height: 72px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
.food .ftxt a:hover { text-decoration:underline; }
.food .more { }
.food .more a { display:block; width:119px; height:32px; box-sizing:border-box; line-height:30px; position:relative; border:1px solid #ddd; font-size:15px; color:#333; transition:all 0.4s; padding:0 0px 0 20px; border-radius:150px; background:#ffffff; }
.food .more a:before { content:""; display:block; width:19px; height:12px; background:url(../images/main/garrow.png) left top no-repeat; position:absolute; right:19px; top:9px; transition:all 0.4s;  transition:all 0.4s;}
.food .more a:hover { background:#08b370; color:#fff; }
.food .more a:hover:before { right:13px; background:url(../images/main/farrow.png) left top no-repeat;}


#quick_cont { margin:0px 0 0; position:relative; }
#quick_cont .default_layout { z-index:1; }
#quick_cont .default_layout::before { content:""; display:block; width:calc(200% + 49px); height:100%; background:#eaf3fc; position:absolute; right:-49px; top:0; border-radius:0 150px 150px 0; z-index:-1; }

.quick_cont { width:100%; height:110px; background:none; }
.quick_cont h3 { float:left; }
.quick_cont h3 {position:relative; box-sizing:border-box; padding:41px 0px 0 0; font-size:24px; color:#000;  font-family: 'S-CoreDream-6Bold';  font-weight:normal; }
.quick_cont h3 span { color:#097052; }

.quick_cont .qslick { float:right; width:calc(100% - 242px); box-sizing:border-box; padding:0 89px; margin:0px 0px 0px 0; position:relative;}

.quick_cont #quick_slick { margin:19px 0 0; }
.quick_cont #quick_slick .slick-slide { height:70px; min-width:122px; text-align:center; }
.quick_cont #quick_slick .slick-slide a { display:flex; width:100%; height:70px; box-sizing:border-box; align-items:center; justify-content:center; }
.quick_cont #quick_slick .slick-slide a:before { }
.quick_cont #quick_slick .slick-slide a span { position:relative; z-index:1; top:0; transition:all 0.4s; }
.quick_cont #quick_slick .slick-slide a .ic { display:block; height:70px; width:55px; }
.quick_cont #quick_slick .slick-slide .qi1 span.ic  { background:url(../images/main/q_ic1.png) left center no-repeat; }
.quick_cont #quick_slick .slick-slide .qi2 span.ic  { background:url(../images/main/q_ic2.png) left center no-repeat; }
.quick_cont #quick_slick .slick-slide .qi3 span.ic  { background:url(../images/main/q_ic3.png) left center no-repeat; }
.quick_cont #quick_slick .slick-slide .qi4 span.ic  { background:url(../images/main/q_ic4.png) left center no-repeat; }
.quick_cont #quick_slick .slick-slide .qi5 span.ic  { background:url(../images/main/q_ic5.png) left center no-repeat; }
.quick_cont #quick_slick .slick-slide a .txt { display:inline-block; padding:0 3px; line-height:24px; font-size:16px; color:#555; text-align:left; position:relative; z-index:1; }

.quick_cont #quick_slick .slick-slide a .txt::before { content:""; display:block; width:0%; height:9px; background:#fff1d3; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:-1; transition:all 0.4s; }
.quick_cont #quick_slick .slick-slide a:hover .txt::before { width:100%; }

.quick_cont .main_btn li { position:absolute; top:31px; }
.quick_cont .main_btn li.qbtn01 { left:0; }
.quick_cont .main_btn li.qbtn03 { right:0; }
.quick_cont .main_btn li a { display:block; width:48px; height:48px; text-indent:-99999px; border-radius:50%; box-shadow:1px 5px 8px 0px rgba(0,36,70,0.12);}
.quick_cont .main_btn li.qbtn01 a { background:#fff url(../images/main/q_bt1.png) center center no-repeat; }
.quick_cont .main_btn li.qbtn03 a { background:#fff url(../images/main/q_bt3.png) center center no-repeat; }



/*팝업*/
#pop_cont { position:fixed; left:0; top:50%; transform:translateY(-50%); z-index:10; }
/*팝업*/
.pop_button { width:50px; }
.pop_button a { display:block; width:100%; height:176px; position:relative; background:#08b16f; text-align:center; box-sizing:border-box; padding:47px 0 0 0; box-shadow:0px 0px 5px rgba(0,0,0,0.12);}
.pop_bt_on a { background:#068e5b; }

.pop_button a::before { content:""; display:block; width:50px; height:50px; border-radius:50%; position:absolute; left:0; top:-23px; background:#fff url(../images/main/pop_bg.png) center center no-repeat; box-shadow:0px 0px 5px rgba(0,0,0,0.12); }
.pop_button a::after { content:""; display:block; width:0px; height:0px; border-left:25px solid #08b16f; border-top:10px solid #08b16f; border-right:25px solid transparent; border-bottom:10px solid transparent; position:absolute; left:0; bottom:-20px; }
.pop_bt_on a::after { border-left-color:#068e5b; border-top-color:#068e5b; }


.pop_button a { color:#fff; }
.pop_button a .p_tit { writing-mode: vertical-rl; line-height:18px; font-size:18px; color:#fff; font-weight:bold; }
.pop_button a .eng { line-height:18px; display:block; }

.pop_button a .plus { display:block; position:absolute; right:17px; bottom:5px; width:16px; height:16px; }
.pop_button a .plus::before { content:""; display:block; width:2px; height:16px; position:absolute; left:7px; top:0; background:#fff; transition:all 0.4s; transform:rotate(0deg); opacity:1; }
.pop_bt_on a .plus::before { transform:rotate(-90deg); opacity:0; }
.pop_button a .plus::after { content:""; display:block; width:16px; height:2px; position:absolute; left:0; top:7px; background:#fff; transition:all 0.5s; }


.popupZone { width:421px; height:298px; position:absolute; left:-450px; top:-103px; margin:0 0 0px;  transition:all 0.5s; z-index:-1; box-shadow:-1px 1px 4px rgba(0,0,0,0.15); border-radius:10px; box-shadow:0px 0px 5px rgba(0,0,0,0.12);}
.popupZone.pop_view { left:70px; }
.popupZone .btbox { background:#fff; border-radius:12px 12px 0 0; width:100%; max-width:316px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); height:50px; text-align:center;  z-index:1; box-sizing:border-box; padding:0 20px; }
.popupZone .btbox::after { content:""; display:block; clear:both; }
.popupZone .btbox h3 { float:left; }
.popupZone .btbox h3 {position:relative; box-sizing:border-box; padding:14px 0px 0 0; font-size:18px; color:#333;  font-family: 'S-CoreDream-5Medium';  font-weight:normal; }
.popupZone .btbox h3 span { color:#0a9e46; }


.pop_cbox { float:right; }
.popupZone .main_btn { float:right; margin-top:15px; }
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; text-align:left; display:block; margin-left:21px; margin-top:4px;}
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; width:8px; height:13px; }
.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 { margin-left:20px; margin-top:0px;}
.popupZone .main_btn li.more a { width:20px; height:20px; background:url(../images/main/p_more.png) center center no-repeat;}

.popupZone .slick-counter { height:50px; line-height:50px; float:left; font-size:16px; color:#777;  padding:0 0px;  }
.popupZone .slick-counter .current { font-weight:bold; font-size:16px; color:#005eb8; }
.popupZone .slick-counter .total {  position:relative; margin-left:5px; padding:0 0 0 20px; }
.popupZone .slick-counter .total::before { content:""; display:block; width:13px; height:1px; background:#aaaaaa; position:absolute; left:0; top:12px; }
#popup_scroll { width:100%; box-sizing:border-box; border-radius:10px; overflow:hidden; height:298px; box-sizing:border-box; }
#pop_center { width:100%; }
#popup_scroll img { width:100%; height:298px; }


/*사이드 퀵메뉴*/
#side_cont { position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:10; width:240px; transition:all 0.4s;}
#side_cont.sideView { top:calc(50% + 194px); }
#side_cont .sd_arrowbox { width:100%; position:relative; z-index:2; }
#side_cont .sd_arrowbox a { font-size:20px; font-weight:bold; color:#fff; line-height:24px; display:block; width:100%; height:82px; border-radius:150px 0 0 150px; box-sizing:border-box; padding:15px 0 0 82px; text-align:center; background:#005eb8 url(../images/main/l_sha.png) no-repeat left center; transition:all 0.4s; position:relative; }
#side_cont .sd_arrowbox a::before { content:""; display:block; width:82px; height:82px; border-radius:50%; position:absolute; left:0; top:0; transition:all 0.4s; background:#005eb8 url(../images/main/l_title.png) center center no-repeat; }
#side_cont .sd_arrowbox a .eng { display:block; font-size:16px; font-weight:normal; }
#side_cont.sideView .sd_arrowbox a { background:#f1b705 url(../images/main/l_sha.png) no-repeat left center; }
#side_cont.sideView .sd_arrowbox a::before { background:#f1b705 url(../images/main/l_title.png) center center no-repeat; }

#side_cont .sd_slbox { width:calc(100% - 20px); margin:0 0 0 20px; border-radius:10px; background:#f9f9f9 url(../images/main/l_bg.png) right bottom no-repeat; box-sizing:border-box; padding:32px 29px 60px; position:absolute; right:-240px; bottom:52px; transition:all 0.4s; }
#side_cont.sideView .sd_slbox { right:0;  }
#side_cont .sd_slbox .sdbox li { position:absolute; left:50%; transform:translateX(-50%); }
#side_cont .sd_slbox .sdbox li.sd_prev { top:21px; }
#side_cont .sd_slbox .sdbox li.sd_next { bottom:50px; }
#side_cont .sd_slbox .sdbox li a { display:block; width:20px; height:11px; text-indent:-99999px; }
#side_cont .sd_slbox .sdbox li.sd_prev a { background:url(../images/main/l_bt1.png) center center no-repeat; }
#side_cont .sd_slbox .sdbox li.sd_next a { background:url(../images/main/l_bt3.png) center center no-repeat; }

.side_slick .slick-slide { height:60px; width:100%; position:relative; border:0 none; margin:0; text-align:center; box-sizing:border-box; border-top:1px solid #ddd; }
.side_slick .slick-current { border-top:0 none; }


.side_slick .slick-slide .sd_item a { text-align:left; font-size:15px; color:#555; line-height:18px; letter-spacing:-1px; position:relative; width:100%; display:flex; font-weight:500; align-items:center; height:59px; padding:0 20px 0 0; background:url(../images/main/l_arrow.png) right center no-repeat; transition:all 0.4s; box-sizing:border-box; }
.side_slick .slick-slide .sd_item a:hover { background:url(../images/main/l_arrow2.png) right center no-repeat; }
.side_slick .slick-slide .sd_item a span.ic { display:block; width:48px; height:59px; }

.side_slick .slick-slide .sd_ic1 a span.ic { background:url(../images/main/l_ic1.png) center center no-repeat; }
.side_slick .slick-slide .sd_ic2 a span.ic { background:url(../images/main/l_ic2.png) center center no-repeat; }
.side_slick .slick-slide .sd_ic3 a span.ic { background:url(../images/main/l_ic3.png) center center no-repeat; }
.side_slick .slick-slide .sd_ic4 a span.ic { background:url(../images/main/l_ic4.png) center center no-repeat; }
.side_slick .slick-slide .sd_ic5 a span.ic { background:url(../images/main/l_ic5.png) center center no-repeat; }
.side_slick .slick-slide .sd_ic6 a span.ic { background:url(../images/main/l_ic6.png) center center no-repeat; }




/*배너모음*/
#banner {margin:0px 0 0 0; height:100px;  float:left; position:relative; width:100%; box-sizing:border-box; border-top:1px solid #ddd; }
#banner h3 {float:left; padding:36px 0 0;}
#banner h3 a { display:inline-block; position:relative; font-size:24px; color:#000;  font-family: 'S-CoreDream-6Bold';  font-weight:normal; padding:0px 0px 0 0; }
#banner h3 a span { color:#097052; }

#banner .main_btn { position:absolute; right:0px; top:30px; }
#banner .main_btn:after { content:""; display:block; clear:both; }
#banner .main_btn li { float:left; width:38px; margin-left:10px; display:block; }
#banner .main_btn li a { display:block; width:100%; height:38px; border-radius:50%; box-sizing:border-box; text-indent:-999999px; box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:#fff url(../images/main/b_bt2.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/b_bt3.png) center center no-repeat; }
#banner .main_btn li.more a { background:#353b3b url(../images/main/b_more.png) center center no-repeat; }


div#banner_scroll {position:absolute;left:146px; top:22px; width:1075px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 33px 0px 0; width:182px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:55px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:53px; }



#layer_grade { position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:800px; height:auto; background:#fff; z-index:999; box-shadow:0px 0px 5px rgba(0,0,0,0.4); padding-bottom:50px; box-sizing:border-box; border-radius:10px; }
#layer_grade iframe { display:block; border:0 none; width:100%; min-height:475px; }
#layer_grade .btbox { position:absolute; left:0; bottom:0; width:100%; display:flex; border-radius:0 0 10px 10px; overflow:hidden; }
#layer_grade .btbox button { display:block; width:100%; border:0 none; cursor:pointer; height:50px; line-height:50px; font-size:16px; color:#333; font-weight:400; }
#layer_grade .btbox button#closeTodayBtn { background:#333; color:#fff; }





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

@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 { height:auto; overflow:hidden; }
.visual_wrap .vi_content div { height:auto; }
.visual_wrap .visual_txt { top:50px; text-align:left; width:100%; max-width:1454px; min-width:0px; padding:0 3%; justify-content: flex-start;}
.visual_txt img { width:100%; max-width:300px; }
.visual_wrap img.imgdef { margin:0 0 0px 0px; width:calc(100% + 100px); left:0; transform:none;}
.visual_wrap .vi_pcont { position:absolute; left:50%; transform:translateX(-50%); bottom:20px; min-width:0px; padding:0 3%;}
.visual_wrap .vi_content div.visual02 { min-height:300px; }
.visual_wrap .vi_content { height:auto; position:relative; }
.visual_wrap .slick-slide { width:100%; height:auto; }


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

/*팝업*/
#pop_cont { position:static; left:0; top:0; transform:none; z-index:1; float:left; width:100%; }
/*팝업*/
.pop_button { display:none !important; }

.popupZone { width:94%; height:298px; position:relative; left:0px; top:0px;  }
.popupZone.pop_view { left:0px; }
.popupZone .btbox { width:94%;   }

/*사이드 퀵메뉴*/
#side_cont { position:static; right:inherit; top:inherit; transform:none; z-index:1; width:94%; float:left; transition:all 0.4s; margin:0 3% 25px; overflow:hidden; }
#side_cont.sideView { top:inherit; }
#side_cont .sd_arrowbox { width:100%; position:relative; z-index:2; }
#side_cont .sd_arrowbox a { font-size:20px; font-weight:bold; color:#fff; line-height:24px; display:block; width:100%; height:82px; border-radius:10px; box-sizing:border-box; padding:15px 0 0 0px; text-align:center; background:#005eb8; transition:all 0.4s; position:relative; }
#side_cont .sd_arrowbox a::before { display:none;  }
#side_cont .sd_arrowbox a .eng { display:block; font-size:16px; font-weight:normal; }
#side_cont.sideView .sd_arrowbox a { background:#005eb8; }
#side_cont.sideView .sd_arrowbox a::before { display:none;  }

#side_cont .sd_slbox { width:100%; margin:0 0 0 0px; border-radius:10px;   box-sizing:border-box; padding:20px 35px 20px 50px; position:relative; right:0px; bottom:inherit; top:0; transition:all 0.4s; }
#side_cont.sideView .sd_slbox { right:0;  position:relative; }

#side_cont .sd_slbox .sdbox li { position:absolute; transform:translateY(-50%); }
#side_cont .sd_slbox .sdbox li.sd_prev { left:10px;  top:50%; }
#side_cont .sd_slbox .sdbox li.sd_next { left:inherit; right:10px; bottom:inherit; top:50%;  }
#side_cont .sd_slbox .sdbox li a { display:block; text-indent:-99999px; }
#side_cont .sd_slbox .sdbox li.sd_prev a { transform:rotate(-90deg); }
#side_cont .sd_slbox .sdbox li.sd_next a { transform:rotate(-90deg); }

.side_slick .slick-slide { border:0 none !important; margin-right:15px; }

#main_cont2 { margin:0px 0 0; position:relative; }
/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{  height:auto; min-height:341px; background:none;  }

div#schedule_scroll {
  padding: 0 15px;
}
/*퀵메뉴*/
.quick_cont { width:94%; height:auto; background:none; }
.quick_cont h3 { float:left; }
#quick_cont .default_layout::before {  border-radius:0 0px 0px 0; }

.quick_cont .qslick { float:right; width:100%; box-sizing:border-box; padding:0 89px; margin:0px 0px 0px 0; position:relative;}




/*배너모음*/
#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; }

#layer_grade {  left:50%; top:50%; transform:translate(-50%,-50%); width:94%; height:auto; background:#fff; z-index:999; max-height:100vh; overflow-y:auto; }
#layer_grade iframe { display:block; border:0 none; width:100%; max-height:calc(100vh - 50px);}
#layer_grade .btbox { position:absolute; left:0; bottom:0; width:100%; display:flex; border-radius:0 0 10px 10px; overflow:hidden; }
#layer_grade .btbox button { display:block; width:100%; border:0 none; cursor:pointer; height:50px; line-height:50px; font-size:16px; color:#333; font-weight:400; }
#layer_grade .btbox button#closeTodayBtn { background:#333; color:#fff; }



}

@media all and (max-width:740px) {
.galleryGroup h3 { background:none; width:auto; }

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

}
@media all and (max-width:806px) {
.visual_wrap .visual_txt { top:30px; padding:0 3%; justify-content: flex-start;}
.visual_txt img { width:100%; max-width:200px; }

}

@media all and (max-width:638px) {
.quick_cont h3 { padding:30px 0 0 0; }
.quick_cont #quick_slick .slick-slide { height:auto; min-width:10px; text-align:center; }
.quick_cont #quick_slick .slick-slide a { display:flex; width:100%; height:auto; box-sizing:border-box; align-items:center; justify-content:center; }
.quick_cont #quick_slick .slick-slide a .txt { font-size:15px; }
.quick_cont .main_btn li { top:50%; transform:translateY(-50%); }
.quick_cont .qslick { padding: 0 40px; }
.quick_cont .main_btn li a {
  display: block;
  width: 30px;
  height: 30px;
}

}

@media all and (max-width:570px) {
/*공지사항 type1*/
.noticeGroup{ height:343px; }

.noticeGroup .noti_title { position:relative; left:0px; top:0px; margin-bottom:17px; }
.noticeGroup .flexbox { display:block; padding-right:0px;}
.noticeGroup h3 { float:left; margin-top:2px; width:calc(50% - 18px); margin:0 !important; }
.noticeGroup h3 a { display:block; padding:0 14px 0 22px; position:relative; font-size:18px; text-align:center; background:url(../images/main/noti_dot1.png) left 7px no-repeat; }
.noticeGroup h3.btn1 a { background:none; }
.noticeGroup .on_check .tabcontent{display:block;}
.noticeGroup div.tabcontent {top:84px;}
.noticeGroup div.tabcontent .more { position:absolute; right:0; top:-44px; }

}

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


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

}

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

}

@media all and (max-width:465px) {
.side_slick .slick-slide { height:auto; }
.visual_wrap .vi_content div.visual02 { min-height:250px; }
}
@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; }	
	

/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; height:auto; min-height:386px; background:none;  }
.galleryGroup h3 { margin-bottom:40px; }
.galleryGroup .main_btn { position:absolute; right:140px; top:68px; }
.galleryGroup .main_btn li.gbtn03 { margin-left:15px; }

.galleryGroup .more { width:119px; position:absolute; right:0; top:68px; }

	
	
}

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

}