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

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

───────────────────────────────────────────────────────────*/
/* body::-webkit-scrollbar{display: none;} */
/*───────────────────────────────────────────────────────────
	intro
───────────────────────────────────────────────────────────*/
	#intro{position: fixed;top:0;left:0;width:100%;height:100%;background:var(--point-white);z-index:9999;display: flex;align-items: center;justify-content: center;text-align: center;overflow:hidden;}
	#intro.none{transition:all 0.5s;opacity:0;z-index:-1;pointer-events:none;}
	#intro .bg{width:100%;height:100%;position: absolute;top:0;left:100%;background:linear-gradient(105deg, #2A71FF 0%, #164DCA 100%);transition:all 1.5s ease-out;}
	#intro .txt_box{font-size:var(--title-20);}
	#intro .logo{transform:translateY(-50px);transition:all 0.5s;opacity:0;margin:0 auto;}
	#intro .txt{margin-top:4px;}
	#intro .txt strong, #intro .txt p{opacity:0;transform:translateY(100px);transition:all 0.8s;}
	#intro .txt strong{font-size:300%;background:var(--gradient01);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:600;display: block;}
	#intro .txt p{font-size:130%;color:var(--black-color03);font-weight:400;line-height:1.53;margin-top:30px;}
	
	/*on*/
	#intro.active .bg{left:-100%;}
	#intro.active .logo{opacity:1;transition-delay:1.7s;}
	#intro.on .logo{transform:scale(0.5);}
	#intro.active .txt strong, #intro.active .txt p{opacity:1;transform:translateY(0);transition-delay:3s;}
	#intro.active .txt p{transition-delay:3.8s;}
	
	@media (max-width:1023px) {
		#intro .txt strong{font-size:250%;}
		#intro .txt p{font-size:100%;}
	}
	@media (max-width:640px) {
		#intro .logo{width:45%;}
		#intro .txt{margin-top:-8px;}
		#intro .txt strong{font-size:200%;}
		#intro .txt p{margin-top:10px;}
	}
	@media (max-width:479px) {
		#intro .txt{margin-top:5px;}
		#intro .bg{transition:all 1s ease-out;}
	}

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto; box-sizing: border-box;}

    @media (max-width:860px){
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position:sticky;top:0;z-index:100;width:100%;transition:all 0.3s; box-shadow:inset 0 -1px 0 var(--border-color01); background: var(--point-white);}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;height:110px;padding:0 80px;}
	#header .hd_logo a{display: block;width:138px;}
	#header .hd_lnb{font-size:var(--title-20);display: flex;align-items: center;justify-content: center;gap:122px;margin-right:90px;}
	#header .hd_lnb li a{font-size:110%;color:var(--black-color01);font-weight:500;letter-spacing:-0.03em;}
	#header .hd_right .menu-trigger{width:50px;height:22px;display: flex;flex-direction: column;gap:8px;}
	#header .hd_right .menu-trigger span{display: inline-block;width:100%;height:2px;background:var(--black-color03);transition:width 0.3s;}
	#header .hd_right .menu-trigger span:nth-child(1){align-self: flex-end;width:calc(100% - 16px);}
	#header .hd_right .menu-trigger span:nth-child(3){width:calc(100% - 16px);}
	
        .main_index #header{position: fixed; left:0; background: var(--trans-color); box-shadow: none;}
	/*on*/
        .main_index #header.on{background:var(--point-white);box-shadow:inset 0 -1px 0 var(--border-color01);}
	
	/*over*/
	@media (hover:hover) and (pointer:fine){
        .main_index #header:hover{background:var(--point-white);box-shadow:inset 0 -1px 0 var(--border-color01);}
		#header .hd_lnb li:hover a{color:var(--point-color01);}
		#header .hd_right .menu-trigger:hover span{width:100%;}
	}
	
	@media (max-width:1500px) {
		#header .header_cont{padding:0 30px;}
		#header .hd_lnb{gap:80px;}
	}
	@media (max-width:1200px) {
		#header .hd_lnb{gap:50px;margin-right:60px;}
	}
	@media (max-width:1023px) {
		#header .header_cont{height:auto;padding:20px 30px;}
		#header .hd_logo a{width:120px;}
		#header .hd_lnb{display: none;}
	}
	@media (max-width:640px) {
		#header .header_cont{padding:20px 15px;}
		#header .hd_logo a{width:100px;}
		#header .hd_right .menu-trigger{width:38px;height:20px;gap:7px;}
		#header .hd_right .menu-trigger span:nth-child(1),
		#header .hd_right .menu-trigger span:nth-child(3){width:calc(100% - 8px);}
	}
	@media (max-width:479px) {
		#header .header_cont{padding:15px 15px;}
	}
		
