@charset "utf-8";
/*───────────────────────────────────────────────────────────

	sub common

───────────────────────────────────────────────────────────*/
	.sub_visual { height: 420px; position: relative; background-image: url('../images/sub/sv_company.jpg');  }
    .sub_visual .sv_title { text-align: center; width: 100%; height: 100%; display: flex; align-items: center;justify-content: center;color: var(--point-white); font-size: var(--title-20); box-sizing: border-box;}
    .sub_visual .sv_title h2 { font-size:300%; font-weight: 700; letter-spacing:0;}

    body:has(.sub_tech) .sub_visual { background-image: url('../images/sub/sv_tech.jpg'); }
    body:has(.sub_product) .sub_visual { background-image: url('../images/sub/sv_product.jpg'); }
	body:has(.sub_product) .page_title{display: none;}
    body:has(.bbs_write_box) .sub_visual { background-image: url('../images/sub/sv_inquiry.jpg'); }
	body:has(.full_sec) #container{width:100%;max-width:100%;}
	
	.sub_nav{ position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.6); }
    .sub_nav .w_custom { width: 100%; }
    .sub_nav .desc{ position: relative; display: flex; height: 66px; font-size: var(--title-18); font-weight: 400; }
    .sub_nav .desc :where(dt, dd){position: relative; height: 100%; box-sizing: border-box;}
	.sub_nav .desc dt{padding-left:7px;padding-right:30px;box-sizing:border-box;}
    .sub_nav .desc dt a{display: flex;height: 100%; align-items: center;justify-content: center;font-size: 0;box-sizing: border-box;}
    .sub_nav .desc dt a img { width: 20px; height: 16px; }
	.sub_nav .desc dd:before{width:1px;height:20px;content:"";background:var(--border-color01);opacity:0.4;position: absolute;left:0;top:50%;transform:translateY(-50%);}
    .sub_nav .desc dd span{position: relative;display: flex;align-items: center;height: 100%;padding:0 30px;box-sizing: border-box;font-size:var(--title-18);font-weight:500;color: var(--point-white);min-width:260px;line-height: 1.4;cursor: pointer; letter-spacing: -0.03em;}
    .sub_nav .desc dd span:before{position: absolute; content: ''; width: 8px; height: 8px; border: solid var(--point-white); border-width: 0 0 1px 1px; top: 46%; right: 30px; transform: translateY(-50%) rotate(-45deg); border-radius: 1px; transition: all 0.4s; }
    .sub_nav .desc dd.on span:before{transform: translateY(-50%) rotate(135deg); top:56%; }
    .sub_nav .desc dd ul{position: absolute;top: calc(100% + 1px);left: 0;width: calc(100% + 2px);padding:18px 0;background: var(--point-white);box-sizing: border-box;opacity: 0;pointer-events: none;transition: all 0.4s; z-index: 10; }
    .sub_nav .desc dd.on ul{opacity: 1; pointer-events: all;}
    .sub_nav .desc dd ul li a{display: block;font-weight: 400;color: var(--black-color00);padding: 12px 30px;box-sizing: border-box;line-height: 1.4;font-size:var(--title-17);}
    .sub_nav .desc dd ul li.on a{color: var(--point-color01);text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;font-weight: 500;}

    .page_title { box-sizing: border-box; padding-top: 80px; text-align: center; font-size: var(--title-20);margin-bottom:80px;}
    .page_title h3 { color: var(--black-color01); font-weight:600; font-size: 250%; letter-spacing: -0.04em; line-height:1.3;position: relative;padding-bottom: 31px;}
	.page_title h3:before{width:44px;height:1px;content:"";background:var(--black-color03);position: absolute;left:50%;bottom:0;transform:translate(-50%);}
	
	.sub_cont_box + .sub_cont_box{margin-top:80px;}
	.sub_cont_title{display: flex;gap:12px;font-size:var(--title-20);align-items: flex-start;}
	.sub_cont_title:before{width:10px;aspect-ratio:auto 1;content:"";box-sizing:border-box;background:var(--point-color01);display: inline-block;translate:0 13px;flex-shrink:0;}
	.sub_cont_title h4{font-size:140%;color:var(--black-color01);font-weight:600;line-height:1.3;}
	.sub_cont_txt{font-size:var(--title-20);display: flex;flex-direction: column;gap:20px;}
	.sub_cont_txt p{font-size:90%;color:var(--black-color05);font-weight:400;line-height:1.6;letter-spacing:-0.03em;}
	
	.bullet_list li{display: flex;gap:4px;}
	.bullet_list li:before{width:2px;height:2px;content:"";background:var(--black-color03);flex-shrink:0;translate:0 11px;}

	@media (max-width: 1250px){
		.sub_nav .desc dt{padding:0 20px;}
	}
	@media (max-width: 1023px){
        .sub_visual { height: clamp(280px, 52vw, 420px); }
        .page_title { padding-top: clamp(60px, 1.2vw, 112px); margin-bottom:clamp(60px, 1.2vw, 112px);}
        .page_title h3 { font-size: 260%; }
		
		.sub_cont_box + .sub_cont_box{margin-top:clamp(50px, 8vw, 80px);}
		.sub_cont_title:before{translate:0 11px;}
    }
    @media (max-width: 860px){
        .sub_nav .desc { height: 60px; }
        .sub_nav .desc dd span { min-width: 260px; padding: 0 35px 0 20px; }
        .sub_nav .desc dd span:before { right: 20px; }
		.sub_nav .desc dd ul{padding:14px 0;}
		.sub_nav .desc dd ul li a{padding:8px 20px;}
        .sub_visual .sv_title h2 { font-size: 280%; }

        .page_title h3 { font-size: 250%; }
		
		.sub_cont_title{gap:8px;}
		.sub_cont_title:before{translate:0 7px;}
		
		.bullet_list li:before{translate:0 7px;}
    }
    @media (max-width: 640px){
        .sub_nav .desc { height: 50px; }
        .sub_nav .desc dd:not(:last-child) { display: none; }
        .sub_nav .desc dd { width: calc(100% - 49px); }
        .sub_nav .desc dd:last-child { border-right: 0; }

        .page_title h3 { font-size: 240%;padding-bottom:15px;}
		.page_title h3:before{width:38px;}
    }
    @media (max-width: 479px){
        .page_title h3 { font-size: 230%; }
		
		.sub_cont_title:before{width:7px;}
		.sub_cont_title{gap:6px;}
		.sub_cont_txt{gap:10px;}
    }

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

	about

