﻿
/*sub*/	
	.svisualbox1{position:relative; width:100%; min-width:1400px; height:580px; overflow:hidden; z-index:2;}
	.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
	
	.svisualbox1 .slider1 .slick-list,  
	.svisualbox1 .slider1 .slick-track, 
	.mainimg1{
		width:100%; height:100%;
	}
	.svisualbox1,
	.svisualbox1 .slider1 .slick-list{}
	.svisualbox1 .slider1 .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
	}
	.svisualbox1 .visualtxt1{
		position:absolute; left:50%; top:386px;
		width:1400px;
		transform:translateX(-50%);
		text-align:left;
		z-index:10;		
	}
	.svisualbox1 .visualtxt1 .txt1 h3{
		font-weight:800; color:#fff; font-size:65px; line-height:65px;
		opacity:0;
		transform:translateY(10px);
		transition:opacity ease .6s, transform ease .6s;
	}
	.svisualbox1 .slider1 .mainimg1{
		background-size:cover !important;
		transition:transform 5400ms ease-in-out ;	
		transform: scale(1.1) ;
	}	
	.svisualbox1 .slider1 .active .mainimg1{
		transform: scale(1.0) rotate(0.002deg);
	}
	.svisualbox1 .active .visualtxt1 .txt1 h3{
		opacity:1;
		transform:translateY(0px);
	}
	
	.submenu1{
		position:absolute; left:0; top:-100px;
		width:100%;
		z-index:3;
	}
	.leftmenu01{
		position:relative; display:flex; 
	}
	.leftmenu01 > li.home1{position:relative; color:#333333;}
	.leftmenu01 > li.home1 a{
		display:flex; align-items:center;
		font-size:0; line-height:0; height:20px;
		padding-right:20px;
	}
	.leftmenu01 > li.home1 a::before{
		display:inline-block; vertical-align:middle;
		width:20px; height:19px;
		background:url(../../images/common/ico/ico_home1.png) left center no-repeat; background-size:cover;
		content:"";
	}
	.leftmenu01 > li{
		position:relative; line-height:20px; text-align: left; z-index:4;
	}
	.leftmenu01 > li::after{
		position:absolute; right:0; top:0;
		width:1px; height:20px;
		background:rgba(255,255,255,.5);
		content:"";
	}
	.leftmenu01 > li:nth-child(2){
		width:180px; padding-bottom:50px;
	}
	.leftmenu01 > li:nth-child(3){
		width:210px; padding-bottom:50px;
	}
	.submenu1 .sl1 > a{
		color: #fff; font-size:18px; 
		display:block; 
		padding:0 20px; 
		white-space:nowrap; 
		box-sizing:border-box; 
	}
	
	.submenu1 .leftmenu01 .deplnk1::after{
		position:absolute; right:20px; top:6px; width:13px; height:8px;
		background:url(../../images/common/ico/vertex_arr1.png) no-repeat center center; background-size:cover; 
		content:"";
		transition: all 0.4s ease;
	}
	.submenu1 .leftmenu01 .deplnk1.on::after{
		transform:rotateX(180deg);
		transform-origin:center 50%;
	}	
	.submenu1 .leftmenu01 .deplnk1.on{color:#fff;}
	
	.leftmenu01 > li > ul{
		position:absolute; left:-1px; top:40px;
		width:100%; 
		border-radius:20px;
		background:#fff; 
		z-index:10; 
		padding:0px 20px;
		box-sizing:border-box;
		max-height:0;
		overflow:hidden;
		transition:all ease .2s;
	}
	.leftmenu01 > li > ul.on{
		padding:20px 20px;
		box-shadow:2px 2px 6px 1px rgba(0,0,0,.2);
		max-height:500px;	
		transition:all ease .4s;	
	}
	.leftmenu01 > li > ul > li{
		position:relative;
		text-align:left;  
	}
	.leftmenu01 > li > ul li > a{
		display:block; 
		color:#999999; font-size:18px; line-height:24px;
		padding:5px 0;		
		transition: all 0.2s ease;
	}
	.leftmenu01 > li > ul li > a:hover, .leftmenu01 > li > ul li.on > a{
		color:var(--main-color1);
	}
	
	
	.titbox1{
		font-size:25px; line-height:34px;	
		text-align:center;
	}
	.titbox1 > div{
		margin-top:10px;
		font-weight:700; font-size:48px; line-height:60px;
	}
	.titbox1 > div > em{
		color:var(--main-color1);
	}
	.titbox1 > .txt1{
		display:inline-block;
		margin:40px auto; padding:15px 60px;
		border-radius:40px;
		background:var(--background1);
		color:#fff; font-size:24px; line-height:24px;
	}
	.titbox1 > p{
		margin-top:20px;
		font-size:25px; line-height:34px;	
	}	
	.tab1{
		display:flex; gap:10px;
	}
	.tab1 li{
		flex:1;		
	}
	
	.tab1 li a{
		position:relative;
		background:#f6f6f6;
		display:block;
		color:#999999; font-size:22px; line-height:28px;
		padding:20px 0;
		border-radius:40px;
		overflow:hidden;
		transition:color ease .4s;
	}
	.tab1 li a > span{
		position:relative;
		display:block;
		z-index:2;
	}
	.tab1 li a::before{
		position:absolute; left:0; top:0;
		background:var(--background1);
		width:100%; height:100%;
		opacity:0;
		content: "";
		transition:opacity ease .4s;
	}
	.tab1 li a:hover, .tab1 li.on a{
		color:#fff;
	}
	.tab1 li a:hover::before, .tab1 li.on a::before{
		opacity:1;
	}
/*sub*/

/*naturepark-story*/

	.parkstorybox1{
	}
	.parkstorybox1 > .tit1{
		padding-bottom:40px;		
	}
	.parkstorybox1 > .tit1 > div:nth-of-type(1){
		margin-top:60px;
		font-weight:600; font-size:68px; line-height:68px;			
	}
	.parkstorybox1 > .tit1 > div:nth-of-type(2){
		margin-top:20px;
		font-weight:800; font-size:100px; line-height:100px;		
		 background: var(--background1);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.parkstorybox1 > .txt1{
		margin-top:50px;
		font-size:24px; line-height:42px;	
	}
	.parkstorybox1 > ul{
		margin-top:80px;
		display:flex; justify-content:center; align-items:flex-start; gap:20px;
	}
	.parkstorybox1 > ul > li{
		overflow:hidden;
		border-radius:50px;
	}
	.parkstorybox1 > ul > li > img{
		width:100%;
	}
	.parkstorybox1 > ul > li:nth-child(odd){
		margin-top:90px;
		
	}

/*naturepark-story*/

/*rescued-animal-stories*/
	
	.animalbox1{
		position:relative;
		width:100%; height:100vh;
		overflow:hidden;
	}
	.animalbox1 .inner1{
		position:absolute; left:50%; bottom:0;
		transform:translateX(-50%);
		border-radius:30px;
		width:100%; height:100%;
		background:url(../../images/intro/bg_animal1.jpg) no-repeat center center; background-size:cover;
	}
	.animalbox1 .inner1 .txt1,
	.animalbox1 .inner1 .txt2{
		position:absolute; left:50%; top:calc(50% - 10px);
		transform:translate(-50%,-50%);
		white-space:nowrap;
	}
	.animalbox1 .inner1 .txt1 > div{
		font-size:42px; line-height:64px;
	}
	.animalbox1 .inner1 .txt1 > div > em{
		font-weight:700;
	}
	.animalbox1 .inner1 .txt1 > p{
		font-size:22px; line-height:32px;
	}
	.animalbox1 .inner1 .txt2 > div{
		font-weight:700; font-size:42px; line-height:64px;
	}
	.animalbox1 .inner1 .txt2 > div > em{
		color:var(--main-color1);
	}
	.marqueetxt1 {
		position:absolute; left:0; top:12%;
		display: flex; gap:0; align-items:center;
		width: calc(200%);
		animation: marquee 40s linear infinite;
	}
	.marqueetxt1 > div {
		flex: 1 0 auto;
		opacity:0.2;
		color:var(--main-color1); font-family:var(--font-family2);  font-size:120px; line-height:100px;
	}
	@keyframes marquee {
	0% 	{ 	transform: translateX(0%);		}
	100%{	transform: translateX(-54%);	}
	}
	
	.animalbox2{
		padding:120px 0;
	}
	.animalbox2 > li{
	}
	.animalbox2 > li:nth-child(n+2)::before{
		display:block;
		width:100%; height:1px;
		background:#ddd;
		margin:70px 0;
		content:""
	}
	.animalbox2 > li > .tit1{
	}
	.animalbox2 > li > .tit1 > p{
		font-family:var(--font-family2); color:#aaaaaa; font-size:18px; line-height:18px;
	}
	.animalbox2 > li > .tit1 > h4{
		margin-top:20px;
		font-weight:600; font-size:42px; line-height:44px;
	}
	.animalbox2 > li > .tit1 > h4 > em{
		color:var(--main-color1);
	}
	.animalbox2 > li > .cont1{
		position:relative;
		margin-top:40px;
		display:flex;
		border-radius:60px 60px 0 0;
		overflow:hidden;
	}
	.animalbox2 > li > .cont1 .arrow{
		position:absolute; left:calc(50% - 23px); top:calc(50% - 23px);
		width:46px; height:46px;
		border-radius:50%;
		background:#fff;
	}
	.animalbox2 > li > .cont1 .arrow::before,
	.animalbox2 > li > .cont1 .arrow::after{
		position:absolute; left:calc(50% - 10px); top:calc(50% - 10px);
		width:13px; height:20px;
		background:url(../../images/intro/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		animation:arrowLeft .8s infinite;
	}
	.animalbox2 > li > .cont1 .arrow::after{
		position:absolute; left:calc(50% - 2px); top:calc(50% - 10px);
		animation-delay:.2s;
	}
	@keyframes arrowLeft{
		0%{
			opacity:0.4;
		}
		50%{
			opacity:1;
		}
		100%{
			opacity:0.4;
		}
	}
	.animalbox2 > li > .cont1 .t1{
		display:flex; justify-content:center; align-content:center;
		background:#111;
		padding:20px 0;
		color:#fff;
	}
	.animalbox2 > li > .cont1 .t1 > em{
		font-family:var(--font-family2); font-size:30px; 
	}
	.animalbox2 > li > .cont1 .t1 > span{
		display:flex;
		font-size:20px;
	}
	.animalbox2 > li > .cont1 .t1 > span::before{
		margin:0 20px;
		width:1px;
		background:#fff;
		content:"";
	}
	.animalbox2 > li > .cont1 > *:last-child .t1{
		background:var(--background1);
	}
	.animalbox2 > li > .txt1{
		margin-top:40px;
		text-align:left;
	}
	.animalbox2 > li > .txt1 > p{
		color:#666666; font-size:18px; line-height:28px;
	}
	.animalbox2 > li > .txt1 > p strong{
		color:#333;
	}
	.animalbox2 > li > .txt1 > p em{
		color:var(--main-color1);
	}
	.animalbox2 > li > .txt1 > p:nth-of-type(n+2){
		margin-top:30px;
	}
	.animalbnn1{
		height:100vh;
		background:url(../../images/intro/bg_animal2.jpg) no-repeat center center; background-size:cover;
		display:flex; justify-content:center; align-items:center;
	}
	.animalbnn1 > .inner1{
		color:#fff;
	}
	.animalbnn1 h3{		
		font-family:var(--font-family2); color:#fff; font-size:70px; line-height:70px;
	}
	.animalbnn1 p{
		margin-top:50px;
		font-size:20px; line-height:30px;
	}
	.animalbnn1 div{
		margin-top:20px;
		font-weight:600; font-size:28px; line-height:42px;
	}
	
/*rescued-animal-stories*/

/*facilities-guide*/
	.facilitiesbox1{		
	}
	.facilitiesbox1 > .tit1{
		display:flex; justify-content:space-between; align-items:center;
		text-align:left;
	}
	.facilitiesbox1 > .tit1 > *{
	}
	.facilitiesbox1 >.tit1 > .imgbox1{
		overflow:hidden;
		border-radius:50px;
	}
	.facilitiesbox1 >.tit1 > .imgbox1 > img{
		max-width:100%;
	}
	.facilitiesbox1 > .tit1 > *:first-child{
	}
	.facilitiesbox1 > .tit1 > *:first-child > h3{
		font-weight:700; font-size:60px; line-height:60px;
	}
	.facilitiesbox1 > .tit1 > *:first-child > h3 > em{
		display:block;
		margin-bottom:20px;
		color:var(--main-color1); font-weight:500; font-size:27px; line-height:30px;
	}
	.facilitiesbox1 > .tit1 > *:first-child > h3::after{
		display:block;
		margin:50px 0 ;
		width:50px; height:2px;
		background:var(--main-color1);
		content:"";
	}
	.facilitiesbox1 > .tit1 > *:first-child > .txt1{
	}
	.facilitiesbox1 > .tit1 > *:first-child > .txt1 > em{
		display:block;
		font-weight:600; font-size:26px; line-height:34px;
	}
	.facilitiesbox1 > .tit1 > *:first-child > .txt1 > p{
		margin-top:30px;
		color:#666666; font-size:20px; line-height:28px;
	}
	.facilitiesbox1 > .tit1 > *:first-child > .tagtxt1{
		margin-top:60px;
		color:var(--main-color1); font-size:20px; line-height:28px;
	}
	.facilitiesbox1 > ul{
		width:100%;
		margin-top:80px;
		display:flex; gap:25px; flex-wrap:wrap;
	}
	.facilitiesbox1 > ul > li{
		flex:0 0 calc((100% - 2 * 25px) / 3 ); height:350px;
		display:flex; align-items:center; justify-content:center;
		box-sizing:border-box;
		border-radius:30px;
	}
	.facilitiesbox1 > ul > li:not(:nth-child(odd)){
		border:1px solid #ddd;
	}
	.facilitiesbox1 > ul > li:nth-child(odd){
		background:var(--main-color5);
	}
	.facilitiesbox1 > ul > li > * > em{
		font-family:var(--font-family2);  color:var(--main-color1); font-size:18px;
	}
	.facilitiesbox1 > ul > li > * > div{
		margin-top:20px;
		font-weight:600; font-size:36px; line-height:36px;
	}
	.facilitiesbox1 > ul > li > * > p{
		margin-top:30px;
		color:#666666; font-size:20px; line-height:32px;
	}
	.facilitiesbox1 > ul > li > * > p > em{
		font-weight:600; color:#333;
	}
	
	.facilitiesbox1 > ul.u2 > li{
		flex:0 0 calc((100% - 1 * 25px) / 2 ); height:270px;
	}
	.facilitiesbox1 > ul.u2 > li{
		border:1px solid #ddd;
		background:none;
	}
	.facilitiesbox1 > ul.u2 > li:nth-child(4n+1),
	.facilitiesbox1 > ul.u2 > li:nth-child(4n){	
		border:none;
		background:var(--main-color5);
	}
	
/*facilities-guide*/

/*charge_timetable*/

	.timetablebox1{
	}
	.timetablebox1 > .bnn1{
		background:url(../../images/information/bg_timetable1.jpg) no-repeat center center; background-size:cover;
		border-radius:100px;
		display:flex; justify-content:center; align-items:center; gap:20px;
		padding:70px 0;
	}
	.timetablebox1 > .bnn1 > div{
		font-weight:700; font-size:38px;
	}
	.timetablebox1 > .bnn1 > div > em{
		color:var(--main-color1);
	}
	.timetablebox1 > .bnn1 > a{
		padding:13px 30px;
		border-radius:50px;
		border:1px solid #333;
		font-weight:500; font-size:18px;
	}
	.timetablebox1 > h4{
		text-align:left;
		font-weight:600; font-size:32px;
	}
	.timetablebox1  table{
		width:100%; border-collapse:collapse;		
		border-top:2px solid #333;
		margin-top:20px;
	}
	.timetablebox1  table th{
		background:#f4f9f1;
		border-bottom:1px solid #ddd;
		padding:12px 0;
		font-weight:600; font-size:20px; line-height:24px;
	}
	.timetablebox1  table td{
		border-bottom:1px solid #ddd;
		padding:12px 0;
		color:#888888; font-size:18px; line-height:24px;	
	}
	.timetablebox1  table td.t1{
		font-weight:600; color:#333; font-size:20px;
	}
	.timetablebox1  table  th,
	.timetablebox1  table  td {
	 	border-left: 1px solid #ddd; border-right: 1px solid #ddd;		
	}
	.timetablebox1  table  th:first-child,
	.timetablebox1  table  td:first-child {
	  border-left: 0;
	}
	.timetablebox1  table  th:last-child,
	.timetablebox1  table  td:last-child {
	  border-right: 0;
	}
	.timetablebox1 > ul{
		margin-top:20px;
		text-align:left;
	}
	.timetablebox1 > ul > li{
		position:relative;
		padding-left:15px;
		color:#888888; font-size:18px; line-height:26px;
	}
	.timetablebox1 > ul > li > p{
		color:var(--main-color1); font-size:16px;
	}
	.timetablebox1 > ul > li::before{
		position:absolute; left:0; top:0;
		content:"※"
	}

/*charge_timetable*/

/*using*/
	
	.usingbnn1{
		position:relative;
		background:#f9f9f9;
		box-shadow:0 0 .9px 1px #ddd;
		height:260px;
		border-radius:40px;
		padding-left:60px;
		overflow:hidden;
		display:flex; align-items:center;
	}
	.usingbnn1 .txt1{
		text-align:left;
		font-size:32px; line-height:40px;		
	}
	.usingbnn1 .txt1 em{
		font-weight:600; color:var(--main-color1);
	}
	.usingbnn1 .txt1 strong{
		display:block;
		margin-top:10px;
		font-weight:700; font-size:50px; line-height:50px;
	}
	.usingbnn1 .inner1::before{
		position:absolute; right:60px; bottom:-20px;
		width:263px; height:247px;
		background:url(../../images/information/img_lion1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	
	.usingbox1{
		margin-top:40px;
		counter-reset:num;
		text-align:left;
	}
	.usingbox1 > li{
		position:relative;
		padding:60px;
		box-shadow:0 0 .9px 1px #ddd;
		border-radius:40px;
	}
	.usingbox1 > li:nth-child(n+2){
		margin-top:40px;
	}
	.usingbox1 > li > .tit1{
		display:flex; align-items:center; gap:15px;
		font-weight:700; font-size:32px;
	}
	.usingbox1 > li > .tit1::before {
		width:35px; height:35px;
		background:var(--background1);
		border-radius:50%;
		color:#fff; font-size:18px; line-height:35px;
		text-align:center;
		counter-increment: num; 
		content: counter(num) 
	}
	.usingbox1 > li ul.t1{
		padding:30px 40px;
		background:var(--main-color5);
		border-radius:30px;
	}
	.usingbox1 > li ul.t1 > li{
		position:relative;
		padding-left:14px;
		color:#666666; font-size:18px; line-height:28px;
		
	}
	.usingbox1 > li ul.t1 > li::before{
		position:absolute; left:0; top:10px;
		width:5px; height:5px;
		background:var(--main-color1);
		border-radius:50%;
		content:"";
	}
	.usingbox1 > li ul.t1 > li:nth-child(n+2){
		margin-top:6px;
	}
	.usingbox1 > li > .tit2{
		position:relative;
		display:flex; align-items:center; gap:15px;
		font-weight:600; font-size:25px; line-height:30px;
		padding-top:40px; margin-top:40px;
	}
	.usingbox1 > li > .tit2::before {
		width:32px; height:32px;
		background:url(../../images/information/ico_not1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.usingbox1 > li > .tit2::after{
		position:absolute; left:0; top:0px;
		width:100%; height:1px;
		background:#ddd;
		content:"";
	}
	.usingbox1 > li ul.t2{
		display:flex; flex-wrap:wrap; gap:20px 0;
	}
	.usingbox1 > li ul.t2 > li{
		flex:0 0 calc(100% /3);
	}
	.usingbox1 > li ul.t2 > li > div{
		display:flex; align-items:center; gap:10px;
		color:#666666; font-size:18px; line-height:25px;
	}
	.usingbox1 > li ul.t2 > li > div::before{
		width:65px; height:65px;		
		background:url(../../images/information/ico_using1.png) no-repeat left center; background-size:600% 100%;
		content:"";
	}
	.usingbox1 > li ul.t2 > li:nth-child(2) > div::before{
		background-position:20% center;
	}
	.usingbox1 > li ul.t2 > li:nth-child(3) > div::before{
		background-position:40% center;
	}
	.usingbox1 > li ul.t2 > li:nth-child(4) > div::before{
		background-position:60% center;
	}
	.usingbox1 > li ul.t2 > li:nth-child(5) > div::before{
		background-position:80% center;
	}
	.usingbox1 > li ul.t2 > li:nth-child(6) > div::before{
		background-position:100% center;
	}
	.usingbox1 > li.i1::before{
		position:absolute; right:50px; top:50%;
		transform:translateY(-50%);
		width:99px; height:99px;
		background:url(../../images/information/ico_nosmoking1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.usingbox1 > li p.txt1{
		color:#666666; font-size:18px; line-height:28px;
	}	
	.usingbox1 > li div.box1{
		display:flex; gap:20px;
	}
	.usingbox1 > li div.box1 > *{
		display:flex; flex-direction:column; justify-content:center; align-items:center;
		background:var(--main-color5);
		border-radius:20px;
		height:140px;
		flex:1;
		font-weight:700
	}
	.usingbox1 > li div.box1 > * em{
		color:var(--main-color1); font-size:20px;
	}
	.usingbox1 > li div.box1 > * div{
		font-size:30px; line-height:40px;
	}
	.usingbox1 > li div.box2{
		position:relative;		
		padding-top:40px; margin-top:40px;
		display:flex; justify-content:space-between; align-items:flex-end;
	}
	.usingbox1 > li div.box2::before{
		position:absolute; left:0; top:0px;
		width:100%; height:1px;
		background:#ddd;
		content:"";
	}
	.usingbox1 > li div.box2 > *:first-child{
		display:flex; align-items:flex-end; gap:20px;
		text-align:left;
	}
	.usingbox1 > li div.box2 > *:first-child::before{
		width:70px; height:86px;
		background:url(../../images/information/ico_parking1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.usingbox1 > li div.box2 > *:first-child em{
		font-weight:700; font-size:22px;
	}
	.usingbox1 > li div.box2 > *:first-child p{
		margin-top:10px;
		color:#666666; font-size:18px; line-height:26px;
	}
	.usingbox1 > li div.box2 > *:last-child a{
		display:inline-block;
		background:var(--background1);
		padding:20px 40px;
		border-radius:40px;
		color:#fff; font-size:18px;
	}


/*using*/

/*naturepark-map*/

	.guidemapbox1{
	}
	.guidemapbox1 > .imgbox1{
		overflow:hidden;
		border-radius:50px;
	}
	.guidemapbox1 >  a{
		position:relative;
		display:inline-block;
		margin:0 auto; margin-top:40px;
		background:var(--background1);
		border-radius:20px;
	}
	.guidemapbox1 >  a > span{
		position:relative;
		display:block;
		color:#fff; font-weight:600; font-size:24px; line-height:32px;
		padding:24px 220px 24px 40px;
	}
	.guidemapbox1 >  a > span::after{
		position:absolute; right:80px; top:20%;
		width:1px; height:60%;
		background:rgba(255,255,255,.4);
		content:"";
	}
	.guidemapbox1 >  a::after{
		position:absolute; right:30px; top:50%;
		transform:translateY(-50%);
		width:25px; height:32px;
		background:url(../../images/common/ico/ico_down1.png) no-repeat center center; background-size:cover;
		content:"";
	}

/*naturepark-map*/


/*location*/

	.locationbox1{
		text-align:left;
	}
	.locationbox1 > .tit1{
		font-size:25px;		
		text-align:center;
	}
	.locationbox1 > .tit1 > div{
		margin-top:10px;
		font-weight:700; font-size:48px; line-height:60px;
	}
	.locationbox1 > .tit1 > div > em{
		color:var(--main-color1);
	}
	.locationbox1 > .mapbox1{
		position:relative;
		margin-top:30px; 
		overflow:hidden;
	}
	.locationbox1 > .mapbox1 > .root_daum_roughmap{
		width:100%;
	}
	.locationbox1 > .mapbox1 > .root_daum_roughmap .wrap_map{
		height:600px;
	}
	.locationbox1 > .mapbox1 > .root_daum_roughmap .wrap_controllers,
	.locationbox1 > .mapbox1 > .root_daum_roughmap .cont{
		display:none;
	}
	.locationbox1 > .addr1{		
		margin-top:30px;
		display:flex; justify-content:space-between; align-items:flex-end;
	}
	.locationbox1 > .addr1 > *:first-child{
		font-weight:600;
	}
	.locationbox1 > .addr1 > *:first-child > em{
		display:block;
		margin-bottom:10px;
		color:var(--main-color1); font-size:24px;
	}
	.locationbox1 > .addr1 > *:first-child > p{
		font-size:36px; line-height:40px;
	}
	.locationbox1 > .addr1 > *:last-child{
		display:flex; gap:20px;
		font-weight:600; font-size:20px; 
	}
	.locationbox1 > .addr1 > *:last-child em{
		color:var(--main-color1);
	}	
	.locationbox1 > a{
		display:inline-block;
		padding:13px 30px; margin-top:20px;
		border-radius:50px;
		border:1px solid #333;
		font-weight:500; font-size:18px;
	}
	.locationbox1 > dl::before{
		display:block;
		margin:60px 0;
		width:100%; height:1px;
		background:#ddd;
		content:"";
	}
	.locationbox1 > dl{
	}
	.locationbox1 > dl > dt{
	}
	.locationbox1 > dl > dt > em{
		display:flex; align-items:center; gap:10px;
		font-weight:600; font-size:32px;
	}
	.locationbox1 > dl > dt > em::before{
		width:45px; height:45px;
		background:url(../../images/information/ico_location1.png) no-repeat left center; background-size:300% 100%;
		content:"";
	}
	.locationbox1 > dl > dt:nth-of-type(2) > em::before{
		background-position:50% center;
	}
	.locationbox1 > dl > dt:nth-of-type(3) > em::before{
		background-position:100% center;
	}
	.locationbox1 > dl > dt:nth-of-type(n+2){
		margin-top:40px;
	}
	.locationbox1 > dl > dd{
		margin-top:15px;
		background:#f6f6f6;
		border-radius:20px;
		padding:40px;
	}
	.locationbox1 > dl > dd > div{
		color:#666666; font-size:18px; line-height:26px;
	}
	.locationbox1 > dl > dd > div > em{
		display:block;
		margin-bottom:5px;
		color:#333; font-weight:600; font-size:22px;
	}
	.locationbox1 > dl > dd > div:nth-of-type(n+2){
		margin-top:20px;
	}

/*location*/


/*animal_intro*/

	.animalintro1{
	}
	.animalintro1 > li{
		position:relative;
		overflow:hidden;
		border-radius:50px;
		padding:110px 90px;
		text-align:left;
		color:#fff;
	}
	.animalintro1 > li:nth-child(n+2){
		margin-top:30px;
	}
	.animalintro1 > li > .tit1{
	}
	.animalintro1 > li > .tit1 h3{
		color:#fff; font-weight:700; font-size:80px; line-height:80px;
	}
	.animalintro1 > li > .tit1 em{
		display:block;
		margin-top:30px;
		font-family:var(--font-family2); color:var(--main-color1); font-size:30px;
	}
	.animalintro1 > li > .cont1{
		margin-top:120px;
	}
	.animalintro1 > li > .cont1 > div{
		font-weight:700; font-size:32px; line-height:32px;
	}
	.animalintro1 > li > .cont1 > p{
		margin-top:20px;
		font-size:20px; line-height:32px;
	}
	.animalintro1 > li > .txt1{
		display:flex; align-items:center; gap:10px;
		margin-top:60px;
		font-size:18px; line-height:18px;
	}
	.animalintro1 > li > .txt1 > em{
		padding:8px 16px;
		background:var(--main-color1); color:#fff;
		border-radius:30px
	}
	.animalintro1 > li > .imgbox1{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		z-index:-1;
	}
	.animalintro1 > li > .imgbox1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}
	.animalintro1 > li > a{
		position:absolute; right:90px; bottom:110px;
		width:195px; height:196px;
		display:flex; justify-content:center; align-items:center;
		text-align:center;
		color:#fff;
		z-index:4;
	}
	
	.animalintro1 > li > a::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/zoo/txt_cir1.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		content:"";
	}
	.animalintro1 > li > a > span::before{
		position:absolute; left:12%; top:12%;
		width:76%; height:76%;
		transform:rotate(60deg) scale(.7);
		border-radius:50%;
		background:var(--background1);
		opacity:0;
		content:"";
		transition:transform ease .4s 0s, opacity ease .4s 0s;
	}
	.animalintro1 > li > a > span::after{
		position:absolute; left:50%; top:50%;
		transform:translate(-50%,-50%) scale(.7);
		width:40px; height:40px;
		background:url(../../images/zoo/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		opacity:0;
		transition:transform ease .4s 0s, opacity ease .4s 0s;
	}	
	.animalintro1 > li > a > span > em{
		display:block;
		margin-bottom:10px;
		font-weight:700; font-size:36px; line-height:40px;
		transition:transform ease .3s 0s, opacity ease .3s 0s;
	}
	.animalintro1 > li > a > span > i{
		display:block;
		font-size:22px;
		transition:transform ease .3s 0s, opacity ease .3s 0s;
	}
	.animalintro1 > li > a:hover > span::before{
		transform:rotate(60deg) scale(1);
		opacity:1;
	}
	.animalintro1 > li > a:hover > span::after{
		transform:translate(-50%,-50%) scale(1);
		opacity:1;
	}
	.animalintro1 > li > a:hover > span > em,
	.animalintro1 > li > a:hover > span > i{
		transform:scale(0); opacity:0;
	}
	
/*animal_intro*/

/*partyprogram*/

	.programbnn1{
		display:flex; justify-content:center; align-items:center;
		height:370px;
		border-radius:30px;
		background:url(../../images/information/bg_programbnn1.jpg) no-repeat center center; background-size:cover;
	}
	.programbnn1 > div{
		font-weight:600; color:#fff; font-size:48px;
	}

/*partyprogram*/




/*sitemap*/
.sitelist{width:184px; float:left; margin-top:20px;  margin-right:20px;}
.sitelist li{line-height:34px; text-align:center; border-bottom:1px solid #dddddd; margin-bottom:4px;}
.sitelist li a{display:block; line-height:32px; color:#666666; border:1px solid #dddddd; background:#fff; font-size:14px; font-weight:bold;}
.sitelist li a:hover{text-decoration:none; color:#999999;}
.sitelist.last1{margin-right:0;}

.sitelist li.tit1{background:#f4f4f4 url(/images/sitemap/bg_tit1.gif) no-repeat center top; line-height:40px; font-weight:bold; font-size:16px; color:#fff;}

.mapbox1{border:1px solid #dddddd;}
/*sitemap*/
