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

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

───────────────────────────────────────────────────────────*/
/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
	#wrap {position:relative;width:100%; box-sizing: border-box; overflow: clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: 1280px; margin-inline: auto; box-sizing: border-box;}
	
	/*input*/
	#wrap input[type="checkbox"] + label{font-size:var(--title-18);color:var(--black-color01);font-weight:500;line-height:1.66;}
	#wrap input[type="checkbox"] + label:before, #wrapinput[type="checkbox"] + label::before { display:inline-block; content:""; width:28px; height:28px; margin:-2px 16px 0 0; vertical-align:middle; background:url("../images/sub/chk_off.svg") no-repeat 0 50%; cursor:pointer;background-size:auto 100%;}
	#wrap input[type="checkbox"]:checked + label:before, #wrap input[type="checkbox"]:checked + label::before { background:url("../images/sub/chk_on.svg") no-repeat 0 50%;background-size:auto 100%;}

    @media (max-width:860px){
        .w_custom{width: calc(100% - 30px);}
    }
	@media (max-width:479px){
		#wrap input[type="checkbox"] + label:before, #wrapinput[type="checkbox"] + label::before{width:20px;height:20px;margin:-1px 8px 0 0;}
	}
    @media (max-width:320px){
        .w_custom{width: calc(100% - 20px);}
    }

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

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

