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

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

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

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	body{-webkit-overflow-scrolling:touch;}
	#wrap {position:relative;width:100%; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto; }
    #container{position: relative; padding-block: 110px 150px; }
	
	.skip_nav_link {position: absolute;top: auto;left: -9999px;width: 1px;height: 1px;overflow: hidden;z-index: 999;padding: 10px;background-color:var(--black-color03);color:var(--point-white);text-align: center;text-decoration: none;line-height: normal;}
	.skip_nav_link:focus {position: static;left: 0;top: 0;width: auto;height: auto;display: block;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){
		br.for_pc{display: none;}
	}
    @media (max-width:1023px){
        #container{padding-block: clamp(50px, 11vw, 110px) clamp(100px, 15vw, 150px);}
    }
    @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:fixed;width:100%;height: 130px;top:0;z-index: 50;transition:all 0.3s;}
	#header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;}
	#header .hd_logo{}
	#header .hd_logo a{display: block;width:267px;aspect-ratio: auto 5.8;background: url('../images/skin/hd_logo_wh.svg')no-repeat left center / 100% auto;font-size:0;}
	#header .hd_lnb{position: absolute;top: 0;left: 50%;translate: -50%;display: flex;justify-content: center;height: 100%;text-align: center;font-size: var(--title-20);width: calc(100% - 660px);}
	#header .hd_lnb > li{padding-inline: 12px;position: relative;height: 100%; font-size: 90%;}
	#header .hd_lnb > li > a{color:var(--point-white);font-weight: 500;display: flex;align-items: center;justify-content: center;height: 100%;}
	#header .hd_lnb .hd_lnb_dep2{position: absolute;top:75%;left:50%;transform:translate(-50%);background:var(--point-color01);box-sizing:border-box;text-align: center;width:max-content;min-width:160px;max-width:300px;padding:20px 0;display: none;border-radius:10px;}
	#header .hd_lnb .hd_lnb_dep2 li + li{margin-top:15px;}
	#header .hd_lnb .hd_lnb_dep2 li a{font-size:90%;color:var(--point-white);font-weight:400;display: block;text-underline-offset:5px; padding-inline:25px;}
	#header .hd_right{display: flex;align-items: center;gap:10px;}
	#header .hd_right a{display: flex;align-items: center;justify-content: center;text-align: center;box-sizing:border-box;}
	#header .hd_right .btn_contact{width:150px;height:50px;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:600;}
	#header .hd_right .menu-trigger{width:50px;height:50px;flex-direction: column;justify-content: space-between;padding:16px 0;background:var(--point-white);border:1px solid transparent;}
	#header .hd_right .menu-trigger span{display: inline-block;width:22px;height:2px;background:var(--black-color00);}
    #header .hd_right .util_btn{ display: flex; width:50px;height:50px; justify-content: center; align-items: center; background:var(--point-white);border:1px solid transparent;}
    #header .hd_right .lang_box { position: relative; cursor: pointer; }
    #header .hd_right .lang_box em { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
    #header .hd_right .lang_box ul { display: none; position: absolute; left: -1px; top: 100%; width: calc(100% + 2px); padding-block: 5px; background: var(--point-white); border: 1px solid transparent; }
    #header .hd_right .lang_box ul li { font-size: var(--title-20); }
    #header .hd_right .lang_box ul a { display: block; width: 100%; padding-block: 5px; font-size: 90%; }
    #header .hd_right .lang_box ul a.on { color: var(--point-color01); }
	
	/*on*/
	#header.on{background:var(--point-white);border-color:var(--border-color01);box-shadow: inset 0 -1px 0 var(--border-color01);}
	#header.on .hd_logo a{background-image: url('../images/skin/hd_logo.svg');}
	#header.on .hd_lnb > li > a{color:var(--black-color01);}
	#header.on .hd_right .menu-trigger{border-color:var(--border-color01);}
    #header.on .hd_right .util_btn{border-color:var(--border-color01);}
    #header.on .hd_right .lang_box ul {border-color:var(--border-color01);}
	
		/*over*/
		@media (hover:hover) and (pointer:fine){
			#header:hover{background:var(--point-white);border-color:var(--border-color01);}
			#header:hover .hd_logo a{background:url('../images/skin/hd_logo.svg')no-repeat left center;background-size:auto 100%;}
			#header:hover .hd_lnb > li > a{color:var(--black-color01);}
            #header:hover .hd_right .menu-trigger{border-color:var(--border-color01);}
			#header:hover .hd_right .util_btn{border-color:var(--border-color01);}
            #header:hover .hd_right .lang_box ul{border-color:var(--border-color01);}
		}
		
	@media (max-width:1500px){
		#header .hd_logo a{width:235px;}
		#header .hd_lnb > li{font-size: 80%;padding-inline: 8px;}
	}

    @media (max-width: 1400px) {
        #header .hd_lnb{display: none;}
    }

	@media (max-width:1023px){
		#header{height: clamp(70px, 13vw, 130px);}
		#header .hd_logo a{width: clamp(115px, 25vw, 235px);}
		#header .hd_right{gap:clamp(7px, 2vw, 20px);}
		#wrap #header .hd_right .menu-trigger{height:clamp(30px, 5vw, 50px)}
		#header .hd_right .btn_contact{width:clamp(85px, 15vw, 150px);}
		#header .hd_right .menu-trigger{width:clamp(30px, 5vw, 50px);}
		#header .hd_right .menu-trigger{padding-block:clamp(7px, 1.6vw, 16px);}

        #header .hd_right .btn_contact { height: clamp(30px, 5vw, 50px); }
        #header .hd_right .util_btn{width:clamp(30px, 5vw, 50px); height:clamp(30px, 5vw, 50px); padding-block: 5px; }
        
        #header .hd_right .lang_box ul a { padding-block: clamp(2px, 0.5vw, 5px); }
	}

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

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

