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

body{ }

#container { background:url(../images/main/wrap_bg1.png) right top no-repeat, url(../images/main/wrap_bg2.png) left 349px no-repeat, url(../images/main/wrap_bg3.png) right bottom 80px no-repeat; }
#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%; box-sizing:border-box; background:#fff;} /* 340 / 1100 = */


/*메인비주얼*/
.visual_wrap {   width:100%; position:relative; margin-bottom:80px; min-height:910px; }
.visual_wrap:after { content:""; display:block; clear:both; }
.slick-slider { position:static !important; }
.visual_wrap .slick-slide {  height:910px; position:relative; }
.visual_wrap .slick-slide video {width:100%; height:100%; left:50%; transform:translateX(-50%); top:0px;  object-fit: fill;
    position: absolute;  } 

.visual_wrap .vbtbox { position:absolute; left:0; bottom:30px; width:100%; display:flex; justify-content:center; align-items:center; }
.visual_wrap .vbt {   }
.visual_wrap .vbt a { display:block; width:12px; height:18px; text-indent:-99999px; background:url(../images/main/v_bt1.png) left top no-repeat; }
.visual_wrap .v_stop a { background:url(../images/main/v_bt2.png) left top no-repeat; }

.visual_wrap .mut { margin:0 0 0 10px;  }	
.visual_wrap .mut a { display:block; width:18px; height:18px; text-indent:-99999px; background:url(../images/main/mt_ic.png) left top no-repeat; transition:all 0.4s; }
.visual_wrap .mt_ic_on a { background:url(../images/main/mt_ic_on.png) left top no-repeat; }

