/********************************************************
■ 공통
********************************************************/
.const{width:1550px; margin:0 auto; font-size:1rem;}
.btxt{font-size:2.15rem; line-height:1.3; margin-bottom:3rem; font-weight:300; letter-spacing:-0.04em; color:#191919;}
.btxt b{color:#2f76e0;}

.dot li{margin-top:5px; position: relative; padding-left:15px; text-align:left !important; line-height:1.3;}
.dot > li:before{ content : ""; display : block; position : absolute; left :0; top:0.6em; width : 5px; height : 5px; background : #18b5f0; border-radius:50%; }
.dot li:first-child{margin-top:0;}

.tb-wrap{overflow:hidden; border-top:2px solid #354a68; width: 100%;}
.normal-tb{margin-left:-1px; width:100%; text-align:center; font-size:0.9rem;}
.normal-tb thead th{background: #f1faff; padding:15px 0; border:1px solid #d3d3d3; border-right:none;}
.normal-tb td{padding:15px 10px; border:1px solid #d3d3d3; border-right:none;}
.normal-tb td .dot{font-size:0.85rem; width:15rem;}
.normal-tb td .dot li{margin-top:20px;}
.normal-tb td.bg{background:#f1faff;}

@media (max-width:1550px){
	.const{width:100%; padding:0 1rem;}
}
@media (max-width:1030px){
	.btxt{font-size:1.8rem;}
	#scroll .normal-tb{width:1000px;}
}
@media (max-width:767px){
	.btxt{font-size:1.5rem; margin-bottom:2rem;}
}




/********************************************************
■ 수영장안내
********************************************************/
/* 시설안내 */
.faci-bg{padding-bottom:3rem; position:relative;}
.faci-bg:after{content:'';display:block;position:absolute; left:-25%; bottom:0; width:150%;height:55%;background-size:cover;background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/faci_bg.jpg)no-repeat center center;z-index:-1;}
.faci{width:100%; padding:0 4rem; margin:0 auto; position:relative; }
.swiper-faci{border-radius:1.5rem;}
.faci .swiper-slide{width:100%; padding-top:43%;}

.swiper-button-prev, .swiper-button-next{margin:0; width:2.25rem; height:2.25rem; top:50%; transform:translateY(-50%); z-index:100; position:absolute; cursor:pointer; background:#fff; border:1px solid #a0a0a0; border-radius:50%; z-index:1;}
.swiper-button-prev{left:0;}
.swiper-button-prev:after{ content : "\e908"; display : block;font-weight:500; text-align:center; position : absolute; left: 50%; top:50%;  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);font-family:'xeicon'; color:#a0a0a0; }
.swiper-button-next{right:0;}
.swiper-button-next:after{ content : "\e90b"; display : block; font-weight:500;text-align:center; position : absolute; left: 50%; top:50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family:'xeicon'; color:#a0a0a0; }

@media (max-width:1030px){
	.faci-bg:after{height:80%;}
	.faci{padding:0 2.5rem;}
}
@media (max-width:767px){
	.faci{padding:0;}
	.faci .swiper-slide{padding-top:70%;}
	.swiper-button-prev{left:-1rem;}
	.swiper-button-next{right:-1rem;}
}

.faci-icon{width:77.4%; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:-3rem; position:relative; z-index:5;}
.faci-icon > div{display:flex; background:#fff; flex-basis: 49%; align-items: center; padding:1.35rem;  box-shadow: 1px 1px 20px rgb(0 0 0 / 10%); border-radius:1rem; position:relative;}
.faci-icon > div:after{content:'';display:block;position:absolute; left:0; top:0; width:15px;height:100%;background:#0454d3; border-radius:1rem 0 0 1rem;}
.faci-icon > div img{margin:0 1rem; width:3.65rem;}
.faci-icon > div p span{display:block; font-weight:500; font-size:1.15rem; color:#0454d3;}
.faci-icon > div:nth-of-type(2):after{background:#18b5f0;}
.faci-icon > div:nth-of-type(2) p span{color:#18b5f0;}

@media (max-width:1030px){
	.faci-icon{width:100%;margin-top:1rem;}
	.faci-icon > div{ padding:0.5rem; margin-top:1rem;}
	.faci-icon > div img{width:2.8rem;}
}
@media (max-width:767px){
	.faci-icon > div{flex-basis:100%;}
}

.faci-detail{display:flex;  justify-content: space-between;  flex-wrap: wrap; text-align:center;}
.faci-detail li{flex-basis: 18.5%; background:#fff; box-shadow: 1px 1px 15px rgb(0 0 0 / 10%); border-radius:1rem;  padding:10px;}
.faci-detail li span{display:block; border-radius:0.75rem; overflow:hidden;}
.faci-detail li p{padding:1rem 0 0.75rem; font-weight:500;}
.faci-detail li img{width:100%;}

@media (max-width:1030px){
	.faci-detail{justify-content: flex-start;}
	.faci-detail li{flex-basis: 30.33%; margin:1.5%;}	
}
@media (max-width:767px){
	.faci-detail li{flex-basis: 100%; margin:5% 0 0;}	
	.faci-detail li:first-child{margin-top:0;}
	.faci-detail li img{width:100%;}
	.faci-detail li p{font-size:1.15rem;}
}


/* 조직 및 업무안내 */
.organ{text-align:center; margin-bottom:5rem;}

/* 주차안내 */
.btn-right{display:flex;  justify-content: space-between;  align-items: flex-end; margin-bottom:3rem;}
.btn-right h3{margin-bottom:0;}
.naver-map a{display:block; overflow:hidden; font-size:0.9rem; color:#2f76e0; border:1px solid #2f76e0; width:11rem; height: 2.75rem; line-height:2.75rem; border-radius:10px; text-align:center;}
.naver-map a span{display:block; float:left; width:2.75rem; height:2.75rem; line-height:2.75rem; background:#2f76e0; border-radius:10px; }
.naver-map a span img{vertical-align:middle; width:1.15rem;}
.naver-map a span:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.blank{padding-right:20px; background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/blank_b.svg)no-repeat right+10px center; background-size:1.05rem auto;}

@media (max-width:767px){
	.btn-right{display:block; margin-bottom:2rem;}
	.naver-map {margin-top:10px; display: flex; justify-content: flex-end;}
}


.map-img{padding-bottom:6rem; position:relative; text-align:center;}
.map-img:after{content:'';display:block;position:absolute; left:-25%; bottom:0; width:150%;height:55%;background-size:cover;background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/faci_bg.jpg)no-repeat center center;z-index:-1;}
.map-img .parking{width:90%; padding-top:40%; margin:0 auto; border-radius:1.5rem; display:block; overflow:hidden;}

@media (max-width:767px){
	.map-img p{width:100%; padding-top:70%;}
}

.caution{background:#fff; position:relative; font-size:1.2rem; text-align:center; padding:3rem 4rem 0; border-radius:1.25rem; margin-top:-3rem;}
.caution .info-ico{position:absolute; left:50%; top:0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width:3.5rem;}

.half-info{width:100%; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:2rem; text-align:left; font-size:1rem;}
.half-info .pi{display:flex; background:#fff; flex-basis: 49%; align-items: center;  border:3px solid #eef3fc; border-radius:1rem; position:relative; }
.half-info .pi .icon{width:24%; flex-shrink: 0; height:100%;background:#eef3fc; display: flex; align-items: center; justify-content: center; flex-direction: column; color:#2f76e0; padding:10px 0;}
.half-info .pi .icon span{display:block; margin-top:10px;}
.half-info .pi i{background:#fff; width:4rem; height:4rem; line-height:4rem; text-align:center; display:block; border-radius:50%;  position:relative;}
.half-info .pi i:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.half-info .pi img{vertical-align:middle;}

.half-info .pi div{padding:1rem;}
.half-info .pi div span{display:block; font-weight:500; font-size:1.15rem; color:#0454d3;}

@media (max-width:767px){
	.caution{padding:2rem 2rem 0;}
	.half-info .pi{flex-basis: 100%; }
	.half-info .pi:not(:first-child){margin-top:1rem;}
	.half-info .pi i{width:3rem; height:3rem; line-height:3rem;}
	.half-info .pi img{width:50%;}
}


/* 오시는길 */
.loca-img{padding-bottom:3rem; position:relative; }
.loca-img:after{content:'';display:block;position:absolute; left:-25%; bottom:0; width:150%;height:55%;background-size:cover;background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/faci_bg.jpg)no-repeat center center;z-index:-1;}
.root_daum_roughmap{width:1400px !important; margin:0 auto !important; height:25rem !important; border-radius:1.5rem;}
.root_daum_roughmap .wrap_map{height:100% !important;}

@media (max-width:1500px){
	.root_daum_roughmap{width:100% !important;}
}
@media (max-width:767px){
	.root_daum_roughmap{height:20rem !important;}
}

.loca-detail{background:#fff; position:relative;width:77.4%; margin:0 auto; display:flex; justify-content: space-between; flex-wrap: wrap;  z-index:5;  padding:1rem; border-radius:1.25rem; margin-top:-3rem; box-shadow: 1px 1px 20px rgb(0 0 0 / 10%); }
.loca-detail > div{display:flex; flex:1; flex-basis: 40%;  align-items: center; position:relative; padding-left:1.5rem;}
.loca-detail > div:not(:first-child){flex-basis:30%; }
.loca-detail > div:not(:first-child):after{content:'';display:block;position:absolute; left:0; top:50%; transform:translateY(-50%);   width:1px;height:80%;background:#d3d3d3;}
.loca-detail > div img{margin-right:1rem; width:3.65rem;}
.loca-detail > div span{display:block; color:#2f76e0; font-weight:500;}

@media (max-width:1500px){
	.loca-detail{width:95%; padding:1rem 0; }
	.loca-detail > div img{width:2.5rem;}
}
@media (max-width:767px){
	.loca-detail{display:block;}
	.loca-detail > div{ flex-basis:100% !important;}
	.loca-detail > div:not(:first-child){padding-top:5px; margin-top:5px;}
	.loca-detail > div:not(:first-child):after{top:0; left:10%; transform:translateY(0); width:80%; height:1px;}
}


/********************************************************
■ 이용안내
********************************************************/
/* 운영안내 */

.free ul.list-mb{margin-bottom:0.8rem;}
.free .normal-tb td .point li {position:relative;padding-left:1rem;text-align:left;}
.free .normal-tb td .point li:after{content: "※";display: block;position: absolute; left: 0; top: 0; border-radius: 50%;}
.free .normal-tb td.l_td{text-align:left;}
.free ul.list{margin-top:0.8rem;}
.free .point_bx{display:flex;box-shadow: 0 0 7px rgb(189 189 189 / 40%);border-radius:5px;align-items:center;margin-top:1.5rem;padding:1.5rem 1.5rem 1.5rem 0;}
.free .point_bx h5{flex-basis:13.5rem;font-size:1.3rem;color:#333333;font-weight:600;text-align:center;position:relative;padding-left:3rem;}
.free .point_bx h5:after{content:'';display:block;position:absolute;width:2.7rem;height:2.85rem;background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/point_bx.png)no-repeat center center;background-size:cover;left:2.5rem;top:50%;transform:translateY(-50%);}
.free .point_bx ul{flex-basis:calc(100% - 13.5rem);padding-left:2.5rem;border-left:1px solid #dddddd;}
.free .infor_bx{display:flex;padding-left:1.5rem;}
.free .infor_bx .icon_bx{display:flex;width:3.75rem;height:3.75rem;background:#f1faff;border-radius:10px;justify-content:center;
align-items:center;}
.free .infor_bx ul{padding-left:1.5rem;}

@media (max-width:1030px){
	.free .point_bx{display:block;padding:1.5rem 1rem;}
	.free .point_bx h5{text-align:left;padding-left:3rem;}
	.free .point_bx h5:after{left:0;}
	.free .point_bx ul{padding-left:0;flex-basis:100%;margin-top:0.5rem;border-left:none;}
	.free .infor_bx{display:block;}
	.free .infor_bx ul{padding-left:0;margin-top:0.5rem;}
}
/*예약방법 안내*/
.reservation-list ul{display:flex;margin:0 -3.5rem;}
.reservation-list ul li{flex-basis:calc(100% / 5);text-align:center;position:relative;}
.reservation-list ul li:not(:last-child):after{content:'';display:block;position:absolute;width:1rem;height:1.2rem;background:url(https://dgsmidc.negagea.kr/dbuild/images/default/content/reservation-arrow.png)no-repeat center center;right:0;top:22%;transform:translateX(50%);background-size:cover;}
.reservation-list ul li .one{width:9rem;height:9rem;border-radius:1rem;box-shadow: 4px 0px 24px rgb(197 197 197 / 57%);display:flex;justify-content:center;align-items:center;margin:0 auto;background:#fff;}
.reservation-list ul li .step{background:#2f76e0;color:#fff;width:4.5rem;height:1.65rem;text-align:center;line-height:1.65rem;border-radius:16.75px;margin:1.4rem auto;}
.reservation-list ul li p{color:#333333;font-size:1.1rem;}

@media (max-width:1500px){
	.reservation-list ul{margin:0;}
	.reservation-list ul li .one{width:6rem;height:6rem;}
	.reservation-list ul li p{font-size:1rem;}
}
@media (max-width:1030px){
	.reservation-list ul{flex-wrap:wrap;margin:-1rem 0;}
	.reservation-list ul li{flex-basis:calc(100% / 3);margin:1rem 0;}
	.reservation-list ul li:nth-child(3):after{display:none;}
	.reservation-list ul li:not(:last-child):after{top:20%;}
}
@media (max-width:767px){
	.reservation-list ul li{flex-basis:calc(100% / 2);}
	.reservation-list ul li:not(:last-child):after{display:none;}
	.reservation-list ul li .one{width:4.5rem;height:4.5rem;}
	.reservation-list ul li .one img{height:2rem;}

}

/*수영장 이용수칙*/
.res_tap {display:flex;}
.res_tap li{flex-basis:50%;text-align:center;height:2.5rem;line-height:2.5rem;background:#f4f4f4;border:1px solid #d3d3d3;color:#777;}
.res_tap li:first-child{border-radius:25px 0 0 25px;border-right:0;}
.res_tap li:last-child{border-radius:0 25px 25px 0;}
.res_tap li.on{background:#2f76e0;color:#fff;}

.reservation{display:flex;flex-wrap:wrap;margin:-1rem;margin-top:2rem;}
.reservation > div{border:3px solid #eef3fc;border-radius:15px;width: calc(100%/2 - 2rem); margin: 1rem;padding:.5rem .5rem .5rem 4rem;position:relative;display:flex;justify-content:space-between;align-items:center;}
.reservation > div span.num{position:absolute;left:1rem;top:0;background:#1ab4f2;text-align:center;color:#fff;width:2rem;height:2.75rem;border-radius:0 0 20px 20px;padding-top:1rem;}
.reservation > div span.icon_bx {width:3.75rem;height:3.75rem;border-radius:10px;background:#f1faff;display:flex;justify-content:center;align-items:center;}
.reservation > div p em{color:#ff006c}
.reservation#c02 > div span.num{background:#3dc9d6;}

@media (max-width:1500px){
	.reservation{margin:-0.5rem;margin-top:2rem;}
	.reservation > div{margin:0.5rem;    width: calc(100%/2 - 1rem);}
}
@media (max-width:1030px){
	.reservation{margin:0;margin-top:2rem;}
	.reservation > div{width:100%;margin:0;}
	.reservation > div:not(:last-child){margin-bottom:0.5rem;}
}
@media (max-width:767px){
	.reservation > div span.num{display:none;}
	.reservation > div{padding:0.5rem;}
	.reservation > div p{width:calc(100% - 3rem);font-size:0.9rem;}
	.reservation > div span.icon_bx{width:2rem;height:2rem;}
	.reservation > div span.icon_bx img{width:80%;}
}