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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .main_w_custom, .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}
	.main_w_custom{max-width:1600px;}
    #container{position: relative; padding-bottom:150px; box-sizing: border-box;}
	#wrap:has(.pbn) #container{padding-bottom:0;}
	#wrap:has(.full_sec) #container{width:100%;max-width:100%;}

    .skip_nav_link {position: absolute;top: -9999px;left: 0;z-index: 9999;padding: 10px 16px;background-color: var(--black-color03);color: var(--point-white);text-decoration: none;line-height: 1.2;}
	.skip_nav_link:focus, .skip_nav_link:focus-visible {top: 0;outline: none;border: 2px solid var(--point-color01);}
	.sr-only{position: absolute;width: 1px; height: 1px;margin: -1px;padding: 0;overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

	@media (max-width:1650px){
		.for_pc{display: none;}
	}
    @media (max-width:1023px){
        #container{padding-bottom:clamp(100px, 15vw, 150px);}
    }
    @media (max-width:860px){
        .main_w_custom, .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
       .main_w_custom, .w_custom{width: calc(100% - 20px);}
    }

/* body::-webkit-scrollbar{display: none;} */
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	#header{position:fixed;top:0;width: 100%;height: 110px;z-index: 100;transition: all 0.4s;}
    #header .main_w_custom{max-width: 1760px; height: 100%; display: flex; align-items: center; justify-content:space-between;transition: all 0.4s;}
	#header :is(.logo, .gnb > li > a, .allCate, .lang_desc button){filter:var(--filter-white);}
    #header .logo{height: 100%;}
    #header .logo a{display: flex; align-items: center; max-width: 272px; height: 100%; padding-block: 15px;}
	#header .gnb_wrap{height:100%;}
    #header .gnb{display: flex; height: 100%; gap: clamp(20px, 3.2vw, 60px); font-size: var(--title-20); text-align: center;}
    #header .gnb > li{position: relative;font-size: inherit;font-weight: 600;color: var(--black-color00);height: 100%;letter-spacing: 0;transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;font-family:var(--font-type02);}
	#header .gnb > li.on:before{width:6px;aspect-ratio:auto 1;content:"";background:var(--point-color01);border-radius:100%;position: absolute;top:28px;left:50%;translate:-50%;filter:var(--filter-white);box-shadow: 0px 0px 8px 3px rgba(97,121,255,0.9);}
	#header .gnb > li.on > a{color:var(--point-color01);}
    #header .gnb .dep02{position: absolute;top: 80%;left: 50%;width:212px;translate: -50%;padding-block:5px;background: var(--point-color01);border-radius: var(--radius-10);opacity: 0;pointer-events: none;transition: inherit;}
    #header .gnb .dep02 > li{position: relative;font-size: 85%;font-weight:600;color: var(--point-white);transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 15px 25px;font-family:var(--font-type02);}
    #header .utility{display: flex; align-items: center; gap:30px;}
    #header .allCate{display: flex; flex-direction: column; justify-content: space-between; width: 30px; aspect-ratio: auto 1.15;position: relative;}
    #header .allCate span{width: 100%; height: 2px; background: var(--black-color03);}

    .lang_desc{position: relative; font-size: var(--title-20); font-family: var(--font-type02);}
    .lang_desc button{font-size: 80%;font-weight: 500;color: var(--black-color03);padding: 10px 15px;padding-right: 40px;border: 1px solid rgba(51, 51, 51, 0.4);border-radius: 50px;display: flex;align-items: center;gap: 8px;cursor: pointer;}
        .lang_desc button:before{display: inline-flex;content:'';width: 25px;aspect-ratio: auto 1;background: url('../images/skin/icon_globe.svg') no-repeat center / 100% auto;}
        .lang_desc button:after{position: absolute;content:'';width: 9px;aspect-ratio: auto 1.9;background: var(--black-color03);clip-path: var(--clip-poly01);top: 50%;right: 15px;translate: 0 -50%; transition: all 0.4s;}
        .lang_desc button.on:after{scale: -1 -1;background: var(--point-color01);}
    .lang_desc ul{position: absolute;top: calc(100% + 10px);left: 0;width: 100%;border-radius: var(--radius-10);padding-block: 10px;background: var(--point-color01);font-size: 75%;font-weight: 500;color: var(--black-color06);text-align: center;opacity: 0;pointer-events: none;transition: all 0.4s;}
        .lang_desc:has(button.on) ul{opacity: 1;pointer-events: all;}
    .lang_desc ul a{display: block;padding: 4px 20px;opacity: 0.6;filter:var(--filter-white);}
    .lang_desc ul a.on{opacity: 1;}

        /* over */
        @media (hover:hover) and (pointer:fine) {
			#header:hover{box-shadow: var(--shadow-01);background:var(--point-white);}
			#header:hover :is(.logo, .gnb > li > a, .allCate, .lang_desc button){filter:none;}
			#header:hover .gnb > li.on:before{filter:none;}
		
            #header .gnb > li:hover{color: var(--point-color01);}
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}
            #header .gnb .dep02 > li:hover a{text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 5px;}
        }

        /* on */
        #header.on{box-shadow: var(--shadow-01);background:var(--point-white);}
		#header.on :is(.logo, .gnb > li > a, .allCate, .lang_desc button){filter:none;}
		#header.on .gnb > li.on:before{filter:none;}

    @media (max-width:1300px) {
        #header .logo a{max-width: clamp(210px, 18.7vw, 272px);}
        #header .gnb > li{font-size: 90%;}
    }
	@media (max-width:1100px) {
		#header .gnb{display: none;}
	}
    @media (max-width:1023px) {
        #header{height: clamp(65px, 10vw, 110px);}
        #header .logo a{max-width: clamp(170px, 22vw, 210px);}
        #header .utility{gap: clamp(15px, 2.4vw, 24px);}
        #header .allCate{width: clamp(25px, 3.5vw, 30px);}

        .lang_desc button{padding: clamp(7px, 1.5vw, 10px) clamp(10px, 1.5vw, 15px);padding-right: clamp(31px, 4vw, 40px);}
        .lang_desc button:before{width: clamp(20px, 3vw, 25px);}
		.lang_desc button:after{right: clamp(12px, 1.5vw, 15px);}
        .lang_desc ul{top: calc(100% + clamp(8px, 1.5vw, 10px));}
    }
    @media (max-width:479px) {
		.lang_desc button:after{width: 8px;}
    }
	@media (max-width:350px) {
		#header .logo a{max-width:145px;}
		#header .utility{gap:10px;}
		#header .allCate{width:20px;}
	}

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

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

