

/*sub*/	
	
	
	.popbnn1{
		position:absolute; right:76px; top:335px;
		width:155px; height:157px;
		display:flex; justify-content:center; align-items:center;
		color:var(--main-color1);
		z-index:8;
	}
	.popbnn1::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/txt_cir1.png) no-repeat center center; background-size:cover;
		animation:ratateLoop infinite 15s linear; -ms-animation:ratateLoop infinite 15s linear;
		filter:brightness(30%) invert(1);
		content:"";
	}
	/*오픈 시 해당 내용으로 교체
	.popbnn1 > span{
		font-family:var(--font-family2); font-size:24px; /*line-height:16px;/ font-weight:600;
	}
	.popbnn1 > * > em{
		font-size:30px;
	}
	.popbnn1 > * > em:nth-of-type(2){
		display:block;
		font-size:35px; line-height:20px;
	}
	.popbnn1 > * > span{
		font-size:15px; font-family:"Noto Sans KR"; font-weight:300;
	}
	*/

	
	.popbnn1 > span{
		font-family:var(--font-family2); font-size:18px;  font-weight:600;
	}
	.popbnn1 > * > em{
		font-size:26px;
	}
	.popbnn1 > * > em:nth-of-type(3){
		display:block;
		font-size:30px; line-height:30px;
		margin-bottom:20px;
	}
	.popbnn1 > * > span{
		font-size:14px; font-family:"Noto Sans KR"; font-weight:300;
	}
	
	
	.svisualbox1{position:relative; width:100%; min-width:1300px; height:570px; overflow:hidden; z-index:5;}
	
	.svisualbox1::after{
		position:absolute; right:0; bottom:0;
		width:453px; height:500px;
		background:url(../../images/sub/visual_pop1.png) no-repeat center center; background-size:cover;
		content:"";
		z-index:11;
	}
	
	.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:366px;
		width:1300px;
		transform:translateX(-50%);
		text-align:left;
		z-index:10;		
	}
	.svisualbox1 .visualtxt1 .txt1{
		opacity:0;		
	}
	.svisualbox1 .visualtxt1 .txt1 > div{
		font-weight:400; color:#797573; font-size:20px;
	}
	.svisualbox1 .visualtxt1 .txt1 h3{
		font-weight:600; font-family:var(--font-family2); color:var(--main-color1); font-size:52px; line-height:52px;
		margin-top:10px;
	}
	
	.svisualbox1 .active .visualtxt1 .txt1{
		-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 .slider1 .mainimg1{
		background-size:cover !important;
		-webkit-transition:transform 5400ms  ease-in-out ;
		-moz-transition:transform 5400ms ease-in-out ;
		-o-transition:transform 5400ms ease-in-out ;
		-ms-transition:transform 5400ms ease-in-out ;
		transition:transform 5400ms 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);
	}
	.submenu1{
		max-width:1300px;
		margin:0 auto;		
	}
	.submenu1{position:relative; height:90px;  margin: 0 auto; width:auto; box-sizing:border-box;}
	.submenu1::before{position:absolute; left:0;  bottom:0; width:100%; height:1px; background:#fff; /*background:#ddd;*/ content:"";
	-webkit-animation:textDown1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 1.8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.leftmenu01{position:relative; display:table; margin:0 auto; table-layout:fixed;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;}
	.leftmenu01 li{position:relative; display: table-cell; vertical-align:middle; height:90px; text-align:center; font-size:18px; font-weight:400;}
	.leftmenu01 > li:nth-child(n+2)::before{
		position:absolute; left:0; top:33%;
		width:1px; height:34%;
		background:#ddd;
	}
	.leftmenu01 li a{position:relative; display:inline-block; line-height:25px; color:#787472; margin:0 30px; transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;}
	.leftmenu01 li a:active, .leftmenu01 li a:focus, .leftmenu01 li.on a, .leftmenu01 li a:hover{font-weight:500; color:var(--main-color1); }
	.leftmenu01 li a::after{position:absolute; width:0; height:2px; margin: auto;  background:var(--main-color1); top:56px;left:50%;
		transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		opacity: 0;
		content:"";
	}
	.leftmenu01 li a:focus:after, .leftmenu01 li a:hover:after,  .leftmenu01 li.on a:after{
		width:100%;
  		left: 0px;
		opacity: 1;
	}
	.leftmenu01 li{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textUp1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.leftmenu01 li:nth-child(2){animation-delay:.2s;}
	.leftmenu01 li:nth-child(3){animation-delay:.4s;}
	.leftmenu01 li:nth-child(4){animation-delay:.6s;}
	.leftmenu01 li:nth-child(5){animation-delay:.8s;}
	.leftmenu01 li:nth-child(6){animation-delay:1.0s;}
	.leftmenu01 li:nth-child(7){animation-delay:1.2s;}
	
	.loc{position:relative; height:100px; display:none;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative;  font-size:40px; line-height:40px; color:#333; }
	
/*sub*/
	
	
	.tab1{
		position:relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
		overflow:hidden;
		border-radius:20px 20px 0 0;
	}
	.tab1::before {
		position:absolute; top:0; left:0px; 
		display:block;
		width:1px; height:100%; background:#797573;
		content:"";
		z-index:2;
	}
	.tab1 li{
		position:relative;
		box-sizing:border-box;
		line-height:50px;  border:1px solid #ddd; border-top:none;  border-left:none; text-align:center;vertical-align:middle; background:#797573;		
		transition:background ease;
		transition-duration:.3s;
		transition-delay:.1s
	}
	.tab1 li:nth-child(n+6){
		border-top:none;
	}
	.tab1 li a{
		display:block;
		padding:18px 0;
		color:#fff; font-size:18px; line-height:26px;
	}
	.tab1 li.on{color:#fff;  background:var(--main-color1);  }	
	.tab1 li.on a{color:#fff;}

	.tab1.unit{
		position:relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
		overflow:hidden;
	}
	
	
	.tab1.t2{
		grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
		overflow:hidden;
		border-radius:0;
	}
	.tab1.t2 > li{
		background:#eeeeee;
		border:none; border-bottom:1px solid var(--main-color1); border-top:1px solid #eeeeee;
		transition:background ease;
		transition-duration:.3s;
		transition-delay:.1s
	}
	.tab1.t2::before {
		display:none;		
	}
	.tab1.t2 > li > a{
		color:var(--main-color1);
	}
	.tab1.t2 li.on{
		background:#fff;
		border-top:1px solid var(--main-color1); border-right:1px solid var(--main-color1); border-left:1px solid var(--main-color1); border-bottom:1px solid #fff;
	}
	.tab1.t2 li.on > a{
	}

/**/
	.metbox1{
		display:flex; justify-content:space-between; align-items:center;
		padding:40px 60px;
		background:var(--main-color1);
		text-align:left;
	}
	.metbox1.t2{
		background:#f9f9f9;
		border:1px solid #ddd;
		box-sizing:border-box;
	}
	.metbox1 > *:first-child{
		font-weight:400; color:#333; font-size:18px;		
	}
	.metbox1 > *:first-child > em{
		font-weight:800; color:#fff; font-size:40px;
	}
	.metbox1.t2 > *:first-child > em{
		color:var(--main-color1);
	}
	.metbox1.t2 > *:last-child > a {
	background: #787472;
}
	.metbox1 > *:last-child{
		display:flex; gap:10px;
	}
	.metbox1 > *:last-child > a{
		background:#bba991;
		color:#fff; font-size:20px;
		padding:20px 40px;
		border-radius:15px 0 15px 0;
	}
	.metbox1 > *:last-child > a > span{
		display:flex; gap:10px; align-items:center;
	}
	.metbox1 > *:last-child > a > span::after{
		width:10px; height:10px;
		border-right:1px solid #fff; border-bottom:1px solid #fff;
		transform:rotate(-45deg);
		content:"";
	}
/**/

/*guide*/
	
	.guidebox1{
		background:#ebe9dc;
		text-align:center;
		padding:70px 0;
	}
	.guidebox1 > .tit1{
	}
	.guidebox1 > .sliderbox{
		position:relative;
		max-width:1200px;
		margin:0 auto; margin-top:50px;
	}
	.guidebox1 > .sliderbox .guideslide1{
		width:1000px;
		margin:0 auto;
	}
	.guidebox1 > .sliderbox .slick-slide{
	}
	.guidebox1 > .sliderbox .slick-slide img{
		margin:0 auto;
	}
	.guidebox1 > .sliderbox > .btn1{
		position:absolute; left:0; top:50%;
		width:100%; height:0px;
		display:flex; justify-content:space-between; align-items:center;
	}
	.guidebox1 > .sliderbox > .btn1 > a{
		position:relative;
		width:70px; height:70px;
		font-size:0; line-height:0;
	}
	.guidebox1 > .sliderbox > .btn1 > a::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/common/btn/btn_arr2.png) no-repeat left center; background-size:200% 100%;
		content:""
	}
	.guidebox1 > .sliderbox > .btn1 > a.next1::before{
		background-position:right center;
	}
	.guidebox1 > .sliderbox > .btn1 > a.prev1:hover::before{animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.guidebox1 > .sliderbox > .btn1 > a.next1:hover::before{animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.guidebox1 > .sliderbox > .slidedots1{
		margin-top:40px;
		display:flex; justify-content:center; align-items:center; gap:10px;
	}
	.guidebox1 > .sliderbox > .slidedots1 > li{
		width:10px; height:10px;
		background:#c8baa7;
		border-radius:50%;
		cursor:pointer;
		font-size:0;
		transition:background ease;
		transition-duration:.3s;
		transition-delay:.1s
	}
	.guidebox1 > .sliderbox > .slidedots1 > li.active{
		background:#797573;
	}
	
	.guidebox1 > .lnk1{
		margin-top:40px;
	}
	.guidebox1 > .lnk1 a{
		display:inline-block;
		padding:18px 120px;
		font-weight:400; color:#fff; font-size:25px;
		background:var(--main-color1);
		border-radius:50px;
	}
	
/*guide*/
	

/*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: 'NanumSquareB';}
	.rchkbox1.t2 > div.cont1 input[type=submit]{background:#00b5c8}
	.rchkbox1 > div.cont1 .txtbox2 em{color:#222a68; font-size:48px;font-family: 'NanumSquareEB';}
	
	.rtabcont{width:1200px; margin:0 auto; margin-top:50px;}
	.reservebox1{float:left; width:100%; margin-top:20px; text-align:left;}
	.reservebox1  .fxbox1{
		display:flex; justify-content:space-between; gap:20px;
	}
	.reservebox1 .datebox1{position:relative; flex:1; z-index:1; border:1px solid #ddd; }
	.reservebox1 .datebox1 > div{ padding:40px 50px;}
	.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:#00383e; 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:#00383e;}
	#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:#00383e; 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{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:#00383e; 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:#00383e; margin-top:10px;}
	/*reserve*/