───────────────────────────────────────────────────────────*/
	#aside {top:0px;right:0;width:100%;transition:0.8s;height:100%;box-sizing:border-box;position:fixed;z-index:0;opacity:0;background:var(--point-color02); pointer-events:none;}
	#aside.on {right:0%;opacity:1;z-index:99; pointer-events:auto;}
	body:has(#aside.on){overflow:hidden;}

	#aside .aside_box{display:flex;flex-wrap:wrap;width:100%;height:100%;overflow-y:auto;flex-direction:row-reverse;}
	#aside .aside_box .m_aside_top, #aside .aside_box .m_sub_gnb{display: none;}
	#aside .aside_box .aside_info, #aside .aside_box .aside_content{position: relative;background:var(--point-color02);box-sizing:border-box;}
	#aside .aside_box .aside_info{left:-100%;opacity:0;transition:all 0.5s;width:22.4%;border-right:1px solid rgba(255,255,255,0.3);}
	#aside.on .aside_box .aside_info{left:0;opacity:1;transition:all 0.5s;}
	#aside .aside_box .aside_info .aside_logo{height:98px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;padding-left:60px;position: absolute;top:0;left:0;width:100%;}
	#aside .aside_info .info_box{width: 100%;height: 100%;display: flex;flex-wrap: wrap;align-content: flex-end;box-sizing:border-box;padding:0 60px 51px 60px;font-size:var(--title-20);}
	#aside .aside_info .info_box p{font-size:230%;color:var(--point-white);font-weight:600;}
	#aside .aside_info .info_box .adr_info{margin-top:40px;}
	#aside .aside_info .info_box .adr_info dl{display: flex;align-items: flex-start;gap:20px;}
	#aside .aside_info .info_box .adr_info dl + dl{margin-top:10px;}
	#aside .aside_info .info_box .adr_info dl dt, #aside .aside_info .info_box .adr_info dl dd{display: inline-block;vertical-align:middle;font-size:var(--title-15);color:rgba(255,255,255,0.5);}
	#aside .aside_info .info_box .adr_info dl dt{font-weight:600;width:72px;flex-shrink:0;}
	#aside .aside_info .info_box .adr_info dl dd{font-weight:300;}
	#aside .aside_info .info_box .adr_info dl dd a{font-size:inherit;color:inherit;font-weight:inherit;font-family:inherit;}

	#aside .aside_box .aside_content{right:-100%;opacity:0;transition:all 0.5s;width:77.6%;}
	#aside.on .aside_box .aside_content{right:0;opacity:1;transition:all 0.5s;}
	#aside .aside_box .aside_content .aside_top{height:98px;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;padding-right:80px;justify-content:flex-end;}
	#aside .aside_box .aside_content .aside_right{display:flex;align-items:center;}
	#aside .aside_right .sub_gnb{box-sizing:border-box;padding:10px 30px;border:1px solid rgba(255,255,255,0.5);font-size:0;}
	#aside .aside_right .sub_gnb li{display: inline-block;vertical-align: middle;}
	#aside .aside_right .sub_gnb li + li:before{width:3px;height:3px;content:"";background:rgba(255,255,255,0.5);display: inline-block;vertical-align: middle;margin:-9px 20px 0;}
	#aside .aside_right .sub_gnb li a{font-size:var(--title-14);color:rgba(255,255,255,0.5);font-weight:400;}	
	#aside .hd_menu{width:29px;height:29px;}
	#aside .hd_menu a{display: block;width:100%;height:100%;position: relative;}
	#aside .hd_menu a span{display: inline-block;box-sizing:border-box;width:100%;height:2px;position: absolute;top:50%;left:0;background:var(--point-white);}
	#aside .hd_menu a span:nth-child(1){transform:rotate(45deg);}
	#aside .hd_menu a span:nth-child(2){transform:rotate(-45deg);}

	#aside .aside_box .aside_content .slidemenu{width:100%;box-sizing:border-box;padding:0 100px;margin-top:74px;}
	#aside .aside_box .aside_content .slidemenu > .depth1_li{box-sizing:border-box;display:flex;align-items:center;padding:38px 0;font-size:var(--title-20);}
	#aside .aside_box .aside_content .slidemenu > .depth1_li + .depth1_li{border-top:1px solid rgba(255,255,255,0.3);}
	#aside .aside_box .aside_content .slidemenu > .depth1_li > a{font-size:200%;color:var(--point-white);font-weight:700;display: block;width:230px;flex-shrink: 0;}
	#aside .aside_box .aside_content .slidemenu > .depth1_li .depth{width: 100%;box-sizing:border-box;padding-left:81px;display: flex;flex-wrap:wrap;gap:10px 40px;}
	#aside .aside_box .aside_content .slidemenu > .depth1_li .depth li{display: inline-block;vertical-align: top;}
	#aside .aside_box .aside_content .slidemenu > .depth1_li .depth li a{font-size:90%;color:var(--point-white);font-weight:300;}

		/*over*/
		@media (hover:hover) and (pointer:fine){
			#aside .aside_box .aside_content .slidemenu > .depth1_li:hover > a{color:var(--point-color03);}
		}

	@media (max-width:1800px) {
		#aside .aside_info .info_box{padding:0 30px 51px 30px;}
	}
	@media (max-width:1550px) {
		#aside .aside_box .aside_info{width:28%;}
		#aside .aside_box .aside_info .aside_logo{padding-left:30px;}
		#aside .aside_box .aside_content{width:72%;}
		#aside .aside_box .aside_content .slidemenu{padding:0 60px;}
		#aside .aside_box .aside_content .aside_top{padding-right:30px;}
	}
	@media (max-width:1300px) {
		#aside .aside_box .aside_info .aside_logo img{width:235px;height:40px;}
		#aside .aside_box .aside_content .slidemenu > .depth1_li .depth{padding-left:30px;}
	}
	@media (max-width:1023px) {
		#aside{right:-100%;}
		#aside .aside_box .aside_info .aside_logo, #aside .aside_box .aside_content .aside_top{display: none;}
		#aside .aside_box{box-sizing:border-box;padding-inline:clamp(15px, 3vw, 30px);padding-bottom:clamp(40px, 7vw, 70px);}
		#aside .aside_box .m_aside_top{display: flex;align-items: center;justify-content: space-between;border-bottom:1px solid rgba(255,255,255,0.3);padding:30px 0;}
		#aside .aside_logo img{width:clamp(154px, 25vw, 235px);height:clamp(26px, 4vw, 40px);}
		#aside .aside_box .aside_content{right:0;}
		#aside .aside_box .aside_content .slidemenu{padding:0;margin:0;}
		#aside .aside_box .aside_content .slidemenu > .depth1_li{padding-block:clamp(25px, 3.8vw, 38px);}
		
		#aside .aside_box .aside_info, #aside .aside_box .aside_content{width:100%;}
		#aside .aside_box .aside_info{border:none;left:0;position: static;margin-top:50px;}
		#aside .aside_info .info_box{padding:0;flex-direction: column;align-content: flex-start;}
		#aside .aside_info .info_box .adr_info{margin-top:clamp(20px, 4vw, 40px);}
	}
	@media (max-width:640px) {
		#aside .aside_box .aside_content .slidemenu > .depth1_li{flex-direction: column;align-items: flex-start;}
		#aside .aside_box .aside_content .slidemenu > .depth1_li > a{width:100%;font-size:150%;flex-shrink: unset;}
		#aside .aside_box .aside_content .slidemenu > .depth1_li .depth{padding:0;gap:10px 20px;margin-top:15px;}
	}
	@media (max-width:479px) {
		#aside .aside_box .m_aside_top{padding:20px 0;}
		#aside .hd_menu{width:25px;height:25px;}
		#aside .aside_box .aside_info{margin-top:30px;}
		#aside .aside_info .info_box p{font-size:200%;}
	}

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{background:var(--black-color01);font-size:var(--title-20);}
	#footer .ft_logo_box{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:60px 0 40px;}
	#footer .ft_logo{height:40px;}
	#footer .ft_logo_box .ft_menu{display: flex;align-items: center;flex-wrap: wrap;gap: 8px 0;}
	#footer .ft_logo_box .ft_menu li{display: flex;align-items: center;}
	#footer .ft_logo_box .ft_menu li + li:before{width:1px;height:12px;content:"";background:rgba(255,255,255,0.2);display: inline-block;margin:0 30px;}
	#footer .ft_logo_box .ft_menu li a{font-size:90%;color:var(--border-color01);font-weight:400;}
	#footer .ft_logo_box .ft_menu li a strong{font-size:inherit;color:inherit;font-weight:600;}
	
	#footer .ft_content{box-sizing:border-box;border-top:1px solid rgba(255,255,255,0.2);padding:39px 0 70px;}
	#footer .ft_info_box{display: flex;flex-wrap:wrap;gap:10px 30px;}
	#footer .ft_info_box dl{display: flex;align-items: baseline;gap:14px;}
	#footer .ft_info_box dl dt{font-size:90%;color:var(--point-white);font-weight:400;flex-shrink: 0;}
	#footer .ft_info_box dl dd{font-size:90%;color:var(--point-white);font-weight:300;opacity:0.8;font-family:var(--font-type02);}
	#footer .copyright{margin-top:23px;font-size:80%;color:var(--black-color08);font-weight:400;display: flex;align-items: center;gap:14px;letter-spacing:-0.03em;}
	#footer .copyright a{font-size:inherit;color:inherit;font-weight:inherit;}
	
	@media (max-width:1023px) {
		#footer .ft_logo_box{padding:clamp(30px, 6vw, 60px) 0 clamp(20px, 4vw, 40px);}
		#footer .ft_logo{height:clamp(26px, 4vw, 40px);}
		#footer .ft_logo_box .ft_menu li + li:before{margin:0 15px;}
		#footer .ft_content{padding:clamp(20px, 4vw, 39px) 0 clamp(40px, 7vw, 70px);}
	}
	@media (max-width:640px) {
		#footer .ft_logo_box{flex-direction: column;align-items: flex-start;gap:20px;}
		#footer .ft_info_box{gap:10px 20px;}
		#footer .ft_info_box dl{gap:10px;}
		#footer .copyright{flex-direction: column;align-items: flex-start;gap:5px;}
	}
	@media (max-width:479px) {
		#footer .ft_logo_box .ft_menu li a{font-size:80%;}
	}


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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	body #fp-nav.fp-left{left:60px;}
	body #fp-nav ul{display: flex;flex-direction: column;align-items: center;gap:20px;}
	body #fp-nav ul li{margin:0;width:auto;height:auto;}
	body #fp-nav ul li a{width:6px;height:6px;}
	body #fp-nav ul li a.active{width:12px;height:12px;}
	body #fp-nav ul li a span{width:100%;height:100%;margin:0;background:var(--border-color01);border-radius:0;position: static;display: block;}
	body #fp-nav ul li a.active span{background:var(--point-color03);}
	body #fp-nav ul li .fp-sr-only{position: absolute;width:1px;height:1px;}
	
	@media (max-width:1700px) {
		body #fp-nav.fp-left{left:15px;}
	}

	/*visual*/
        #section01{padding:0 !important;}
		.visual_wrapper{position: relative;height:100%;}
		.main_visual {position:relative;width:100%;margin:0;height:100vh;background:#000;}
		.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:100vh;border:none;overflow:hidden;}
		.main_visual .slick-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;transition:all 5s;}
		.main_visual .txt_box{position: absolute;font-size:var(--title-20);text-align:left;left:50%;top:31%;translate:-50%;}
		.main_visual .txt_box h2{font-size:400%;color:var(--point-white);font-weight:700;line-height:1.1;}
		.main_visual .txt_box p{font-size:100%;color:var(--point-white);font-weight:400;line-height:1.8;margin-top:37px;letter-spacing:-0.03em;}
		.main_visual .txt_box h2,
		.main_visual .txt_box p{opacity:0;translate:0 100px;transition:all 0.5s;}
		
		.main_visual .arw_box{position: absolute;left:50%;translate:-50%;top:72.6%;display: flex;align-items: center;}
		.main_visual .arw_box .slick-arrow{width:30px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;}
		.main_visual .arw_box .slick-arrow:before{width:40%;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;opacity:0.5;transition:all 0.3s;}
		.main_visual .arw_box .prev:before{transform:rotate(-135deg);translate:-6px;}
		.main_visual .arw_box .next:before{transform:rotate(45deg);translate:6px;}
		
		.main_visual .controller{position: absolute;left:50%;translate:-50%;bottom:52px;}
		.main_visual .controller ul{display: flex;gap:30px;font-size:var(--title-20);align-items: flex-end;}
		.main_visual .controller ul li{width:calc(20% - 24px);}
		.main_visual .controller ul li button{width:100%;text-align:left;}
		.main_visual .controller ul li p{font-size:110%;color:var(--point-white);font-weight:600;line-height:1.3;opacity:0.5;transition:all 0.3s;}
		.main_visual .controller ul li.slick-active p{opacity:1;}
		.main_visual .controller .slider-progress{position: relative;width:100%;height:4px;background:rgba(255,255,255,0.3);margin-top:24px;}
		.main_visual .controller .slider-progress .progress{position: absolute;top:0;left:0;height:100%;background:var(--point-white);}
						
		/*active*/
			.main_visual .active .txt_box h2,
			.main_visual .active .txt_box p{opacity:1;translate:0;}
			.main_visual .active .txt_box p{transition-delay:0.5s;}
			
			/*over*/
			@media (hover:hover) and (pointer:fine){
				.main_visual .arw_box .slick-arrow:hover:before{opacity:1;}
			}
			
		@media (min-width:1024px) and (max-height:800px) {
			.main_visual .txt_box{top:20%;}
		}
		
		@media (max-width:1650px) {
			.main_visual .txt_box h2, .main_visual .txt_box p{max-width:70%}
		}
		@media (max-width:1023px) {
			.main_visual .txt_box{top:20%;}
			.main_visual .txt_box h2{font-size:clamp(250%, 7.5vw, 400%);}
			.main_visual .txt_box p{margin-top:clamp(20px, 3.7vw, 37px);}
			
			.main_visual .controller ul{gap:clamp(20px, 3vw, 30px);}
			.main_visual .controller ul li{width:calc(20% - (clamp(20px, 3vw, 30px)*4 / 5));}
			.main_visual .controller ul li p{font-size:100%;}
			.main_visual .controller .slider-progress{margin-top:10px;}
		}
		@media (max-width:640px) {
			.main_visual, .main_visual .slick-slide{height:100vh;}
		
			.main_visual .txt_box h2, .main_visual .txt_box p{max-width:100%}
		
			.main_visual .controller ul li p{font-size:0;}
			.main_visual .arw_box{top:auto;bottom:100px;}
			.main_visual .arw_box .slick-arrow{width:26px;}
			.main_visual .arw_box .prev:before{translate:-4px;}
			.main_visual .arw_box .next:before{translate:4px;}
		}
		@media (max-width:479px) {
			.main_visual .arw_box{bottom:65px;}
			.main_visual .controller{bottom:30px;}
		}
		
	/*공통*/
		/*title*/
		.main_title{text-align: center;font-size:var(--title-20);position: relative;}
		.main_title h3{font-size:300%;color:var(--black-color01);font-weight:700;line-height:1.4;}
		.main_title strong{display: block;font-size:140%;color:var(--black-color01);font-weight:700;line-height:1.6;margin-top:30px;}
		.main_title p{margin-top:14px;font-size:110%;color:var(--black-color03);font-weight:400;line-height:1.6;}
		
		/*swipe control*/
		.swipe_controller{display: flex;align-items: center;gap:23px;}
		.swipe_controller .pagination{display: flex;align-items: center;gap:16px;font-size:var(--title-17);color:rgba(51, 51, 51, 0.6);font-weight:600;width:auto;}
		.swipe_controller .pagination .swiper-pagination-current{color:var(--black-color03);}
		.swipe_controller .btn_box{display: flex;align-items: center;gap:23px;}
		.swipe_controller .swipe_arw{width:24px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;text-align: center;cursor:pointer;}
		.swipe_controller .swipe_arw:before{width:30%;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;}
		.swipe_controller .prev:before{transform:rotate(-135deg);translate:3px;}
		.swipe_controller .next:before{transform:rotate(45deg);translate:-3px;}
		.swipe_controller .swipe_btn{position: relative;width:10px;height:12px;}
		.swipe_controller .swipe_btn:before, .swipe_controller .swipe_btn:after{width:3px;height:100%;content:"";background:var(--black-color03);position: absolute;top:0;}
		.swipe_controller .swipe_btn:before{left:0;}
		.swipe_controller .swipe_btn:after{right:0;}
		.swipe_controller .swipe_btn.Play:before{clip-path:var(--clip-poly01);width:100%;height:100%;}
		.swipe_controller .swipe_btn.Play:after{display: none;}
		
		/*more*/
		.main_more{display: flex;align-items: center;gap:14px;}
		.main_more .arw{display: flex;width:44px;aspect-ratio:auto 1;box-sizing:border-box;border:1px solid var(--border-color01);align-items: center;justify-content: center;transition:all 0.3s;}
		.main_more span{font-size:var(--title-18);color:var(--black-color01);font-weight:600;position: relative;}
		.main_more span:before{width:0;height:1px;content:"";background:var(--black-color01);position: absolute;bottom:-7px;left:0;transition:width 0.3s;}
		
		.main_more.wh .arw{border-color:rgba(255,255,255,0.4);}
		.main_more.wh .arw img{filter:var(--filter-white);}
		.main_more.wh span{filter:var(--filter-white)}

        
		
			/*over*/
			@media (hover:hover) and (pointer:fine){
				.main_more:hover .arw{background:var(--point-color01);border-color:var(--point-color01);}
				.main_more:hover .arw img{filter:var(--filter-white);}
				.main_more:hover span:before{width:100%;}
				
				.main_more.wh:hover .arw{background:var(--point-white);border-color:var(--point-white);}
				.main_more.wh:hover .arw img{filter:none;}
			}
			
		@media (min-width:1024px) {
			    #wrap.main_index [data-aos]{opacity:1;transform:none;}
        }
			
		@media (max-width:1023px) {
			/*title*/
			.main_title h3{font-size:clamp(200%, 5.6vw, 300%);}
			.main_title strong{margin-top:clamp(15px, 3vw, 30px);font-size:clamp(120%, 2.6vw, 140%);}
			
			/*swipe control*/
			.swipe_controller,
			.swipe_controller .btn_box{gap:clamp(10px, 2.3vw, 23px);}
			.swipe_controller .pagination{gap:10px;}
			.swipe_controller .swipe_arw{width:18px;}
			
			/*more*/
			.main_more{gap:10px;}
			.main_more .arw{width:clamp(30px, 4.4vw, 44px);}
			.main_more .arw img{max-width:38%;}
			.main_more span:before{bottom:-2px;}
		}
	
	/*business*/
		.main_business{width:100%;height:100%;display: flex;align-items: center;transition:all 0.3s;position: relative;}
		.main_business .business_bg{width:100%;height:100%;position: absolute;top:0;left:0;z-index:1;}
		.main_business .business_bg > div{width:100%;height:100%;position: absolute;top:0;left:0;opacity:0;transition:all 0.3s;}
		.main_business .business_bg > div.on{opacity:1;}
		.main_business .business_bg > div img{width:100%;height:100%;object-fit:cover;}
		.main_business .w_custom{display: flex;justify-content: flex-end;z-index:3;}
		.main_business .txt_box{width:37.2%;flex-shrink:0;position: absolute;top:0;left:0;display: flex;flex-direction: column;justify-content: space-between;height:100%;}
		.main_business .main_title{text-align:left;filter:var(--filter-white);}
		.main_business .main_title p{font-size:100%;letter-spacing:-0.04em;}
		.main_business .swipe_controller{margin-top:30px;}
		.main_business .swipe_controller .pagination{color:rgba(255,255,255,0.6);}
		.main_business .swipe_controller .pagination .swiper-pagination-current{color:var(--point-white);}
		.main_business .swipe_controller .swipe_arw:before{border-color:var(--point-white);}
		.main_business .swipe_controller .swipe_btn{filter:var(--filter-white);}
		
		.main_business .bs_swiper{width:64%;overflow: hidden;padding-right: 210px;translate: 210px;}
		.main_business .bs_swiper .img img{width:100%;height:100%;object-fit:cover;}
		.main_business .bs_swiper .txt{width:100%;height:100%;box-sizing:border-box;position: absolute;top:0;left:0;padding:60px 60px;font-size:var(--title-20);display: flex;flex-direction: column;justify-content: space-between;}
		.main_business .bs_swiper .txt h4{font-size:210%;color:var(--point-white);font-weight:600;line-height:1.4;}
		
		@media (max-width:1400px) {
			.main_business .txt_box{width:45%;}
			.main_business .bs_swiper{width:65%;padding-right:130px;translate:130px;}
		}
		@media (max-width:1023px) {
			.main_business{padding-block:clamp(70px, 14vw, 140px);}
			.main_business .w_custom{flex-direction: column;align-items: flex-start;gap:30px;}
			.main_business .txt_box{position: static;width:100%;}
			.main_business .bs_swiper{width:100%;padding:0;translate:0;overflow:visible;}
			.main_business .bs_swiper .txt{padding-block:clamp(20px, 4vw, 40px);padding-inline:clamp(15px, 4vw, 40px);}
			.main_business .bs_swiper .txt h4{font-size:clamp(150%, 4vw, 210%);}
		}
		@media (max-width:640px) {
			.main_business .bs_swiper .img{width:100%;aspect-ratio:auto 1.4;}
		}
		
	/*prd*/
		.main_prd{padding-top:130px;box-sizing:border-box;display: flex;align-items: center;height:100%;}
		.main_prd .swipe_controller{position: absolute;bottom:0;right:0;}
		.main_prd .prd_container{margin-top:60px;}
		.main_prd .swiper-slide{background-color:var(--gray-bg01);aspect-ratio:auto 0.88;}
		.main_prd .swiper-slide:before{width:100%;height:29.1%;content:"";background:var(--point-white);position: absolute;bottom:0;left:0;}
		.main_prd .swiper-slide .thumb{mix-blend-mode: darken;background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;position: absolute;top:0;left:0;width:100%;height:100%;}
		.main_prd .swiper-slide .info_box{text-align: center;font-size:var(--title-20);width:100%;height:100%;padding:44px 10px 0;position: relative;z-index:3;display: flex;flex-direction: column;align-items: center;}
		.main_prd .swiper-slide .info_box .name{font-size:160%;color:var(--black-color01);font-weight:600;line-height:1.4;}
		.main_prd .swiper-slide .info_box .des{font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.6;}
		.main_prd .swiper-slide .info_box .main_more{margin-top:30px;}
		
		@media (min-width:1024px) and (max-height:850px) {
			.main_prd{padding-top:130px;}
			.main_prd .prd_container{margin-top:30px;}
			.main_prd .swiper-slide{aspect-ratio:auto 1;}
			.main_prd .swiper-slide .info_box{padding-top:15px;}
			.main_prd .swiper-slide .info_box .main_more{margin-top:15px;}
			.main_prd .swiper-slide .thumb{background-size:75% auto;}
		}
		
		
		@media (max-width:1650px) {
			.main_prd .swipe_controller{position: static;justify-content: center;margin-top:15px;}
		}
		@media (max-width:1400px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.9;}
			.main_prd .swiper-slide .info_box{padding-top:15px;}
			.main_prd .swiper-slide .thumb{background-size:75% auto;}
		}
		@media (max-width:1150px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.75;}
		}
		@media (max-width:1023px) {
			.main_prd{padding-block:clamp(60px, 10vw, 100px);}
			.main_prd .prd_container{margin-top:clamp(30px, 6vw, 60px);}
			.main_prd .swiper-slide{aspect-ratio:auto 1;}
			.main_prd .swiper-slide .thumb{background-size:100% auto;}
			.main_prd .swiper-slide .info_box{padding-top:20px;}
			.main_prd .swiper-slide .info_box .name{font-size:120%;}
			/* .main_prd .swiper-slide .info_box .name br{display: none;} */
			.main_prd .swiper-slide .info_box .main_more{margin-top:15px;}
		}
		@media (max-width:767px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.9;}
		}
		@media (max-width:640px) {
			.main_prd .swiper-slide{aspect-ratio:auto 1;}
			.main_prd .swiper-slide .info_box{padding-top:30px;}
			.main_prd .swiper-slide .info_box .name{font-size:150%;}
		}
		@media (max-width:479px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.8;}
			.main_prd .swiper-slide .info_box{padding-top:20px;}
		}
		@media (max-width:340px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.75;}
		}
		@media (max-width:320px) {
			.main_prd .swiper-slide{aspect-ratio:auto 0.7;}
		}
		
	/*partner*/
		.main_partner{width:100%;height:100vh;background:url('../images/skin/main_partner_bg.jpg')no-repeat center / cover;display: flex;align-items: center;}
		.main_partner .main_title{filter:var(--filter-white);}
		
		.main_wave{margin:80px 0;}
		.waveSwiper .swiper-wrapper{transition-timing-function: linear;}
        .waveSwiper .swiper-slide{width:250px;height: auto;aspect-ratio: 3.12;}
		.waveSwiper .swiper-slide img{image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;transform: translateZ(0);backface-visibility: hidden;}
		
		.main_bnr_box{display: flex;flex-wrap:wrap;gap:60px;}
		.main_bnr_box .bnr_box{width:calc(50% - 30px);box-sizing:border-box;position: relative;font-size:var(--title-20);overflow:clip;}
		.main_bnr_box .bnr_box .thumb{width:100%;height:100%;overflow:clip;position: absolute;top:0;left:0;}
		.main_bnr_box .bnr_box .thumb img{width:100%;height:100%;object-fit:cover;transition:all 0.3s;}
		.main_bnr_box .bnr_box .txt{width:100%;height:100%;box-sizing:border-box;padding:50px 50px;display: flex;flex-direction: column;gap:48px;position: relative;z-index:3;}
		.main_bnr_box .bnr_box .txt dl dt{font-size:160%;color:var(--point-white);font-weight:700;line-height:1.4;}
		.main_bnr_box .bnr_box .txt dl dd{font-size:90%;color:var(--point-white);font-weight:400;line-height:1.6;margin-top:14px;}
		
			/*over*/
			@media (hover:hover) and (pointer:fine){
				.main_bnr_box .bnr_box:hover .thumb img{scale:1.1;}
			}
		
		@media (min-width:1024px) and (max-height:850px) {
			.main_partner{padding-top:130px;}
			.main_wave{margin:40px 0;}
			.main_bnr_box .bnr_box .txt{padding:25px 25px;}
		}
		
        @media (max-width:1023px){
			.main_partner{padding-block:clamp(70px, 10vw, 100px);height:auto;}
			.main_wave{margin-block:clamp(30px, 8vw, 80px);}
            .waveSwiper .swiper-slide{width: clamp(130px, 25vw, 250px);}
			.main_bnr_box{gap:clamp(25px, 6vw, 60px);}
			.main_bnr_box .bnr_box{width:calc(50% - (clamp(25px, 6vw, 60px) / 2));}
			.main_bnr_box .bnr_box .txt{padding-block:clamp(20px, 3vw, 30px);padding-inline:clamp(15px, 3vw, 30px);gap:clamp(30px, 4.8vw, 48px);}
        }
		@media (max-width:640px){
			.main_bnr_box .bnr_box{width:100%;}
			.main_bnr_box .bnr_box .txt dl dd{margin-top:5px;}
		}