@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
    #wrap {position:relative; width: 100%; overflow: clip; box-sizing: border-box;}
    #container, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1600px; margin:0 auto; box-sizing: border-box;}
	/* body:has(#aside.on){height:100%; min-height:100%; overflow:hidden !important; touch-action:none;} */
	
    @media screen and (max-width:640px) {
		 #container, .w_custom{width: calc(100% - 30px);}
	}
    @media screen and (max-width:320px) {
        #container, .w_custom{width: calc(100% - 20px);}
	}

/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	#header{width:100%;position:fixed;top:0;left:0;box-sizing:border-box;z-index:20;overflow:visible;}
	#header .header_cont{box-sizing:border-box;position: relative;}
	#header .header_cont .hd_logo{display: inline-block;box-sizing:border-box;position: absolute;left:0;top:35px;width:165px;height:28px;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd-logo.png')no-repeat left center;background-size:auto 100%;font-size:0;filter:var(--filter-white);transition:all 0.3s;}
	#header .header_cont .hd_lnb{width:100%;display:inline-block;box-sizing:border-box;text-align:center;}
	#header .header_cont .hd_lnb > li{padding:0 30px;display: inline-block;box-sizing:border-box;vertical-align:top;position: relative;height:100px;}
	#header .header_cont .hd_lnb > li > a{font-size:var(--title-16);color:var(--point-white);font-weight:500;letter-spacing:0;position:relative;padding-bottom:12px;line-height:100px;}
	#header .header_cont .hd_lnb > li > a:before{width:5px;height:5px;content:"";background:var(--point-color01);box-sizing:border-box;border-radius:100%;;position: absolute;top:-4px;right:-11px;display: none;}

	#header .hd_right{float: right;vertical-align: top;display: flex;align-items: center;position: absolute;right:0;top:32px;}
	#header .hd_right .hd_tel{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width:160px;height:32px;border-radius:16px;background:var(--point-color01);font-size:var(--title-16);color:var(--point-white);font-weight:400;gap:10px;}
	#header .hd_right .hd_tel:before{width:16px;height:16px;content:"";background:url('../images/skin/main_tel.png')no-repeat center;background-size:auto 100%;display: inline-block;}
	#header .hd_right .hd_tel span{font-size:inherit;color:inherit;font-weight:inherit;}
	#header .hd_right .menu-trigger{display: inline-block;box-sizing:border-box;width:36px;height:36px;position: relative;margin-left:40px;vertical-align: middle;background:url('../images/skin/btn-cate.png')no-repeat center;background-size:auto 100%;filter:var(--filter-white);transition:all 0.3s;}

	/*on*/
	#header.on{background:var(--point-white);box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
	#header.on .header_cont .hd_logo a{filter:none;}
	#header.on .header_cont .hd_lnb > li > a{color:var(--black-color03);}
	#header.on .header_cont .hd_lnb > li.on > a{color:var(--point-color01);}
	#header.on .header_cont .hd_lnb > li.on > a:before{display: block;}
	
	#header.on .hd_right .menu-trigger{filter:none;}
	
	/*service*/
	.sub_service #header{position: sticky;}
	.sub_service #header .header_cont .hd_logo a{filter:none;}
	.sub_service #header .header_cont .hd_lnb > li > a{color:var(--black-color03);}
	.sub_service #header .hd_right .menu-trigger{filter:none;}
	
	@media (pointer: fine) and (hover: hover) {
		#header:hover{background:var(--point-white);box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
		#header:hover .header_cont .hd_logo a{filter:none;}
		#header:hover .header_cont .hd_lnb > li > a{color:var(--black-color03);}
		#header:hover .header_cont .hd_lnb > li:hover > a{color:var(--point-color01);}
		#header:hover .header_cont .hd_lnb > li:hover > a:before{display: block;}

		#header:hover .hd_right .menu-trigger{filter:none;}
	}

	@media only screen and (max-width:1300px){
		#header .header_cont .hd_lnb > li{padding:0 18px;}
		#header .hd_right .menu-trigger{margin-left:20px;}
	}
	@media only screen and (max-width:1200px){
		#header .header_cont .hd_lnb{padding-right:30px;}
		#header .header_cont .hd_lnb > li{padding:0 10px;}
	}
	@media only screen and (max-width:1024px){
		#header .header_cont{height:auto;display: flex;align-items: center;justify-content: space-between;padding:22px 0;}
		#header .header_cont .hd_logo, #header .hd_right{position: static;}
		#header .header_cont .hd_logo{}
		#header .header_cont .hd_lnb{display: none;}
		#header .hd_right{height:auto;}
	}
	@media only screen and (max-width:479px){
		#header .header_cont .hd_logo{height:22px;width:132px;}
		#header .hd_right .hd_tel{width:120px;height:26px;gap:5px;}
		#header .hd_right .hd_tel:before{width:13px;height:13px;}
		#header .hd_right .menu-trigger{width:25px;height:25px;margin-left:10px;}
	}
	@media only screen and (max-width:330px){
		#header .header_cont .hd_logo{width:110px;height:18px;}
		#header .hd_right .menu-trigger{width:20px;height:20px;}
	}
	
