@charset "utf-8";


/* sub01_01 인사말 */
.greeting_c01 .box_greeting:after{background: url(/images/facility/sub01/sub01_01_img01.jpg) no-repeat 50% 50%}
.greeting_c01 .box_greeting .msg strong{display: block;}
.greeting_c01 .box_greeting .msg strong span{float: none;}
.greeting_c01 .box_greeting .msg .toptxt{margin: 0}

@media (max-width: 1179px){
	.greeting_c01 .box_greeting:after{top: 80%;left: -10px;background-size: 90%;}	
}

/* sub01_02 연혁 */
.history_a01 .his_img .his_img1{background-image:url(/images/facility/sub01/sub01_02_img01.jpg);}
.history_a01 .his_img .his_img2{background-image:url(/images/facility/sub01/sub01_02_img02.jpg);}

/* sub01_04 시설현황 */
.fac_wrap {padding:5px; width:100%; background:#f4f4f4; border:1px solid #ececec;}
.fac_wrap .inner {padding:50px;background:#fff; border:1px solid #ececec;}
.fac_wrap .inner:after{content:"";display:block;clear:both;visibility:hidden;}
.fac_wrap .inner .fac_l {float:left; width:40%;}
.fac_wrap .inner .fac_r {float:right; width:55%;}
.fac_wrap .inner .fac_r p.tit {margin-bottom:20px;font-size:27px; font-weight:bold;color:#181818;}
.fac_wrap .inner .fac_r ul {margin-top:30px;}
.fac_wrap .inner .fac_r ul li {position: relative;margin-bottom:10px;padding-left: 110px;}
.fac_wrap .inner .fac_r ul li span.sp1 {display: inline-block;position:absolute;left: 0;top: 0;width:110px;padding-left: 30px;}
.fac_wrap .inner .fac_r ul li span.sp1:after {position:absolute; display:inline-block; content:""; width:1px; height:15px; background:#ddd;top:4px; right:10px;}
.fac_wrap .inner .fac_r ul li span.sp1 b {display:inline-block;position: absolute;left: 0;margin-right:10px;width:21px; height:21px; background:url(/images/facility/sub01/sub01_03_icon.png)no-repeat;}
.fac_wrap .inner .fac_r ul li span.sp1 b.icon01 {background-position: 0 0;}
.fac_wrap .inner .fac_r ul li span.sp1 b.icon02 {background-position: -21px 0;}
.fac_wrap .inner .fac_r ul li span.sp1 b.icon03 {background-position: -42px 0;}

/* 시설현황 */
.fac_intro {}
.fac_intro h2 {margin:60px 0 30px 0; }
.fac_intro .fac_list {margin:0 -0.5%;}
.fac_intro .fac_list ul {}
.fac_intro .fac_list ul:after{content:"";display:block;clear:both;visibility:hidden;}
.fac_intro .fac_list ul li {float:left;margin:0 1% 20px;padding:15px; width:23%; min-height:310px;border:1px solid #ddd;}
.fac_intro .fac_list ul li span {display:block;}
.fac_intro .fac_list ul li span.img {margin-bottom:20px; text-align: center;}
.fac_intro .fac_list ul li span.txt {text-align: center;}
.fac_intro .fac_list ul li span.txt p.tit {margin-bottom:10px;font-size:17px; font-weight: bold; color:#00776a;}

@media (max-width: 1199px){
	.fac_wrap .inner .fac_l {float:left; width:45%;}
	.fac_wrap .inner .fac_r {float:right; padding-left:5%;width:55%;}
	.fac_intro .fac_list ul li {width:30.6%;}
}
@media (max-width: 767px){
	.fac_wrap .inner .fac_l {float:none; margin-bottom:40px;width:100%;text-align: center;}
	.fac_wrap .inner .fac_r {float:none; padding-left:0;width:100%;}
	.fac_intro .fac_list ul li {width:46%;}
}
@media (max-width: 550px){
	.fac_intro .fac_list {margin:0;}
	.fac_intro .fac_list ul li {margin:0 0 20px;width:100%;}
}
@media (max-width: 470px){
	.fac_wrap .inner {padding:30px;}
	.fac_wrap .inner .fac_r ul li{padding: 20px 0 0 30px;}
	.fac_wrap .inner .fac_r ul li span.sp1:after{display: none;}
}

/* sub02_01~07 시설안내 0124오장곤*/
/* 상단 롤링스크립트 */
.gallery_box{overflow: hidden;position: relative;margin-bottom: 25px;}
.gallery_box .gallery{float: left;width: 50%;}
.gallery_box .gallery:after{content: '';display: block;visibility: hidden;clear: both;}
.gallery_box .ui.uipt{position:relative;width:100%;}
.gallery_box .ui.uipt #galleryView{margin:0;text-align:center}
.gallery_box .ui.uipt #galleryView img{width: 100%}
.gallery_box .ui.uipt #galleryThum{width:100%;}
.gallery_box .ui.uipt #galleryThum .list{overflow: hidden;width: 100%;}
.gallery_box .ui.uipt #galleryThum .item{float:left;margin-left:1.85%; width:24.25%}
.gallery_box .ui.uipt #galleryThum .item{margin-left: 0;}
.gallery_box .ui.uipt #galleryThum .holder{margin-top: 5px;}
.gallery_box .ui.uipt #galleryThum .arr{position:absolute;top:50%;width:48px;height:95px;margin-top: -97.5px;padding-top: 34px;background-color:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.6);font-size: 0;text-indent: -9999px;}
.gallery_box .ui.uipt #galleryThum .arrLeft{left: 0px;}
.gallery_box .ui.uipt #galleryThum .arrRight{right: 0;}
.gallery_box .ui.uipt #galleryThum .arr span{display: block;width:13px;height: 25px;margin: 0 auto;background: url(/images/tour/sub04/sub04_04_arr.png) no-repeat;font-size: 0;text-indent: -9999px;}
.gallery_box .ui.uipt #galleryThum .arrLeft span{background-position: 0 0;}
.gallery_box .ui.uipt #galleryThum .arrRight span{background-position: -13px 0;}

.gallery_box .ui.uipt #galleryThum .list li{display: block;position: relative;margin-left:1%; border:1px solid #fff; }
.gallery_box .ui.uipt #galleryThum .list li:first-child{margin-left: 0;}
.gallery_box .ui.uipt #galleryThum li a.ov:before,
.gallery_box .ui.uipt #galleryThum li:hover a:before,
.gallery_box .ui.uipt #galleryThum li:active a:before,
.gallery_box .ui.uipt #galleryThum li:focus a:before{content: '';position: absolute;top: 35%;left: 40%;width: 22px;height:22px;margin:0 auto;background: url(/images/tour/sub04/sub04_04_bul.png) no-repeat;z-index: 2}
.gallery_box .ui.uipt #galleryThum li a.ov {}
.gallery_box .ui.uipt #galleryThum li a.ov:after,
.gallery_box .ui.uipt #galleryThum li:hover a:after,
.gallery_box .ui.uipt #galleryThum li:active a:after,
.gallery_box .ui.uipt #galleryThum li:focus a:after{display:block;content:"";z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7); }

.gallery_box .txt{float:right;width:45%;}
.gallery_box .txt .title{padding: 0 5px 10px;}
.gallery_box .txt .info{padding: 10px 5px 0;border-top: 3px solid #d3d3d3;}
.gallery_box .txt .info .list_info li .tit{position: absolute;left: 0;top: 0;font-size: 15px;font-weight: 500}

/*쇼핑*/
.shopping.gallery_box .ui.uipt #galleryThum .holder{display: none;}
.shopping.gallery_box .ui.uipt #galleryThum .arr{margin-top: -47.5px}
.shopping.gallery_box .txt .title strong{font-size:28px;font-weight: bold;color: #252525 }
.shopping.gallery_box .info .list_info{margin-top: 15px;}
.shopping.gallery_box .info .list_info > li{position: relative;margin-bottom: 5px;padding-left: 110px;color: #252525;font-size: 15px}
.shopping.gallery_box .info .list_info li .tit{width: 85px;padding-left: 12px;color: #1251ae;}
.shopping.gallery_box .info .list_info li .tit:before{content: '';position: absolute;left: 0;top: 8px;width: 5px;height: 5px;background: #2c6dce;border-radius: 50%;}
.shopping.gallery_box .info .list_info li .tit:after{content: '';position: absolute;right:0;top: 7px;width: 2px;height: 9px;background: #ccc;}

@media (max-width:1190px) {
	.gallery_box .ui.uipt{float: none;width: 100%;}
}
@media (max-width:1024px){
	.gallery_box .gallery{float: none;width: 100%;}
	.gallery_box .txt{float:none;width:100%;margin-top: 20px}
}
@media (max-width:450px){
	.gallery_box .ui.uipt #galleryThum .arr{width: 28px;height: 75px;margin-top:-62.5px;padding-top: 22px;}
	.shopping.gallery_box .txt .info .list_info > li{padding: 20px 0 0 12px;}
	.shopping.gallery_box .info .list_info li .tit:after{display: none;}
}

/* (시설현황) */
.building_list{overflow: hidden;}
.building_list li{float: left;position: relative;width: 23.5%;min-height: 125px;margin: 19px 2% 10px 0;padding: 30px 10px 20px;border:1px solid #ddd;text-align: center;font-size: 15px}
.building_list li:last-child{margin-right: 0}
.building_list li .numb{display: block;position: absolute;top: -19px;left: 50%;width: 40px;height: 40px;margin-left: -20px;padding-top: 6px;background: #2c6dce;border-radius: 50%;text-align: center;color: #fff;font-size: 16px;font-style: italic;}
.building_list li strong{display: block;font-size: 18px;color:#000; }

@media (max-width:945px){
	.building_list li{width: 49%;}
	.building_list li:nth-child(2n){margin-right: 0}
}
@media (max-width:500px){
	.building_list li{width:100%;min-height: auto;margin-right: 0}
}
/* (기타사항) */
.building_list2{overflow: hidden;}
.building_list2 li{float: left;position: relative;width: 49%;margin:0 2% 20px 0;padding: 30px 30px 30px 100px;background: #f7f7f7;border:1px solid #e8e8e8;}
.building_list2 li.sp{padding: 20px 39px 19px 100px;}
.building_list2.long li{width: 100%;margin-right: 0}
.building_list2 li:nth-child(2n){margin-right: 0}
.building_list2 li .numb{position: absolute;left: 30px;top: 30px;padding-right: 30px;font-size: 17px;color: #2c6dce;font-style: italic;}
.building_list2 li .numb:after{content: '';position: absolute;top: 50%;right: 0;width: 19px;height: 1px;background: #2c6dce}

@media (max-width:999px){
	.building_list2 li{float: none;width: 100%;margin-right: 0;padding:20px 20px 20px 80px }
	.building_list2 li .numb{left: 20px;top: 20px;}
}

.map_wrap{position: relative;}
.map{overflow:hidden; position:relative;width: 100%;height:390px; background-color:#4D5965; border:1px solid #dbdbdb; border-bottom:0; }
.map_wrap .map_btn{position: absolute;bottom: 50px;right: 35px;width: 103px;height: 103px;padding: 7px;background: rgba(255,187,25,0.4);border-radius: 50%;z-index: 1}
.map_wrap .map_btn a{display: block;width: 90px;height: 90px;padding-top: 20px;background: #ffbb19;border-radius: 50%;text-align: center;font-size: 15px;color: #212121;font-weight: 500;}
.map_wrap .map_btn a .icon{display: block;width: 21px;height: 25px;margin: 0 auto;background: url(/images/tour/sub04/sub04_05_icon.png)no-repeat;}


/* sub03_03 대관신청 */
.bico.bticon.down{background-position:-15px 0px;}
.ui.uilnk.type3 .box_col.col_list .lnk_box .radius{right: 13px;}