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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	/** PC 일반 **/
		/* body::-webkit-scrollbar{display: block;} */
		#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
		#wrap #container {width:100%;margin:0;padding:0;}
		#wrap #footer {width:100%;margin:0;}
			/* #container 안의 레이아웃 */
		#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
		#contents_wrap #side_box {width:100%;padding:110px 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
		#contents_wrap #contents_box {width:100%;padding:110px 0 110px;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
		#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
			/* navigation layout */
		#contents_wrap .nav_wrap {box-sizing:border-box;}
			/* #content */
		#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
		#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
		#content .sub_content:after {clear:both;content:"";display:block;}
			/* 컨텐츠 전체 가로 사이즈 */
		.w_custom {width:1200px;padding-left:15px;padding-right:15px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}
		.main_w_custom{width:1600px;margin:0 auto;box-sizing:border-box;}

	@media only screen and (max-width:1650px) {
		.main_w_custom{width:100%;padding-left:30px;padding-right:30px;}
	}
	@media only screen and (max-width:1217px) {
		body.on {height:100%;overflow:hidden;}
		#contents_wrap {width:100%;padding-left:15px !important;padding-right:15px !important;}
		.w_custom{width:100%;padding-left:15px !important;padding-right:15px !important;}
	}
	@media only screen and (max-width:1200px) {
		
	}
	@media only screen and (max-width:1024px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}

		#contents_wrap #contents_box { padding: clamp(80px, 11vw, 110px) 0 clamp(80px, 11vw, 110px); }
	}
	@media only screen and (max-width:860px) {
		#contents_wrap #side_box {padding: 85px 0 0 0;}
		
	}
	@media only screen and (max-width:767px) {
		#contents_wrap #side_box {display:none;}
		.sub_goods #contents_wrap #side_box {display:block;padding:0;}
	}
	@media only screen and (max-width:640px) {
		.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
		#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
		

		.main_w_custom{padding-left:15px;padding-right:15px;}
	}
	@media only screen and (max-width:479px) {
		
	}
	@media only screen and (max-width:320px) {
		.w_custom {padding-left:10px !important;padding-right:10px !important;}
	}


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

	 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:after{clear:both;content:"";display: block;}
	#header .header_cont .hd_logo{display: inline-block;box-sizing:border-box;position: absolute;left:0;top:35px;width:148px;height:40px;}
	#header .header_cont .hd_logo a{display: block;width:100%;height:100%;background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;font-size:0;}
	#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:16px;color:#fff;font-weight:500;letter-spacing:0;position:relative; height: 100%; display: inline-flex; align-items: center;}
	#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 .header_cont .hd_lnb .lnb_dep2{display:none;width:200px;background:#fff;position:absolute;left:50%;top:73%;transform:translate(-50%);box-sizing:border-box;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);z-index:5;padding:20px 15px 25px 15px;text-align: center;}
	#header .header_cont .hd_lnb .lnb_dep2 li{line-height:1.67;}
	#header .header_cont .hd_lnb .lnb_dep2 li + li{margin-top:19px;}		
	#header .header_cont .hd_lnb .lnb_dep2 li a{font-size:16px;color:#666;font-weight:500;font-family:'Noto Sans KR';}
	#header .header_cont .hd_lnb .lnb_dep2 li:hover a{color:var(--point-color01);}

	#header .hd_right{float: right;vertical-align: top;display: flex;align-items: center;position: absolute;right:0;top:32px;}
	#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%;}

	@media only screen and (min-width:1024px){
		#header:hover{background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
		#header:hover .header_cont .hd_logo a{background:url('../images/skin/hd_logo_on.svg')no-repeat left center;background-size:auto 100%;}
		#header:hover .header_cont .hd_lnb > li > a{color:#333;}
		#header:hover .header_cont .hd_lnb > li:hover > a, #header:hover .header_cont .hd_lnb > li.on > a{color:var(--point-color01);}
		#header:hover .header_cont .hd_lnb > li:hover > a:before, #header:hover .header_cont .hd_lnb > li.on > a:before{display: block;}

		#header:hover .hd_right .menu-trigger{background:url('../images/skin/btn-cate-ov.png')no-repeat center;background-size:auto 100%;}
	}

	/*on*/
	#header.on{background:#fff;box-shadow:2.1px 2.1px 6px 0 rgba(0, 0, 0, 0.05);}
	#header.on .header_cont .hd_logo a{background:url('../images/skin/hd_logo_on.svg')no-repeat left center;background-size:auto 100%;}
	#header.on .header_cont .hd_lnb > li > a{color:#333;}
	#header.on .header_cont .hd_lnb > li:hover > a, #header.on .header_cont .hd_lnb > li.on > a{color:var(--point-color01);}
	#header.on .header_cont .hd_lnb > li:hover > a:before, #header.on .header_cont .hd_lnb > li.on > a:before{display: block;}
	
	#header.on .hd_right .menu-trigger{background:url('../images/skin/btn-cate-ov.png')no-repeat center;background-size:auto 100%;}

	@media only screen and (max-width:1650px){
		#header .header_cont .hd_logo{left:30px;}
		#header .hd_right{right:30px;}
	}
	@media only screen and (max-width:1300px){
		#header .header_cont .hd_lnb > li{padding:0 18px;}
		#header .header_cont .hd_lnb > li > a{font-size:14px;}
	}
	@media only screen and (max-width:1024px){
		#header .header_cont{height:80px;}
		#header .header_cont .hd_logo{left:30px;top:24px;top: 50%;transform: translateY(-50%);}
		#header .header_cont .hd_lnb{display: none;}
		#header .hd_right{right:30px;height:100%;top:0;}
	}
	@media only screen and (max-width:640px){
		#header .header_cont .hd_logo{left:15px;}
		#header .hd_right{right:15px;}
	}
	@media only screen and (max-width:500px){
		#header .header_cont{height:60px;}
		#header .header_cont .hd_logo{ width: 133px; height:36px;}

		#header .hd_right .hd_lang{margin-top:0;}
		#header .hd_right .hd_lang li + li{margin-left:14px;}
		#header .hd_right .hd_lang li a{font-size:14px;}
		#header .hd_right .menu-trigger{width:25px;height:25px;margin-left:14px;}
	}

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

	 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:#fff;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;background:#fff0; 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{height:130px;position: relative; border-bottom:1px solid #ddd; box-sizing:border-box; transition:all 0.4s;}	
		#aside .aside_head .aside_logo{left:50%;top: 56%;position:absolute;z-index:15;width:148px;height:40px;transform: translate(-50%, -50%);}
		#aside .aside_head .aside_logo a {display:block;background: url('../images/skin/hd_logo_on.svg') no-repeat left;font-size:0;background-size:auto 100%;height:100%;}
		#aside .aside_head_right {top:50%;right:0;transform:translate(0,-50%);margin:0;padding:0;font-size:0;position:absolute;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.scroll .aside_head{height:100px;margin:0 auto;}
        #aside.scroll .aside_head .aside_logo{left:0; transform: translateY(-50%);}
		#aside ul.aside_menu {}
		#aside ul.aside_menu .dep1_li {text-align:left;display:block;vertical-align:top;margin-bottom:60px;box-sizing:border-box;}
		#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:#333;font-size:44px;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%;}
		#aside .aside_box .dep1_li .dep2{display: block;width:calc(100% + 26px);margin-left:-13px;margin-top:10px;font-size:0;}
		#aside .aside_box .dep1_li .dep2 li{position: relative;margin:0 13px 10px;display: inline-block;vertical-align: top;}
		#aside ul.aside_menu .dep1_li .dep2 li a {display:block;font-size:16px;line-height:1.2;color:#888;font-weight:500;}

		/* over */
		@media only screen and (min-width:1024px) {
			#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:1650px) {
            #aside.scroll .aside_head{width:calc(100% - 60px);}
        }
        @media only screen and (max-width:1250px) {
            #aside .aside_box ul.aside_menu{max-height:600px;}
            #aside ul.aside_menu .dep1_li .dep1_a{font-size:34px;}
            #aside .aside_box .dep1_li .dep2{width:calc(100% + 16px);margin-left:-8px;}
            #aside .aside_box .dep1_li .dep2 li{margin:0 8px 10px;}
        }
        @media only screen and (max-width:1024px) {
            #aside.scroll .aside_head{height:80px;}
        }
	    @media only screen and (max-width:700px) {
		#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_box .aside_cont{padding:0; top:auto; left:auto; position:relative; transform:none;}
		#aside .aside_box .aside_menu{box-sizing:border-box;padding:40px 30px 20px 30px;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:22px;color:#333;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;}
		#aside .aside_menu .group_tit > a:before{width:20px;height:2px;content:"";background:#666;position: absolute;right: 0;top:50%;transform:translate(0,-50%); transition:all 0.4s;}
		#aside .aside_menu .group_tit > a:after{width:2px;height:20px;content:"";background:#666;position: absolute;right: 9px;top:50%;transform:translate(0,-50%); transition:all 0.4s;}
		#aside .aside_menu .group_tit > a.on:before{background:var(--point-color01);}
		#aside .aside_menu .group_tit > a.on:after{opacity:0;}
		#aside ul.aside_menu .dep1_li .dep2{position:relative;display: none ; line-height:1.45;width:100%;margin:0;}
		#aside ul.aside_menu .dep1_li .dep2 li{box-sizing:border-box;padding-left:25px;position: relative; display:block; margin:0;}
		#aside ul.aside_menu .dep1_li .dep2 > li a{display:block;font-size:16px;line-height:1.87;color:#888;font-weight:500;}
		#aside ul.aside_menu .dep1_li .dep2 > li a:before{width:3px;height:3px;background:#888;content:"";border-radius:100%;position: absolute;top:50%;left:10px;transform:translate(0,-50%);}
		#aside ul.aside_menu .dep1_li .dep2 li + li:before{display:none;}

	}
	@media only screen and (max-width:640px) {
		#aside.scroll .aside_head{height:70px;width:calc(100% - 30px);}
		#aside .aside_box ul.aside_menu{padding:30px 15px;}
	} 
	@media only screen and (max-width:500px) { 
		#aside.scroll .aside_head{height:60px;}
		#aside .aside_head .aside_logo{height:36px; top: 50%; }
		#aside .menu-trigger2.active-1{width:25px;height:25px;background-size:25px;}
		
		#aside .aside_box .dep1_li + .dep1_li{margin-top:25px;}
		#aside ul.aside_menu .dep1_li .dep1_a{font-size:20px;}
		#aside ul.aside_menu .dep1_li .dep2{margin-top:10px;}
		#aside ul.aside_menu .dep1_li .dep2 > li a:before{width:2px;height:2px;left:3px;}
		#aside ul.aside_menu .dep1_li .dep2 li{padding-left:12px;}

	}
	

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

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:#111;}
	#footer .main_w_custom{padding-top:45px;padding-bottom:39px;}
	#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:14px;color:#bbb;font-weight:300;}
	#footer .ft_top .ft_gnb li a strong{font-size:inherit;color:#fff;font-weight:inherit;}

	#footer .ft_info_box{ display: flex; flex-wrap: wrap; gap: 20px 75px; box-sizing:border-box;border-top:1px solid #333;padding-top:31px;margin-top:37px; }
	#footer .ft_info span{font-size:14px;color:var(--point-white); font-weight:100;line-height:30px;letter-spacing:0;display: inline-block;margin-right:30px;position: relative; opacity: 0.5; }
	#footer .ft_info span + span:before{width:1px;height:10px;content:"";background:#333;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 .ft_addr dl { display: flex; gap: 0 6px; }
    #footer .ft_info_box .ft_addr dt { color: var(--point-white); font-size: var(--title-14); font-weight: 100; opacity: 0.5; }
    #footer .ft_info_box .ft_addr span { color: var(--point-white); font-size: var(--title-14); font-weight: 100; opacity: 0.5; }
    #footer .ft_info_box .ft_addr li + li { margin-top: 15px; }

	#footer .copyright{font-size:14px;color:var(--point-white);font-weight:100;line-height:2.14;letter-spacing:0;margin-top:80px; opacity: 0.5;}	
	#footer .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{font-size:13px;margin-right:20px;}
		#footer .ft_info span + span:before{left:-12px;top:9px;}
	}
	@media only screen and (max-width:1024px) { 
		#footer .ft_info{width:calc(100% + 20px);margin-left:-10px;}
		#footer .ft_info br{display: none;}
		#footer .ft_info span{margin:0 10px;}
		#footer .ft_info span + span:before{display: none;}

        #footer .copyright { margin-top: clamp(30px, 8vw, 80px); }
	}
	@media only screen and (max-width:640px) { 
		#footer .main_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_top .ft_gnb li a{font-size:13px;}

		#footer .ft_info_box{padding-top:20px;margin-top:25px;}
		#footer .ft_info{width:calc(100% + 12px);margin-left:-6px;}
		#footer .ft_info span{font-size:12px;line-height:2;margin:0 6px;}

		#footer .ft_info_box .copyright{font-size:13px;margin-top:22px;line-height:1.54;}
		#footer .ft_info_box .copyright a{margin:2px 0 0 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:#000; font-size: var(--title-20); }
		#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%;max-width:1920px;margin:0 auto;text-align:Center;position:absolute;left:0;top:0;outline:0;transform:scale(1.3);transition:all 2.5s;}
		.main_visual .txt_box {text-align:center;transform:translate(-50%);position:absolute;left:50%;bottom:78px;;font-size:0;}
		.main_visual .txt_box h3,
		.main_visual .txt_box p{display:block;text-align:left;color:#fff;opacity:0;transform:translateY(100px);transition:all 0.5s;}

		.main_visual .txt_box h3{font-size:100px;font-weight:700;letter-spacing: -0.03em; line-height: 1.2; }
        .main_visual .txt_box h3 span { font-size: 100%; font-weight: 300; }
		.main_visual .txt_box p {font-size:20px;font-weight:300;letter-spacing:-0.03em;margin-top:36px;}

		/*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:44.1%;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:800px;}
			.main_visual .txt_box h3{font-size:60px;}
			.main_visual .txt_box p{font-size:18px;}
		}
		@media only screen and (max-width:1024px){
            
            .main_visual .slick-dots { bottom: 35%; }
			.main_visual .txt_box{bottom:30px;}
		}

        @media screen and (max-width: 756px){
            .main_visual .slick-dots { bottom: 41%; }
        }

		@media only screen and (max-width:640px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:700px;}
			.main_visual .txt_box h3{font-size:50px;line-height:1.1;}
			.main_visual .txt_box p{font-size:16px;}
		}

        @media screen and (max-width: 545px){
            .main_visual .slick-dots { bottom: 45%; }
        }

		@media only screen and (max-width:500px){
			.main_visual .txt_box{bottom:47px;}
			.main_visual .txt_box h3{font-size:45px;line-height:1;}
			.main_visual .txt_box p{font-size:15px;margin-top:40px;}

			.main_visual .slick-dots li + li{margin-left:5px;}
			.main_visual .slick-dots li .tab{width:30px;}
		}

        @media screen and (max-width: 350px){
            .main_visual .slick-dots { bottom: 50%; }
        }

	/*타이틀*/
		.main_title{ overflow: hidden; }
		.main_title h3{display: inline-block;position: relative;font-size:70px;color:#000;font-weight:200;}
		.main_title h3 strong{font-size:inherit;color:inherit;font-weight:600;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:-29px;top:2px;}
		.main_title p{font-size:18px;color:#888;font-weight:300;line-height:1.67;margin-top:35px;}
		.view_more{display: inline-block;width:42px;height:8px;background:url('../images/skin/btn-more_on.svg')no-repeat left center;background-size:100% auto;font-size:0;padding-right:42px;transition:all 0.5s; filter: var(--filter-black); transform: translateX(-42px);}

	/*about*/
		.main_about{box-sizing:border-box;position: relative;padding:137px 0 340px;overflow:hidden;}	
		.main_about:before{width:clamp(55%, 60vw, 1082px);height:clamp(30%, 40vw, 624px);content:"";box-sizing:border-box; position: absolute;right:-45.3%;bottom:-4.1%; background: var(--point-color02); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
		.main_about .main_title .view_more{margin-top:53px;}
		
		.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{ position: relative; 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 li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:4;}
		.main_about .about_list .thumb{position: relative; 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;}
		.main_about .about_list .txt_box dt{font-size:30px;color:#fff;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:16px;color:#fff;font-weight:400;line-height:1.5;letter-spacing:0;}
		.main_about .about_list .txt_box .view_more{background:url('../images/skin/btn-more.svg')no-repeat left center;margin-top:51px; filter: var(--filter-white); transform: none; }

        .main_about .about_list .thumb::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--point-color01); opacity: 0; z-index: 2; transition: all 0.5s; }

		/*over*/
		@media only screen and (min-width:1024px){
			.view_more:hover { filter: none; transform: translateX(0); }
            .main_about .about_list li:hover .thumb::before { opacity: 0.9; }
			.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:1200px){
			.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.aos-animate:nth-child(2){transform:translate3d(0, 100px, 0)}
			.main_about .about_list li.aos-animate:nth-child(3){transform:translate3d(0, -100px, 0);}

			.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 h3{font-size:60px;}
			.main_title p{font-size:16px;margin-top:20px;}
			.main_about .main_title .view_more{margin-top:30px;}

			.main_about .about_list .txt_box dt{font-size:28px;}
			.main_about .about_list .txt_box dd p{font-size:16px;line-height:24px;}
			.main_about .about_list .txt_box .view_more{margin-top:20px;}
		}
		@media only screen and (max-width:640px){
			.main_title h3{font-size:48px;}
			.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:80%;margin:0 0 30px;transition-delay:initial !important;}
			.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:86%;border-radius:15px;}
		}
		@media only screen and (max-width:500px){
			.main_title h3{font-size:45px;line-height:50px;}
			.main_title h3 strong:before{right:-16px;top:1px;}
			.main_title p{font-size:14px;line-height:20px;margin-top:18px;}

			.main_about{padding:49px 0 65px;}
			.main_about .main_title .view_more{margin-top:36px;}
			.main_about .about_list{margin-top:71px;}
			.main_about .about_list li{width:100%;margin-bottom:15px;}
			.main_about .about_list .thumb{padding-bottom:72.5%;}
			.main_about .about_list .txt_box{padding:25px 20px;}
			.main_about .about_list .txt_box dt{font-size:25px;}
		}

	/*sustain*/
		.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/img_main_introduce01.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul.bg1{background:url('../images/skin/img_main_introduce02.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul.bg2{background:url('../images/skin/img_main_introduce03.jpg')no-repeat center;background-size:cover;}
		.main_sustain > ul.bg3{background:url('../images/skin/img_main_introduce04.jpg')no-repeat center;background-size:cover;}
        .main_sustain > ul.bg4{background:url('../images/skin/img_main_introduce05.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:106px;}
		.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 > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:6;}
		.main_sustain > ul li .txt_box{position: relative;box-sizing:border-box;padding:0 35px;}
		.main_sustain > ul li .txt_box dt{font-size:30px;color:#fff;font-weight:700;margin-bottom:25px;}
		.main_sustain > ul li .txt_box dd{}
		.main_sustain > ul li .txt_box dd p{font-size:16px;color:rgba(255,255,255,0.8);font-weight:300;line-height:26px;opacity:0;height:0;overflow:hidden;transition:all 0.5s;}
		.main_sustain > ul li .txt_box dd a{display: inline-flex; gap: 0 20px; box-sizing:border-box;font-size:13px;color:#fff;font-weight:500;letter-spacing:1.3px;padding-right:62px;text-transform:uppercase; filter: var(--filter-white); }
        .main_sustain > ul li .txt_box dd a::after { content: ''; display: inline-block; width: 42px; height: 9px; background:url('../images/skin/btn-more02.svg')no-repeat right center; background-size: 100% auto; transform: translateX(-40px); transition: all 0.5s; opacity: 0; }
	
		/*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: 78px;transition:all 0.5s;}

            .main_sustain > ul li:hover dd a::after { opacity: 1; transform: translateX(0); }
		}

		@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;}
			.main_sustain > ul li .txt_box dt{font-size:24px;}
			.main_sustain > ul li .txt_box dd p{font-size: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:30px 15px 94px;}
			.main_sustain > ul li:nth-child(1){background:url('../images/skin/img_main_introduce02.jpg')no-repeat center;background-size:cover;}
			.main_sustain > ul li:nth-child(2){background:url('../images/skin/img_main_introduce03.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/img_main_introduce04.jpg')no-repeat center;background-size:cover;}
			.main_sustain > ul li:nth-child(4){background:url('../images/skin/img_main_introduce05.jpg')no-repeat center;background-size:cover;}
			.main_sustain > ul li:before{height:100%;}	
			.main_sustain > ul li .txt_box{padding:0; min-height: 132px; }
			.main_sustain > ul li .txt_box dd p{height:auto;opacity:1;}
			.main_sustain > ul li .txt_box dd a{display: none;}
		}
		@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:500px){
			.main_sustain > ul li{padding:49px 25px 39px;}
			.main_sustain > ul li + li{margin-top:15px;}
			.main_sustain > ul li .txt_box dt{font-size:30px;margin-bottom:15px;}
			.main_sustain > ul li .txt_box dd p{font-size:14px;line-height:20px;}
		}

	/*news*/
		.main_news{position: relative;box-sizing:border-box;padding:110px 0 116px;overflow:hidden;}
		.main_news:before{content:""; display: block; width: 1040px; height: 190px; font-size:0;color:#fff;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:#fff;z-index:10;line-height:190px;transition:all 1s; background: var(--point-white);}
		.main_news.aos-animate:before{left:-25%;}
		/* .main_news:after{content:"";width:188px;height:1110px;background:url('../images/skin/main_news_txt.jpg')no-repeat left center;background-size:cover;position: absolute;left:-2.5%;top:-2.5%;} */
		.main_news .main_title{display: flex;align-items:center;justify-content: space-between;box-sizing:border-box;border-bottom:1px solid #ddd;padding-bottom:27px;position: relative;z-index:12;background:	#fff;}
		.main_news .main_title h3{font-size:50px;}
		.main_news .main_title h3 strong:before{right:-16px;top:4px;}	
		.main_news .arw_box{font-size:0;}
		.main_news .arw_box .swiper_arw{display: inline-block;box-sizing:border-box;position: static;width:42px;height:9px;font-size:0;margin-top:0;}
		.main_news .arw_box .swiper_arw:after{display: none;}
		.main_news .arw_box .swiper-button-prev{background:url('../images/skin/prev-arw.png')no-repeat center;}
		.main_news .arw_box .swiper-button-next{background:url('../images/skin/next-arw.png')no-repeat center;margin-left:30px;}
		
		.main_news .news_content{margin-top:59px;overflow:visible;}
		.main_news .news_content ul{}
		.main_news .news_content ul li{position: relative;box-sizing:border-box;}
		.main_news .news_content ul li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_news .news_content ul li .thumb{width:100%;height:0;padding-bottom:68%;box-sizing:border-box;border-radius:10px;overflow:hidden;position: relative;}
		.main_news .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_news .news_content ul li .thumb .date{display: inline-block;box-sizing:border-box;height:40px;line-height:38px;text-align: center;background:var(--point-color01);font-size:13px;color:#fff;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_news .news_content ul li .txt{margin-top:37px;}
		.main_news .news_content ul li strong{min-height:2.5em;font-size:24px;color:#111;font-weight:500;line-height:30px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;text-overflow: ellipsis;overflow: hidden;}
		.main_news .news_content ul li p{font-size:16px;color:#666;font-weight:400;line-height:30px;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;}
		.main_news .news_content ul li .more{display: inline-block;box-sizing:border-box;font-size:13px;color:#333;font-weight:500;letter-spacing:1.3px;padding-right:62px;background:url('../images/skin/arw_y.png')no-repeat right center;text-transform:uppercase;margin-top:51px;opacity:0;transition:all 0.5s;}

		/*over*/
		@media only screen and (min-width:1024px){
			.main_news .news_content ul li:hover .thumb img{transform:translate(-50%, -50%) scale(1.05);transition:all 0.5s;}
			.main_news .news_content ul li:hover .thumb .date{opacity:1;transition:all 0.5s;}
			.main_news .news_content ul li:hover .more{opacity:1;transition:all 0.5s;}
		}

		@media only screen and (max-width:1919px){
			.main_news:before{left:-35%;}
			.main_news.aos-animate:before{left:-26%;}
		}
		@media only screen and (max-width:1850px){
			.main_news:before{display: none;}
		}
		@media only screen and (max-width:1024px){
			.main_news .main_title{padding-bottom:10px;}
			.main_news .main_title h3{font-size:40px;}
			.main_news .news_content{margin-top:30px;}
			.main_news .news_content ul li .txt{margin-top:20px;}
			.main_news .news_content ul li strong{font-size:20px;line-height:25px;}
			.main_news .news_content ul li p{font-size:15px;margin-top:14px;line-height:24px;}
			.main_news .news_content ul li .more{opacity:1;margin-top:30px;}
		}
		@media only screen and (max-width:640px){
			.main_news .arw_box{display: none;}
			.main_news{padding:60px 0 80px;}	

		}
		@media only screen and (max-width:500px){
			.main_news{padding:49px 0 68px;}
			.main_news .main_title h3{font-size:30px;}
			.main_news .main_title h3 strong:before{top:8px;}
			.main_news .news_content{margin-top:40px;}
			.main_news .news_content ul li .txt{margin-top:16px;}
			.main_news .news_content ul li p{font-size:14px;line-height:20px;}
			.main_news .news_content ul li .more{margin-top:34px;}
		}