/*───────────────────────────────────────────────────────────

	 ASIDE | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
	/* PC 일반 */
		#aside {top:0;right:0;width:100%; height:100%; box-sizing:border-box;box-sizing:border-box;position:fixed;background:var(--point-white);z-index:95; opacity:0; pointer-events:none; transition:all 1.5s; transition-delay:0.6s;}
		#aside.on {opacity:1; pointer-events:inherit; }

		.aside_bg {position:fixed; width:100%; height:100%; top:0; left:0; z-index:90;pointer-events:none; transform:scaleX(-1)}
		.aside_bg.on {opacity:1;display:block; pointer-events:inherit;}
		.aside_bg div {position: absolute;z-index: 1; background-repeat: no-repeat; transform: rotateY(-50deg) scale(0.5); opacity: 0; transform-origin: bottom; transition: all .6s cubic-bezier(.71, .05, .09, .91); transition-delay:0.3s;}
		 .aside_bg.on div{ opacity: 1; transform: rotate(0deg) translateY(0);}

		#aside .aside_box.for_m {display:none;}
		#aside .aside_box{display: block;width:100%;height:100%;}
		#aside .aside_head{position: relative; border-bottom:1px solid var(--border-color01); box-sizing:border-box; transition:all 0.4s;display: flex;align-items: center;justify-content: space-between;padding:31.5px 0;}	
		#aside .aside_head .aside_logo{z-index:15;width:165px;height:28px;}
		#aside .aside_head .aside_logo a {display:block;background: url('../images/skin/hd-logo.png') no-repeat left;font-size:0;background-size:100% auto;height:100%;}
		#aside .aside_head_right {margin:0;padding:0;font-size:0;vertical-align:top;text-align:center;display:inline-block;box-sizing:border-box;z-index:15;}
		#aside .menu-trigger2.active-1{position:relative;padding:0;width:36px;height:36px;box-sizing: border-box;background:url('../images/skin/btn-close.png')no-repeat center;background-size:36px;display: inline-block;} 
		#aside ul.aside_menu .dep1_li {text-align:left;display:block;vertical-align:top;margin-bottom:60px;box-sizing:border-box;font-size:var(--title-40);}
		#aside ul.aside_menu .dep1_li:nth-child(-n+3){padding-right:20px;}
		#aside ul.aside_menu .dep1_li .dep1_a {transition:0.2s;color:var(--black-color03);font-size:110%;display: block;padding:0;font-weight:700;}

		#aside .aside_box .aside_cont{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		#aside .aside_box ul.aside_menu{position: relative;width:100%;max-height:500px;display: flex;flex-direction: column;flex-wrap: wrap;}
		#aside .aside_box .dep1_li{position: relative;display:inline-block;width:50%;}
		#aside .aside_box .dep1_li:after{clear:both;content:"";display: block;}
		#aside .aside_box .dep1_li > a{width:100%;}

	/* over */
	@media (pointer: fine) and (hover: hover) {
		#aside .aside_box .dep1_li:hover > a, #aside .aside_box .dep1_li:focus > a{color:var(--point-color01);}
		#aside .aside_box .dep1_li .dep2 li:hover a{color:var(--point-color01);} 
	}

	@media only screen and (max-width:1024px) {
		#aside .aside_head{padding:22px 0;}
	}
	@media only screen and (max-width:640px) {
		#aside .aside_box{display: block;height:100%;overflow-y:scroll;}
		#aside.on {right:0;}
		#aside .aside_box.for_pc{display:none;}
		#aside .aside_box.for_m{display:block;}
		
		#aside .aside_head{padding:22px 15px;}
		#aside .aside_head .aside_logo{width:125px;}
		#aside .aside_box .aside_cont{padding:0; top:auto; left:auto; position:relative; transform:none;}
		#aside .aside_box .aside_menu{box-sizing:border-box;padding:30px 15px;display: block;max-height:initial;}
		#aside ul.aside_menu .dep1_li{margin-bottom:0;width:100%;}
		#aside ul.aside_menu .dep1_li:nth-child(-n+3){padding:0;}
			#aside .aside_box .dep1_li + .dep1_li{margin-top:35px;}
		#aside ul.aside_menu .dep1_li .dep1_a{font-size:var(--title-22);color:var(--black-color03);font-weight:700;display: block;width:100% !important;height:100%;position: relative;transition:all 0.5s;}
		#aside .aside_box .dep1_li .dep1_a.on{color:var(--point-color01);transition:all 0.5s;}
	}
	@media only screen and (max-width:479px) { 
		#aside .aside_head .aside_logo{width:130px;height:22px;}
		#aside .menu-trigger2.active-1{width:25px;height:25px;background-size:25px;}
		
		#aside .aside_box .dep1_li + .dep1_li{margin-top:25px;}
	}