───────────────────────────────────────────────────────────*/
    body:has(#aside.on){overflow: hidden; touch-action: none;}
    body:has(#aside.on) #header{background: var(--transparent); transform: none; box-shadow: none;}
    body:has(#aside.on) #header :is(.logo, .gnb){opacity: 0; pointer-events: none;}
	body:has(#aside.on) #header :is(.lang_desc button, .allCate){filter:var(--filter-white);}
    body:has(#aside.on) #header .allCate span{top:50%; transform: translateY(-50%) rotate(45deg); width: 100%; height: 2px; clip-path: none;position: absolute;}
        body:has(#aside.on) #header .allCate span:nth-child(2){opacity: 0;}
        body:has(#aside.on) #header .allCate span:nth-child(3){transform: translateY(-50%) rotate(-45deg);}

    #aside{position: fixed; top:0; left:0; width: 100%; height: 100vh; z-index:95; background: var(--point-grid01); background-size: cover; box-sizing: border-box; overflow: hidden; clip-path: circle(0 at 0 0); transition: all 1.5s;}
        #aside.on{clip-path: circle(150vmax at 100% 0);}
        #aside:before{position: absolute; content:''; width:100%; height:100%; background: url('../images/skin/nav_bg.png') no-repeat center; background-size:cover; top:0; left:0;}
        #aside:before{animation-name: asideBg; animation-duration:5s; animation-iteration-count:infinite; animation-direction:alternate;  animation-fill-mode: forwards; transition-timing-function:linear;}
        @keyframes asideBg {0% {transform:rotate(0) scale(1);}100% {transform:scaleX(1.1);}}

    #aside .main_w_custom{display: flex; height: 100%; box-sizing: border-box;}
    #aside .cont{height:100%;padding:140px 0; overflow-y: auto;  box-sizing: border-box;}
    #aside .txt_wrap{font-size: var(--title-20); width: 31.1%; padding-right: 30px; box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-end;}
	#aside .txt_wrap .symbol{width:104px;}
    #aside .txt_wrap h2{font-size: 250%;font-weight:700;background: var(--point-grid02);-webkit-background-clip: text;color: var(--trans-color);line-height: 1.4;margin-top:40px;font-family:var(--font-type02);}
    #aside .gnb{width:68.9%; padding-left: 6.2vw; box-sizing: border-box; display: flex;flex-direction: column;align-items: flex-start;gap:40px;min-height: 100%;border-left:1px solid rgba(217, 217, 217, 0.2);}
    #aside .gnb > li{width:100%; font-size: var(--title-20);box-sizing: border-box;padding-bottom:20px;font-family:var(--font-type02);}
    #aside .gnb > li > a{position: relative; display: block; font-size:200%;font-weight: 600; color: var(--point-white);opacity:0.5;line-height: 1.35; transition: all 0.4s;display: inline-flex;align-items: center;gap:30px;}
	#aside .gnb > li > a:after{content:'';width:14px;aspect-ratio: auto 1.9;background: var(--point-white);clip-path: var(--clip-poly01);transition: all 0.4s;opacity:0;pointer-events:none;}
	#aside .gnb > li.on > a{opacity:1;}
	#aside .gnb > li.on > a:after{opacity:1;pointer-events:initial;}
	#aside .gnb .hid{display: grid;grid-template-rows: 0fr;transition: all 0.4s;}
    #aside .gnb .dep02{padding:0;display: flex;flex-wrap:wrap;gap:20px 60px;overflow: hidden;transition:all 0.4s;}
    #aside .gnb .dep02 > li > a{position: relative; display:block; font-size: 110%; font-weight:500; color: var(--point-white); transition: all 0.4s;letter-spacing: -0.03em;}

        /* over */
	        @media (min-width:1024px) {
				#aside .gnb > li:hover > a{opacity:1;}
				#aside .gnb > li.group_tit:hover > a:after{opacity:1;pointer-events:initial;}
				#aside .gnb > li:hover .hid{padding-top:40px;grid-template-rows: 1fr;}
                #aside .gnb .dep02 > li > a:before{position: absolute; content:''; width:0; height:1px; bottom:2px; left:0; background: var(--point-white); transition: all 0.4s;}
                #aside .gnb .dep02 > li > a:hover:before{width: 100%;}
            }

	/*height*/
	@media (min-width:1023px) and (max-height:900px) {
		#aside .cont{padding-block:clamp(40px, 14vh, 140px);}
		#aside .gnb{gap:20px 0;}
		#aside .gnb > li > a{font-size:clamp(160%, 5vh, 200%);}
		#aside .gnb > li:hover .hid{padding:20px 0 0 0;}
		
	}

    @media (max-width:1200px){
		#aside .txt_wrap h2{font-size:200%;}
	}
    @media (max-width:1023px){
		body:has(#aside.on) #header :is(.logo, .gnb){opacity:1;pointer-events:initial;filter:var(--filter-white);}
		#aside .cont{margin-top:clamp(65px, 10vw, 110px); height: calc(100% - clamp(65px, 10vw, 110px));padding:30px 0 60px;}
        #aside .main_w_custom{flex-direction: column; gap:30px; height: auto;}
        #aside .txt_wrap{width: 100%;padding:0;}
		#aside .txt_wrap .symbol{display: none;}
		#aside .txt_wrap h2{margin-top:0;}
		#aside .txt_wrap h2 br{display: none;}
        #aside .gnb{width: 100%; border-left:0; border-top:1px solid rgba(217, 217, 217, 0.2); padding:30px 0 0; gap:20px 0;}
		#aside .gnb > li{padding:0;}
		#aside .gnb .hid{padding-top:20px;}
			#aside .gnb > li.on .hid{grid-template-rows: 1fr;padding-block: 20px;}
		#aside .gnb .dep02{column-gap: clamp(45px, 6vw, 60px);}
    }
    @media (min-width:1024px){
        #aside .gnb .dep02{display: flex !important;}
    }
	@media (max-width:860px){
		#aside .cont{padding:0 0 30px;}
		#aside .txt_wrap{display: none;}
	}
	@media (max-width:479px){
		#aside .gnb > li > a{font-size:180%;gap:14px;}
		#aside .gnb > li > a:after{width:12px;}
		#aside .gnb .hid{padding-top: 12px;}
		#aside .gnb > li.on .hid{padding-block:12px;}
	}
	
/*───────────────────────────────────────────────────────────

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--point-color02);}
	#footer .ft_info_box{display: flex;align-items: flex-start;gap:128px;padding:80px 0;}
	#footer .ft_info_box .ft_logo{width:272px;flex-shrink:0;filter:var(--filter-white);}
	#footer .ft_info_box .info{width: 100%;column-count: 2;column-gap: 40px;margin-bottom: -20px;}
	#footer .ft_info_box .info dl{display: flex;gap: 8px 10px;font-size:var(--title-20);width: 100%;margin-bottom: 20px;}
	#footer .ft_info_box .info dl dt{font-size:80%;color:var(--point-white);font-weight:400;line-height:1.4;flex-shrink:0;width: 174px;letter-spacing:0.02em;}
	#footer .ft_info_box .info dl dd{font-size:80%;color:var(--point-white);font-weight:300;line-height:1.4;letter-spacing:0.04em;}
	#footer .ft_info_box .info dl dd p{letter-spacing:0.01em;}
	#footer .ft_info_box .info dl .addr_info .addr em,
	#footer .ft_info_box .info dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
	#footer .ft_info_box .info dl .addr_info{display: flex;flex-direction: column;gap:10px;}
	#footer .ft_info_box .info dl .addr_info .addr{display: flex;align-items: baseline;gap:10px;}
	#footer .ft_info_box .info dl .addr_info .addr span{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;width: 120px;height:30px;padding:0 12px;background:var(--point-color01);border-radius:30px;font-weight:300;letter-spacing:-0.04em;flex-shrink:0;text-align: center;}
	#footer .ft_info_box .info dl .addr_info .addr:nth-child(2) span{justify-content: center;}
	#footer .ft_info_box .info dl .mail_info{display: flex;align-items: center;flex-wrap: wrap;}
	#footer .ft_info_box .info dl .mail_info a{display: inline-flex;align-items: center;}
	#footer .ft_info_box .info dl .mail_info a + a:before{width:1px;height:14px;content:"";background:rgba(255,255,255,0.2);display: inline-block;margin:0 16px;}
	
	#footer .ft_menu_box{box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.3);display: flex;align-items: center;justify-content: space-between;padding:27px 0 30px;font-size:var(--title-20);}
	#footer .ft_menu{display: flex;gap:40px;}
	#footer .ft_menu li a{font-size:85%;color:var(--point-white);font-weight:100;line-height:1.6;letter-spacing:0;}
	#footer .ft_menu li a strong{font-size:inherit;color:inherit;font-weight:600;}
	#footer .copy{display: flex;gap:14px;font-size:80%;color:var(--black-color08);font-weight:400;line-height:1.4;font-family:var(--font-type02);}
	#footer .copy a{font-size:inherit;color:inherit;font-weight:inherit;}
	
	.ft_quick{position: fixed;bottom:40px;right:40px;opacity:0;pointer-events:none;transition:all 0.4s;display: flex;flex-direction: column;align-items: flex-end;gap:10px;z-index:10;}
	.ft_quick.on{opacity:1;pointer-events:initial;}
	.ft_quick a{width:60px;height:60px;box-sizing:border-box;border-radius:var(--radius-10);position: relative;display: flex;align-items: center;justify-content: flex-end;padding-right:18px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);background:var(--point-color01);transition:width 0.3s;}
	.ft_quick a span{font-size:var(--title-20);color:var(--point-white);font-weight:600;line-height:1.6;position: absolute;right:60px;transition:all 0.3s;opacity:0;pointer-events:none;display: inline-block;width: 100px;}
	.ft_quick > .btn_top{width:60px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:var(--radius-10);display: flex;align-items: center;justify-content: center;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);background:var(--point-white);cursor:pointer;}
	
	@media (min-width:1024px){
		.ft_quick a:hover{width: 180px;}
		.ft_quick a:hover span{opacity:1;pointer-events:initial;}
	}
	
	@media (max-width:1650px){
		#footer .ft_info_box{gap:60px;}
	}
	@media (max-width:1450px){
		#footer .ft_info_box .info{max-height:initial;display: flex;flex-direction: column;flex-wrap: wrap;gap: 20px 40px;column-count: unset;margin-bottom: 0;}
		#footer .ft_info_box .info dl{margin-bottom: 0;}
	}
	@media (max-width:1023px){
		#footer .ft_info_box{padding-block:clamp(40px, 8vw, 80px);}
		#footer .ft_info_box .ft_logo{width:clamp(170px, 22vw, 210px);}
		
		.ft_quick{right:30px;bottom:30px;}
		.ft_quick a{height:auto;aspect-ratio:auto 1;padding:0;justify-content: center;}
		.ft_quick a, .ft_quick > .btn_top{width: 50px;}
	}
	@media (max-width:860px){
		#footer .ft_info_box{gap:30px;flex-direction: column;}
		#footer .ft_info_box .info{width:100%;}
		#footer .ft_menu_box{flex-direction: column;align-items: flex-start;gap:20px;}
		#footer .copy{flex-direction: column;gap:5px;}
	}
	@media (max-width:640px){
		.ft_quick{right:20px;bottom:20px;}
		#footer .ft_info_box .info dl dt{width: 140px;}
		
	}
	@media (max-width:479px){
		#footer .ft_info_box .info{gap:10px;}
		#footer .ft_info_box .info dl .addr_info .addr{flex-direction: column;align-items: flex-start;gap:8px;}
		#footer .ft_info_box .info dl .addr_info .addr span{width: 100px;height:26px;padding:0 8px;}
		#footer .ft_info_box .info dl .mail_info{flex-direction: column;align-items: flex-start;gap:5px;}
		#footer .ft_info_box .info dl .mail_info a + a:before{display: none;}
		
		#footer .ft_menu_box{padding:16px 0 30px;}
		#footer .ft_menu{gap:20px;}
		
		.ft_quick a, .ft_quick > .btn_top{width:40px;}
		.ft_quick a img{max-width:38%;}
		.ft_quick > .btn_top img{max-height:36%;}
	}
	@media (max-width:360px){
		#footer .ft_info_box .info{gap: 18px;}
		#footer .ft_info_box .info dl{flex-wrap:wrap;}
		#footer .ft_info_box .info dl dt{width:100%;flex-shrink: unset;}
	}

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
		.main_vis{position: relative;height: 980px;box-sizing: border-box;background: var(--black-color00);overflow: hidden;}
		.main_vis .txt{position: absolute;top:0;left:50%;translate: -50%;height: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;text-align: center;text-wrap: balance;gap:24px;font-size: var(--title-20);color: var(--point-white);z-index: 3;}
		.main_vis .txt h2, .main_vis .txt p{opacity:0;translate:0 100px;transition:all 0.4s ease;}
        .main_vis .txt h2{font-size: 350%;font-weight:700;line-height: 1.4;font-family:inherit;letter-spacing:0;}
        .main_vis .txt p{font-size: 150%;font-weight: 600;line-height:1.6;font-family:inherit;letter-spacing:0;}
		.main_vis .video{position: absolute;top:50%;left:50%;translate: -50% -50%;width: 105%;height:225%;pointer-events: none;} 
		
		.main_vis.on .txt h2, .main_vis.on .txt p{opacity:1;translate:0;}
		.main_vis.on .txt p{transition-delay:0.3s;}
		
		@media (max-width:1900px){
			.main_vis{height:55vw;}
		}
		@media (max-width:1023px){
            .main_vis{height: clamp(200px, 70vw, 980px);}
			.main_vis .video{width:145%;}
			.main_vis .txt h2{font-size:250%;}
			.main_vis .txt p{font-size:120%;}
        }
		@media (max-width:640px){
			.main_vis{height:100vw;}
			.main_vis .video{width:206%;}
		}
		@media (max-width:479px){
			.main_vis{height:85vh;}
			.main_vis .video{width:350%;}
			.main_vis .txt{gap:10px;}
			.main_vis .txt h2{font-size:200%;}
		}
		@media (max-width:355px){
			.main_vis .video{width:400%;}
		}
		
	/*공통*/
		.main_content{background:var(--point-color02);}
		.main_content > section{position: relative;box-sizing:border-box;}
		
		/*title*/
		.main_title{font-size:var(--title-20);display: flex;flex-direction: column;align-items: flex-start;gap:30px;position: relative;z-index:3;}
		.main_title span{font-size:100%;color:var(--point-white);font-weight:500;line-height:1.4;letter-spacing:0.02em;}
		.main_title h4{font-size:300%;color:var(--point-white);font-weight:700;line-height:1.4;}
		.main_title p{font-size:100%;color:var(--point-white);font-weight:400;line-height:1.6;opacity:0.8;}
		
		@media (max-width:1023px) {
			.main_title{gap:15px;}
		}
		@media (max-width:479px) {
			.main_title{gap:5px;}
			.main_title h4{font-size:250%;}
		}
		
	/*indus*/
		.main_indus{background:url('../images/skin/main_about_bg.png')no-repeat center top;background-size:100% auto;padding-top:144px;overflow:hidden;position: relative;z-index: 3;}
		.main_indus .txt_box{text-align: center;font-size:var(--title-20);position: relative;padding-top:122px;padding-bottom:299px;}
		.main_indus .txt_box .icon{position: absolute;top:0;left:50%;transform:translate(-50%);opacity:0.1;}
		.main_indus .txt_box h4{position: relative;z-index:2;}
		.main_indus .txt_box h4 strong{display: block;font-size:350%;background: var(--point-grid03);-webkit-background-clip: text;color: var(--trans-color);line-height: 1.4;font-family:var(--font-type02);font-weight:700;letter-spacing:0.02em;opacity:0;transition:all 1s ease;pointer-events:none;}
		.main_indus .txt_box h4 strong + strong{margin-top:10px;}
		.main_indus .txt_box h4 strong:nth-child(1){translate:-50%;}
		.main_indus .txt_box h4 strong:nth-child(2){translate:50%;}
		.main_indus .txt_box p{margin-top:41px;font-size:120%;color:var(--point-white);font-weight:400;line-height:1.6;opacity:0;translate:0 50px;transition:all 0.4s ease;transition-delay:0.6s;}
		
		.main_indus .main_title{transition:all 0.4s ease;opacity:0;transition-delay:1.5s;}
		.main_indus .main_title .icon{width:104px;margin-bottom:10px;}
		.main_indus .main_title h4{font-size:350%;}
		.main_indus .main_title h4 span{display: block;font-size:inherit;color: transparent;font-weight:700;background-image: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0.2) 50%);-webkit-background-clip: text;background-clip: text;background-size: 200% 100%;background-position: 100%;transition: background-position 0.7s ease-out;transition-delay:1.8s;}
		.main_indus .main_title h4 span:last-child{transition: background-position 0.7s ease-out;transition-delay:2.5s;}
		.main_indus .main_title p{font-size:120%;color: transparent;background-image: linear-gradient(90deg, #fff 50%, rgba(255, 255, 255, 0.2) 50%);-webkit-background-clip: text;background-clip: text;background-size: 200% 100%;background-position: 100%;transition: background-position 0.5s ease-out;transition-delay:3.2s;opacity:1;margin:0;}
		
		.main_indus .indus_swiper{position: relative;margin-top:48px;}
		.main_indus .indus_swiper .swiper-slide{width:100%;height:auto;box-sizing:border-box;position: relative;aspect-ratio:auto 2.105;overflow:clip;border-radius:var(--radius-20);}
		.main_indus .indus_swiper .swiper-slide .video_box{width:100%;height:100%;position: relative;}
		.main_indus .indus_swiper .swiper-slide .video_box video{width:100%;height:150%;position: absolute;top:50%;left:50%;translate:-50% -50%;}
		.main_indus .indus_swiper .swiper-slide .txt{box-sizing:border-box;position: absolute;top:100px;left:100px;font-size:var(--title-20);}
		.main_indus .indus_swiper .swiper-slide .txt span{font-size:100%;color:var(--point-white);font-weight:500;line-height:1.4;font-family:var(--font-type02);letter-spacing:0.02em;}
		.main_indus .indus_swiper .swiper-slide .txt strong{margin-top:30px;display: block;font-size:300%;color:var(--point-white);font-weight:700;line-height:1.4;font-family:var(--font-type02);letter-spacing:0.02em;}
		
		.main_indus .indus_swiper .pagination{position: absolute;bottom:60px;left:80px;padding:20px 20px;display: flex;align-items: flex-end;gap:16px;z-index:3;width:auto;top:auto;}
		.main_indus .indus_swiper .pagination:before{width:100%;height:108px;content:"";box-sizing:border-box;border-radius:var(--radius-20);border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(0, 0, 0, 0.30);position: absolute;bottom:0;left:0;}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet{width:68px;aspect-ratio:auto 1;height:auto;box-sizing:border-box;border-radius:var(--radius-20);opacity:0.6;border:2px solid transparent;background-size:cover;background-repeat:no-repeat;background-position:center;margin:0;background-color:transparent;transition:all 0.4s;z-index:3;}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet-active{width:120px;border-color:var(--point-white);opacity:1;}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet:nth-child(1){background-image:url('../images/skin/main_ind_thumb01.png')}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet:nth-child(2){background-image:url('../images/skin/main_ind_thumb02.png')}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet:nth-child(3){background-image:url('../images/skin/main_ind_thumb03.png')}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet:nth-child(4){background-image:url('../images/skin/main_ind_thumb04.png')}
		.main_indus .indus_swiper .pagination .swiper-pagination-bullet:nth-child(5){background-image:url('../images/skin/main_ind_thumb05.png')}
				
		/*active*/
			.main_indus.on .txt_box .icon{animation:indusIcon 1s ease forwards;animation-delay:1.5s;}
			@keyframes indusIcon{
				0%{top:0;left:50%;width:347px;}
				100%{top: 100%;left: 48px;width:104px;}
			}
			.main_indus.on .txt_box h4 strong{opacity:1;pointer-events:initial;translate:0;}
			.main_indus.on .txt_box h4 strong:nth-child(2){transition-delay:0.5s;}
			.main_indus.on .txt_box p{opacity:1;pointer-events:initial;translate:0;}
			.main_indus.on .main_title{opacity:1;}
			
			.main_indus.on .main_title h4 span,
			.main_indus.on .main_title p{background-position:0 0;}
			
		@media (max-width:1700px) {
			.main_indus{background-position:center top;}
		}
		@media (max-width:1400px) {
			.main_indus .indus_swiper .swiper-slide{aspect-ratio:auto 1.8;}
			.main_indus .indus_swiper .swiper-slide .txt{top:30px;left:30px;}
			.main_indus .indus_swiper .pagination{bottom:30px;left:30px;}
		}
		@media (max-width:1023px) {
			.main_indus{padding-top:clamp(50px, 12vw, 144px);}
			.main_indus .txt_box{padding-top:clamp(30px, 11vw, 122px);padding-bottom:clamp(100px, 20vw, 299px);}
			.main_indus .txt_box .icon{width:clamp(100px, 33vw, 347px);}
			.main_indus .txt_box h4 strong{font-size:300%;}
			.main_indus .txt_box p{margin-top:25px;}
			.main_indus .main_title .icon{width:clamp(50px, 10vw, 104px);}
			.main_indus .main_title h4{font-size:250%;}
			.main_indus .main_title p{font-size:100%;}
			
			@keyframes indusIcon{
				0%{top:0;left:50%;width:clamp(100px, 33vw, 347px);}
				100%{top: 100%;left:5%;width:clamp(50px, 10vw, 104px);}
			}
			
			.main_indus .indus_swiper .swiper-slide .txt strong{font-size:200%;margin-top:5px;}
			.main_indus .indus_swiper .pagination:before{height:94px;}
			.main_indus .indus_swiper .pagination .swiper-pagination-bullet{width:56px;}
			.main_indus .indus_swiper .pagination .swiper-pagination-bullet-active{width:90px;}
		}
		@media (max-width:640px) {
			.main_indus .txt_box h4 strong{font-size:250%;}
			.main_indus .main_title h4{font-size:200%;}
			
			.main_indus .indus_swiper{margin-top:28px;}
			.main_indus .indus_swiper .swiper-slide{aspect-ratio:auto 1.5;}
			.main_indus .indus_swiper .swiper-slide .video_box video{width:135%;;}
			.main_indus .indus_swiper .pagination{padding:10px 10px;gap:10px;}
			.main_indus .indus_swiper .pagination:before{height:78px;}
		}
		@media (max-width:479px) {
			.main_indus .txt_box h4 strong{font-size:200%;}
			.main_indus .main_title h4{font-size:160%;}
			.main_indus .main_title p{font-size:90%;}
			
			.main_indus .indus_swiper .swiper-slide{aspect-ratio:auto 1;}
			.main_indus .indus_swiper .swiper-slide .video_box video{width:200%;}
			.main_indus .indus_swiper .swiper-slide .txt{top:15px;left:15px;}
			.main_indus .indus_swiper .swiper-slide .txt strong{font-size:150%;}
			.main_indus .indus_swiper .pagination{left:50%;translate:-50%;width:calc(100% - 30px);gap:10px;bottom:20px;}
			.main_indus .indus_swiper .pagination:before{width:calc(100% - 24px);}
			.main_indus .indus_swiper .swiper-pagination-bullet{width:calc(20% - 12px);} 
			.main_indus .indus_swiper .pagination .swiper-pagination-bullet-active{}
		}
		
	/*prd*/
		.main_prd{padding:160px 0 220px;}
		.main_prd:before, .main_prd:after{width:636px;height:1198px;content:"";background:radial-gradient(43.75% 43.75% at 42.71% 54.3%, #1831C4 4.81%, #000522 100%);opacity: 0.4;background-blend-mode: multiply;filter: blur(100px);position: absolute;}
		.main_prd:before{transform: rotate(-49.105deg);top:-19%;right:12%;}
		.main_prd:after{transform: rotate(49.105deg);bottom:-54%;left:20%;}
		.main_prd .main_w_custom{z-index:3;}
		.main_prd .prd_list{display: flex;flex-wrap:wrap;gap:20px;justify-content: space-between;margin-top:60px;position: relative;}
		.main_prd .prd_list > li{box-sizing:border-box;width:calc(50% - 10px);border-radius:var(--radius-20);overflow:hidden;position: relative;padding:60px 60px 50px 60px;font-size:var(--title-20);background:var(--border-color03);box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);transition:width 0.4s ease;height:700px;translate:0 40px;}
		.main_prd.aos-animate .prd_list > li{animation:prdTranslate 0.4s ease forwards;animation-delay:1.5s;}
		
		.main_prd .prd_list > li:before{width:636px;height:1198px;content:"";background:radial-gradient(43.75% 43.75% at 42.71% 54.3%, #888 4.81%, #EEE 100%);opacity: 0.4;background-blend-mode: multiply;filter: blur(100px);position: absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);}
		.main_prd .prd_list .title{display: flex;flex-direction: column;gap:20px;position: relative; z-index:1;}
		.main_prd .prd_list .title span{font-size:110%;color:var(--black-color00);font-weight:600;line-height:1.4;font-family:var(--font-type02);letter-spacing:0.02em;}
		.main_prd .prd_list .title strong{font-size:320%;color:var(--black-color00);font-weight:700;line-height:1.3;font-family:var(--font-type02);}
		.main_prd .prd_list .txt{margin-top:10px;position: relative;opacity:0;pointer-events:none;transition:all 0.4s;}
		.main_prd .prd_list .txt a{display: inline-flex;box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-color03);align-items: center;justify-content: center;text-align: center;gap:16px;width:180px;height:60px;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);font-size:var(--title-18);color:var(--point-white);font-weight:500;margin-top:40px;}
		#wrap .main_prd .prd_list .txt a span{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_prd .prd_list .txt a:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);display: inline-block;transform:rotate(45deg);border-width:2px 2px 0 0;}
		.main_prd .prd_list .img{position: absolute;bottom:53px;right:66px;transition:all 0.3s;}
		.main_prd .prd_list .img img{width:445px;max-width:initial;}
		
		.bullet_list{display: flex;flex-direction: column;gap:10px;align-items: flex-start;}
		.bullet_list li{display: flex;font-size:var(--title-18);color:var(--black-color04);font-weight:400;line-height:1.4;gap:8px;align-items: flex-start;}
		.bullet_list li:before{width:2px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color04);flex-shrink:0;display: inline-block;translate:0 12px;}
		
		.main_prd .prd_list > .mal{background:var(--point-color01);translate:0 120px;}
		.main_prd.aos-animate .prd_list > .mal{animation:prdTranslate2 0.4s ease forwards;animation-delay:1.5s;}
		
		.main_prd .prd_list .mal:before{background:radial-gradient(43.75% 43.75% at 42.71% 54.3%, #1831C4 4.81%, #000522 100%);}
		.main_prd .prd_list .mal .title span,
		.main_prd .prd_list .mal .title strong{color:var(--point-white);}
		.main_prd .prd_list .mal .img img{width:494px;}
		.main_prd .prd_list .mal .bullet_list li{color:var(--point-white);}
		.main_prd .prd_list .mal .bullet_list li:before{background:var(--point-white);}
		.main_prd .prd_list .mal .txt a{background:var(--point-white);color:var(--black-color04);}
		.main_prd .prd_list .mal .txt a:after{border-color:var(--black-color03);}
		
		@media (min-width:861px) {
			@keyframes prdTranslate{
				0%{translate:0 40px;}
				100%{translate:0;}
			}
			@keyframes prdTranslate2{
				0%{translate:0 120px;}
				100%{translate:0;}
			}
		}
		@media (min-width:1024px) {
			.main_prd .prd_list > li.on{width:calc(69% - 10px);}
			.main_prd .prd_list:hover > li:not(.on){width:calc(31% - 10px);}
			.main_prd .prd_list > li.on .txt{opacity:1;pointer-events:initial;}
			
			/* over */
			@media (hover:hover) and (pointer:fine) {
				.main_prd .prd_list:hover > li:not(.pal) .img{right:0;}
				.main_prd .prd_list:hover > li:not(.mal) .img{right:20px;}
				#wrap .main_prd .prd_list > li.mal:hover .img{right:66px;}
				#wrap .main_prd .prd_list > li.pal:hover .img{right:66px;}
				
				@media (max-width:1550px) {
					.main_prd .prd_list:hover > li:not(.pal) .img{right:6%;}
					.main_prd .prd_list:hover > li:not(.mal) .img{right:14%;}
				}
			}
		}
		@media (max-width:1550px) {
			.main_prd .prd_list > li{padding:60px 40px 50px 40px;}
			.main_prd .prd_list .title strong{font-size:250%;}
			
			.main_prd .prd_list .img{bottom:44px;right:40px;}
			.main_prd .prd_list .img img{width:22vw;}
			.main_prd .prd_list .mal .img img{width:25vw;}
		}
		@media (max-width:1023px) {
			.main_prd {padding-top:clamp(60px, 15vw, 160px);padding-bottom:clamp(80px, 22vw, 220px);}
			.main_prd:before, .main_prd:after{width:45vw;height:70vw;}
			.main_prd:before{top:-9%;right:8%;}
			.main_prd:after{bottom:-16%;left:10%;}
			.main_prd .prd_list{margin-top:30px;}
			.main_prd .prd_list > li{height:auto;display: flex;flex-direction: column;justify-content: space-between;gap:30px;padding:50px 20px;}
			.main_prd .prd_list > li:before{width:45vw;height:70vw;}
			.main_prd .prd_list .title{gap:8px;}
			.main_prd .prd_list .title span{font-size:90%;}
			.main_prd .prd_list .title strong{font-size:200%;}
			.main_prd .prd_list .txt{opacity:1;pointer-events:initial;}
			.main_prd .prd_list .txt a{margin-top:30px;width:150px;height:50px;gap:8px;}
			.main_prd .prd_list .txt a:after{width:6px;}
			.main_prd .prd_list .img{position: relative;right:0;bottom:0;}
			#wrap .main_prd .prd_list .img img{width:100%;max-width:initial;}				
			
			.bullet_list{gap:7px;}
			.bullet_list li:before{translate:0 10px;}
		}
		@media (max-width:860px) {
			#wrap .main_prd .prd_list > li{width:100%;flex-direction: row;align-items: flex-start;translate:0;}
			.main_prd .prd_list > li:before{width:58vw;height:76vw;}
			.main_prd .prd_list .img{width:50%;}
		}
		@media (max-width:640px) {
			#wrap .main_prd .prd_list > li{flex-direction: column;}
			.main_prd .prd_list > li:before{width:110vw;height:130vw;}
			.main_prd .prd_list .img{width:100%;}
			
			.bullet_list li{gap:5px;}
			.bullet_list li:before{translate:0 8px;}
		}
		@media (max-width:479px) {
			#wrap .main_prd .prd_list > li{padding:30px 15px;}
			.main_prd .prd_list .img{width:65%;margin:0 auto;}
			.main_prd .prd_list .txt a{width:120px;height:46px;}	
		}
		
	/*certificate*/
		.main_certificate{padding-bottom:180px;}
		.certificate_swiper{margin-top:60px;}
		.certificate_swiper .swiper-slide{text-align: center;width:340px;font-size:var(--title-20);}
		.certificate_swiper .swiper-slide .img{padding:40px 40px;box-sizing:border-box;background: linear-gradient(180deg, #FFF 29.29%, #EEE 100%);border-radius:var(--radius-10);width:100%;aspect-ratio:auto 0.764;}
		.certificate_swiper .swiper-slide .img img{box-shadow: 20px 20px 60px 0 rgba(0, 0, 0, 0.10);}
		.certificate_swiper .swiper-slide p{font-size:120%;color:var(--point-white);font-weight:400;line-height:1.4;margin-top:30px;letter-spacing:0;}
		
		@media (max-width:1650px) {
			.certificate_swiper .swiper-slide{width:20.6vw;}
		}
		@media (max-width:1200px) {
			.certificate_swiper .swiper-slide .img{padding:20px 20px;}
		}
		@media (max-width:1023px) {
			.main_certificate{padding-bottom:clamp(60px, 18vw, 180px);}
			.certificate_swiper{margin-top:30px;}
		}
		@media (max-width:860px) {
			.certificate_swiper .swiper-slide{width:28.6vw;}
			.certificate_swiper .swiper-slide p{font-size:100%;margin-top:15px;}
		}
		@media (max-width:479px) {
			.certificate_swiper{margin-top:20px;}
			.certificate_swiper .swiper-slide{width:calc(50% - 7.5px);}
			.certificate_swiper .swiper-slide .img{padding:15px 15px;}
		}

	/*news*/
		.main_news{background:var(--point-white);padding:160px 0;}
		.main_news .main_w_custom{display: flex;flex-wrap:wrap;gap:93px;}
		.main_news .title_box{display: flex;flex-direction: column;justify-content: space-between;width:347px;}
		.main_news .main_title > span{color:var(--point-color01);}
		.main_news .main_title h4{font-size: 270%; color:var(--black-color00);}
		.main_news .main_title a{font-size:90%;color:var(--black-color04);font-weight:500;line-height:1.4;display: inline-flex;align-items: center;gap:16px;margin-top:10px;}
		.main_news .main_title a span{font-size:inherit;color:inherit;font-weight:inherit;}
		.main_news .main_title a:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:rotate(45deg);display: inline-block;}
		.main_news .title_box .symbol{opacity:0.7;}
		
		.main_news .board_box{width:calc(100% - 440px);border-top:1px solid var(--black-color00);box-sizing:border-box;}
		.main_news .board_box ul li{box-sizing:border-box;position: relative;border-bottom:1px solid var(--border-color01);padding:30px 20px;display: flex;align-items: center;gap:30px;transition:all 0.4s;}
		.main_news .board_box ul li a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;}
		.main_news .board_box .thumb{width:0;height:120px;box-sizing:border-box;border-radius:var(--radius-10);overflow:clip;transition:width 0.4s;}
		.main_news .board_box .thumb img{width:100%;height:100%;object-fit:cover;box-sizing:border-box;border:1px solid transparent;border-radius:var(--radius-10);}
		.main_news .board_box .thumb img.no_img{border-color:var(--border-color01);}
		.main_news .board_box .txt{font-size:var(--title-20);max-width:calc(90% - 230px)}
		.main_news .board_box .txt span{font-size:100%;color:var(--point-color01);font-weight:500;line-height:1.3;}
		.main_news .board_box .txt strong{display: block;font-size:110%;color:var(--black-color00);font-weight:500;line-height:1.3;margin-top:10px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.main_news .board_box .txt p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.3;margin-top:20px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		
		
		@media (min-width:1024px) {
			.main_news .board_box ul li:hover .thumb{width:200px;}
			.main_news .board_box ul li:after{width:13px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;top:50%;right:32px;opacity:0;pointer-events:none;transition:all 0.4s;}
		}
		
		/* over */
        @media (hover:hover) and (pointer:fine) {
			.main_news .board_box ul li:hover{background:var(--gray-bg01);}
			.main_news .board_box ul li:hover:after{opacity:1;pointer-events:initial;}
		}
		
		@media (max-width:1300px) {
			.main_news .main_w_custom{gap:50px;}
			.main_news .title_box{width:300px;}
			.main_news .board_box{width:calc(100% - 350px);}
		}
		@media (max-width:1023px) {
			.main_news{padding-block:clamp(70px, 15vw, 160px);}
			.main_news .main_w_custom{flex-direction: column;gap:30px;}
			.main_news .title_box{width:100%;}
			.main_news .main_title a{margin-top:0;}
			.main_news .title_box .symbol{display: none;}
			.main_news .board_box{width:100%;}
			
			.main_news .board_box ul li{padding:20px 15px;gap:20px;}
			.main_news .board_box .thumb{width:19.6vw;height:auto;aspect-ratio:auto 1.67;}
			.main_news .board_box .txt{max-width:calc(100% - 19.6vw - 20px);}
			.main_news .board_box .txt strong{margin-top:5px;}
			.main_news .board_box .txt p{margin-top:10px;}
		}
		@media (max-width:640px) {
			.main_news .main_title a{gap:8px;}
			.main_news .main_title a:after{width:5px;}
			.main_news .board_box .thumb{width:29vw;}
			.main_news .board_box .txt{max-width:calc(100% - 29vw - 20px);}
		}
		@media (max-width:479px) {
			.main_news .board_box ul li{flex-direction: column;align-items: flex-start;}
			.main_news .board_box .thumb{width:100%;}
			.main_news .board_box .txt{max-width:100%;}
		}