

/*sub*/	
	.svisualbox1{position:relative; width:100%; min-width:1200px; height:680px; overflow:hidden; z-index:10;}
	.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:680px; 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 .slider1 .mainimg1{
		background-size:cover !important;
		-webkit-transition:transform 3400ms  ease-in-out ;
		-moz-transition:transform 3400ms ease-in-out ;
		-o-transition:transform 3400ms ease-in-out ;
		-ms-transition:transform 3400ms ease-in-out ;
		transition:transform 3400ms ease-in-out ;	
		transform: scale(1.1) ;
	}
	.svisualbox1 .slider1 .active .mainimg1{
		-ms-transform: scale(1.1,1.1) rotate(0.002deg);
		-o-transform: scale(1.1,1.1) rotate(0.002deg);
		-moz-transform: scale(1.1,1.1) rotate(0.002deg);
		-webkit-transform: scale(1.1,1.1) rotate(0.002deg);
		transform: scale(1.0) rotate(0.002deg);
	}
	
	.svisualbox1 .visualtxt1{position:absolute; top:487px; right:50%; margin-right:-700px; width:1400px; z-index:10;}
	.svisualbox1 .visualtxt1 .txt1{text-align:left;  color:#fff; font-size:70px; font-weight:700;}
	.svisualbox1 .visualtxt1 .txt1 > em{display:block; font-weight:700; font-size:20px; color:rgba(255,255,255,.3); margin-bottom:8px;}
	@media screen and (max-width:1400px) {
	}
	.svisualbox1 .visualtxt1 .txt1,{
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transition:all 1.0s 0s, transform 1.0s 0s;
		-moz-transition:all 1.0s 0s, transform 1.0s 0s;
		-o-transition:all 1.0s 0s, transform 1.0s 0s;
		-ms-transition:all 1.0s, transform 1.0s 0s;
		transition:all 1.0s 0s, transform 1.0s 0s;
	}
	.svisualbox1 .active .visualtxt1{opacity:1;}
	.svisualbox1 .active .visualtxt1 .txt1{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.svisualbox1 .active .visualtxt1 .txt1 em::before,
	.svisualbox1 .active .visualtxt1 .txt1 em::after{width:60px;}
		
	
	@media screen and (max-width:1400px) {
	}

	
	.submenu1{position:relative; max-width:1400px; margin:0 auto; transform:translateY(-140px);}
	.submenu1.fixed{position:fixed; left:0; top:0;}	
	
	.leftmenu01{position:relative; display:flex; width:auto; float:right; height:0;} 	
	.leftmenu01 > li.home1{position:relative; width:41px; height:41px; text-indent:-5000px; background:url(/images/common/ico/ico_home1.png) center center no-repeat; z-index:1px;}
	.leftmenu01 > li.home1 a{display:block; box-sizing:border-box;}
	.leftmenu01 > li{position:relative; line-height:40px; height:41px; text-align: left;}
	.leftmenu01 > li:nth-child(n+2){margin-left:20px;}
	.leftmenu01 > li::before{position: absolute; left:0px; bottom:0; width: 100%; height:1px; background: #ddd; content: ""}
	.leftmenu01 > li:first-child::before{display:none;}

	.submenu1 .leftmenu01 .sl1{position:relative; width:180px; box-sizing:border-box; }
	.submenu1 .leftmenu01 .sl1.m2{width:200px;}
	
	.submenu1 .leftmenu01 .deplnk1::after{position:absolute; right:0px; top:13px; width:12px; height:13px;
	content:"";
	background:url(../../images/common/ico/ico_arr1.png) no-repeat center center;
	}
	.submenu1 .leftmenu01 .deplnk1.on::after{
		top:16px;
		-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(-180deg);
	}	
	/*
	.submenu1 .leftmenu01 .deplnk1.on::after{top:24px; border-color:#971b1e;
	width:7px; height:7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	background:none;
	
	}
	*/	
	.submenu1 .leftmenu01 .deplnk1.on{color:#fff;}
	.submenu1 .sl1 a{width:auto; color: #fff; font-size:18px; display:block;white-space:nowrap; box-sizing:border-box; }
	.leftmenu01 > li .mndepth1{position:absolute; left:0px; top:41px; width:100%; background:#fff; z-index:10;  display:none; padding:10px 0; box-shadow: 1px 4px 5px 4px rgba(0,0,0,.2); border-radius:0 0 20px 20px;}
	.leftmenu01 > li .mndepth1 > li{position:relative; line-height:30px; text-align:left;}	
	.leftmenu01 > li.m2 .mndepth1{ }
		
	.submenu1 .leftmenu01 .mndepth1::before,
	.submenu1 .leftmenu01 .mndepth1::after{position:absolute; left:0px; top:0; width:1px; height:100%; background:#ddd;}
	.submenu1 .leftmenu01 .mndepth1::after{left:auto; right:0;}
	.submenu1 .leftmenu01 .mndepth1  a{}

	.submenu1 .leftmenu01 .mndepth1 a{font-size:15px; color:#999999; display:block; border-left: none; box-sizing:border-box; padding-left:20px;
	transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;}
	.submenu1 .leftmenu01 .mndepth1 li{}
	/* .submenu1 .leftmenu01 .mndepth1 li:first-child {border-top: none;} */
	.submenu1 .leftmenu01 .sl1 .mndepth1 a:hover{color:#4caa23;}
	
	.loc{position:relative; height:50px; font-size:11px; color:#888888; text-align:left; display:none;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative; font-weight:600; font-size:20px; line-height:20px; color:#518a38; }
	.loc h2::before{position:absolute; right:50%; top:80px; margin-right:-7px; width:14px; height:9px; background:url(/images/sub/ico_tit1.png) center center no-repeat;}
	
    
    .map_zoom, .map_zoom1, .map_zoom2, .map_zoom2_1, .map_zoom3, .map_zoom3_1, .map_zoom3_2, .map_zoom4, .map_zoom5, .map_zoom6, .map_zoom6_1{position: relative;}
    
	.target {
		display: block;
		width: 100%;
	}
	.magnifier {
		width: 350px;
		height: 350px;
		position: absolute;
		border-radius: 100%;
		box-shadow: 0 0 0 7px rgba(81, 138, 56, 1),0 0 7px 7px rgba(81, 138, 56, 0.25),inset 0 0 20px 2px rgba(81, 138, 56, 0.25);
		display: none;
		cursor: none;
	}

/*development*/	

	.lakemap1{
		position:relative;
	}
	.lakemap1 .mico{
		position:absolute;
		width:120px; height:80px;
		overflow:hidden;
		cursor:pointer;
		z-index:1;
	}	
	.lakemap1 .mico > ul, .lakemap1 .mico > img{
		text-indent:-5000px;
	}
	.lakemap1 .mico.i1{
		left:494px; top:187px;	
	}
	.lakemap1 .mico.i2{
		left:390px; top:332px;	
	}
	.lakemap1 .mico.i3{
		left:390px; top:455px;	
	}
	.lakemap1 .mico.i4{
		left:509px; top:727px;		
	}
	.lakemap1 .mico.i5{
		left:750px; top:818px;		
	}
	.lakemap1 .mico.i6{
		left:760px; top:544px;		
	}
	.lakemap1 .mico.i7{
		left:630px; top:238px;		
	}
	.lakemap1 .mico.i8{
		left:754px; top:163px;	
	}
	.lakemap1 .mico > .tit1::before{
		display:block; margin:0 auto; margin-bottom:4px;
		width:50px; height:50px;
		background:url(../../images/development/lake-ico1_off.png) no-repeat left center;
		content:"";
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
	}
	.lakemap1 .mico.i2 > .tit1::before{
		background-position:-50px center;		
	}
	.lakemap1 .mico.i3 > .tit1::before{
		background-position:-100px center;		
	}
	.lakemap1 .mico.i4 > .tit1::before{
		background-position:-150px center;		
	}
	.lakemap1 .mico.i5 > .tit1::before{
		background-position:-200px center;		
	}
	.lakemap1 .mico.i6 > .tit1::before{
		background-position:-250px center;		
	}
	.lakemap1 .mico.i7 > .tit1::before{
		background-position:-300px center;		
	}
	.lakemap1 .mico.i8 > .tit1::before{
		background-position:-350px center;		
	}
	.lakemap1 .mico:hover > .tit1::before{
		background-image:url(../../images/development/lake-ico1_on.png);
	}
	.lakemap1 .mico > .tit1{
		text-shadow: -2px 0px #fff, 0px 2px #fff, 2px 0px #fff, 0px -2px #fff;
		font-weight:700; color: #28451b; font-size:16px; 
	}
	.maplayer1{
		position:absolute; right:50%;
		width:1400px; height:auto; box-sizing:border-box;
		padding:80px 100px 60px;
		background:#fff;
		margin-right:-700px;
		-webkit-animation:textUp1 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.maplayer1 .cbtn1{
		position:absolute; right:30px; top:35px;
	}
	
	.maplayer1 .cont1{
		text-align:left;
	}
	.maplayer1 .cont1 .tit1{
		position:relative;
		font-weight:700; color:#28451b; font-size:50px; line-height:50px;
		padding-left:60px; padding-bottom:14px;
		border-bottom:1px solid #ddd;
	}
	.maplayer1 .cont1 .tit1::before{
		position:absolute; left:0; top:0;
		display:block;
		width:50px; height:50px;
		background:url(../../images/development/lake-ico1_off.png) no-repeat left center;
		content:"";
	}
	.maplayer1 .cont1.i2 .tit1::before{
		background-position:-50px center;		
	}
	.maplayer1 .cont1.i3 .tit1::before{
		background-position:-100px center;		
	}
	.maplayer1 .cont1.i4 .tit1::before{
		background-position:-150px center;		
	}
	.maplayer1 .cont1.i5 .tit1::before{
		background-position:-200px center;		
	}
	.maplayer1 .cont1.i6 .tit1::before{
		background-position:-250px center;		
	}
	.maplayer1 .cont1.i7 .tit1::before{
		background-position:-300px center;		
	}
	.maplayer1 .cont1.i8 .tit1::before{
		background-position:-350px center;		
	}
	.maplayer1 .cont1 > ul{
		margin:30px 0;
	}
	.maplayer1 .cont1 > ul > li{
		position:relative;
		color:#333; font-size:20px; line-height:30px;
		padding-left:12px;
	}
	.maplayer1 .cont1 > ul > li::before{
		position:absolute; left:0; top:12px;
		width:5px; height:5px;
		background:#518a38;
		border-radius:50%;
		content:"";
	}
	.maplayer1 .cont1 > img{
		margin-top:20px;
	}
	.maplayer1 .cont1 .txt1{
		margin-top:20px;
		color:#888888; font-size:13px;
	}
/*development*/
	
/*sub*/
	
	
	
	.tab1{
		display:table; table-layout:fixed;
		margin:0 auto;
	}
	.tab1 > li{
		display:table-cell;
		padding:0 25px;
	}
	.tab1 > li > a{
		position:relative;
		display:block;
		font-weight:700; color:#c2c2c2; font-size:25px; line-height:32px;
		transition:color .3s ease;
	}
	.tab1 > li > a > span{
		display:block;
		font-weight:500; font-size:18px; line-height:22px;
	}
	.tab1 > li > a::before{
		position:absolute; left:50%; top:0;
		transform:translateX(-50%);
		width:10px; height:10px;
		border-radius:50%;
		background:#518a38;
		opacity:0;
		transition:all .4s ease;
		content:"";
	}
	.tab1 > li.on > a, .tab1 > li > a:hover{
		color:#090909;
	}
	.tab1 > li.on > a::before, .tab1 > li:hover > a::before{
		top:-15px;
		opacity:1;
	}
	@media screen and (max-width: 640px){
		.tab1 > li{
			padding:0 25px;
		}
		.tab1 > li > a{
			font-size:28px; line-height:34px;
		}
		.tab1 > li > a::before{
			width:10px; height:10px;
		}
		.tab1 > li > a.on::before, .tab1 > li > a:hover::before{
			top:-10px;
		}
	}
	


/*reserve*/
	.rchkbox1{max-width:1120px; background:url(/reserve/images/bg1.png) no-repeat center center; padding:40px;}
	.rchkbox1.t2{background:url(/reserve/images/bg2.png) no-repeat center center;}
	.rchkbox1 > div.cont1{width:100%; margin:0 auto; background:#fff; text-align:center; padding:5% 0; }
	.rchkbox1 > div.cont1 > div.box1 > table{width:32%; margin:0 auto; border-spacing:0; border-collapse:collapse; table-layout:fixed; font-size:14px; margin-top:50px;}
	.rchkbox1 > div.cont1 > div.box1 > table th,
	.rchkbox1 > div.cont1 > div.box1 > table td{text-align:left; padding:5px 0;}
	.rchkbox1 > div.cont1 input[type=submit]{background:#24355b; color:#fff; width:32%; border:none; font-size:16px; padding:10px 0; font-family: 'Pretendard';}
	.rchkbox1.t2 > div.cont1 input[type=submit]{background:#00b5c8}
	.rchkbox1 > div.cont1 .txtbox2 em{color:#222a68; font-size:48px;font-family: 'Pretendard';}
	
	.rtabcont{width:1200px; margin:0 auto; margin-top:50px;}
	.reservebox1{float:left; width:100%; margin-top:20px; text-align:left;}
	.reservebox1 .datebox1{position:relative; float:left; width:49%; z-index:1;}
	.reservebox1 .datebox1.t2{float:right;}
	.reservebox1 .datebox1 > div{clear:both; border:1px solid #ddd; padding:40px 50px; height:370px;}
	.reservebox1 .datebox1 .tit1{position:relative; border:none; color:#fff; background:#888888; height:auto; padding:14px 20px; line-height:24px; font-size:18px;}
	.reservebox1 .datebox1 .tit1 em{position:absolute; right:20px; top:14px; font-size:15px; letter-spacing:-1px;}
	.reservebox1 .datebox1 .tit1 em.i1:before{display:inline-block; width:14px; height:14px; background:#eeeeee; content:""; margin-right:4px; margin-bottom:-2px;}
	#cho-date, #cho-time{text-align:right; font-size:16px; color:#666; margin-top:15px;font-weight:500;}
	#cho-date em, #cho-time em{ color:#22b24c; font-weight:600}
	
	.timelist1{height:330px; border-bottom:1px dotted #333; overflow-y:auto;}
	.timelist1 li{line-height:32px; font-size:16px;}
	.timelist1 a{position:relative; font-size:16px; color:#666666;font-weight:500;}
	.timelist1 a.on{font-weight:600;}
	.timelist1 a.on::after{position:absolute; right:-20px; top:1px; width:16px; height:16px; content:""; background:url(/reserve/images/btn_check.png) no-repeat center center;}
	.timelist1 span.txt1{color:#22b24c;}
	#timeBox .t1{font-size:20px; font-weight:600}
	.tblcal{border-spacing:0; border-collapse:collapse; table-layout:fixed; border-color:#ccc; color:#333333;}
	.tblcal th{padding:4px 0; border-bottom:1px dotted #333; text-align:center; font-size:15px; color:#666666;}
	.tblcal td{padding:0; height:50px; color:#888888; border-right:1px dotted #333; border-bottom:1px dotted #333; text-align:center; font-size:16px;}
	.tblcal td:first-child{border-left:1px dotted #333;}
	.tblcal td.on{background:#999;}
	.tblcal .sun{}
	.tblcal .sun div{}
	.tblcal .sat{}	
	.tblcal .sun div{}
	.tblcal .to{background:#333; color:#fff; font-weight:bold;}
	.tblcal b{color:#888888;}
	.tblcal a{display:block; line-height:50px; font-weight:bold;}
	.tblcal td.on a{background:#22b24c; color:#fff;}
	.tblcal td.a{ background:#eeeeee;}
	
	.caltit1{float:left; width:100%; text-align:center; line-height:30px; font-size:24px; color:#333; margin-bottom:10px;}
	.calbtn1,
	.calbtn2{width:27px; height:27px; background:url(/reserve/images/btn_arr1.png) no-repeat left top; text-indent:-5000px;}
	.calbtn2{background-position:-27px 0;}
	
	.ragreebox1{clear:both; padding-top:30px;}
	.ragreebox1 p.tit1{font-size:20px; font-weight:600; color:#333;}
	.ragreebox1 .box1{border:1px solid #ddd; padding:20px; margin-top:20px; font-size:14px; line-height:20px; font-weight:500; overflow-y:auto}
	.ragreebox1 .box1 h3{font-size:16px; margin-bottom:10px;}
	.ragreebox1 p.txt1{font-size:13px; color:#666666;}
	.ragreebox1 p.txt1 span{display:inline-block; width:36%;}
	
	.resbox1{position:absolute; left:0; top:0; width:100%; text-align:center; z-index:10000;}
	.resbox1 .mcont1{padding:30px 50px; background:#22b24c; margin:0 auto; width:50%; max-width:540px; min-width:220px; color:#fff;}
	.resbox1 p.ttit1{font-size:20px; line-height:36px; text-align:center; font-weight:bold; padding-bottom:20px; border-bottom:1px solid;}	
	.resbox1 .cont1{text-align:center; margin-top:16px; font-weight:500}	
	.resbox1 .cont1 div.txtbox1{ margin:0 auto; margin-top:16px; font-size:16px; padding:10px 0; line-height:22px; color:#fff;}
	.resbox1 .cont1 div.txtbox1 em{display:block; font-weight:600}
	.resbox1 .cont1 a.vclose1{display:inline-block; margin:0 auto; padding:10px 20px; background:#fff; color:#22b24c; margin-top:10px;}
	/*reserve*/