/*센터소개 및 명예의 전당*/
.int_cont { width:451px; margin-right:50px; }
.int_cont .int_box { width:100%; }
.int_cont .int_box2 { margin-top:24px; }
.int_cont .int_box a { display:block; width:100%; height:180px; border-radius:12px; box-sizing:border-box; padding:0 30px 0; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12); }
.int_cont .int_box1 a { background:#edf5fd url(../images/main/int_bg1.png) right 30px bottom 25px no-repeat; }
.int_cont .int_box2 a { background:#fffbea url(../images/main/int_bg2.png) right 15px bottom 0px no-repeat; }

.int_cont .int_box a dt { font-family: 'S-CoreDream-6Bold'; font-size:22px; color:#000; padding:27px 0 17px; position:relative; }
.int_cont .int_box a dt::before { content:""; display:block; width:236px; height:1px; background:url(../images/main/int_line.png) left top no-repeat; position:absolute; left:125px; top:37px; }
.int_cont .int_box a dd { line-height:22px; font-size:16px; color:#333; }
.int_cont .int_box a span.more { display:block; width:172px; height:39px; line-height:37px; box-sizing:border-box; border-radius:150px; border:1px solid #40444a; background:none; padding:0 0 0 0; position:relative; font-size:16px; color:#40444a; padding:0 43px 0 21px; transition:all 0.5s; margin-top:21px; }
.int_cont .int_box a span.more::before { content:""; display:block; width:16px; height:12px; background:url(../images/main/int_arrow.png) right top no-repeat; position:absolute; right:23px; top:13px; transition:all 0.5s; }
.int_cont .int_box1 a:hover span.more { background:#a5d9fe; }
.int_cont .int_box2 a:hover span.more { background:#fbdfa5; }
.int_cont .int_box a:hover span.more::before { right:18px; }


/*공지사항 type1*/
.noticeGroup{ width:899px; height:384px; margin-bottom:80px; }

.noticeGroup .noti_title { position:absolute; left:0px; top:0px; font-size:26px; color:#000; font-family: 'S-CoreDream-6Bold'; padding:15px 0 0 0; }
.noticeGroup .noti_title::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; right:-12px; top:0; background:#d4eaff; }
.noticeGroup .noti_title span { color:#031ca6; position:relative; z-index:1;  }

.noticeGroup h3 { float:left; width:165px; }
.noticeGroup h3.btn1 { margin-left:458px; }
.noticeGroup h3.btn2 { margin-left:10px; }
.noticeGroup h3 a { text-align:center; display:block; position:relative; font-size:18px; color:#666666; font-family: 'S-CoreDream-5Medium'; background:#f2f2f2; height:62px; line-height:62px; box-sizing:border-box; background:#dddddd; border-radius:12px 12px 0 0; font-weight:normal; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}
.noticeGroup h3.btn1 a { }
.noticeGroup h3.btn2 a { }

.noticeGroup .on_check .btn a { display:block; color:#fff; background: rgb(0,153,255);
background: linear-gradient(90deg, rgba(0,153,255,1) 0%, rgba(77,135,241,1) 100%); }

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

.noticeGroup div.tabcontent {position:absolute; left:0px; top:62px; width:100%; display:none; height:322px; border-radius:10px; background:#fff; padding:20px 40px; box-sizing:border-box; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}
.noticeGroup div ul { }
.noticeGroup div ul li { width:100%; line-height:55px !important; height:56px; letter-spacing:-0.5px; border-bottom:1px #dddddd solid; font-size:14px; box-sizing:border-box;  }
.noticeGroup div ul li a {float:left; width:85%; box-sizing:border-box; padding:0 0 0 17px; color:#444;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; position:relative; }
.noticeGroup div ul li a:before { content:""; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:0px; top:27px; background:#0099ff; }

.noticeGroup div ul li a:hover {text-decoration:underline;}
.noticeGroup div ul li span {float:right; color:#999999; font-size:15px; }
.noticeGroup div ul li img { display:none !important; }
.noticeGroup div ul li:nth-child(5) {border-bottom:0px; }

.noticeGroup div p.more {position:absolute; clear:both; right:22px; top:-62px; }
.noticeGroup div p.more a { display:block; width:69px; height:62px; border-radius:39px 39px 0 0; text-indent:-999999px; background:#0099ff url(../images/main/more1.png) center 20px no-repeat; transition:all 0.4s; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}

#main_cont2 { padding:80px 0 0; position:relative; }
#main_cont2 .bg { display:block; position:absolute; left:0; top:0; width:calc(100% - 101px); height:322px; border-radius:0 150px 150px 0; background: rgb(249,249,249);
background: linear-gradient(0deg, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%);  }
#main_cont2 .bg::before { content:""; display:block; width:185px; height:295px; position:absolute; left:0; bottom:-183px; background:url(../images/main/cont2_bg1.png) center top no-repeat;}
#main_cont2 .bg::after { content:""; display:block; width:196px; height:37px; position:absolute; right:-65px; top:58px; background:url(../images/main/cont2_bg2.png) center top no-repeat;}

#main_cont2 .default_layout { z-index:1; }

/*할인가맹점*/
.galleryGroup2 { width:451px; background:none; }
.galleryGroup2 h3 { display:inline-block; position:relative; padding:16px 0 0; }
.galleryGroup2 h3 a { font-size:26px; color:#000; font-family: 'S-CoreDream-6Bold'; }
.galleryGroup2 h3 a span { color:#031ca6; position:relative; z-index:1; }
.galleryGroup2 h3::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; right:-15px; top:0; background:#d4eaff; }

.galleryGroup2 p.more { position:absolute; right:0; top:2px; }
.galleryGroup2 p.more a { display:block; width:172px; height:39px; line-height:39px; box-sizing:border-box; border-radius:150px; padding:0 0 0 0; position:relative; font-size:16px; color:#fff; padding:0 43px 0 21px; transition:all 0.5s; background:#0099ff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}
.galleryGroup2 p.more a::before { content:""; display:block; width:16px; height:12px; background:url(../images/main/g2_arrow.png) right top no-repeat; position:absolute; right:24px; top:14px; transition:all 0.5s; }
.galleryGroup2 p.more a:hover::before { right:19px; }

.galleryGroup2 .gtxt { padding:21px 0 17px; line-height:24px; font-size:16px; color:#333; }

.galleryGroup2 #gallery_scroll2 { min-height:189px; position:relative; }
.galleryGroup2 .main_btn { position:absolute; right:0; top:20px; }
.galleryGroup2 .main_btn::before { content:""; display:block; width:1px; height:21px; background:#dddddd; position:absolute; right:40px; top:-3px; }
.galleryGroup2 .main_btn::after { content:""; display:block; clear:both; }
.galleryGroup2 .main_btn li { float:left; width:20px; }
.galleryGroup2 .main_btn li.g2btn03 { margin-left:41px; }
.galleryGroup2 .main_btn li a { display:block; width:100%; height:15px; text-indent:-99999px; }
.galleryGroup2 .main_btn li.g2btn01 a { background:url(../images/main/g2_bt1.png) left top no-repeat; }
.galleryGroup2 .main_btn li.g2btn03 a { background:url(../images/main/g2_bt3.png) left top no-repeat; }

.galleryGroup2 .gtitle1 { height:50px; line-height:50px; font-size:21px; color:#40444a; font-family: 'S-CoreDream-6Bold'; padding:0 0 0 21px; position:relative; }
.galleryGroup2 .gtitle1::before { content:""; display:block; width:11px; height:11px; border-radius:50%; background:#0099ff; position:absolute; left:1px; top:19px; }

#gallery_center2 { position:relative; left:-8px; top:-8px; width:calc(100% + 16px); }
.galleryGroup2 .slick-slide { width:230px; height:156px; margin:0 8px 0 0; box-sizing:border-box; padding:8px; }
.galleryGroup2 .slick-slide .gitem a { display:block; position:relative; height:138px; width:100%; box-shadow:none; transition:all 0.5s; box-sizing:border-box; border:1px solid #ddd; }
.galleryGroup2 .slick-slide .gitem a:hover { box-shadow:0px 0px 5px 1px rgba(0,0,0,0.12); }
.galleryGroup2 .slick-slide .gitem .pic { width:100%; height:136px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important;}
.galleryGroup2 .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup2 .slick-slide .gitem .g_sub { position:absolute; left:22px; bottom:0; width:calc(100% - 44px); height:30px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:8px 8px 0 0; background:#fff; font-size:15px; color:#333; font-weight:500; }

/*카카오지도*/
.main_kmap_box { float:right; width:899px; height:322px; border-radius:12px; background:#fff; overflow:hidden; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}
.main_kmap_box iframe { display:block; width:100%; height:322px; border:0 none; }

.kmap_cont { position:relative; }
/*검색라인*/
.main_kmap_box .ksearch_allbox { position:absolute; right:20px; top:20px; z-index:10; }
.main_kmap_box #searchForm { width:350px; height:50px; display:block; border-radius:150px; overflow:hidden; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12); z-index:1; position:relative;}
.main_kmap_box #searchForm::after { content:""; display:block; clear:both; }
.main_kmap_box #searchForm input { float:left; display:block; width:calc(100% - 50px); height:50px; line-height:50px; border:0 none; padding:0 50px 0 30px; box-sizing:border-box; background:#fff url(./map_image/k_arrow.png) right 30px center no-repeat; font-size:16px; color:#333; position:relative; }
.main_kmap_box #searchForm input::placeholder { color:#ddd; }
.main_kmap_box #searchForm input:focus { outline:none; }
.main_kmap_box #searchForm button { float:right; display:block; width:50px; height:50px; border:0 none; cursor:pointer; text-indent:-99999px; background:#0099ff url(./map_image/k_search.png) center center no-repeat; }

.main_kmap_box #ksearch_layer { position:fixed; right:70px; bottom:0px; height:0; width:276px; background:#fff; box-shadow:-2px 2px 6px rgba(0,0,0,0.15); transition:all 0.5s; }
.main_kmap_box #ksearch_layer.search-show { height:calc(100% - 70px); } 
.main_kmap_box #ksearch_layer.none-search-show { bottom:inherit; top:70px; height:auto; }

/* 검색 결과 목록 */
.main_kmap_box #searchResults {
	margin:0 0 0 0px;
	width:100%; 
	max-height: 210px;
	overflow-y: auto;
	background:#fff;
	
}

.main_kmap_box .search-item {
	padding: 10px;
	box-sizing:border-box;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	color:#333;
}

.main_kmap_box .search-item strong { background:url(http://t1.daumcdn.net/mapjsapi/images/marker.png) no-repeat left 3px / 12px; padding:0 0 0 20px; }

.main_kmap_box .search-item:hover {
	background-color: #f0f0f0;
}

/* 페이징 */
.main_kmap_box #pagination {
	margin-top: 13px;
	text-align: center;
}
.main_kmap_box .none-search-show #pagination { margin:0 0 0 0; }
.main_kmap_box .page-btn {
	padding: 5px 10px;
	margin: 0 3px;
	cursor: pointer;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow:hidden;
}

.main_kmap_box .page-btn.active {
	background-color: #007bff;
	color: white;
}


/* 검색 결과 없음 스타일 */
.main_kmap_box #noResults {
	margin:0 0 0 0px;
	background:#fff;
	padding: 10px;
	box-sizing:border-box;
	border-bottom: 1px solid #ddd;
	color:#333;
}

.main_kmap_box #map {
	width: 100%;
	height: 322px;
}

.main_kmap_box .zoom-control {
	position: absolute;
	right: 20px;
	top: 50%;
	 transform:translateY(-50%);
	z-index: 11;
	width:34px; height:65px;
	border:1px solid #ddd; overflow:hidden;
	border-radius:5px;
	box-shadow:2px 2px 6px rgba(0,0,0,0.15);
}

.main_kmap_box .zoom-btn {
	width: 100%;
	height: 32px;
	text-align: center;
	line-height: 30px;
	text-indent:-99999px;
	cursor:pointer;
}

.main_kmap_box #zoomIn { height:32px; box-sizing:border-box; border-bottom:1px solid #ddd; background:#fff url(./map_image/k_ic1.png) center center no-repeat;}
.main_kmap_box #zoomOut { height:31px; background:#fff url(./map_image/k_ic2.png) center center no-repeat;}




/*갤러리 img는 absolute로 날리고 썸네일을 background로 살리면 깨끗하게 쓸수 있습니다 common.js파일에 갤러리img추출 부분을 소스에 맞게 수정해주면됨*/
.galleryGroup{ margin:71px 0 76px 0px; width:100%; height:auto; min-height:390px;  }
.galleryGroup .titlebox { }
.galleryGroup .titlebox::after { content:""; display:block; clear:both; }
.galleryGroup .titlebox h3 { display:inline-block; position:relative; padding:16px 0 0; vertical-align:top; margin:0 56px 0 0;}
.galleryGroup .titlebox h3 a { font-size:26px; color:#000; font-family: 'S-CoreDream-6Bold'; }
.galleryGroup .titlebox h3 a span { color:#031ca6; position:relative; z-index:1; }
.galleryGroup .titlebox h3::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; right:-15px; top:0; background:#d4eaff; }

.galleryGroup .titlebox .gl_txt { display:inline-block; vertical-align:top; font-size:16px; color:#333; margin:15px 0 0 0; }

.galleryGroup .main_btn { position:absolute; right:0; top:0px; }
.galleryGroup .main_btn:after { content:""; display:block; clear:both; }
.galleryGroup .main_btn li { float:left; }
.galleryGroup .main_btn li a { display:block; text-indent:-99999px; }
.galleryGroup .main_btn li.slick-arrow { height:21px; margin-top:7px; }
.galleryGroup .main_btn li.slick-arrow a { width:9px; height:16px; margin-top:3px; }
.galleryGroup .main_btn li.gbtn03 { margin-left:21px; padding:0 0 0 20px; border-left:1px solid #ddd; }
.galleryGroup .main_btn li.gbtn01 a { background:url(../images/main/g_bt1.png) left top no-repeat; }
.galleryGroup .main_btn li.gbtn03 a { background:url(../images/main/g_bt3.png) left top no-repeat; }

.galleryGroup .main_btn li.more { margin:0 0 0 20px; }
.galleryGroup .main_btn li.more a { width:35px; height:35px; background:#d4eaff url(../images/main/g_more.png) center center no-repeat; border-radius:8px; }


.galleryGroup #gallery_scroll { width:calc(100% + 8px); margin:21px 0 0 -4px; overflow:hidden; }
.galleryGroup .slick-slide { width:340px; height:320px; margin:0 16px 0 0; box-sizing:border-box; padding:4px; }
.galleryGroup .slick-slide .gitem a { display:block; position:relative; height:312px; width:100%; border-radius:12px 12px 0 0; overflow:hidden; background:#fff; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.12); box-sizing:border-box; transition:all 0.4s; }
.galleryGroup .slick-slide .gitem a:hover {  }
.galleryGroup .slick-slide .gitem .pic { width:100%; height:222px; box-sizing:border-box; overflow:hidden; position:relative; background-size:cover !important; }
.galleryGroup .slick-slide .gitem .pic:before { content:"VIEW MORE"; display:block; width:100%; height:0; transition:all 0.5s; position:absolute; left:0; top:0; background:rgba(0,0,0,0.3) url(../images/main/g_ic.png) center 74px no-repeat; text-align:center; font-size:16px; color:#fff; box-sizing:border-box; opacity:0; }
.galleryGroup .slick-slide .gitem a:hover .pic:before { width:100%; height:100%; opacity:1; padding-top:133px; }


.galleryGroup .slick-slide .gitem .pic img { position:absolute; left:-999999px; top:0; }
.galleryGroup .slick-slide .gitem .g_sub { font-size:17px; color:#333;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 20px; font-weight:500; margin:15px 0 13px;}

.galleryGroup .slick-slide .gitem .g_date { text-align:right; padding:0 20px; font-size:15px; color:#666666;  }
.galleryGroup .slick-slide .gitem .g_date:before { content:""; display:inline-block; vertical-align:top; width:16px; height:16px; background:url(../images/main/gdate.png) left top no-repeat; margin:3px 4px 0 0; }

.galleryGroup .slick-slide .gitem a::before { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; left:0px; top:0px; border:3px solid transparent; border-radius:12px 12px 0 0; z-index:1; }
.galleryGroup .slick-slide .gitem a::after { box-sizing:border-box; content:""; display:block; width:0px; height:0px; position:absolute; right:0px; bottom:0px; border:3px solid transparent; border-radius:12px 12px 0 0; z-index:1; }
.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:#0099ff; border-right-color:#0099ff; }
.galleryGroup .slick-slide .gitem a:hover::after {  border-bottom-color:#0099ff; border-left-color:#0099ff; }


#main_cont3 { padding:0px 0 0; position:relative; min-height:515px; }
#main_cont3 .default_layout { z-index:1; }
#main_cont3 .default_layout .bg { z-index:-1; display:block; position:absolute; left:-212px; top:-54px; width:1743px; height:569px; background:url(../images/main/cont3_bg1.png) center top no-repeat;  }


/*전화안내*/
.mp_infobox { float:left; width:451px; margin:80px 0 0 0; position:relative; }
.mp_infobox h3 { display:inline-block; position:relative; padding:16px 0 0; font-size:26px; color:#000; font-family: 'S-CoreDream-6Bold';}
.mp_infobox h3 span { color:#031ca6; position:relative; z-index:1; }
.mp_infobox h3::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; right:-15px; top:0; background:#d4eaff; }
.mp_infobox .t_txt { padding:10px 0 0px; line-height:24px; font-size:16px; color:#333; }

.mp_infobox p.more { position:absolute; right:0; top:27px; }
.mp_infobox p.more a { display:block; width:172px; height:39px; line-height:39px; box-sizing:border-box; border-radius:150px; padding:0 0 0 0; position:relative; font-size:16px; color:#fff; padding:0 43px 0 21px; transition:all 0.5s; background:#0099ff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12);}
.mp_infobox p.more a::before { content:""; display:block; width:16px; height:12px; background:url(../images/main/g2_arrow.png) right top no-repeat; position:absolute; right:24px; top:14px; transition:all 0.5s; }
.mp_infobox p.more a:hover::before { right:19px; }

.mp_infobox .timebox1 { padding:28px 0 30px; border-bottom:1px solid #ddd; }
.mp_infobox .timebox1 p { line-height:30px; padding:13px 0 12px 75px; position:relative; font-family: 'S-CoreDream-5Medium'; font-size:24px; color:#f29f05; line-height:30px; }
.mp_infobox .timebox1 p::before { content:""; display:block; width:55px; height:55px; border-radius:50%; background:#abdafe url(../images/main/t_ic1.png) center center no-repeat; position:absolute; left:0; top:0;  }

.mp_infobox .timebox2 { position:relative; padding:30px 0 23px 76px;  border-bottom:1px solid #ddd;}
.mp_infobox .timebox2::before { content:""; display:block; width:55px; height:55px; border-radius:50%; background:#abdafe url(../images/main/t_ic2.png) center center no-repeat; position:absolute; left:0; top:30px;  }

.mp_infobox .timebox2 dl { line-height:36px; }
.mp_infobox .timebox2 dl::after { content:""; display:block; clear:both; }
.mp_infobox .timebox2 dl dt { float:left; font-size:18px; color:#333; font-weight:500; }
.mp_infobox .timebox2 dl dd { float:right; width:calc(100% - 135px); font-size:16px; color:#555; }

/*구별지도*/
#gubox { float:right; width:809px; height:355px; border-radius:12px; background:#fff url(../images/main/map_pat.png) left top; overflow:hidden; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12); box-sizing:border-box; display:flex; margin:80px 0 0; }
#gubox .gu_cont {  width:353px; box-sizing:border-box; padding:20px 0 0 29px; }
#gubox .gu_cont h3 { display:inline-block; position:relative; padding:16px 0 0; font-size:26px; color:#000; font-family: 'S-CoreDream-6Bold';}
#gubox .gu_cont h3 span { color:#031ca6; position:relative; z-index:1; }
#gubox .gu_cont h3::before { content:""; display:block; width:34px; height:34px; border-radius:50%; position:absolute; right:-15px; top:0; background:#d4eaff; }

#map_area1 .map_logo img { width:100%; max-width:201px; }
#map_area2 .map_logo img { width:100%; max-width:263px; }
#map_area3 .map_logo img { width:100%; max-width:210px; }
#map_area4 .map_logo img { width:100%; max-width:231px; }
#map_area5 .map_logo img { width:100%; max-width:169px; }

#gubox .mapinfo { display:none; }
#gubox .mshow { display:block; }
#gubox .mapinfo .map_logo { margin:20px 0 8px; }
#gubox .mapinfo dl { line-height:26px; }
#gubox .mapinfo dl::after { content:""; display:block; clear:both; }
#gubox .mapinfo dl dt { float:left; position:relative; padding:0 0 0 15px; font-size:16px; color:#333; font-weight:500; }
#gubox .mapinfo dl dt::before { content:""; display:block; width:7px; height:7px; border-radius:50%; position:absolute; left:0; top:11px; background:#40444a; }
#gubox .mapinfo dl dd { float:right; width:calc(100% - 82px); font-size:15px; color:#666; word-break:keep-all; }

#gubox .mapinfo p.more { margin-top:25px; }
#gubox .mapinfo p.more a { display:block; width:202px; height:39px; line-height:37px; box-sizing:border-box; border-radius:150px; padding:0 0 0 0; position:relative; font-size:16px; color:#40444a; padding:0 43px 0 21px; transition:all 0.5s; background:#fff; box-shadow:0px 0px 8px 1px rgba(0,0,0,0.12); border:1px solid #40444a;}
#gubox .mapinfo p.more a::before { content:""; display:block; width:16px; height:12px; background:url(../images/main/marrow.png) right top no-repeat; position:absolute; right:24px; top:13px; transition:all 0.5s; }
#gubox .mapinfo p.more a:hover { background:#fdf3e1; }
#gubox .mapinfo p.more a:hover::before { right:19px; }



#gubox .mapbox {  align-self:center; order:1; }
#gubox .mapbox img { width:100%; max-width:424px; }

.quick_cont { transition:all 0.5s; position:fixed; right:-405px; top:50%; transform:translateY(-50%); z-index:15; width:405px; height:465px; padding:0 30px 0; border-radius:12px 0 0 12px; box-shadow:-2px 2px 5px rgba(0,0,0,0.15);  }
.quick_cont .qmore { position:absolute; left:-56px; top:50%; transform:translateY(-50%);  }
.quick_cont .qmore a { display:block; width:56px; height:112px; border-radius:56px 0 0 56px; background:#f0f1f2 url(../images/main/quick_off.png) center center no-repeat; text-indent:-99999px; box-shadow:-2px 2px 5px rgba(0,0,0,0.15);}

.quick_cont.q_view { right:0; }
.quick_cont.q_view .qmore a { background:#f0f1f2 url(../images/main/quick_on.png) center center no-repeat; }


.quickbox { width:100%; position:relative; height:212px; }
.quickbox h3 { height:57px; font-family: 'S-CoreDream-6Bold'; font-weight:normal; font-size:22px; color:#000; box-sizing:border-box; padding:14px 0 0; position:relative; }
.quickbox h3::before { content:""; display:block; width:232px; height:1px; background:url(../images/main/q_line.png) left top no-repeat; position:absolute; right:0; top:26px; }
.quickbox .qic_box { }
.quickbox .qic_box::after { content:""; display:block; clear:both; }
.quickbox .qic_box li { float:left; width:33%; text-align:center; }
.quickbox .qic_box li.qic2 { width:34%; }
.quickbox .qic_box li a { display:block; }
.quickbox .qic_box li a .ic { width:86px; height:86px; border-radius:50%; overflow:hidden; box-shadow:0px 0px 7px 1px rgba(0,0,0,0.12); box-sizing:border-box; margin:0 auto 5px; padding:2px; background:#fff; position:relative; }
.quickbox .qic_box li a .ic span { display:block; width:82px; height:82px; border-radius:50%; position:relative; z-index:1; margin:0 auto 0; }

.quickbox .qic_box li a .ic::before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; transition:all 0.5s; }
.quickbox .qic_box li.qic1 a .ic::before { background:#fdf3e1; }

.quickbox .qic_box li a:hover .ic::before { background: rgb(0,153,255);
background: linear-gradient(125deg, rgba(0,153,255,1) 0%, rgba(4,36,217,1) 100%); }

.quickbox .qic_box li.qic1 a .ic span { background:#fdf3e1 url(../images/main/q_ic1.png) center center no-repeat; }
.quickbox .qic_box li.qic2 a .ic span { background:#fff url(../images/main/q_ic2.png) center center no-repeat; }
.quickbox .qic_box li.qic3 a .ic span { background:#fff url(../images/main/q_ic3.png) center center no-repeat; }

.quickbox .qic_box li a .txt { line-height:18px; font-size:16px; color:#333; }

/*팝업*/
.popupZone { width:100%; float:none; height:210px; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
.popupZone h3 { height:36px; line-height:36px; box-sizing:border-box; font-family: 'S-CoreDream-6Bold'; font-weight:normal; font-size:19px; color:#333; float:left; padding:0 0 0 30px; }

.popupZone .btbox { position:absolute; left:50%; transform:translateX(-50%); bottom:0px; width:259px; height:36px; background:#fff; text-align:center; border-radius:40px 40px 0px 0px; z-index:1; }
.popupZone .btbox::after { content:""; display:block; clear:both; }
.popupZone .main_btn { float:right; margin:12px 30px 0 0; }
.popupZone .main_btn:after { content:""; display:block; clear:both; }
.popupZone .main_btn li { float:left; display:block; }
.popupZone .main_btn li.pbtn02 {margin:0 18px; }
.popupZone .main_btn li a { display:block; text-indent:-99999px; box-sizing:border-box; }
.popupZone .main_btn li:not(.more) a { text-indent:-99999px; display:block;  box-sizing:border-box; width:9px; height:15px; }
.popupZone .main_btn li.pbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
.popupZone .main_btn li.pbtn02 a { background:url(../images/main/b_bt2.png) center center no-repeat; width:10px; }
.popupZone .main_btn li.pbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }

.popupZone .main_btn li.more { float:left; margin-left:15px;}
.popupZone .main_btn li.more a { display:block; width:16px; height:16px; text-indent:-99999px; background:url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;}

.popupZone .slick-slide { height:208px; }
#popup_scroll { width:100%; box-sizing:border-box; }
#pop_center { width:100%; overflow:hidden; height:208px; }
#popup_scroll img { width:100%; height:208px; }



/*배너모음*/
#banner {  position:relative; width:100%; box-sizing:border-box; height:80px; background:#f2f2f2; overflow:hidden;  }
#banner:after { content:""; display:block; clear:both; }
#banner h3 { font-size:24px; color:#000; padding-top:29px; font-family: 'S-CoreDream-6Bold';}
#banner .btbox { position:absolute; right:0; top:32px; }
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn { float:left; box-sizing:border-box;   }
#banner .main_btn li { float:left; }
#banner .main_btn li.bbtn02 { margin:0 18px;  }
#banner .main_btn li a { text-indent:-99999px; display:block;  box-sizing:border-box; width:9px; height:15px; }
#banner .main_btn li.bbtn01 a { background:url(../images/main/b_bt1.png) center center no-repeat; }
#banner .main_btn li.bbtn02 a { background:url(../images/main/b_bt2.png) center center no-repeat; width:10px;  }
#banner .main_btn li.bbtn03 a { background:url(../images/main/b_bt3.png) center center no-repeat; }

#banner .btbox .more { float:left; margin-left:15px; }
#banner .btbox .more a { display:block; width:16px; height:16px; text-indent:-99999px; background:url(../images/main/b_more.png) center center no-repeat; box-sizing:border-box;} 

div#banner_scroll {position:absolute;left:148px; top:13px; width:1150px; overflow:hidden;  }
div#banner_scroll #banner_content { width:100%;}
div#banner_scroll #banner_content .slick-slide { margin:0 30px 0px 0; width:200px; }
div#banner_scroll #banner_content .banitem {float:left; width:100%; height:54px; box-sizing:border-box; border:1px #ddd solid;}
div#banner_scroll #banner_content .banitem img {float:left;width:100%;height:52px; }








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

@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%; background:#fff; }

/*메인비주얼*/
.visual_wrap {   width:100%; position:relative; margin-bottom:30px; min-height:350px; }
.visual_wrap:after { content:""; display:block; clear:both; }
.slick-slider { position:static !important; }
.visual_wrap .slick-slide {  height:auto; position:relative; min-height:350px;}
.visual_wrap .vbtbox { bottom:20px; }


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


/* 센터소개 및 명예의 전당 */
.int_cont .int_box a dt::before { content:""; display:block; width:calc(100% - 120px); height:1px; background:url(../images/main/int_line.png) right top no-repeat; position:absolute; left:inherit; right:0px; top:37px; }
.int_cont .int_box a dd { font-size:15px; }

/*공지사항 type1*/
.noticeGroup{ height:444px;  }

.noticeGroup .noti_title { position:relative; display:inline-block; padding:15px 0 20px 0; }

.noticeGroup h3 { float:left; }
.noticeGroup h3.btn1 { margin-left:15px; width:calc(50% - 58.5px); }
.noticeGroup h3.btn2 { margin-left:10px; width:calc(50% - 58.5px); }
.noticeGroup .on_check .tabcontent{display:block;}

.noticeGroup div.tabcontent {position:absolute; left:0px; top:122px; padding:20px 20px; }
.noticeGroup div ul li a { width:65%; }
.noticeGroup div p.more {position:absolute; clear:both; right:15px; top:-62px; }


.quick_cont { transition:all 0.5s; position:relative; right:inherit !important; top:0; transform:none; z-index:15; width:94%; height:465px; padding:0 20px 0; border-radius:12px; box-shadow:0px 0px 5px rgba(0,0,0,0.15);  }
.quick_cont .qmore { display:none;}

.quick_cont.q_view { right:0; }
.quick_cont.q_view .qmore a { background:#f0f1f2 url(../images/main/quick_on.png) center center no-repeat; }
.quickbox { width:100%; position:relative; height:212px; }

/*팝업*/
.popupZone { width:100%; margin:0 auto 0 !important; }


/*할인가맹전*/
#main_cont2 { padding:30px 0 0 0; }

.galleryGroup2 .gtxt { font-size:15px; }
.galleryGroup2 p.more a { width: 152px; }

/*활동갤러리*/
.galleryGroup .titlebox .gl_txt { display:none; }
.galleryGroup .main_btn { top:10px; }


/*전화안내*/
.mp_infobox { float:left; width:94%; margin:30px 3% 30px; position:relative; border-bottom:1px solid #ddd;}
.mp_infobox .titlebox { float:left; width:100%; }
.mp_infobox h3 { letter-spacing:-0.5px; font-size:22px; }

.mp_infobox .timebox1 { float:left; width:50%; box-sizing:border-box; border-bottom:0 none; }
.mp_infobox .timebox2 { width:50%; float:right; box-sizing:border-box; border-bottom:0 none;}

.mp_infobox .timebox1 p { font-size:20px; }

.mp_infobox .timebox2 dl { line-height:36px; }
.mp_infobox .timebox2 dl::after { content:""; display:block; clear:both; }
.mp_infobox .timebox2 dl dt { float:left; font-size:16px; color:#333; font-weight:500; }
.mp_infobox .timebox2 dl dd { float:right; width:calc(100% - 135px); font-size:15px; color:#555; }
.mp_infobox p.more { top:10px; }
.mp_infobox p.more a { width: 152px; }

/*구별지도*/
#gubox { float:right; width:94%; height:355px; border-radius:12px; display:flex; justify-content:space-around; margin:15px 3% 20px; }
#gubox .gu_cont {  width:353px; box-sizing:border-box; padding:20px 0 0 29px; }


/*배너모음*/
#banner {margin:0 0 0px; height:auto; float:left; position:relative; width:100%; box-sizing:border-box; padding:20px 0 20px;  }
#banner h3 { padding:5px 3% 0; }
#banner .btbox {  position:absolute; right:3%; top:9px;}
#banner .btbox:after { content:""; display:block; clear:both; }
#banner .main_btn {  }

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


}

@media all and (max-width:860px) {
/*구별지도*/
#gubox { float:right; width:94%; height:auto; border-radius:12px; display:flex; flex-direction:column; justify-content:space-around; margin:15px 3% 20px; padding:30px 15px; }
#gubox .gu_cont {  width:100%; box-sizing:border-box; padding:10px 0 0 0px; }
#gubox .mapbox {
  align-self: center;
  order: 0;
}
#gubox .gu_cont h3 { font-size:22px; }

}

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

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

}

@media all and (max-width:654px) {
/*메인비주얼*/
.visual_wrap {  min-height:250px; }
.visual_wrap .slick-slide {  height:auto; position:relative; min-height:250px;}

/*전화안내*/
.mp_infobox .timebox1 { float:left; width:100%; box-sizing:border-box; border-bottom:1px solid #ddd; }
.mp_infobox .timebox2 { width:100%; float:right; box-sizing:border-box; border-bottom:0 none;}


}

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

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

}

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

}


@media all and (max-width:462px) {
/*메인비주얼*/
.visual_wrap {  min-height:180px; }
.visual_wrap .slick-slide {  height:auto; position:relative; min-height:180px;}

.quick_cont { padding:0 15px 15px; height:auto; }

.quickbox h3 { height:57px; font-family: 'S-CoreDream-6Bold'; font-weight:normal; font-size:22px; color:#000; box-sizing:border-box; padding:14px 0 0; position:relative; }
.quickbox h3::before { content:""; display:block; width:calc(100% - 95px); height:1px; background:url(../images/main/q_line.png) right top no-repeat; position:absolute; right:0; top:26px; }
.quickbox .qic_box li a .ic { width:71px; height:71px; }
.quickbox .qic_box li a .ic span { display:block; width:100%; height:67px; }


.quickbox .qic_box li.qic1 a .ic span { background:#fdf3e1 url(../images/main/q_ic1.png) no-repeat center center; }
.quickbox .qic_box li.qic2 a .ic span { background:#fff url(../images/main/q_ic2.png) no-repeat center center; }
.quickbox .qic_box li.qic3 a .ic span { background:#fff url(../images/main/q_ic3.png) no-repeat center center; }

.quickbox .qic_box li a .txt { font-size:14px; color:#333; }

}

@media all and (max-width:444px) {
#gallery_center2 {
  left: -4px;
  top: -4px;
  width: calc(100% + 8px);
}
.galleryGroup2 .slick-slide { margin: 0 0px 0 0; }

}

@media all and (max-width:436px) {
	.main_kmap_box #searchForm { width:250px; height: 40px; line-height: 40px;}
	.main_kmap_box #searchForm input { height:40px; line-height:40px; }
	.main_kmap_box #searchForm button { height:40px; }
	.main_kmap_box #ksearch_layer { width:180px; }
	
	.main_kmap_box #ksearch_layer.none-search-show {
	  bottom: inherit;
	  top: 60px;
	  height: auto;
	}
	
	.main_kmap_box #ksearch_layer.search-show {
	  height: calc(100% - 60px);
	}
	
}

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