───────────────────────────────────────────────────────────*/
	#header{position: sticky;width:100%;top:0;z-index:10;box-sizing:border-box; background: var(--point-white);transition:all 0.5s; box-shadow:inset 0 -1px 0 var(--border-color01);}
	#header .header_cont{box-sizing:border-box;display: flex;align-items: center;justify-content: space-between;padding:0 60px;height:90px;}
	#header .hd_logo{position: relative;z-index:3;}
	#header .hd_logo a{display: block;}
	#header .hd_logo img{width:240px;}
	#header .header_cont .hd_lnb{display: flex;position: absolute;left:50%;top:0;transform:translate(-50%);width:100%;justify-content: center;}
	#header .header_cont .hd_lnb > li{padding:0 60px;position: relative;}
	#header .header_cont .hd_lnb > li > a{font-size:var(--title-18);color:var(--black-color01);font-weight:600;line-height:90px;}
	#header .header_cont .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;min-width:240px;padding:20px 0;display: none;border-radius:10px;}
	#header .header_cont .hd_lnb .hd_lnb_dep2 li + li{margin-top:15px;}
	#header .header_cont .hd_lnb .hd_lnb_dep2 li a{font-size:var(--title-18);color:var(--point-white);font-weight:400;display: block;text-underline-offset:5px; padding-inline: 20px;}
	#header .header_cont .hd_right{display: flex;align-items: center;gap:40px;position: relative;z-index:3;}
	.hd_lang{display: flex;}
	.hd_lang li{display: inline-flex;align-items: center;}
	.hd_lang li + li:before{width:1px;height:8px;content:"";background:var(--black-color03);opacity:0.3;margin:0 20px;}
	.hd_lang li a{font-size:var(--title-16);color:var(--black-color06);font-weight:400;}
	.hd_lang li.on a{color:var(--black-color03);font-weight:600;}
	#header .header_cont .menu-trigger{width:26px;height:22px;display: flex;flex-direction: column;justify-content: space-between;}
	#header .header_cont .menu-trigger span{display: inline-block;width:100%;height:2px;background:var(--black-color01);transition:all 0.3s;}
	
	/*on*/
        .main_index #header{box-shadow: none;}
        .main_index #header.on{box-shadow:inset 0 -1px 0 var(--border-color01);}
	
	/*over*/
	@media (hover:hover) and (pointer:fine){
		#header .header_cont .hd_lnb > li:hover > a{color:var(--point-color01);}
		#header .header_cont .hd_lnb .hd_lnb_dep2 li:hover a{text-decoration: underline;}
	}
	
	@media (max-width:1500px) {
		#header .header_cont{padding:0 30px;}
		#header .header_cont .hd_lnb > li{padding:0 30px;}
	}
	@media (max-width:1200px) {
		#header .header_cont .hd_lnb{left:55%;}
	}
	@media (max-width:1023px) {
		#header .header_cont{padding:20px 30px;height:auto;}
		#header .hd_logo img{width:180px;}
		#header .header_cont .hd_lnb{display: none;}
		#header .header_cont .hd_right{gap:30px;}
		.hd_lang li + li:before{margin:0 12px;}
	}
	@media (max-width:860px) {
		#header .header_cont{padding:20px 15px;}
		#header .hd_logo img{width:160px;}
	}
	@media (max-width:479px) {
		#header .hd_logo img{width:148px;}
		#header .header_cont .hd_right{gap:15px;}
		.hd_lang li + li:before{height:6px;margin:0 8px;}
		#header .header_cont .menu-trigger{width:20px;height:18px;}
	}

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

	Aside | outline/nav.html

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:-100%;left:0;width: 100%;height: 100%;z-index: 999;background:var(--point-white);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s; justify-content: center;}
        #aside.on{top:0;opacity: 1;}
    body:has(#aside.on){overflow: hidden !important; touch-action: none;}
	
	#aside .aside_top{position: absolute;top:0;right:0;box-sizing:border-box;width:100%;padding:25px 60px;display: flex;align-items: center;justify-content: space-between;}
	#aside .aside_top .logo a{display: block;width:240px;}
	#aside .aside_right{display: flex;align-items: center;gap:50px;}
    #aside .close_btn{position: relative;width: 40px;height: 40px;z-index: 9;display: block;}
    #aside .close_btn span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); width: 100%; height: 2px; background: var(--black-color03);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
	
    #aside .w_custom{flex-shrink: 0;}
    #aside .gnb{width: 100%;font-size: var(--title-20);letter-spacing: 0;font-family: var(--font-type02);display: flex;flex-wrap:wrap;justify-content: center;gap:50px;}
    #aside .gnb > li{color: var(--black-color00); ;font-size:var(--title-20);width:calc(20% - 50px);text-align: center;opacity:0;transform:translateY(100px);transition:all 0.8s;}
	#aside.on .gnb > li{opacity:1;transform:translateY(0);}
	#aside.on .gnb > li:nth-child(1){transition-delay:0.3s;}
	#aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
	#aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
	#aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
	#aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
    #aside .gnb > li > a{display: block;font-size:180%;color:inherit;font-weight: 500;line-height: 1.2;padding:30px 0;flex-shrink: 0;transition: all 0.4s;position: relative;}
	#aside .gnb > li > a:before{width:12px;height:0;opacity:0;content:"";box-sizing:border-box;border-radius:100%;background:var(--point-color01);position: absolute;left:50%;top:0;transform:translate(-50%);transition:all 0.3s;}
    #aside .gnb .dep02{margin-top:8px;}
    #aside .gnb .dep02 > li{font-size:var(--title-20);}
    #aside .gnb .dep02 > li > a{display: inline-block;font-size:110%;font-weight:400;padding:15px 0;transition: all 0.4s;color:var(--black-color00);}
    
	/* over */
	@media (hover:hover) and (pointer:fine){
		#aside .gnb > li:hover > a:before{height:12px;opacity:1;}
		#aside .gnb .dep02 > li:hover > a{color:var(--point-color01);}
	}

    @media (max-width:1500px){
        #aside .aside_top{padding:25px 30px;}
    }
	@media (max-width:1300px){
		#aside .gnb{gap:20px;}
		#aside .gnb > li{width:calc(20% - 20px);}
	}
    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
		#aside .aside_top .logo img{width:180px;}
		#aside .aside_right{gap:30px;}
        #aside .close_btn{width: 35px; height: 35px;}
		
		#aside .gnb > li > a{font-size:150%;}
		#aside .gnb .dep02{margin-top:0;}
		#aside .gnb .dep02 > li > a{padding:12px 0;font-size:100%;}
    }
    @media (max-width:860px){
		#aside{display: block;padding-top:0;}
		#aside .aside_top{padding:20px 15px;position: static;}
		#aside .aside_top .logo img{width:160px;}
		#aside .gnb{flex-direction: column;gap:0;}
        #aside .gnb > li{display: block; padding: 20px 0;width:100%;text-align:left;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,0.5);}
        #aside .gnb > li > a{width: 100%; padding:0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: flex;flex-wrap:wrap;margin-top: 10px;justify-content: flex-start;gap:0 12px;}
		#aside .gnb .dep02 li{width:calc(100% / 3 - 8px);}
		#aside .gnb .dep02 > li > a{padding:12px 0;}
        #aside .close_btn{width: 30px; height: 30px;}
    }
    @media (max-width:640px){
	    #aside .gnb > li > a{font-size: 220%;}
		#aside .gnb .dep02 li{width:calc(50% - 6px);}
        #aside .gnb .dep02 > li > a{padding:7px 0;font-size:100%;}
        #aside .gnb .dep02 > li:not(:last-child):after{margin:0 15px;}
    }
    @media (max-width:479px){
		#aside .aside_top .logo img{width:140px;}
		#aside .aside_right{gap:15px;}
        #aside .gnb > li{padding: 15px 0;}
        #aside .gnb > li > a{font-size: 200%;}
        #aside .gnb .dep02{margin-top: 5px;}
        #aside .gnb .dep02 > li > a{font-size: 90%;}
    }

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

    FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
	#footer{box-sizing:border-box;background:var(--black-color01);border-top:4px solid var(--point-color01);padding-top:68px; position: relative; z-index: 5; }
	#footer .ft_info_box{display: flex;gap:52px;}
	#footer .ft_info_box .logo{width:238px;flex-shrink:0;margin-top:5px;}
	#footer .ft_info_box .info_box{}
	#footer .ft_info_box .info_box > strong{font-size:var(--title-18);color:var(--point-white);font-weight:600;line-height:1.55;}
	#footer .ft_info_box .info_box .info{display: flex;flex-wrap:wrap;gap:0 35px;margin-top:14px;}
	#footer .ft_info_box .info_box .info span{font-size:var(--title-16);color:var(--border-color01);font-weight:400;line-height:1.75;display: inline-block;}
	#footer .ft_info_box .info_box .info span a{font-size:inherit;color:inherit;font-weight:inherit;}
	
	#footer .ft_bot{display: flex;align-items: center;justify-content: space-between;box-sizing:border-box;border-top:1px solid rgba(217, 217, 217, 0.2);padding:30px 0 44px;margin-top:61px;}
	#footer .ft_bot .copy{font-size:var(--title-16);color:var(--black-color10);font-weight:400;line-height:1.5;letter-spacing:0;}
	#footer .ft_bot .copy a{display: inline-block;font-size:inherit;color:inherit;font-weight:inherit;margin-left:32px;}
	#footer .ft_menu{display: flex;align-items: center;gap:48px;}
	#footer .ft_menu li a{font-size:var(--title-16);color:var(--point-white);font-weight:300;}
	#footer .ft_menu li a strong{font-size:inherit;color:inherit;font-weight:600;}
	
	.ft_quick{position: fixed;bottom:40px;right:40px;opacity:0;z-index:-1;pointer-events:none;transition:all 0.5s;}
	.ft_quick.on{opacity:1;z-index:12;pointer-events:initial;}
	.ft_quick ul{display: flex;align-items: flex-end;flex-direction: column;}	
	.ft_quick ul li{}
	.ft_quick ul li + li{margin-top:10px;}
	.ft_quick ul li a, .ft_quick ul li span{box-sizing:border-box;display: flex;cursor:pointer;position: relative;}
	.ft_quick ul li a{width:60px;height:60px;background:var(--point-color01);border:1px solid var(--point-color01);transition:width 0.5s;justify-content: flex-end;align-items: center;padding-right:20px;overflow:hidden;}
	.ft_quick ul li a:after{width:20px;height:20px;content:"";background:url('../images/skin/quick_inq.svg')no-repeat center;display: inline-block;}
	.ft_quick ul li a span{position: absolute;font-size:var(--title-18);color:var(--point-white);font-weight:600;opacity:0;transition:all 0.5s;right:56px;;top:18px;pointer-events:none;width:66px;}
	.ft_quick ul li > span{width:60px;aspect-ratio:auto 1;align-items: center;justify-content: center;background:var(--point-white);border:1px solid var(--border-color01);}
	.ft_quick ul li > span:before{width:8px;height:8px;content:"";border:2px solid var(--black-color03);border-width:2px 2px 0 0;transform:rotate(-45deg);margin-top:5px;}
	
	/* over */
	@media (min-width:1023px){
		.ft_quick ul li:hover a{width:140px;box-shadow: 0 0 20px 0 rgba(27, 33, 132, 0.15);}
		.ft_quick ul li:hover a span{opacity:1;lpointer-events:initial;}
	}
	
	@media (max-width:1023px){
		#footer .ft_info_box{gap:35px;}
		#footer .ft_info_box .logo{width:190px;}
		#footer .ft_bot{flex-direction: column-reverse;align-items: flex-start;gap:15px;}
		
		.ft_quick{right:25px;bottom:25px;}
		.ft_quick ul li a{padding:0;justify-content: center;}
		.ft_quick ul li a, .ft_quick ul li > span{width:50px;height:auto;aspect-ratio:auto 1;}
	}
	@media (max-width:640px){
		#footer{padding-top:46px;}
		#footer .ft_info_box{flex-direction: column;gap:20px;}
		#footer .ft_info_box .info_box .info{gap:0 20px;}
		#footer .ft_bot{padding:20px 0 35px;margin-top:30px;}
		#footer .ft_bot .copy a{display: block;margin:3px 0 0 0;}
		#footer .ft_menu{gap:20px;}
		
		.ft_quick{right:15px;bottom:20px;}
		.ft_quick ul li a, .ft_quick ul li > span{width:40px;}
	}

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

    MAIN | index.html

