

/*sub*/	
	.svisualbox1{
		position:relative; 
		width:100%; min-width:1200px; height:710px; 
		overflow:hidden; z-index:4; 
	}
	
	.svisualbox1 .swiper-slide{
		width:100%; height:100%;
	}
	.svisualbox1 .swiper-slide .mainimg1{
		position:absolute; left:50%; top:0;
		width:100%; height:100%;
		margin:0 auto;
		transform:translateX(-50%);
		overflow:hidden;
	}
	.svisualbox1 .swiper-slide .mainimg1 > div{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background-size:cover !important;
	}		
	.svisualbox1 .visualtxt1{
		position:absolute; left:50%; top:50%;
		width:100%; max-width:1400px;
		transform:translate(-50%, -50%);
		text-align:center;
		color:#fff;
		z-index:10;	
	}
	.svisualbox1 .visualtxt1 .txt1 > div{
		margin-top:20px;
		color:rgba(255,255,255,.55); font-size:21px; 
	}
	.svisualbox1 .visualtxt1 .txt1 em{
		letter-spacing:20px; opacity:0;
		font-family:var(--font-family3); font-size:70px; line-height:70px;
		transition:letter-spacing ease .4s, opacity ease .4s;
	}
	
	.svisualbox1 .visualtxt1 .txt1 h3{
		margin-top:10px;
		color:#fff; font-weight:500; font-size:35px; line-height:48px;	
		opacity:0;
		transition:opacity ease .4s;
	}
	
	.svisualbox1 .active .visualtxt1 .txt1 em{
		letter-spacing:4px;
		opacity:1;
		transition:letter-spacing ease 1.2s, opacity ease 1.2s;
	}
	.svisualbox1 .active .visualtxt1 .txt1 h3{
		opacity:1;
		transition:opacity ease 1.2s;
	}
	
	
	.svisualbox1 .swiper-slide .mainimg1 > div{
		background-size:cover !important;
		transform: scale(1.1) ;
	}
	.svisualbox1 .swiper-slide.active .mainimg1 > div{
		transform: scale(1.0) rotate(0.002deg);
	}
	
	.submenu1{position:relative; width:100%; min-width:1200px; height:80px; margin: 0 auto; border-bottom:1px solid #ddd; margin-top:-80px;}
	.submenu1.fixed{position:fixed; left:0; top:0;}	
	
	.leftmenu01{
		position:relative; margin:0 auto; height:80px;
		width:1200px;
		display:flex; align-items:center;
	} 	
	.leftmenu01 > li.home1{
		position:relative; width:70px; height:24px; text-indent:-5000px; background:url(../../images/common/ico/ico_home1.png) center center no-repeat; 
	}	
	.leftmenu01 > li{
		position:relative;  text-align:center;
		line-height:80px;
	}
	.leftmenu01 > li:nth-child(n+3){
		margin-left:30px;
	}
	.leftmenu01 > li > a{
		color:rgba(255,255,255,.4);
	}
	.leftmenu01 > .sl1{
		position:relative;
		width:150px;
		display:flex; align-items:center;
	}
	.leftmenu01 > .sl1::before,
	.leftmenu01 > .sl1::after{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);
		width:1px; height:40%;
		background:rgba(255,255,255,.2);
		content:"";
	}
	.leftmenu01 > .sl1::after{
		left:auto; right:0;
	}
	.leftmenu01 > .sl1 > a{
		position:relative;
		color: #fff; font-size:18px; 
		display:block; 
		flex:1;
		padding:0 20px; 
		white-space:nowrap; 
		box-sizing:border-box;
	}
	.leftmenu01 > .sl1 > a.deplnk1::after{
		position:absolute; right:20px; top:calc(50% - 4px); width:10px; height:8px;
		background:url(../../images/common/ico/vertex_black.png) no-repeat center center; background-size:cover; 
		filter:brightness(400%) grayscale(100);
		content:"";
		transition: all 0.4s ease;
	}
	.leftmenu01 > .sl1 > a.deplnk1.on::after{
		transform:rotateX(180deg);
		transform-origin:center 50%;
	}
	.leftmenu01 > .sl1 > ul{
		position:absolute; left:-1px; top:100%;
		width:100%; 
		background:var(--main-color1); 
		z-index:10; 
		padding:0px 20px;
		box-sizing:border-box;
		max-height:0;
		overflow:hidden;
		transition:all ease .2s;
	}
	.leftmenu01 > .sl1 > ul.on{
		padding:20px 20px;
		box-shadow:2px 2px 6px 1px rgba(0,0,0,.2);
		max-height:500px;	
		transition:all ease .4s;	
	}
	.leftmenu01 > .sl1 > ul > li{
		position:relative;
		text-align:center;  
	}
	.leftmenu01 > .sl1 > ul li > a{
		display:block; 
		color:rgba(255,255,255,.5); font-size:18px; line-height:24px;
		padding:5px 0;		
		transition: all 0.2s ease;
	}
	.leftmenu01 > .sl1 > ul li > a:hover, .leftmenu01 .sl1 > ul li.on > a{
		color:#fff;
	}

	.leftmenu01 > li > a {
		font-weight:600; font-size:18px; display: block;
		transition:color .2s ease;
	}
	.leftmenu01 > li > a:hover, .leftmenu01 > li.on > a, .leftmenu01 > li > a:focus{
		color:#fff;
		transition:color .4s ease;
	}
	
	.loc{position:relative; height:150px; display:none;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{
		position:relative;  font-size:50px; line-height:50px; color:#333; 
	}
	.loc h2::after{
		display:block;
		margin:20px auto;
		width:33px; height:3px;
		background:var(--main-color1);
		content:"";
	}
	
/*sub*/
	
	.directionbox1{
		display:flex; align-items:center;
	}
	.directionbox1 > *{
		flex:1;
	}
	.directionbox1 > .imgbox1{
		overflow:hidden;
		width:100%;
		border-radius:30px;
		box-shadow:0 0 0 1px #ddd;
	}
	.directionbox1 .cont1{
		text-align:center;
		box-sizing:border-box;	
	}
	.directionbox1 .cont1 > div{
		max-width:390px;
		margin:0 auto;
		text-align:left;
	}
	.directionbox1 .cont1 .tit1{
		position:relative
	}
	.directionbox1 .cont1 .tit1::before{
		position:absolute; left:92%; top:-20px;
		width:93px; height:94px;
		background:url(../../images/info/txt_direction1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.directionbox1 .cont1 .tit1 > em{
		font-weight:600; font-size:30px;		
	}
	.directionbox1 .cont1 .tit1 > div{
		margin-top:10px;
		color:#666666; font-size:18px;
		white-space:nowrap;		
	}
	.directionbox1 .cont1 .btn1{
		margin-top:40px;
	}
	.directionbox1 .cont1 .btn1 > a{
		display:block;
		border-radius:50px;
		padding:15px 0;
		text-align:center;
		background:var(--main-color1);
		color:#fff;
	}
	.directionbox1 .cont1 .btn1 > a:last-child{
		padding:12px 0;
	}
	.directionbox1 .cont1 .btn1 > a:nth-of-type(2){
		margin-top:20px;
		/*290902  background:#005f4c; */
		background:#f1d900;
	}
	.directionbox1 .cont1 .btn1 > a > span{
		display:flex; gap:5px; justify-content:center; align-items:center;
		font-size:18px;
	}
	.directionbox1 .cont1 .btn1 > a > span > em{
		font-weight:600;
	}
	.directionbox1 .cont1 .btn1 > a:last-child > span{
		transform:translateX(-10px);
	}
	.directionbox1 .cont1 .btn1 > a:first-child > span::before{
		width:20px; height:20px;
		margin-right:10px;
		background:url(../../images/common/ico/ico_naver1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.directionbox1 .cont1 .btn1 > a:last-child > span::before{
		width:20px; height:27px;
		margin-right:10px;
		background:url(../../images/common/ico/ico_kakao1.png) no-repeat center center; background-size:cover;
		content:"";
	}
	
	
	.tab1{
		position:relative;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		overflow:hidden;
	}
	.tab1 > li{
		position:relative;
		box-sizing:border-box;
		line-height:50px;  border-bottom:1px solid #999999; text-align:center;vertical-align:middle;	
	}
	.tab1 > li::before{
		position:absolute; left:50%; bottom:-1px;
		width:0; height:2px;
		background:var(--main-color3);
		content:"";
		transition:width ease .5s, left ease .5s;
	}
	.tab1 > li a{
		display:block;
		padding:18px 0;
		color:#999999; font-size:20px; line-height:26px;
		transition:color ease .5s;
	}
	.tab1 > li.on{color:var(--main-color3);  }	
	.tab1 > li.on::before, 	.tab1 > li:hover::before{
		left:0;
		width:100%;
	}
	.tab1 > li.on a,
	.tab1 > li:hover a{font-weight:600; color:var(--main-color1);}

/*slide*/

	.cgslide1{
		position:relative;
		z-index:1;
	}
	.cgslide1 .ctrbox1{
		position:absolute; left:4%; top:50%;
		transform:translateY(-50%);
		width:92%; height:0;
		display:flex; justify-content:space-between;
		z-index:2;
	}
	.cgslide1 .ctrbox1 button{
		width:55px; height:55px;
		font-size:0; line-height:0;
		background:url(../../images/common/btn/btn_arr1.png) no-repeat left center; background-size:200% 100%;
	}
	.cgslide1 .ctrbox1 button.next1{
		background-position:100% center;
	}
	.cgslide1 .ctrbox1 button:hover{ animation: play-left 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	.cgslide1 .ctrbox1 button.next1:hover{ animation: play-right 400ms linear infinite alternate; animation-timing-function:ease-in-out;}
	
	.cgslide1 .swiper-slide{
		position:relative;
		height:715px;
		overflow:hidden;
	}
	.cgslide1 .swiper-slide .imgbox1{
		width:100%; height:715px;
	}
	.cgslide1 .swiper-slide .imgbox1 > img{
		width:100%; height:100%;
		object-fit:cover;
	}
	.cgslide1 .swiper-slide .txt1{
		position:absolute; left:0; bottom:0;
		display:inline-block;
		padding:14px 50px;
		border-radius:0 20px 0 0;
		background:var(--main-color1);
		color:#fff; font-size:25px;
		transform:translateY(20px);
		transition:transform ease .5s;
	}
	.cgslide1 .swiper-slide.swiper-slide-active .txt1{
		transform:translateY(0);
	}
	
	.thumslide1{
		position:relative;
		margin-top:10px;
		transform-origin:0 0; transition:1s; transition-delay:0.4s;
		overflow:hidden;
		z-index:4;
	}
	.thumslide1 .swiper-wrapper{
	}
	.thumslide1 .swiper-slide{
		width:180px !important;
	}
	.thumslide1 .imgbox1{
		position:relative;
		display:block;
		overflow:hidden;
		padding-bottom:64%;
		cursor:pointer;
	}
	.thumslide1 .imgbox1 img{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		opacity:.5;
		object-fit:cover;
		transition:opacity ease .4s;
	}
	.thumslide1 .imgbox1 svg{
		position:absolute; left:0; top:0; 
		width:100%; height:100%; 
	}
	.thumslide1 .imgbox1 svg rect{
		fill:none; stroke:var(--main-color1); stroke-width:6px; stroke-dasharray:590px; stroke-dashoffset:590px; 
		transition:0.5s;
	}
	.thumslide1 .swiper-slide-thumb-active .imgbox1 svg rect{
		stroke-dashoffset:0;
		transition:1s;
	}
	.thumslide1 .swiper-slide-thumb-active .imgbox1 img{
		opacity:1;
	}

/*slide*/

.map_zoom {position: relative;}
	.target {
		display: block;
		width: 100%;
	}
	.magnifier {
		width: 380px;
		height: 380px;
		position: absolute;
		border-radius: 100%;
		box-shadow: 0 0 0 7px var(--main-color1),0 0 7px 7px rgba(40, 33, 85, 0.25),inset 0 0 20px 2px rgba(40, 33, 85, 0.25);
		display: none;
		cursor: none;
	}

.setplayer{
	width:100%;
}
.setplayer > iframe{
	width:100%;
	aspect-ratio:16 / 9;
	border:none;
}

.btntype1{
	border:1px solid var(--main-color4);
	padding:15px 0;
	width:min(max(1vw, 20vw),320px);
	font-weight:500; color:var(--main-color4); font-size:18px;
}
.btntype1 > span{
	display:flex; justify-content:space-between;
	padding-left:30px;
}
.btntype1 > span::after{
	width:28px; height:20px;
	margin-right:20px;
	background:url(../../images/common/ico/ico_doc1.png) no-repeat center center; background-size:cover;
	content:""
}

/*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*/



	.download_btn{display: block; padding: 1vw; background: #fff; margin: 4% auto 0; border:4px solid var(--main-color1); width: 50%; font-size: 1.2vw; border-radius: 50px; color: var(--main-color1); }
    .download_btn:hover{background:var(--main-color1); color: #fff;}


	.doc_line {
	  display: inline-block;
	  border: 1px solid #ddd;
	  line-height: 0;
	}

	.doc_line img {
	  display: block;
	}