@charset "utf-8";

.top_menu > div:first-child > img { width:184px; }
.top_menu_expand_bg { height: 600px }
.top_menu_expand > div > div { font-size:15px; line-height: 28px; color: #7E7E7E }

.sub_top_menu_bg_attraction .sub_top_menu { width: 1500px }
.sub_top_menu_bg_facility .sub_top_menu { width: 1200px }

/* 메인 하단 어트랙션 */
.main_attraction { width: 100%; margin: 145px 0px 0px 0px; padding: 76px 0px 0px 0px; background-color: #f4f4f4 }
.main_attraction > div > div:nth-child(1) {font-size: 30px;font-weight: 700;letter-spacing: -1.5px;line-height: 44px;text-align: center;}
.main_attraction > div > div:nth-child(2) { margin: 0px 0px 30px 0px; font-size: 14px; line-height: 20px; color: #515151; text-align: center }
.main_attraction > div > div:nth-child(3) > div { float: left }
.main_attraction > div > div:nth-child(3) > div:nth-child(2n+1) { width: 74px; height: 200px; cursor: pointer }
.main_attraction > div > div:nth-child(3) > div:nth-child(1) { background: url('/img/park/common/gray_left.png') no-repeat left center; }
.main_attraction > div > div:nth-child(3) > div:nth-child(2) { position: relative; width: 1026px; overflow: hidden }
.main_attraction > div > div:nth-child(3) > div:nth-child(3) { background: url('/img/park/common/gray_right.png') no-repeat right center; }
.main_attraction > div > div:nth-child(3)::after{ content:""; display: block; clear:both; }
.main_attraction .swiper-container { width: 210px; overflow: visible }
.main_attraction .swiper-slide { position: relative; height: 350px; text-align: center; cursor: pointer }
.main_attraction .swiper-slide > img { width: 80%; margin-top: 10%; }
.main_attraction .swiper-slide > div { font-size: 16px; letter-spacing: -0.32px; text-align: center; }
.main_attraction .swiper-slide-active > img { width: 100%; margin-top: 0%; }
.main_attraction .swiper-slide-active > div { position: absolute; width: 130px; height: 130px; top:100px; left: 50%; margin: -62px 0px 0px -62px; padding: 52px 0px 0px 0px; background-color: rgba( 0, 0, 0, 0.7 );
	border-radius: 62px; font-size: 18px; letter-spacing: -0.36px; color: #ffffff }
.main_attraction .swiper-pagination { bottom: 80px; left:50%; width: 300px; margin: 0px 0px 0px -150px; }
.main_attraction .swiper-pagination-bullet { margin: 0px 6px 0px 6px; }
.main_attraction .swiper-pagination-bullet-active { background-color: #FF6E6E; }

/* 이용안내 -> 이용요금 */
.price_list > div { float: left; width: 120px; height: 300px; margin-left: 60px; font-size: 15px; line-height: 22px; text-align: center }
.price_list > div:nth-child(7n+1) { margin-left: 0px }
.price_list > div > img { width: 100% }
.price_list > div > span { font-size: 16px; font-weight: 500 }
.price_list::after{ content:""; display: block; clear:both; }

.price_info { padding: 30px; background-color: #F3F3F3; font-size: 14px; line-height: 20px; }

/* 이용안내 -> 단체안내 */
.group > div:nth-child(1) { font-size: 22px; font-weight: 500; line-height: 50px; }
.group > div:nth-child(2) { font-size: 14px; line-height: 24px; }
.group > div:nth-child(3) { text-align: center; background-color: #F3F3F3; margin: 74px 0px 30px 0px; }
.group > div:nth-child(3) > div { display: inline-block; margin: 55px 27px 55px 27px; font-size: 16px; font-weight: 500; line-height: 40px }
.group > div:nth-child(3) > div > img { width: 105px; height: 105px; }
.group > div:nth-child(4) { font-size: 22px; font-weight: 600; text-align: center }

/* 이용안내 -> 운영시간 */
.o_time > div { float: left }
.o_time > div:nth-child(1) { width: 600px; margin: 0px 100px 0px 0px }
.o_time > div:nth-child(1) > div:nth-child(1) { margin: 0px 0px 27px 0px; padding: 0px 0px 27px 0px; font-size: 22px; font-weight: 500; line-height: 22px; border-bottom: solid 2px #000000 }
.o_time > div:nth-child(1) > div:not(:first-child) { padding: 23px 0px 23px 0px; font-size: 18px; line-height: 26px; border-bottom: solid 1px #999 }
.o_time > div:nth-child(1) > div:not(:first-child) > div { float: left }
.o_time > div:nth-child(1) > div:not(:first-child) > div:nth-child(1) { width: 54px }
.o_time > div:nth-child(1) > div:not(:first-child) > div:nth-child(2) { width: 90px; font-weight: 600; font-size: 17px; }
.o_time > div:nth-child(1) > div:not(:first-child) > div:nth-child(3) { font-weight: 400; }
.o_time > div:nth-child(1) > div:not(:first-child)::after{ content:""; display: block; clear:both; }
.o_time > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > img { width: 30px; height: 30px; }
.o_time > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > img { width: 26px; height: 29.5px }
.o_time > div:nth-child(1) > div:nth-child(4) > div:nth-child(1) > img { width: 30.5px; height: 27px; }
.o_time > div:nth-child(2) > img { width: 100%; margin: 50px 0px 0px 0px; }
.o_time::after{ content:""; display: block; clear:both; }

/* 어트렉션 상단 베너 */
.attraction_banner { width: 100%; height: 650px; }
.attraction_banner > div { float: left }
.attraction_banner > div:nth-child(2n+1) { width: 74px; height: 500px; cursor: pointer }
.attraction_banner > div:nth-child(1) { background: url('/img/common/list_left.png') no-repeat left center; }
.attraction_banner > div:nth-child(2) { overflow: hidden }
.attraction_banner > div:nth-child(3) { background: url('/img/common/list_right.png') no-repeat right center; }
.attraction_banner .swiper-wrapper { width: 1050px; }
.attraction_banner .swiper-slide { float: left; position: relative; height: 600px; }
.attraction_banner .swiper-slide > img { width: 100% }
.attraction_banner .swiper-slide > div { position: absolute; top: 400px; left: 275px; width: 500px; height: 160px; background-color: #ffffff }
.attraction_banner .swiper-slide > div > div:nth-child(1) { padding: 50px 0px 30px 0px; font-size: 22px; font-weight: 600; color: #ED4C28; text-align: center }
.attraction_banner .swiper-slide > div > div:nth-child(2) { padding: 0px 20px 0px 50px; font-size: 16px; letter-spacing: -0.4px; line-height: 26px; color: #888;  }
.attraction_banner .swiper-slide > div > div:nth-child(2) > span { display: inline-block; width: 24px; height: 16.5px; background: url('/img/park/icon/target.png') left/70% no-repeat }
.attraction_banner .swiper-slide > div > div:nth-child(3) { padding: 30px 20px 0px 20px; font-size: 18px; letter-spacing: -0.45px; line-height: 28px; text-align: center }
.attraction_banner::after { content:""; display: block; clear:both; }

/* 어트레션 제한사항 */
.attraction_limit { margin: 100px 0px 100px 0px; }
.attraction_limit > div:nth-child(1) { margin: 0px 0px 35px 0px; font-size: 24px; font-weight: 500; letter-spacing: -1.2px; line-height: 24px; color: #222222 }
.attraction_limit > div:nth-child(2) { height: 220px; }
.attraction_limit > div:nth-child(2) > div { float: left }
.attraction_limit > div:nth-child(2) > div:nth-child(1) { width: 560px; height: 100%; padding: 44px 0px 0px 0px; border-top: solid 1px #000000; border-bottom: solid 1px #000000 }
.attraction_limit > div:nth-child(2) > div:nth-child(1) > div { width: 20%; float: left; font-size: 17px; line-height: 25px; text-align: center }
.attraction_limit > div:nth-child(2) > div:nth-child(1) > div > img { width: 91px; height: 91px }
.attraction_limit > div:nth-child(2) > div:nth-child(1)::after { content:""; display: block; clear:both; }
.attraction_limit > div:nth-child(2) > div:not(:first-child) { width: 250px; margin-left: 40px; padding: 32px 0px 0px 0px; height: 100%; border: solid 1px #000000; text-align: center }
.attraction_limit > div:nth-child(2) > div:not(:first-child) > img { margin-bottom: 10px }
.attraction_limit > div:nth-child(2) > div:not(:first-child) > img:nth-child(2) { width: 54px; height: 22px; }
.attraction_limit > div:nth-child(2) > div:nth-child(2) { margin-left: 100px }
.attraction_limit > div:nth-child(2) > div:nth-child(2) > img:nth-child(1) { width: 21.6px; height: 66px }
.attraction_limit > div:nth-child(2) > div:nth-child(3) > img:nth-child(1) { width: 42.8px; height: 66px }
.attraction_limit > div:nth-child(2)::after { content:""; display: block; clear:both; }

/* 어트렉션 위치안내 */
.attraction_map > div:nth-child(1) { margin: 0px 0px 32px 0px; font-size: 24px; letter-spacing: -1.2px; line-height: 24px; color: #222222 }
.attraction_map > div:nth-child(2) { position: relative; width: 100% }
.attraction_map > div:nth-child(2) > div:nth-child(1) { position: relative; width: 100%; height: 800px; background-color: #FFD5CC; overflow: hidden; }
.attraction_map > div:nth-child(2) > div:nth-child(1) > img { width: 100%;}
.attraction_map > div:nth-child(2) > div:nth-child(1) > div { position: absolute; top:0px; left:0px; width: 88px; height: 69px }
.attraction_map > div:nth-child(2) > div:nth-child(1) > div > img { width: 100% }
.attraction_map > div:nth-child(2) > div:nth-child(2) { position: absolute; width: 61px; bottom: 63px; right: 68px; }
.attraction_map > div:nth-child(2) > div:nth-child(2) > img { width: 61px; height: 61px; margin: 10px 0px 0px 0px; }

/* 에티켓 안내 */
.etiquette_title { margin: 0px 0px 27px 0px; font-size: 20px; line-height: 20px }
.etiquette_text { margin: 0px 0px 66px 0px; padding: 0px 0px 0px 20px; font-size: 16px; letter-spacing: -0.72px; line-height: 30px; }
.etiquette_img { width: 100%; margin: 50px 0px 50px 0px; }
.etiquette_img > div { float: left; position: relative; width: 220px; height: 68px; margin-left: 25px; margin-bottom: 59px; font-size: 16px; line-height: 25px; color: #1A1A1A; word-wrap: break-word }
.etiquette_img > div:nth-child(5n+1) { margin-left: 0px; }
.etiquette_img > div > div:nth-child(1) { position: absolute; top:0px; left: 0px }
.etiquette_img > div > div:nth-child(1) > img { width: 68px; height: 68px;}
.etiquette_img > div > div:nth-child(2) { padding: 10px 0px 0px 80px }
.etiquette_img::after { content:""; display: block; clear:both; }

/* 안내도 */
.guide_map { position: relative; width: 100%; height: 1080px; background-color: #F3F7FF; overflow: hidden; }
.guide_map > div:nth-child(1) img { width: 100%;}
.guide_map > div:nth-child(2) { position: absolute; top:56px; left:51px; width: 56px; }
.guide_map > div:nth-child(2) > img { width: 100%; margin: 0px 0px 10px 0px; }

/* 모바일 */
@media all and (max-width:640px)
{
	.sub_top_menu_bg_attraction .sub_top_menu { width: 1400px }
	.sub_top_menu_bg_facility .sub_top_menu { width: 1100px }

	/* 메인 하단 어트랙션 */
	.main_attraction { margin: 0px 0px 0px 0px; padding: 76px 20px 50px 20px; }
	.main_attraction > div > div:nth-child(3) > div:nth-child(2n+1) { width: 20%; }
	.main_attraction > div > div:nth-child(3) > div:nth-child(2) { width: 60%; overflow: hidden }
	.main_attraction .swiper-container { width: 100%; overflow: hidden }
	.main_attraction .swiper-slide { position: relative; height: auto; text-align: center; cursor: pointer }
	.main_attraction .swiper-slide > img { width: 100%; margin-top: 0%; }
	.main_attraction .swiper-slide > div { display: none }
	.main_attraction .swiper-slide-active > img { width: 100%; margin-top: 0%; }
	.main_attraction .swiper-slide-active > div { display: none }

	/* 이용안내 메뉴 */
	.sub_top_menu_bg_info > div { width: 540px }

	/* 이용안내 -> 이용요금 */
	.price_list > div { float: none; width: 90%; height: 50px; margin: 0px 5% 25px 5%; text-align: left; border-bottom: solid 1px #999 }
	.price_list > div > span { display: inline-block; width: 30%; border-right: solid 1px #999; margin-right: 20px }
	.price_list > div:nth-child(7n+1) { margin-left: 5% }

	/* 이용안내 -> 단체안내 */
	.group > div:nth-child(1), .group > div:nth-child(2) { padding: 0px 20px 0px 20px }
	.group > div:nth-child(3) > div { margin: 30px 5% 30px 5%; width: 35% }
	.group > div:nth-child(3) > div > img { width: 100%; height: auto; }

	/* 이용안내 -> 운영시간 */
	.o_time { padding: 0px 10px 0px 10px }
	.o_time > div { float: none }
	.o_time > div:nth-child(1) { width: 100%; margin: 0px 0px 0px 0px; }
	.o_time > div:nth-child(1) > div:nth-child(1) { border: none }
	.o_time > div:nth-child(1) > div:nth-child(1) > img { width: 100% }
	.o_time > div:nth-child(1) > div:nth-child(1) { margin: 0px 0px 0px 0px; padding: 0px 0px 27px 0px; }

	/* 에티켓 안내 */
	.etiquette_title { padding: 0px 20px 0px 20px }
	.etiquette_text { padding: 0px 20px 0px 20px; }
	.etiquette_img { padding: 0px 20px 0px 20px; }
	.etiquette_img > div { width: 50%; height: 70px; margin-left: 0px; margin-bottom: 30px; font-size: 13px; letter-spacing: -0.58px; line-height: 20px }
	.etiquette_img > div:nth-child(5n+1) { margin-left: 0px; }
	.etiquette_img > div > div:nth-child(1) { position: absolute; top:0px; left: 0px }
	.etiquette_img > div > div:nth-child(1) > img { width: 60px; height: 60px;}
	.etiquette_img > div > div:nth-child(2) { padding: 10px 10px 0px 70px }

	/* 안내도 */
	.guide_map { height: 400px; overflow: scroll }
	.guide_map > div:nth-child(2) { position: absolute; top:10px; left:10px; width: 40px; }

	/* 어트렉션 상단 베너 */
	.attraction_banner { width: 100%; height: 500px; }
	.attraction_banner > div { float: none }
	.attraction_banner .swiper-wrapper { width: 100%; }
	.attraction_banner .swiper-slide { height: 500px; }
	.attraction_banner .swiper-slide > div { top: 300px; left: 0px; width: 100%; height: 160px; }
	.attraction_banner .swiper-slide > div > div:nth-child(1) { font-size: 17px; }
	.attraction_banner .swiper-slide > div > div:nth-child(2) { padding: 0px 20px 0px 20px; font-size: 12px; letter-spacing: -0.3px; line-height: 26px;  }
	.attraction_banner .swiper-slide > div > div:nth-child(2) > span { display: inline-block; width: 20px; height: 13px; background: url('/img/park/icon/target.png') left/70% no-repeat }

	/* 어트레션 제한사항 */
	.attraction_limit { margin: 40px 0px 100px 0px; padding: 0px 20px 0px 20px }
	.attraction_limit > div:nth-child(2) { height: auto; }
	.attraction_limit > div:nth-child(2) > div { float: none }
	.attraction_limit > div:nth-child(2) > div:nth-child(1) { width: 100%; padding: 30px 0px 30px 0px; }
	.attraction_limit > div:nth-child(2) > div:nth-child(1) > div { padding: 0px 10px 0px 10px; font-size: 14px; line-height: 20px; }
	.attraction_limit > div:nth-child(2) > div:nth-child(1) > div > img { width: 100%; height: auto }
	.attraction_limit > div:nth-child(2) > div:nth-child(2) { margin-left: 0px; margin-right: 6% }
	.attraction_limit > div:nth-child(2) > div:not(:first-child) { float: left; width: 47%; height: 200px; margin-left: 0px; margin-top: 30px; padding: 32px 10px 20px 10px; }
	.attraction_limit > div:nth-child(2) > div:not(:first-child) > img:nth-child(3) { width: 50px; height: 20px }
	.attraction_limit > div:nth-child(2) > div:nth-child(2) > img:nth-child(1) { width: 14px; height: 43px }
	.attraction_limit > div:nth-child(2) > div:nth-child(3) > img:nth-child(1) { width: 28px; height: 43px }

	/* 어트렉션 위치안내 */
	.attraction_map > div:nth-child(2) > div:nth-child(1) { height: 400px; overflow: scroll; }
	.attraction_map > div:nth-child(2) > div:nth-child(1) > div { position: absolute; top:0px; left:0px; width: 88px; height: 69px }
	.attraction_map > div:nth-child(2) > div:nth-child(1) > div > img { width: 100% }
	.attraction_map > div:nth-child(2) > div:nth-child(2) { position: absolute; width: 40px; bottom: 10px; right: 10px; }
	.attraction_map > div:nth-child(2) > div:nth-child(2) > img { width: 40px; height: 40px; margin: 10px 0px 0px 0px; }
}