───────────────────────────────────────────────────────────*/
	/*visual*/
		.visual_wrapper{position: relative;height:100%;}
		#wrap .main_visual {position:relative;width:100%;margin:0;height:760px;}
		#wrap .main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:760px;border:none;}
		#wrap .main_visual .slick-slide a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		#wrap .main_visual .thumb{width:100%;height:100%;position: absolute;top:0;left:0;transition:all 6s;background-size:cover;background-position:center;transform:scale(1);}
		#wrap .main_visual .txt_box{position: absolute;left:50%;top:44%;transform:translate(-50%, -50%);text-align:left;font-size:var(--title-20);}
		#wrap .main_visual .txt_box .txtAni{transform:translateY(100px);opacity:0;transition:all 0.6s ease-out;}
		#wrap .main_visual .txt_box span{font-size:100%;color:var(--point-white);font-weight:600;}
		#wrap .main_visual .txt_box h3{font-size:300%;color:var(--point-white);font-weight:700;line-height:1.33;margin-top:36px;}
		#wrap .main_visual .txt_box p{font-size:100%;color:var(--point-white);font-weight:400;line-height:1.5;margin-top:30px;}
		
		#wrap .main_visual .slick-slide[data-slick-index="1"] *{color:var(--black-color00);}
		
		#wrap .main_visual .slick-dots{position: absolute;left:50%;transform:translate(-50%);bottom:40px;display: flex;align-items: center;justify-content: center;gap:10px;font-size:0;}
		#wrap .main_visual .slick-dots li button{font-size:0;width:40px;height:4px;background:var(--point-white);opacity:0.5;transition:all 0.3s;}
		#wrap .main_visual .slick-dots li.slick-active button{opacity:1;}
		
		#wrap .main_visual .slick-arrow{position: absolute;top:50%;transform:translateY(-50%);width:60px;aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;background:rgba(0,0,0,0.5);z-index:5;font-size:0;}
		#wrap .main_visual .prev{left:0;}
		#wrap .main_visual .next{right:0;}
		#wrap .main_visual .slick-arrow:before{content:"";width:20%;aspect-ratio:auto 1;border:2px solid var(--point-white);border-width:2px 2px 0 0;}
		#wrap .main_visual .prev:before{transform:rotate(-135deg);margin-left:6px;}
		#wrap .main_visual .next:before{transform:rotate(45deg);margin-right:6px;}
	
		/*active*/
		#wrap .main_visual .active .thumb{transform:scale(1.1);}
		#wrap .main_visual .active .txt_box .txtAni{transform:translateY(0);opacity:1;}
		#wrap .main_visual .active .txt_box h3{transition-delay:0.3s;}
		#wrap .main_visual .active .txt_box p{transition-delay:0.6s;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			#wrap .main_visual .slick-arrow:hover{background:var(--point-color01);}
		}
		
		@media (max-width:1450px){
			#wrap .main_visual .txt_box{padding:0 40px;}
		}
		@media (max-width:1200px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:70vw;}
		}
		@media (max-width:860px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:80vw;}
			#wrap .main_visual .slick-arrow{width:50px;}
			#wrap .main_visual .txt_box h3{font-size:250%;}
		}
		@media (max-width:640px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:110vw;}
			#wrap .main_visual .txt_box br{display: none;}
		}
		@media (max-width:479px){
			#wrap .main_visual, #wrap .main_visual .slick-slide{height:130vw;}
			#wrap .main_visual .txt_box{padding:0;transform:translate(-50%);top:10%;}
			#wrap .main_visual .txt_box h3{font-size:200%;margin-top:12px;}
			#wrap .main_visual .txt_box p{font-size:90%;margin-top:15px;}
			
			#wrap .main_visual .slick-dots{bottom:20px;}
			#wrap .main_visual .slick-dots li button{width:30px;height:3px;}
			
			#wrap .main_visual .slick-arrow{display: none !important;}
		}
		
	/*공통*/
		.main_title{text-align: center;font-size:var(--title-20);box-sizing:border-box;}
		.main_title span{font-size:110%;color:var(--black-color03);font-weight:700;display: block;margin-bottom:23px;}
		.main_title h3{font-size:240%;color:var(--black-color01);font-weight:700;line-height:1.3;margin-bottom:25px;letter-spacing:0;}
		.main_title h3 strong{font-size:inherit;color:var(--point-color01);font-weight:inherit;}
		.main_title p{font-size:100%;color:var(--black-color06);font-weight:400;line-height:1.6;}
		
		@media (max-width:1023px){
			.main_title span{margin-bottom:10px;}
			.main_title h3{margin-bottom:15px;}
		}
		@media (max-width:479px){
			.main_title h3{font-size:200%;}
			.main_title p{line-height:1.4;}
		}
		
	
	/*product*/
		.main_prd{margin-top:120px;}
		.main_prd .w_custom{}
		.main_prd .main_title{text-align: left;position: absolute;left:0;top:0;width:calc(100% / 3 - 16.7px);z-index:3;aspect-ratio:auto 1;}
		.main_prd .prd_box > ul{display: flex;flex-wrap:wrap;gap:25px;}
		.main_prd .prd_box > ul > li{width:calc(100% / 3 - 16.7px);box-sizing:border-box;position: relative;}
		.main_prd .prd_box > ul > li:before{width:0;height:100%;content:"";position: absolute;top:0;left:0;z-index:3;background:var(--point-color01);transition:width 0.3s;}
		.main_prd .prd_box > ul > li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_prd .prd_box ul li .img{width:100%;aspect-ratio:auto 1;position: relative;}
		.main_prd .prd_box ul li .img img{width:100%;height:100%;object-fit:cover;}
		.main_prd .prd_box ul li .txt{width:100%;height:100%;box-sizing:border-box;position: absolute;top:0;left:0;padding:40px 40px;z-index:4;}
		.main_prd .prd_box ul li .txt dl{font-size:var(--title-20);}
		.main_prd .prd_box ul li .txt dl dt{font-size:170%;color:var(--point-white);font-weight:700;line-height:1.35;letter-spacing:0;}
		.main_prd .prd_box ul li .txt dl dd{margin-top:26px;opacity:0;transition:all 0.3s;}
		.main_prd .prd_box ul li .txt dl dd ul{display: flex;flex-direction: column;gap:20px;}
		.main_prd .prd_box ul li .txt dl dd ul li{font-size:100%;color:var(--point-white);font-weight:500;display: flex;align-items: baseline;gap:7px;line-height:1.3;}
		.main_prd .prd_box ul li .txt dl dd ul li:before{content:"";width:3px;aspect-ratio:auto 1;box-sizing:border-box;border-radius:100%;background:var(--point-white);display: inline-block;flex-shrink:0;translate:0 -6px;}
		.main_prd .prd_box .arw_box{width:56px;aspect-ratio:auto 1;background:var(--black-color01);position: absolute;bottom:0;right:0;z-index:4;display: flex;align-items: center;justify-content: center;opacity:0;transition:all 0.3s;}
		.main_prd .prd_box .arw_box:before{content:"";width:18%;aspect-ratio:auto 1;border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);display: inline-block;margin-right:4px;translate:-10px 0;opacity:0;transition:all 0.3s;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_prd .prd_box > ul > li:hover:before{width:100%;}
			.main_prd .prd_box > ul > li:hover dl dd{opacity:1;}
			.main_prd .prd_box > ul > li:hover .arw_box{opacity:1;}
			.main_prd .prd_box > ul > li:hover .arw_box:before{transition-delay:0.1s;opacity:1;translate:0;}
		}
		
		@media (max-width:1300px){
			.main_prd .main_title{aspect-ratio:auto 0.8;}
			.main_prd .prd_box ul li .img{aspect-ratio:auto 0.8;}
			.main_prd .prd_box ul li .txt{padding:30px 30px;}
			.main_prd .prd_box ul li .txt dl dd ul{gap:12px;}
		}
		@media (max-width:1023px){
			.main_prd{margin-top:clamp(60px, 12vw, 120px);}
			.main_prd .main_title{position: relative;text-align: center;aspect-ratio:auto;width:100%;}
			.main_prd .main_title br{display: none;}
			.main_prd .prd_box{margin-top:30px;}
			.main_prd .prd_box > ul{flex-wrap:initial;gap:0;}

			.main_prd .prd_box > ul > li.swiper-slide-active:before{width:100%;}
			.main_prd .prd_box > ul > li.swiper-slide-active dl dd{opacity:1;}
			.main_prd .prd_box > ul > li.swiper-slide-active .arw_box{opacity:1;}
			.main_prd .prd_box > ul > li.swiper-slide-active .arw_box:before{transition-delay:0.1s;opacity:1;translate:0;}
		}
		@media (max-width:860px){
			.main_prd .prd_box ul li .txt{padding:30px 15px;}
			.main_prd .prd_box ul li .txt dl dt{font-size:130%;}
			.main_prd .prd_box ul li .txt dl dd{margin-top:15px;}
			.main_prd .prd_box ul li .txt dl dd ul{gap:8px;}
			.main_prd .prd_box ul li .txt dl dd ul li{font-size:90%;gap:5px;}
			.main_prd .prd_box ul li .txt dl dd ul li:before{translate:0 -4px;}
			.main_prd .prd_box .arw_box{width:40px;}
		}
		@media (max-width:479px){
			.main_prd .prd_box{margin-top:20px;}
		}
		@media (max-width:330px){
			.main_prd .prd_box ul li .txt{gap:15px 15px;}
			.main_prd .prd_box ul li .txt dl dt{font-size:110%;}
			.main_prd .prd_box ul li .txt dl dd ul li{font-size:80%;}
		}
		
	/*news*/
		.main_news{background:url('../images/skin/main_news_bg.jpg')no-repeat center;background-size:cover;margin-top:140px;padding:133px 0 140px;}
		.main_news .swipe_box{position: relative;margin-top:48px;}
		.main_news .board_swiper{overflow:hidden;}
		.main_news .board_li{box-sizing:border-box;background:var(--point-white);display: flex;flex-direction: column;justify-content: space-between;padding:40px 40px 38px;font-size:var(--title-20);height:auto;}
		.main_news .board_li:before{width:100%;height:100%;content:"";border:1px solid var(--black-color01);box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);position: absolute;top:0;left:0;box-sizing:border-box;z-index:2;opacity:0;pointer-events:none;transition:all 0.3s;}
		.main_news .board_li .ov_box{width:56px;aspect-ratio:auto 1;background:var(--black-color01);position: absolute;bottom:0;right:0;z-index:4;display: flex;align-items: center;justify-content: center;opacity:0;transition:all 0.3s;z-index:3;}
		.main_news .board_li .ov_box:before{content:"";width:18%;aspect-ratio:auto 1;border:2px solid var(--point-white);border-width:2px 2px 0 0;transform:rotate(45deg);display: inline-block;margin-right:4px;translate:-10px 0;opacity:0;transition:all 0.3s;}
		.main_news .board_li > a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_news .board_li .txt strong{font-size:110%;color:var(--black-color02);font-weight:600;line-height:1.63;display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
		.main_news .board_li .txt p{margin-top:20px;font-size:90%;color:var(--black-color03);font-weight:400;line-height:1.77;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
		.main_news .board_li .date{margin-top:60px;display: block;font-size:90%;color:var(--black-color09);font-weight:400;}
		.main_news .swipe_box .swipe_arw{width:40px;aspect-ratio:auto 1;position: absolute;top:50%;transform:translateY(-50%);display: flex;align-items: center;justify-content: center;cursor:pointer;}
		.main_news .swipe_box .prev{left:-70px;}
		.main_news .swipe_box .next{right:-70px;}
		.main_news .swipe_box .swipe_arw:before{width:57%;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color10);border-width:2px 2px 0 0;display: inline-block;}
		.main_news .swipe_box .prev:before{transform:rotate(-135deg);margin-left:14px;}
		.main_news .swipe_box .next:before{transform:rotate(45deg);margin-right:14px;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_news .board_li:hover:before{opacity:1;}
			.main_news .board_li:hover .ov_box{opacity:1;}
			.main_news .board_li:hover .ov_box:before{transition-delay:0.1s;opacity:1;translate:0;}
		}
		@media (max-width:1450px){
			.main_news .swipe_box{box-sizing:border-box;padding:0 30px;}
			.main_news .swipe_box .prev{left:-15px;}
			.main_news .swipe_box .next{right:-15px;}
		}
		@media (max-width:1023px){
			.main_news{margin-top:clamp(70px, 13vw, 140px);padding-block:clamp(70px, 13vw, 140px);}
			.main_news .board_li{padding:30px 20px 30px;}
			.main_news .board_li .txt p{margin-top:10px;}
			.main_news .board_li .date{margin-top:40px;}
		}
		@media (max-width:860px){
			.main_news .swipe_box{padding:0;overflow:visible;margin-top:30px;}
			.main_news .board_swiper{overflow:visible;}
			.main_news .swipe_box .swipe_arw{display: none;}
		}
		@media (max-width:479px){
			.main_news .board_li{padding:20px 15px;}
			.main_news .board_li .date{margin-top:30px;}
		}
		
	/*bnr*/
		.main_bnr{margin-top:140px;}
		.main_bnr .w_custom{display: flex;flex-wrap:wrap;gap:40px;}
		.main_bnr .bnr_box{position: relative;box-sizing:border-box;width:calc(50% - 20px);overflow:clip;}
		.main_bnr .bnr_box a{display: block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:5;}
		.main_bnr .bnr_box .img{width:100%;height:100%;position: absolute;top:0;left:0;z-index:2;transition:all 0.5s;}
		.main_bnr .bnr_box .img img{width:100%;height:100%;object-fit:cover;}
		.main_bnr .bnr_box .txt{font-size:var(--title-20);color:var(--point-white);box-sizing:border-box;padding:50px 50px 76px;position: relative;z-index:3;}
		.main_bnr .bnr_box .txt span{font-size:100%;color:inherit;font-weight: 400;}
		.main_bnr .bnr_box .txt strong{font-size:190%;color:inherit;font-weight:700;line-height:1.21;display: block;margin-top:10px;}
		.main_bnr .bnr_box .txt p{font-size:90%;color:inherit;font-weight: 400;line-height:1.44;margin-top:20px;}
		
		/* over */
		@media (hover:hover) and (pointer:fine){
			.main_bnr .bnr_box:hover .img{transform:scale(1.1);}
		}
		
		@media (max-width:1023px){
			.main_bnr{margin-top:clamp(70px, 13vw, 140px);}
			.main_bnr .w_custom{gap:20px;}
			.main_bnr .bnr_box{width:calc(50% - 10px);}
			.main_bnr .bnr_box .txt{padding:30px 25px 50px;}
		}
		@media (max-width:640px){
			.main_bnr .bnr_box{width:100%;}
		}
		@media (max-width:479px){
			.main_bnr .bnr_box .txt strong{font-size:160%;}
			.main_bnr .bnr_box .txt p{margin-top:12px;}
		}
		
	/*contact*/
		.main_cs{margin-top:140px;margin-bottom:140px;}
		.main_cs .w_custom{display: flex;gap:150px;}
		.main_cs .main_title{text-align:left;width:320px;flex-shrink:0;}
		
		.main_cs .cs_box{width:100%;}
		.main_cs. .bbs_write_box{width:100%;}
		.bbs_write_box{display: flex;flex-direction: column;gap:10px;}
		.bbs_write_box .line2{display: flex;gap:10px;}
		.bbs_write_box dl{display: flex;font-size:var(--title-20);box-sizing:border-box;border:1px solid var(--border-color01);align-items: flex-start;width:100%;}
		.bbs_write_box .line2 dl{width:calc(50% - 5px);}
		.bbs_write_box dl dt{font-size:90%;color:var(--black-color01);font-weight:500;box-sizing:border-box;width:110px;flex-shrink:0;min-height:60px;display: inline-flex;align-items: center;}
		.bbs_write_box dl dt label{display: block;width:100%;box-sizing:border-box;}
		.bbs_write_box dl dt span{font-size:inherit;color:var(--point-color01);font-weight:500;}
		.bbs_write_box dl dt, .bbs_write_box dl dd{padding:10px 0 10px 20px;box-sizing:border-box;}
		.bbs_write_box dl dd{width:100%;}
		.bbs_write_box dl dd input[type="text"], .bbs_write_box dl dd textarea{width:100%;box-sizing:border-box;border:none;outline:none;font-size:var(--title-18);color:var(--black-color03);font-weight:400;height:38px;padding:0;}
		.bbs_write_box dl dd input[type="text"]::placeholder, .bbs_write_box dl dd textarea::placeholder{color:var(--black-color10);}
		.bbs_write_box dl dd textarea{height:158px;padding:10px 0;resize:none;}
		
		.bbs_write_box dl.cs_captcha dd{display: flex;align-items: center;gap:20px;}
		.bbs_write_box dl.cs_captcha dd .img_box{display: inline-flex;gap:10px;width:205px;flex-shrink:0;}
		.bbs_write_box dl.cs_captcha dd .img_box #captcha{width:155px !important;height:40px !important;}
		.bbs_write_box dl.cs_captcha dd .img_box .btn_reset{width:40px;height:40px;box-sizing:border-box;border:1px solid var(--border-color01);background:url('../images/sub/icon_reset.svg')no-repeat center;font-size:0;cursor:pointer;}
		.bbs_write_box dl.cs_captcha input[type="text"]#captcha{}
		.cs_box .btn_box{display: flex;align-items: center;justify-content: space-between;margin-top:30px;}
		.cs_box .policy_cont{box-sizing:border-box;padding-right:15px;}
		.cs_box .btn_box .btn_send_main{display: inline-flex;width:180px;height:60px;align-items: center;justify-content: center;box-sizing:border-box;background:var(--point-color01);font-size:var(--title-20);color:var(--point-white);font-weight:600;}
		
		@media (max-width:1200px){
			.main_cs .w_custom{gap:60px;}
		}
		@media (max-width:1023px){
			.main_cs{margin-block:clamp(70px, 13vw, 140px);}
			.main_cs .w_custom{flex-direction: column;}
			.main_cs .main_title{width:100%;text-align: center;}
			.main_cs .main_title br{display: none;}
		}
		@media (max-width:640px){
			.main_cs .w_custom{gap:30px;}
			.bbs_write_box .line2{flex-direction: column;}
			.bbs_write_box .line2 dl{width:100%;}	
			.bbs_write_box dl dt, .bbs_write_box dl dd{padding:10px 0 10px 10px;}
			.bbs_write_box dl dt{width:90px;min-height:50px;}
			.bbs_write_box dl dd input[type="text"], .bbs_write_box dl dd textarea{height:30px}
			.bbs_write_box dl dd textarea{height:100px;padding:4px 0;}
			.bbs_write_box dl.cs_captcha dd{flex-direction: column;gap:10px;align-items: flex-start;}
			.cs_box .btn_box{margin-top:20px;flex-direction: column;gap:15px;}
			.cs_box .policy_cont{padding:0;}
			.cs_box .btn_box .btn_send_main{width:130px;height:50px;}
		}
		@media (max-width:479px){
			.bbs_write_box dl dt{width:70px;}
			.bbs_write_box dl.cs_content{flex-direction: column;}
			.bbs_write_box dl.cs_content dt{min-height:initial;width:100%;}
			.bbs_write_box dl.cs_content dd{padding:0 10px;}
			#wrap .cs_box input[type="checkbox"] + label{display: block;text-align: center;}
			.bbs_write_box dl.cs_captcha dd .img_box #captcha{width:145px !important;height:35px !important;}
			.bbs_write_box dl.cs_captcha dd .img_box .btn_reset{width:35px;height:35px;background-size:auto 14px;}
			.cs_box .btn_box .btn_send_main{height:40px;}
		}
		
	/*partner*/
		.main_partner{box-sizing:border-box;border-top:1px solid var(--border-color01);}
		.main_partner ul{display: flex;gap:15px;flex-wrap:wrap;padding:20px 0;}
		.main_partner ul li{width:calc(100% / 7 - 13px);}
		
		@media (max-width:1023px){
			.main_partner .w_custom{overflow-x: auto;width: 100%;white-space: nowrap;}
			.main_partner ul{display: block;}
			.main_partner ul li{width:140px;display: inline-block;}
		}
		@media (max-width:640px){
			.main_partner ul li{width:100px;}
		}
		@media (max-width:479px){
			.main_partner ul li{width:80px;}
		}