@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 = */

/*검색라인*/
#main_cont1 { background:url(../images/main/wrap_bg2.png) center bottom no-repeat, #fff url(../images/main/wrap_bg1.jpg) center top no-repeat; padding-bottom:75px;  }
/*검색*/
.main_search { padding:98px 0 0;  }
.main_search h3 { line-height:38px; font-size:38px; text-align:center; font-weight:800; color:#111; }

.main_search .total_search { display:flex; margin:38px auto 28px; max-width:615px; box-sizing:border-box; border:1px solid #3164f4; position:relative; border-radius:150px; background: #fff; overflow:hidden; box-shadow:0px 0px 20px rgba(0,0,0,0.15); }
.main_search .total_search .text_int { width:calc(100% - 94px); display:block; height:60px; line-height:60px; box-sizing:border-box; padding:0 42px 0 38px; border:0 none; font-size:17px; color:#666; font-family: "Pretendard";  }
.main_search .total_search .text_int:focus { outline:none; }

.main_search .total_search .text_btn { display:flex; border:0 none; cursor:pointer; position:absolute; right:-1px; top:-1px; width:119px; height:calc(100% + 2px); background: #2575FC;
background:url(../images/main/main_search.png) 30px 21px no-repeat, linear-gradient(139deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%); border-radius:150px; font-size:20px; font-weight:600; color:#fff; text-align:left; padding:0 0 0 59px; box-sizing:border-box; font-family: "Pretendard";}

.main_search .best_cont { justify-content:center; min-width:647px; width:auto; margin:0 auto 100px; display:flex; flex-wrap:wrap;  }
.main_search .best_cont .best_title { font-size:17px; color:#222; font-weight:600; padding:0 0 0 31px; line-height:25px; background:url(../images/main/best_ic.png) left 3px no-repeat; }
.main_search .best_cont .best_list { display:flex; flex-wrap:wrap; }
.main_search .best_cont .best_list li { margin-left:10px; }
.main_search .best_cont .best_list li a { font-size:17px; color:#333; padding:0 12px; display:block; line-height:23px; box-sizing:border-box; border:1px dashed #cccccc; border-radius:3px; transition:all 0.4s; }
.main_search .best_cont .best_list li a:hover { border-color:#2f67f5; color:#2f67f5; }

/*소개컨텐츠*/
.main_intro { display:flex; background:url(../images/main/eng1.png) no-repeat left 327px bottom 0px; margin:0 0 70px 0; }
.main_intro .titlebox { position:relative; margin-right:20px; }
.main_intro .titlebox .eng { }
.main_intro .titlebox .eng span { font-size:17px; font-weight:700;  background: #2575FC;
background:linear-gradient(139deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%);
background-clip: text;
-webkit-background-clip: text;
color: transparent; }
.main_intro .titlebox .title { letter-spacing:-0.8px; line-height:40px; font-size:30px; font-weight:500; color:#222; margin:11px 0 16px; word-break:keep-all; }
.main_intro .titlebox .title span { font-weight:800; color:#6716cd; }
.main_intro .titlebox .txt { word-break:keep-all;  letter-spacing:-0.4px; line-height:25px; font-weight:500; font-size:16px; color:#555; }
.main_intro .titlebox .more { width:253px; margin-top:64px; }
.main_intro .titlebox .more a { display:block; width:100%; height:53px; border-radius:150px; position:relative; background: #2575FC;
background:linear-gradient(139deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%); text-align:center; font-size:18px; font-weight:500; color:#fff; line-height:53px; }
.main_intro .titlebox .more a span { display:inline-block; width:14px; height:14px; background:url(../images/main/more.png) center center no-repeat; margin:20px 0 0 21px; transition:all 0.4s; vertical-align:top; transition:all 0.4s; }

.main_intro .titlebox .more a:hover span { transform:rotate(180deg); }

.main_intro .bg_linkbox { margin:0 0 0 auto; display:flex; }
.main_intro .bg_linkbox div { width:210px; transition:all 0.4s; }
.main_intro .bg_linkbox div.bl2 { margin:0 0 0 16px; }
.main_intro .bg_linkbox div a { display:flex; flex-direction:column; justify-content:flex-end; position:relative; border-radius:25px; overflow:hidden; height:276px; width:100%; box-sizing:border-box; padding:0 25px 37px; }
.main_intro .bg_linkbox div a::before { content:""; display:block; width:100%; height:50%; position:absolute; left:0; bottom:0; background: #000000;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.5) 0%, rgba(106, 17, 203, 0) 100%); }

.main_intro .bg_linkbox div.bl1 a { background:url(../images/main/bg_link1_off.jpg) no-repeat center center; }
.main_intro .bg_linkbox div.bl1.h_style a { background:url(../images/main/bg_link1.jpg) no-repeat center center; }
.main_intro .bg_linkbox div.bl2 a { background:url(../images/main/bg_link2_off.jpg) no-repeat center center; }
.main_intro .bg_linkbox div.bl2.h_style a { background:url(../images/main/bg_link2.jpg) no-repeat center center; }

.main_intro .bg_linkbox div a dl { position:relative; z-index:1; }
.main_intro .bg_linkbox div a dl dt { word-break:keep-all; line-height:25px; font-size:20px; font-weight:800; color:#fff; }
.main_intro .bg_linkbox div a dl dd { margin:14px 0 12px; display:none; letter-spacing:-0.8px; line-height:25px; font-size:17px; font-weight:500; color:#fff; }
.main_intro .bg_linkbox div a p { display:none; position:relative; z-index:1; width:132px; height:35px; line-height:33px; margin:0 0 0 auto; text-align:center; background:rgba(0,0,0,0.2); transition:all 0.4s; border-radius:150px; box-sizing:border-box; border:1px solid #fff; font-size:15px; color:#fff; }
.main_intro .bg_linkbox div a p span { display:inline-block; vertical-align:top; width:27px; height:26px; background:url(../images/main/arrow.png) center center no-repeat; margin:3px 0 0 10px; }

.main_intro .bg_linkbox div.h_style { width:462px; }
.main_intro .bg_linkbox div.h_style a { padding:0 27px 21px; }
.main_intro .bg_linkbox div.h_style a:hover p { background:rgba(37,117,252,0.8); }
.main_intro .bg_linkbox div.h_style a dl dt { font-size:24px; }
.main_intro .bg_linkbox div.h_style a dl dd { display:block; }
.main_intro .bg_linkbox div.h_style a p { display:block; }
.main_intro .bg_linkbox div.h_style a::before { height:100%; background:rgba(0, 0, 0, 0.25); }


/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:0px 0 0px 0px; width:100%; height:auto; display:flex; flex-wrap:wrap; background:none; position:relative; }
.galleryGroup .titlebox { display:flex; margin-bottom:15px; }
.galleryGroup .titlebox h3 { font-size:28px; font-weight:500; color:#222; line-height:25px; }
.galleryGroup .titlebox h3 span { font-weight:800; color:#2872fa; }
.galleryGroup .titlebox p.g_txt { line-height:25px; font-size:15px; margin:7px 0 0 11px; color:#555; }

.galleryGroup .tbox { text-align:center; margin:0 38px 0 auto; }
.galleryGroup .gal_tepbox { display:flex;  }
.galleryGroup .gal_tepbox li { margin-left:10px;  }
.galleryGroup .gal_tepbox li.on { }
.galleryGroup .gal_tepbox li a { display:block; padding:0 15px; line-height:26px; border-radius:150px; background:#e1e1e1; font-size:16px; color:#707070; text-align:center; font-weight:500; transition:all 0.4s; }
.galleryGroup .gal_tepbox li.on a { color:#fff; font-weight:800; background:#2773fb;  }

.galleryGroup .main_btn { }
.galleryGroup .main_btn li { width:35px; position:absolute; top:74px; }
.galleryGroup .main_btn li:nth-child(1) { left:-17px; }
.galleryGroup .main_btn li:nth-child(2) { right:0; }
.galleryGroup .main_btn li a { display:block; width:100%; height:35px; 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 .tep_cont { width:100%; padding-top:15px; }

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

.galleryGroup .gal_scoll { width:calc(100% + 18px); height:auto; margin:0px 0 0 0px; min-height:252px; position:relative; }
.galleryGroup .slick-slide { width:339px; height:252px; margin:0 18px 0 0; box-sizing:border-box; padding:0 10px 0 0; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:252px; width:100%; box-sizing:border-box;  background:none; border-bottom:1px solid #252525;  }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:180px; box-sizing:border-box; border-radius:25px; overflow:hidden; position:relative; background-size:cover !important; box-shadow:3px 3px 10px rgba(0,0,0,0.06); }
.galleryGroup .slick-slide .gitem .pic::before { content:""; display:block; width:100%; height:0%; background:rgba(0,0,0,0.4) url(../images/main/gal_ic.png) center top no-repeat; position:absolute; left:0; top:0; transition:all 0.6s; font-size:17px; color:#fff; text-align:center; }
.galleryGroup .slick-slide .gitem a:hover .pic::before { content:"more view"; display:block; height:100%; box-sizing:border-box; padding:104px 0 0 0; background:rgba(0,0,0,0.4) url(../images/main/gal_ic.png) center 61px no-repeat;}
.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }

.galleryGroup .slick-slide .gitem .g_sub { padding:0 0px; box-sizing:border-box; width:100%; font-size:18px; color:#222; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:12px 0 4px; line-height:25px; }
.galleryGroup .slick-slide .gitem .g_date { padding:0 0px; text-align:right; font-size:15px; color:#555; }

.galleryGroup .more { position:absolute; right:0; top:0; }
.galleryGroup .more a { display:block; width:26px; height:26px; border-radius:50%; text-indent:-999999px; background:#000000 url(../images/main/more2.png) center center no-repeat; }


/*문화행사*/
#main_cont2 { background:#edf2f8 url(../images/main/wrap_bg3.jpg) center bottom no-repeat; padding:60px 0 75px; }



/*월중행사 type1*/
.schedule { width:100%; height:auto; background:none; display:flex; flex-wrap:wrap; }
.schedule .sch_leftbox { width: 685px; }
.schedule .sch_leftbox .titlebox { padding:17px 0 31px; background:url(../images/main/sch_bg.png) no-repeat right 28px bottom; }
.schedule .sch_leftbox .titlebox h3 { font-size:28px; line-height:25px; }
.schedule .sch_leftbox .titlebox h3 a { color:#222; font-weight:500; }
.schedule .sch_leftbox .titlebox h3 a span { font-weight:800; color:#2673fb; }
.schedule .sch_leftbox .titlebox .t_txt { font-size:15px; color:#555; margin:16px 0 0px; }

.schedule .tabcontent {  padding:33px 17px 39px; margin: 0 0px 0 0px; background:#fff; border-radius:25px; box-shadow:3px 3px 10px rgba(0,0,0,0.15); position:relative;  height:522px; box-sizing:border-box; }
.schedule .tabcontent h4 { padding:0px 7px 19px; font-size:24px; color:#333; font-weight:700; }
.schedule .tabcontent .pos_to { position:absolute; right:24px; top:38px; font-size:15px; color:#777777; line-height:18px; }
.schedule .tabcontent .pos_to span { display:inline-block; width:18px; height:18px; border-radius:50%; background:#e2f0f6; margin:0 5px 0 0; vertical-align:top; }
.schedule .tabcontent table { width:100%; border-collapse:collapse; }
.schedule .tabcontent tbody { }
.schedule .tabcontent table tr { display:flex !important;  }
.schedule .tabcontent table th {   width:calc(100% / 7); box-sizing:border-box; height: 29px;line-height: 28px;text-align:left;color:#000;font-size: 16px; font-weight:normal; border-bottom:1px solid #898989; margin:0 7px 0; }
.schedule .tabcontent table th.sunday { color: #f14627; }
.schedule .tabcontent table th.saturday { color: #1e98ff; }
.schedule .tabcontent table td { width:calc(100% / 7);  text-align:left; box-sizing:border-box; font-size: 15px; margin:0 7px 0; height:63px; position:relative; box-sizing:border-box; border-bottom:1px solid #cdcdcd;}
.schedule .tabcontent table td a { display:block; width:100%; height:62px; position:relative; font-size:17px; color:#333; font-weight:400; box-sizing:border-box; padding:9px 0 0; cursor:default; }
.schedule .tabcontent table td a:has(.cirbox) { cursor:pointer; }
.schedule .tabcontent table td.on { background:#e2f0f6; }
.schedule .tabcontent table tbody tr:last-child td { border-bottom:0 none; }
.schedule .tabcontent table td:last-child {  }
.schedule .tabcontent table td a {color: #222;}
.schedule .tabcontent table td a span {  }
.schedule .tabcontent table td.exist span { }
.schedule .tabcontent table td.on span {   }
.schedule .tabcontent table td:first-child a { color:#f14627;  }
.schedule .tabcontent table td:last-child a { color: #1e98ff; }

.schedule .tabcontent table .cirbox { display:flex; margin-top:8px; }
.schedule .tabcontent table .cirbox .sch_cir { display:flex; }
.schedule .tabcontent table .cirbox .sch_cir li { margin-right:4px; width:7px; height:7px; border-radius:50%; }
.schedule .tabcontent table .cirbox .sch_cir:has(li.sc1) li.none { display:none; }
.schedule .tabcontent table .cirbox .sch_cir li.sc1 { background:#f26c4f; }
.schedule .tabcontent table .cirbox .sch_cir li.sc2 { background:#ffba00; }
.schedule .tabcontent table .cirbox .sch_cir li.sc3 { background:#3cb878; }
.schedule .tabcontent table .cirbox .sch_cir li.sc4 { background:#00aeef; }
.schedule .tabcontent table .cirbox .smore { display:none; width:7px; height:7px; text-indent:-99999px; background:url(../images/main/s_more.png) center center no-repeat; }
.schedule .tabcontent table .cirbox .sm_view { display:block; }

.schedule .tabcontent .sch_infobox { cursor:default; display:none; width:272px; height:auto; box-sizing:border-box; border:1px solid #2161cd; border-radius:15px; box-shadow:5px 5px 5px rgba(0,0,0,0.15); background:#fff; z-index:1; position:absolute; left:0; top:calc(100% - 10px); padding:16px 33px 16px 14px; }
.schedule .tabcontent .sch_infobox ul { max-height:100px; overflow-y:auto; }
/* 스크롤바의 폭 너비 */
.schedule .tabcontent .sch_infobox ul::-webkit-scrollbar {
    width: 4px;
	border-radius: 20px;   
}

.schedule .tabcontent .sch_infobox ul::-webkit-scrollbar-thumb {
    background: #707070; /* 스크롤바 색상 */
    border-radius: 20px; /* 스크롤바 둥근 테두리 */
}

.schedule .tabcontent .sch_infobox ul::-webkit-scrollbar-track {
    background: #f3f3f3;  /*스크롤바 뒷 배경 색상*/
}



.schedule .tabcontent .sch_infobox li { line-height:25px; font-size:15px; color:#333; width:100%; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:500; padding:0 0 0 22px; letter-spacing:-1px; position:relative; }
.schedule .tabcontent .sch_infobox .close { position:absolute; right:13px; top:10px; width:13px; height:14px; background:url(../images/main/close.png) center center no-repeat; text-indent:-99999px; cursor:pointer; }
.schedule .tabcontent .sch_infobox li span { position:absolute; left:0; top:6px;}
.schedule .tabcontent .sch_infobox li span svg { display:block; width:12px; height:12px;   }


.schedule .tabcontent .si_view { display:block; }
.schedule .tabcontent table td:has(.si_view) { background:#fefdea;  }

.schedule .tabcontent table td:first-child .cirbox,
.schedule .tabcontent table td:first-child .sch_infobox,
.schedule .tabcontent table td:last-child a .cirbox,
.schedule .tabcontent table td:last-child a .sch_infobox {   }

.schedule .sch_rightbox { width: calc(100% - 712px); margin:16px 0 0 auto; border-radius:25px; background: #2575FC;
background:linear-gradient(139deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%); box-sizing:border-box; padding:0 24px 20px; }
.schedule .sch_rightbox .title_line { display:flex; height:96px; align-items:center; }
.schedule .sch_rightbox .r_title { font-size:24px; line-height:25px; font-weight:500; color:#fff; }
.schedule .sch_rightbox .r_title .count { color:#ffea00; font-weight:bold; position:relative; }
.schedule .sch_rightbox .r_title .count::before { content:""; display:block; width:29px; height:6px; background:url(../images/main/sch_dot1.png) left top no-repeat; position:absolute; right:1px; top:-8px; }
.schedule .sch_rightbox .to_info { margin:0 0 0 auto; font-size:17px; color:#fff; line-height:25px; padding:0 0 0 23px; background:url(../images/main/sch_ic1.png) left 2px no-repeat;  }

.schedule #schedule_scroll { height:502px; overflow-y:scroll; box-sizing:border-box; padding:0 39px 0 0; }

/* 스크롤바의 폭 너비 */
.schedule #schedule_scroll::-webkit-scrollbar {
    width: 8px;
	border-radius: 20px;   
}

.schedule #schedule_scroll::-webkit-scrollbar-thumb {
    background: #707070; /* 스크롤바 색상 */
    border-radius: 20px; /* 스크롤바 둥근 테두리 */
}

.schedule #schedule_scroll::-webkit-scrollbar-track {
    background: #fff;  /*스크롤바 뒷 배경 색상*/
}



.schedule .sch_rightbox #schedule_content li { width:100%; margin-bottom:21px; }
.schedule .sch_rightbox #schedule_content li a { display:flex; position:relative; width:100%; height:230px; border-radius:15px; background:#fff; box-sizing:border-box; padding:20px 20px 0; line-height:25px; overflow:hidden; }
.schedule .sch_rightbox #schedule_content li a .pic { background-size:cover !important; order:1; margin:0 0 0 auto; width:132px; height:189px; border-radius:12px; overflow:hidden; }
.schedule .sch_rightbox #schedule_content li a .pic img { width:100%; height:189px; opacity:0; }
.schedule .sch_rightbox #schedule_content li a .txtbox { width:calc(100% - 158px);   }
.schedule .sch_rightbox #schedule_content li a dl { padding:7px 0 0; }
.schedule .sch_rightbox #schedule_content li a dt { display:inline-block; max-width:100%; color:#2a2a2a; font-size:20px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; box-sizing:border-box; }
.schedule .sch_rightbox #schedule_content li.today a dt { padding:0 69px 0 0; }
.schedule .sch_rightbox #schedule_content li.today a dt::after { content:"Today"; display:block; width:60px; height:21px; line-height:21px; text-align:center; position:absolute; right:0; top:2px; border-radius:5px; background:#ffea00; font-size:15px; color:#2a2a2a; font-weight:400; }
.schedule .sch_rightbox #schedule_content li a dd { display:block; font-size:16px; color:#777; overflow:hidden; margin:8px 0 25px; /* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 20px;
    height: 40px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.schedule .sch_rightbox #schedule_content li a p.sc_info { margin-bottom:9px; position:relative; padding:0 0 0 87px; line-height:20px; font-size:18px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.schedule .sch_rightbox #schedule_content li a p.sc_info span { display:block; position:absolute; left:0; top:0; padding:0 0 0 24px; background:url(../images/main/chk.png) left 3px no-repeat; font-weight:700; }

.schedule .sch_rightbox #schedule_content li a .more { position:absolute; right:7px; bottom:6px; border-radius:50%; width:43px; height:43px; box-sizing:border-box; border:4px solid #e1eaf6; text-indent:-99999px; background:#111111 url(../images/main/sch_arrow.png) center center no-repeat; transition:all 0.4s; }
.schedule .sch_rightbox #schedule_content li a:hover .more { background-color:#2575fc; }

#main_cont3 { padding:75px 0 76px 0; }
/*운영현황*/
.stat_box { width:calc(100% - 715px); height:auto; }
.stat_box a { display:block; width:100%; height:340px; overflow:hidden; border-radius:25px; background:url(../images/main/stat_bg1.png) no-repeat center center / cover; position:relative; padding:37px 43px; box-sizing:border-box; }
.stat_box a::after { content:""; display:block; width:203px; height:75px; background:url(../images/main/stat_bg2.png) left top no-repeat; position:absolute; right:43px; bottom:37px; }
.stat_box dl { }
.stat_box dl dt { line-height:30px; font-size:30px; color:#fff; font-weight:700; }
.stat_box dl dt span { display:block; font-size:17px; margin-bottom:6px; }
.stat_box dl dd { line-height:20px; font-size:16px; color:#fff; margin:26px 0 90px; }

.stat_box a .more { font-size:15px; color:#fff; line-height:43px; }
.stat_box a .more span { margin:0 9px 0 0; display:inline-block; vertical-align:top; border-radius:50%; width:43px; height:43px; box-sizing:border-box; border:4px solid #e1eaf6; text-indent:-99999px;  transition:all 0.4s; background: #2575FC;
background:url(../images/main/sch_arrow.png) center center no-repeat, linear-gradient(90deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%); }

.stat_box a:hover .more span { margin:0 15px 0 0; }


/*공유자료실*/
.noticebox { float:right; width:687px; height:340px; border-bottom:1px solid #c4c4c4; }
.noticebox h3 { height:51px; font-weight:500; font-size:28px; color:#222; }
.noticebox h3 a { color:#222; }
.noticebox h3 a span { color:#2673fb; font-weight:700; }
.noticebox ul { }
.noticebox ul li { width:100%; }
.noticebox ul li a:after { content:""; display:block; clear:both;  }
.noticebox ul li dl { float:left; width:calc(100% - 126px); box-sizing:border-box; position:relative; }
.noticebox ul li .date { float:right; font-size:15px; color:#777777; padding:0 0px 0 20px; background:url(../images/main/n_date.png) left 5px no-repeat; }

.noticebox ul li:first-child { box-sizing:border-box; padding:0px 0 0; margin-bottom:20px; position:relative; width:100%; border-top:1px solid #222; border-bottom:1px solid #c4c4c4; }
.noticebox ul li:first-child a { display:block; width:100%; height:145px; position:relative; }
.noticebox ul li:first-child dl { padding:21px 30px 0 25px; width:100%; }

.noticebox ul li:first-child dl dt { line-height:25px; width:100%; font-size:20px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:700; margin-bottom:7px;}
.noticebox ul li:first-child dl dd { color:#555; line-height:18px; font-size:17px; width:100%; overflow:hidden;/* 여러 줄 자르기 추가 스타일 */
    white-space: normal;
    line-height: 22px;
    height: 44px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.noticebox ul li:first-child a:hover dl dd { text-decoration:underline; }
.noticebox ul li:first-child .date { clear:both; margin:4px 27px 0 0; }

.noticebox ul li:not(:first-child) { height:25px; box-sizing:border-box;line-height:25px; margin:0 27px 14px 25px; width:calc(100% - 52px); }
.noticebox ul li:not(:first-child) span.new { display:none; }

.noticebox ul li:not(:first-child) dt { font-size:17px; color:#333; position:relative; padding:0 10px 0 14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; letter-spacing:-1px; font-weight:600; }
.noticebox ul li:not(:first-child) dt:before { content:""; display:block; width:4px; height:4px; position:absolute; left:0px; top:10px; background:#898989;}
.noticebox ul li:not(:first-child) dd { display:none; }
.noticebox ul li:not(:first-child):hover dt { text-decoration:underline; }
.noticebox ul li:not(:first-child) .date { margin:0px 0px 0 0; }

.noticebox p.more {position:absolute; clear:both;right:0;top:0px; }
.noticebox p.more a{display: block; font-size:15px; color:#2d2d2d; padding:0 15px 0 0; background:url(../images/main/more3.png) right 5px no-repeat; }



/*팝업버튼*/
.main_side_btn { position:fixed; right:70px; top:50%; transform:translateY(-50%); z-index:30; }
.pop_call a { display:flex; position:relative; align-items:center; justify-content:center; font-size:16px; color:#fff; font-weight:500; text-align:center; width:58px; height:58px; box-sizing:border-box; text-align:center; background:#296ff9; transition:all 0.4s; border-radius:50%;  }
.pop_call a::before { content:""; display:block; width:32px; height:20px; background:url(../images/main/pop_ic.png) left top no-repeat; position:absolute; left:-5px; top:-13px; }
.pop_call a:hover { background:#134ec3; }

.main_side_btn .main_go { display:none; margin:12px 0 0 0; }
.topb_view .main_go { display:block; }
.main_side_btn .main_go a { position:relative; display:block; width:58px; height:58px; border-radius:50%; background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.2); }
.main_side_btn .main_go a span { position:absolute; left:0; top:20px; display:block; width:100%; height:18px; text-indent:-99999px; transition:all 0.4s; background:url(../images/main/main_go.png) center top no-repeat; }
.main_side_btn .main_go a:hover span { top:15px; }

/*배너모음*/
#banner {margin:0px 0 0 0; height:102px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; position:relative; width:100%; box-sizing:border-box;  }
#banner h3 { float:left; padding:37px 0 0 0; }
#banner h3 a { display:block; color:#222; font-size:24px; line-height:25px; }


#banner .main_btn li { width:35px; position:absolute; top:10px; }
#banner .main_btn li.bbtn01 { left:0px; }
#banner .main_btn li.bbtn03 { right:5px; }
#banner .main_btn li a { display:block; width:100%; height:35px; border-radius:50%; text-indent:-99999px; box-shadow:0px 0px 8px rgba(0,0,0,0.2); }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/gal_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/gal_bt3.png) center center no-repeat; }



div#banner_scroll {position:absolute; right:0px; top:24px; width:1264px; height:53px; box-sizing:border-box; padding:0 21px 0 69px; }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 55px 0px 0; width:180px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:53px; box-sizing:border-box; border:1px #dddddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:51px; }






@media (max-width:1650px) and (min-width:1025px) {
/*팝업버튼*/
.main_side_btn { right:30px; }


}
@media (max-width:1382px) and (min-width:1025px) {
div#banner_scroll { width:calc(100% - 139px); }

}

@media (max-width:1324px) and (min-width:1025px) {
.schedule .sch_leftbox { width: 485px; }
.schedule .sch_rightbox { width: calc(100% - 512px); margin:16px 0 0 auto; border-radius:25px; background: #2575FC;
background:linear-gradient(139deg,rgba(37, 117, 252, 1) 0%, rgba(106, 17, 203, 1) 100%); box-sizing:border-box; padding:0 24px 20px; }


}

@media (max-width:1198px) and (min-width:1025px) {
/*운영현황*/
.stat_box { width:calc(100% - 615px); height:auto; }
.stat_box a { padding:37px 20px; }

/*공유자료실*/
.noticebox { float:right; width:587px; height:340px; border-bottom:1px solid #c4c4c4; }

}

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

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

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


/*검색라인*/
#main_cont1 { background: #fff url(../images/main/wrap_bg1.jpg) no-repeat center top / contain; padding:0 3% 35px;  }

/*검색*/
.main_search {
  padding: 45px 0 0;
}
.main_search h3 { line-height:30px; font-size:27px; word-break:keep-all; }

.main_search .best_cont {
  margin: 0 auto 30px;
  min-width:0; 
}
.main_search .total_search .text_int {  padding:0 42px 0 13px; border:0 none; font-size:15px;  }
.main_search .best_cont .best_title { margin:5px 0px; }
.main_search .best_cont .best_list { display:flex; flex-wrap:wrap; margin:5px 5px; justify-content:center; }
.main_search .best_cont .best_list li { margin:0 3px 5px; }
.main_search .best_cont .best_list li a { font-size:15px; }
.main_search .total_search .text_btn { font-size:17px; }

/*소개컨텐츠*/
.main_intro { display:flex; background:none; flex-wrap:wrap; margin:0 0 40px 0; }
.main_intro .titlebox { position:relative; margin:0 0 30px; width:100%; }
.main_intro .titlebox .title { line-height:40px; font-size:25px; }
.main_intro .titlebox .txt { word-break:keep-all;  letter-spacing:-0.4px;   }
.main_intro .titlebox .more { margin-top:25px; }

.main_intro .bg_linkbox { margin:0 0 0 0; width:100%; display:flex; }
.main_intro .bg_linkbox div { width:33%; transition:all 0.4s; margin:0 1% !important; }
.main_intro .bg_linkbox div.bl2 {  }
.main_intro .bg_linkbox div.bl1 a { background:url(../images/main/bg_link1_off.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl1.h_style a { background:url(../images/main/bg_link1.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl2 a { background:url(../images/main/bg_link2_off.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl2.h_style a { background:url(../images/main/bg_link2.jpg) no-repeat center center / cover; }

.main_intro .bg_linkbox div a dl dt { word-break:break-all; }

.main_intro .bg_linkbox div.h_style { width:63%; }
.main_intro .bg_linkbox div.h_style a { padding:0 27px 21px; }
.main_intro .bg_linkbox div.h_style a:hover p { background:rgba(37,117,252,0.8); }
.main_intro .bg_linkbox div.h_style a dl dt { font-size:24px; }
.main_intro .bg_linkbox div.h_style a dl dd { display:block; }
.main_intro .bg_linkbox div.h_style a p { display:block; }
.main_intro .bg_linkbox div.h_style a::before { height:100%; background:rgba(0, 0, 0, 0.25); }

/*갤러리*/
.galleryGroup .titlebox h3 { font-size:25px; }
.galleryGroup .titlebox {  margin-bottom:20px;  }
.galleryGroup .titlebox p.g_txt { display:none; }
.galleryGroup .tbox { margin:0 0 0; width:100%; }
.galleryGroup .gal_tepbox { flex-wrap:wrap; justify-content:center; }
.galleryGroup .gal_tepbox li { margin:5px 3px 5px; }

.galleryGroup .main_btn li:nth-child(1) { left:-10px; }
.galleryGroup .main_btn li:nth-child(2) { right:10px; }


#main_cont2 {
  background: #edf2f8 url(../images/main/wrap_bg3.jpg) center bottom no-repeat;
  padding: 25px 0 25px;
}
/*월중행사 type1*/
.schedule { width:94%; height:auto; background:none; display:flex; flex-wrap:wrap; margin:0 3%; }
.schedule .sch_leftbox { width: 100%; }
.schedule .sch_leftbox .titlebox {
  background: url(../images/main/sch_bg.png) no-repeat right 28px bottom / 100px;
}
.schedule .tabcontent {  padding:33px 10px 39px; margin: 0 0px 0 0px; background:#fff; border-radius:25px; position:relative;  height:auto; box-sizing:border-box; }

.schedule .sch_rightbox { width:100%; margin:16px 0 0 auto; }

.schedule .tabcontent table tr { position:relative; }
.schedule .tabcontent table th { margin:0 3px; font-size:14px; }
.schedule .tabcontent table td { height:auto; min-height:63px;  position:static; margin:0 3px;}
.schedule .tabcontent table td a { height:auto; min-height:62px; position:static; font-size:15px; }
.schedule .tabcontent table .cirbox .sch_cir { flex-wrap:wrap; }
.schedule .tabcontent table .cirbox .sch_cir li { margin:0 2px 3px; }
.schedule .tabcontent .sch_infobox { width:100%; }
.schedule .sch_rightbox #schedule_content li a .more { display:none; }
#main_cont3 {
  padding: 18px 0 0px 0;
}

/*운영현황*/
.stat_box a { padding:37px 20px; }
.stat_box a::after { display:none; }
.stat_box dl dd {
  margin: 26px 0 70px;
}

/*공유자료실*/

.noticebox ul li:first-child dl {
  padding: 21px 15px 0 15px;
}
.noticebox ul li:first-child .date {
  margin: 4px 0px 0 0;
}
.noticebox ul li:not(:first-child) {
  margin: 0 0px 14px 0px;
  width: calc(100% - 0px);
}

/*배너모음*/
#banner {margin:0 0 0; height:auto;  background:#fff; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 0px;  }
#banner h3 { padding:0 0 0 3%; float:none; }
#banner .main_btn { position:absolute; right:3%; top:-3px; }
#banner .main_btn::after { content:""; display:block; clear:both; }
#banner .main_btn li { width:35px; position:static; float:left; }
#banner .main_btn li.bbtn03 { margin-left:10px; }
#banner .main_btn li a { display:block; width:100%; height:35px; border-radius:50%; text-indent:-99999px; box-shadow:0px 0px 8px rgba(0,0,0,0.2); }
#banner .main_btn li.bbtn01 a { background:#fff url(../images/main/gal_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn03 a { background:#fff url(../images/main/gal_bt3.png) center center no-repeat; }

div#banner_scroll {position:static; left:inherit; top:inherit; width:94%;height:83px;overflow:hidden; margin:20px 3% 0; padding:0 0 0 0; }
div#banner_scroll ul#banner_content {position:absolute;left:0;top:0;width:100%;}
div#banner_scroll ul#banner_content li {float:left; margin:0 0 0px 0; width:22%; height:83px; }
div#banner_scroll #banner_content .slick-slide {
  margin: 0 15px 0px 0;
}

/*팝업버튼*/
.main_side_btn { position:fixed; right:15px; top:inherit; bottom:15px; transform:none; z-index:30; }

.main_side_btn .main_go { display:none !important;  }





}

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

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

}

@media all and (max-width:648px) {
.main_intro .bg_linkbox { flex-wrap:wrap; }
.main_intro .bg_linkbox div { width:100%; transition:all 0.4s; margin:0 0 20px !important; }
.main_intro .bg_linkbox div.bl2 {  }
.main_intro .bg_linkbox div.bl1 a { background:url(../images/main/bg_link1.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl1.h_style a { background:url(../images/main/bg_link1.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl2 a { background:url(../images/main/bg_link2.jpg) no-repeat center center / cover; }
.main_intro .bg_linkbox div.bl2.h_style a { background:url(../images/main/bg_link2.jpg) no-repeat center center / cover; }

.main_intro .bg_linkbox div a dl dt { word-break:keep-all; }

.main_intro .bg_linkbox div.h_style { width:100%; }
.main_intro .bg_linkbox div a dl dd { display:block;  }
.main_intro .bg_linkbox div a p { display:block; }
.main_intro .bg_linkbox div a { padding:0 27px 21px; }
.main_intro .bg_linkbox div.h_style a { padding:0 27px 21px; }
.main_intro .bg_linkbox div a::before { height:100%; background:rgba(0, 0, 0, 0.25); }
.main_intro .bg_linkbox div.h_style a dl dt { font-size:20px; }


}

@media all and (max-width:584px) {
.schedule #schedule_scroll { height:441px; overflow-y:scroll; box-sizing:border-box; padding:0 0px 0 0; }
.schedule .sch_rightbox .r_title { width:100%; }
.schedule .sch_rightbox .title_line { height:auto; flex-wrap:wrap; padding:35px 0 15px; }
.schedule .sch_rightbox .to_info { margin:10px 0 0 auto; }

.schedule .sch_rightbox #schedule_content li { width:100%; margin-bottom:21px; }
.schedule .sch_rightbox #schedule_content li a { display:flex; position:relative; width:100%; height:420px; border-radius:15px; background:#fff; box-sizing:border-box; padding:20px 20px 0; line-height:25px; overflow:hidden; flex-wrap:wrap; }
.schedule .sch_rightbox #schedule_content li a .pic { order:0; margin:0 auto 0px; width:132px; height:189px; border-radius:12px; overflow:hidden; }
.schedule .sch_rightbox #schedule_content li a .pic img { width:100%; height:189px; }
.schedule .sch_rightbox #schedule_content li a .txtbox { width:100%;   }

}

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



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

}


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