───────────────────────────────────────────────────────────*/
	.company_about  #container{padding-bottom:0;}
	.sub_about.sub_company{position: relative;padding-top:10px;padding-bottom:120px;}
	.sub_about.sub_company:before{width:100%;height:67.1%;content:"";background:var(--gray-bg01);position: absolute;bottom:0;left:0;}
	.sub_about .img_box{position: relative;width:100%;height:560px;}
	.sub_about .img_box img{width:100%;height:100%;object-fit:cover;position: relative;}
	.sub_about .img_box:before{width:140px;aspect-ratio:auto 1;content:"";background:var(--point-color01);position: absolute;top:-50px;left:-50px;}
	.sub_about .txt_box{display: flex;flex-wrap:wrap;gap:184px;margin-top:80px;}
	.sub_about .txt_box h3{font-size:var(--title-20);display: inline-flex;flex-direction: column;gap:20px;letter-spacing:-0.05em;}
	.sub_about .txt_box h3 span{font-size:200%;color:var(--black-color01);font-weight:500;line-height:1.3;letter-spacing:inherit;}
	.sub_about .txt_box h3 strong{font-size:300%;color:var(--black-color01);font-weight:700;line-height:1.3;letter-spacing:inherit;}
	.sub_about .txt_box .txt{display:inline-flex;flex-direction: column;gap:18px;font-size:var(--title-20);letter-spacing:-0.03em;}
	.sub_about .txt_box .txt > strong{font-size:110%;color:var(--point-color01);font-weight:600;line-height:1.6;display: block;margin-bottom:13px;}
	.sub_about .txt_box .txt p{font-size:95%;color:var(--black-color04);font-weight:400;line-height:1.6;}
	.sub_about .txt_box .txt p strong{font-size:inherit;color:var(--black-color01);font-weight:600;}
	
	@media (max-width: 1250px){
		.sub_about .txt_box{gap:40px;margin-top:60px;}
		.sub_about .txt_box .txt{max-width:58%;}
		.sub_about .txt_box .txt br{display: none;}
	}
	@media (max-width:1023px){
		.sub_about.sub_company{padding-bottom:clamp(60px, 17vw, 120px);}
		.sub_about .img_box{height:42vw;}
		.sub_about .txt_box h3 span{font-size:150%;}
		.sub_about .txt_box h3 strong{font-size:240%;}
	}
	@media (max-width:860px){
		.sub_about.sub_company:before{height:80%;}
		.sub_about .img_box:before{width:12vw;}
		.sub_about .txt_box{margin-top:40px;gap:20px;}
		.sub_about .txt_box h3{gap:5px;}
		.sub_about .txt_box h3 strong{font-size:215%;}
		.sub_about .txt_box .txt{gap:13px;}
		.sub_about .txt_box .txt > strong{margin-bottom:5px;}
	}
	@media (max-width:640px){
		.sub_about.sub_company{padding-top:0;}
		.sub_about .txt_box{flex-direction: column;gap:30px;}
		.sub_about .txt_box .txt{max-width:100%;}
	}
	@media (max-width:479px){
		.sub_about .img_box:before{top:-20px;left:-20px;}
		.sub_about .txt_box{margin-top:30px;gap:20px;}
	}
	
/*───────────────────────────────────────────────────────────

	history

───────────────────────────────────────────────────────────*/
	.sub_history{margin-top:-3px;}
	.history_wrap{display: flex;flex-wrap:wrap;gap:140px;align-items: flex-start;}
	.history_wrap .img_box{position:sticky;top:130px;left:0;font-size:var(--title-20);flex-shrink:0;}
	.history_wrap .img_box span{font-size:120%;color:var(--point-color01);font-weight:700;line-height:1.3;font-family:var(--font-type02);letter-spacing:-0.05em;}
	.history_wrap .img_box strong{display: block;font-size:250%;color:var(--black-color01);font-weight:700;line-height:1.3;font-family:var(--font-type02);letter-spacing:-0.04em;margin-top:20px;}
	.history_wrap .img_box .img{margin-top:104px;width:480px;}
	
	.history_wrap .history_box{position: relative;margin-top:1px;}
	.history_wrap .history_box .line_bg{width:1px;content:"";background: var(--border-color02);position: absolute;top:18px;left:0;}
	.history_wrap .history_box .line{width:1px;content:"";background: var(--point-color01);position: absolute;top:18px;left:0;transition:all 0.3s;}
	.history_wrap .history_box ol{display: flex;flex-direction: column;gap:60px;font-size:var(--title-20);}
	.history_wrap .history_box ol > li{box-sizing:border-box;position: relative;padding-left:66px;}
	.history_wrap .history_box ol > li:before{width:12px;aspect-ratio:auto 1;content:"";background:var(--point-color01);position: absolute;left:-5px;top:18px;}
	.history_wrap .history_box ol > li > strong{font-size:180%;color:var(--black-color01);font-weight:600;line-height:1.3;font-family:var(--font-type02);letter-spacing:-0.04em;}
	.history_wrap .history_box .history_cont{display: flex;flex-direction: column;gap:30px;margin-top:39px;}
	.history_wrap .history_box .history_cont li{display: flex;font-size:var(--title-20);gap:38px}
	.history_wrap .history_box .history_cont li > span{display: inline-block;font-size:100%;color:var(--black-color01);font-weight:500;line-height:1.3;font-family:var(--font-type02);flex-shrink:0;width:30px;}
	.history_wrap .history_box .history_cont li div{margin-top:1px;}
	.history_wrap .history_box .history_cont li p{font-size:100%;color:var(--black-color01);font-weight:400;line-height:1.3;letter-spacing:-0.03em;}
	.history_wrap .history_box .history_cont li p + p{margin-top:30px;}
	.history_wrap .history_box .history_cont li p span{display: block;font-size:90%;color:var(--black-color06);font-weight:400;line-height:1.3;margin-top:10px;}
	
	@media (max-width:1250px){
		.history_wrap{gap:40px;}
		.history_wrap .img_box .img{width:40vw;margin-top:50px;}
		.history_wrap .history_box{max-width:calc(50vw - 40px);}
	}
	@media (max-width:860px){
		.history_wrap .history_box ol{gap:40px;}
		.history_wrap .history_box ol > li{padding-left:30px;}
		.history_wrap .history_box ol > li:before{top:16px;}
		.history_wrap .history_box .history_cont{margin-top:20px;gap:20px;;}
		.history_wrap .history_box .history_cont li{gap:15px;}
		.history_wrap .history_box .history_cont li br{display: none;}
		.history_wrap .history_box .history_cont li div{margin-top:0;}
		.history_wrap .history_box .history_cont li p span{margin-top:4px;}
	}
	@media (max-width:640px){
		.history_wrap{flex-direction: column;gap:30px;}
		.history_wrap .img_box{position:static;}
		.history_wrap .img_box strong{font-size:200%;margin-top:8px;}
		.history_wrap .img_box .img{margin-top:30px;width:100%;}
		.history_wrap .history_box{max-width:100%;}
		.history_wrap .history_box ol > li:before{width:10px;left:-4px;}
		.history_wrap .history_box .history_cont li p + p{margin-top:20px;}
	}
	@media (max-width:479px){
		.history_wrap .img_box strong{font-size:180%;margin-top:0;}
		.history_wrap .img_box .img{margin-top:20px;}
		.history_wrap .history_box ol{gap:25px;}
		.history_wrap .history_box .history_cont{margin-top:10px;}
		.history_wrap .history_box .history_cont li > span{width:22px;}
		.history_wrap .history_box .history_cont li div{margin-top:1px;}
		.history_wrap .history_box .history_cont li p + p{margin-top:10px;}
	}

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

	work

