/**/
.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%;}
.not_scroll #pageWrap {position: relative; top: 0;}
html { scrollbar-arrow-color: #efefef;
	scrollbar-Track-Color: #efefef;
	scrollbar-base-color: #dfdfdf;
	scrollbar-Face-Color: #dfdfdf;
	scrollbar-3dLight-Color: #dfdfdf;       
	scrollbar-DarkShadow-Color: #dfdfdf;
	scrollbar-Highlight-Color: #dfdfdf;
	scrollbar-Shadow-Color: #dfdfdf}
/*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:absolute; left:100px; top:100px; z-index:101; }
	.gcont1{color:#fff; font-size:16px; font-weight:bold; z-index:10;}
	.gcont1.on{}
	.gcont1.off{}
	.rdbtn1,
	.rdbtn2{display:inline-block; width:17px; height:17px; background:url(/images/common/btn/btn_play1.png) no-repeat left center; vertical-align:middle;}
	.rdbtn1.pause{background-position:right center;}
	@media screen and (max-width:1400px) {
		.gnbbox1 {left: 20px;}
	}
	@media screen and (max-width:1099px) {
		.gnbbox1 {left: 5%;}
	}
	@media screen and (max-width:480px) {
		.gnbbox1 {top: 70px;}
	}
/*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;}

	/* .mpopup1 {display: none;}
	@media screen and (max-width: 768px){
		.wpopup1 {display: none;}
		.mpopup1 {display: block;}
	} */
/*popup*/
	#menu-box .bgdepth1{width:100%; /* height:110px; */}
	#header .logo1 {position: absolute; left: 100px; top: 18px; z-index: 99; display: none;}
	#header .logo2 {position: absolute; left: 100px; top: 18px; z-index: 99; display: block; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
	#header #menu-Area.on .logo1, #header.sub1 .logo1 {display: block !important;}
	#header #menu-Area.on .logo2, #header.sub1 .logo2 {display: none !important;}

	.topmenu{position:relative; margin:0 auto; text-align:left;}
	
	#menu-Area{position:absolute; left:0; top:0; width:100%;  overflow:hidden; z-index:111;
		transition:all 0.3s ease;
		-webkit-transition: all 0.3s ease;	
	}
	#menu-Area::before{
		position:absolute; left:0; top:110px;
		background:#ddd;
		width:100%; height:1px;
		content:"";
	}
	#menu-Area.on{ background:#fff; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.5); border-bottom:none;}
	#menu-box{z-index:100;}	
	/* #menu-Area.on #menu-box{border-bottom:1px solid #ddd;} */
	.topmenu{position:relative; margin:0 auto; text-align:left;}
	
	.menudep1{display:table; margin: 0 auto; padding-top: 10px;}	
	.menudep1 > li{display:table-cell;}
	.menudep1 > li > a{
		position:relative; 
		display:inline-block; 
		line-height:24px; padding:34px 0; margin:0 35px;
		font-size:18px; font-weight:700;
		color:#fff;
		text-align:center;  
		border-left:none; border-bottom:none;
		-moz-transition:all 1s ease-in-out;
		-webkit-transition:all 1s ease-in-out;
		-moz-transform:all 1s ease-in-out;
		transform:all 1s ease-in-out;
		transition-duration:.1s;
		transition-delay:.01s;
	}
	#header.sub1 .menudep1 > li > a {color: #333;}
	#menu-Area.on .menudep1 > li > a:focus, #menu-Area.on .menudep1 > li > a:hover, #menu-Area.on .menudep1 > li > a.on, #menu-Area.on .menudep1 > li:hover > a,
	#menu-Area.sub.on .menudep1 > li > a:focus, #menu-Area.sub.on .menudep1 > li > a:hover, #menu-Area.sub.on .menudep1 > li > a.on, #menu-Area.sub.on .menudep1 > li:hover > a{
		color:#333; text-underline-offset : 10px; text-decoration-color: var(--main-color1);
	}
	#menu-Area.on .menudep1 > li > a{
		color:#333;
	}
	/* #menu-Area.sub .menudep1 > li > a{
		color:#fff;
	} */
	#menu-Area.sub.on .menudep1 > li > a{
		color:#333;
	}
	.menudep1 > li > a::before{
		position:absolute; left:50%; bottom:-9px;
		width:0; height:2px;
		background:var(--main-color1);
		content:"";
		transition:left ease .5s, width ease .5s;
	}
	.menudep1 > li:hover > a::before{
		left:0;
		width:100%;		
	}
	.menudep1 > li:last-child::before{
		display:none;
	}
	
	@media screen and (max-width:767px) {
		#menu-Area {height: 70px !important;}
		#header .logo1,
		#header .logo2 {top:10px; max-width:100px;}
		#menu-box {height: 70px;}
		/*.menudep1 > li > a{
			margin:0 18px;
		}*/
	}
	
	/* .menudep1 > li > a::after{
		position:absolute; left:50%; top:75px;
		width:0; height:2px; margin: auto;   
		background:#005aab; 
		transition: all 0.2s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.2s ease;
		backface-visibility:hidden;
		opacity: 0;
		content:""; 
	} */
	
	.menudep1 > li > a:focus:after, .menudep1 > li > a:hover:after, .menudep1 > li > a.on:after, .menudep1 > li:hover > a:after{		
  		left: 0px;
		width:100%;
		opacity: 1;
	}
	
	.menudep1 > li > ul{
		height:160px;		
		height:0;  max-height:0; overflow:hidden;
		box-sizing:border-box;
		transition:all 0.3s ease;
		-webkit-transition: all 0.3s ease;	
	}
	.menudep1 > li > ul > li{
		display:block; 
		text-align:center;
	}
	.menudep1 > li > ul > li > a{
		display:block;
		line-height:30px; height:30px; 
		font-size:16px; color:#888888; font-weight:400; 
	}
	.menudep1 > li > ul > li > a.on, .menudep1 > li > ul > li > a:focus, .menudep1 > li > ul > li a:hover{color:var(--main-color1); font-weight: 600; font-size: 16px;}
	
	#menu-Area.on .menudep1 > li > ul{
		max-height:500px; height:190px; margin-top:44px;
	}
	
	.allmenuarea .amenutable{
		display:table;
		width:100%; height:100%;
		vertical-align:middle;
	}
	
	.allmenuarea .amenucont{
		height:100%;
		display:table-cell; 
		vertical-align:middle;
	}
	.allmenuarea .tit1{
		display:none;
	}
	.allmenuarea .amenubox{}
	.allmenuarea .amenubox > li{
		margin-bottom:30px;
	}
	.allmenuarea .amenubox > li > .mnlnk1{
		display:inline-block; 
		/* width:100%;  */
		font-size:40px; color:#333; font-weight:700;
		vertical-align:middle;
	}
	
	.allmenuarea.on{
		display:block;
		opacity:0;
		webkit-animation:textDown2 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown2 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown2 .6s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;
	}
	/**/
	@media screen and (max-width:1200px) {
		.allmenuarea .amenucont{
			display:block;
			vertical-align:top;
			margin-top:100px;
		}
		
		.allmenuarea .amenubox > li > .mnlnk1{
			font-size:40px;
		}
	}
	
	@media screen and (max-width:767px) {
		
	}
	
	@media screen and (max-width:540px) {
		.allmenuarea{
			padding:0 4%;
		}	
		.allmenuarea .amenubox > li{
			padding-bottom:1%
		}
		.allmenuarea .amenubox > li > .mnlnk1{
			font-size:30px;
		}
		
	}
	/* @media screen and (max-width:480px) {
		#menu-box {height: 80px;}
	} */
	/**/
	
	/*태블릿 이하 메뉴온오프*/
	.bleft1{
		position:fixed; right:100px; top:30px;
		text-align:right;
		display:flex; align-items:center; gap:0 clamp(1vw, 4vw, 20px);
		z-index:300;
	}
	.bleft1 > *:first-child{
		text-align:center;	
	}
	.bleft1 > *:first-child > span{
		color:#fff; font-weight:600; font-size:clamp(9px, 1.3vw, 14px); line-height:clamp(9px, 1.3vw, 14px);
	}
	.bleft1 > *:first-child > em{
		color:var(--main-color1); font-weight:600; font-size:clamp(17px, 2.5vw, 28px); line-height:clamp(20px, 3.5vw, 34px);
	}
	#header.fixed .bleft1 > *:first-child > span,
	#header.sub1 .bleft1 > *:first-child > span,
	#header.on .bleft1 > *:first-child > span{
		color:#333;
	}
	#header.open1 .bleft1 > *:first-child{
		display:none;
	}
	
	
	.mmnbtn1 .btn.trigger .line {
		position:absolute; top:50%; left:50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
				transform: translateX(-50%) translateY(-50%);
	}
	
	.mmnbtn1 {	
		width: 50px;
		height: 50px;
		z-index:300;
		position:relative;
		display:inline-block;
	}
	.mmnbtn1 .btn {
		position:absolute; top:0; left:0;
		width:100%; height:100%;		
		-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);
		cursor:pointer;
		z-index:-10;
	}
	.mmnbtn1 .btn.trigger {
		-webkit-transition:-webkit-transform 0.3s;
		transition:-webkit-transform 0.3s;
		transition:transform 0.3s;
		transition:transform 0.3s, -webkit-transform 0.3s;
		cursor:pointer;
		opacity:1;
		z-index:100
	}
	.mmnbtn1 .btn.trigger .line {background:#fff; width:70%; height:2px;}

	.mmnbtn1 .btn.trigger .line:before, .mmnbtn1 .btn.trigger .line:after {background: #fff; position:absolute; left:0;		
		display:block;
		width:100%; height:2px;				
		-webkit-transition:-webkit-transform 0.3s;
		transition:-webkit-transform 0.3s;
		transition:transform 0.3s;
		transition:transform 0.3s, -webkit-transform 0.3s;
		content:"";}
	#header.fixed .mmnbtn1 .btn.trigger .line, #header.sub1 .mmnbtn1 .btn.trigger .line, #header.fixed .mmnbtn1 .btn.trigger .line:before, #header.fixed .mmnbtn1 .btn.trigger .line:after, #header.sub1 .mmnbtn1 .btn.trigger .line:before, #header.sub1 .mmnbtn1 .btn.trigger .line:after, #header.on .mmnbtn1 .btn.trigger .line:before, #header.on .mmnbtn1 .btn.trigger .line:after, #header.on .mmnbtn1 .btn.trigger .line {background:#333;}
	.mmnbtn1 .btn.trigger .line:before {
		top:-12px;
		-webkit-transform-origin:2% 100%;
				transform-origin:2% 100%;
	}
	.mmnbtn1 .btn.trigger .line:after {
		top:12px;
		-webkit-transform-origin:2% 30%;
				transform-origin:2% 30%;
	}
	.mmnbtn1.on .trigger .line  {
		top:50%;
		height:0px;		
	}
	.mmnbtn1.on .trigger .line:before {
		width:120%;
		-webkit-transform:rotate(44deg);
				transform:rotate(44deg);
				background:#333;		
	}
	.mmnbtn1.on .trigger .line:after {
		width:120%;
		-webkit-transform:rotate(-44deg);
			transform:rotate(-44deg);
		margin-top:4px;
		background:#333;
	}
	
	#menu-Area.on .mmnbtn1 .btn.trigger .line, #header.fixed #menu-Area .mmnbtn1 .btn.trigger .line {background:#fff;}
	#menu-Area.on .mmnbtn1 .btn.trigger .line:before, #menu-Area.on .mmnbtn1 .btn.trigger .line:after,
	#header.fixed #menu-Area .mmnbtn1 .btn.trigger .line:before,#header.fixed #menu-Area .mmnbtn1 .btn.trigger .line:after {background:#fff;} 
	#header.fixed .menudep1 > li > a{color:#333; }
	
	/*태블릿 이하 메뉴온오프*/
	.menudep1{transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
	@media (max-width:1400px){

	}
	@media (max-width:1099px){
		#menu-Area{width:100%; height:auto; overflow:hidden;}
		#header .menudep1{display:block;}
		#header .menudep1 > li{display:block; height:auto;}
		#header .menudep1 > li ul{display:none; height:auto; padding-top:0px;}	
		
		#menu-Area {height: 110px !important;}
		
		nav{position:fixed; left:-100%;}	
	}
	@media (max-width:540px){
		
	}
	nav.mobile{position:fixed; left:-100%;}
	@media screen and (max-width:1300px) {
		#header .logo1, #header .logo2 {margin-left: 5%; left: 0; }
		.bleft1 {right: 5%;}
	}
	
/*한줄메뉴*/
	/*
	.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:focus, .menudep1 > li > a:hover, .menudep1 > li > a.on, .menudep1 li:hover a.mnlnk1{color:#333; }
	.menudep1 > li > a.f1{}
	.menudep1 > li > a.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 .mmnbtn1.on .btn.trigger .line:before, #header .mmnbtn1.on .btn.trigger .line:after, #header .mmnbtn1.on .btn.trigger .line {background: #333;}

	.mmnbtn1.on {z-index: 302; }

	@media (max-width:1300px){
		
	}
	@media (max-width:1099px){
		#menu-Area{height:auto; overflow:hidden; width:100%;}
		/* #menu-box .bgdepth1{display: none;} */
		.mnbnn1{position:absolute; right:70px; top:1%; text-indent:-5000px; overflow:hidden;}
		.mnbnn1 em{ display:block; text-align:right; line-height:28px; }
		
		/* .menudep1{clear:both; background:#fff; } */
		
		.menudep1 > li{width:33.33%; /* height:60px; */}
		.menudep1 > li > a{height:auto;}
		.menudep1 > li > ul{height:auto; padding-top:0px; display:none;}
		#header.fixed .menudep1{position:absolute; left:0; /* top:66px; */}
	}
	@media (max-width:767px){
		.bleft1 {top: 8px;}
	}
	
	#menu-box .bgdepth1.mobile{position:fixed; overflow-y:auto; width:264px; right:-265px; top:0; display:; background:#3f5f62; z-index:300;
		-webkit-overflow-scrolling: touch;
		-webkit-transition: right 200ms ease-in-out;
		-moz-transition: right 200ms ease-in-out;
		-ms-transition: right 200ms ease-in-out;
		-o-transition: right 200ms ease-in-out;
		transition: right 200ms ease-in-out;
		-webkit-overflow-scrolling: touch;
		overflow:scroll;
		overflow-x:hidden;
		overflow-y:auto;
	}
	#menu-box .bgdepth1.mobile .topmenu{position:relative; width:264px; text-align:left; margin:0}
	#menu-box .bgdepth1.mobile .topmenu span.tit1{display:block; background:#fff; text-align:center; font-size:26px; color:#333; font-weight:bold; height:58px; line-height:58px;}
	#menu-box .bgdepth1.mobile .menudep1{position:relative; width:264px; background:#3f5f62;}
	#menu-box .bgdepth1.mobile .menudep1 li{float:none; width:264px; margin:0; padding:0; line-height:40px; /* height:40px; */}
	#menu-box .bgdepth1.mobile .menudep1 > li > a{display:block; line-height:40px; /* height:40px; */ color:#fff; margin:0 auto;}
	.menudep1 > li > a:focus, .menudep1 > li > a:hover, .menudep1 > li > a.on, .menudep1 li:hover a.mnlnk1{color:#333;}
	
	#menu-box .bgdepth1.mobile.on{right:0; left: auto;}

	@media (max-width:480px){
		/* .mmnbtn1 {top: 40px; right: -15px;} */
		#menu-box .bgdepth1.mobile {width: 100%; right: -100%;}
		#menu-box .bgdepth1.mobile.on {right: 0%;}
		#menu-box .bgdepth1.mobile .topmenu {width: 100%; text-align: center;}
		#menu-box .bgdepth1.mobile .menudep1 {width: 100%;}
		#menu-box .bgdepth1.mobile .menudep1 li {width: 100%;}
	}

	.amn{position:fixed; top:0; z-index:301; height: 100%; width:100%; right:-100%; display:; background:#fff; 
		-webkit-transition: right 200ms;
		-moz-transition: right 200ms;
		-ms-transition: right 200ms;
		-o-transition: right 200ms;
		transition: right 200ms;
		overflow: hidden;
			overflow-y: scroll;
			position: fixed;
		}
		.amn.view {right: 0;}
		.amn {
			-ms-overflow-style: none; /* IE and Edge */
			scrollbar-width: none; /* Firefox */
		}
		.amn::-webkit-scrollbar {
			display: none; /* Chrome, Safari, Opera*/
		}
		
		.amn .mclose1{text-align:right; padding-left:20px; vertical-align:middle; display:table-cell;}
		.amn::before{position:absolute; left:160px; top:0; width:1px; height:100%; background:#ddd;}
		.amn .mclose1.on{}
		.amn .mclose1 em{font-size:26px; color:#fff; display:inline-block;}
		.amn .mntop1{position:relative; width:100%; height:100px; font-size:17px; font-weight:bold; text-align:left; margin-top:0px; }
		.amn .mntop1 .mmbox1{width:92%;  right:-304px; display:table; vertical-align:middle;
		-webkit-transition: right 200ms;
		-moz-transition: right 200ms;
		-ms-transition: right 200ms;
		-o-transition: right 200ms;
		transition: right 200ms;
		}
		.amn.view .mntop1 .mmbox1{position:fixed; right:0; top:0; width:304px; background:;}
		
		@media screen and (max-width: 640px) {
			.amn.view .lbox1 {margin-top: 5%; margin-bottom: 20%;}
			.amn.view .lbox1 .vlogo1 {width: 50%;}
			/* .amn.view .vlogo1 {top: 5.1%; width: 30%; max-width: none;} */
		}
		
		@media screen and (max-width: 480px){
			.amn .mntop1 ul li{font-size:20px;}
			.amn .mntop1 ul li em{font-size:13px;}
		}
		.amn .menubox1{ background:#; position: relative;}
		.amn .menubox1:before {content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; left: 50%; top: 0; margin-left: 7%; z-index: 10;}
		.amn .menubox1:after {content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; left: 50%; bottom: -25%; margin-left: 7%; z-index: 10;}
		.amn .mlist > img {position: absolute; left: 50%; margin-left: -35%; z-index: 11;} 
		.amn .mlist{margin: 0 auto; margin-top: 5%; position: relative;}		
		.amn .mlist > li.on {line-height: 60px;}
		/* .amn .mlist li.md1.on a span {color: #333;} */
		.amn .mlist > li {padding:0 0; line-height:60px; color:#042f36; margin:0 auto; text-align: left; background: #fff; /* border-bottom: 1px solid rgba(255,255,255,0.2); */ margin-top: 20px;}
		.amn .mlist > li > a {
			position:relative; color:#c9c9c9; text-align:left; /* padding: 10px 0 3px 0; */ left: 50%; margin-left: -13%; 
		display:inline-block; line-height:50px; font-size:42px; font-weight:500; 
		}
		.amn .mlist > li.on  > a{
			color:#333; font-weight:800;
		}
		/* .amn .mlist li.md1.on a.mlnk1 {border-bottom: 4px solid #191d43;} */
		.amn .mlist > li > a::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);
		}
		.amn .mlist > li:first-child {margin-top: 0;}
		
	.amn .mlist > li.l1 > a{color:#333; letter-spacing:-1px;}
	.amn .mlist > li.none1 > a{background:; }
	.amn .mlist > li .mdtit1 {}
	
	.amn .mlist > li > ul{display:none; text-align:center; background:#fff; /* border-top:1px solid rgba(255,255,255,0.2); */ /* padding:10px 0 20px; */ overflow:hidden;}
	.amn .mlist > li > ul > li{padding:20px 0; /* padding-left:32px;  */ text-align: left;}
	.amn .mlist > li > ul > li:first-child {padding-top: 5px;}
	.amn .mlist > li > ul > li:last-child{border-bottom:none;}
	.amn .mlist > li > ul > li a{display:block; color:#b8b8b8; font-weight:600; font-size:28px;}
	.amn .mlist > li > ul > li a:hover {color: var(--main-color1);}
	
	.amn .mlist > li > ul{font-weight:normal;  font-size:16px; letter-spacing:1px; line-height:22px; position: absolute; left: 50%; margin-left: 12%; top: 0%;}
	
	.amn .mlist > li > ul > li .md3{clear:both; padding:10px; margin-bottom:20px;}
	.amn .mlist > li > ul > li ul.md3 li{float:left; line-height:18px;}
	
	.tsns1 {display: flex; width: 90px; justify-content: space-between; position: absolute; left: 50%; margin-left: -13%; bottom: -100px;}
	.tcopy1 {display: flex; flex-direction: column; text-align: left; position: absolute; left: 50%; margin-left: 12%; bottom: -100px;}
	.tcopy1 > .tel1{
		display:flex; gap:0 clamp(1vw, 3vw, 10px); align-items:flex-end;
	}
	.tcopy1 > .tel1 > span{
		color:#333; font-weight:600; font-size:clamp(1vw, 4vw, 14px); line-height:clamp(1vw, 4vw, 14px);
	}
	.tcopy1 > .tel1 > em{
		color:var(--main-color1); font-weight:600; font-size:clamp(1vw, 6vw, 28px); line-height:clamp(1vw, 5vw, 20px);
	}
	.tcopy1 p {color: #888888; font-size: clamp(1vw, 4vw, 14px); line-height:clamp(1vw, 5.8vw, 22px); font-weight: 400; margin-top: clamp(1vw, 3vw, 10px);}

	@media screen and (max-width: 1440px) {
		.amn .mlist > img {margin-left: -40%;}
		.amn .mlist > li > a, .tsns1 {margin-left: -13%;}
		.amn .menubox1:before, .amn .menubox1:after {margin-left: 10%;}
		.amn .mlist > li > ul, .tcopy1 {margin-left: 18%;}
	}
	@media screen and (max-width: 1099px) {
		.amn .mlist > img {display: none;}
		.amn .mlist > li > a, .tsns1 {margin-left: 0%; left: 5%;}
		.amn .menubox1:before, .amn .menubox1:after {margin-left: 0;}
		.amn .mlist > li > ul {margin-left: 9%;}
		.tcopy1 {margin-left: 0; left: 5%; bottom: -190px;}
		.amn .menubox1:after {display: none;}
	}
	@media screen and (max-width: 767px) {
		.amn .mlist > li > a {font-size: 36px;}
		.amn .mlist > li {line-height: 50px;}
		.amn .mlist > li.on {line-height: 50px;}
		.amn .mlist > li > ul > li {padding: 10px 0;}
		.amn .mlist > li > ul > li:first-child {padding-top: 10px;}
		.amn .mlist > li > ul > li a {font-size: 18px;}

	}
	@media screen and (max-width: 640px) {
		/* .amn .mlist li.md1 {line-height: 60px;} */
		.tsns1{
			position:relative;
		}
		.amn .mlist > li > a {font-size: 32px; line-height: 40px;}
		.amn .mlist > li > .md2 li a {font-size: 18px;}
		.amn .mlist > li {line-height: 40px;}
		.amn .mlist > li.on {line-height: 40px;}
		.amn .mlist > li > ul > li {padding: 8px 0;}
	}
	@media screen and (max-width: 540px){	 
		.amn .mlist {margin-top: 10%;}
		.amn .mlist > li > a {font-size: 22px; height: 35px;}
		.amn .mlist > li {line-height: 35px;}
		.amn .mlist > li.on {line-height: 35px;}
		.amn .mlist > li > a {padding: 0;}
		.amn .mlist > li > ul > li a {font-size: 16px;}
	}
	@media screen and (max-width: 350px){	
	}
/*header*/

/*footer*/
	#footer .fcont > img{
		filter: brightness(0) invert(.5);
	}
	#footer .legal1 {display: inline-block; position: absolute; right: 100px; top: 200px;}
	#footer .legal1 > a {line-height:22px; font-size:14px; color:#fff; font-weight: 500;}
	#footer .copy1 {line-height:25px; font-size:15px; color:#888888;  font-weight: 400; margin-top: 20px; display: inline-block;}
	#footer .copy1 p {line-height: 22px; margin-top: 20px; color: #888; font-size: 13px;  font-weight: 400;}
	#footer .copy1 br.br1 {display: none;}
	#footer .footer_top1 {position: absolute; right: 100px; top: 50px; z-index: 10;}
	#footer .fsns1 {position: absolute; right: 100px; top: 160px; display: table; table-layout: fixed;}
	#footer .fsns1 li {display: table-cell;}
	#footer .fsns1 li:first-child a img {margin-left: 0;}
	#footer .fsns1 li a img {margin-left: 20px; filter: brightness(0) invert(1);}
	
	@media screen and (max-width: 1300px){
		#footer .fsns1 {right: 5%;}
		#footer .footer_top1 {right: 5%;}
		#footer .legal1 {right: 5%;}
	}
	@media screen and (max-width: 969px){
		#footer .footer_top1 {right: 50%; top: 15%; transform: translate(50%, -50%);}
		#footer .fsns1 {position: static; right: auto; margin: 0 auto;}
		#footer .bfooter1 {background: #222222; padding: 4% 0; margin-top: 5%;}
		#footer .legal1 {text-align: center; margin-top: 20px; position: initial;}
		#footer .copy1 {text-align: center; margin-top: 20px;}
		#footer .copy1 span {display: none;}
		#footer .copy1 br {display: block;}
		
	}
	@media screen and (max-width: 767px){

	}

	@media screen and (max-width: 540px){
		#footer .copy1 br.br1 {display: block;}
	}
	@media screen and (max-width: 480px){
		#footer .footer_top1 {width: 50px;}
		#footer .bfooter1 {padding: 6% 0;}
		
	}

/*footer*/

/*main*/	
	.mainvisual{position:relative; width:100%; height:100vh; margin:0 auto; overflow:hidden; z-index:10;}
	.mainvisual .marketbox1{
		position:absolute; left:clamp(3%, 5vw, 300px); top:clamp(1vw, 20vw, 150px);
		background:rgba(0,0,0,.5);
		max-width:600px; width:90%;
		z-index:2;
	}
	.mainvisual .marketbox1 > table{
		width:100%;
	}
	.mainvisual .marketbox1 > table caption {
		padding: 0 clamp(1vw, 4vw, 30px); 
		width:100%; height: clamp(1vw, 12vw, 80px); 
		box-sizing:border-box;
		text-align: left;
		background: rgba(0,0,0,0.6); visibility:visible;
		font-weight:600; color:#fff; line-height:clamp(1vw, 12vw, 80px); font-size:clamp(1vw, 5vw, 32px);   
	}
	.mainvisual .marketbox1 > table caption .main_data_time {
		float: right; 
		font-weight: 300; color: #666; font-size:min(max(1vw, 3vw), 14px);  
	}
	.mainvisual .marketbox1 > table th,
	.mainvisual .marketbox1 > table td {
		line-height: 1; 
		vertical-align: top;
		text-align:left;
		color: #fff; font-weight: 500; 
	}
	.mainvisual .marketbox1 > table th {font-size: min(max(1vw, 3.4vw), 24px);}
	.mainvisual .marketbox1 > table td {font-size: min(max(1vw, 3.4vw), 24px);}
	.mainvisual .marketbox1 > table thead th {
		padding:min(max(1vw, 2.4vw), 25px) 0 min(max(1vw, 1.4vw), 15px);
	}
	.mainvisual .marketbox1 > table tbody::after{
		display:block;
		height:min(max(1vw, 2.4vw), 25px);
		content:"";
	}
	.mainvisual .marketbox1 > table tbody th,
	.mainvisual .marketbox1 > table tbody td {
		vertical-align: top; 
		padding:min(max(.5vw, .6vw), 8px) 0;
	}
	.mainvisual .marketbox1 > table tbody th {
		padding-left: min(max(1vw, 4vw), 30px);
	}
	
	.mainvisual .marketbox1 > table thead th span {
		color:#888888; font-weight:400; font-size:min(max(1vw, 2.2vw), 14px);
	}
	.mainvisual .marketbox1 > table tbody th b,
	.mainvisual .marketbox1 > table tbody td b {
		display: block; 
		margin-top:clamp(.1vw, .8vw, 5px);
		color: #888; font-weight:400;  font-size:min(max(1vw, 2.2vw), 14px);
	}
	.mainvisual .marketbox1 > table tbody td .unchanged {
	}
	.mainvisual .marketbox1 > table tbody td .counter:after {
		content: "원"; 
	}
	.mainvisual .marketbox1 > table tbody td p {
		margin-top:clamp(.1vw, .8vw, 5px);
		color:#888888; font-size: min(max(1vw, 2.2vw), 14px); line-height:min(max(1vw, 2.2vw), 14px); 
	}
	
	
	.updown .up i,
	.updown .down i,
	.updown .same i {position: relative; display: inline-block; width:22px; height: 0; line-height: 0; font-size: 0; text-indent: -9999px; vertical-align: middle; font-style: normal;}
	
	.updown .up i:after,
	.updown .down i:after,
	.updown .same i:after {
		position: absolute; left:50%; top:50%;
		transform:translate(-50%, -50%);
		display: block;
		font-size: min(max(1vw, 2.2vw), 14px); text-indent:0;
		content: "";
	}
	
	.updown .up i:after {content: "▲"; color: #f20707;}
	.updown .down i:after {content: "▼"; color: #0eadff;}
	.updown .same i:after {width: 8px; height:2px; background-color: #ffde00;}
	
	.mainvisual, .mainvisual .visualbox, .mainvisual .visualbox .slick-list, .mainvisual .visualbox .slick-track, .mainimg1 {height: 100%;}
	.mainvisual .visualbox{width: 100%; height: 100vh;}
	.mainvisual .visualbox .mainimg1{
		width:100%;
		height:100%;
		background-size:cover !important;
		-webkit-transition:transform 5000ms  ease-in-out ;
		-moz-transition:transform 5000ms ease-in-out ;
		-o-transition:transform 5000ms ease-in-out ;
		-ms-transition:transform 5000ms ease-in-out ;
		transition:transform 5000ms ease-in-out ;	
		transform: scale(1.05) ;
	}		
	.mainvisual .visualbox .mainimg2 {
		width:100%;
		height:100%;
		background-size:cover !important;
		-webkit-transition:transform 5000ms  ease-in-out ;
		-moz-transition:transform 5000ms ease-in-out ;
		-o-transition:transform 5000ms ease-in-out ;
		-ms-transition:transform 5000ms ease-in-out ;
		transition:transform 5000ms ease-in-out ;	
		transform: scale(1.05) ;
	}		
	
	.mainvisual .visualbox .active .mainimg1, .mainvisual .visualbox .active .mainimg2{
		-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,1.0) rotate(0.002deg);
	}
	.slider_main {position: relative; width: 100%; overflow: hidden; z-index: 1;}
	.slider_main img.img1 {width: 100%;}

	.mainvisual .visualbox .visualtxt1 {
	position:absolute; top:26%; left:50%; 
		/* width:100%; */ display: inline-block; box-sizing:border-box;
		/* padding-left:5%; */
		text-align:left;
	}
	
	.mainvisual .visualbox .visualtxt1 h1 {
		font-size:clamp(16px, 5.6vw, 55px); line-height:clamp(28px, 7.6vw, 70px); color: #fff; font-weight: 200; text-align: left; margin: 20px 0 clamp(10px, 5vw, 40px);
	}
	.mainvisual .visualbox .visualtxt1 h1 em {
		color:var(--main-color1); font-weight: 700;
	}
	.mainvisual .visualbox .visualtxt1 p { font-weight: 200; font-size: clamp(12px, 2.0vw, 24px); color: #fff; text-transform: uppercase; }
	.mainvisual .visualbox .visualtxt1 p span {width: clamp(10px, 14vw, 120px); height: 1px; background: #fff; display: inline-block; vertical-align: super; margin-left:5px;}
	
	.mainvisual .visualbox .visualtxt1 .txt1{
		opacity:0;filter:Alpha(opacity=0);
		-webkit-transition:opacity .7s 0s, transform .7s 0s;
		-moz-transition:opacity .7s 0s, transform .7s 0s;
		-o-transition:opacity .7s 0s, transform .7s 0s;
		-ms-transition:opacity .7s, transform .7s 0s;
		transition:opacity .7s 0s, transform .7s 0s;
	}
	
	.mainvisual .visualbox .active .visualtxt1 .txt1{
		opacity:1.0;filter:Alpha(opacity=100);
		-webkit-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}

	.vdots1{
		position:absolute; right:100px; bottom:8%; 
		text-align:center;
		display:flex; justify-content:center; align-items:center; gap:0 min(max(5px, 5vw),20px);
	}
	.vdots1 > li {
		 /* width:35px; height:35px; */
		padding:0; height:min(max(5px, 2vw),10px); line-height:min(max(5px, 2vw),10px); width:min(max(5px, 2vw),10px); border-radius:50%; box-sizing:border-box; background:rgba(255,255,255,1); font-size: 0; position: relative; z-index: 2; cursor: pointer;
	}
	.vdots1 > li:first-child {margin-left: 0;}
	.vdots1 li.slick-active:before {
		display:block; margin:0 auto;
		height:min(max(20px, 6vw),32px); width:min(max(20px, 6vw),32px); border-radius:50%; box-sizing:border-box;
		font-size:0; line-height:0; border:none;
		background:rgba(255,255,255,0.2);
				transition: all 0.2s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.2s ease;
		cursor: pointer; position: absolute; left:calc(50% - min(max(10px, 3vw),16px)); top:calc(50% - min(max(10px, 3vw),16px)); content: "";
	}
	.vdots1 li:before{height:32px; width:32px; background: transparent; position: absolute; left: -11px; top: -10px; content: "";}
	.vdots1 li:hover:before, .vdots1 li:focus:before {outline: none; height:32px; width:32px; border-radius:50%; box-sizing:border-box;
		font-size:0; line-height:0; border:none; display: block;
		background:rgba(255,255,255,0.2); cursor: pointer; position: absolute; left: -11px; top: -10px;}

	
@media screen and (max-width: 1410px) { 
    .mainvisual .visualbox .visualtxt1 { margin-left: 5vw;}
	.mainvisual .visualbox .visualtxt1 h1 { font-size: clamp(16px, 5.6vw, 44px); line-height: clamp(28px, 7.6vw, 56px); } 
    .mainvisual .visualbox .visualtxt1 p { font-size: clamp(12px, 2.0vw, 19px); } 
    .mainvisual .visualbox .visualtxt1 p span { width: clamp(10px, 14vw, 96px); } 
}

@media screen and (max-width: 1280px) { 
    .mainvisual .visualbox .visualtxt1 { margin-left: 7vw;}
    .mainvisual .visualbox .visualtxt1 h1 { font-size: clamp(16px, 5.2vw, 38px); line-height: clamp(28px, 7.2vw, 48px);  } 
    .mainvisual .visualbox .visualtxt1 p { font-size: clamp(12px, 1.8vw, 16px);  } 
    .mainvisual .visualbox .visualtxt1 p span { width: clamp(10px, 12vw, 80px);  } 
}


@media screen and (max-width: 1170px) { 
    .mainvisual .visualbox .visualtxt1 { margin-left: 11vw;}
    .mainvisual .visualbox .visualtxt1 h1 { font-size: clamp(16px, 5.2vw, 34px); line-height: clamp(28px, 7.2vw, 42px);  } 
    .mainvisual .visualbox .visualtxt1 p { font-size: clamp(12px, 1.8vw, 16px);  } 
    .mainvisual .visualbox .visualtxt1 p span { width: clamp(10px, 12vw, 80px);  } 
}



	@media (max-width:1099px){
		.mainvisual{
			height:122vw !important; 
		}
		.mainvisual .visualbox{height:100%;}
		.mainvisual .visualbox .visualtxt1 {top: 60%; left: 5%; text-align:left; margin-left: 0vw;}
		.vdots1 {
			right:0; bottom: 5%; 
			width:100%;
		}
	}


	@media (max-width:878px){
		.mainvisual{
			height:160vw !important; 
		}
	
	}


	@media (max-width:767px){
		.mainvisual{
			height:170vw !important; 
		}
		.mainvisual .visualbox .visualtxt1{left: 5%; text-align:left;}
		.mainvisual .visualbox .visualtxt1 h1{}
	}

	.mncont1 {
		width: 100%; position: relative; overflow: hidden; padding: clamp(50px, 12vw, 140px) 1vw;
		box-sizing:border-box;
	}
	.mncont1 > .mcont1{
	}
	.mncont1 > .mcont1 h2{
		font-weight:700; color:var(--main-color1); font-size:min(max(2vw, 6vw), 30px);
	}
	.mncont1 > .mcont1 > div{
		margin-top:clamp(2vw, 5vw, 40px);
		font-family:"Daehan"; font-weight:700; color:#333; font-size:min(max(2vw, 6vw), 48px); line-height:clamp(2vw, 6vw, 48px);
	}
	.mncont1 > .mcont1 > p{
	    width:95%; margin: 0 auto;
		margin-top:min(max(2vw, 5vw), 40px);
		font-weight:400; color:#333; font-size:min(max(14px, 3.1vw), 22px); line-height:clamp(22px, 5.4vw, 38px);
	}
	.mncont1 > .mcont1 > a{
		display:inline-block;
		margin-top:clamp(2vw, 6vw, 50px);
		background:var(--main-color1);
		padding:clamp(1vw, 2vw, 15px) clamp(1vw, 5vw, 30px);
		border-radius:clamp(2vw, 5vw, 24px);
		color:#fff; font-weight:400; font-size:clamp(1vw, 3vw, 16px); line-height:clamp(1vw, 4vw, 16px);
	}
	.marquee_sub1 { 
		position:relative;
		margin-top:clamp(2vw, 9vw, 100px);
		width: 100%; height:clamp(1vw, 8vw, 70px); 
		white-space: nowrap; 
		display: flex; align-items: center; will-change: transform;
	}
	.marquee_sub1 > .marquee_box { 
		will-change: transform; animation: marquee 60s linear infinite; 
		font-family:'Montserrat'; color: #ececec; font-weight:600; font-size:clamp(1vw, 12vw, 100px); line-height:clamp(1vw, 15vw, 100px); 
	}
	@keyframes marquee {
	  from { transform: translateZ(0) }
	  to { transform: translate3d(-100%, 0, 0) }
	}
	

    @media (max-width:767px){	
		.mncont1 > .mcont1 > p > br{
			display:none;
		}
		.mncont1 > .mcont1 > a {
        padding: clamp(1.2vw, 3vw, 18px) clamp(2vw, 6vw, 36px); 
		font-size: clamp(1.2vw, 3.5vw, 18px);
        line-height: clamp(1.2vw, 4.2vw, 20px); 
        border-radius:clamp(2vw, 5vw, 28px);
       }
		 
	}
	

	

	.mncont2 {width: 100%; overflow: hidden; position: relative;}
	.mncont2:before {position: absolute; left: 50%; top: 0; background: url(/images/main/cont2_bg1.jpg) center top no-repeat; content: ""; width: 100%; height: 100vw; margin-left: -35%; background-size: cover;}
	.mncont2 .tit1 {text-align: left; overflow: hidden; position: absolute; left: 50%; margin-left: -240px; top: 120px;}
	.mncont2 .tit1 > div {display: flex; flex-direction: column;}
	.mncont2 .tit1 h2 {font-size:clamp(16px, 3vw, 20px); font-weight: 600; color: var(--main-color1);}
	.mncont2 .tit1 h1 {font-size: clamp(26px, 6vw, 50px); font-weight: 700; color: #333; margin: 10px 0;}	
	.mncont2 .tit1 h3 {font-size: clamp(14px, 8vw, 22px); color: #333;  font-weight: 400; }
	.mncont2 .tit1 h3 br{display:none;}
	.mncont2 .cont2_slide1 {position: relative; top: 0; left: 50%; margin-left: -950px;}
	.mncont2 .cont2_slide1 .w1 {display: block;}
	.mncont2 .cont2_slide1 .m1 {display: none;}
	.mncont2 .cont2_slide2 {position: absolute; left: 50%; top: 320px; margin-left: -500px; z-index: 10; width: 1800px; overflow: hidden; height: 370px;}
	.mncont2 .cont2_slide2 .slick-slide {width: 330px; height: 330px; background: #fff; border-radius: 30px; box-shadow: 10px 10px 18px -5px rgba(0, 0, 0,.8); display: flex; align-items: center; justify-content: center; margin-right: 30px; flex-direction:column; cursor: pointer; transition: all 0.5s ease-in-out;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.5s ease-in-out;
		transition-duration:0.7s;
		}  
	.mncont2 .cont2_slide2 .slick-slide.active {background: var(--main-color1);}	
	.mncont2 .cont2_slide2 .slick-slide h2 {font-size: 18px; color:#be921a;  font-weight:600; display:inline-block; border-bottom:1px solid;
	transition:color ease .5s;
	}
	.mncont2 .cont2_slide2 .slick-slide h3 {font-size: clamp(1vw, 4vw, 28px); color: #333;  font-weight: 700;
	transition:color ease .5s;
	}
	.mncont2 .cont2_slide2 .slick-slide h3::before{
		display:block;
		margin:0 auto; margin-top:clamp(1vw, 4vw, 25px); margin-bottom:clamp(1vw, 4vw, 25px);
		width:clamp(30px, 15vw, 98px); height:clamp(30px, 15vw, 98px);
		background:url(../../images/main/ico_cont2_off.png) no-repeat left center; background-size:700% 100%;
		transition:background ease .5s;
		content:"";
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i2::before{
		background-position:16.66% center !important;
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i3::before{
		background-position:33.33% center !important;
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i4::before{
		background-position:50% center !important;
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i5::before{
		background-position:66.66% center !important;
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i6::before{
		background-position:83.33% center !important;
	}
	.mncont2 .cont2_slide2 .slick-slide h3.i7::before{
		background-position:100% center !important;
	}
	
	.mncont2 .cont2_slide2 .slick-slide.active h2, .mncont2 .cont2_slide2 .slick-slide.active h3 {color: #fff;}
	.mncont2 .cont2_slide2 .slick-list {overflow: visible;}
	
	.mncont2 .cont2_slide2 .slick-slide.active h3::before{
		background:url(../../images/main/ico_cont2_on.png) no-repeat left center; background-size:700% 100%;
	}
	
	
	.slidectr1 {position:absolute; left: 50%; bottom: 120px; width:490px; z-index: 10; margin-left: -240px;} 
	.slidectr1 .sline1 {position:absolute; left: 80px; bottom:12px; width:280px; height:1px;}
	.slidectr1 .sline1::before{position:absolute; left:0px; top:0px; width:280px; height:1px; background:#ccc; opacity:1; content:""; z-index:-1;}
	.slidectr1 .sline1 span{position:relative; display:block; background:var(--main-color1); width:0px; height:1px;
	transition-duration:0s;
	transition-delay:0s;
	z-index: 10;
	}
	.slidectr1 .sline1 span.active{width:100%;
	-moz-transition:all 4s ease-in-out;
	-webkit-transition:all 4s ease-in-out;
	-moz-transform:all 4s ease-in-out;
	transform:all 4s ease-in-out;
	transition-duration:4s;
	transition-delay:0s;
	}
	.slidectr1 .slidernum1{display:inline-block; vertical-align:middle;  font-weight: 400; color:#333; font-size:22px; position: absolute; left: 0; bottom: 0px; width: 65px; line-height: 25px;}
	.slidectr1 .slidernum1 em:before {position: absolute; content: ""; width: 1px; height: 13px; background: #999; right: 24px; top: 7px; transform: rotate(20deg);}
	
	.slidectr1 .slidernum1 em{color: #999; float: right; font-size: 16px; line-height: 25px; vertical-align: bottom; padding-top: 2px;  font-weight: 400;}
	.slidectr1 .slidernum1 div {width: 26px !important; font-weight: bold; display: inline-block; float: left;}
	.vleft1,
	.vright1 {position:absolute; right: 60px; bottom: -11px; width:50px; height: 50px; background:url(/images/main/btn_arr1.png) no-repeat left center; cursor:pointer; z-index: 300; color: #333; font-size: 18px;}
	.vright1 {background-position: right; right: 0;}

	@media screen and (max-width: 1099px){	
        .mncont2 .tit1 h3 {line-height:clamp(22px, 5.4vw, 40px);}
		.mncont2:before {margin-left: -50%;}
		.mncont2 .tit1 {left: 0; z-index: 10; margin-left: 0; text-align: center; position: relative; top: 0; padding: 20% 0 17%;}		
		
		.mncont2 .cont2_slide1 {width: 100%; top: auto; margin-left: 0; left: auto; overflow:hidden; height:min(max(180px, 105vw),800px); margin-top:-5vw; }
		.mncont2 .cont2_slide1 .w1 {display: none;}
		.mncont2 .cont2_slide1 .m1 {display: block;}
		.mncont2 .cont2_slide1 img {width: 100%;}
		.mncont2 .cont2_slide2 {width: 128%; height:min(max(180px, 55vw),450px);  left: 5%; margin-left: 0; top:min(max(50px, 66vw),680px);}
		.mncont2 .cont2_slide2 .slick-slide {height: auto; padding: 1% 0;}
		.vleft1,
		.vright1 {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
		.slidectr1 {left: 50%; bottom: 8%; transform: translate(-50%, -50%); margin-left: 0;}
		.slidectr1 .slidernum1, .slidectr1 .slidernum1 em{color: #fff;}
		.slidectr1 .slidernum1 em:before {background: #fff;}
		.slidectr1 .sline1::before {background: rgba(255,255,255,0.3); width: 100%;}
		.slidectr1 .sline1 span {background: #fff;}
	}
	@media (max-width:767px){
		.mncont2 .tit1 h3 {font-size:min(max(14px, 3.1vw), 22px); line-height:clamp(20px, 5.2vw, 36px);}
		.mncont2 .tit1 h3 br{display:inline;}
	}
	@media screen and (max-width: 640px){	
		.mncont2 .tit1 {padding: 15% 0 14%;}
		/* .mncont2 .cont2_slide2 {top: 32%;} */
		.mncont2 .cont2_slide2 {top:min(max(200px, 70vw),340px);}		
		.slidectr1 {width: 350px;}
		.vleft1,
		.vright1 {width: 35px; height: 35px; background-size: cover !important; bottom: -3px; right: 45px;}
		.vright1 {right: 0;}
		.slidectr1 .sline1 {width: 170px;}
	}
	@media screen and (max-width: 480px){
		.slidectr1 {width: 250px;}
		.slidectr1 .sline1 {width: 80px;}
	}
	@media screen and (max-width: 400px){	

	}
	.mncont3 {
		width: 1400px; margin:0 auto; overflow: hidden; margin-top: clamp(50px, 12vw, 140px); 
		display:flex; justify-content:space-between; gap:clamp(5px, 4vw, 20px); 
	}
	.mncont3 > .bnn1{
		flex:1 1 50%;
		overflow:hidden;
		background:#f5f5f5;
		border-radius:clamp(5px, 2vw, 20px);
		padding:clamp(15px, 9vw, 60px) clamp(15px, 5vw, 75px);
		box-sizing:border-box;
	}
	.mncont3 > .bnn1 > .tit1{
		position:relative;
		text-align:left;
		padding-left:clamp(15px, 8vw, 116px);
	}
	.mncont3 > .bnn1 > .tit1::before{
		position:absolute; left:0; top:50%;
		transform:translateY(-50%);			
		width:clamp(15px, 6.5vw, 91px); height:clamp(15px, 6.2vw, 89px);
		background:url(../../images/main/ico_qna.png) no-repeat center center; background-size:cover;
		content:"";
	}
	.mncont3 > .bnn1 > .tit1 > h3{
		color:#333; font-weight:700; font-size:clamp(15px, 2.4vw, 36px);
	}
	.mncont3 > .bnn1 > .tit1 > em{
		color:#f58025; font-weight:700; font-size:clamp(15px, 4.6vw, 60px); line-height:clamp(15px, 6.6vw, 80px);
	}
	.mncont3 > .bnn1 > .tit1 > p{
		color:#666; font-size:clamp(1vw, 2.2vw, 18px);
	}
	.mncont3 > .bnn1 > .lnk1{
		display:flex; gap:0 clamp(1vw, 1.2vw, 10px);
		margin-top:clamp(1vw, 2.6vw, 35px);
	}
	.mncont3 > .bnn1 > .lnk1 > *{
		flex:1 1 0;
		background:#fff;
		border-radius:50px;
		padding:clamp(1vw, 1.6vw, 15px) 0;
	}
	.mncont3 > .bnn1 > .lnk1 > * span{
		color:#333; font-weight:600; font-size:clamp(1vw, 2.1vw, 16px);
	}
	.mncont3 > .bnn1 > .lnk1 > * span::before{
		display:inline-block; vertical-align:middle;
		width:clamp(22px, 3vw, 36px); height:clamp(22px, 3vw, 36px);
		margin-right:5px;
		background:url(../../images/main/ico1.png) no-repeat left center; background-size:200% 100%;
		content:"";
	}
	.mncont3 > .bnn1 > .lnk1 > *:nth-of-type(2) span::before{
		background-position:100% center;
	}
	.mncont3 > .bnn2{
		position:relative;
		width:clamp(15px, 23.6vw, 330px); 
		box-sizing:border-box;
		overflow:hidden;
		padding:0 0 min(max(15px, 4vw),30px) min(max(15px, 4vw),30px);
		display:flex; align-items:flex-end;
		background:url(../../images/main/bg_bnn1.jpg) no-repeat center center; background-size:cover;
		border-radius:clamp(5px, 2vw, 20px);
		text-align:left;
	}
	.mncont3 > .bnn2:nth-of-type(3){
		background:url(../../images/main/bg_bnn2.jpg) no-repeat center center; background-size:cover;
	}
	.mncont3 > .bnn2::before{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:rgba(0,0,0,.4);
		content:"";
	}
	.mncont3 > .bnn2 .tit1{
		position:relative;
		color:#fff;
		z-index:2;
	}
	.mncont3 > .bnn2 .tit1 > h3{
		color:#fff; font-weight:600; font-size:min(max(1vw, 2.8vw),36px); line-height:min(max(1vw, 4.8vw),46px);
	}
	.mncont3 > .bnn2 .tit1 > p{
		font-weight:400; font-size:min(max(1vw, 1.9vw),18px); line-height:min(max(1vw, 3.1vw),24px);
	}
	.mncont3 > .bnn2  a.lnk1{
		position:absolute; right:min(max(15px, 4vw),30px); top:min(max(15px, 4vw),30px);
		display:block;
		width:min(max(15px, 5vw),43px); height:min(max(15px, 5vw),43px);
		font-size:0; line-height:0;
		z-index:2;
	}
	.mncont3 > .bnn2 a.lnk1::after{
		position:absolute; left:0; top:0;
		width:100%; height:100%;
		background:url(../../images/main/ico_arr1.png) no-repeat center center; background-size:cover;
		content:"";
		transition:transform ease .4s 0s;
	}
	.mncont3 > .bnn2 a.lnk1:hover::after{
		transform:rotate(45deg);		
	}
	
	@media (max-width:1410px){
		.mncont3 {width: 90%;}
		.mncont3 > .bnn2{
			width:clamp(15px, 21.6vw, 330px); 
		}
	}
	
	/**@media screen and (max-width: 878px){	
		.mncont3 {
			gap:clamp(5px, 4vw, 20px); flex-wrap:wrap;
		}
		.mncont3 > .bnn1{
			flex:1 1 100%;
		}
		.mncont3 > .bnn2{
			flex:1;
			padding-top:clamp(5px, 6vw, 50px);
		}
	}**/



@media screen and (max-width: 878px) {
	.mncont3 { gap: clamp(5px, 4vw, 20px); flex-wrap: wrap; }
	.mncont3 > .bnn1 { flex: 1 1 100%; display: flex; justify-content: space-between; align-items: center; gap: clamp(10px, 4vw, 30px); padding: clamp(20px, 6vw, 40px); }
	.mncont3 > .bnn1 > .tit1 { flex: 1 1 50%; padding-left: clamp(50px, 10vw, 100px); position: relative; }
	.mncont3 > .bnn1 > .tit1::before { position: absolute; left: 0; top: 0; transform: translateY(0); width: clamp(40px, 8vw, 80px); height: clamp(40px, 8vw, 80px); background: url(../../images/main/ico_qna.png) no-repeat center center; background-size: cover; content: ""; }
	.mncont3 > .bnn1 > .tit1 > h3 { font-size: clamp(18px, 2.9vw, 43px); }
	.mncont3 > .bnn1 > .tit1 > em { font-size: clamp(18px, 5.5vw, 72px); line-height: clamp(20px, 7.9vw, 96px); }
	.mncont3 > .bnn1 > .tit1 > p { font-size: clamp(1.2vw, 2.6vw, 22px); }
	.mncont3 > .bnn1 > .lnk1 { flex: 1 1 50%; display: flex; flex-direction: column; gap: clamp(10px, 2vw, 16px); width: 100%; max-width: 100%; }
	.mncont3 > .bnn1 > .lnk1 > * { background: #fff; border-radius: 50px; padding: clamp(12px, 2.5vw, 20px) 0; text-align: center; width: 100%; }
	.mncont3 > .bnn1 > .lnk1 > * span { color: #333; font-weight: 600; font-size: clamp(16px, 2.5vw, 20px); }
	.mncont3 > .bnn1 > .lnk1 > * span::before { display: inline-block; vertical-align: middle; width: clamp(30px, 4.5vw, 48px); height: clamp(30px, 4.5vw, 48px); margin-right: 8px; background: url(../../images/main/ico1.png) no-repeat left center; background-size: 200% 100%; content: ""; }
	.mncont3 > .bnn1 > .lnk1 > *:nth-of-type(2) span::before { background-position: 100% center; }
	.mncont3 > .bnn2 { flex: 1; padding-top: clamp(5px, 6vw, 50px); }
}



	@media (max-width:767px){
		.mncont3 > .bnn1{
            display: block; /* flex 해제 */
			padding:clamp(15px, 9vw, 60px) clamp(15px, 8vw, 75px);
			box-sizing:border-box;
		}
		.mncont3 > .bnn1 > .tit1{
			padding-left:clamp(20px, 18vw, 116px);
		}
		.mncont3 > .bnn1 > .tit1::before{
			width:clamp(15px, 12.5vw, 91px); height:clamp(15px, 12.2vw, 89px);
		}
		.mncont3 > .bnn1 > .tit1 > h3{
			font-size:clamp(15px, 4.4vw, 36px);
		}
		.mncont3 > .bnn1 > .tit1 > em{
			font-size:clamp(15px, 8.6vw, 60px); line-height:clamp(15px, 9.6vw, 80px);
		}
		.mncont3 > .bnn1 > .tit1 > p{
			color:#666; font-size:clamp(1vw, 6.2vw, 14px);
		}
		.mncont3 > .bnn1 > .lnk1{
			gap:clamp(1vw, 1.5vw, 10px); flex-wrap:wrap;
			margin-top:clamp(1.5vw, 5vw, 50px);
		}
		.mncont3 > .bnn1 > .lnk1 > *{
			flex:1 1 100%;
			padding:clamp(1vw, 2.6vw, 15px) 0;
		}
		.mncont3 > .bnn1 > .lnk1 > * span{
			color:#333; font-weight:600; font-size:clamp(1.4vw, 4.2vw, 24px);
		}
		.mncont3 > .bnn1 > .lnk1 > * span::before{
			width:clamp(22px, 5vw, 46px); height:clamp(22px, 5vw, 46px);
			margin-right:15px;
			background:url(../../images/main/ico1.png) no-repeat left center; background-size:200% 100%;
			content:"";
		}
		.mncont3 > .bnn1 > .lnk1 > *:nth-of-type(2) span::before{
			background-position:100% center;
		}
		    .mncont3 { flex-wrap: wrap; justify-content: center; }
    .mncont3 { flex-wrap: wrap; justify-content: center; }
    .mncont3 > .bnn1 { flex: 1 1 100%; }
    .mncont3 > .bnn2 { flex: 1 1 100%; width: 100%; height: auto; padding: min(max(30px, 5vw), 60px) 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background-size: cover; position: relative; }
    .mncont3 > .bnn2::before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); content: ""; }
    .mncont3 > .bnn2 .tit1 { position: relative; color: #fff; z-index: 2; text-align: left; padding-left: 20px; }
    .mncont3 > .bnn2 .tit1 > h3 { font-size: min(max(2.2vw, 5.2vw), 60px); color: #fff; font-weight: 600; line-height: min(max(1.8vw, 7vw), 66px); padding-left: 10px; }
    .mncont3 > .bnn2 .tit1 > p { font-weight: 400; font-size: min(max(1.4vw, 3.2vw), 26px); line-height: min(max(1.6vw, 4.5vw), 32px); color: #fff; padding-left: 10px; display: inline; }
    .mncont3 > .bnn2 .tit1 > p br { display: none; }
    .mncont3 > .bnn2 a.lnk1 { position: absolute; right: min(max(15px, 4vw), 30px); top: min(max(15px, 4vw), 30px); display: block; width: min(max(15px, 5vw), 43px); height: min(max(15px, 5vw), 43px); font-size: 0; line-height: 0; z-index: 2; }
    .mncont3 > .bnn2 a.lnk1::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/main/ico_arr1.png) no-repeat center center; background-size: cover; content: ""; transition: transform ease .4s 0s; }
    .mncont3 > .bnn2 a.lnk1:hover::after { transform: rotate(45deg); }
	}



	.mncont4 {width: 1400px; margin: 0 auto; overflow: hidden; position: relative;
		margin-top:clamp(50px, 12vw, 140px); margin-bottom:clamp(60px, 14vw, 190px);
		display:flex; justify-content:space-between; gap:clamp(10px, 6vw, 76px); 
	}
	.mncont4 > *:first-child{
		flex:0 0 50%;
	}
	.mncont4 > *:last-child{
		flex:1 1 0;
	}
	.mncont4 .mcont1 {}
	.mncont4 .mcont1 .tit1 {text-align: left; overflow: hidden; display: flex; justify-content: space-between;}
	.mncont4 .mcont1 .tit1 > div {display: flex; flex-direction: column;}
	.mncont4 .mcont1 .tit1 h2 {font-weight: 700; color:#333; font-size: clamp(26px, 6vw, 50px); }
	.mncont4 .mcont1 .tit1 a {display: flex; align-items: flex-end;}
	.mncont4 .mcont1 .tit1 a span {
		display: inline-block; 
		font-size:0; line-height:0;
		width:clamp(15px, 3vw, 29px); height:clamp(15px, 3vw, 29px);
		background:url(../../images/main/btn_view1.png) no-repeat center center; background-size:cover;
		transition:transform ease .4s;
	}
	.mncont4 .mcont1 .tit1 a:hover span{
		transform:rotate(180deg);
	}
	
	.mncont4 .mcont1 ul.not1 {border-top:1px solid #ddd; margin-top: clamp(1vw, 3vw, 30px);}
	.mncont4 .mcont1 ul.not1 li {border-bottom: 1px solid #ddd; overflow: hidden; padding: 30px 0;}
	.mncont4 .mcont1 ul.not1 li a {overflow: hidden;}
	.mncont4 .mcont1 ul.not1 li a p.fl {font-size: 20px; color: #333; font-weight: 500; width: 75%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 24px;}
	.mncont4 .mcont1 ul.not1 li a p.fl .noti_top1 {color: var(--main-color1);}
	.mncont4 .mcont1 ul.not1 li a p.fr {font-size: 16px; color: #888;  font-weight: 400; line-height: 24px;}
	.mncont4 .mcont1 > .gbox1 {
		margin-top: clamp(1vw, 3vw, 30px);
		display:flex; gap:0 clamp(1vw, 3vw, 68px);
	}
	
	.mncont4 .mcont1 > .gbox1 .imgbox1{
		position:relative;
		flex:0 0 clamp(1vw, 16vw, 240px);
	}
	.mncont4 .mcont1 > .gbox1 .imgbox1 > img{
		max-width:100%;
	}
	.mncont4 .mcont1 > .gbox1 .cont1{
		text-align:left;
	}
	.mncont4 .mcont1 > .gbox1 .cont1 > div{
		font-weight:700; color:#333; font-size:clamp(1vw, 2vw, 24px);
	}
	.mncont4 .mcont1 > .gbox1 .cont1 > div > em{
		color:var(--main-color1); font-size:clamp(1vw, 2.8vw, 30px);
		display:block;
	}
	.mncont4 .mcont1 > .gbox1 .cont1 > p{
		margin-top:clamp(1vw, 2.8vw, 30px);
		font-weight:600; color:#333; font-size:clamp(1vw, 1.8vw, 20px); line-height:clamp(1vw, 2.8vw, 30px);
	}

	@media (max-width:1410px){
		.mncont4 {width: 90%;}
		.mncont4 .mcont1 ul.not1 li {padding: 4.3% 0;}
	}

	@media (max-width:1280px){
    .mncont4 .mcont1 > .gbox1 .cont1 > p{
		
		font-size:clamp(1vw, 1.8vw, 18px); line-height:clamp(1vw, 2.8vw, 30px);}

	}
	@media (max-width:1099px){
		.mncont4 .mcont1 ul.not1 li {padding: 5% 0;}
	}
	@media screen and (max-width: 1099px){	
		.mncont4 {
			gap:clamp(5px, 20vw, 50px); flex-wrap:wrap;
		}
		.mncont4 .mcont1{
			flex:1 0 100%;
			width:100%;			
			box-sizing:border-box;	
		}
		.mncont4 .mcont1 ul.not1 li a p.fl {
			font-size:clamp(1vw, 6.2vw, 20px);
		}
		.mncont4 .mcont1 ul.not1 li a p.fr {
			font-size:clamp(1vw, 4.6vw, 14px);
		}
		.mncont4 .mcont1 > .gbox1 .imgbox1{
			flex:0 0 clamp(1vw, 26vw, 240px);
		}
		.mncont4 .mcont1 > .gbox1 .cont1 > div{
			font-size:clamp(1vw, 4vw, 24px);
		}
		.mncont4 .mcont1 > .gbox1 .cont1 > div > em{
			font-size:clamp(1vw, 5.8vw, 30px);
		}
		.mncont4 .mcont1 > .gbox1 .cont1 > p{
			margin-top:clamp(1vw, 2.8vw, 30px);
			font-size:clamp(1vw, 3.8vw, 20px); line-height:clamp(1vw, 4.8vw, 30px);
		}
	}
	@media (max-width:767px){
		.mncont4 .mcont1 ul.not1 li a p.fl {font-size:16px;}
	.mncont4 .mcont1 > .gbox1 {
		gap: clamp(10px, 4vw, 20px); /* 이미지와 텍스트 간격을 좀 더 늘림 */
	}

	.mncont4 .mcont1 > .gbox1 .imgbox1 {
		flex: 0 0 clamp(1vw, 35vw, 240px); /* 이미지 크기 확장 */
	}

	.mncont4 .mcont1 > .gbox1 .cont1 > div {
		font-size: clamp(14px, 4.5vw, 24px); /* 제목 크기 좀 더 줄임 */
	}

	.mncont4 .mcont1 > .gbox1 .cont1 > div > em {
		font-size: clamp(16px, 6vw, 30px); /* 강조 텍스트 크기 약간 줄임 */
	}

	.mncont4 .mcont1 > .gbox1 .cont1 > p {
		font-size: clamp(12px, 3.8vw, 20px); line-height: clamp(18px, 5vw, 30px); /* 본문 크기 조금 줄임 */
	}

	}

	@media (max-width:480px){
		.mncont4 .mcont1 ul.not1 li a p.fl {font-size:14px;}
	}
	
/*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:30px; }

	.cflayer1 .movieb1{
		position:relative;
		padding-bottom: 53%; /* 16/9 ratio */
		height: 0;
		overflow: hidden;
	}
	.cflayer1 .movieb1 iframe,
	.cflayer1 .movieb1 object,
	.cflayer1 .movieb1 embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	@media (max-width:1210px){
		.cflayer1 {width: 95%; margin-right: -47.5%;}
		.cflayer1 .top1 .cbtn1 {right: 30px; top: 40px;}
	}

/*cflayer1*/

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

.svisualbox1 .slider1 .slick-list,  
.svisualbox1 .slider1 .slick-track, 
.mainimg1{
	width:100%; height:100%;
}
.mainimg2 {display: none;}
.svisualbox1,
.svisualbox1 .slider1 .slick-list{}
.svisualbox1 .slider1 .mainimg1{
	width:100%;
	height:100%;
	background-size:cover !important;
}
.svisualbox1 .slider1 .mainimg2{
	width:100%;
	height:100%;
	background-size:cover !important;
}
.svisualbox1 .visualtxt1{
	position:absolute; top:40%; /* left:50%; */ 
	width:100%;
	transform: translate(-50%, -50%);
	text-align:center; font-size:24px; color:#fff;
	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 .visualtxt1 h1 {color:#fff; font-size:16px; width: 120px; height: 35px; line-height: 35px; font-weight: 500; background: var(--main-color1); border-radius: 15px; margin: 0 auto;}
.svisualbox1 .visualtxt1 h2 {color:#fff; font-size:60px; line-height:70px; font-weight: 600; text-align:center; margin-top: 10px;}
.svisualbox1 .active .visualtxt1{
	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; 
}
.map {width: 1400px; margin: 0 auto;}
.embed-container {position: relative; padding-bottom: 55%; height: 0; max-width: 100%;}
.embed-container iframe,
.embed-container object,
.embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
@media screen and (max-width: 1410px){
	.map {width: 90%;}
}
@media screen and (max-width: 1099px){
	.mainimg1 {display: none;}
	.mainimg2 {display: block;}
}
@media screen and (max-width: 1024px){
	.svisualbox1{height:450px;}
	.svisualbox1 .slider1{height:450px;}
	.svisualbox1.creative1, .svisualbox1.creative1 .slider1{height:500px;}
	.svisualbox1 .visualtxt1 h2 {font-size: 70px; line-height: 75px;}
	.svisualbox1 .visualtxt1 h3 {font-size: 24px; line-height: 36px;}
	.svisualbox1.creative1 .visualtxt1 h3 {font-size: 36px; line-height: 48px;}
	.svisualbox1.creative1 .visualtxt1 p {font-size: 16px; line-height: 24px;}
	.embed-container {padding-bottom: 50%;}
}
@media screen and (max-width: 767px){
	.svisualbox1 {height: 380px;}
	.svisualbox1 .slider1 {height: 380px;}

	.svisualbox1.creative1 .visualtxt1 h3{font-size:32px; line-height:42px;}
}
@media screen and (max-width: 540px){
	.svisualbox1{
		height:320px;
	}
	.svisualbox1 .slider1{
		height:320px; 
	}
	.svisualbox1.creative1, .svisualbox1.creative1 .slider1{height:460px;}
	.svisualbox1 .visualtxt1{font-size:18px; line-height:20px; top: 35%;}
	.svisualbox1 .visualtxt1 h2 {font-size: 50px; line-height: 60px;}
	.svisualbox1 .visualtxt1 h3 {font-size: 18px; line-height: 24px;}

	.svisualbox1.creative1 .visualtxt1 h3 {font-size: 28px; line-height: 36px; width: 90%; margin: 0 auto; margin-top: 15px;}
	.svisualbox1.creative1 .visualtxt1 p {font-size: 14px; line-height: 24px; width: 90%; margin: 0 auto; margin-top: 15px;}
	.svisualbox1.creative1 .visualtxt1 h3 br, .svisualbox1.creative1 .visualtxt1 p br {display: none;}
	.embed-container {padding-bottom: 60%;}
}
@media screen and (max-width: 480px){
	.svisualbox1 .visualtxt1 h2 {font-size: 42px; line-height: 50px;}
	.svisualbox1.creative1 .visualtxt1 h3 {font-size: 24px; line-height: 32px;}
}
@media screen and (max-width: 400px){
	.svisualbox1{
		height:300px;
	}
	.svisualbox1 .slider1{
		height:300px; 
	}
}


	/* .submenu1{position:relative; width:100%; height:70px; line-height:70px; margin: 0 auto; box-sizing: border-box; background: #fff; max-width: 2000px; border-bottom: 1px solid #ddd; overflow-x: auto; overflow-y: hidden;}
	.submenu1.fixed{position:fixed; left:0; top:0;}	
	
	.leftmenu01 {position:relative; display:table; margin:0 auto; height:70px;}
	.leftmenu01 li{position:relative; display:table-cell; line-height:70px; text-align:center;color:#333; font-size:18px; padding:0 25px;}
	.leftmenu01 li.home1 {display: none;}
	.leftmenu01 li.tit1 {display: none;}
	
	@media (max-width:1099px){
		.leftmenu01 {height: 60px;}
		.leftmenu01 li.p15 {padding: 0 15px; font-size: 14px; line-height: 50px;}
	}
	@media (max-width:767px){
		.submenu1 {height: 50px; line-height: 50px;}
		.leftmenu01 {height: 50px;}
		.leftmenu01 li {padding: 0 15px; font-size: 14px; line-height: 50px;}
		.leftmenu01 li a::before {top: 31px;}
	}
	@media (max-width:640px){
		.leftmenu01 {text-align: center; display: flex; justify-content: center; flex-wrap: wrap; height: auto;}
		.leftmenu01 li.p15 {display: inline-block; height: auto; line-height: auto;}
	}
	@media (max-width:480px){
		.leftmenu01 {height: auto; padding: 0 5%;}
		.leftmenu01 li {padding: 0 3%;}
		.leftmenu01 li:nth-of-type(1) {padding-left: 0;}
		.leftmenu01 li:last-child {padding-right: 0;}
		.leftmenu01 li.p15 {padding: 0 10px; font-size: 12px;}
	} */

	.submenu1{
		margin:0 auto; box-sizing:border-box;
		text-align:center;
		border-bottom:1px solid #ddd;
		overflow-x:auto; overflow-y: hidden
	}
	
	.leftmenu01{position:relative; display:table; margin:0 auto; height:70px;}
	.leftmenu01 li{position:relative; display:table-cell; line-height:70px; text-align:center;color:#333; font-size:18px; padding:0 25px;}
	.leftmenu01 li{
		position:relative; 
		flex-grow:1;
		line-height:70px; white-space:nowrap; 
	}
	.leftmenu01 li.home1 {display: none;}
	.leftmenu01 li.tit1 {display: none;}
    .leftmenu01 li a:before {
		position:absolute; left:50%; top:69px; width:0; height:2px; background:var(--main-color1); content:"";
		moz-transition:all 0.45s ease-in-out;
		-webkit-transition:all 0.45s ease-in-out;
		-moz-transform:all 0.45s ease-in-out;
		transform:all 0.45s ease-in-out;
		transition-duration:0.2s;
		transition-delay:0.01s; 
	}
	.leftmenu01 li a{
		font-size:18px;
		color:#888;  font-weight: 400;
	}
	.leftmenu01 li a:active, .leftmenu01 li a:focus, .leftmenu01 li.on a, .leftmenu01 li a:hover{color:var(--main-color1); font-weight: 600;}
	.leftmenu01 li a:active::before, .leftmenu01 li a:focus::before, .leftmenu01 li.on a::before, .leftmenu01 li a:hover::before{width:60%; left:20%;}
	
	@media screen and (max-width: 1200px){

	}
	@media screen and (max-width: 767px){
		.leftmenu01 {height: 60px;}
		.leftmenu01 li{line-height:60px; padding: 0 10px;}
		.leftmenu01 li a{font-size:14px;}
		.leftmenu01 li a:before {top: 58px;}
		.leftmenu01 li a:active::before, .leftmenu01 li a:focus::before, .leftmenu01 li.on a::before, .leftmenu01 li a:hover::before {width: 80%; left: 10%;}
	}
	@media screen and (max-width: 380px){
		.leftmenu01{position:relative; display:flex; width:100%; margin:0 auto;}
		.leftmenu01 li{position:relative; flex-grow:1; line-height:60px; white-space:nowrap; padding: 0;}
	}
	
	.loc{position:relative; height:110px; font-size:11px; color:#888888; text-align:center;  display: none;}
	.loc .nav1{position:absolute; right:0; top:0; display:none;}
	.loc h2{position:relative;  font-size:40px; line-height:40px; color:#333; font-weight: 800;}
	.loc h2::before{position:absolute; right:50%; top:80px; margin-right:-7px; width:14px; height:9px; background:url(/images/sub/ico_tit1.png) center center no-repeat;}

	.w640p{display:block;}
	.w640m{display:none;}
	@media screen and (max-width: 768px){
		.w640p{display:none;}
		.w640m{display:block;}

		.loc {height: 70px;}
		.loc h2 {font-size: 32px; line-height: 36px;}
	}

	.wimg2 {width: 48.2%; margin-right:3%; margin-top:3%;}
	.card2 img:nth-child(2n) {margin-right:0%; }
	.wimg3 {width: 32%; margin-right:1.7%; margin-top:1.7%;}
	.wimg3l {width: 32%;  margin-top:1.7%; }
	.wimg4 {width: 66.3%; margin-top:1.7%;}
	.wimg4 .img1{width:100%;}
	.wimg4 .img1.t2{display:none;}
	.wimg4 .img1.t3{display:none;}
	.card3 img:nth-child(3n) {margin-right:0%; }
		
	.mimg1 {display: none;}
	.txtbox1 {color:#777777;line-height:20px; text-align:left; width: 100%; box-sizing: border-box;}
	.txtbox1 p {color:#999999; line-height:20px; font-size:12px; text-align:left; position: relative; padding-left: 12px;}
	.txtbox1 p:before {content: "※"; position: absolute; left: 0px; top: 0;}

	.subslide1 {width: 1200px; position: relative; /* overflow: hidden; */}
	.subslide2 {display: none !important; width: 100%; position: relative; overflow: hidden;}

	.vleft2, .vright2 { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; top:645px; opacity:1; width:64px; height:64px;  background:url(/images/sub/btn_arr3.png) no-repeat left center; border:none; z-index:100;}
	.vleft2 {left:-90px;}
	.vright2 {right:-90px; background-position:-64px 0;}

	.vleft3, .vright3 { position: absolute; display: block; line-height: 0; font-size: 0; cursor: pointer; top:645px; opacity:1; width:40px; height:40px;  background:url(/images/sub/btn_arr3.png) no-repeat left center; border:none; z-index:100; background-size: cover;}
	.vleft3 {left:0px;}
	.vright3 {right:0px; background-position:-40px 0; }
	@media screen and (max-width:1400px) {
		.vleft2, .vright2 {top: 700px;}
		.vleft2 {left: 0px;}
		.vright2 {right: 0px;}
	}
	@media screen and (max-width: 1210px){
		.wimg1 {width: 100%;}
		.subslide1 {width: 100%;}
		.vleft2, .vright2 {top: 500px;}
	}
	@media screen and (max-width: 1100px){
		.wimg3 {width: 48.2%; margin-right:3%; margin-top:3%;}
		.wimg3l {width: 48.2%;  margin-top:3%; }
		.wimg4 {width: 48.2%; margin-top:3%;}
		.card3 img:nth-child(3n) {margin-right:3%; }
		.card3 img:nth-child(2n) {margin-right:0%; }
				
		.wimg4 .img1{display:none;}
		.wimg4 .img1.t2{display:block;}
	}
	@media screen and (max-width: 768px){
		.wimg1 {display: none;}
		.wimg2 {width: 100%;}
		.wimg3 {width: 100%;}
		.wimg3l {width: 100%;}
		.wimg4.fr{width:100%;}
		.wimg4 .img1.t2{display:none;}
		.wimg4 .img1.t3{display:block;}
		
		.mimg1 {display: block; width: 100%;}
		.subslide1 {display: none !important;}
		.subslide2 {display: block !important;}
		.txtbox1 {display: block;}
		
	}
	@media screen and (max-width: 480px){
		/* .svisualbox1 .slider1 {width: 300%; right: 100%;} */
		.txtbox1{line-height: 16px;}
		.txtbox1 p {line-height: 16px;}

		.vleft3, .vright3 {top: 350px;}
	}
	
	/**
	.about1 {background: #fff; position: relative; width: 1600px; overflow: hidden; margin: 0px auto;}
	.about1 .abox1 {position: relative; width: 45%; height: 600px; float: left;}
	.about1 .abox2 {background: url(/images/info/wabout1.png) center center no-repeat; height: 600px; background-size: cover; box-sizing: border-box; overflow: hidden; text-align: right; position: relative; width: 55%; float: right;}
	.about1 .atxt1 {text-align: left; width: 90%;}
	.about1 .atxt1 h1 {font-size: 40px; line-height: 55px; font-weight: 500; margin-bottom: 10px; color: #333;}
	.about1 .atxt1 h2 {font-size: 24px; line-height: 35px; font-weight: 600; margin-bottom: 50px; color: var(--main-color1);}
	.about1 .atxt1 p {font-size: 18px; line-height: 32px;  font-weight: 400; color: #333;}
	.about1 .atxt1 p span {font-size: 20px; font-weight: 600; color: #333; display: inline-block; margin-top: 50px;}

	@media screen and (max-width: 1610px){
		.about1 {width: 90%;}
	}
	@media screen and (max-width: 1410px){
		.about1 .abox1 {width: 45%;}
		.about1 .abox2 {width: 55%;}
	}
	@media screen and (max-width: 1099px){
		.about1 .abox1 {height: auto;}
		.about1 .abox2 {width: 55%; height: auto; padding-bottom: 35%;}
	}
	@media screen and (max-width: 767px){
		.about1 .abox1 {width: 100%; height: auto;}
		.about1 .atxt1 h1 {font-size: 36px; line-height: 50px; margin-bottom: 10px;}
		.about1 .atxt1 span {margin: 0 auto; margin-bottom: 30px;}
		.about1 .atxt1 h2 {font-size: 22px; line-height: 32px; margin-bottom: 40px;}
		.about1 .atxt1 p {font-size: 20px; line-height: 34px;}
		.about1 .abox2 {width: 100%; height: auto; padding-bottom: 67%;}
		.about1 .atxt1 p span {font-size: 22px; margin-top: 40px;}
	}
	@media screen and (max-width: 480px){
		.about1 .atxt1 p br, .about2 .atxt1 p br, .about1 .atxt1 p br {display: none;}
	}**/

 

 



	.dire_wrap1 {width: 1400px; margin: 0 auto; position: relative; overflow: hidden; margin-top: 60px;}
	.dire_wrap1 .left1 {float: left; text-align: left; display: flex;}
	.dire_wrap1 .left1 img {margin-right: 20px;  width: 72px; height: 72px;}
	.dire_wrap1 .left1 h1 {font-size: 40px; color: #333; line-height: 40px; font-weight: 500;}
	.dire_wrap1 .left1 h1 span {font-size: 22px; line-height: 32px; color: #333;  font-weight: 400;}
	.dire_wrap1 .right1 {float: right; text-align: left;}
	.dire_wrap1 .right1 tr th {font-size: 16px; color: #333; font-weight: 600; width: 60px;}
	.dire_wrap1 .right1 tr td {font-size: 16px; color: #333;  font-weight: 400;}
	.dire_wrap1 .right1 {}

	@media screen and (max-width: 1410px){
		.dire_wrap1 {width: 90%; margin-top: 30px;}
		.dire_wrap1 .left1 img {width: 60px; height: 60px; margin-right: 15px;}
		.dire_wrap1 .left1 h1 {font-size: 32px; line-height: 32px;}
		.dire_wrap1 .left1 h1 span {font-size: 18px; line-height: 28px;}
		.dire_wrap1 .right1 tr td {font-size: 14px;}
	}
	@media screen and (max-width: 767px){
		.dire_wrap1 .left1 {width: 100%;}
		.dire_wrap1 .right1 {float: left; margin-top: 20px;}

	}
	@media screen and (max-width: 640px){

	}
	@media screen and (max-width: 480px){
		.dire_wrap1 .left1 img {width: 35px; height: 50px; margin-right: 10px;}
		.dire_wrap1 .left1 h1 {font-size: 28px; line-height: 28px;}
		.dire_wrap1 .left1 h1 span {font-size: 16px; line-height: 24px;}
		.dire_wrap1 .right1 tr td {font-size: 12px;}
	}

	.serv1{width:100%; height:100%; box-sizing:border-box;}
	.serv1 > ul{width:100%; height:100%; max-width:1400px; margin:0 auto;
		display:-ms-grid;
		display:grid; 	
		-ms-grid-columns:1fr 20px 1fr 20px 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  		grid-gap: 20px;
        grid-column-gap:20px;
		-ms-grid-column-gap:20px;
		transition: all 0.5s ease; 
		-webkit-transition:all 0.5s ease; 
		-moz-transition:all 0.5s ease; 
		-o-transition:all 0.5s ease; 
		-ms-transition:all 0.5s ease; 
	}
	.serv1 > ul > li{display:table; width:100%; height:100%;}
	.serv1 > ul > li > div{position:relative; display:table-cell; vertical-align:middle; padding:110% 0 10%; width:100%; height:100%; overflow:hidden;}
	
	.serv1 > ul > li > div::after{position:absolute; left:0; top:0; width:100%; height:100%; border-radius:30px; background:url(/images/guide/bg_ser1.png) no-repeat center center; background-size:cover !important; content:"";
		transition: all 0.6s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.6s ease;
	}
	.serv1 > ul li:nth-child(2) > div::after{background:url(/images/guide/bg_ser2.png) no-repeat center center; background-size:cover !important;}
	.serv1 > ul li:nth-child(3) > div::after{background:url(/images/guide/bg_ser3.png) no-repeat center center; background-size:cover !important;}
	.serv1 > ul li:nth-child(4) > div::after{background:url(/images/guide/bg_ser4.png) no-repeat center center; background-size:cover !important;}
	.serv1 > ul li:nth-child(5) > div::after{background:url(/images/guide/bg_ser5.png) no-repeat center center; background-size:cover !important;}
	.serv1 > ul li:nth-child(6) > div::after{background:url(/images/guide/bg_ser6.png) no-repeat center center; background-size:cover !important;}
	.serv1 > ul li .cont1 .txt1 {position: relative; z-index: 100; text-align: left; font-size: 36px; color: #fff; padding-left: 8%; font-weight: 700;}
	.serv1 > ul li .cont1 .txt1 em{display:block; font-size:20px; color:var(--main-color1); font-weight:600; margin-bottom:5px;
		transition: all 0.2s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.2s ease;
	}
	.serv1 > ul li .cont1 span {background: url(/images/guide/icon_guide1.png) no-repeat center left; background-size: cover !important; width: 82px; height: 89px; display: inline-block; position: absolute; z-index: 10; right: 8%; bottom: 8%;}
	.serv1 > ul li:nth-child(2) .cont1 span {width: 86px; height: 89px; background-position: -82px 0;}
	.serv1 > ul li:nth-child(3) .cont1 span {width: 90px; height: 89px; background-position: -173px 0;}
	.serv1 > ul li:nth-child(4) .cont1 span {width: 74px; height: 79px; background-position: -238px 0;}
	.serv1 > ul li:nth-child(5) .cont1 span {width: 65px; height: 78px; background-position: -313px 0;}
	.serv1 > ul li:nth-child(6) .cont1 span {width: 85px; height: 89px; background-position: -433px 0;}
	
	@media screen and (max-width: 1410px){
		.serv1{width: 90%; margin: 0 auto;}		
		.serv1 > ul{width:100%; height:80%; grid-column-gap:20px;}
	}
	@media screen and (max-width: 1200px){
		.serv1 > ul li .cont1 .txt1 em {font-size: 18px;}
		.serv1 > ul li .cont1 .txt1 {font-size: 28px; line-height: 20px;}
	}
	@media screen and (max-width: 1099px){
		.serv1 > ul li .cont1{line-height:28px; font-size:20px; height:auto;}
		.serv1 > ul {grid-template-columns: 2fr 2fr;}
	}

	@media screen and (max-width: 767px){
		.serv1 > ul li .cont1 .txt1 {font-size: 22px; line-height: 10px;}
		.serv1 > ul li .cont1 span {width: 57px; height: 60px;}
		.serv1 > ul li:nth-child(2) .cont1 span {width: 59px; height: 60px; background-position: -55px 0;}
		.serv1 > ul li:nth-child(3) .cont1 span {width: 64px; height: 60px; background-position: -114px 0;}
		.serv1 > ul li:nth-child(4) .cont1 span {width: 57px; height: 60px; background-position: -181px 0;}
		.serv1 > ul li:nth-child(5) .cont1 span {width: 47px; height: 60px; background-position: -242px 0;}
		.serv1 > ul li:nth-child(6) .cont1 span {width: 56px; height: 60px; background-position: -293px 0;}
	}
	
	@media screen and (max-width: 480px){
		.serv1 > ul {grid-template-columns: 1fr;} 
	}

	.service1 {width: 1400px; margin: 0 auto; text-align: left;}
	.service1 h1 {font-size: 50px; line-height: 55px; color: #333; font-weight: 700;}
	.service1 p {font-size: 18px; line-height: 32px; color: #333;  font-weight: 400; margin-top: 20px;}
	.service2 {width: 100%; overflow: hidden; position: relative; margin-top: 80px;}
	.service2 .left1 {float: left;/*  width: 50%; */ position: relative; left: 50%; margin-left: -1000px;}
	.service2 .left1 .img1 {width: 1000px; height: 850px; background: url(/images/service/service1.jpg) center no-repeat; background-size: cover !important; position: relative;}
	.service2 .left1 .img1.housework1 {width: 1000px; height: 850px; background: url(/images/service/service2.jpg) center no-repeat; background-size: cover !important; position: relative;}
	.service2 .left1 .img1.birth1 {width: 1000px; height: 850px; background: url(/images/service/service3.jpg) center no-repeat; background-size: cover !important; position: relative;}
	.service2 .left1 .img1.study1 {width: 1000px; height: 850px; background: url(/images/service/service4.jpg) center no-repeat; background-size: cover !important; position: relative;}
	.service2 .right1 {float: left; position: relative; left: 50%; margin-left: 90px;}
	.service2 .right1 .ser_box1 {text-align: left; margin-top: 60px;}
	.service2 .right1 .ser_box1:first-child {margin-top: 0;}
	.service2 .right1 .ser_box1 h1 {color: #333; font-size: 30px; font-weight: 700; line-height: 32px; position: relative; padding-left: 20px;}
	.service2 .right1 .ser_box1 h1:before {content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 20px; background: var(--main-color1);}
	.service2 .right1 .ser_box1 p {color: #333; font-size: 18px;  font-weight: 400; line-height: 32px;  margin-top: 30px;}

	.service3 {width: 1400px; margin: 0 auto; position: relative; text-align: left; margin-top: 80px;}
	.service3 h1 {color: #333; font-size: 30px; font-weight: 700; line-height: 32px; position: relative; padding-left: 20px;}
	.service3 h1:before {content: ""; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; border-radius: 20px; background: var(--main-color1);}
	.service3 table {border-collapse: collapse; width: 100%; text-align: center; margin-top: 20px;}
	.service3 table tr * {border: 1px solid #ddd;}
	.service3 table tr th {color: #333; font-size: 18px; font-weight: 700; background: #f9f9f9; width: 20%; height: 70px;}
	.service3 table tr th:nth-child(2) {width: 40%;}
	.service3 table tr th:nth-child(3) {width: 40%;}
	.service3 table tr td {color: #333; font-size: 18px;  font-weight: 400; height: 70px;}
	.service3 table tr td.bold1 { font-weight: 700;}






	.service4 {text-align: left; width: 1400px; margin: 0 auto;}
	.service4 p {font-size: 18px; line-height: 32px; color: #333;  font-weight: normal;}
	.service4 p:nth-child(1) {margin-top: 25px;}




/**회사소개 start**/
.about1 .abox1 { position: relative; width: 100%; height: auto; }
.about1 .abox2 { background-color: #f5f5f5; width: 1400px; box-sizing: border-box; margin: 30px auto; display: flex; justify-content: center; align-items: center; }
.about1 .abox2 img { max-width: 100%; margin: 80px auto 100px; }
.about1 .atxt1 h1 { font-family: "Daehan"; font-weight: 700; color: #333; font-size: clamp(2vw, 4vw, 48px); line-height: clamp(2vw, 6vw, 48px); margin-bottom: 50px; }
.about1 .atxt1 h1 br { display: none; }
.about1 .atxt1 h2 { font-weight: 600; color: var(--main-color1); font-size: 30px; margin-bottom: 30px; }
.about1 .atxt1 p { font-size: 18px; line-height: 32px; font-weight: 400; color: #333; margin-bottom: 4vw; }
/**.about1 .atxt1 p span { font-size: 20px; font-weight: 600; color: #333; display: inline-block; margin-top: 50px; }**/

@media screen and (max-width: 1410px) { 
    .about1 .abox2 { width: 90%; }
    .about1 .abox2 img { width: 70%; }
}

@media screen and (max-width: 767px) { 
    .about1 .abox1 { width: 90%; margin: 0 auto; }
    .about1 .atxt1 span { margin: 0 auto; margin-bottom: 10px; }
    .about1 .atxt1 h1 { font-size: 30px; line-height: 36px; margin-bottom: 30px; }
    .about1 .atxt1 h2 { font-size: 24px; line-height: 30px; margin-bottom: 14px; }
    .about1 .atxt1 p { font-size: 16px; line-height: 24px; }
    .about1 .atxt1 p br { display: none; }
    .about1 .abox2 { width: 100%; height: auto; }
}

@media screen and (max-width: 480px) {
    .about1 .atxt1 h1 { font-size: 24px; line-height: 36px; margin-bottom: 30px; }
}
/**회사소개 end**/


/**주요업무 start**/
.about2 { width: 1400px; margin: 0 auto; }
.about2.mT100 { margin-top: 100px; }
.about2 h1 { color: #333; font-size: 40px; font-weight: 700; line-height: 50px; position: relative; text-align: center; }
.business { display: flex; flex-wrap: wrap; margin-top: 40px; }
.business li { border-radius: 20px; background: #f5f5f5; width: 24%; margin-right: 1.3%; margin-bottom: 1.3%; box-sizing: border-box; padding: 5% 2%; text-align: center; position: relative; }
.business li:nth-child(4) { margin-right: 0; }
.business li h1 { font-weight: 700; font-size: 24px; line-height: 34px; color: #333; }
.business li h2 { font-weight: 700; font-size: 20px; line-height: 30px; color: #f58025; }
.business li div { background: url(/images/main/ico_cont2_off.png) no-repeat; width: 98px; height: 98px; margin: 30px auto 30px; }
.business li:nth-child(2) div { background-position: -98px 0px; }
.business li:nth-child(3) div { background-position: -196px 0px; }
.business li:nth-child(4) div { background-position: -294px 0px; }
.business li:nth-child(5) div { background-position: -392px 0px; }
.business li:nth-child(6) div { background-position: -490px 0px; }
.business li:nth-child(7) div { background-position: -588px 0px; }
.business li p { font-size: 18px; line-height: 26px; font-weight: 400; color: #666; margin-top: 10px; }
.business li p span { font-weight: 600; color: #f58025; }

@media screen and (max-width: 1410px) {
    .about2 { width: 100%; margin: 0 auto; }
    .about2.mT100 { margin-top: 10%; }
    .business { width: 90%; margin: 0 auto; margin-top: 40px; }
    .business li { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }
    .business li:nth-child(3n) { margin-right: 0; }
    .business li:nth-child(4) { margin-right: 3.5%; }
}

@media screen and (max-width: 1099px) { 
    .business li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
    .business li:nth-child(3n) { margin-right: 4%; }
    .business li:nth-child(2n) { margin-right: 0%; }
}

@media screen and (max-width: 767px) { 
    .about2.mT100 { margin-top: 7%; }
    .about2 h1 { font-size: 32px; line-height: 32px; }
    .business li { width: 100%; margin-right: 0%; margin-bottom: 4%; box-sizing: border-box; padding: 10% 10%; display: flex; flex-direction: column; align-items: center; }
    .business li:nth-child(3n) { margin-right: 0; }
    .business li h1 { font-size: 24px; line-height: 28px; }
    .business li h2 { font-size: 18px; }
    .business li div { margin: 30px 0; background-size: cover; background-position: center; }
    .business li p { font-size: 16px; line-height: 24px; }
}

@media screen and (max-width: 480px) { 
    .about2 h1 { font-size: 24px; line-height: 30px; }
    .business li h1 { font-size: 20px; line-height: 24px; }
}
/**주요업무 end**/


/**핵심가치 start**/
.about3 { width: 1400px; margin: 0 auto; }
.about3.mT100 { margin-top: 100px; }
.about3 img { max-width: 100%; margin: 60px auto 60px; }
.about3 h1 { color: #333; font-size: 40px; font-weight: 700; line-height: 50px; position: relative; text-align: center; }
.about3 ul { margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; }
.about3 ul li { text-align: center; display: inline-block; }
.about3 ul li img { margin-top: 30px; }
.about3 ul li h1 { font-weight: 700; font-size: 24px; line-height: 34px; color: #333; margin-top: 10px; }
.about3 ul li h2 { font-weight: 700; font-size: 20px; line-height: 30px; color: #f58025; }
.about3 ul li p { font-size: 18px; line-height: 26px; font-weight: 400; color: #666; margin-top: 10px; }

@media screen and (max-width: 1410px) { 
    .about3 { width: 100%; margin: 0 auto; }
    .about3.mT100 { margin-top: 10%; }
}

@media screen and (max-width: 1099px) { 
    .about3 ul li { width: 30%; margin-bottom: 30px; }
    .about3 img { margin: 5vw auto 10vw; }
}

@media screen and (max-width: 767px) { 
    .about3.mT100 { margin-top: 7%; }
    .about3 img { margin: 7vw auto 7vw; }
    .about3 h1 { font-size: 32px; line-height: 32px; }
    .about3 ul { display: block; }
    .about3 ul li { width: 95%; display: flex; align-items: first-start; flex-wrap: nowrap; margin-left: 5%; }
    .about3 ul li img { margin-top: 0px; margin-right: 5%; height: auto; max-width: 100%; }
    .about3 ul li h1 { font-size: 24px; margin-top: 10%; text-align: left; }
    .about3 ul li h2 { font-size: 18px; margin-top: 0%; text-align: left; }
    .about3 ul li p { font-size: 16px; text-align: left; }
    .about3 ul li p br { display: none; }
}

@media screen and (max-width: 480px) { 
    .about3 h1 { font-size: 24px; line-height: 30px; }
    .about3 ul li { display: flex; align-items: center; flex-wrap: nowrap; }
    .about3 ul li img { width: 20%; }
    .about3 ul li p br { display: inline; }
}
/**핵심가치 end**/



/**창업안내**/

.guide1 { max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.guide1 .guide_wrap1 { display: flex; align-items: flex-start; gap: 50px; margin-bottom: 80px; }
.guide1 .guide_wrap1 ol.consulting-list { padding-left: 0; list-style: none; counter-reset: consulting-counter; text-align: left; }
.guide1 .guide_wrap1 ol.consulting-list li { font-size: 18px; font-weight: 400; line-height: 32px; color: #333; margin-bottom: 20px; position: relative; padding-left: 40px; counter-increment: consulting-counter; }
.guide1 .guide_wrap1 ol.consulting-list li::before { content: counter(consulting-counter); position: absolute; left: 0; top: 4px; width: 24px; height: 24px; background-color: #f58025; color: #fff; font-size: 14px; font-weight: bold; border-radius: 50%; text-align: center; line-height: 24px; }
.guide1 .guide_wrap1 .contact-number { font-size: 48px !important; color: #f58025 !important; font-weight: 700; margin-top: 15px; text-align: left !important; white-space: nowrap; }

.guide1 .left-area { display: flex; align-items: flex-start; text-align: left; width: 350px; flex-shrink: 0; gap: 15px; padding-left: 0; }
.guide1 .left-area h1 { font-weight: 700; font-size: 40px; color: #333; line-height: 50px; white-space: nowrap; }
.guide1 .left-area h2 { font-weight: 700; font-size: 20px; color: #f58025; line-height: 26px; margin: 0; }

.guide1 .right-area { flex: 1; }
.guide1 .right-area ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; width: 100%; }
.guide1 .right-area li { display: table; width: 100%; height: 100%; }
.guide1 .right-area li > div { position: relative; display: table-cell; vertical-align: middle; padding: 110% 0 10%; overflow: hidden; }
.guide1 .right-area li > div::after { content: ""; position: absolute; inset: 0; border-radius: 30px; background: url(/images/guide/bg_fr_guide1.jpg) no-repeat center center; background-size: cover; transition: all 0.6s ease; }
.guide1 .right-area li:nth-child(2) > div::after { background-image: url(/images/guide/bg_fr_guide2.jpg); }
.guide1 .right-area li:nth-child(3) > div::after { background-image: url(/images/guide/bg_fr_guide3.jpg); }
.guide1 .right-area li:nth-child(4) > div::after { background-image: url(/images/guide/bg_fr_guide4.jpg); }
.guide1 .right-area li:nth-child(5) > div::after { background-image: url(/images/guide/bg_fr_guide5.jpg); }
.guide1 .right-area li:nth-child(6) > div::after { background-image: url(/images/guide/bg_fr_guide6.jpg); }
.guide1 .right-area li .cont1 .txt1 { position: relative; z-index: 2; font-size: 24px; color: #fff; padding-left: 8%; text-align: left; }
.guide1 .right-area li .cont1 .txt1 em { font-size: 16px; color: #e85a0d; font-weight: 600; margin-bottom: 0px; display: block; }
.guide1 .right-area li .cont1 span { transform: scale(0.7); position: absolute; z-index: 1; right: 0%; bottom: 4%; background: url(/images/guide/icon_fr_guide1.png) no-repeat; background-size: cover; display: inline-block; }
.guide1 .right-area li:nth-child(1) .cont1 span { width: 90px; height: 88px; background-position: 0 0; }
.guide1 .right-area li:nth-child(2) .cont1 span { width: 90px; height: 88px; background-position: -90px 0; }
.guide1 .right-area li:nth-child(3) .cont1 span { width: 90px; height: 88px; background-position: -180px 0; }
.guide1 .right-area li:nth-child(4) .cont1 span { width: 90px; height: 88px; background-position: -270px 0; }
.guide1 .right-area li:nth-child(5) .cont1 span { width: 90px; height: 88px; background-position: -360px 0; }
.guide1 .right-area li:nth-child(6) .cont1 span { width: 90px; height: 88px; background-position: -450px 0; }

@media screen and (max-width: 1410px) { 
  .guide1 .left-area { width: 200px; }
  .guide1 .right-area li .cont1 .txt1 { font-size: 20px; color: #fff; }
  .guide1 .right-area li .cont1 .txt1 em { font-size: 16px; }
  .guide1 .right-area li .cont1 span { 
    transform: scale(0.6); 
    transform-origin: bottom right; 
    right: 5%; 
  }
}

@media screen and (max-width: 1099px) { 
  .guide1 .guide_wrap1 { flex-direction: column; gap: 30px; }
  .guide1 .left-area { width: 100%; text-align: left; }
  .guide1 .right-area { width: 100%; }
  .guide1 .right-area ul { grid-template-columns: repeat(3, 1fr); }
  .guide1 .right-area li > div { padding: 100% 0 10%; }
  .guide1 .right-area li .cont1 span { 
    right: 8%; 
    transform: scale(0.6); 
    transform-origin: bottom right; 
  }
}

@media screen and (max-width: 767px) { 
  .guide1 .guide_wrap1 { flex-direction: column; gap: 30px; }
  .guide1 .guide_wrap1 .contact-number { white-space: normal; }
  .guide1 .left-area { width: 100%; text-align: left; }
  .guide1 .right-area { width: 100%; }
  .guide1 .right-area ul { grid-template-columns: repeat(2, 1fr); }
  .guide1 .right-area li > div { padding: 100% 0 10%; }
  .guide1 .right-area li .cont1 span { 
    transform: scale(0.5); 
    bottom: 16%; 
  }
}

@media screen and (max-width: 480px) { 
  .guide1 { margin: 50px 0; }
  .guide1 .guide_wrap1 ol.consulting-list li { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
  .guide1 .left-area h1 { font-size: 30px; line-height: 36px; }
  .guide1 .right-area ul { gap: 10px; }
  .guide1 .right-area li > div::after { content: ""; position: absolute; inset: 0; border-radius: 20px; }
  .guide1 .right-area li .cont1 .txt1 { font-size: 16px; padding-left: 8%; text-align: left; }
  .guide1 .right-area li .cont1 .txt1 em { font-size: 12px; margin-bottom: -10px; }
  .guide1 .right-area li .cont1 span { 
    transform: scale(0.5); 
    bottom: 20%; 
  }
}

/**창업안내 끝**/



/**금매입안내**/
.investment1 { width: 1400px; margin: 0 auto; margin-top: 0px; }
.investment1 .inves_wrap1 { display: flex; margin-bottom: 120px; }
.investment1 .inves_wrap1 > div { display: flex; text-align: left; width: 350px; }
.investment1 .inves_wrap1 > div h1 { font-weight: 700; font-size: 40px; color: #333; line-height: 50px; }
.investment1 .inves_wrap1 > div h2 { font-weight: 700; font-size: 20px; color: var(--main-color1); line-height: 26px; margin-right: 15px; }
.investment1 .inves_wrap1 p { font-size: 18px; color: #333; font-weight: 400; line-height: 32px; text-align: left; }
.investment1 .inves_wrap1 ul { margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; width: 1050px; gap: 40px 20px; }
.investment1 .inves_wrap1 ul li { text-align: left; display: inline-block; width: calc(33.333% - 13.33px); }
.investment1 .inves_wrap1 ul li h1 { font-size: 24px; color: #333; font-weight: 700; line-height: 30px; margin: 20px 0 15px; }
.investment1 .inves_wrap1 ul li p { font-size: 18px; line-height: 28px; color: #333; font-weight: 400; }
.investment1 .inves_wrap1 ul li p br.br1 { display: none; }
.investment1 .inves_wrap1 ul li .sub-list { list-style: none; padding-left: 0px; margin: 10px 0 0; display: block; }
.investment1 .inves_wrap1 ul li .sub-list li { position: relative; display: list-item; padding-left: 16px; font-size: 18px; line-height: 28px; color: #333; font-weight: 400; text-align: left; width: auto; }
.investment1 .inves_wrap1 ul li .sub-list li::before { content: '-'; position: absolute; left: 0; color: #333; }

/* 1410px 이하 */
@media screen and (max-width: 1410px) {
  .investment1 { width: 100%; }
  .investment1 .inves_wrap1 { width: 90%; margin: 0 auto; justify-content: space-between; margin-bottom: 50px; }
  .investment1 .inves_wrap1 > div { width: 28%; }
  .investment1 .inves_wrap1 ul { width: 70%; gap: 30px 15px; }
  .investment1 .inves_wrap1 ul li { width: calc(33.333% - 10px); }
  .investment1 .inves_wrap1 ul li img { margin-top: 0%; }
  .investment1 .inves_wrap1 ul li h1 { margin-top: 7%; }
  .investment1 .inves_wrap1 ul li p { line-height: 28px; }
  .investment1 .inves_wrap1 ul li p br { display: none; }
  .investment1 .inves_wrap1 p { width: 72%; }
}

/* 1099px 이하 */
@media screen and (max-width: 1099px) {
  .investment1 .inves_wrap1 ul { gap: 30px 15px; }
  .investment1 .inves_wrap1 ul li { width: calc(50% - 10px); }
  .investment1 .inves_wrap1 p br { display: none; }
}

/* 767px 이하 */
@media screen and (max-width: 767px) {
  .investment1 { margin: 0px 0; }
  .investment1 .inves_wrap1 { flex-direction: column; }
  .investment1 .inves_wrap1 ul { display: block; margin: 0; width: 90%; margin-top: 20px; }
  .investment1 .inves_wrap1 ul li { width: 100%; display: flex; align-items: flex-start; flex-wrap: nowrap; margin-top: 50px; padding-left: 5%; }
  .investment1 .inves_wrap1 ul li:first-child { margin-top: 0; }
  .investment1 .inves_wrap1 ul li img { margin: 0 30px 0 0; width: 80px; flex-shrink: 0; }
  .investment1 .inves_wrap1 ul li > div { flex: 1; width: 100%; }
  .investment1 .inves_wrap1 ul li h1 { font-size: 24px; margin: 0 0 10px; }
  .investment1 .inves_wrap1 ul li h1 br { display: none; }
  .investment1 .inves_wrap1 ul li p { font-size: 18px; line-height: 30px; margin: 0 0 10px; width: 100%; }
  .investment1 .inves_wrap1 ul li p br { display: none; }
  .investment1 .inves_wrap1 ul li p br.br1 { display: block; }
  .investment1 .inves_wrap1 > div { width: 50%; }
  .investment1 .inves_wrap1 > div h2 { line-height: 30px; }
  .investment1 .inves_wrap1 p { width: 90%; margin-top: 20px; padding-left: 0%; font-size: 18px; }
  .investment1 .inves_wrap1 ul li .sub-list { margin-top: 0; padding-left: 0; list-style: none; }
  .investment1 .inves_wrap1 ul li .sub-list li { width: 100%; margin-top: 0; padding-left: 16px; position: relative; font-size: 18px; line-height: 24px; }
  .investment1 .inves_wrap1 ul li .sub-list li::before { content: '-'; position: absolute; left: 0; color: #333; }
}

/* 480px 이하 */
@media screen and (max-width: 480px) {
  .investment1 { margin: 50px 0; }
  .investment1 .inves_wrap1 > div h1 { font-size: 30px; line-height: 30px; }
  .investment1 .inves_wrap1 > div h2 { font-size: 20px; line-height: 20px; }
  .investment1 .inves_wrap1 ul li h1 { font-size: 20px; margin: 10px 0; line-height: 24px; }
  .investment1 .inves_wrap1 ul li h1 br { display: inline; }
  .investment1 .inves_wrap1 ul li p { font-size: 16px; line-height: 24px; }
  .investment1 .inves_wrap1 ul li p br.br1 { display: none; }
  .investment1 .inves_wrap1 ul li { margin-bottom: 3%; padding-left: 0; display: flex; align-items: flex-start; }
  .investment1 .inves_wrap1 ul li img { margin-right: 20px; width: 60px; height: 60px; object-fit: contain; flex-shrink: 0; margin-top: 12px; }
  .investment1 .inves_wrap1 ul { width: 100%; }
  .investment1 .inves_wrap1 > div { width: 100%; }
  .investment1 .inves_wrap1 p { width: 100%; font-size: 16px; line-height: 24px; }
  .investment1 .inves_wrap1 ul li .sub-list { margin-top: 0; padding-left: 0; list-style: none; }
  .investment1 .inves_wrap1 ul li .sub-list li { width: 100%; margin-top: 0; padding-left: 16px; position: relative; font-size: 16px; line-height: 20px; }
  .investment1 .inves_wrap1 ul li .sub-list li::before { content: '-'; position: absolute; left: 0; color: #333; }
}


/** 금 팔때 주의사항 **/
.investment2 { width: 100%; overflow: hidden; position: relative; margin-top: 0px; }
.investment2 .left1 { float: left; position: relative; left: 50%; margin-left: -1000px; }
.investment2 .left1 .img1 { width: 1000px; height: 480px; background: url(/images/investment/investment2_img.jpg) center no-repeat; background-size: cover !important; position: relative; }
.investment2 .right1 { float: left; position: relative; left: 50%; margin-left: 90px; }
.investment2 .right1 .inves_box1 { text-align: left; margin-top: 60px; }
.investment2 .right1 .inves_box1:first-child { margin-top: 0; }
.investment2 .right1 .inves_box1 h1 { color: #333; font-size: 40px; font-weight: 700; line-height: 40px; position: relative; padding-left: 0px; }
.investment2 .right1 .inves_box1 h1::after { content: ""; display: block; width: 60px; border-bottom: 2px solid var(--main-color1); margin: 50px 0; }
.investment2 .right1 .inves_box1 p { color: #333; font-size: 18px; font-weight: 400; line-height: 32px; margin-top: 30px; }
.investment2 .right1 .inves_box1 ol.warning-list { padding-left: 0; margin: 30px 0 0; list-style-type: none; list-style-position: outside; counter-reset: list-counter; }
.investment2 .right1 .inves_box1 ol.warning-list li { font-size: 18px; font-weight: 400; line-height: 32px; color: #333; margin-bottom: 30px; position: relative; padding-left: 40px; }
.investment2 .right1 .inves_box1 ol.warning-list li::before { content: counter(list-counter); counter-increment: list-counter; position: absolute; left: 0; top: 4px; width: 24px; height: 24px; background-color: var(--main-color1); color: white; font-size: 14px; font-weight: bold; border-radius: 50%; text-align: center; line-height: 24px; }
.investment2 .right1 .inves_box1 ol.warning-list li .txt1 { font-size: 16px; font-weight: 300; }

/* 1410px 이하 */
@media screen and (max-width: 1410px) {
  .investment2 { width: 90%; }
  .investment2 .left1 { width: 50%; position: inherit; margin-left: 0; left: 0; }
  .investment2 .left1 .img1 { width: 100%; height: 0; padding-bottom: 90%; }
  .investment2 .right1 { width: 45%; margin-left: 5%; position: inherit; left: 0; }
  .investment2 .right1 .inves_box1 h1::after { margin: 30px 0; }
}

/* 1099px 이하 */
@media screen and (max-width: 1099px) {
  .investment2 { width: 100%; }
  .investment2 .left1 { width: 100%; }
  .investment2 .left1 .img1 { width: 100%; height: 0; padding-bottom: 48%; }
  .investment2 .right1 { width: 90%; margin-top: 60px; }
}

/* 480px 이하 */
@media screen and (max-width: 480px) {
  .investment2 { margin-top: 30px; }
  .investment2 .right1 { margin-top: 50px; }
  .investment2 .right1 .inves_box1 { margin-top: 40px; }
  .investment2 .right1 .inves_box1 h1 { font-size: 30px; line-height: 30px; }
  .investment2 .right1 .inves_box1 p { font-size: 16px; line-height: 28px; margin-top: 20px; }
  .investment2 .right1 .inves_box1:first-child p br,
  .investment2 .right1 .inves_box1:nth-of-type(3) p br { display: none; }
  .investment2 .right1 .inves_box1 ol.warning-list li { font-size: 16px; font-weight: 400; line-height: 24px; color: #333; margin-bottom: 30px; position: relative; padding-left: 40px; }
  .investment2 .right1 .inves_box1 ol.warning-list li br { display: none; }
  .investment2 .right1 .inves_box1 ol.warning-list li .txt1 { font-size: 14px; font-weight: 300; display: inline-block; }
  .investment2 .right1 .inves_box1 ol.warning-list li .txt1 br { display: block; }
}


/**금 투자방식**/
.investment3 { width: 1400px; margin: 0 auto; position: relative; text-align: left; margin-top: 0px; }
.investment3 h1 { color: #333; font-size: 40px; font-weight: 700; line-height: 50px; position: relative; padding-left: 0px; }
.investment3 table { border-collapse: collapse; width: 100%; text-align: left; margin-top: 20px; }
.investment3 table td, .investment3 table th { border: 1px solid #ddd; padding: 20px; }
.investment3 table tr th { color: #333; font-size: 18px; font-weight: 700; background: #fbf2eb; text-align: center; height: 50px; }
.investment3 table tr th:nth-child(1),
.investment3 table tr th:nth-child(2),
.investment3 table tr th:nth-child(3),
.investment3 table tr th:nth-child(4) { width: 25%; }
.investment3 table tr td { color: #333; font-size: 18px; font-weight: 400; }
.investment3 table td ul { padding-left: 0; margin: 0; }
.investment3 table td li { list-style-type: none; position: relative; color: #333; padding-left: 20px; margin-bottom: 10px; line-height: 24px; }
.investment3 table td li:last-child { margin-bottom: 0; }
.investment3 table td li::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 10px; background-color: #333; margin-top: 6px; }
.investment3 .red { color: #d60000; font-weight: 600; }
.investment3 .blue { color: #0051c7; font-weight: 600; }

/* 1410px 이하 */
@media screen and (max-width: 1410px) {
  .investment3 { width: 90%; }
}

/* 1099px 이하 */
@media screen and (max-width: 1099px) {
  .investment3 { width: 90%; padding: 0; }
  .investment3 table tr th, .investment3 table tr td { font-size: 16px; padding: 16px; }
}

/* 767px 이하 */
@media screen and (max-width: 767px) {
  .investment3 .table-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 20px; }
  .investment3 table { width: 100%; min-width: 900px; }
  .investment3 table td, .investment3 table th { font-size: 14px; }
  .investment3 .table-wrapper::-webkit-scrollbar { height: 8px; }
  .investment3 .table-wrapper::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 4px; }
}

/* 480px 이하 */
@media screen and (max-width: 480px) {
  .investment3 h1 { font-size: 30px; line-height: 30px; }
}





/** 제공서비스 **/
.investment4 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; max-width: 1400px; width: 100%; margin: 0px auto 0; }
.investment4 .left1 { width: 40%; order: 1; position: relative; z-index: 1; }
.investment4 .right1 { width: 60%; order: 2; display: flex; justify-content: flex-end; position: relative; top: 50px; }
.investment4 .right1 .img1 { background-image: url('/images/investment/investment4_img.png'); background-size: cover; background-position: center right; background-repeat: no-repeat; width: 100%; max-width: 835px; aspect-ratio: 835 / 650; position: relative; z-index: -1; }
.investment4 .left1 .inves_box1 { text-align: left; margin-top: 60px; }
.investment4 .left1 .inves_box1:first-child { margin-top: 0; }
.investment4 .left1 .inves_box1 h1 { color: #333; font-size: 40px; font-weight: 700; line-height: 50px; margin: 60px 0 30px; }
.investment4 .left1 .inves_box1 h1:first-of-type { margin-top: 0; }
.investment4 .left1 .inves_box1 ul { padding-left: 0; margin: 10px 0 0; list-style-type: none; }
.investment4 .left1 .inves_box1 ul li { font-size: 18px; font-weight: 400; line-height: 24px; margin-bottom: 12px; color: #333; position: relative; padding-left: 20px; }
.investment4 .left1 .inves_box1 ul li::before { content: "-"; position: absolute; left: 0; color: #333; }
.investment4 .left1 .inves_box1 p { font-size: 18px; font-weight: 400; line-height: 32px; margin-top: 30px; color: #333; }

/* 1410px 이하 */
@media screen and (max-width: 1410px) {
  .investment4 { width: 90%; }
}

/* 1099px 이하 */
@media screen and (max-width: 1099px) {
  .investment4 .left1 { width: 45%; }
  .investment4 .right1 { width: 55%; }
  .investment4 .right1 .img1 { background-size: 100%; }
}

/* 767px 이하 */
@media screen and (max-width: 767px) {
  .investment4 { flex-direction: column; align-items: center; width: 90%; margin-top: 0px; padding-bottom: 0px; }
  .investment4 .left1 { order: 1; width: 100%; margin-top: 0px; position: relative; z-index: 1; }
  .investment4 .right1 { order: 2; width: 100%; margin-top: -50px; justify-content: center; position: relative; z-index: 0; }
  .investment4 .right1 .img1 { width: 90%; background-size: contain; background-position: center center; background-repeat: no-repeat; aspect-ratio: 835 / 650; position: relative; z-index: 0; padding-top: 30px; }
  .investment4 .left1 .inves_box1 { margin-top: 40px; }
  .investment4 .left1 .inves_box1 ul li { font-size: 16px; font-weight: 400; line-height: 20px; margin-bottom: 12px; color: #333; position: relative; padding-left: 20px; }
  .investment4 .left1 .inves_box1 ul li::before { content: "-"; position: absolute; left: 0; color: #333; }
  .investment4 .left1 .inves_box1 p { font-size: 16px; line-height: 28px; margin-top: 20px; }
}

/* 480px 이하 */
@media screen and (max-width: 480px) {
  .investment4 .left1 .inves_box1 h1 { font-size: 30px; line-height: 36px; }
  /**
  .investment4 .left1 .inves_box1 ul li { font-size: 14px; font-weight: 400; line-height: 18px; margin-bottom: 12px; color: #333; position: relative; padding-left: 20px; }
  .investment4 .left1 .inves_box1 ul li::before { content: "-"; position: absolute; left: 0; color: #333; }
  .investment4 .left1 .inves_box1 p { font-size: 14px; line-height: 24px; margin-top: 20px; }
  **/
}











	@media screen and (max-width: 1410px){
		.service1, .service2, .service3, .service4 {width: 90%;}
		.service2 .left1 {width: 50%; position: inherit; margin-left: 0; left: 0;}
		.service2 .left1 .img1 {width: 100%; height: 0; padding-bottom: 80%;}
		.service2 .left1 .img1.housework1 {width: 100%; height: 0; padding-bottom: 80%;}
		.service2 .left1 .img1.birth1 {width: 100%; height: 0; padding-bottom: 80%;}
		.service2 .left1 .img1.study1 {width: 100%; height: 0; padding-bottom: 80%;}
		.service2 .right1 {width: 45%; margin-left: 5%; position: inherit; left: 0;}
	} 
	@media screen and (max-width: 1099px){
		.service2 {width: 100%;}
		.service2 .left1 {width: 100%;}
		.service2 .right1 {width: 90%; margin-top: 60px;}
	}
	@media screen and (max-width: 767px){
		.service2 {margin-top: 40px;}
	}
	@media screen and (max-width: 480px){
		.service1 h1 {font-size: 36px; line-height: 48px;}
		.service1 p {font-size: 16px; line-height: 28px;}
		.service2 {margin-top: 30px;}
		.service2 .right1 {margin-top: 50px;}
		.service2 .right1 .ser_box1 h1 {font-size: 24px; line-height: 24px;}
		.service2 .right1 .ser_box1 p {font-size: 16px; line-height: 28px; margin-top: 20px;}
		.service2 .right1 .ser_box1 {margin-top: 40px;}
		.service2 .right1 .ser_box1:first-child p br, .service2 .right1 .ser_box1:nth-of-type(3) p br {display: none;}
		.service3 {margin-top: 50px;}
		.service3 h1 {font-size: 24px; line-height: 24px;}
		.service4 p {font-size: 16px; line-height: 28px;}
		.service3 table tr th, .service3 table tr td, .service3 table tr td.bold1 {font-size: 14px; height: 50px; padding: 0 5px;}

	}
	
	.titbox1 {margin-bottom: 50px;}
	.titbox1 h1 {font-size: 40px; line-height: 55px; color: #333; font-weight: 500;}
	.titbox1 p {font-size: 20px; line-height: 32px; color: #333; font-weight: 600;}
	.titbox1 p span {color: var(--main-color1);  font-weight: 400;}
	@media screen and (max-width: 1099px){
		.titbox1 h1 {font-size: 32px; line-height: 40px;}
		.titbox1 p {font-size: 16px; line-height: 28px;}
	}
	@media screen and (max-width: 480px){
		.titbox1 h1 {font-size: 20px; line-height: 28px;}
		.titbox1 p {font-size: 14px; line-height: 22px;}
		.titbox1 p:nth-of-type(1) {margin-top: 20px;}
	}
	@media screen and (max-width: 350px){
		.titbox1 h1 {font-size: 22px;}
	}

	.mapbox1 {
		width:100%; /* max-width:1200px; */
		overflow: hidden;
		margin-top:4%;
		transition: all 0.6s ease;
		-webkit-backface-visibility:hidden;
		-webkit-transition: all 0.6s ease;
	}
	.mapbox1.index1 {margin-top: 0;}
	.mapbox1 > div{
		position:relative; 
		width:100%; height:0; 
		padding-bottom:40%;
	}
	.mapbox1.index1 > div {padding-bottom: 41%;}
	.mapbox1.on{
		max-height:800px;;
	}
	.mapmarker1{
		position:relative; 
		display:inline-block; 
		border:1px solid #0475f4; background:#0475f4; border-radius:20px;
		padding:11px 10px 11px 46px; 
		color:#fff; font-size:14px; word-break:keep-all; white-space:nowrap;
		z-index:2
	}
	.mapmarker1::after{
		position:absolute; left:1px; top:0px; 
		width:40px; height:40px; 
		background:#0082c9 url(/images/common/ico/ico_pointer1.png) no-repeat center center; border-radius:20px; 
		content:""
		}
	.mapmarker1::before{
		position:absolute; left:14px; bottom:-3px;
		width:0px; height:0;
		border-bottom:10px solid #0475f4; border-left:10px solid transparent; border-right:1px solid #0475f4;
		webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
		content:"";
	}

	@media screen and (max-width: 767px){
		.mapbox1.index1 > div {padding-bottom: 60%;}
	}
	.notice1 {width: 1400px; overflow: hidden;}

	.menu1 {display: flex; width: 1400px; margin: 0 auto; border-collapse: collapse; flex-wrap: wrap;}
	.menu1 li {/* border: 1px solid #ddd;  */border-collapse: collapse; width: 25%; box-sizing: border-box; position: relative;}
	.menu1 li img {border: 1px solid #ddd;}
	.menu1 li p {text-transform: uppercase; color: #222; font-weight: 600; font-size: 18px; position: absolute; top: 87%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

	.tab1.mtab1 {width: 500px; margin: 0 auto; margin-top: 40px;}
	.tab1.mtab1 li {border: none; background: transparent;}
	.tab1.mtab1 li.on {border: none;}
	.tab1.mtab1 li.on a {color: #333; padding-bottom: 2px; border-bottom: 1px solid #333; line-height: 20px;}
	.tab1.mtab1 li a {color: #000; font-weight: 700; display: inline-block;}
	.tabcont.mtabcont1 {margin-top: 3%; margin-bottom: 5%;}

	@media screen and (max-width: 1410px){
		.menu1 {width: 90%;}
		.menu1 li img {width: 100%;}
	}
	@media screen and (max-width: 1099px){
		.menu1 li {width: 50%;}
		.tab1.mtab1 {width: 70%;}
		.tab1.mtab1 li {font-size: 14px;}
	}
	@media screen and (max-width: 480px){
		.menu1 li {width: 100%;}
		.tab1.mtab1 {width: 80%; margin-top: 20px;}
		.tab1.mtab1 li {font-size: 13px;}
	}
/*sub*/
	.tab1{display:table; table-layout:fixed; width:100%;}
	.tab1 li{position:relative; display:table-cell; line-height:50px; border:1px solid none; border-left:none; color:#888; text-align:center; font-size:18px;vertical-align:middle; background: #f9f9f9; border-bottom: 1px solid #333;}
/*
	.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:#888;}
	.tab1 li.on{color:#fff; background:#fff; font-weight:bold; border: 1px solid #333; border-bottom: none;}	
	.tab1 li.on a{color:#333;}

	.tab2{display:table; table-layout:fixed; width:100%;}
	.tab2 li{position:relative; display:table-cell; line-height:50px; border:1px solid #ddd; border-left:none; color:#888; text-align:center; font-size:18px;vertical-align:middle;}
	.tab2 li:before {display:block; content:''; position:absolute; top:0; left:-1px; width:1px; height:50px; background:#ddd;}	
	.tab2 li.on:before{background: #203158;}
	.tab2 li.on + li:before{display:none;}	
	.tab2 li a{display:block; line-height:50px; color:#666666;}
	.tab2 li.on{color:#fff;  background:#203158;  font-weight:bold; }	
	.tab2 li.on a{color:#fff;}

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



.infobox1{
		position:relative;
		width:90%; max-width:1200px; height:80%;
		padding:min(max(11px, 3vw), 40px) min(max(11px, 4vw), 60px) 0;
		border-radius:10px;
		background:#fff;
		box-sizing:border-box;		
		display:none;
	}	
	#inofoguidePop .infobox1{
		opacity:0;
		-webkit-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both;animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; -ms-animation:textDown1 .5s cubic-bezier(0.25, 0.1, 0.25, 1.0) both; 
	}
	.infobox1 > .detail1{
		text-align:center;
		margin-top:min(max(11px, 3vw), 40px);
		overflow-y:auto; height:calc(86% - min(max(11px, 3vw), 40px));
		background:#fff;
		text-align:left;
	}
	.infobox1 > h4{
		text-align:left;
		color:#373d42; font-weight:700; font-size:min(max(15px, 4.6vw), 25px); line-height:min(max(18px, 5.8vw), 26px);
		
	}
	.infobox1 > .detail1 p{
		margin-top:min(max(15px, 4.2vw), 20px);
		color:#373d42; font-size:min(max(11px, 3.2vw), 14px); line-height:min(max(14px, 4.8vw), 20px);
		text-align:left;
		word-break:keep-all; word-wrap:break-word;
	}
	.infobox1 > .detail1 > p:first-child{
		margin-top:0;
	}
	.infobox1 > .detail1 table{border-top:1px solid #e3e5e4; border-spacing:0; border-collapse:collapse; table-layout:fixed; font-size:min(max(11px, 3.2vw), 14px); margin-top:10px;}
	.infobox1 > .detail1 table th{background:#f9f9f9; text-align:center; padding:8px 0 8px 0; border-right:1px solid #e3e5e4; border-bottom:1px solid #e3e5e4; line-height:22px;}
	.infobox1 > .detail1 table td{background:#fff; padding:10px 0 10px 0; text-align:center; border-right:none; border-bottom:1px solid #e3e5e4; line-height:22px;}	
	.infobox1 > .detail1 table th:last-child{border-right:none;}
	
	
	
	.infobox1 > a{
		position:absolute; right:min(max(11px, 4.2vw), 30px); top:min(max(8px, 2.2vw), 10px);
		color:#333; font-size:min(max(11px, 7.2vw), 30px);
	}
	@media screen and (max-width: 580px){
		.infobox1 > .detail1{
			
		}
	}

@-webkit-keyframes textUp1 {
	from {transform: translate3d(0, 150%, 0); }
	to {transform: translate3d(0, 0, 0);}
  }
  @keyframes textUp1 {
	from {transform: translate3d(0, 10%, 0); }
	to {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 bounce1 {
   from {transform: translate3d(0, -2%, 0); }
	to {transform: translate3d(0, 0, 0);}
  }
  @keyframes bounce1 {
	from {transform: translate3d(0, -2%, 0); }
	to {transform: translate3d(0, 0, 0);}
  }
  
  @-webkit-keyframes afadeInDown{
	  0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  @keyframes fadeInDown1{
	  0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,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.0,1.0); transform:rotate(0.002deg) scale(1.0,1.0);}
  }
  
  @keyframes drift {
  0% {-webkit-transform:scale(1,4); transform:scale(1,4,1,4);}
  to {-webkit-transform:rotate(0.002deg) scale(1.0,1.0); transform:rotate(0.002deg) scale(1.0,1.0);}
  }
  @-ms-keyframes drift {
  from {-webkit-transform: scale(1,1); transform:scale(1,1);}
  to {-webkit-transform:rotate(0.002deg) scale(1.0,1.0); transform:rotate(0.002deg) scale(1.0,1.0);}
  }
  @-webkit-keyframes fadeInMove1{
	  0%{opacity:0;-webkit-transform:translate3d(0,-30%,0);transform:translate3d(0,-30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  @keyframes fadeInMove1{
	  0%{opacity:0;-webkit-transform:translate3d(-30%,-30%,0);transform:translate3d(-30%,-30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  
  @-webkit-keyframes fadeInMove2{
	  0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  @keyframes fadeInMove2{
	  0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  
  @-webkit-keyframes fadeInMove3{
	  0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  @keyframes fadeInMove3{
	  0%{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  
  @-webkit-keyframes fadeInMove4{
	  0%{opacity:0;-webkit-transform:translate3d(30%,30%,0);transform:translate3d(30%,30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
  }
  @keyframes fadeInMove4{
	  0%{opacity:0;-webkit-transform:translate3d(30%,30%,0);transform:translate3d(30%,30%,0)}
	  to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(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)
	}
  }
  
  .drift{-webkit-animation-name:drift;animation-name:drift; }
  .textDown1{-webkit-animation-name:textDown1;animation-name:textDown1; }
  .textDown2{-webkit-animation-name:textDown2;animation-name:textDown2; }
  .textUp1{-webkit-animation-name:textUp1;animation-name:textUp1; }

  .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; }
  
  .afadeInDown{-webkit-animation-name:fadeInDown1;animation-name:fadeInDown1; }

.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; }