/*───────────────────────────────────────────────────────────

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

───────────────────────────────────────────────────────────*/
	#aside {top: 0;right:-100%;width:495px;transition:0.8s;height:100%;box-sizing:border-box;position:fixed;background:var(--point-white);box-shadow:-20px 0px 30px 0px rgba(95, 112, 131, 0.1);z-index: 120;}
	#aside.on {right: 0;}
	.aside_bg {left:0px;top:0px;bottom:0;right:0;width:100%;height:100%;background:transparent;opacity:0;transition:0.8s;z-index:50;position:fixed;display:none;}
	.aside_bg.on {opacity:1;display:block;}
	body:has(#aside.on){overflow:hidden !important;}
	
	.aside_box{height:100%;overflow-y:auto;position: relative;padding:42px 50px 50px 88px;box-sizing:border-box;}
	.aside_box:before{width:120px;aspect-ratio:auto 1;content:"";background:url('../images/skin/logo_symbol.svg')no-repeat center;background-size:100% auto;position: absolute;right:30px;bottom:50px;opacity:0.2;}
	.aside_box .btn_aside_close{display: flex;justify-content: flex-end;}
		.aside_box .btn_aside_close a{width:30px;height:30px;position: relative;display: block;}
		.aside_box .btn_aside_close span{display: inline-block;width:100%;height:3px;background:var(--border-color02);position: absolute;top:50%;left:0;}
		.aside_box .btn_aside_close span:nth-child(1){transform:rotate(45deg);}
		.aside_box .btn_aside_close span:nth-child(2){transform:rotate(-45deg);}
	#aside .slidemenu{font-size:var(--title-20);margin-top:89px;display: flex;flex-direction: column;gap:50px;}
	#aside .slidemenu > li > a{font-size:130%;color:var(--black-color03);font-weight:600;}
	
	/*over*/
	@media (hover:hover) and (pointer:fine){
		#aside .slidemenu > li:hover > a{color:var(--point-color01);}
	}
	
	@media (max-width:860px) {
		#aside{width:430px;}
		.aside_box{padding:42px 30px 50px 50px;}
		.aside_box:before{width:13vw;}
		#aside .slidemenu{margin-top:50px;gap:36px;}
	}
	@media (max-width:640px) {
		#aside{width:75%;}
	}
	@media (max-width:479px) {
		#aside{width:80%;}
		.aside_box{padding:15px 17px 50px 28px;}
		.aside_box:before{width:24vw;right:41px;bottom:75px;}
		#aside .slidemenu{margin-top:62px;gap:33px;}
	}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color12);padding:60px 0 71px 0;}
	#footer .top_cont{display: flex;align-items: center;justify-content: space-between;}
	#footer .top_cont .logo_box{display: flex;align-items: center;font-size:var(--title-20);}
	#footer .top_cont .logo_box .comp_name{font-size:110%;color:var(--point-white);font-weight:600;display: inline-flex;align-items: center;}
	#footer .top_cont .logo_box .comp_name:before{width:1px;height:12px;content:"";background:rgba(255, 255, 255, 0.20);display: inline-block;margin:0 22px}
	#footer .ft_sns{display: flex;gap:14px;}
	#footer .ft_sns li a{display: inline-flex;width:40px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:rgba(255,255,255,0.1);align-items: center;justify-content: center;}
	/*#footer .info_box{display: flex;gap:11px 30px;flex-wrap:wrap;margin-top:40px;width:570px;}*/
	#footer .info_box{display: flex;gap:11px 30px;flex-wrap:wrap;margin-top:40px;width:1000px;} /*2025.10.14 - footer 사업자 정보 길이 조정 - 이수용*/
	#footer .info_box dl{display: inline-flex;gap:20px;}
	#footer .info_box dl dt, #footer .info_box dl dd{font-size:var(--title-18);color:rgba(255,255,255,0.6);font-weight:300;}
	#footer .info_box dl dt{font-weight:500;text-transform:uppercase;}
	#footer .info_box dl dd{letter-spacing:0;}
	#footer .bot_cont{display: flex;align-items: center;justify-content: space-between;margin-top:51px;}
	#footer .bot_cont .copy{font-size:var(--title-17);color:var(--point-white);font-weight:300;opacity:0.3;text-transform:uppercase;letter-spacing:0.005em;}
	#footer .bot_cont .copy a{}
	#footer .bot_cont .ft_menu{display: flex;align-items: center;}
	#footer .bot_cont .ft_menu li{display: flex;align-items: center;}
	#footer .bot_cont .ft_menu li + li:before{content:"";width:4px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:rgba(255,255,255,0.2);display: inline-block;margin:0 20px;}
	#footer .bot_cont .ft_menu li a{font-size:var(--title-17);color:var(--black-color10);font-weight:300;}
	#footer .bot_cont .ft_menu li a strong{color:var(--point-white);font-weight:500;}
	
	.ft_quick{z-index:-1;opacity:0;transition:all 0.3s;pointer-events:none;position: fixed;right:40px;bottom:40px;}
	.ft_quick.on{z-index:15;opacity:1;pointer-events:initial;}
	.ft_quick .btn_top{width:64px;box-sizing:border-box;border-radius:100%;aspect-ratio:auto 1;background:var(--point-color01);display: inline-flex;align-items: center;justify-content: center;cursor:pointer;}
	
	@media (max-width:1023px) {
		.ft_quick{right:20px;bottom:20px;}
	}
	@media (max-width:860px) {
		#footer{padding:48px 0 50px;}
		#footer .top_cont .logo_box img{width:120px;}
		#footer .top_cont .logo_box .comp_name:before{margin:0 15px;}
		#footer .info_box{width:100%;}
		#footer .info_box dl{gap:12px;}
		#footer .bot_cont{flex-direction: column-reverse;align-items: flex-start;gap:15px;}
		#footer .bot_cont .ft_menu li + li:before{margin:0 12px;}
	}
	@media (max-width:640px) {
		#footer .top_cont{flex-direction: column-reverse;align-items: flex-start;gap:20px;}
		#footer .bot_cont .copy a{display: block;}
		
		.ft_quick .btn_top{width:45px;}
	}
	@media (max-width:479px) {
		#footer{padding:35px 0 40px;}
		#footer .ft_sns li a{width:34px;}
		#footer .ft_sns li a img{max-width:43%;}
		#footer .top_cont .logo_box img{width:100px;}
		#footer .info_box{gap:8px 20px;margin-top:30px;}
		#footer .bot_cont{margin-top:35px;}
		
		.ft_quick{right:15px;bottom:15px;}
	}

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
	.visual_wrapper{position: relative;height:100%;}
	#wrap .main_visual {position:relative;width:100%;margin:0;height:100vh;min-height:680px;}
	#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;border:none;min-height:680px;}
	#wrap .main_visual a{width:100%;height:100%;position: absolute;top:0;left:0;transition:all 4s;background-size:cover;background-position:center;transform:scale(1.2);}

	/*S_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */
	/*	#wrap .main_visual .txt_box{position: absolute;left:50%;top:48%;transform:translate(-50%, -50%);text-align:left;font-size:var(--title-20);}*/
	#wrap .main_visual .txt_box{position: absolute;left:57%;top:50%;transform:translate(-50%, -50%);text-align:left;font-size:var(--title-20);}
	/*E_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */

	#wrap .main_visual .txt_box .txtAni{transform:translate(-100px);opacity:0;transition:all 0.6s ease-out;transition-delay:0.2s;}

	/*S_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */
	/*#wrap .main_visual .txt_box h3{font-size:350%;color:var(--black-color01);font-weight:700;line-height:1.28;}*/
	/*#wrap .main_visual .txt_box p{font-size:140%;color:var(--black-color03);font-weight:400;margin-top:40px;}*/
	#wrap .main_visual .txt_box h3{font-size:230%;color:var(--black-color01);font-weight:700;line-height:1.28;}
	#wrap .main_visual .txt_box p{font-size:130%;color:var(--black-color03);font-weight:400;margin-top:40px;}
	/*E_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */

	/* S_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */
	/*.visual_btn_wrap{position: absolute;left:50%;transform:translate(-50%);bottom:12.2%;display: flex;align-items: center;gap:30px;}*/
	.visual_btn_wrap{position: absolute;left:57%;transform:translate(-50%);bottom:12.2%;display: flex;align-items: center;gap:30px;}
	/* E_2025.10.14 - 웹사이트 축소 시키기 - 이수용 */

	.visual_btn_wrap .slick-dots{display: flex;align-items: center;gap:10px;}
	.visual_btn_wrap .slick-dots li button{width:48px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:2px solid transparent;transition:all 0.3s;position: relative;display: inline-flex;align-items: center;justify-content: center;font-size:0;}
	.visual_btn_wrap .slick-dots li button:before{width:8px;aspect-ratio:auto 1;content:"";box-sizing:border-box;border-radius:100%;background:var(--black-color03);opacity:0.5;transition:all 0.3s;display: inline-block;}
	.visual_btn_wrap .slick-dots li.slick-active button{border-color:var(--black-color03);}
	.visual_btn_wrap .slick-dots li.slick-active button:before{opacity:1;}
	.visual_btn_wrap .arw_box{display: inline-flex;gap:10px;}
	.visual_btn_wrap .arw_box .slick_arrow{width:48px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;font-size:0;display: flex;align-items: center;justify-content: center;transition:all 0.3s;}
	.visual_btn_wrap .arw_box .slick_arrow:before{content:"";width:20%;aspect-ratio:auto 1;box-sizing:border-box;border:2px solid var(--black-color03);border-width:2px 2px 0 0;display: inline-block;}
	.visual_btn_wrap .arw_box .prev:before{transform:rotate(-135deg);margin-left:4px;}
	.visual_btn_wrap .arw_box .next:before{transform:rotate(45deg);margin-right:4px;}
	
	/*active*/
		#wrap .main_visual .active a{transform:scale(1);}
		#wrap .main_visual .active .txt_box .txtAni{transform:translateY(0);opacity:1;}
		
	/*over*/
		@media (hover:hover) and (pointer:fine){
			.visual_btn_wrap .arw_box .slick_arrow:hover{background:rgba(51, 51, 51, 0.1);}
		}

	@media (max-width:1400px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:65vw;}
		/*#wrap .main_visual .txt_box h3{font-size:300%;}*/
		#wrap .main_visual .txt_box h3{font-size:230%;} /* 2025.10.14 - 웹사이트 축소 시키기 - 이수용 */
		#wrap .main_visual .txt_box p{font-size:120%;}
	}
	@media (max-width:1023px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:75vw;}
		#wrap .main_visual a{background-position:right 28% center !important;}
		/*#wrap .main_visual .txt_box h3{font-size:280%;}*/
		#wrap .main_visual .txt_box h3{font-size:210%;} /* 2025.10.14 - 웹사이트 축소 시키기 - 이수용 */
	}
	@media (max-width:860px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:86vw;}
		#wrap .main_visual .txt_box{top:33%;}
		#wrap .main_visual .txt_box p{max-width:45%;}
		.visual_btn_wrap{bottom:30px;}
	}
	@media (max-width:767px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:100vw;}
	}
	@media (max-width:640px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:144vw;}
		#wrap .main_visual a{background-position:center !important;}
		#wrap .main_visual .txt_box{transform:translate(-50%);top:17%;text-align:center;}
		#wrap .main_visual .txt_box h3{font-size:200%;}
		#wrap .main_visual .txt_box p{font-size:100%;margin-top:20px;max-width:100%;}
		
		.visual_btn_wrap{gap:15px;bottom:15px;justify-content: center;}
		.visual_btn_wrap .slick-dots li button{width:34px;}
		.visual_btn_wrap .slick-dots li button:before{width:6px;}
		.visual_btn_wrap .arw_box .slick_arrow{width:34px;}
		.visual_btn_wrap .arw_box .slick_arrow:before{width:28%;;}
	}
	@media (max-width:479px) {
		#wrap .main_visual, #wrap .main_visual .slick-slide{height:160vw;}
	}
	
	/*공통*/
		.main_content{position: relative;}
		
		/*title*/
		.main_title{text-align: center;font-size:var(--title-20);}
		.main_title span{font-size:110%;color:var(--black-color05);font-weight:500;font-family:var(--font-type02);letter-spacing:0;}
		.main_title h3{font-size:290%;color:var(--black-color01);font-weight:700;}
		.main_title span + h3{margin-top:22px;}
		.main_title h3 strong{font-size:inherit;color:var(--point-color02);font-weight:inherit;}
		
		/*btn*/
		.main_more{display: inline-flex;width:240px;height:64px;align-items: center;justify-content:space-between;text-align: center;box-sizing:border-box;padding:0 30px;border-radius:var(--radius-10);font-size:var(--title-20);overflow:hidden;position: relative;}
		.main_more:before{width:120%;aspect-ratio:auto 1;content:"";position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all 0.4s;background:var(--gradient01);}
		.main_more span{font-size:100%;color:var(--point-white);font-weight:500;position: relative;letter-spacing:-0.04em;}
        .main_more:after{width: 16px;aspect-ratio:auto 1;content:"";background:url('../images/skin/more_arw.svg')no-repeat center;background-size:100% auto;position: relative;}
		
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_more:hover:before{transform:translate(-50%, -50%) rotate(180deg);}
		}
		@media (max-width:1023px) {
			.main_more{padding:0 20px;}
		}
		@media (max-width:640px) {
			.main_title h3{font-size:230%;}
			.main_title span + h3{margin-top:10px;}
			
			.main_more{width:200px; height:50px;}
		}
		@media (max-width:479px) {
			.main_title span{font-size:90%;}
			.main_title h3{font-size:200%;}
			.main_title span + h3{margin-top:5px;}
			
			.main_more{width:165px; height:44px;}
            .main_more:after{width:12px;}
		}
	
	/*solution*/
		.main_solution{margin-top:163px;}
		.main_solution .worry{display: grid;gap: clamp(15px, 3vw, 28px);grid-template-columns: repeat(3, 1fr);margin-top:77px;}
		.main_solution .worry li{box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);overflow:clip;font-size:var(--title-20);animation:solution01 9s Infinite;}
		.main_solution .worry li:nth-child(2){animation-delay:3s;}
		.main_solution .worry li:nth-child(3){animation-delay:6s;}
		.main_solution .worry li:before{width: 100%;height:100%;content:"";box-sizing:border-box;border-radius:var(--radius-10);opacity:0;transition:all 0.3s;position: absolute;top:0;left:0;border:2px solid transparent;background:var(--gradient01) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;animation:solution02 9s Infinite;}
		.main_solution .worry li:nth-child(2):before{animation-delay:3s;}
		.main_solution .worry li:nth-child(3):before{animation-delay:6s;}
		
		.main_solution .worry li > strong{display: flex;align-items: center;justify-content: center;text-align: center;background:var(--point-color01);font-size:130%;color:var(--point-white);font-weight:600;line-height:1.38;height:80px;}
		.main_solution .worry li .cont{box-sizing:border-box;display: flex;flex-direction: column;gap:24px;padding:40px 40px 39px;}
		.main_solution .worry li .cont:before{width:24px;height:18px;content:"";background:url('../images/skin/quote_img.svg')no-repeat center;display: inline-block;background-size:100% auto;}
		.main_solution .worry li .cont p{font-size:110%;color:var(--black-color05);font-weight:500;line-height:1.54;}
		.main_solution .worry li .cont p strong{font-size:inherit;color:var(--black-color03);font-weight:600;}
		@keyframes solution01 {
			0%{box-shadow:none;}
			25%{box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.10);}
			40%{box-shadow:none;}
			100%{box-shadow:none;}
		}
		@keyframes solution02 {
			0%{opacity:0;}
			25%{opacity:1;}
			40%{opacity:0;}
			100%{opacity:0;}
		}
		.main_solution .arw{display: flex;flex-direction: column;align-items: center;gap:3px;margin-top:80px;}
		.main_solution .arw > div{font-size:0;animation-name: scrDwn01; animation-duration:2s; animation-iteration-count:infinite; animation-fill-mode: forwards; transition-timing-function:linear;}
		.main_solution .arw > .arw02{animation-name: scrDwn02; animation-delay: 0.2s;}
		.main_solution .arw > .arw03{animation-name: scrDwn03; animation-delay: 0.4s;}
		@keyframes scrDwn01 {0% {opacity: 0;} 50% {opacity: 0.3;} 100% {opacity: 0;}}
		@keyframes scrDwn02 {0% {opacity: 0;} 50% {opacity: 0.5;} 100% {opacity: 0;}}
		@keyframes scrDwn03 {0% {opacity: 0;} 50% {opacity: 1;} 100% {opacity: 0;}}
		
		.main_solution .solution_cont{margin-top:76px;}
		.main_solution .solution_cont ul{margin-top:76px;display: flex;flex-direction: column;gap:120px;}
		.main_solution .solution_cont ul li{display: flex;align-items: center;}
		.main_solution .solution_cont ul li:nth-of-type(2n){flex-direction: row-reverse;}
		.main_solution .solution_cont ul li .img{width:50%;box-sizing:border-box;aspect-ratio:auto 1.67;border-radius:var(--radius-20);overflow:clip;}
		.main_solution .solution_cont ul li .img img{width:100%;height:100%;object-fit:cover;}
		.main_solution .solution_cont ul li .txt{width:50%;box-sizing:border-box;padding-left:100px;font-size:var(--title-20);}
		.main_solution .solution_cont ul li:nth-of-type(2n) .txt{padding:0 100px 0 0;}
		.main_solution .solution_cont ul li .txt .tag{display: flex;align-items: center;}
		.main_solution .solution_cont ul li .txt .tag span{display: inline-flex;align-items: center;font-size:var(--title-18);color:var(--point-color01);font-weight:600;font-family:var(--font-type02);}
		.main_solution .solution_cont ul li .txt .tag span + span:before{content:"";width:4px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-color01);display: inline-block;margin:0 12px;}
		.main_solution .solution_cont ul li .txt h4{margin-top:22px;font-size:200%;color:var(--black-color01);font-weight:600;line-height:1.35;}
		.main_solution .solution_cont ul li .txt h4 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
		.main_solution .solution_cont ul li .txt p{margin-top:40px;font-size:95%;color:var(--black-color03);;font-weight:400;line-height:1.68;}
		
		@media (max-width:1250px) {
			.main_solution .solution_cont br.for_pc{display: none;}
			.main_solution .solution_cont ul li .txt{padding-left:40px;}
			.main_solution .solution_cont ul li:nth-of-type(2n) .txt{padding:0 40px 0 0;}
		}
		@media (max-width:1100px) {
			.main_solution .worry li .cont br{display: none;}
		}
		@media (max-width:1023px) {
			.main_solution{margin-top:clamp(70px, 15vw, 163px);}
			.main_solution .worry{margin-top:40px;}
			.main_solution .worry li > strong{padding:0 10px;}
			.main_solution .worry li .cont{padding:25px 20px 30px;gap:15px;}
			
			.main_solution .arw{margin-top:40px;}
			
			.main_solution .solution_cont ul{margin-top:40px;gap:70px;}
			.main_solution .solution_cont ul li .txt h4{font-size:170%;margin-top:15px;}
			.main_solution .solution_cont ul li .txt p{margin-top:20px;}
		}
		@media (max-width:767px) {
			.main_solution .worry{grid-template-columns:repeat(1, 1fr);}
			.main_solution .worry li > strong{height:auto;padding:15px 10px;}
		}
		@media (max-width:640px) {
			.main_solution .solution_cont{margin-top:55px;}
			.main_solution .solution_cont ul{gap:50px;}
			.main_solution .solution_cont ul li,
			.main_solution .solution_cont ul li:nth-of-type(2n){flex-direction: column;gap:20px;}
			.main_solution .solution_cont ul li .img{width:100%;}
			.main_solution .solution_cont ul li .txt,
			.main_solution .solution_cont ul li:nth-of-type(2n) .txt{width:100%;padding:0;}
		}
		@media (max-width:479px) {
			.main_solution .worry{margin-top:25px;}
			.main_solution .worry li > strong{font-size:120%;}
			.main_solution .worry li .cont{gap:10px;}
			.main_solution .worry li .cont:before{width:18px;height:14px;}
			.main_solution .worry li .cont p{font-size:100%;line-height:1.4;}
			.main_solution .arw{margin-top:20px;}
			.main_solution .arw > div img{width:15px;}
			
			.main_solution .solution_cont ul{margin-top:20px;gap:40px;}
			.main_solution .solution_cont ul li .txt .tag span + span:before{margin:0 8px;}
			.main_solution .solution_cont ul li .txt h4{margin-top:10px;}
			.main_solution .solution_cont ul li .txt p{margin-top:12px;}
		}
		
	/*process*/
		.main_process{background:var(--gray-bg04);margin-top:183px;padding:163px 0 160px;}
		.main_process .process_cont{position: relative;margin-top:57px;}
		.main_process .process_cont:after{clear:both;content:"";display: block;}
		.main_process .process_tab{position: absolute;top:0;left:0;counter-reset: section;z-index:2;width:270px;}
		.main_process .process_tab > li + li{margin-top:10px;}
		.main_process .process_tab > li{box-sizing:border-box;vertical-align: top;font-size:var(--title-20);}
		.main_process .process_tab > li span{display: block;width:290px;height:65px;box-sizing:border-box;position: relative;font-size:110%;color:var(--black-color03);font-weight:400;display: inline-flex;align-items: center;gap:18px;border-radius:var(--radius-10);background:var(--point-white);transition:width 0.5s;cursor:pointer;padding:0 20px;}
		.main_process .process_tab > li span:before{counter-increment: section;content:counter(section, decimal-leading-zero);font-size:var(--title-18);color:var(--point-color01);font-weight:500;width:40px;aspect-ratio:auto 1;display: inline-flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;border-radius:100%;background:rgba(22, 77, 202, 0.10);font-family:var(--point-color01);}
		.main_process .process_tab > li span:after{width:9px;height:9px;content:"";border:1px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);position: absolute;top:26px;right:50px;opacity:0;transition:all 0.5s;}
		.main_process .process_tab > li .m_tab_cont{display:none;}

		/*on*/
			.main_process .process_tab .active span{color:var(--point-white);background:var(--point-color01);box-shadow: 0px 5px 24px 0 rgba(0, 0, 0, 0.3);transition:width 0.5s;width:350px;}
			.main_process .process_tab .active span:before{background:var(--point-white);}
			.main_process .process_tab .active span:after{right:24px;opacity:1;transition:all 0.5s;}
			
		.main_process .content_box{float: right;vertical-align: top;width:1080px;box-sizing:border-box;counter-reset: sectionCont;}
		.main_process .content_box > li{counter-increment:sectionCont;box-sizing:border-box;width:100%;border-radius:var(--radius-15);background:var(--point-white);box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);text-align: center;height:0;overflow:hidden;flex-direction: column;align-items: center;justify-content: center;}
		.main_process .content_box > li.active{display:flex;height:500px;padding:30px 80px;}
		.main_process .content_box > li .title{display: flex;align-items: center;justify-content: center;text-align: center;font-size:var(--title-20);gap:18px;}
		.main_process .content_box > li > .title::before{content:counter(sectionCont, decimal-leading-zero);width:40px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;display: inline-flex;align-items: center;justify-content: center;text-align: center;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:500;font-family:var(--font-type02);}
		.main_process .content_box > li .title h4{font-size:190%;color:var(--black-color01);font-weight:600;}
		.main_process .content_box > li .cont{box-sizing:border-box;border-radius:var(--radius-15);background:var(--point-color03);text-align: center;padding:40px 30px;font-size:var(--title-20);margin-top:47px;width:100%;}
		.main_process .content_box > li .cont p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.78;}
		.main_process .content_box > li .cont p strong{font-size:inherit;color:var(--black-color03);font-weight:600;}
		
		.process_sub_tab{display: flex;align-items: center;justify-content: center;gap:34px;margin-top:40px;}
		.process_sub_tab a{font-size:var(--title-20);color:var(--black-color08);font-weight:600;position: relative;padding-bottom:5px;}
		.process_sub_tab a.on{color:var(--point-color01);}
		.process_sub_tab a:before{width:0;height:1px;content:"";background:var(--point-color01);position: absolute;left:50%;bottom:0;transform:translate(-50%);transition:width 0.5s;}
		.process_sub_tab a.on:before{width:100%;}
		
		.main_process .sub_tab_cont{display: none;min-height:180px;padding:32px 26px;}
		.main_process .sub_tab_cont.on{display: block;}
		.main_process .sub_tab_cont ul{display: flex;flex-wrap:wrap;gap:10px 20px;}
		.main_process .sub_tab_cont ul li{width:calc(50% - 10px);}
		.main_process #pcSubProcess03_02 ul li:last-child,
		.main_process #pcSubProcess03_03 ul li:last-child{width:100%;}
		.main_process #process4 .sub_tab_cont ul li{width:100%;}
		
		.bullet_list{font-size:var(--title-20);}
		.bullet_list li{display: inline-flex;gap:8px;font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.68;align-items: baseline;text-align:left;}
		.bullet_list li:before{content:"";width:4px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--black-color08);translate:0 -4px;flex-shrink:0;}
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_process .process_tab li:hover span{color:var(--point-white);background:var(--point-color01);box-shadow: 0px 5px 24px 0 rgba(0, 0, 0, 0.3);transition:width 0.5s;width:350px;}
			.main_process .process_tab li:hover span:before{background:var(--point-white);}
			.main_process .process_tab li:hover span:after{right:24px;opacity:1;transition:all 0.5s;}
		}
		
		@media (max-width:1450px) {
			.main_process .content_box{width:75%;}
			.main_process .content_box > li.active{padding:30px 30px;}
		}
		@media (max-width:1250px) {
			.main_process .process_tab li span{width:270px;}
			.main_process .process_tab .active span, .main_process .process_tab li:hover span{width:320px;}
			.main_process .content_box{width:calc(100% - 300px);}
			.main_process .content_box br{display: none;}
			
			.process_sub_tab{gap:20px;}
		}
		@media (max-width:1023px) {
			.main_process{margin-top:clamp(70px, 15vw, 183px);padding-block:clamp(60px, 15vw, 160px);}
			.main_process .content_box > li.active{height:550px;}
			.main_process .sub_tab_cont ul li{width:100%;}
		}
		@media (max-width:860px) {
			.main_process .process_cont{margin-top:30px;}
			.main_process .process_tab{width:100%;position: relative;}
				.main_process .process_tab > li + li{margin-top:20px;}
				.main_process .process_tab > li span{width:100%;}
				.main_process .process_tab .active span, .main_process .process_tab li:hover span{width:100%;}
			.main_process .content_box{display: none;}
			.main_process .process_tab .m_tab_cont{box-sizing:border-box;background:var(--point-white);border-radius:var(--radius-15);margin-top:15px;}
				.main_process .process_tab li.active .m_tab_cont{display: block;padding:30px 20px;}
				.main_process .process_tab .m_tab_cont .cont{box-sizing:border-box;border-radius:var(--radius-15);background:var(--point-color03);text-align: center;padding:30px 20px;font-size:var(--title-20);width:100%;}
				.main_process .process_tab .m_tab_cont .cont p{font-size:95%;color:var(--black-color05);font-weight:400;line-height:1.78;}
				.main_process .process_tab .m_tab_cont .cont p strong{font-size:inherit;color:var(--black-color03);font-weight:600;}
			
			.process_sub_tab{margin-top:0;overflow-x:auto;width:100%;white-space:nowrap;gap:30px;box-sizing:border-box;}
			.main_process .process_tab > li:nth-child(4) .process_sub_tab{justify-content: flex-start;}
			.main_process .sub_tab_wrap{margin-top:30px;}
			.main_process .sub_tab_cont{min-height:initial;}
			
		}
		@media (max-width:479px) {
			.main_process .process_tab > li + li{margin-top:15px;}
				.main_process .process_tab > li span{gap:12px;padding:0 15px;height:56px;}
				.main_process .process_tab .active span{box-shadow:0px 3px 14px 0 rgba(0, 0, 0, 0.3);}
				.main_process .process_tab > li span:before{width:34px;}
				.main_process .process_tab > li span:after{right:15px;width:7px;height:7px;top:23px;}
				.main_process .process_tab .m_tab_cont{margin-top:10px;}
				.main_process .process_tab li.active .m_tab_cont{padding:20px 15px;}
			.main_process .sub_tab_wrap{margin-top:20px;}
			.process_sub_tab{gap:20px;}
			.main_process .process_tab .m_tab_cont .cont{padding:15px 15px;}
			.main_process .sub_tab_cont ul{gap:4px;}
		}
		
	/*portfolio*/
		.main_portfolio{margin-top:163px;}
		.main_portfolio .board_title{display: flex;align-items:flex-end;justify-content: space-between;}
		.main_portfolio .main_title{text-align: left;}
		.main_portfolio .main_title span{font-size:120%;}
		.main_portfolio .main_more{margin-bottom:5px;}
		.main_portfolio .main_more:after{width:16px;height:16px;content:"";background:var(--point-white);clip-path:var(--polygon-path01);}
		
		.main_portfolio .swipe_box{margin-top:58px;}
		.main_portfolio .board_swiper{overflow:hidden;}
		.main_portfolio li{box-sizing:border-box;border-radius:var(--radius-15);border:1px solid var(--border-color01);overflow:clip;position: relative;}
		.main_portfolio li:before{width:100%;height:100%;content:"";box-sizing:border-box;border-radius:var(--radius-15);position: absolute;top:0;left:0;border:2px solid transparent;background:var(--gradient01) border-box;-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;z-index:3;opacity:0;pointer-events:none;transition:all 0.3s;}
		.main_portfolio li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_portfolio li .thumb{width:100%;aspect-ratio:auto 1.33;position: relative;}
		.main_portfolio li .thumb img{width:100%;height:100%;object-fit:cover;}
		.main_portfolio li .txt{box-sizing:border-box;padding:33px 30px;font-size:var(--title-20);}
		.main_portfolio li .txt strong{font-size:130%;color:var(--black-color03);font-weight:600;line-height:1.38;}
		
		.main_portfolio .controller{display: flex;margin-top:40px;align-items: center;gap:40px;}
		.main_portfolio .controller .sw_pagination{position: relative;height:4px;background:var(--border-color01);}
		.main_portfolio .controller .sw_pagination .swiper-pagination-progressbar-fill{height:100%;background:var(--point-color01);}
		.main_portfolio .controller .arw_box{flex-shrink:0;display: flex;gap:10px;}
		.main_portfolio .controller .swipe_arw{width:52px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;border:2px solid var(--border-color01);display: inline-flex;align-items: center;justify-content: center;cursor:pointer;transition:all 0.3s;}
		.main_portfolio .controller .swipe_arw:before{width:16%;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color08);border-width:2px 2px 0 0;display: inline-block;transition:all 0.3s;}
		.main_portfolio .controller .prev:before{transform:rotate(-135deg);margin-left:6px;}
		.main_portfolio .controller .next:before{transform:rotate(45deg);margin-right:6px;}
		
		/*over*/
		@media (hover:hover) and (pointer:fine){
			.main_portfolio li:hover:before{opacity:1;}
			.main_portfolio .controller .swipe_arw:hover{background:var(--point-color01);border-color:var(--point-color01);}
			.main_portfolio .controller .swipe_arw:hover:before{border-color:var(--point-white);}
		}
		
		@media (max-width:1023px) {
			.main_portfolio{margin-top:clamp(70px, 15vw, 163px);}
			.main_portfolio .main_more{width:200px;}
			
			.main_portfolio .swipe_box{margin-top:40px;}
			.main_portfolio li .txt{padding:25px 20px;}
			.main_portfolio .controller{margin-top:25px;}
		}
		@media (max-width:640px) {
			.main_portfolio .main_more{width:170px;}
			.main_portfolio .main_more:after{width:12px;height:12px;}
			
			.main_portfolio .board_swiper{overflow:visible;}
			.main_portfolio .controller{gap:15px;}
			.main_portfolio .controller .swipe_arw{width:40px;}
			.main_portfolio .controller .prev:before{margin-left:3px;}
			.main_portfolio .controller .next:before{margin-right:3px;}
		}
		@media (max-width:479px) {
			.main_portfolio .board_title{flex-direction: column;align-items: center;}
			.main_portfolio .main_title{text-align: center;}
			.main_portfolio .main_title span{font-size:100%;}
			.main_portfolio .main_more{margin:15px 0 0 0;}
			
			.main_portfolio li .txt{padding:20px 15px;}
			.main_portfolio li .txt strong{font-size:110%;}
			.main_portfolio .controller{margin-top:15px;}
			.main_portfolio .controller .sw_pagination{height:2px;}
			.main_portfolio .controller .arw_box{gap:6px;}
			.main_portfolio .controller .swipe_arw{width:35px;}
		}
		
	/*contact*/
		.main_contact{background:url('../images/skin/contact_bg.jpg')no-repeat center;background-size:cover;box-sizing:border-box;margin-top:160px;padding:149px 0 146px;}
		.main_contact .main_title span{font-size:120%;color:var(--point-white);opacity:0.8;font-weight:400;}
		.main_contact .main_title h3{background:var(--gradient02);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-top:40px;}
		.main_contact .txt{text-align: center;font-size:var(--title-20);margin-top:28px;}
		.main_contact .txt strong{font-size:160%;color:var(--point-white);font-weight:400;line-height:1.43;}
		.main_contact .txt strong em{font-size:inherit;color:inherit;font-weight:600;}
		.main_contact .txt p{font-size:110%;color:var(--point-white);font-weight:300;opacity:0.8;margin-top:22px;}
		.main_contact .main_more{margin-top:79px;}
		
		@media (max-width:1023px) {
			.main_contact{margin-top:clamp(70px, 15vw, 170px);padding-block:clamp(60px, 15vw, 150px);}
			.main_contact .txt strong{font-size:140%;}
			.main_contact .txt strong br{display: none;}
			.main_contact .txt p{font-size:100%;}
			.main_contact .main_more{margin-top:clamp(20px, 10vw, 79px);}
		}
		@media (max-width:640px) {
			.main_contact .main_title h3{margin-top:20px;}
		}
		@media (max-width:479px) {
			.main_contact .txt strong{font-size:120%;}
		}