───────────────────────────────────────────────────────────*/
	.sub_work{text-align: center;}
	.sub_work h3{margin:0 auto;position: relative;display: inline-flex;flex-direction: column;align-items: center;width:280px;background:var(--point-color01);box-shadow:0 0 0 10px rgba(238, 29, 37, 0.10);box-sizing:border-box;font-size:var(--title-20);padding:30px 30px 29px;z-index:3;}
	.sub_work h3 span{font-size:120%;color:var(--point-white);font-weight:600;box-sizing:border-box;border-top:1px solid rgba(204, 204, 204, 0.3);margin-top:30px;padding-top:19px;display: block;width:100%;}
	.work_point:before{width:12px;box-sizing:border-box;content:"";aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);border:3px solid;position: absolute;}
	.sub_work h3.work_point:before{border-color:var(--point-color01);bottom:-6px;left:50%;transform:translate(-50%);}
	.sub_work h4 .work_point:before{border-color:var(--black-color01);left:-6px;top:50%;transform:translateY(-50%);}
	.sub_work ul .work_point:before{border-color:var(--black-color05);top:-6px;left:50%;transform:translate(-50%);}
	
	.sub_work h4{margin-top:60px;box-sizing:border-box;padding-right:80px;position: relative;display: flex;justify-content: flex-end;font-size:var(--title-20);}
	.sub_work h4:before{width:calc(50% - 80px);height:1px;content:"";background:var(--border-color02);position: absolute;top:50%;right:80px;}
	.sub_work .work_txt{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;position: relative;width:220px;height:80px;font-size:130%;color:var(--point-white);font-weight:600;}
	.sub_work h4 .work_txt{background:var(--black-color01);}
	.sub_work > ul{position: relative;margin-top:60px;display: flex;flex-wrap:wrap;gap:80px;}
	.sub_work > ul:after{width:calc(50% + 40px);height:1px;content:"";background:var(--border-color02);position: absolute;top:0;right:190px;}
	.sub_work > ul:before{width:1px;height:200px;content:"";background:var(--border-color02);position: absolute;left:50%;top:-200px;}
	.sub_work > ul li{position: relative;}
	.sub_work > ul li:before{width:1px;height:60px;content:"";background:var(--border-color02);position: absolute;top:-60px;left:50%;}
	.sub_work > ul > li{margin-top:60px;font-size:var(--title-20);}
	.sub_work > ul > li .work_txt{background:var(--black-color05);}
	.sub_work .dep2{display: flex;flex-wrap:wrap;gap:20px;position: relative;margin-top:60px;}
	.sub_work .dep2:after{width:1px;height:60px;content:"";background:var(--border-color02);position: absolute;top:-60px;left:50%;}
	.sub_work .dep2:before{height:1px;content:"";background:var(--border-color02);position: absolute;top:0;left:50%;transform:translate(-50%);}
	.sub_work > ul > li:nth-child(1) .dep2:before{width:calc(75% + 15px);}
	.sub_work > ul > li:nth-child(2) .dep2:before{width:calc(50% + 10px);}
	.sub_work .dep2 > li{margin-top:60px;position: relative;display: inline-flex;width:180px;height:70px;align-items: center;justify-content: center;text-align: center;font-size:var(--title-20);color:var(--black-color01);font-weight:500;box-sizing:border-box;border:1px solid var(--black-color01);}
	
	@media (max-width:1350px){
		.sub_work > ul:after{right:calc(100% / 3 / 2 - 20px);}
		.sub_work > ul > li:nth-child(1){width:calc(100% / 3 * 2 - 40px);}
		.sub_work > ul > li:nth-child(2){width:calc(100% / 3 - 40px);}
		.sub_work > ul > li:nth-child(1) .dep2 > li{width:calc(25% - 15px);}
		.sub_work > ul > li:nth-child(2) .dep2 > li{width:calc(50% - 10px);}
	}
	@media (max-width:1023px){
		.sub_work .work_txt{width:180px;height:65px;font-size:100%;}
	}
	@media (max-width:860px){
		.sub_work > ul{gap:30px;}
		.sub_work > ul:after{right:calc(100% / 3 / 2 - 9px);width:calc(50% + 15px);}
		.sub_work > ul > li:nth-child(1){width:calc(100% / 3 * 2 - 15px);}
		.sub_work > ul > li:nth-child(2){width:calc(100% / 3 - 15px);}
		.sub_work .dep2 > li{height:50px;font-size:var(--title-18);}
	}
	@media (max-width:640px){
		.sub_work h3{width:200px;padding:20px 15px 20px;}
		.sub_work h3 span{font-size:100%;margin-top:15px;padding-top:12px;}
		.sub_work h4{margin-top:40px;padding:0;}
		.sub_work h4:before{right:80px;}
		.sub_work .work_txt{width:140px;height:56px;}
		.sub_work > ul{margin-top:40px;}
		.sub_work > ul:after{right: 50%;transform: translate(50%);}
		#wrap .sub_work > ul > li{width:calc(50% - 15px);margin-top:30px;}
		.sub_work > ul li:before{height:30px;top:-30px;}
		.sub_work .dep2{margin-top:30px;gap:0 20px;}
		.sub_work .dep2:after{height:30px;top:-30px;}
		.sub_work > ul > li:nth-child(1) .dep2:before{width:calc(50% + 10px);}
		.sub_work > ul > li:nth-child(1) .dep2 > li{width:calc(50% - 10px);}
		.sub_work .dep2 > li{margin-top:30px;}
	}
	@media (max-width:479px){
		.sub_work h3{width:170px;box-shadow:0 0 0 5px rgba(238, 29, 37, 0.10);}
		.sub_work .work_txt{height:48px;}
		.sub_work h4 .work_txt{width:calc(50% - 40px);}
		.sub_work > ul > li .work_txt{width:100%;}
		.sub_work .dep2:before{display: none;}
		#wrap .sub_work .dep2 > li{width:100%;margin-top:20px;height:40px;}
		#wrap .sub_work .dep2 > li:before{height:20px;top:-21px;}
		#wrap .sub_work .dep2 > li:nth-child(1){margin-top:0;}
		#wrap .sub_work .dep2 > li:nth-child(1):before{display: none;}
	}
	
