/**/

/*header*/
	input[type=checkbox].checkbox:not(old){width:16px;margin:0; padding:0; opacity:0;}
	input[type=checkbox].checkbox:not(old) + label{display:inline-block; margin-left:0; padding-left:20px; background   : url('/images/common/ico/ico_checkbox1.png') no-repeat left 0; line-height:16px;}
	input[type=checkbox].checkbox:not(old):checked + label{background-position:left -16px;}
	input[type=radio].checkbox:not(old):checked + label{background-position:left -16px;}
	
	.mnoticearea{position:relative; width:100%; min-width:1200px; background:#b9e8ed; display:none; z-index:2;} 
	.btnopen{position:absolute; right:50%; top:3px; margin-right:-600px; z-index:1}
	.mnotbox{position:relative; width:1200px; margin:0 auto; text-align:left }
	.mnotbox .closes{position:absolute; right:20px; bottom:10px; display:block; font-size:11px; color:#333; z-index:1000}
	.mnotbox .closes input{margin-left:10px;}
		
	#notice_slides {z-index:100; width:1200px;}
	.notice_area {width:480px; overflow:hidden;position:relative;}
	.noticepaging {margin:14px auto 0;width:100px;}
	.noticepaging li {float:left;margin:0 3px;}
	.noticepaging li a {display:block;width:10px;height:0;padding-top:10px;background-image:url(./images/common/btn_bul1.png);background-position:0 0;float:left;overflow:hidden;}
	.noticepaging li.current a {background-position:0 -10px;}
	
	
	.gnbbox1{position:relative; /* min-width:1200px; height:70px; line-height:70px;  z-index:101; background-color:rgba(0,0,0,0.5); */}
	/* .gnbbox1 .gcont1{width:1200px; margin:0 auto; z-index:1000; text-align:center; padding:20px 0 0 0;}
	.gnbbox1 .t1{position:absolute; left:30px; top:20px;}
	.gnbbox1 .t2{position:absolute; right:30px; top:20px;}
	.gnbbox1 .gnb1{position:absolute; right:0; top:6px; }
	.gnbbox1 .gnb1 li{line-height:35px; float:left;}
	.gnbbox1 .gnb1 a{display:block; height:24px; background:url(/images/common/btn_gnb1.gif) no-repeat; text-indent:-5000px; }
	.gnbbox1 .gnb1 a.lnk1{background-position:0px 0; width:76px;}
	.gnbbox1 .gnb1 a.lnk2{background-position:-78px 0; width:58px;}
	.gnbbox1 .gnb1 a.lnk3{background-position:-140px 0; width:58px;}
	.gnbbox1 .gnb1 a.lnk4{background-position:-200px 0; width:54px;} */
	
	.gcont1{position:absolute; /*right:350px;*/ right:60px; top:85px; color:#333333; font-size:14px; font-weight:bold; z-index:100;}
	.gcont1.on{}
	.gcont1.off{}

	.rdbtn1,
	.rdbtn2{display:inline-block; width:84px; height:15px; background:url(/images/common/btn/btn_play1_220425.png) no-repeat center top; vertical-align:middle;}
	.rdbtn2{background-position: 0 0px;}
	.rdbtn1.pause{background-position:center bottom;}

	.rdbtn1.sub,
	.rdbtn2.sub {background:url(/images/common/btn/btn_play2_220425.png) no-repeat center top;}
	.rdbtn1.sub.pause {background-position:center bottom;}
	#menu-Area.on .rdbtn1, #menu-Area.on .rdbtn2 {background:url(/images/common/btn/btn_play1_220425.png) no-repeat center top;}
	#menu-Area.on .rdbtn1.pause {background-position:center bottom;}
	
/*popup*/
	.lpops{position:absolute; visibility:visible; z-index:10000;}
	.lpopb{position:absolute; visibility:visible; overflow:hidden; border:1px solid; background:#fff; z-index:10000;}
	.lpoph{cursor:move; background:#CCC; width:100%; display:none;}
	.lpopov{padding:5px; text-align:left;}
	.lpopbtn{position:absolute; right:0; bottom:0; color:#000; font-size:11px; width:100%; vertical-align:middle;  text-align:right; background:#fff;}
	.lpopbtn a{ display:inline-block; color:#000; margin:4px;}
/*popup*/
	#menu-Area{position:absolute; overflow:hidden; width:100%; min-width:1400px; height:100px; z-index:10; left:0; top:0; /* border-bottom: 1px solid rgba(255,255,255,.3); */}
	#menu-Area.sub{min-width:1200px;}
	#menu-Area.sub #menu-box.is-animated.ready {opacity: 1; display: block;}
	#menu-Area.on{border-bottom:none; /* box-shadow: 1px 1px 10px 0 rgba(0,0,0,.5); */  background: #f6f6f6 url(/images/common/menu_bg1_240510.png) center top;}
	/*#menu-Area.show {background: #f5f6f6 url(/images/common/menu_bg1.png) center top;}*/
	#menu-box{z-index:100; height:100px; /* border-bottom: 1px solid #ddd; */}
	#menu-box.sub {visibility: visible; animation: none;}
	#menu-box .bgdepth1{width:100%; height:100px;}
	#menu-Area .logo1 {position: absolute; left: 80px; top: 37px; display: block; width: 382px; height: 25px; text-indent: -5000px; background: url(/images/common/logo1_251015.png) no-repeat center top;}
	.topmenu{position:relative; margin:0 auto; text-align:left; } /**logo1_240517**/
	#menu-Area.on .logo1, #menu-Area.on .mnbnn1, #menu-Area.on .mnbnn2, #menu-Area.show .logo1, #menu-Area.show .mnbnn1, #menu-Area.show .mnbnn2 {background-position: center bottom;}
	
	.topmenu{position:relative; margin:0 auto; text-align:left;}
	
	.mnbnn1 {position: absolute; right: 80px; top: 37px; display: block; width: 155px; height: 22px; text-indent: -5000px; background: url(/images/common/top_tel1_240510.png) no-repeat center top;}
	.mnbnn2 {position: absolute; right: 80px; top: 100px; display: block; width: 120px; height: 120px; z-index: 100;}
	
	.menudep1{position:absolute; right: 250px; top:25px;}
	/* .menudep1.sub{display: block;} */
	.menudep1 > li{position:relative;}
	.menudep1 li.mmenu0,.menudep1 li.mmenu1,.menudep1 li.mmenu2,.menudep1 li.mmenu3,.menudep1 li.mmenu4,.menudep1 li.mmenu5,.menudep1 li.mmenu6{float:left; }
	.menudep1 li.mmenu0{}
	.menudep1 li.mmenu0.f1{background:none;}
	.menudep1 li a.mnlnk1{position:relative; display:block; line-height:50px; height:50px; color:#fff; font-size:16px; text-align:center; border-left:none; border-bottom:none; margin:0 30px; font-family: 'Pretendard-Medium'; font-weight: 500; /* font-family: 'NanumSquareL'; */
	-moz-transition:all 10.45s ease-in-out;
	-webkit-transition:all 10.45s ease-in-out;
	-moz-transform:all 10.45s ease-in-out;
	transform:all 1.45s ease-in-out;
	transition-duration:.2s;
	transition-delay:.01s;}
	.menudep1 li a.mnlnk1:focus, .menudep1 li a.mnlnk1:hover, .menudep1 li a.mnlnk1.on, .menudep1 li:hover a.mnlnk1 {color:#333; }
	#menu-Area.on .menudep1 li a.mnlnk1{color:#333;}
	#menu-Area.show .menudep1 li a.mnlnk1{color:#333;}
	
	@media screen and (max-width:1410px) {
		#menu-box .logo1 {left: 30px; top: 37px;}
		#menu-box .mnbnn1 {right: 30px;}
		.menudep1 {right: 200px;}
		.mnbnn2 {right: 30px;}
		.menudep1 li a.mnlnk1 {margin: 0 25px;}
	}
	.menudep1 li a.mnlnk1.f1{}
	.menudep1 li a.mnlnk1.f2{}
	.menudep1 li.mmenu0.mL1 a.mnlnk1{}
	
	/* .menudep1 > li::before{position:absolute; right:0; top:12.6%; width:1px; height:5%; background:#42515a; border-left:1px solid #b7bbbe; content:"";} 
	.menudep1 > li:last-child::before{display:none;} */
	
	
	.menudep1 li a.mnlnk1::after{position:absolute; width:0; height:2px; margin: auto;  background:#00004a; top:37px; content:""; left:50%;
		transition: all 0.2s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.2s ease;
		backface-visibility:hidden;
		opacity: 0;
	}
	 #menu-Area .menudep1 li.mmenu0 a.mnlnk1.col1::after {
		top: 54px;
	}
	
	.menudep1 li a.mnlnk1:focus:after, .menudep1 li a.mnlnk1:hover:after, .menudep1 li a.mnlnk1.on:after, .menudep1 li:hover a.mnlnk1:after{
		width:100%;
  		left: 0px;
		opacity: 1;
	}
	
	.menudep1 li ul{height:200px; margin-top:20px; border-right:none; padding-top:20px;}
	.menudep1 li ul.f1{border-left:none}
	.menudep1 li ul li{display:block; text-align:center;}
	.menudep1 li ul li a{line-height:30px; height:30px; font-size:14px; color:#7f9292; display:block; font-weight:normal; font-family: 'Pretendard-Medium';}
	.menudep1 li ul li a.on, .menudep1 li ul li a:focus, .menudep1 li ul li a:hover{color:#00004a; font-family: 'Pretendard-Bold'; font-weight: 700;}
		
	.menudep1 li ul.on{display:block;}

	.mmnbtn1 {
		position:absolute; right:30px; top:40px;
		vertical-align:middle;
		display:inline-block;
		width: 40px;
		height: 40px;
		z-index:203;
		-webkit-transform: translateX(0%) translateY(0%);
		transform: translateX(0%) translateY(0%);
		display: none;
	}
	.mmnbtn1.on {position: fixed;}
	
	.mmnbtn1 .btn.trigger .line {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
	
	.mmnbtn1 .btn {
		position: absolute;
		top: 5%;
		left: 10%;
		width: 90%;
		height: 90%;
		z-index: -10;
		cursor: pointer;
		-webkit-transition: z-index 0.3s, -webkit-transform 1s;
		transition: z-index 0.3s, -webkit-transform 1s;
		transition: z-index 0.3s, transform 1s;
		transition: z-index 0.3s, transform 1s, -webkit-transform 1s;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.mmnbtn1 .btn.trigger {
		opacity: 1;
		z-index: 100;
		cursor: pointer;
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.mmnbtn1 .btn.trigger .line {
		width: 80%;
		height: 2px;
		background: #fff;
	}	
	.mmnbtn1.main .btn.trigger .line {background: #0c0c0c;}
	.mmnbtn1.main.on .btn.trigger .line {background: #fff;}
	
	.mmnbtn1 .btn.trigger .line:before, .mmnbtn1 .btn.trigger .line:after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #fff;
		-webkit-transition: -webkit-transform 0.3s;
		transition: -webkit-transform 0.3s;
		transition: transform 0.3s;
		transition: transform 0.3s, -webkit-transform 0.3s;
	}
	.mmnbtn1.main .btn.trigger .line:before, .mmnbtn1.main .btn.trigger .line:after {background: #0c0c0c;}
	.mmnbtn1.main.on .btn.trigger .line:before, .mmnbtn1.main.on .btn.trigger .line:after {background: #fff;}
	#header.fixed .mmnbtn1 .btn.trigger .line {background:#0c0c0c;}
	#header.fixed .mmnbtn1 .btn.trigger .line:before, #header.fixed .mmnbtn1 .btn.trigger .line:after {background:#0c0c0c;}
	
	.mmnbtn1 .btn.trigger .line:before{width:100%; left:0%;}
	.mmnbtn1 .btn.trigger .line:after{width:100%; left:0%;}
	.mmnbtn1 .btn.trigger .line:before {
		top: -12px;
		-webkit-transform-origin: 5% 100%;
		transform-origin: 5% 100%;
	}
	.mmnbtn1 .btn.trigger .line:after {
		top: 12px;
		-webkit-transform-origin: 12% 30%;
		transform-origin: 12% 30%;
	}
	.mmnbtn1.on {position:;}
	.mmnbtn1.on .trigger .line  {
		height: 0px;
		top: 50%;
	}
	.mmnbtn1.on .trigger .line:before {
		-webkit-transform: rotate(42deg);
		transform: rotate(42deg);
		width: 120%;
		margin-left:2px;
		margin-top:0px;
		background:#fff;	
		/* border:2px solid #fff; */
		border-radius:3px;
		z-index:2;
	}
	.mmnbtn1.on .trigger .line:after {		
		-webkit-transform: rotate(-44deg);
		transform: rotate(-44deg);
		width: 120%;
		background:#fff;	
		margin-left:2px;
		margin-top:-4px;
		border-radius:3px;
		z-index:1;		
	}

	.mmnbtn1.t2.on .btn.trigger .line:before, .mmnbtn1.t2.on .btn.trigger .line:after {background:#fff;}

	.not_scroll{
		position: fixed;
		overflow: hidden;
		width: 100%;
		height: 100%
	}
	.not_scroll #pageWrap {
		position: relative;
		top: 0;
	}

	.allmenu {position:fixed; top:0%; right:-100%; background-color:#00493e; float:left; width:500px; height:inherit; overflow:hidden; transition: all 0.2s ease;
		-webkit-backface-visibility: hidden;
		-webkit-transition: all 0.2s ease; display: none;}
	.allmenu.on {right: 0; height:inherit;}

	.mlist{width:200px; margin-top: 220px; margin-left: 90px; text-align: left;}
	.mlist li a{color:#fff;}
	.mlist li.md1.on {line-height: 60px;}
	/* .mlist li.md1.on a span {color: #fff;} */
	.mlist li.md1 {position:relative;  padding:0 0; line-height:60px; margin:0 auto; text-align: left; margin-bottom: 40px; display: inline-block;}
	.mlist li.md1 a.mlnk1{position:relative; display:inline-block; color:#fff; text-align:left; padding: 10px 0;}
	.mlist li.md1 p.etit1 {font-size: 14px; color: #9d8470; /* font-family: 'NanumSquareEB'; */ font-weight: bold;}
	.mlist li.md1 a.mlnk1::after{position:absolute; right:29px; top:21px; width:9px; height:9px; border-left:1px solid; border-bottom:1px  solid; border-color:#fff;
		-webkit-transform:rotate(-135deg);
		-moz-transform:rotate(-135deg);
		-ms-transform:rotate(-135deg);
		-o-transform:rotate(-135deg);
		transform:rotate(-135deg);
	}
	
	.mlist li.md1.l1 a{color:#fff; letter-spacing:-1px;}
	.mlist li.md1.none1 a.mlnk1{background:;}
	.mlist li .mdtit1{display:block; line-height:50px; font-size:30px; font-family: 'NanumSquareR'; font-weight: bold;}

	.mlist li.md1 .md2{display:none; text-align:left; padding:10px 0;}
	.mlist li.md1 .md2 li{padding:10px 0; /* padding-left:32px;  */}
	.mlist li.md1 .md2 li:last-child{border-bottom:none;}
	.mlist li.md1 .md2 li a{display:block; color:#fff;  font-weight:bold; font-size:16px;}
	.mlist li.md1 .md2 li a:hover {color: #fff;}

	.mlist li ul.md2{font-weight:normal; font-size:16px; letter-spacing:1px; line-height:18px;}

	.mlist li ul li .md3{clear:both; padding:10px; margin-bottom:20px;}
	.mlist li ul.md2 li ul.md3 li{float:left; line-height:18px;}
/*한줄메뉴*/
	/*
	.menudep1 li ul{position:absolute; z-index:1000; height:80px; left:20px; top:70px; filter:alpha(opacity=0); opacity: 0; display:none; width:600px;}
	.menudep1 li ul.son{filter:alpha(opacity=1); opacity:1; display:block; top:83px;}
	.menudep1 li ul li{float:left; margin-right:40px; line-height:40px;}
	.menudep1 li ul li a{color:#fff; font-size:16px;}
	.menudep1 li ul li a:hover, .menudep1 li ul li a.on{font-weight:bold;}
	*/
	
	/*개별메뉴*/
	/*
	.menudep1 li a.mnlnk1:focus, .menudep1 li a.mnlnk1:hover, .menudep1 li a.mnlnk1.on, .menudep1 li:hover a.mnlnk1{color:#333; }
	.menudep1 li a.mnlnk1.f1{}
	.menudep1 li a.mnlnk1.f2{}
	.menudep1 li.mmenu0.mL1{}
	
	.menudep1 li ul{height:180px; padding-top:20px; filter:alpha(opacity=0); opacity: 0; display:; background-color:rgba(255,255,255,1); margin-top:15px;}
	.menudep1 li ul.f1{border-left:none}
	.menudep1 li ul li{display:block; text-align:center;}
	.menudep1 li ul li a{line-height:30px; height:30px; font-size:14px; color:#666; display:block; }
	.menudep1 li ul li a.on, .menudep1 li ul li a:focus, .menudep1 li ul li a:hover{color:#005237; text-decoration:underline;}
	
	
	.menudep1 li ul.on{display:block;}
	*/
/*header*/

/*footer*/
	#footer .logo1{}
	/* #footer .fcont:before {content: ""; position: absolute; background: rgba(255,255,255,0.2); left: 90px; top: 50px; width: calc(100% - 180px); height: 1px;} */
	#footer .fcont p {font-size: 13px; color: #909194; line-height: 20px; font-weight: 400;}
	#footer .fcont p em {color: #fff; font-weight: 300; font-family: 'Pretendard-Light';}
	#footer .copy1{font-size:11px; color:#cccccc; display:inline-block; vertical-align:middle; line-height:20px; margin:10px 0 0 20px;}
	#footer .copy1 em{font-weight:bold; color:#fff;}
	#footer .coop{text-align:right; position: absolute; right: 80px; top: 30px;}
	#footer .coop img{vertical-align:top; display:inline-block;}
	#footer .footer_top1 {position: absolute; top: -70px; right: 100px; z-index: 99;}
	@media screen and (max-width:1410px) {
		#footer .coop {right: 30px;}
		#footer .fcont img {width: 175px; margin-top: 30px;}
		#footer .coop img {margin-top: 0;}
		#footer .fcont p {margin-left: 20px;}
	}
/*footer*/

/*floating*/
.floating1 {position:absolute; width:30px; right:50px; top:400px; z-index:70; display:block; text-align:center; text-align:right;}
.floating1.sub {top: 225px;}
.floating1.sub .cont1 img {filter: brightness(0.1);}
.floating1 .cont1{position:absolute; left:0; top:0; width:30px; height:100%; text-align:center; z-index:99;}
.floating1 .cont1 div{position:relative; z-index:2}
.floating1 .cont1 .b1{position:absolute; right:80px; top:80px; z-index:-1}
.floating1 li {height: 60px; line-height: 60px;}
.floating1 a.lnk1{display:block; height:30px; line-height:30px;}
.floating1 .ln1{width:20%; height:1px; background:#37393d; margin:0 auto; z-index:1} 
.floating1 .quickbnn1{position:absolute; right:0; top:0; width:80px; height:100%; background:#111;}
.floating1 .m1{position:absolute; right:20px; bottom:30px; z-index:200}
.floating1 .m2{position:absolute; right:0px; bottom:80px; z-index:200}
.floating1 .cont1 .b2{position:absolute; right:0px; top:460px; z-index:-1}

@media screen and (max-width:1200px) {
	.floating1 {right: auto; left: 1140px;}
}
/*floating*/

/*main*/	
.mainvisual{position:relative; min-width:1400px; height:100vh; z-index:10; box-sizing:border-box;}
	.mainvisual .slick-slide{height:100vh; overflow:hidden;}
	/* .mainvisual .slick-slide.active img{margin-top:0;
		-moz-transition:all .30s ease-in-out;
		-webkit-transition:all .30s ease-in-out;
		-moz-transform:all .30s ease-in-out;
		transform:all .30s ease-in-out;
		transition-duration:.46s;
		transition-delay:.01s;
		-webkit-transition-delay:4.4s;-moz-transition-delay:4.4s;-o-transition-delay:4.4s;-ms-transition-delay:4.4s;transition-delay:4.4s;
	} */
	
	.mainvisual .visualbox{position:absolute; left:0; top:0; width:100%; height:100vh;  overflow:hidden;}
	
	.mainvisual .visualbox .slick-list,  
	.mainvisual .visualbox .slick-track, 
	
	.mainimg1{width:100%; height:100%; 
	}
	.mainvisual,
	.mainvisual .visualbox .slick-list{}
	.mainvisual .visualbox .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
		-webkit-transition:transform 4400ms  ease-in-out ;
		-moz-transition:transform 4400ms ease-in-out ;
		-o-transition:transform 4400ms ease-in-out ;
		-ms-transition:transform 4400ms ease-in-out ;
		transition:transform 4400ms ease-in-out ;	
		transform: scale(1.0) ;
	}
	.mainvisual .visualbox .mainimg1{position:absolute; 
		left: 50%; top:0; width:100vw; height:100vh; margin-left: -50%; min-width: 1400px;
	}
	
	.mainvisual .visualbox .active .mainimg1{
		-ms-transform: scale(1.0,1.0) rotate(0.003deg);
		-o-transform: scale(1.0,1.0) rotate(0.003deg);
		-moz-transform: scale(1.0,1.0) rotate(0.003deg);
		-webkit-transform: scale(1.0,1.0) rotate(0.003deg);
		transform: scale(1.0,1.0) rotate(0.003deg);
	}
	.mainvisual .visualbox .vbox2{position:absolute; left:200px; top:200px; background: transparent; /* width:30%; height:30%; border-radius: 50%; overflow:hidden; z-index:1; background: #000; */
	}

	.mainvisual .visualbox .vd1{position:relative; left:0; top:-9%; width:100%; height:0; padding-bottom:56.5%; z-index:9;}

	 @media screen and (max-width:1410px) {
		.mainvisual .visualbox .vbox2 {left:120px; top:160px;}
	 }

		.mainvisual .visualbox .mainimg2{
			width:100%;
			height:100%;
			-ms-transform: scale(1.0) rotate(0.003deg);
			-o-transform: scale(1.0) rotate(0.003deg);
			-moz-transform: scale(1.0) rotate(0.003deg);
			-webkit-transform: scale(1.0) rotate(0.003deg);
			transform: scale(1.0) rotate(0.003deg);
			-webkit-transition:transform 3500ms ease-in-out ;
			-moz-transition:transform 3500ms ease-in-out ;
			-o-transition:transform 3500ms ease-in-out ;
			-ms-transition:transform 3500ms ease-in-out ;
			transition:transform 3500ms ease-in-out ;	
			transform: scale(1.0) ;
		}
		.mainvisual .visualbox .active .mainimg2{
			background-size:cover !important;
			-ms-transform: scale(1.0) rotate(0.003deg);
			-o-transform: scale(1.0) rotate(0.003deg);
			-moz-transform: scale(1.0) rotate(0.003deg);
			-webkit-transform: scale(1.0) rotate(0.003deg);
			transform: scale(1.0) rotate(0.003deg);
			-webkit-transition-delay:3.5s;-moz-transition-delay:3.5s;-o-transition-delay:3.5s;-ms-transition-delay:3.5s;transition-delay:3.5s;
		}
		@-webkit-keyframes anitype1 {
			10% {}
			100% {}
		}
		@keyframes anitype1 {
			0% {left:45%; width:10%; height:60%; top:0%; opacity:0; background: #000; transform: translate(0, 10%);}
			30% {left:35%; width:30%; height:80%; opacity:1; transform:translate(0, 10%);}
			/* 40% {left:30%; width:40%; height:80%; opacity:1; transform:translate(0, 10%);} */
			/* 60% {left:20%; width:60%; height:80%; top:10%;}
			70% {left:15%; width:70%; height:80%; top:10%;} */
			80% {left: 0%; width:100%; height:100%; top:0%; z-index:1; transform: translate(0, 0);}
			/* 90% {left: 5%; width:90%; height:100%; top:0%; z-index:1;} */
			100% {width:100%; height:100%; left:0; top:0px; z-index:100; transform: translate(0, 0);}
		}
	.mainvisual .visualtxt1{position:absolute; left: 0px; text-align:left; top: 0px; box-sizing: border-box;}
	.mainvisual .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;
		-webkit-transition-delay:4.4s;-moz-transition-delay:4.4s;-o-transition-delay:4.4s;-ms-transition-delay:4.4s;transition-delay:4.4s;
	}
	.mainvisual .visualtxt1 .txt2{
		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;
		-webkit-transition-delay:5.4s;-moz-transition-delay:5.4s;-o-transition-delay:5.4s;-ms-transition-delay:5.4s;transition-delay:5.4s;
	}
	.mainvisual .active .visualtxt1{opacity:1;}
	.mainvisual .active .visualtxt1 .txt1, .mainvisual .active .visualtxt1 .txt2{
		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; 
		-webkit-transition-delay:5.4s;-moz-transition-delay:5.4s;-o-transition-delay:5.4s;-ms-transition-delay:5.4s;transition-delay:5.4s;
		text-align: left;
	}

	.cirbox1 {position:absolute; left: 65px; bottom: 80px; z-index:10; width: 89px; height: 90px;}
	.cirbox1 img{position:relative; z-index:10; width: 15px; top: 30px;}
	.cirbox1:after {content:''; position:absolute; background:url(/images/main/cir1.png); width: 89px; height: 90px; left: 0; bottom: 0px; z-index:9;
		-webkit-animation:spin 8s infinite linear; 
		-moz-animation:spin 8s infinite linear;
		animation:spin 8s infinite linear; 
		transition:0.7s}
	.cirbox1.cont2 {bottom: auto; top: 30px; left: 380px;}
	.cirbox1.cont3 {bottom: 95px; left: auto; right: 80px;}
	.cirbox1.cont4 {bottom: auto; left: auto; right: 315px; top: 180px;}
	.cirbox1.cont5 {bottom: auto; top: 210px; left: auto; right: 0;}
	.cirbox1.cont6 {bottom: auto; top: 170px; left: 10px;}
	.cirbox1.cont4:after {opacity: 0.5;}
	.cirbox1.b1:after {background:url(/images/main/cir2.png);}
	
	@-moz-keyframes spin {
		from { -moz-transform: rotate(0deg); }
		to { -moz-transform: rotate(360deg); }
	}
	@-webkit-keyframes spin {
		from { -webkit-transform: rotate(0deg); }
		to { -webkit-transform: rotate(360deg); }
	}
	@keyframes spin {
		from {transform:rotate(0deg);}
		to {transform:rotate(360deg);}
	}
	
	@media screen and (max-width:1200px) {
		.mainvisual .quickbox1{right:-200px;}
	}			
	
	@-webkit-keyframes textUp1 {
	  from {opacity:0; transform: translate3d(0, 150%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@keyframes textUp1 {
	  from {opacity:0; transform: translate3d(0, 10%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@-webkit-keyframes textUp2 {
	  from {opacity:0; transform: translate3d(0, 50%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@keyframes textUp2 {
	  from {opacity:0; transform: translate3d(0, 50%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@-webkit-keyframes textUp3 {
	  from {opacity:0; transform: translate3d(0, 30%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@keyframes textUp3 {
	  from {opacity:0; transform: translate3d(0, 30%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	
	@-webkit-keyframes textDown1 {
	  from {opacity:0; transform: translate3d(0, -20%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@keyframes textDown1 {
	  from {opacity:0;transform: translate3d(0, -20%, 0); }
	  to {opacity:1;transform: translate3d(0, 0, 0);}
	}
	
	@-webkit-keyframes textDown2 {
	  from {opacity:.7;transform: translate3d(0, -4%, 0); }
	  to {opacity:1; transform: translate3d(0, 0, 0);}
	}
	@keyframes textDown2 {
	  from {opacity:.7; transform: translate3d(0, -4%, 0); }
	  to {opacity:1;transform: translate3d(0, 0, 0);}
	}
	
	@-webkit-keyframes fadeIn {
	 from {opacity:0;}
	  to {opacity:1;}
	}
	@keyframes fadeIn {
	  from {opacity:0;}
	  to {opacity:1;}
	}
	
	@-webkit-keyframes bounce1 {
	 from {transform: translate3d(0, -30%, 0); }
	  to {transform: translate3d(0, 0, 0);}
	}
	@keyframes bounce1 {
	  from {transform: translate3d(0, -30%, 0); }
	  to {transform: translate3d(0, 0, 0);}
	}
	
	@-webkit-keyframes fadeInDown1{
		0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInDown1{
		0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	
	@-webkit-keyframes drift {
	from {-webkit-transform:scale(1,1);transform:scale(1,1);}
	to {-webkit-transform:rotate(0.002deg) scale(1.02,1.02); transform:rotate(0.002deg) scale(1.02,1.02);}
	}
	
	@keyframes drift {
	from {-webkit-transform:scale(1,1); transform:scale(1,1);}
	to {-webkit-transform:rotate(0.002deg) scale(1.02,1.02); transform:rotate(0.002deg) scale(1.02,1.02);}
	}
	@-ms-keyframes drift {
	from {-webkit-transform: scale(1,1); transform:scale(1,1);}
	to {-webkit-transform:rotate(0.002deg) scale(1.02,1.02); transform:rotate(0.002deg) scale(1.02,1.02);}
	}
	@-webkit-keyframes fadeInMove1{
		0%{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInMove1{
		0%{opacity:0;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	
	@-webkit-keyframes fadeInMove2{
		0%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInMove2{
		0%{opacity:0;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	
	@-webkit-keyframes fadeInMove3{
		0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInMove3{
		0%{opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	
	@-webkit-keyframes fadeInMove4{
		0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInMove4{
		0%{opacity:0;-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@-webkit-keyframes fadeInMove5{
		0%{opacity:0;-webkit-transform:translate3d(0%,50%,0%);transform:translate3d(0%,50%,0%)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	@keyframes fadeInMove5{
		0%{opacity:0;-webkit-transform:translate3d(0%,50%,0%);transform:translate3d(0%,50%,0%)}
		to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
	}
	
	@-webkit-keyframes fadeOutMove1{
		0%{opacity:1; -webkit-transform:translateZ(0);transform:translateZ(0)}
		to{opacity:0; -webkit-transform:translate3d(50%,50%,0);transform:translate3d(50%,50%,0)}
	}
	@keyframes fadeOutMove1{
		0%{opacity:1;}
		to{opacity:0;}
	}

	@-webkit-keyframes play-left{
	from{
	-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
	}
	to{
	-webkit-transform:translate3d(-8%,0,0);transform:translate3d(-8%,0,0)
	}
	}
	@-webkit-keyframes play-right{
		from{
		-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)
		}
		to{
			-webkit-transform:translate3d(8%,0,0);transform:translate3d(8%,0,0)
		}
	}

	.afadeInMove1{-webkit-animation-name:fadeInMove1;animation-name:fadeInMove1; }
	.afadeInMove2{-webkit-animation-name:fadeInMove2;animation-name:fadeInMove2; }
	.afadeInMove3{-webkit-animation-name:fadeInMove3;animation-name:fadeInMove3; }
	.afadeInMove4{-webkit-animation-name:fadeInMove4;animation-name:fadeInMove4; }
	.afadeInMove5{-webkit-animation-name:fadeInMove5;animation-name:fadeInMove5; }
	.textUp1{-webkit-animation-name:textUp1;animation-name:textUp1; }
	.afadeInDown{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1; }
	@-webkit-keyframes textDown1 {
		from {opacity:0; transform: translate3d(0, -20%, 0); }
		to {opacity:1;transform: translate3d(0, 0, 0);}
	}
	@keyframes textDown1 {
	from {opacity:0;transform: translate3d(0, -20%, 0); }
	to {opacity:1;transform: translate3d(0, 0, 0);}
	}

	@-webkit-keyframes line1 {
		from {opacity:0; transform: translate3d(0, -100%, 0); transform:translate3d(0,-100%,0); width: 0; height: 0;}
		to {opacity:1;transform: translate3d(0, 0, 0); transform:translateZ(0); width: 1px; height: 250px;}
	}
	@keyframes line1 {
	from {opacity:0;transform: translate3d(0, -100%, 0); }
	to {opacity:1;transform: translate3d(0, 0, 0); width: 1px; height: 250px;}
	}

	@-webkit-keyframes line2 {
		from {opacity:0; transform: translate3d(0, -100%, 0); transform:translate3d(0,-100%,0); width: 0;}
		to {opacity:1;transform: translate3d(0, 0, 0); transform:translateZ(0); width: 620px;}
	}
	@keyframes line2 {
	from {opacity:0;transform: translate3d(0, -100%, 0); }
	to {opacity:1;transform: translate3d(0, 0, 0); width: 620px;}
	}
	@keyframes main_text03 {
		from { height:0; } 50%{ height:0;}
	}

	.scroll_box1{position:absolute; right:80px; bottom:270px; width:60px; z-index:10; margin-right:-30px; font-family: 'Jost'; color:#fff; font-size:14px; letter-spacing:2px;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg); font-weight: 400;
	}
	.scroll_box1.fixed1.cb1 {/* position: fixed; */ bottom: 40px;}
	.scroll_box1::before{position:absolute; left:80px; bottom:-5px; display:block; width:15px; height:28px; background:url(/images/main/scroll1.png) no-repeat center center; content:"";
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}
	.scroll_box1.cb1 {color: #000; bottom: 80px; cursor: pointer; font-weight: 500; z-index: 11;}
	.scroll_box1.cb1.col1 {color: #fff;}
	.scroll_box1.cb1.col1:before {background:url(/images/main/scroll1.png) no-repeat center center; transform: rotate(90deg);}
	.scroll_box1.cb1::before{position:absolute; left:-20px; bottom:-5px; display:block; width:15px; height:28px; background:url(/images/main/scroll2.png) no-repeat center center; content:"";
		-webkit-transform:rotate(-90deg);
		-moz-transform:rotate(-90deg);
		-ms-transform:rotate(-90deg);
		-o-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}

	.mncont1 {position:relative; min-width:1400px; margin:0 auto; overflow:hidden; box-sizing: border-box; height: 100vh;/*  padding-bottom: 100px; */ background: #f5f6f6; display: flex; align-items: center;}
	.mncont1.sec5 {padding-bottom: 100px;}
	.mncont1 > .mcont1 {width:100%; margin:0 auto; text-align:left; position: relative; overflow: hidden; display: flex; align-items: center; height: 100%;}
	
	.mncont1 > .mcont1.mT80 {margin-top: 80px;}
	.mncont1 > .mcont1 .fr.mR50 {margin-right: 60px;}
	.mncont1 > .mcont1 .fl, .mncont1 > .mcont1 .fr {width: 50%; height: 100%;}
	.mncont1 > .mcont1 .fl div, .mncont1 > .mcont1 .fr div {width: 100%; height: 100%;}
	.mncont1 > .mcont1 .cont1_box1 {margin-left: 100px; height: 100%; display: flex;  justify-content: center; flex-direction: column;}
	
	.mncont1 > .mcont1 .cont1_box1 > div:first-child {display: flex; justify-content: center; align-items: flex-start; transform: translateX(0px);}
	.mncont1 > .mcont1 .cont1_box1 > div:first-child img {margin-top: -30px; margin-left: -40px; }
	.mncont1 > .mcont1 .cont1_box1 .tit1 {font-family: 'Cormorant', serif; font-weight: 500; color: #0a0909; font-size: 140px; line-height: 120px; letter-spacing: -5px; }
	.mncont1 > .mcont1 .cont1_box1 .tit1 span {color: #040443;}
	.mncont1 > .mcont1 .cont1_box1 .txt1 {margin-top: 90px; display: flex; justify-content: flex-start;}
	.mncont1 > .mcont1 .cont1_box1 .txt1 > span {width: 90px; height: 1px; background: #040443; display: inline-block; margin-top: 20px; margin-right: 30px;}
	.mncont1 > .mcont1 .cont1_box1 .txt1 div {}
	.mncont1 > .mcont1 .cont1_box1 .txt1 div h2 {font-size: 36px; line-height: 45px; color: #333; font-weight: 400; letter-spacing: -2px;}
	.mncont1 > .mcont1 .cont1_box1 .txt1 div h2 span {color: #040443; font-weight: 700;}
	.mncont1 > .mcont1 .cont1_box1 .txt1 div p {color: #666; font-weight: 400; font-size: 16px; line-height: 23px; margin-top: 30px;}
	.mncont1 > .mcont1 .cont_figure1 {position: absolute; left: 50%; z-index: 1; margin-left: 550px; margin-top: 118px;}
	.mncont1 > .mcont1 .cont_figure2 {position: absolute; left: 50%; margin-left: 800px;}

	.mncont1 > .mcont1.s2 {justify-content: flex-end;}
	.mncont1 > .mcont1.s2 .cont1_box1 {margin-left: 0; margin-right: 250px;}
	.mncont1 > .mcont1.s2 .cont1_box1 .tit1 {line-height: 150px;}
	.mncont1 > .mcont1.s2 .cont1_box1 .tit1 span:nth-child(2) {font-family: 'Pretendard-ExtraLight'; color: #333; vertical-align: middle;}
	.mncont1 > .mcont1.s2 .cont1_box1 .txt1 {margin-top: 60px;}
	.mncont1 > .mcont1.s2 .cont1_box1 > div:first-child img {margin-top: 0;}
	.mncont1 > .mcont1.s2 .cont_figure1 {margin-left: -180px; bottom: 8%;}
	.mncont1 > .mcont1.s2 .cont_figure2 {margin-left: -60px; bottom: 25%;}

	.mncont4 {position:relative; display: flex; text-align:center; height:100%; box-sizing:border-box; overflow:hidden; align-items: center;}
	.mncont4 .cont_wrap1 {display: flex; text-align: center; align-items: center; width: 100%;}
	.mncont4 .cont_wrap1 .mbox1{display:table; flex:1; height:100%; }
	.mncont4 .cont_wrap1 .mbox1:before {background:url(/images/main/cont4_bg1.png) no-repeat 50% 50%; background-size:cover !important; content: ""; width: 700px; height: 100%;}
	.mncont4 .cont_wrap1 .mbox2{display:table; height:100%;}
	.mncont4 .cont_wrap1 .mbox1 .mcont1{display:table-cell; vertical-align:middle;}
	.mncont4 .cont_wrap1 .mbox2 .mcont2{display:table-cell; vertical-align:middle; padding-left:100px; padding-top:80px; text-align:left;}

	.mncont5 {position: relative; overflow: hidden; margin-top: 0px; background: #f5f6f6; height: 100vh; display: flex; align-items: center; justify-content: center;}
	.mncont5:before {position: absolute; left: 0; top: 0; width: 100%; background: url(/images/main/cont5_bg1.jpg) center top no-repeat; background-size: cover; content: ''; height: 100vh;}
	.mncont5 .mcont1 {width: 1400px; text-align: left; position: relative;}
	.mncont5 .mcont1 .swiper-slide {position: relative; margin: 0 auto; width: 1400px; margin-top: 80px;}
	.mncont5 .mcont1 .swiper-slide > img {margin-left: 120px; opacity: 0;}
	.mncont5 .mcont1 .txt_box1 {position: absolute; left: 0; top: 160px;}
	.mncont5 .mcont1 .txt_box1 div {display: flex;}
	.mncont5 .mcont1 .txt_box1 h1 {font-size: 100px; line-height: 100px; font-family: 'Cormorant', serif; font-weight: 500; mix-blend-mode: difference; color: #fff; letter-spacing: -1.5px; opacity: 0;}
	.mncont5 .mcont1 .txt_box1 div span {font-size: 100px; line-height: 108px; font-family: 'Cormorant', serif; font-weight: 500; mix-blend-mode: difference; color: #fff; letter-spacing: -1.5px; opacity: 0; display: inline-block;}
	.mncont5 .mcont1 .txt_box1 div span.t2 {line-height: 100px;}
	.mncont5 .mcont1 .txt_box1 div span.t4 {line-height: 100px;}
	.mncont5 .mcont1 .txt_box1 h1 em {font-family: 'Pretendard-Light'; font-weight: 300;}
	.mncont5 .mcont1 .txt_box1 h2 {font-family: 'Pretendard-Bold'; font-weight: 700; font-size: 32px; line-height: 50px; color: #fff; margin-left: 140px; opacity: 0;}
	.mncont5 .mcont1 .txt_box1 h2 em {font-family:"Jost"; font-weight: 700; font-size: 60px; line-height: 50px;}
	.mncont5 .mcont1 .txt_box1 .line1 {width: 0px; background: rgba(255,255,255,0.5); display: inline-block; height: 1px; margin: 30px 0;}
	.mncont5 .mcont1 .txt_box1 p {font-size: 16px; line-height: 22px; color: #fff; letter-spacing: -1px; font-family: 'Pretendard-Regular'; font-weight: 400; margin-left: 140px; margin-top: 20px; opacity: 0;}
	.mncont5 .mcont1 .nimg1 {width: 270px; position: absolute; right: 0; bottom: -74px; margin-top: 100px; opacity: 0;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active > img {-webkit-animation:fadeInMove2 1.5s ease both;animation:fadeInMove2 1.5s ease both; -ms-animation:fadeInMove2 1.5s ease both; animation-delay:.4s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .nimg1 {-webkit-animation:fadeInMove2 1.1s ease both;animation:fadeInMove2 1.1s ease both; -ms-animation:fadeInMove2 1.1s ease both; animation-delay:.8s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .txt_box1 div h1 {-webkit-animation:fadeIn 1.4s ease both;animation:fadeIn 1.4s ease both; -ms-animation:fadeIn 1.4s ease both; animation-delay:1.2s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .txt_box1 div span {-webkit-animation:fadeIn .1s ease both;animation:fadeIn .1s ease both; -ms-animation:fadeIn .1s ease both; animation-delay:0s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .txt_box1 .line1 {-webkit-animation:line2 1.1s ease both;animation:line2 1.1s ease both; -ms-animation:line2 1.1s ease both; animation-delay:.8s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .txt_box1 h2 {-webkit-animation:textUp1 1.1s ease both;animation:textUp1 1.1s ease both; -ms-animation:textUp1 1.1s ease both; animation-delay:1s;}
	.mncont5 .mcont1 .swiper-slide.swiper-slide-active .txt_box1 p {-webkit-animation:textUp1 1.1s ease both;animation:textUp1 1.1s ease both; -ms-animation:textUp1 1.1s ease both; animation-delay:1.4s;}
	
	.swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;  
    }
	.mncont5 .scrollbox1{
		position:absolute; left:140px; bottom:0px;
		text-align:center; font-size: 14px;
		font-family:"Jost"; color:#fff; font-weight:400; display: flex; align-items: center;
	}
	.mncont5 .scrollbox1 > span{
		position:relative;
		display:inline-block;
		width:15px; height:20px; box-sizing:border-box; margin-right: 10px;
		border-radius:20px;
		border:2px solid #fff;
	}
	.mncont5 .scrollbox1 > span::before{
		position:absolute; left:5px; top:2px;
		width:1px; height:5px;
		background:#fff;
		animation: bounce1 400ms linear infinite alternate; animation-timing-function:ease-in-out;
		content:"";
	}
	.mncont5 .scrollbox1 > span:after {
		background: #fff; width: 1px; height: 5px; position: absolute; left: 5px; top: -5px; content: "";
	}
	.mncont6 {position: relative; overflow: hidden; z-index: 2; height: 100vh; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; align-content: center;}
	.mncont6 .mcont1 {width: 1400px; position: relative;}
	.leslide1 {position: absolute; top: 0;}
	.mncont6 .demo1 {margin-left: 0px; position: relative; width: 100%;}
	.mncont6 .demo1 .txt1{left:0px; top:150px; position: absolute; text-align: left;}
	.mncont6 .demo1 .txt1 > h1{font-size:50px; line-height: 50px; font: weight 600px;; color:#b38a5f; font-family: 'Cormorant', serif; font-weight: 500;}
	.mncont6 .demo1 .txt1 > h2 {font-size:40px; line-height:65px; margin-top:20px; font-family: 'Pretendard-ExtraLight'; font-weight: 200; color: #333; letter-spacing: -2px;}
	.mncont6 .demo1 .txt1 > h2 em {font-family: 'Pretendard-SemiBold'; font-weight: 600;}
	.mncont6 .demo1 .txt1 > p{color: #666; font-size:16px; line-height:24px; margin-top:20px; font-family: 'Pretendard-Regular'; font-weight: 400;}
	.mncont6 .demo1 .lebox1 img.lcir1 {position: absolute; right: 0px; top: 300px;}
	.mncont6 .demo1 .lebox1 img.lline1 {position: absolute; right: 452px; bottom: 0;}
	.mncont6 .demo1 .lebox1{position:absolute; right:-1000px; top:160px; z-index:1;}
	.mncont6 .demo1 .lebox1::before{position:absolute; /* width:100%; height:100%; */ display:inline-block;  content:""; background: rgba(0,0,0,.7); border-radius: 50%;}
	.mncont6 .demo1 .lebox1.active {position:relative; left: 50%; top: 0px; height: 610px; z-index:100;
	-webkit-animation:fadeIn1 1.1s ease both;animation:fadeIn1 1.1s ease both; -ms-animation:fadeIn1 1.1s ease both; right: auto; margin-left: -580px; /* width: 1260px;  */overflow: inherit; width: 1260px;
	}
	
	.mncont6 .demo1 .lebox1.active .txt1{opacity:1;
	-webkit-animation:fadeInDown1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInDown1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInDown1 .8s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.4s;
	}
	.mncont6 .demo1 .lebox1.active img.cont6_img1 {box-shadow: 10px 15px 25px 1px rgba(0,0,0,0.3); border-radius: 10% 10% 50% 50%; margin-right: 120px; /* width: 650px; */ float: right; -webkit-animation:fadeInDown2 .7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInDown2 .7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInDown2 .7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.2s;}
	.mncont6 .demo1 .lebox1.active .cont6_icon1 {display: block; position: absolute; right: 40px; bottom: 110px; -webkit-animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.3s;}
	.mncont6 .demo1 .lebox1.active .lcir1 {display: block;  -webkit-animation:fadeInDown1 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInDown1 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInDown1 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
			animation-delay:.5s;}
	.mncont6 .demo1 .lebox1.active .lline1 {display: block;  -webkit-animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove4 .9s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
			animation-delay:.5s;}
	.mncont6 .demo1 .lebox1.nextimg {z-index:10;
	-webkit-animation:fadeInMove2 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove2 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove2 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.1s;
		right: -250px;
		cursor: pointer; width: 500px; top: 60px;
	}
	.mncont6 .demo1 .lebox1.nextimg .txt1, .mncont6 .demo1 .lebox1.nextimg .lline1 {display: none;}
	.mncont6 .demo1 .lebox1.nextimg::before{ position: absolute;left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
	.mncont6 .demo1 .lebox1.nextimg img.cont6_img1 {left: 0px; position: relative; width: 500px; height: 500px; border-radius: 50%;}

	.mncont6 .demo1 .lebox1.previmg {z-index:10;
	-webkit-animation:fadeInMove1 0.7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove1 .7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove1 0.7s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
		animation-delay:.1s;
		left: -200px; right: auto;
		cursor: pointer; width: 500px; top: 60px; 
	}
	.mncont6 .demo1 .lebox1.previmg .lcir1, .mncont6 .demo1 .lebox1.previmg .lline1, .mncont6 .demo1 .lebox1.previmg .txt1, .mncont6 .demo1 .lebox1 .cont6_icon1 {display: none;}
	.mncont6 .demo1 .lebox1.previmg::before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
	.mncont6 .demo1 .lebox1.previmg img.cont6_img1 {left: 0px; position: relative; width: 500px; border-radius: 50%; height: 500px;}
	.mncont6 .demo1 .lebox1.active::before{opacity:0;}

	.vleft3,
	.vright3 {position:absolute; left: 270px; width:50px; height: 50px; background:url(/images/main/btn_arr1.png) no-repeat left center; cursor:pointer; z-index: 100; margin-left: 0px;}
	.vright3 {background-position:-50px center; right: 220px; left: auto; margin-left: 0;}
	.vleft3.le1,
	.vright3.le1 {left: -200px; background: transparent; top: 215px; border-radius: 250px; width: 500px; height: 500px;}
	.vright3.le1 { right: -250px; left: auto;}

	@media screen and (max-width:2000px) {
		.mncont6 .demo1 .lebox1.active {width: 64%;}
		.mncont6 .demo1 .lebox1.previmg {left: 50%; margin-left: -1210px;}
		.vleft3 {left: 50%; margin-left: -740px;}
		.vleft3.le1 {left: 50%; margin-left: -1210px;}
	}
	@media screen and (max-width:1610px) {
		.mncont6 .demo1 .lebox1.active {width: 75%; margin-left: -570px;}
		.mncont6 .demo1 .lebox1.nextimg {right: -350px;}
		.vright3 {right: 120px;}
	}
	@media screen and (max-width:1410px) {
		.cirbox1.cont3{left:52%;}
		.mncont6 .demo1 .lebox1.active{left:55%; width:1080px;}
		.mncont6 .demo1 .lebox1.previmg {left: 60%;}
		.mncont6 .demo1 .lebox1.nextimg {right: -400px;}
		.vleft3 {margin-left: -600px;}
		.vright3 {right: 70px;}
		/*.mncont6 .demo1 .lebox1.previmg {display: none;}*/
		.vleft3.le1,
		.vright3.le1 {display: none !important;}
		.ctrl_box3{left:55%;}
	}

	.imgL1_1 {margin: 0px 0 0 0; position: relative; z-index: 11;}
	.imgL1_1.Left1 {-webkit-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgL2_1 {margin: 520px 0 120px 0; position: relative; z-index: 11;}
	.imgL2_1.Left1 {-webkit-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgL3_1 {margin: 440px 0 150px 0; position: relative; z-index: 11; mix-blend-mode: difference;}
	.imgL3_1.Left1 {-webkit-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove2 1.0s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgL4_1 {margin: 220px 0 50px 0; position: relative; z-index: 11;}
	.imgL4_1.Left1 {-webkit-animation:fadeInMove3 1s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	
	.cent_box1 {display: inline-block; position: absolute; left: 52%; top: 44%; transform: translate(-50%,-50%); text-align: center; z-index: 10; margin-top: 55px;}
	.cent_box1.mT20 {margin-top: 20px;}
	.imgM1_1.Center1{-webkit-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgM2_1.Center1{-webkit-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgM3_1.Center1{-webkit-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgM4_1.Center1{-webkit-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}

	.imgR1_1 {margin-top: 0px;}
	.imgR1_1.Right1 {-webkit-animation:fadeInMove1 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgR2_1 {margin-top: 190px; position: relative; z-index: 11; mix-blend-mode: difference;}
	.imgR2_1.Right1 {-webkit-animation:fadeInMove1 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgR3_1 {margin-top: 130px; position: relative; z-index: 11;}
	.imgR3_1.Right1 {-webkit-animation:fadeInMove1 1.0s 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove1 1.0s 1.5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgR4_1 {margin-top: 280px; position: relative; z-index: 11;}
	.imgR4_2 {margin-top: 90px; position: relative; z-index: 11;}
	.imgR4_1.Right1 {-webkit-animation:fadeInMove3 1.3s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.3s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.3s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.imgR4_2.Right1 {-webkit-animation:fadeInMove3 1.5s 1.0s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeInMove3 1.5s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeInMove3 1.5s 1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	
	/* .section.off .mncont1 .fl {-webkit-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.section.off .mncont1 .cent_box1 {-webkit-animation:fadeOutMove1 .3s .3s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeOutMove1 .3s .3s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeOutMove1 .3s .3s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.section.off .mncont1 .fr {-webkit-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;}
	.section.off .cent_box2 {-webkit-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:fadeOutMove1 .1s .1s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;} */

	@keyframes showCircle {
		from {opacity:0; transform: translate(-50%, -50%) scale(0.3); transform-origin: center center;}
		to {opacity:1; transform: translate(-50%, -50%) scale(1); transform-origin: center center;}
	}

	@media screen and (max-width:1410px) {
		.cent_box1 img{width:900px;}

		.mncont1 > .mcont1 .fr.mR50{margin-right:0;;}
		.mncont1.bg4:before {left:0; margin-left:0; width:55vw;} 
	 }

	.mncont7 {position:relative; min-width:1400px; margin:0 auto; overflow:hidden; box-sizing: border-box; height: 100vh;/*  padding-bottom: 100px; */ background: #f5f6f6; display: flex; align-items: center;}
	.mncont7:before {position: absolute; left: 50%; margin-left: -50vw; width: 56vw; height: 87vh; content: ""; background: url(/images/main/cont4_bg1_240510.png) 50% 50% no-repeat; top: 170px; background-size: 100% 100% !important;}
	.mncont7 > .mcont1 {width:1400px; margin:0 auto; text-align:left; position: relative; overflow: hidden; display: flex; align-items: center; height: 100%; justify-content: space-between;}
	.mncont7 > .mcont1 .fr {margin-right: 60px;}
	.mncont7 > .mcont1 .fr > img:first-child {margin-top: 200px;}
/*main*/

/*cflayer1*/
	.cflayer1{position:absolute; right:50%; top:100px; margin-right:-600px; width:1200px;  z-index:10000; padding-bottom:46%;}
	.cflayer1 .top1{position:relative; }
	.cflayer1 .top1 h2{ font-size:36px; color:#fff; padding-top:20px; padding-bottom:20px; margin-bottom:40px;}
	.cflayer1 .top1 .cbtn1{position:absolute; right:0px; top:20px; z-index:100;}
	.cflayer1 .movieb1{margin-top:20px; margin-bottom:40px;}
/*cflayer1*/

/*sub*/	
.svisualbox1{position:relative; width:100%; min-width:1200px; height:430px; overflow:hidden; z-index:10;}
.svisualbox1 .slider1{position:absolute; left:0; top:0; width:100%; height:430px; z-index:10; overflow:hidden;}

.svisualbox1 .slider1 .slick-list,  
.svisualbox1 .slider1 .slick-track, 
.mainimg1{
	width:100%; height:100%; overflow:hidden;
}
.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 4800ms  ease-in-out ;
	-moz-transition:transform 4800ms ease-in-out ;
	-o-transition:transform 4800ms ease-in-out ;
	-ms-transition:transform 4800ms ease-in-out ;
	transition:transform 4800ms ease-in-out ;	
	transform: scale(1.05) ;
}
.svisualbox1 .slider1 .active .mainimg1{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
	-o-transform: scale(1.0,1.0) rotate(0.002deg);
	-moz-transform: scale(1.0,1.0) rotate(0.002deg);
	-webkit-transform: scale(1.0,1.0) rotate(0.002deg);
	transform: scale(1.0) rotate(0.002deg);
}
	
.svisualbox1 .visualtxt1{position:absolute; left:50%; bottom: 60px; margin-left: -600px;}
.svisualbox1 .visualtxt1 .txt1{text-align:left; font-size:55px; line-height:72px; color:#fff; font-family: 'Pretendard-Bold'; font-weight: 700;}
.svisualbox1 .visualtxt1 .txt1 em{font-size:25px; line-height:25px; font-weight:400; font-family: 'Cormorant', serif; display:block; color: rgba(255,255,255,0.5); letter-spacing: 1px;}
/* .svisualbox1 .visualtxt1 .txt1 em::after{display:block; width:40px; height:4px; margin:0 auto; margin-top:10px; margin-bottom:10px; background:#f2693a; content:"";} */
@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; display: inline-block;}
.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; 
}
	
	.submenu1 {position:relative; width: 1200px; height:60px; line-height:60px; box-sizing: border-box; margin: 0 auto;}
	.submenu1.fixed{position:fixed; left:0; top:0;}	
	
	.leftmenu01{position:relative; display:table; height:60px;}
	.leftmenu01 li{position:relative; display:table-cell; line-height:60px; text-align:center;color:#333; font-size:18px; padding:0 39px;}
	.leftmenu01 li::before{position:absolute; left:-1px; top:37%; width:1px; height:26%; background:#c5c5c5; content:"";}
	.leftmenu01 li:nth-child(2)::before{display:none;}
	.leftmenu01 li.on::before {display: none;}
	.leftmenu01 li.home1 {display: none;}
	.leftmenu01 li.tit1 {display: none;}
	.leftmenu01 li.on {background: #fff; z-index: 1;}
	.leftmenu01 li a{color:#333; font-family: 'Pretendard-SemiBold'; font-weight: 600;}
 	.leftmenu01 li a:active, .leftmenu01 li a:focus, .leftmenu01 li.on a, .leftmenu01 li a:hover{color:#00004a;}
	/* .leftmenu01 li a:active:before, .leftmenu01 li a:focus:before, .leftmenu01 li.on a:before, .leftmenu01 li a:hover:before{content: ""; position: absolute; left: 50%; bottom: 0; background: #791a39; width: 60%; height: 1px; transform: translate(-50%,-50%);} */
	
	/* .leftmenu01 li::before{position:absolute; left:0; top:37%; width:1px; height:26%; background:#888; content:"";} */
	/* .leftmenu01 li:first-child::before{display:none;} */
	
	.loc{position:relative; height:120px; font-size:11px; color:#888888; text-align:center;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative; font-family: 'S-CoreDream6'; font-size:40px; line-height:45px;color:#014da1;}
	.loc h2 span {font-family: 'S-CoreDream1'; font-weight: normal;}
	/* .loc h2::after{display:block; width:28%; margin:0 auto; margin-top:30px; background:#fff; color:#149284; font-weight:500; padding-left:20px; font-size:14px; font-family:"Jost"; letter-spacing:20px; content:"PARK DREAM"; }
	.loc h2::before{position:absolute; left:0; bottom:23px; width:100%; height:1px; background:#149284; content:""; z-index:-1;} */
	
	.loc{position:relative; height:120px; font-size:11px; color:#333; text-align:center; display: none;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative; font-family:'NanumSquareR'; font-size:40px; line-height:40px; color:#333; }
	.loc h2::before{position:absolute; right:50%; top:70px; margin-right: -15px; width:30px; height:2px; background: #001937; content: "";}
	
	.map_zoom {position: relative; width: 1200px; margin: 0 auto;}
	.target {
		display: block;
		width: 100%;
	}
	.magnifier {
		width: 350px;
		height: 350px;
		position: absolute;
		border-radius: 100%;
		box-shadow: 0 0 0 7px rgba(16, 88, 86, 1),0 0 7px 7px rgba(0, 0, 0, 0.25),inset 0 0 20px 2px rgba(0, 0, 0, 0.25);
		display: none;
		cursor: none;
	}
/*sub*/
	
.tab1{display:table; table-layout:fixed; width:100%;}
.tab1 li{position:relative; display:table-cell; line-height:50px; border:1px solid #f9f9f9; border-bottom:1px solid #333; border-left:none; color:#888; text-align:center; font-size:18px;vertical-align:middle; background:#f9f9f9;}
.tab1 li:before {display:block; content:''; position:absolute; top:0; left:-1px; width:1px; height:50px; background:#ddd;}	
.tab1 li.on:before{background: #333;}
.tab1 li.on + li:before{display:none;}	
.tab1 li a{display:block; line-height:50px; color:#999999;}
.tab1 li.on{background:#fff; border-top:1px solid #333; border-right:1px solid #333; border-bottom:none; font-weight:bold; }	
.tab1 li.on a{color:#333;}

/*reserve*/
	.rchkbox1{max-width:1120px; background:url(/reserve/bg1.png) no-repeat center center; padding:40px;}
	.rchkbox1.t2{background:url(/reserve/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 > table{width:32%; margin:0 auto; border-spacing:0; border-collapse:collapse; table-layout:fixed; font-size:14px; margin-top:50px;}
	.rchkbox1 > div.cont1 > table th,
	.rchkbox1 > div.cont1 > 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 .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/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/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*/

/*sitemap*/
.sitelist{width:156px; float:left; margin-right:10px; border-top:2px solid #547da3; border-bottom:2px solid #d0d0d0; padding-bottom:10px;}
.sitelist li{line-height:34px; text-align:center; font-family: 'NanumSquareR'; text-align:left; text-indent:15px; }
.sitelist li.stit1{background:#ececec; font-size:16px; color:#333333; font-weight:bold; text-align:center; text-indent:0; margin-bottom:10px;}
.sitelist li a{display:block; line-height:32px; color:#888888; font-size:14px;}
.sitelist li a:hover{text-decoration:none;}
.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{float:left; }
.mapbox1 .map1{float:left; width:478px; height:388px; border:1px solid #cccccc;}
.mapbox1 img{float:left; margin-left:46px;}
/*sitemap*/

.is-animated.ready{alpha(opacity=0); opacity:0;}
.animate__delay-100ms{ animation-delay: 100ms; }
.animate__delay-200ms{ animation-delay: 200ms; }
.animate__delay-300ms{ animation-delay: 300ms; }
.animate__delay-400ms{ animation-delay: 400ms; }
.animate__delay-500ms{ animation-delay: 500ms; }
.animate__delay-600ms{ animation-delay: 600ms; }
.animate__delay-700ms{ animation-delay: 700ms; }
.animate__delay-800ms{ animation-delay: 800ms; }
.animate__delay-1000ms{ animation-delay: 1000ms; }
.animate__delay-1200ms{ animation-delay: 1200ms; }
.animate__delay-2000ms{ animation-delay: 2000ms; }
.animate__delay-3000ms{ animation-delay: 3000ms; }
.animate__delay-3500ms{ animation-delay: 3500ms; }
.animate__delay-4000ms{ animation-delay: 4000ms; }
.animate__delay-4500ms{ animation-delay: 4500ms; }
.animate__delay-5000ms{ animation-delay: 5000ms; }