/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color01);margin-top:140px;}
	#footer .w_custom{padding-top:64px;padding-bottom:56px;}
	#footer .ft_top{display: flex;justify-content: space-between;align-items:flex-end;}
	#footer .ft_top .ft_logo{display: inline-block;}
	#footer .ft_top .ft_gnb{display: inline-block;transform:translateY(6px);}
	#footer .ft_top .ft_gnb li{display: inline-block;vertical-align: top;margin-left:26px;}
	#footer .ft_top .ft_gnb li a{font-size:var(--title-14);color:var(--black-color11);font-weight:300;}
	#footer .ft_top .ft_gnb li a strong{font-size:inherit;color:var(--point-white);font-weight:inherit;}

	#footer .ft_info_box{box-sizing:border-box;border-top:1px solid var(--black-color03);padding-top:31px;margin-top:37px;}
	#footer .ft_info{}
	#footer .ft_info span{font-size:var(--title-14);color:var(--black-color11);font-weight:300;line-height:2.15;font-family:var(--font-type02);letter-spacing:0;display: inline-block;margin-right:30px;position: relative;}
	#footer .ft_info span + span:before{width:1px;height:10px;content:"";background:var(--black-color03);position: absolute;left:-17px;top:11px;}
	#footer .ft_info span a{display: inline-block;box-sizing:border-box;font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}
	#footer .ft_info_box .copyright{font-size:var(--title-14);color:var(--black-color11);font-weight:300;line-height:2.15;font-family:var(--font-type02);letter-spacing:0;margin-top:32px;}	
	#footer .ft_info_box .copyright a{display: inline-block;box-sizing:border-box;font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;vertical-align: top;margin-left:32px;}

	@media only screen and (max-width:1200px) { 
		#footer .ft_info{font-size:0;}
		#footer .ft_info span{margin-right:20px;}
		#footer .ft_info span + span:before{left:-10px;top:9px;}
	}
	@media only screen and (max-width:1024px) { 
		#footer{margin-top:clamp(60px, 15vw, 140px);}
		#footer .ft_info{width:100%;gap:0 20px;display: flex;flex-wrap:wrap;}
		#footer .ft_info br{display: none;}
		#footer .ft_info span{margin:0;}
		#footer .ft_info span + span:before{display: none;}
	}
	@media only screen and (max-width:640px) { 
		#footer .w_custom{padding-top:40px;padding-bottom:35px;}
		#footer .ft_top{display: block;}
		#footer .ft_top .ft_gnb{display: block;transform:none;margin-top:20px;}
		#footer .ft_top .ft_gnb li{margin-left:0;}
		#footer .ft_top .ft_gnb li + li{margin-left:20px;}

		#footer .ft_info_box{padding-top:20px;margin-top:25px;}
		#footer .ft_info{gap:0 12px;}
		#footer .ft_info span{line-height:2;}

		#footer .ft_info_box .copyright{margin-top:22px;line-height:2;}
		#footer .ft_info_box .copyright a{margin:0;display: block;}
	}
	@media only screen and (max-width:500px) { 
		#footer .ft_top .ft_logo img{height:22px;}
	}