/*───────────────────────────────────────────────────────────

	location

───────────────────────────────────────────────────────────*/
	.sub_location{display: flex;flex-direction: column;gap:60px;}
	.sub_location .location_box{display: flex;flex-wrap:wrap;gap:80px;align-items: center;}
	.sub_location .location_box .map_box{width:53.2%;height:420px;position: relative;}
	.sub_location .location_box .map_box iframe{width:100%;height:100%;position: absolute;top:0;left:0;}
	.sub_location .location_box .txt_box{font-size:var(--title-20);width:calc(46.8% - 80px);}
	.sub_location .location_box .txt_box .name{display: flex;flex-direction: column;}
	.sub_location .location_box .txt_box .name:before{width:10px;aspect-ratio:auto 1;content:"";background:var(--point-color01);display: inline-block;}
	.sub_location .location_box .txt_box .name strong{display: block;font-size:170%;color:var(--black-color01);font-weight:600;line-height:1.3;margin-top:16px;}
	.sub_location .location_box .txt_box .name p{font-size:100%;color:var(--black-color01);font-weight:400;line-height:1.3;margin-top:20px;}
	.sub_location .location_box .txt_box .info{box-sizing:border-box;margin-top:35px;padding-top:35px;border-top:1px solid var(--black-color01);display: flex;flex-direction: column;gap:20px;}
	.sub_location .location_box .txt_box .info dl{display: flex;gap:10px;}
	.sub_location .location_box .txt_box .info dl dt, .sub_location .location_box .txt_box .info dl dd{font-size:var(--title-17);color:var(--black-color01);font-weight:500;line-height:1.6;font-family:var(--font-type02);box-sizing:border-box;}
	.sub_location .location_box .txt_box .info dl dt{width:70px;flex-shrink:0;display: inline-flex;gap:6px;align-items: flex-end;}
	.sub_location .location_box .txt_box .info dl dt:before{width:2px;height:2px;content:"";background:var(--black-color01);flex-shrink:0;translate:0 -11px;}
	.sub_location .location_box .txt_box .info dl dd{color:var(--black-color06);font-weight:400;}
	.sub_location .location_box .txt_box .info dl dd a{font-size:inherit;color:inherit;font-weight:inherit;}
	
	@media (max-width:1250px){
		.sub_location .location_box{gap:40px;}
		.sub_location .location_box .txt_box{width:calc(46.8% - 40px);}
	}
	@media (max-width:640px){
		.sub_location{gap:40px;}
		.sub_location .location_box{gap:30px;}
		.sub_location .location_box .map_box{width:100%;height:60vw;}
		.sub_location .location_box .txt_box{width:100%;}
		.sub_location .location_box .txt_box .name strong{margin-top:10px;}
		.sub_location .location_box .txt_box .name p{margin-top:10px;}
		.sub_location .location_box .txt_box .info{,margin-top:25px;padding-top:25px;gap:10px;}
	}
	
