@charset "utf-8";


/* 공통 */
.bold{font-weight: bold;}
.cf:after{content:''; display:block; clear:both;}
.mo{display:none;}
.sub_bottom > div > p {margin-bottom:40px; font-size:16px; text-align: center; line-height: 160%;}
.img_100{width:100%;height: 300px;margin-bottom:10px;}
.img_50{width:100%; height:auto; padding-bottom:60px;}
.img_50:after{content:''; display:block; clear:both;}
.img_50 > ul{width: calc( ( 100% - 11px ) / 2 ); float: left; height: auto;}
.img_50 > ul:first-child{margin-right:10px;}
.img_50 > ul > li:first-child{width:100%;height: 250px;}
.img_50 > ul > li:last-child{width:100%; padding-top:40px;}
.img_50 > ul > li p{font-size:26px; font-weight: bold; text-align: center; margin-bottom:20px;}
.img_50 > ul > li span{font-size:18px; text-align: center; line-height: 160%; display: block; width:100%;}
.price{width: 100%; height:744px; padding-top:100px; background: #f8f8f8;}
.price > p{font-size:48px; font-weight: bold; text-align: center; position: relative; margin-bottom:55px;}
.price > p > span{display: block;width:200px;height:25px;background: #d1ea87;margin-top:-40px;margin:0 auto;margin-top: -18px;}
.price ul{width:595px; height:auto; margin: 0 auto;}
.price ul > li{width:282px; height:462px; float: left;;}
.price ul > li:first-child{margin-right:28px;}

/* star
 */
.star_img_100{width:100%; height:auto;}
.star_img_50:after{content:''; display:block; clear:both;}
.star_img_50 > ul{width: calc( ( 100% - 10px) /2 ); float: left; margin-right:10px;}
.star_img_50 > ul:last-child{ margin-right:0;}
.star_img{width:100%; height:auto;}
.star_img > li{width:100%;}
.star_img > li:first-child{height:520px;}
.star_img > li:last-child{height:auto;padding:38px;width: calc( 100% - 76px );}
.star_img > li:last-child p{font-size:26px;font-weight: bold;text-align: center;margin-bottom: 10px;}
.star_img > li:last-child span{font-size: 17px;text-align: center;line-height: 160%;display: block;width:100%;}
.star_img > li:last-child > div.star{padding-top: 20px;max-width: 540px;width: 100%;margin: 0 auto;}
.star_img > li:last-child > div.star ul{float: left;width: calc( ( 100% - 3px ) /3 );border-right: 1px solid #ddd;}
.star_img > li:last-child > div.star ul:last-child{ background: none; border: 0; }
.star_img > li:last-child > div.star ul li{ text-align: center; font-size: 16px; font-weight: bold; height: 22px; }
.star_img > li:last-child > div.star ul li:first-child{}
.star_img > li:last-child > div.star ul li:last-child{width: 142px;margin: 0 auto;}
.star_img > li:last-child > div.star ul li:last-child div{width: 22px;height: 22px;float: left;margin-right: 6px;background: url(../img/sub/star.png) no-repeat center;background-size:contain;}
.star_img > li:last-child > div.star ul.yellow li:last-child div.on{ background: url(../img/sub/star_y.png) no-repeat center; background-size:contain;}
.star_img > li:last-child > div.star ul.orange li:last-child div.on{ background: url(../img/sub/star_o.png) no-repeat center; background-size:contain;}
.star_img > li:last-child > div.star ul.red li:last-child div.on{ background: url(../img/sub/star_r.png) no-repeat center; background-size:contain;}

/* water_rides */
.water_rides > div{ padding: 30px 0; border-bottom: 3px solid #eee; }
.water_rides > div.star_img_50{ padding: 30px 0 0;}

.sub_bottom .survival > div.img_100{margin-bottom:50px;}

.cont_tit {font-size:26px; font-weight:bold;}
.mt30 {margin-top:30px;}
.survival .mt30 {margin-top: 70px;}
.survival .mt30 > span{display:block;margin-bottom: 15px;}
.circle{width:100%; height:auto;}
.circle li{float: left; width:50%; height:400px;}
.circle li:last-child{padding: 61px 37px;font-size:16px;line-height: 220%;width: calc(50% - 74px);background: #f8f8f8;height: 278px;}
ul.list{width: calc( 100% - 120px );border:1px solid #cccccc;padding:60px;position: relative;margin-bottom:22px;box-shadow: 0px 6px #e5e5e5;}
ul.list li{}
ul.list li:first-child{font-size:20px; font-weight: bold; margin-bottom:10px;}
ul.list li:nth-child(2){font-size:16px; line-height: 160%;}
ul.list li:last-child{height:22px; width:2px; background: #000; position: absolute;;  bottom:-23px;}
ul.list:last-child li:last-child{width:0; height:0; position: static;}
ul.list .none{display:none;}
div.list50{width:100%; margin-bottom:30px;}
div.list50 > ul{width: calc( ( 100% - 35px ) / 2);float: left;border:1px solid #cccccc;box-shadow: 0px 6px #e5e5e5;}
div.list50 > ul:first-child{margin-right:30px;}
div.list50 > ul > li{width:100%;}
div.list50 > ul > li:first-child{margin-right:30px; height:260px;}
div.list50 > ul > li:last-child{padding: 40px 30px;min-height: 320px;width: calc(100% - 60px);height: calc( 100% - 80px );}
div.list50 > ul > li:last-child p{}
div.list50 > ul > li:last-child p:first-child{font-size:20px; font-weight: bold;}
div.list50 > ul > li:last-child p:last-child{font-size:16px; line-height: 200%;}


/* boarding */
.boarding_01 {background: url(../img/sub/boarding_01.png) no-repeat center; background-size:cover;}
.boarding_02 {background: url(../img/sub/boarding_02.png) no-repeat center; background-size:cover;}
.boarding_03 {background: url(../img/sub/boarding_03.png) no-repeat center; background-size:cover;}
.boarding_04 {background: url(../img/sub/boarding_04.png) no-repeat center; background-size:cover;}
.boarding_05 {background: url(../img/sub/boarding_05.png) no-repeat center; background-size:cover;}

/* waterpark 워터파크 */
.waterpark_01 {background: url(../img/sub/waterpark_01.png) no-repeat center; background-size:cover;}
.waterpark_02 {background: url(../img/sub/waterpark_02.png) no-repeat center; background-size:cover;}
.waterpark_03 {background: url(../img/sub/waterpark_03.png) no-repeat center; background-size:cover;}
.waterpark_04 {background: url(../img/sub/waterpark_04.png) no-repeat center; background-size:cover;}
.waterpark .img_50 {padding-bottom:10px;}

/* bloop_jump 블롭점프 */
.bloop_jump_01 {background: url(../img/sub/bloop_01.png) no-repeat center; background-size:cover;}
.bloop_jump_02 {background: url(../img/sub/bloop_02.png) no-repeat center; background-size:cover;}
.bloop_jump_03 {background: url(../img/sub/bloop_03.png) no-repeat center; background-size:cover;}
.bloop_jump_04 {background: url(../img/sub/bloop_04.png) no-repeat center;background-size:cover;/* margin-bottom: 10px; */}
.bloop_jump_05 {background: url(../img/sub/bloop_05.png) no-repeat center; background-size:cover;}
.bloop_jump .img_50 {padding-bottom:10px;}

/* facilities 시설안내 */
.facilities_01 {background: url(../img/sub/facilities_01.png) no-repeat center; background-size:cover;}
.facilities_02 {background: url(../img/sub/facilities_02.png) no-repeat center; background-size:cover;}
.facilities_03 {background: url(../img/sub/facilities_03.png) no-repeat center; background-size:cover;}
.facilities_04 {background: url(../img/sub/facilities_04.png) no-repeat center; background-size:cover;}
.facilities_05 {background: url(../img/sub/facilities_05.png) no-repeat center; background-size:cover;}
.facilities_06 {background: url(../img/sub/facilities_06.png) no-repeat center; background-size:cover;}
.facilities_07 {background: url(../img/sub/facilities_07.png) no-repeat center; background-size:cover;}
.facilities_08 {background: url(../img/sub/facilities_08w.png) no-repeat center; background-size:cover;}
.facilities_09 {background: url(../img/sub/facilities_09.png) no-repeat center; background-size:cover;}
.facilities_10 {background: url(../img/sub/facilities_10.png) no-repeat center; background-size:cover;}
.facilities_11 {background: url(../img/sub/facilities_11.png) no-repeat center; background-size:cover;}
.facilities_12 {background: url(../img/sub/facilities_12.png) no-repeat center; background-size:cover;}
.facilities_13 {background: url(../img/sub/facilities_13.png) no-repeat center; background-size:cover;}
.facilities h2 {font-size:30px; font-weight:bold; margin-bottom:30px; margin-top:10px;}
.facilities .img_50 {padding-bottom:10px;}
.facilities_08 {width:100%; height:100vw; margin-bottom:10px;}

/* boarding */
.boarding_01 {background: url(../img/sub/boarding_01.png) no-repeat center; background-size:cover;}
.boarding_02 {background: url(../img/sub/boarding_02.png) no-repeat center; background-size:cover;}
.boarding_03 {background: url(../img/sub/boarding_03.png) no-repeat center; background-size:cover;}
.boarding_04 {background: url(../img/sub/boarding_04.png) no-repeat center; background-size:cover;}
.boarding_05 {background: url(../img/sub/boarding_05.png) no-repeat center; background-size:cover;}

/* survival */
.survival .price ul > li{width:282px; height:327px;}
.survival .price{height:auto; padding-bottom:100px;}
.survival_list{width:100%; margin-top:35px;}
.survival_list li{width:410px; float: left; font-size:16px; line-height: 200%}
.survival_01 {background: url(../img/sub/survival_01_pc.png) no-repeat center; background-size:cover;}
.survival_02 {background: url(../img/sub/survival_02.png) no-repeat center; background-size:cover;}
.survival_03 {background: url(../img/sub/survival_03.png) no-repeat center; background-size:cover;}
.survival_04 {background: url(../img/sub/survival_04.png) no-repeat center; background-size:cover;}
.survival_05 {background: url(../img/sub/survival_05.png) no-repeat center; background-size:cover;}
.survival_06 {background: url(../img/sub/survival_06.png) no-repeat center -30px;background-size:cover;}
.survival_07 {background: url(../img/sub/survival_07.png) no-repeat center; background-size:cover;}
.survival_08 {background: url(../img/sub/survival_08.png) no-repeat center; background-size:cover;}
.survival_09 {background: url(../img/sub/survival_09.png) no-repeat center -156px;background-size:cover;height:300px;}

/* water_rides */
.water_rides_01 {background: url(../img/sub/water_rides_01.png) no-repeat center; background-size:cover;}
.water_rides_02 {background: url(../img/sub/water_rides_02.png) no-repeat center; background-size:cover;}
.water_rides_03 {background: url(../img/sub/water_rides_03.png) no-repeat center; background-size:cover;}
.water_rides_04 {background: url(../img/sub/water_rides_04.png) no-repeat center; background-size:cover;}
.water_rides_05 {background: url(../img/sub/water_rides_05.png) no-repeat center; background-size:cover;}
.water_rides_06 {background: url(../img/sub/water_rides_06.png) no-repeat center; background-size:cover;}
.water_rides_07 {background: url(../img/sub/water_rides_07.png) no-repeat center; background-size:cover;}
.water_rides_08 {background: url(../img/sub/water_rides_08.png) no-repeat center; background-size:cover;}
.water_rides_09 {background: url(../img/sub/water_rides_09.png) no-repeat center; background-size:cover;}
.water_rides_10 {background: url(../img/sub/water_rides_10.png) no-repeat center; background-size:cover;}
.water_rides_11 {background: url(../img/sub/water_rides_11.png) no-repeat center; background-size:cover;}
.water_rides_12 {background: url(../img/sub/water_rides_12.png) no-repeat center; background-size:cover;}
.water_rides_13 {background: url(../img/sub/water_rides_13.png) no-repeat center; background-size:cover;}
.water_rides_14 {background: url(../img/sub/water_rides_14.png) no-repeat center; background-size:cover;}
.water_rides_15 {background: url(../img/sub/water_rides_15.png) no-repeat center; background-size:cover;}
.water_rides_16 {background: url(../img/sub/water_rides_16.png) no-repeat center; background-size:cover;}
.water_rides_17 {background: url(../img/sub/water_rides_17.png) no-repeat center; background-size:cover;}
.water_rides_18 {background: url(../img/sub/water_rides_18.png) no-repeat center; background-size:cover;}
.water_rides_19 {background: url(../img/sub/water_rides_19.png) no-repeat center; background-size:cover;}
.water_rides_20 {background: url(../img/sub/water_rides_20.png) no-repeat center; background-size:cover;}
.water_rides_21 {background: url(../img/sub/water_rides_21.png) no-repeat center; background-size:cover;}
.water_rides_22 {background: url(../img/sub/water_rides_22.png) no-repeat center; background-size:cover;}

/* bike */
.bike_01 {background: url(../img/sub/bike_01.png) no-repeat center;background-size: cover;}
.bike_02 {background: url(../img/sub/bike_02.png) no-repeat center; background-size:contain;}
.bike_03 {background: url(../img/sub/bike_03.png) no-repeat center; background-size:contain;}
.bike_04 {background: url(../img/sub/bike_04.png) no-repeat center;background-size: cover;}
.bike .mt30 > span{display:block;margin-bottom: 15px;}
.bike .price ul > li{width:282px; height:327px;}
.bike .price{height:auto; padding-bottom:100px;}
.bike .bike_txt {display:inline-block; background: url(../img/sub/bike_txt.png) no-repeat center; background-size:contain; height:29px;}

/* location */
.location .mt30 > span{display:block;margin-bottom: 15px;}
.location .price ul > li{width:282px; height:327px;}
.location .price{height:auto; padding-bottom:100px;}
.location_01 {background: url(../img/sub/location_01.png) no-repeat center;background-size:cover;height: 550px;}
.map{ width: 100%; height: 520px; margin-bottom: 60px; }
.map_info{ width: 100%; border-top: 2px solid #000; margin-bottom: 60px; }
.map_info dl{ width: 100%; height: 60px; border-bottom: 1px solid #dddddd; }
.map_info dl dt{ width: 150px; height: 100%; line-height: 60px; float: left; background: #f6f6f6; padding-left: 30px; font-size: 18px; font-weight: bold; }
.map_info dl dd{width: calc( 100% - 212px);float: left;line-height: 60px;font-size: 15px;padding-left: 30px;}
.move_info{ width: 100%; }
.move_info > div{ font-size: 24px; font-weight: bold; margin-bottom: 20px; }
.move_info > p{ font-size: 18px; font-weight: bold; position: relative; margin-bottom: 5px; }
.move_info > p > span{ display: block; width: 200px; height: 15px; background: #d1ea87; margin-top: -9px; }
.move_info > p.border > span{ display: block; width: 235px; height: 15px; background: #d1ea87; margin-top: -9px; }
.move_info > span{ font-size: 15px; line-height: 180%; margin-bottom: 30px; display: block; }
.move_info > span > em{ font-style: normal; display: inline-block; padding: 0px 7px; border-radius: 3px; background: #199e61; color: #fff; }
.move_info > span img{vertical-align: middle; margin-top: -4px;}

@media screen and (max-width:1240px) {
.location_01{height:51vw;}
}

@media screen and (max-width:1000px) {
.sub_content .container{width:calc(100% - 40px)}
.pc{display: none;}
.mo{display: block;}
.sub_bottom > div > p{font-size:14px; margin-bottom:10px;}
.img_100{/* margin-bottom:0; */}
.img_50 > ul{float:none; width: 100%; margin-top:60px;}
.img_50 > ul > li:last-child{padding-bottom: 60px;border-bottom:2px solid #eeeeee;}
.img_50 > ul > li p{font-size:25px;}
.img_50 > ul > li span{font-size:13px;}
.price{height:auto;}
.price ul{max-width:566px;height:auto;margin:0 auto;width: 100%;padding-bottom: 20px;}
.price ul > li{width:100%; float: none; margin:0; margin-bottom:60px;}

/* star */
.star_img_50 > ul{width:100%; float: none; margin-right:0;}
.star_img_50 > ul:first-child{border-bottom:2px solid #eee;}
.star_img_50 > ul:last-child{padding-top:30px;}
.star_img > li:first-child {height: 276px;}
.star_img > li:last-child {padding: 30px 0;width: 100%;}
.star_img > li:last-child p{font-size:25px;margin-bottom: 30px;}
.star_img > li:last-child span{font-size: 13px;}
.star_img > li:last-child > div.star ul li{ font-size: 12px; }
.star_img > li:last-child > div.star ul li:last-child{ width: 91px; }
.star_img > li:last-child > div.star ul li:last-child div{ width: 15px; margin-right: 3px; }
.star_img > li:last-child > div.star ul li:last-child div:last-child{}

/* bike */
.bike_02 {background: url(../img/sub/bike_02_mo.png) no-repeat center;background-size: contain;}
.bike_03 {background: url(../img/sub/bike_03_mo.png) no-repeat center;background-size: contain;}
.bike .price ul > li {width:100%; height:358px;}

/* boarding */
.boarding_04 {background: url(../img/sub/boarding_04_mo.png) no-repeat center;background-size: contain;}
.boarding_05 {background: url(../img/sub/boarding_05_mo.png) no-repeat center;background-size: contain;}

/* facilities */
.facilities_08 {background: url(../img/sub/facilities_08.png) no-repeat center; background-size:cover; height:160vw;}
.facilities .mo {text-align:left;}

/* survival */
.survival .price ul > li{width: 100%;height: 358px;}
.survival .price{height:auto; padding-bottom:100px;}
.survival_01 {background: url(../img/sub/survival_01.png) no-repeat center; background-size:cover; height:300px;}
.survival_07 {background: url(../img/sub/survival_07_mo.png) no-repeat center;background-size: contain;}
.survival_08 {background: url(../img/sub/survival_08_mo.png) no-repeat center;background-size: contain;}
.survival_list{display:none;}
.survival_09{display:none;}
.circle li{float: none; width:100%;}
.circle li:last-child{height:auto;padding: 20px 10px;font-size: 14px;letter-spacing: -1px;width: calc( 100% - 20px );}
div.list50 > ul{width:100%; margin:right:0;}
div.list50 > ul:first-child{margin-bottom:30px;}
.mt_none{display: none;}
ul.list{padding:20px;width: calc(100% - 40px);}
.map{height:430px;}
.map_info dl dt{float: none;width: calc( 100% - 60px);background: none;line-height: 40px;}
.map_info dl dd{float: none;width: calc( 100% - 60px);line-height: 30px;}
.map_info dl{height:auto;padding: 20px 0;}
/*.location_01 { background: url(../img/sub/location_01.png) no-repeat center; background-size: cover; height: 330px; }*/

@media screen and (max-width:390px) {
.price ul > li{height:300px; margin-bottom:30px;}
.price > p{font-size:40px;}
.price > p span{width:160px;}

/* survival */
.survival  .price ul > li{height:245px; margin-bottom:30px;}
.survival .price{padding: 50px 0 0;}

/* bike */
.bike .price ul > li {height:245px; margin-bottom:30px;}
.bike .price{padding: 50px 0 0;}
}