/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/
	/* visual */
		#wrap .main_visual {position:relative;width:100%;margin:0;height:940px;background:var(--black-color00);}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:940px;border:none;min-height:100% !important;}
		.main_visual .slick-slide a {display:inline-block;height:100%;width:100%;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;transform:scale(1.3);transition:all 2.5s;pointer-events:none;}
		.main_visual .txt_box {text-align:center;transform:translate(-50%);position:absolute;left:50%;bottom:88px;;font-size:0;}
		.main_visual .txt_box h3,
		.main_visual .txt_box p{display:block;text-align:left;color:var(--point-white);opacity:0;transform:translateY(100px);transition:all 0.5s;}
		.main_visual .txt_box h3{font-size:var(--title-80);font-weight:700;letter-spacing:0;}
		.main_visual .txt_box p {font-size:var(--title-20);font-weight:400;letter-spacing:0;margin-top:14px;}

		/*active*/
			.main_visual .active a{transform:scale(1);transition:all 2.5s;}
			.main_visual .active .txt_box h3,
			.main_visual .active .txt_box p{opacity:1;transform:translateY(0);transition:all 0.5s;}
			.main_visual .active .txt_box h3{transition-delay:0.3s;}
			.main_visual .active .txt_box p{transition-delay:0.6s;}
		
		/*dots*/
			.main_visual .slick-dots{position: absolute;left:50%;bottom:31%;transform:translate(-50%);}
			.main_visual .slick-dots li{display: inline-block;box-sizing:border-box;vertical-align: top;}
			.main_visual .slick-dots li + li{margin-left:10px;}
			.main_visual .slick-dots li .tab{width:60px;height:3px;background:rgba(255,255,255,0.4);position: relative;}
			.main_visual .slick-dots li .tab .s-line-fill{height:100%;display: block;position: absolute;left:0;top:0;background:var(--point-color01);}
			
		@media only screen and (max-width:1400px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:61vw;}
		}
		@media only screen and (max-width:1024px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:79vw;}
			.main_visual .txt_box{bottom:30px;}
		}
		@media only screen and (max-width:860px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:90vw;}
		}
		@media only screen and (max-width:767px){
			.main_visual .slick-dots{bottom:35%;}
		}
		@media only screen and (max-width:640px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:130vw;}
		}
		@media only screen and (max-width:500px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:100vh;}
			.main_visual .txt_box{bottom:47px;}
			.main_visual .txt_box p{margin-top:40px;}

			.main_visual .slick-dots{bottom:40.2%;}
			.main_visual .slick-dots li + li{margin-left:5px;}
			.main_visual .slick-dots li .tab{width:30px;}
		}
		@media only screen and (max-width:340px){
		}
		
	/*공통*/
		.main_content {overflow:hidden;}
		.main_content > div{position: relative;}
		.main_content > div > a{position: absolute;top:-80px;}
		.main_title{box-sizing:border-box;border-bottom:1px solid var(--border-color01);padding-bottom:27px;}
		.main_title h3{display: inline-block;position: relative;font-size:var(--title-50);color:var(--black-color01);font-weight:300;}
		.main_title h3 strong{font-size:inherit;color:inherit;font-weight:700;position: relative;display: inline-block;}
		.main_title h3 strong:before{width:12px;height:12px;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;right:-16px;top:4px;}
		.main_title p{font-size:var(--title-18);color:rgba(17,17,17,0.8);font-weight:400;line-height:1.65;margin-top:35px;}
		
	/*about*/
		.main_about{box-sizing:border-box;position: relative;padding:137px 0 340px;overflow:hidden;}	
		.main_about:before{width:1765px;height:1830px;content:"";box-sizing:border-box;border-radius:100%;border:8px solid var(--point-color01);position: absolute;right:-43%;bottom:-49%;opacity:0.6;}
		.main_about .main_title{border-bottom:none;padding-bottom:0;}
		.main_about .about_list{display:flex;flex-wrap:wrap;width:calc(100% + 35px);margin-left:-17.5px;justify-content:space-between;margin-top:101px;}
		.main_about .about_list li{box-sizing:border-box;position: relative;margin:0 17.5px;width:calc(33.3333% - 35px);}
		.main_about .about_list li:nth-child(1){transition-delay:0.8s;}
		.main_about .about_list li:nth-child(2){transform:translate3d(0, 300px, 0);}
		.main_about .about_list li.aos-animate:nth-child(2){transform:translate3d(0, 181px, 0);transition-delay:1.5s;}
		.main_about .about_list li.aos-animate:nth-child(3){transform:translate3d(0, -200px, 0);}

		.main_about .about_list .thumb{width:100%;height:0;padding-bottom:133.3%;border-radius:30px;position: relative;overflow:hidden;}
		.main_about .about_list .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);transition:all 0.5s;} 
		.main_about .about_list .txt_box{width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;box-sizing:border-box;padding:53px 41px;font-size:var(--title-30);}
		.main_about .about_list .txt_box dt{font-size:104%;color:var(--point-white);font-weight:700;}
		.main_about .about_list .txt_box dd{position: absolute;bottom: 81px;left: 0;box-sizing: border-box;padding: 0 41px;transform:translateY(100px);opacity:0;transition:all 0.5s;}
		.main_about .about_list .txt_box dd p{font-size:var(--title-18);color:var(--point-white);font-weight:400;line-height:1.65;letter-spacing:0;}

		/*over*/
		@media only screen and (min-width:1024px){
			.main_about .about_list li:hover .thumb img{transform:translate(-50%,-50%) scale(1.05);transition:all 0.5s;}
			.main_about .about_list li:hover .txt_box dd{transform:translateY(0);opacity:1;transition:all 0.5s;}
		}

		@media only screen and (max-width:1450px){
			/*about*/
			.main_about:before{width:90%;height:100%;}
		}
		@media only screen and (max-width:1200px){
			/*about*/
			.main_about{padding:100px 0 220px;}
			.main_about .about_list{width:calc(100% + 16px);margin-left:-8px;}
			.main_about .about_list li{width:calc(33.3333% - 16px);margin:0 8px;}
			.main_about .about_list li:nth-child(2){transform:translateY(100px);}
			.main_about .about_list li:nth-child(3){transform:translateY(-100px);}

			.main_about .about_list .txt_box{padding:25px 15px;}
			.main_about .about_list .txt_box dd{padding:0 15px;bottom:25px;}
		}
		@media only screen and (max-width:1024px){
			/*공통*/
			.main_title{padding-bottom:10px;}
			.main_title p{margin-top:20px;}
		}
		@media only screen and (max-width:640px){
			/*공통*/
			.main_title h3 strong:before{width:10px;height:10px;right:-12px;}

			.main_about{padding:70px 0 100px;}
			.main_about:before{display: none;}
			.main_about .about_list{width:100%;margin-left:0;margin-top:40px;justify-content:center;}
			.main_about .about_list li{width:100%;margin:0 0 30px;transition-delay:initial !important;padding:40px 20px;overflow:hidden;border-radius:10px;}
			.main_about .about_list li:nth-child(3){transform:translateY(100px);}
			.main_about .about_list li.aos-animate:nth-child(2),
			.main_about .about_list li.aos-animate:nth-child(3){transform:translate3d(0,0,0);}
			.main_about .about_list .thumb{padding-bottom:0;border-radius:0;width:100%;height:100%;position: absolute;top:0;left:0;}
			.main_about .about_list .txt_box{position: relative;padding:0;}
			.main_about .about_list .txt_box dd{position: static;transform:none;opacity:1;padding:0;margin-top:20px;}
		}
		@media only screen and (max-width:479px){
			/*공통*/
			.main_title h3 strong:before{top:8px;right:-16px;}
			.main_title p{margin-top:18px;}

			.main_about{padding:49px 0 65px;}
			.main_about .main_title .view_more{margin-top:36px;}
			.main_about .about_list{margin-top:40px;}
			.main_about .about_list li{width:100%;margin-bottom:15px;border-radius:5px;}
			.main_about .about_list .txt_box dd p{line-height:1.4;}
		}
		
	.main_sustain{box-sizing:border-box;height:940px;}
	.main_sustain > ul {display:flex;width:100%;height:100%;box-sizing:border-box;transition:all 0.5s;}
	.main_sustain > ul.bg0{background:url('../images/skin/main-service-01.jpg')no-repeat center;background-size:cover;}
	.main_sustain > ul.bg1{background:url('../images/skin/main-service-02.jpg')no-repeat center;background-size:cover;}
	.main_sustain > ul.bg2{background:url('../images/skin/main-service-03.jpg')no-repeat center;background-size:cover;}
	.main_sustain > ul.bg3{background:url('../images/skin/main-service-04.jpg')no-repeat center;background-size:cover;}
	.main_sustain > ul li{width:25%;height:100%;box-sizing:border-box;position: relative;display:flex;align-items:flex-end;padding-bottom:50px;}
	.main_sustain > ul li:before{width:100%;height:0;content:"";background:rgba(0,0,0,0.3);position: absolute;top:0;left:0;transition:height 0.5s;}
	.main_sustain > ul li + li{border-left:1px solid rgba(255,255,255,0.3);}
	.main_sustain > ul li .txt_box{position: relative;box-sizing:border-box;padding:0 35px;width:100%;}
	.main_sustain > ul li .txt_box dt{font-size:var(--title-30);color:var(--point-white);font-weight:700;margin-bottom:25px;}
	.main_sustain > ul li .txt_box dd p{font-size:var(--title-16);color:rgba(255,255,255,0.8);font-weight:300;line-height:1.62;opacity:0;height:0;overflow:hidden;transition:all 0.5s;}
	
	/*over*/
	@media only screen and (min-width:1024px){
		.main_sustain > ul li:hover:before{transition:height 0.5s;height:100%;}
		.main_sustain > ul li:hover .txt_box dd p{opacity:1;height:auto;overflow:visible;margin-bottom:30px;transition:all 0.5s;}
	}
	
	@media only screen and (max-width:1400px){
		.main_sustain{height:800px;}
		.main_sustain > ul li{padding-bottom:70px;}
		.main_sustain > ul li .txt_box{padding:0 15px;}
	}
	@media only screen and (max-width:1024px){
		.main_sustain{height:auto;}
		.main_sustain > ul{flex-wrap:wrap;background:none !important;}
		.main_sustain > ul li{width:50%;padding:40px 15px 40px;height:auto;align-items: flex-start;}
		.main_sustain > ul li:nth-child(1){background:url('../images/skin/main-service-01.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul li:nth-child(2){background:url('../images/skin/main-service-02.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul li:nth-child(n+3){border-top:1px solid rgba(255,255,255,0.3);}
		.main_sustain > ul li:nth-child(3){border-left:none;background:url('../images/skin/main-service-03.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul li:nth-child(4){background:url('../images/skin/main-service-04.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul li:before{height:100%;}	
		.main_sustain > ul li .txt_box{padding:0;}
		.main_sustain > ul li .txt_box dd p{height:auto;opacity:1;}
	}
	@media only screen and (max-width:640px){
		.main_sustain > ul li{width:100%;border:none !important;}
		.main_sustain > ul li + li{margin-top:30px;}
	}
	@media only screen and (max-width:479px){
		.main_sustain > ul li{padding:49px 20px 39px;}
		.main_sustain > ul li + li{margin-top:15px;}
		.main_sustain > ul li .txt_box dt{margin-bottom:15px;}
	}
	
	/*news*/
		.main_prd{position: relative;box-sizing:border-box;padding:110px 0 116px;overflow:hidden;}
		.main_prd:before{content:"ECOZEN";font-size:260px;color:var(--point-white);font-weight:700;text-shadow : -1px -1px 0  rgba(17, 17, 17, 0.2), 1px -1px 0  rgba(17, 17, 17, 0.2), -1px 1px 0  rgba(17, 17, 17, 0.2), 1px 1px 0  rgba(17, 17, 17, 0.2);position: absolute;transform:rotate(-90deg);left:-30%;top:40%;background:var(--point-white);z-index:10;line-height:190px;transition:all 1s;}
		.main_prd.aos-animate:before{left:-24%;transition:all 0.5s;transition-delay:1s;}
		.main_prd .main_title{display: flex;align-items:center;justify-content: space-between;position: relative;z-index:12;background:var(--point-white);}
		.main_prd .arw_box{font-size:0;}
		.main_prd .arw_box .swiper_arw{display: inline-block;box-sizing:border-box;position: static;width:42px;height:9px;font-size:0;margin-top:0;}
		.main_prd .arw_box .swiper_arw:after{display: none;}
		.main_prd .arw_box .swiper-button-prev{background:url('../images/skin/prev-arw.png')no-repeat center;}
		.main_prd .arw_box .swiper-button-next{background:url('../images/skin/next-arw.png')no-repeat center;margin-left:30px;}
		
		.main_prd .news_content{margin-top:59px;overflow:visible;}
		.main_prd .news_content ul{}
		.main_prd .news_content ul li{position: relative;box-sizing:border-box;}
		.main_prd .news_content ul li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_prd .news_content ul li .thumb{width:100%;height:0;padding-bottom:68%;box-sizing:border-box;border-radius:10px;overflow:hidden;position: relative;}
		.main_prd .news_content ul li .thumb img{width:100%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(1);transition:all 0.5s;z-index:2;}
		.main_prd .news_content ul li .thumb .date{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;height:40px;text-align: center;background:var(--point-color01);font-size:var(--title-13);color:var(--point-white);font-weight:400;position: absolute;top:0;left:0;z-index:3;padding:0 17px;letter-spacing:0;opacity:0;transition:all 0.5s;}
		.main_prd .news_content ul li .txt{margin-top:37px;font-size:var(--title-20);}
		.main_prd .news_content ul li strong{font-size:120%;color:var(--black-color01);font-weight:500;line-height:1.25;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
		.main_prd .news_content ul li p{font-size:var(--title-16);color:var(--black-color06);font-weight:400;line-height:1.85;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;margin-top:19px;}

		/*over*/
		@media only screen and (min-width:1024px){
			.main_prd .news_content ul li:hover .thumb img{transform:translate(-50%, -50%) scale(1.05);transition:all 0.5s;}
			.main_prd .news_content ul li:hover .thumb .date{opacity:1;transition:all 0.5s;}
			.main_prd .news_content ul li:hover .more{opacity:1;transition:all 0.5s;}
		}
		
		@media only screen and (max-width:1919px){
			.main_prd:before{left:-35%;}
			.main_prd.aos-animate:before{left:-26%;}
		}
		@media only screen and (max-width:1850px){
			.main_prd:before{display: none;}
		}
		@media only screen and (max-width:1024px){
			.main_prd .news_content{margin-top:30px;}
			.main_prd .news_content ul li .txt{margin-top:20px;}
			.main_prd .news_content ul li p{margin-top:14px;line-height:1.5;}
		}
		@media only screen and (max-width:640px){
			.main_prd .arw_box{display: none;}
			.main_prd{padding:60px 0 80px;}	

		}
		@media only screen and (max-width:479px){
			.main_prd{padding:49px 0 68px;}
			.main_prd .news_content{margin-top:40px;}
			.main_prd .news_content ul li .txt{margin-top:16px;}
		}
		
	/* Video banner */
		.main_video {}
		.main_video .video_box{width:100%;height:0;padding-bottom:37.8%;background:url('../images/skin/main_video_bg.jpg') no-repeat center;background-size:cover;position:relative;background-attachment:fixed;}
		.main_video .link {position:absolute;width:100%;height:100%;top:0;left:0;}
		.main_video .play_btn {display:inline-block;width:100px;height:100px;border-radius:100%;box-sizing:border-box;position:relative;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition: all 1s;overflow:hidden;background:var(--point-white);}
		.main_video .play_btn:before{width:100%;height:100%;content:"";background:var(--point-yellow);position: absolute;bottom:0;left:0;transition:height 0.7s;}
		.main_video .play_btn span {border-top:18px solid transparent;border-right:0px solid transparent;border-bottom:18px solid transparent;border-left:30px solid var(--point-white);font-size:0;position:absolute;top:50%;left:56%;transform:translate(-50%,-50%);}

		/* video layer */
			.main_video_layer{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; padding-bottom:28%; opacity:0; pointer-events:none; transition:all 0.4s; z-index:99;}
			.main_video_layer iframe, .main_video_layer embed, .main_video_layer object{position:absolute; width:100%; height:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); border:0; }
			.main_video_layer.on{opacity:1; pointer-events:inherit;}
			#layer_dim{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; pointer-events:none; transition:all 0.4s;}
			#layer_dim.on{opacity:1; pointer-events:inherit;z-index:98;}
			.main_video_layer .close_btn {position:absolute;right: -60px;top: 0;width:32px;height:32px;cursor:pointer;}
			.main_video_layer .close_btn span {}
			.main_video_layer .close_btn span {position:absolute;width:100%;height:2px;background-color:var(--point-white);left:0;top:14px;}
			.main_video_layer .close_btn span:nth-child(1) {transform:rotate(-45deg);}
			.main_video_layer .close_btn span:nth-child(2) {transform:rotate(45deg);}

		/*over*/
		@media only screen and (min-width:1024px){
			.main_video .play_btn:hover:before{height:0;transition:height 0.7s;}
			.main_video .play_btn:hover span{border-left-color:var(--point-yellow);}
		}

		@media only screen and (max-width:1200px){
			.main_video .video_box{padding-bottom:56%;}
		}
		@media only screen and (max-width:860px){
			.main_video .play_btn{width:70px;height:70px;}
			.main_video .play_btn span{border-top: 12px solid transparent;border-right:0px solid transparent;border-bottom: 12px solid transparent;border-left: 18px solid var(--point-white);}

			.main_video_layer{width:70%;padding-bottom:50%;}
		}
		@media only screen and (max-width:500px){
			.main_video .video_box{padding-bottom:100%;background-attachment:initial;}
			.main_video .play_btn{width:50px;height:50px;}
			.main_video .play_btn span{border-top: 9px solid transparent;border-right:0px solid transparent;border-bottom: 9px solid transparent;border-left: 16px solid var(--point-white);left:53%;}

			.main_video_layer{width:calc(100% - 30px);padding-bottom:70%;}
			.main_video_layer .close_btn{right:0;top:-35px;width:24px;height:24px;}
		}

	/*partner*/
		.main_partner{padding:148px 0 80px;}
		.main_partner .main_title{display: flex;align-items:center;justify-content: space-between;position: relative;z-index:12;background:var(--point-white);}
		.main_partner .partner_list{display:flex;align-items:stretch;flex-wrap:wrap;margin-top:69px;gap:30px 20px;}
		.main_partner .partner_list li{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(16.6666% - 16.66px);border-radius:20px;position: relative;overflow:hidden;}
		.main_partner .partner_list li:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:20px;border:1px solid var(--border-color01);position: absolute;top:0;left:0;z-index:2;}
		.main_partner .partner_list li img{filter:grayscale(1);opacity:0.6;transition:all 0.3s;}

		/*over*/
		@media only screen and (min-width:1024px){
			.main_partner .partner_list li:hover:before{border:2px solid var(--point-color01);}
			.main_partner .partner_list li:hover img{filter:none;opacity:1;}
		}

		@media only screen and (max-width:1300px){
			.main_partner .partner_list li{width:calc(25% - 15px);}
		}
		@media only screen and (max-width:1024px){
			.main_partner .partner_list li{border:1px solid var(--border-color01);aspect-ratio:1;padding:0 10px;}
			.main_partner .partner_list li:before{display: none;}
			.main_partner .partner_list li img{filter:none;opacity:1;}
		}
		@media only screen and (max-width:767px){
			.main_partner{padding:100px 0 50px;}
			.main_partner .partner_list{margin-top:40px;}
		}
		@media only screen and (max-width:640px){
			.main_partner .partner_list{gap:14px 4px;}
			.main_partner .partner_list li{width:calc(100% / 3 - 2.66px);border-radius:10px;}
		}
		@media only screen and (max-width:500px){
			.main_partner{padding:53px 0 50px;}
			.main_partner .partner_list{margin-top:15px;}
			.main_partner .partner_list li{padding:9px 0;}
			.main_partner .partner_list li .ov_img{max-width:71%;}
		}
		
	/*contact us*/
		.main_contact{position: relative;z-index:6;background:var(--point-white);box-sizing:border-box;padding-top:70px;}
		.main_contact .board_main_write{display: flex;flex-wrap:wrap;gap:40px 0;flex-direction: column;margin-top:60px;}
		.main_contact .board_main_write .line2{display: flex;flex-wrap:wrap;gap:0 40px;}
		.main_contact .board_main_write dl{display: flex;flex-wrap:wrap;width:100%;}
		.main_contact .board_main_write .line2 dl{width:calc(50% - 20px);}
		.main_contact .board_main_write dl dd{width:100%;}
		.main_contact .board_main_write input[type="text"], .main_contact .board_main_write input[type="password"]{background:none;box-sizing:border-box;border:none;border-bottom:1px solid rgba(0,0,0,0.4);font-size:var(--title-16);color:rgba(0,0,0,0.6);font-weight:400;padding-left:9px;width:100%;height:44px;}
		.main_contact .board_main_write input[type="text"]::placeholder, .main_contact .board_main_write input[type="password"]::placeholder{color:rgba(0,0,0,0.6);}
		.main_contact .board_main_write input[type="text"]:focus, .main_contact .board_main_write input[type="password"]:focus{border-color: var(--balck-color00);color:var(--black-color00);}
		.main_contact input:-webkit-autofill{color:var(--balck-color00);}
		.main_contact .board_main_write textarea{width:100%;height:140px;box-sizing:border-box;outline:none;border:1px solid rgba(0,0,0,0.4);background:var(--point-white);padding:20px;font-size:var(--title-16);color:var(--black-color10);font-weight:400;resize:none;}
		.main_contact .board_main_write textarea::placeholder{color:var(--black-color10);}
		.main_contact .board_main_write textarea:focus{color:var(--black-color03);}
		.main_contact .policy_cont{padding:20px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);}
		.main_contact .policy_cont label,
		.main_contact .policy_cont a{color:var(--black-color00);font-size:var(--title-16);font-weight:400;}
		.main_contact .policy_cont a{font-size:var(--title-14);}
		.main_contact .board_main_write .capthca_wrap .capthca_box{display: flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.4);padding:10px 20px;}
		.main_contact .board_main_write .capthca_wrap #captcha{width:calc(100% - 240px);height:40px;border:none;background:var(--point-white);color:var(--black-color03);}
		.main_contact .board_main_write .capthca_wrap .btn_sm{width:40px;height:40px;padding:0;background-position:center;border:1px solid rgba(0,0,0,0.4);}
		.main_contact .btn_send_box{display:block;box-sizing:border-box;vertical-align: top;width:200px;height:60px;background:var(--point-color01);border:1px solid var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:400;margin:0 auto;margin-top:55px;position: relative;overflow:hidden;}
		.main_contact .btn_send_box:before{width:300px;height:300px;content:"";background:var(--point-white);transform:rotate(45deg);position: absolute;top:-205px;left:-316px;transition:all 1s;}
		.main_contact .btn_send_main{display:inline-flex;align-items: center;justify-content: center;width:100%;height:100%;position: relative;line-height:inherit;font-size:inherit;color:inherit;font-weight:inherit;}
		
		/*over*/
		@media only screen and (min-width:1024px){
			.main_contact .btn_send_box:hover:before{transition:all 1s;left:-14px;top:-135px;}
			.main_contact .btn_send_box:hover{color:var(--point-color01);}
		}
		@media only screen and (max-width:1024px) {
			.main_contact{padding-top:100px;}
			.main_contact .board_main_write .line2.policy_box dl{width:100%;}
			.main_contact .board_main_write .line2.policy_box dl + dl{margin-top:20px;}
		}
		@media only screen and (max-width: 640px) {
			.main_contact{padding-top:50px;}
			.main_contact .board_main_write{gap:20px 0;margin-top:40px;}
			.main_contact .board_main_write .line2{gap:20px;}
			.main_contact .board_main_write .line2 dl{width:calc(50% - 10px);}
			.main_contact .board_main_write .capthca_wrap .capthca_box{padding:10px 15px;}
			.main_contact .board_main_write .line2.policy_box dl + dl{margin-top:0;}
			.main_contact .policy_cont{padding:15px;}
			.main_contact .btn_send_box{width:150px;height:50px;margin-top:35px;}
		}
		@media only screen and (max-width:479px) {
			.main_contact .board_main_write .line2 dl{width:100%;}
			.main_contact .board_main_write input[type="text"], .main_contact .board_main_write input[type="password"]{height:40px;}
			.main_contact .board_main_write textarea{padding:10px;height:150px;}
			.main_contact .board_main_write .capthca_wrap .capthca_box{padding:0;border:none;}
			.main_contact .board_main_write .capthca_wrap #captcha{border:1px solid rgba(0,0,0,0.4);width:100%;}
			.main_contact .policy_cont{padding:15px 10px;}
		}