/*───────────────────────────────────────────────────────────

	원적외선

───────────────────────────────────────────────────────────*/
	.sub_far .far_img{display: flex;flex-wrap:wrap;gap:20px;}
	.sub_far .far_img img{width:calc(50% - 10px);}
	.sub_far .heat_type .type_box{margin-top:20px;--black-color01;font-weight:400;line-height:1.3;}
	.sub_far .heat_type .type_box > p{font-size:var(--title-20);color:var(--black-color01);font-weight:400;line-height:1.3;}
	.sub_far .heat_type .type_box ul{display: flex;flex-wrap:wrap;gap:32px;margin-top:30px;}
	.sub_far .heat_type .type_box ul li{width:calc(100% / 3 - 21.7px);box-sizing:border-box;border:1px solid var(--border-color01);display: inline-flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding:39px 33px 38px;font-size:var(--title-20);}
	.sub_far .heat_type .type_box ul li div{display: inline-flex;flex-direction: column;align-items: center;text-align: center;gap:10px;}
	.sub_far .heat_type .type_box ul li p{font-size:100%;color:var(--black-color01);font-weight:400;line-height:1.3;letter-spacing:-0.03em;}
	.sub_far .heat_type .type_box ul li strong{font-size:120%;color:var(--point-color01);font-weight:600;line-height:1.3;}
	.sub_far .heat_type .sub_cont_txt{margin-top:31px;} 
	
	.heat_adv ul{display: flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
	.heat_adv ul li{width:calc(50% - 10px);box-sizing:border-box;border:1px solid var(--border-color01);padding:30px 30px;display: inline-flex;align-items: center;gap:40px;}
	.heat_adv .icon{display: inline-flex;align-items: center;justify-content: center;background:var(--gray-bg01);width:27.5%;aspect-ratio:auto 1;flex-shrink:0;}
	.heat_adv .icon img{}
	.heat_adv dl{font-size:var(--title-20);}
	.heat_adv dl dt{font-size:120%;color:var(--black-color01);font-weight:600;line-height:1.3;}
	.heat_adv dl dd{margin-top:10px;font-size:85%;color:var(--black-color05);font-weight:400;line-height:1.6;}
	
	@media (max-width:1250px){
		.heat_adv ul li br{display: none;}
	}
	@media (max-width:1023px){
		.heat_adv ul li{gap:20px;padding:20px 20px;}
		.heat_adv .icon img{max-width:48%;}
	}
	@media (max-width:860px){
		.sub_far .heat_type .type_box{margin-top:10px;}
		.sub_far .heat_type .type_box ul{gap:18px;margin-top:20px;}
		.sub_far .heat_type .type_box ul li{padding:30px 20px 30px;width:calc(100% / 3 - 12px);}
		.sub_far .heat_type .sub_cont_txt{margin-top:20px;}
		
		.heat_adv ul li{flex-direction: column;align-items: flex-start;}
		.heat_adv dl dd{margin-top:6px;}
	}
	@media (max-width:640px){
		.sub_far .heat_type .type_box ul li{width:100%;padding:20px 15px;}
		.sub_far .heat_type .type_box ul li div{gap:5px;}
		
		.heat_adv ul{margin-top:15px;}
		.heat_adv .icon{width:35%;}
	}
	@media (max-width:479px){
		.sub_far .far_img img{width:100%;}
		
		.heat_adv ul li{width:100%;flex-direction: row;padding:20px 15px;align-items: center;}
		.heat_adv .icon{width:25%;}
	}
	
/*───────────────────────────────────────────────────────────

	복사열

───────────────────────────────────────────────────────────*/
	.heat_principle .img{box-sizing:border-box;border:1px solid var(--border-color01);margin:30px 0 40px;}
	.heat_difference ul{display: flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
	.heat_difference ul li{width:calc(50% - 10px);box-sizing:border-box;border:1px solid var(--border-color01);}
	.heat_difference .txt{text-align: center;background:var(--gray-bg01);box-sizing:border-box;font-size:var(--title-20);padding:20px 20px;}
	.heat_difference .txt strong{font-size:100%;color:var(--black-color03);font-weight:600;line-height:1.3;}
	.heat_difference .txt p{font-size:85%;color:var(--black-color04);font-weight:400;line-height:1.6;margin-top:10px;}
	.heat_difference .img{box-sizing:border-box;padding:30px 30px 26px;border-top:1px solid var(--border-color01);}
	
	@media (max-width:860px){
		.heat_principle .img{margin:20px 0 30px;}
		.heat_difference ul{margin-top:15px;}
		.heat_difference .txt{padding:20px 12px;}
	}
	@media (max-width:640px){
		.heat_difference ul li{width:100%;}
		
	}
	
/*───────────────────────────────────────────────────────────

	product intro

───────────────────────────────────────────────────────────*/
	.sub_product.prd_intro{margin-top:80px;}
	.prd_intro .intro_tab{display: flex;position:sticky;top:100px;left:0;z-index:5;}
	.prd_intro .intro_tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:20%;height:50px;border:1px solid var(--border-color01);background:var(--point-white);font-size:var(--title-18);color:var(--black-color04);font-weight:400;}
	.prd_intro .intro_tab a + a{border-left:none;}
	.prd_intro .intro_tab a.on{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
	.prd_intro .intro_tab a	span{font-size:inherit;color:inherit;font-weight:inherit;}
	
	.prd_intro .intro_wrap{margin-top:60px;display: flex;flex-direction: column;gap:40px;}
	.prd_intro .intro_wrap .intro_cont{box-sizing:border-box;padding:79px 80px 82px;display: flex;flex-wrap:wrap;gap:80px;}
	.prd_intro .intro_wrap .intro_cont:nth-child(1){background:url('../images/sub/prd_intro_bg01.png')no-repeat center;background-size:cover;}
	.prd_intro .intro_wrap .intro_cont:nth-child(2){background:url('../images/sub/prd_intro_bg02.png')no-repeat center;background-size:cover;}
	.prd_intro .intro_wrap .intro_cont:nth-child(3){background:url('../images/sub/prd_intro_bg03.png')no-repeat center;background-size:cover;}
	.prd_intro .intro_wrap .intro_cont:nth-child(4){background:url('../images/sub/prd_intro_bg04.png')no-repeat center;background-size:cover;}
	.prd_intro .intro_wrap .intro_cont:nth-child(5){background:url('../images/sub/prd_intro_bg05.png')no-repeat center;background-size:cover;}
	.prd_intro .intro_wrap .intro_cont:nth-of-type(2n+1){flex-direction: row-reverse;}
	.prd_intro .intro_wrap .thumb{width:46.3%;}
	.prd_intro .intro_wrap .main_title{width:calc(53.7% - 80px);margin-top:8px;}
	.prd_intro .intro_wrap .main_title h2{color:var(--point-white);font-size:250%;}
	.prd_intro .intro_wrap .main_title h5{color:var(--point-white);margin-top:32px;}
	.prd_intro .intro_wrap .main_title p{color:rgba(255,255,255,0.8);}
	.prd_intro .intro_wrap .main_title .more_arw{margin-top:51px;}
	
	
	@media (max-width:1023px){
		.sub_product.prd_intro{margin-top:clamp(50px, 8vw, 80px);}
		.prd_intro .intro_tab{top:clamp(65px, 10vw, 100px);width:calc(100% + 60px);margin-left:-30px;}
		.prd_intro .intro_wrap .intro_cont{padding:50px 30px 60px;gap:30px;}
		.prd_intro .intro_wrap .main_title{width:calc(53.7% - 30px);margin-top:0;}
		.prd_intro .intro_wrap .main_title h2{font-size:200%;}
	}
	@media (max-width:860px){
		.prd_intro .intro_tab{width:calc(100% + 30px);margin-left:-15px;}
	}
	@media (max-width:767px){
		#wrap .prd_intro .intro_wrap .intro_cont{flex-direction: column;}
		.prd_intro .intro_wrap .thumb{width:100%;}
		.prd_intro .intro_wrap .main_title{width:100%;}
		.prd_intro .intro_wrap .main_title h2{font-size:180%;}
	}
	@media (max-width:479px){
		.prd_intro .intro_wrap{margin-top:30px;}
		.prd_intro .intro_tab a{font-size:12px;height:40px;}
		.prd_intro .intro_wrap .intro_cont{padding:30px 20px 40px;gap:20px;}
		.prd_intro .intro_wrap .main_title h2{font-size:160%;}
		.prd_intro .intro_wrap .main_title h5{margin-top:10px;}
		.prd_intro .intro_wrap .main_title .more_arw{margin-top:20px;}
	}
	
	
/*───────────────────────────────────────────────────────────

	product

───────────────────────────────────────────────────────────*/
	.sub_prd_title_box{background:var(--gray-bg01);box-sizing:border-box;padding:79px 0 98px;}
	.small_tube_tab{display: flex;justify-content: center;margin-bottom:60px;}
	.small_tube_tab a{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:200px;height:50px;background:var(--point-white);border:1px solid var(--border-color01);font-size:var(--title-18);color:var(--black-color04);font-weight:400;}
	.small_tube_tab a + a{border-left:none;}
	.small_tube_tab a.on{background: var(--point-color01);color:var(--point-white);}
	.small_tube_tab a span{font-size:inherit;color:inherit;font-weight:inherit;}
	.sub_prd_title_box .title{font-size:var(--title-20);text-align: center;}
		.sub_prd_title_box .title span{font-size:150%;color:var(--point-color01);font-weight:600;font-family:var(--font-type02);line-height:1.3;}
		.sub_prd_title_box .title h3{font-size:250%;color:var(--black-color01);font-weight:600;line-height:1.3;margin-top:20px;letter-spacing:-0.03em;}
	.sub_prd_title_box .title_info_box{display: flex;flex-wrap:wrap;gap:80px;margin-top:60px;align-items: flex-start;}
		.sub_prd_title_box .title_info_box .img{width:40.3%;aspect-ratio:auto 1;}
		.sub_prd_title_box .title_info_box .img img{width:100%;height:100%;object-fit:cover;}
		.sub_prd_title_box .title_info_box .info_box{display: flex;flex-direction: column;gap:60px;width:calc(59.7% - 80px);}
		.sub_prd_title_box .title_info_box .sub_cont_title{margin-bottom:20px;}
		.sub_prd_title_box .title_info_box .info_box ul{display: flex;flex-direction: column;gap:12px;}
		.sub_prd_title_box .title_info_box .info_box ul li,
		.sub_prd_title_box .title_info_box .info_box p{font-size:var(--title-17);color:var(--black-color03);font-weight:400;line-height:1.3;}
		.sub_prd_title_box .title_info_box .btn_catalog{display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;gap:15px;width:200px;height:60px;border:1px solid var(--border-color02);background:var(--point-white);text-align: center;font-size:var(--title-18);color:var(--black-color00);font-weight:600;transition:all 0.3s;}
		.sub_prd_title_box .title_info_box .btn_catalog span{font-size:inherit;color:inherit;font-weight:inherit;}
		.sub_prd_title_box .title_info_box .btn_catalog:after{width:16px;height:16px;content:"";background:url('../images/sub/icon_download.svg')no-repeat center;background-size:auto 100%;display: inline-block;transition:all 0.3s;}

	.sub_prd_cont{margin-top:100px;}
	.sub_prd_cont .sub_cont_title{margin-bottom:30px;}
	.prd_spec{font-size:var(--title-20);}
	.prd_spec > p{font-size:110%;color:var(--black-color01);font-weight:500;line-height:1.3;}
	.spec_table_box{margin-top:20px;}
	.spec_table_box > span{font-size:var(--title-16);color:var(--black-color07);font-weight:400;line-height:1.3;display: none;}
	.spec_table_box > p{text-align: right;font-size:var(--title-17);color:var(--black-color07);font-weight:400;line-height:1.3;margin-top:12px;}
	
	.spec_table_box + .spec_table_box{margin-top:60px;}
	.spec_table_box table thead tr th{box-sizing:border-box;background:var(--black-color01);text-align: center;font-size:var(--title-18);color:var(--point-white);font-weight:500;padding:16px 0;}
	.spec_table_box table thead tr th + th{border-left:1px solid var(--black-color05);}
	.spec_table_box table thead tr th[colspan]{border-bottom:1px solid var(--black-color05);}
	.spec_table_box table thead tr th:not([rowspan]){border-left:1px solid var(--black-color05);}
	.spec_table_box table tbody tr th, .spec_table_box table tbody tr td{box-sizing:border-box;border-bottom:1px solid var(--border-color01);font-size:var(--title-17);font-weight:400;vertical-align: middle;padding:16px 0;}
	.spec_table_box table tbody tr th{text-align:left;color:var(--black-color01);background:var(--gray-bg01);padding-left:20px;padding-right:20px;} 
	.spec_table_box table tbody tr th:not([colspan]):not([rowspan]){border-left:1px solid var(--border-color01);}
	.spec_table_box table tbody tr td{color:var(--black-color05);text-align: center;border-left:1px solid var(--border-color01);}
	.spec_table_box .elec_supply{box-sizing:border-box;padding:0 20px;text-align:left;}
	.spec_table_box .elec_supply strong{font-size:var(--title-18);color:var(--black-color03);font-weight:600;line-height:1.3;}
	.spec_table_box .elec_supply .bullet_list{margin-top:20px;display: flex;flex-wrap:wrap;gap:10px 20px;}
	.spec_table_box .elec_supply .bullet_list li{width:200px;margin:0;}
	
	.prd_example ul{display: flex;flex-wrap:wrap;gap:20px;}
	.prd_example ul li{width:calc(50% - 10px);}
	#wrap .prd_example ul li.w100{width:100%;}
	
	.prd_example ul.d_grid{display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows:auto auto;}
	.prd_example ul.d_grid li{width:100%;}
	.prd_example ul.d_grid li:nth-child(1){grid-area: 1 / 1 / 2 / 3;}
	.prd_example ul.d_grid li:nth-child(2){grid-area: 2 / 1 / 4 / 2;}
	.prd_example ul.d_grid li:nth-child(3){grid-area: 2 / 2 / 3 / 3;}
	.prd_example ul.d_grid li:nth-child(4){grid-area: 3 / 2 / 4 / 3;}
	.prd_example ul.d_grid li img{width:100%;height:100%;object-fit:cover;}
	
	.spec_table_box table.ikvl_spec tbody tr th{text-align: center;}
	.spec_table_box table.ikvl_spec tbody tr td:last-child{text-align:left;padding-left:20px;padding-right:20px;}
	
	/* over */
    @media (hover:hover) and (pointer:fine) {
		.sub_prd_title_box .title_info_box .btn_catalog:hover{background:var(--point-color01);border-color:var(--point-color01);color:var(--point-white);}
		.sub_prd_title_box .title_info_box .btn_catalog:hover:after{filter:var(--filter-white);}
	}
	
	@media (max-width:1023px){
		.sub_prd_title_box{padding-top:50px;padding-bottom:clamp(60px, 11vw, 100px);}
		.sub_prd_title_box .title_info_box{margin-top:30px;gap:30px;}
		.sub_prd_title_box .title_info_box .info_box{width:calc(59.7% - 30px);gap:30px;}
		.sub_prd_title_box .title_info_box .sub_cont_title{margin-bottom:10px;}
		
		.sub_prd_cont{margin-top:clamp(60px, 11vw, 100px);}
		.sub_prd_cont .sub_cont_title{margin-bottom:20px;}
		.spec_table_box > span{display: block;margin-bottom:10px;}
		.spec_table_box .table_wrapper{overflow-x:auto;}
		.spec_table_box .table_wrapper table{width:120vw;}
		.spec_table_box .elec_supply .bullet_list{margin-top:10px;}
		.spec_table_box .elec_supply .bullet_list li{width:calc(100% / 3 - 14px);}
	}
	@media (max-width:640px){
		.small_tube_tab{margin-bottom:30px;}
		.small_tube_tab a{width:calc(100% / 3);height:40px;}
		.sub_prd_title_box .title h3{font-size:200%;margin-top:10px;}
		.sub_prd_title_box .title_info_box{flex-direction: column;}
		.sub_prd_title_box .title_info_box .img{width:100%;}
		.sub_prd_title_box .title_info_box .info_box{width:100%;}
		.sub_prd_title_box .title_info_box .info_box ul{gap:8px;}
		.sub_prd_title_box .title_info_box .btn_catalog{width:170px;height:50px;gap:10px;}
		
		.spec_table_box + .spec_table_box{margin-top:40px;}
		.spec_table_box .table_wrapper table{width:150vw;}
		
		.prd_example ul{gap:15px;}
		.prd_example ul li{width:calc(50% - 7.5px);}
		
		.spec_table_box table.ikvl_spec tbody tr td:last-child br{display: none;}
	}
	@media (max-width:479px){
		.sub_prd_cont .sub_cont_title{margin-bottom:10px;}
		.spec_table_box .table_wrapper table{width:650px;}
		
		.spec_table_box table tbody tr th, .spec_table_box table tbody tr td{padding:12px 0;}
		.spec_table_box table tbody tr th{padding-left:10px;padding-right:10px;}
		
		
	}

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

	inquiry

───────────────────────────────────────────────────────────*/
	.bbs_write_box table{position: relative;display: block;width: 100%;box-sizing: border-box;border-top: 2px solid var(--black-color01);padding-top: 40px;}
	.bbs_write_box table tbody{display: flex;gap: 20px clamp(40px, 7vw, 98px);flex-wrap: wrap;}
	.bbs_write_box table tbody tr{width: calc(100% / 2 - clamp(40px, 7vw, 98px) / 2);display: flex;align-items: center;gap: 6px 0;font-size: var(--title-20);}
	.bbs_write_box table tbody tr:has([name="title"], [name="content"], [name="file1"]){width: 100%;}
	.bbs_write_box table :where(th, td){position: relative;display: block;width: 100%;vertical-align: middle;text-align:left;}
	.bbs_write_box table tbody tr th{width: clamp(140px, 10vw, 151px);flex-shrink: 0;color: var(--black-color01);font-size: 90%;font-weight:500;letter-spacing: -0.03em;padding-right: 20px;}
	.bbs_write_box table tbody tr th label{font-size: inherit;color: inherit;font-weight: inherit;}
	.bbs_write_box table tbody tr th label em{color: var(--point-color01);font-weight: inherit;}
	.bbs_write_box table tbody textarea{width:100%;height:240px;resize:none;box-sizing:border-box;border:1px solid var(--border-color01);padding:15px 15px;color: var(--black-color03);font-size: var(--title-18);font-weight: 400;outline: none;}
	
	#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])){width:100%;height:56px;color: var(--black-color03);font-size: var(--title-18);font-weight: 400;outline: none;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-inline: 20px 23px;letter-spacing: -0.03em;margin: 0;border: 0;border: 1px solid var(--border-color01);transition: all 0.4s;}
	#wrap :where([type="text"], [type="password"], [type="number"], [type="date"])::placeholder {color: var(--black-color06);font-weight: 400;}
	#wrap :where([type="text"], [type="password"], [type="number"], [type="date"]):focus{border-color:var(--black-color01);}
	
	#wrap .bbs_write_box .file_box{display: flex;gap:10px;}
		#wrap .bbs_write_box .file_box .file_txt{width:420px;height:56px;box-sizing:border-box;border:1px solid var(--border-color01);padding:0 23px;display: inline-flex;align-items: center;}
		#wrap .bbs_write_box .file_box label{cursor:pointer;display: inline-flex;box-sizing:border-box;align-items: center;justify-content: center;text-align: center;width:120px;height:56px;border:1px solid var(--black-color01);font-size:var(--title-18);color:var(--black-color01);font-weight:400;}
	#wrap .bbs_write_box .captcha_td{display: flex;gap:10px;}
	#wrap .bbs_write_box .captcha_wrap {display: flex;gap: 10px;padding:8px;width: 225px;box-shadow: inset 0 0 0 1px var(--border-color01);}
		#wrap .bbs_write_box #captcha_box {display: block;width: 100%;overflow: hidden;margin: 0;box-sizing: border-box;border: 1px solid var(--border-color01);border-radius: inherit;}
		#wrap .bbs_write_box #captcha_box img {width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;}
		#wrap .bbs_write_box #refreshCode {width: 40px;aspect-ratio: auto 1;border: 1px solid var(--border-color01);font-size: 0;background: var(--point-white) url('../images/sub/icon_reset.svg') no-repeat center / 16px auto;flex-shrink: 0;cursor: pointer;box-sizing: border-box;border-radius: inherit;}
		#wrap .bbs_write_box .captcha_wrap + .input{width:calc(100% - 235px);}
	#wrap .policy_wrap {margin-top: 40px; box-sizing: border-box;padding-top: 41px;border-top: 1px solid var(--border-color01);}
		#wrap .policy_wrap .area_box {width: 100%;margin-top: 20px;padding-inline: 9px; box-sizing: border-box;border: 1px solid var(--border-color01);border-radius: var(--radius-04);}
		#wrap .policy_wrap .area_box textarea {width: 100%;height: 158px;padding-block: 20px 16px; padding-inline: 10px; box-sizing: border-box;color: var(--black-color07);font-size: var(--title-16);line-height: 1.62;letter-spacing: 0;border: none;resize: none;background: var(--trans-color);outline: none;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar {width: 4px;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar-thumb {background: var(--black-color10); border-radius: 2px;}
		#wrap .policy_wrap .area_box textarea::-webkit-scrollbar-track {border-radius: 10px;background: var(--border-color01);margin-block: 10px; }
	#wrap label:has([type="checkbox"]) {display: flex; width: fit-content;align-items: flex-start;gap: 11px;font-size: var(--title-18);font-weight: 500;letter-spacing: 0;cursor: pointer;color: var(--black-color03);}
		#wrap label:has([type="checkbox"]) strong {color: var(--point-color01);font-weight: inherit;display: contents;}
		#wrap label [type="checkbox"] {position: relative;display: flex;width: 25px;height: 25px;border: 1px solid var(--border-color01);background: var(--point-white);appearance: none;flex-shrink: 0;transition: all 0.4s;cursor: pointer;border-radius: var(--radius-04);}
		#wrap label [type="checkbox"]::before {content: '';position: absolute;inset: 0;background: url('../images/sub/ico_chk.svg') no-repeat center / 12px auto;transition: inherit;}
		#wrap label [type="checkbox"]:checked {background: var(--black-color01);border: 1px solid var(--black-color01);}
		#wrap label [type="checkbox"]:checked::before {filter:var(--filter-white);}
	#wrap .btn_wrap{padding-top:60px;}
	.btn_inquiry{display: inline-flex;align-items: center;justify-content: center;width:200px;height:60px;margin:0 auto;align-items: center;justify-content:space-between;padding:0 24px;background:var(--point-color01);font-size:var(--title-18);color:var(--point-white);font-weight:500;}
	.btn_inquiry span{font-size:inherit;color:inherit;font-weight:inherit;}
	.btn_inquiry:after{display: inline-flex;content: '';width: 14px;aspect-ratio: auto 1.16;background: url(../images/skin/more_arw.svg) no-repeat center / 100% auto;filter: var(--filter-white);transition: inherit;}
	
	@media (max-width:860px){
		.bbs_write_box table tbody tr{width:100%;}
		.bbs_write_box table tbody tr.blank{display: none;}
		#wrap .bbs_write_box .file_box .file_txt{width:calc(100% - 130px);}
	}
	@media (max-width:640px){
		.bbs_write_box table tbody tr th{width:110px;}
		#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])){height:46px;padding:10px 15px;}
		.bbs_write_box table tbody textarea{height:180px;}
		#wrap .bbs_write_box .file_box .file_txt,
		#wrap .bbs_write_box .file_box label{height:46px;}
		#wrap .bbs_write_box .captcha_wrap{height:46px;}
		
		#wrap label [type="checkbox"]{width:20px;height:20px;}
		#wrap label [type="checkbox"]::before{background-size:8px auto;}
		#wrap .btn_wrap{padding-top:40px;}
		.btn_inquiry{width:160px;height:50px;padding:0 15px;}
	}
	@media (max-width:479px){
		.bbs_write_box table{padding-top:25px;}
		.bbs_write_box table tbody{gap:10px 0;}
		.bbs_write_box table tbody tr th{width:102px;}
		#wrap :where(select, input:where([type="text"], [type="password"], [type="number"], [type="date"])){height:40px;padding:10px 10px;}
		#wrap .bbs_write_box .file_box{flex-direction: column;}
		#wrap .bbs_write_box .file_box .file_txt,
		#wrap .bbs_write_box .file_box label{width:100%;height:40px;}
		#wrap .bbs_write_box .file_box .file_txt{padding:0 10px;}
		#wrap .bbs_write_box .captcha_td{flex-direction: column;}
		#wrap .bbs_write_box .captcha_wrap{width:100%;}
		#wrap .bbs_write_box #refreshCode{height:30px;background-size:12px auto;}
		#wrap .bbs_write_box .captcha_wrap + .input{width:100%;}
		#wrap .policy_wrap{margin-top:25px;padding-top:25px;}
		#wrap .policy_wrap .area_box{margin-top:10px;}
		#wrap .policy_wrap .area_box textarea{height:110px;padding-block:10px 10px;padding-inline:6px;}
		#wrap .btn_wrap{padding-top:25px;}
	}