@charset "utf-8";

/* 
 * content CSS Document
 * KOWEB
 */

/* common */
:root{
	--gutter: clamp(8rem, calc(20 / var(--container) * 100vw), 20rem);
}

body *{box-sizing:border-box;}
.sub h1{}
.sub h2{font-weight:600;}
.sub h3{font-weight:600;}
.sub h4{font-weight:600;}
.sub h5{}
.sub h6{}

div[class^="area_"] p
section[class^="area_"] p,
article[class^="area_"] p,
div[class^="area_"] li,
article[class^="area_"] li{line-height:1.8; font-weight:300; color:#444; font-size:18rem;}

#content .mob_info{padding:5px 0; background:#f1f1f1; font-weight:600; font-size:13px; color:#444;}
/* #content.sub{padding:130rem 0;} */
#content.sub{padding:clamp(40rem, calc(60 / var(--container) * 100vw), 60rem) 0;}
#content.sub.pdb0{padding-bottom:0;}

#content.pro_sub{}
#content{min-height:300rem;}

.pro_tit,
.sub_tit{margin-bottom:45rem; text-align:center; font-size:50rem; font-weight:600; text-align:center;}

.bg_gray{background: #f9f9f9;}
.mgb{margin-bottom:130rem;}
#content .mgt0{margin-top:0;}
/* #content .pd130{padding:130rem 0;} */
#content .pd130{padding:var(--section-padding-block) 0;}
.mgt0{margin-top:0;}
.mgt15{margin-top:15rem;}
.mgt30{margin-top:30rem;}
.max-img{margin:20rem 0;}
.max-img img{max-width:100%;}
.letter{color:#444; font-weight:300; font-size:18rem;}
.pdb0{padding-bottom:0;}


/* board */
ul.bbsList{border-top-color:#152f53;}
ul.bbsList li .more.active,
ul.bbsList li .more:hover,
ul.bbsList li .more:focus{border-color:#152f53;}
ul.bbsList li .more em,
ul.bbsList li .subject:hover,
ul.bbsList li .subject:focus{color:#152f53;}
ul.bbsList li .notice{background:#152f53;}

.pagination span{color:#152f53; border-color:#152f53;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{background:#f9f1f2; border-color:#f9f1f2;}

.proList dt.on:before{background:#152f53;}

.bbsTitle_cont > i{color:#c6a582; border-bottom-color:#c6a582;}

.inr_pagination > a:hover > em{color: #c6a582;}

/* lnb */
.lnb{position:absolute; bottom:0; z-index:4; width:100%; text-align:left; border-bottom:1px solid #ddd; transition:transform 1s cubic-bezier(0.57, 0.06, 0.07, 0.97);}
.lnb .inr{position:relative; width:1400rem; margin:0 auto;}
.lnb .inr:before{content:''; position:absolute; right:-20%; width:20%; height:80rem; background:rgba(0,0,0,0.8)}
.lnb .dept{background:rgba(0,0,0,0.8)}
.lnb .dept > li{position:relative; float:left; height:80rem; box-sizing:border-box; border-right:1px solid #383a3d}
.lnb .dept_tit > a{position:relative; line-height:80rem;}
.lnb .dept_tit a:after{display:block;content:"";position: absolute;right:30rem;top: 50%;width:7rem;height:7rem; margin-top:-3.5rem; border: 2rem solid #fff;border-top: 0;border-left: 0;transform: rotate(45deg);transition: 0.3s;}
.lnb .dept_tit a.active:after{transform: rotate(-135deg);top: 50%;margin-top:-3.5rem;}

.lnb .dept > li a{display:block; box-sizing:border-box; padding:0 30rem; font-weight:300; font-size:18rem; color:#fff; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all;}
.lnb .dept_tit span{display:block; line-height:80rem; box-sizing:border-box; padding:0 30rem; font-weight:300; font-size:18rem; color:#fff;}
.lnb .dept .home{width:80rem; background:#1947ba url(../images/content/icon_navigation01.svg) no-repeat 50%; background-size:22rem auto;}
.lnb .dept .home a{display:block; overflow:hidden;  height:100%; padding:0; font-size:0; text-indent:100%; white-space:nowrap;}
.lnb .dept_list{display:none; box-sizing: border-box; position:absolute; top:80rem; left:0; z-index:20; width:100%; padding:6px 0; background:#fff; border:1px solid #ccc; border-top:1px solid #fff;}
.lnb .dept_list > li a{display:block; box-sizing:border-box; width:100%; padding:3rem 30rem; font-weight:300; font-size:16rem; color:#333; transition:all 0.3s ease-out 0s;}
.lnb .dept_list a:hover{color:#999;}
.lnb .dept:after{content:''; display:block; clear:both;}
.lnb .dept01{width:310rem;}
.lnb .dept02{width:310rem;}
.lnb .dept03{width:310rem;}
.lnb .dept04 { width: 310rem;
	@media (width < 1280px) {
		.dept_tit a { padding-inline: 1ch; }
		.dept_tit a:after { right: 1ch; }
	}
}

/* sub visual */
.area_subVisual{position:relative; height:500rem; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; text-align:center;}
.area_subVisual > .text{position:relative; top:150rem; padding:0 20rem;}
.area_subVisual > .text h2{color:#fff; font-size:55rem; font-weight:500; text-transform:uppercase}
.area_subVisual > .text p{margin-top:10rem; color:#fff; font-size:18rem;}

/* map default */
.area_map .map_style{padding:0; border:none; border-bottom:1px solid #ccc;}
.area_map .map_style .wrap_controllers{display:none;}

/* 이용약관 */
.area_policy{padding: 80rem 0;}
.area_policy h2{font-size:40px;color:#222;text-align:center;font-weight: 700;}
.area_policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;}
.area_policy ul li,
.area_policy p{line-height:1.6; font-weight:300; font-size:15px; color:#666;}
.area_policy p{line-height:1.6; font-size:14px;}
.area_policy ul li{margin-bottom:8px;}
.area_policy ul li:last-child{margin:0;}
.area_policy ul li ul{margin-top:5px; margin-bottom:20px;}
.area_policy ul li ul li{margin-bottom:2px; font-size:15px;}
.area_policy .inr_policy{padding:40px 0; border-bottom:1px solid #ddd;}
.area_policy .inr_policy:last-child{border:none;}

/* product */
/* .pro_text{margin-bottom:60rem;} */
.pro_text{margin-bottom:30rem;}
.pro_text b{color:#1947ba; font-size:20rem; font-weight:500;}
.pro_text h3{margin-bottom:15rem; color:#111; font-size:35rem;}
.pro_text p{font-size:18rem; color:#555; font-weight:300;}
.pro_text .text-black{ color: #222; }
.pro_text h4{margin-top:35rem; margin-bottom:9rem; font-size:25rem;}
.slingbelt-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--gutter); margin-top: 40rem;
	@media (width >= 768px) { grid-template-columns: repeat(3, 1fr); }
	img { display: block; width: 100%; height: auto; }
}

.pro_list ul{display:flex; flex-wrap: wrap; -moz-column-gap: 25rem; column-gap: 25rem; row-gap: 25rem;}
.pro_list ul li{position:relative; width: calc((100%/4) - 19rem);}
.pro_list ul li .img{position:relative; aspect-ratio: 331/250; }
.pro_list ul li .img:before{content:''; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.2); transition:0.5s}
.pro_list ul li:hover .img:before{background:rgba(25,71,186,0.8); transition:0.5s}

.pro_list ul li .img img{width:100%; height: 100%; object-fit: cover; }
.pro_list ul li .text{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; padding:40rem;}
.pro_list ul li .text p{margin-bottom:10rem; color:#fff; font-size:22rem; font-weight:600; line-height: 1.3;}
.pro_list ul li .text span img{height:15rem;}

.pro_list.c3 ul li{ width: calc((100%/3) - 17rem);}

/* .top_cont{padding:130rem 0;} */
.top_cont{padding: var(--section-padding-block) 0;}
.top_cont .img{width:50%;}
.top_cont .img img{width:100%}

.top_cont > div{display:flex;align-items: center;}
.top_cont > div > div{width:50%;}
.top_cont > div > .text{padding:0 60rem;}
.top_cont > div > .text > b{color:#1947ba; font-size:22rem; font-weight:500;}
.top_cont > div > .text h3{margin-bottom:20rem; font-size:45rem; color:#111;}
.top_cont > div > .text h4{display:flex; align-items: center; margin-bottom:7rem; font-size:25rem; color:#111; font-weight:500;}
.top_cont > div > .text h4:before{content:''; display:block; width:3rem; height:18rem; background:#1947ba; margin-right:10rem;}
.top_cont > div > .text p{font-size:20rem; color:#555; font-weight:300;}

.top_cont.v1 > div{display:block; text-align:center;}
.top_cont.v1 > div > div{width:100%;}
.top_cont.v1 > div > .text{margin-bottom:60rem;}
.top_cont.v1 .img img{max-width:100%; width:auto;}

/* .box_cont{margin-top:130rem;} */
.box_cont{margin-top: var(--section-padding-block);}
.box_cont{display:flex;}
.box_cont h4{line-height:1.3; width:25%; font-size:35rem; color:#111;}
.box_cont h5{margin-bottom:15rem; font-size:22rem; color:#111;}
.box_cont h5:only-child{ margin-bottom: 0; }
.box_cont .cont{width:75%}
.box_cont .cont p{line-height: 1.8;font-weight: 300; color: #444; font-size: 18rem; color:#444}
/* .box_cont .cont .box{margin-bottom:40rem; padding-bottom:40rem; border-bottom:1rem dashed #ddd} */
.box_cont .cont .box{margin-bottom:30rem; padding-bottom:30rem; border-bottom:1rem dashed #ddd}
.box_cont .cont .box.last{margin-bottom:0; padding-bottom:0; border-bottom:0;}

.box_cont.v1{flex-direction: column;}
.box_cont.v1 h4{margin-bottom:40rem; width:100%; text-align:center;}
.box_cont.v1 .cont{width:100%; text-align:center;}

/* .box_cont + .box_cont {border-top: 1px solid #ddd; padding-top: 130rem;} */
.box_cont + .box_cont {border-top: 1px solid #ddd; padding-top: var(--section-padding-block);}
.box_cont + .bg_gray { margin-top: var(--section-padding-block);}


.proList {margin-top:20rem; border-top:1px solid #7e7e7e;}
.proList dd{display:none; background:#fafafa;}
.proList dt,
.proList dd{position:relative; border-bottom:1px solid #eaecf1;}
.proList dt{ font-size:25rem;}
.proList dt.on:before{background: #333;}
.proList dd:before{display:none;}
.proList dd > div{line-height:1.6; padding:40rem; font-weight:300; }
.proList .box_comm{background:#fff;}
.proList dt a{display:block; padding-right:45rem; padding:30rem 0; padding-right:45rem; font-size:25rem; font-weight:500; color:#333;}
.proList dt a.on{ color:#1947ba;}
.proList dt a:after{content:''; display:block; position:absolute; right:32rem; top:50%; width:12rem; height:7rem; margin-top:-3rem; background:url(../images/board/img_faq.png) no-repeat 0 0; transition:all 0.3s ease 0s; opacity:0.5;}
.proList dt a:before{content:''; display:block; position:absolute; right:20rem; top:50%; width:36rem; height:36rem; margin-top:-18rem;}
.proList dt a.on:after{transform:rotate(180deg);}

.area_product_List{
	.map-group{ position: relative;
		.map-root{ position: relative; z-index: 0; width: 100%;
			.wrap_map{ height: 100%; }
			svg, .map_border, .wrap_controllers, .cont{ display: none; }
			@media(width >= 768px){
				.wrap_map{ height: 500rem; }
			}
			@media(width < 768px){
				&{ aspect-ratio: 1; }
			}
		}
		.is-hidden{ position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; }
		@media (prefers-reduced-motion: no-preference){
			.map-root{ transition: .3s; }
		}
	}
	.btn_area{padding-bottom:0;}
}

.area_product_view .proList dd > div{display:flex;align-items: center;}
.area_product_view .proList dd > div .text{padding:0 50rem;}
.area_product_view .proList dd > div .text p{margin-bottom:10rem;font-size: 23rem;color:#111;font-weight: 700;}
.area_product_view .proList dd > div .img{ position: relative; max-width:300rem; }
.area_product_view .proList dd > div .img img{max-width:300rem;}
.area_product_view .proList dd > div .img--width-full{
	&, > img{ display: block; max-width: 100%; width: 100%; }
}
.area_product_view .proList .second-image{
	position: absolute; inset: 0 0 auto; opacity: 0; pointer-events: none;
	.img:hover &{ opacity: 1; animation: 0; }
	@media(prefers-reduced-motion: no-preference){
		animation: fade-in-out 3s infinite alternate;
	}
}
@keyframes fade-in-out {
	0%, 40%{ opacity: 0; }
	60%, 100%{ opacity: 1; }
}
.ui-store-link{ display: block; width: 100%; margin-top: .5lh;
	/* .area_product_view &{ margin-top: .5lh; } */
	.store-image{ display: block; width: 100%; height: auto; max-width: 300rem; }
}
.area_product_view .pro_table:not(.temp-table){ background: #fff;
	/* tbody th:not([scope="rowgroup"]){ background: #fff; font-weight: 400; } */
}

/*area_product_view table & container*/
.page-aerogel{
	.area_product_view .pd130 {position: relative;}
	.pro_table--aerogel{ border-top:0;
		th {background: #fff; color: #535862; border-left: 0; font-size: 18rem;}
		td {border-left: 0; border-bottom: 1px solid #E9EAEB; color: #535862; font-weight: 300; font-size: 18rem; padding-block: 16rem;}
		td:has(.img){ align-content: end; }
		tbody tr:nth-child(odd) {background-color: #fcfcfc;}
		td img {max-width: 80%;}
	}
	
	/*area_product_view aerogel sec-1*/
	.area_product_view .pd130.description .wrap {margin-bottom: 100rem; justify-items: center;}
	.area_product_view .pd130.description {position: relative;}
	.area_product_view .pd130.description img {width: 500rem; height: auto; /*margin-bottom: 40rem;*/}
	.area_product_view .pd130.description .text {border-radius: 999px; border: solid 1px #222; padding: 60rem 120rem; display: flex; flex-direction: column; align-items: center; max-width: 1096px; background-color: #fff;}
	.area_product_view .pd130.description .text b {color:#1947ba; font-size:22rem; font-weight:500;}
	.area_product_view .pd130.description .text h3 {margin-bottom:20rem; font-size:45rem; color:#111; text-align: center; font-weight: 400;}
	.area_product_view .pd130.description .text p {font-size:20rem; color:#555; font-weight: 400; text-align: center;}
	.area_product_view .pd130.description:before {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:35%; background:#f6f6f6}
	
	/*area_product_view aerogel sec-2*/
	.area_product_view .pd130.material {margin-top: 80rem;}
	.area_product_view .pd130.material .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.material .title-wrap {width: 25%;}
	.area_product_view .pd130.material .title-wrap h4 {width: 100%; margin-bottom: 20rem;}
	.area_product_view .pd130.material .title-wrap p {line-height: 1.8; font-weight: 400; font-size: 18rem; color: #555;}
	.area_product_view .pd130.material .aerogel-material-wrap {display: flex; flex-direction: row; align-items: center; gap: 24rem;}
	.area_product_view .pd130.material .aerogel-material-wrap img {max-width: 100%;}
	.area_product_view .pd130.material .aerogel-img-wrap {display: flex; flex-direction: column;align-items: flex-start;gap: 24rem;flex: 1 0 0}
	
	/*area_product_view aerogel sec-3*/
	.area_product_view .pd130.application {padding-bottom: 0px !important;}
	.area_product_view .pd130.application .wrap {/*margin: 0 0 0 auto;*/ padding-top: 80rem; margin-right: 0; margin-left: calc((100vw - 1400rem) / 2); justify-content: end;width: calc(50vw + 700rem);}
	.area_product_view .pd130.application .wrap .cont {width: auto; flex: 1; overflow: hidden;}
	.area_product_view .pd130.application::before {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:60%; height:100%; background: url("/images/content/aerogel/bg-applications.png") center / cover no-repeat; border-radius: 0 302px 0 0;}
	.area_product_view .pd130.application h4 {color: #fff; width: 350rem; flex-shrink: 0; line-height: 140%;}
	.area_product_view .pd130.application .aerogel-rec-wrap {display: flex; flex-direction: row; margin-top: 200rem;}
	.area_product_view .pd130.application .aerogel-rec {display: flex; flex-direction: column; width: 320px; aspect-ratio: 1 / 1; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 36px; justify-content: flex-end; align-items: flex-start; flex: 1 0 0;}
	.area_product_view .pd130.application .rec-1 {background-image: url("/images/content/aerogel/bg-aerogel-rec1.png");}
	.area_product_view .pd130.application .rec-2 {background-image: url("/images/content/aerogel/bg-aerogel-rec2.png");}
	.area_product_view .pd130.application .rec-3 {background-image: url("/images/content/aerogel/bg-aerogel-rec3.png");}
	.area_product_view .pd130.application .rec-4 {background-image: url("/images/content/aerogel/bg-aerogel-rec4.png");}
	.area_product_view .pd130.application .aerogel-rec h3 {color: #fff; font-size: 24rem; font-weight: 400;}
	.area_product_view .pd130.application .aerogel-rec p {color: #fff; font-size: 20rem;}
	
	/*area_product_view aerogel sec-4*/
	.area_product_view .pd130.key-features .wrap {padding-top: 80rem;}
	.area_product_view .pd130.key-features .box_cont .cont {width: 65%;}
	.area_product_view .pd130.key-features::before {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:100%; background: url("/images/content/aerogel/bg-keyfeatures.png") lightgray 0% / cover no-repeat;}
	.area_product_view .pd130.key-features .aerogel-circle-wrap {display: flex; flex-direction: row;}
	.area_product_view .pd130.key-features .aerogel-circle-wrap:last-child {justify-content: end;}
	.area_product_view .pd130.key-features .aerogel-circle {display: flex; flex-direction: column; width: calc(100% / 3); aspect-ratio: 1 / 1; height: auto; border-radius: 999px; background: rgba(0, 71, 186, 0.80); backdrop-filter: blur(5px); justify-content: center; align-items: center; gap: 8rem;}
	.area_product_view .pd130.key-features .aerogel-circle h3 {color: #fff; text-align: center; font-size: 24rem; font-weight: 400;}
	.area_product_view .pd130.key-features .aerogel-circle p {color: #fff; text-align: center;}
	.area_product_view .pd130.key-features .action {display: flex; flex-direction: column; gap: 16rem; border-radius: 999px; background-color: #fff; border-color: #222; border: solid 1px #222; max-width: 860rem; margin: 80rem auto; padding: 40rem 80rem; align-items: center; }
	.area_product_view .pd130.key-features .action h4 {font-size: 24rem; font-weight: 500;}
	.area_product_view .pd130.key-features .action .ui-store-link {justify-items: center;}
	
	/*area_product_view flexinsulate sec-1*/
	.area_product_view .pd130.overview {margin-top: 80rem;}
	.area_product_view .pd130.overview .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.overview .text {padding: 60rem 120rem 80rem 120rem; display: flex; flex-direction: column; align-items: center; max-width: 1400px; background-color: #fff;}
	.area_product_view .pd130.overview .text h3 {margin-bottom:20rem; font-size:45rem; color:#111; font-weight: 400;}
	.area_product_view .pd130.overview .text p {font-size:20rem; color:#555; font-weight:400; text-align: center;}
	.area_product_view .pd130.overview:before {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:37%; background:#f6f6f6}
	.area_product_view .pd130.overview .comparison {display: flex; flex-direction: row; gap: 44rem; margin-top: 60rem; justify-content: center;}
	.area_product_view .pd130.overview .comparison .card .content {border-radius: 20px; border: 1px solid #000; display: flex; padding: 64rem 64rem 32rem 32rem; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; position: relative; background-color: #fff;}
	.area_product_view .pd130.overview .comparison .content .title {border-radius: 999px; background: #336CC8; display: flex; padding: 8px 0; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; position: absolute; top: -2%; left: 0; width: 100%; font-size: 26rem; color: #fff;}
	.area_product_view .pd130.overview .comparison .content li {margin-bottom: 10rem;}
	.area_product_view .pd130.overview .comparison .content h3 {font-size: 26rem; margin-bottom: 6rem;}
	.area_product_view .pd130.overview .comparison .content p {color: #979797; font-size: 20rem; margin-left: 20rem; font-weight: 400;}
	.area_product_view .pd130.overview .comparison .content .circle {position: absolute; bottom: -16%; right: -28%; width: 200rem;}
	
	/*area_product_view flexinsulate sec-2*/
	.area_product_view .pd130.comparison {border-bottom: 1px solid #E5E5E5; margin-top: 120rem;}
	.area_product_view .pd130.comparison .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.comparison .card-wrapper {display: flex; flex-direction: row; gap: 20rem; margin-top: 80rem;}
	.area_product_view .pd130.comparison .card-wrapper .card {width: 100%;}
	.area_product_view .pd130.comparison .card-wrapper .card .img {width: 100%;}
	.area_product_view .pd130.comparison .card-wrapper .card h3 {text-align: center; margin-top: 20rem; font-size: 24rem; font-weight: 500;}
	
	
	/*area_product_view flexinsulate sec-3*/
	.area_product_view .pd130.performance {border-bottom: 1px solid #E5E5E5; margin-top: 120rem;}
	.area_product_view .pd130.performance .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.performance .pro_table tbody td.cell-merge {background-color: #fff !important;}
	
	/*area_product_view flexinsulate sec-4*/
	.area_product_view .pd130.efficiency {border-bottom: 1px solid #E5E5E5; margin-top: 120rem;}
	.area_product_view .pd130.efficiency .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.efficiency .currency-info {text-align: end;}
	.area_product_view .pd130.efficiency .card-wrapper {display: flex; flex-direction: row; gap: 60rem; margin-block: 40rem;}
	.area_product_view .pd130.efficiency .card-wrapper .card {width: 100%;}
	.area_product_view .pd130.efficiency .card-wrapper .card .img {width: 100%;}
	.area_product_view .pd130.efficiency .card-wrapper .card-application {padding: 14rem; display: flex; flex-direction: column; align-items: center; gap: 16rem; border-radius: 14px; border: 1px solid #EAEAEA;}
	.area_product_view .pd130.efficiency .card-wrapper .card-application h3 {color: #336CC8; text-align: center; font-size: 22rem; font-weight: 500;}
	.area_product_view .pd130.efficiency .card-wrapper .card-application li {color: #535862;text-align: center;font-size: 18rem; font-weight: 300;}
	.area_product_view .pd130.efficiency .pro_table tbody td.cell-merge {background-color: #fcfcfc !important;}
	
	/*area_product_view flexinsulate sec-5*/
	.area_product_view .pd130.reduction {border-bottom: 1px solid #E5E5E5; margin-top: 120rem;}
	.area_product_view .pd130.reduction .wrap {margin-bottom: 120rem;}
	.area_product_view .pd130.reduction .card-wrapper {display: flex; flex-direction: row; gap: 40rem;}
	.area_product_view .pd130.reduction .card-wrapper .card {width: 100%;}
	.area_product_view .pd130.reduction .card-wrapper .card .scrollTable_wrap {border-radius: 20px; border: 1px solid #E9EAEB;}
	.area_product_view .pd130.reduction .card-wrapper .card h3 {margin-top: 20rem;}
	.area_product_view .pd130.reduction .card-wrapper .card p {color: #979797;}
	.area_product_view .pd130.reduction .card-wrapper .header-flexinsulate {color: #004A99;}
	
	/*area_product_view flexinsulate sec-6*/
	.area_product_view .pd130.reusable .wrap {padding-top: 120rem;}
	.area_product_view .pd130.reusable::before {content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:100%; background: url("/images/content/aerogel/bg-keyfeatures.png") lightgray 0% / cover no-repeat;}
	.area_product_view .pd130.reusable .card-wrapper {display: flex; flex-direction: column; gap: 40rem; margin-top: 40rem; width: 75%; align-items: center;}
	.area_product_view .pd130.reusable .card-wrapper h4 {display: flex; padding: 40rem 60rem; text-align: center; align-items: center; border-radius: 999px; border: 0.7px solid #000; background: #FFF; width: 80%; font-size: 26rem; font-weight: 400; color: #444;}
	.area_product_view .pd130.reusable .card-wrapper .card h3 {text-align: center; margin-top: 30rem; font-size: 26rem; font-weight: 400;}
	.area_product_view .pd130.reusable .card-wrapper .card img {width: 100%;}
	
	@media (max-width: 1024px) {
		/*area_product_view flexinsulate sec-1*/
		.area_product_view .pd130.overview .comparison .content .circle {bottom: -12%; right: -16%;}
	
		/*area_product_view flexinsulate sec-5*/
		.area_product_view .pd130.reduction .card-wrapper {flex-direction: column;}
		.area_product_view .pd130.reduction .card-wrapper .img-comparison {rotate: 90deg; width: 25%; margin-block: 40rem;}
		.area_product_view .pd130.reduction .card-wrapper .card .scrollTable_wrap {max-width: 60%;}
	}
	
	@media (max-width: 768px) {
		/*area_product_view table*/
		.area_product_view .pro_table th {font-size: 13rem;}
		.area_product_view .pro_table td {font-size: 13rem; padding-block: 10rem;}
	
		/*area_product_view aerogel sec-1*/
		.area_product_view .pd130.description img {width: 300rem;}
		.area_product_view .pd130.description .wrap {margin-bottom: 0;}
		.area_product_view .pd130.description .text {max-width: 100%; padding: 40rem 40rem 80rem 40rem;}
		.area_product_view .pd130.description .text h3 {font-size: 24rem;}
		.area_product_view .pd130.description .text p {font-size: 16rem;}
		.area_product_view .pd130.description:before {height: 40%;}
	
		/*area_product_view aerogel sec-2*/
		.area_product_view .pd130.material {margin-top: 0;}
		.area_product_view .pd130.material .wrap {margin-bottom: 0;}
		.area_product_view .pd130.material .title-wrap {width: 100%;}
		.area_product_view .pd130.material .title-wrap p {font-size: 14rem;}
		.area_product_view .pd130.material .aerogel-material-wrap {flex-direction: column; gap: 16rem; margin-top: 10rem;}
		.area_product_view .pd130.material .aerogel-img-wrap {gap: 16rem;}
	
		/*area_product_view aerogel sec-3*/
		.area_product_view .pd130.application .wrap {padding-top: 0; width: 100%; margin-left: 20rem; margin-right: 20rem;}
		.area_product_view .pd130.application::before {width: 100%; border-radius: 0 120px 0 0;}
		.area_product_view .pd130.application .aerogel-rec-wrap {margin-top: 40rem; flex-direction: column; }
		.area_product_view .pd130.application .aerogel-rec {width: 100%; height: 180px; padding: 20px;}
		.area_product_view .pd130.application .aerogel-rec h3 {font-size: 18rem;}
		.area_product_view .pd130.application .aerogel-rec p {font-size: 14rem;}
	
		/*area_product_view aerogel sec-4*/
		.area_product_view .pd130.key-features .wrap {padding-top: 0;}
		.area_product_view .pd130.key-features .box_cont .cont {width: 100%;}
		.area_product_view .pd130.key-features .aerogel-circle {width: 50%; gap: 4rem;}
		.area_product_view .pd130.key-features .aerogel-circle h3 {font-size: 18rem;}
		.area_product_view .pd130.key-features .aerogel-circle p {font-size: 12rem;}
		.area_product_view .pd130.key-features .action {padding: 20rem 40rem; gap: 8rem; margin: 40rem 20rem;}
		.area_product_view .pd130.key-features .action h4 {font-size: 16rem; text-align: center;}
	
		/*area_product_view flexinsulate sec-1*/
		.area_product_view .pd130.overview {border-bottom: 1px solid #E5E5E5; margin-top: 40rem;}
		.area_product_view .pd130.overview .wrap {margin-bottom: 80rem;}
		.area_product_view .pd130.overview .text {padding: 0;}
		.area_product_view .pd130.overview .comparison {flex-direction: column; align-items: center;}
		.area_product_view .pd130.overview .comparison .img-comparison {rotate: 90deg; width: 25%; margin-block: 0rem;}
		.area_product_view .pd130.overview .comparison .content .circle {width: 160rem;}
		.area_product_view .pd130.overview:before {display: none;}
		.area_product_view .pd130.overview .text h3 {font-size: 28rem;}
		.area_product_view .pd130.overview .text p {font-size: 14rem;}
		.area_product_view .pd130.overview .comparison .content .title {font-size: 16rem;}
		.area_product_view .pd130.overview .comparison .content h3 {font-size: 16rem;}
		.area_product_view .pd130.overview .comparison .content p {font-size: 14rem;}
		.area_product_view .pd130.overview .comparison .content .circle {width: 130rem;}
	
		/*area_product_view flexinsulate sec-2*/
		.area_product_view .pd130.comparison {margin-top: 0rem;}
		.area_product_view .pd130.comparison .card-wrapper {flex-direction: column;}
		.area_product_view .pd130.comparison .card-wrapper .card h3 {font-size: 20rem;}
		.area_product_view .pd130.comparison .wrap {margin-bottom: 0rem;}
	
		/*area_product_view flexinsulate sec-3*/
		.area_product_view .pd130.performance {margin-top: 0rem;}
		.area_product_view .pd130.performance .wrap {margin-bottom:0rem;}
	
		/*area_product_view flexinsulate sec-4*/
		.area_product_view .pd130.efficiency {margin-top: 0rem;}
		.area_product_view .pd130.efficiency .wrap {margin-bottom: 0rem;}
		.area_product_view .pd130.efficiency .card-wrapper {flex-direction: column; gap: 20rem;}
		.area_product_view .pd130.efficiency .card-wrapper .card-application {gap: 10rem;}
		.area_product_view .pd130.efficiency .card-wrapper .card-application h3 {font-size: 14rem;}
		.area_product_view .pd130.efficiency .card-wrapper .card-application li {font-size: 13rem;}
	
		/*area_product_view flexinsulate sec-5*/ 
		.area_product_view .pd130.reduction {margin-top: 0rem;}
		.area_product_view .pd130.reduction .wrap {margin-bottom: 0rem;}
		.area_product_view .pd130.reduction .card-wrapper {align-items: center;}
		.area_product_view .pd130.reduction .card-wrapper .card img {width: 100%;}
		.area_product_view .pd130.reduction .card-wrapper .img-comparison {margin-block:0;}
		.area_product_view .pd130.reduction .card-wrapper .card .scrollTable_wrap {max-width: 100%;}
	
		/*area_product_view flexinsulate sec-6*/ 
		.area_product_view .pd130.reusable .wrap {padding-top: 0rem;}
		.area_product_view .pd130.reusable .card-wrapper {width:100%;}
		.area_product_view .pd130.reusable .card-wrapper .card h3 {font-size: 14rem;}
		.area_product_view .pd130.reusable .card-wrapper h4 {width: 100%; font-size: 14rem; text-align: center; padding: 10rem 20rem;}
	}
}

/* .dot_list > li{position:relative;display:flex;padding-left:10rem;margin-bottom:10rem;word-break:keep-all;font-size: 18rem;} */
.dot_list > li{position:relative;display:flex;padding-left:10rem;word-break:keep-all;font-size: 18rem;gap:2ch;}
.dot_list > li:before{content:"";position:absolute;left:0;top:13rem;width:3rem;height:3rem;margin-right:5rem;background:#979797;border-radius:50%;}
.dot_list li > b{width:100rem; color:#111}
.dot_list li > div{width:calc(100% - 100rem)}

.bar_list li{position:relative;display:flex;padding-left:10rem;margin-bottom:10rem;word-break:break-all;font-size: 18rem;}
.bar_list li:before{content:"";position:absolute;left:0;top:15rem;width:4rem;height:1rem;margin-right:5rem;background:#979797;border-radius:50%;}

.dot_list2 li{padding:20rem; margin-bottom:10rem; background:#fff; word-break:break-all;font-size: 18rem; border:1px solid #ddd;}
.dot_list2 li p{position:relative; padding-left:12rem;}
.dot_list2 li p:before{content:"";position:absolute;left:0;top:13rem;width:3rem;height:3rem;margin-right:5rem;background:#979797;border-radius:50%;}

.btn_wrap{text-align:center;}
.added{margin-top:15rem; font-weight:300; color:#555}

.box_list{display:flex; flex-wrap: wrap; gap: var(--gutter); }
/* .box_list > li{ width: calc(33.3% - 20rem); padding:40rem; background:#fff;} */
.box_list > li{ width: calc(33.3% - 20rem); padding:20rem; background:#fff;}
.box_list > li b{font-size:22rem;color: #cdcdcd;}
.box_list > li p{font-size:18rem;}

.box_list.line{display:flex; flex-wrap: wrap; column-gap: 30rem; row-gap: 30rem;}
.box_list.line > li{ width: calc(33.3% - 20rem); padding:40rem; background:#fff; border:2px solid #eee;}

.ceti_list{display:flex; flex-wrap: wrap; column-gap: 30rem; row-gap: 30rem;}
.ceti_list > li{ width: calc(33.3% - 20rem);}
.ceti_list > li img{width:100%; border:1px solid #ddd;}

.icon_list{display:flex;flex-wrap: wrap; column-gap: 30rem; row-gap: 30rem; margin-top:30rem;}
.icon_list > li{width: calc(33.3% - 20rem);display: flex;flex-direction: column;align-items: center;background: #f6f6f6;padding:50rem 10rem;}
.icon_list > li .img{width:130rem;height:130rem;border-radius:50%;background:#1947ba;display: flex;align-items: center;justify-content: center;}
.icon_list > li .img img{height:65rem;}
.icon_list > li p{margin-top:15rem; color:#111;}

.bar_text{position:relative; margin-top:15rem; padding-left:18rem; font-weight:500; color:#444}
.bar_text:before{content:""; position:absolute; left:0; top:14rem; width:7rem; height:1rem; margin-right:5px; background:#ababab;}

.bg_text{background:#f6f6f6; padding:15rem; text-align:center;}

/* table */
.pro_table{border-top:2rem solid #000;}
/* .pro_table th{background:#f4f7f9; padding:20rem 20rem; border-bottom:1px solid #ddd; border-left:1px solid #ddd;} */
.pro_table th{background:#f4f7f9; padding:10rem; border-bottom:1px solid #E9EAEB; border-left:1px solid #ddd;}
/* #wrap .pro_table tbody th{ background: #f4f7f9; font-weight: 700; } */
.pro_table .left{text-align:left;}
/* .pro_table td{border-bottom:1px solid #ddd; padding:20rem 20rem; text-align:center; border-left:1px solid #ddd; color:#444} */
.pro_table td{border-bottom:1px solid #ddd; padding:10rem; text-align:center; border-left:1px solid #ddd; color:#444}
.pro_table td img{max-width:100%;}
/* .pro_table th:first-child,
.pro_table td:first-child{border-left:0;} */
#content .pro_table th.bdl,
#content .pro_table td.bdl{border-left:1px solid #ddd;}
.pro_table--table-fixed{table-layout: fixed;}
.pro_table p{margin:3rem 0;}
.pro_table .mk{font-weight: bold; color: #980000; font-size: 11rem; vertical-align: top;}
.pro_table .sm{font-size: 11rem; vertical-align: top;}
.pro_table .bg_gray{background: #f6f6f6;}
.pro_table .blue{color: #1947ba;}
.pro_table .bd_right {border-right: 1px solid #ddd;}
.pro_table .bd_left{ border-left:1px solid #ddd; }
.pro_table .text-right{ text-align: right; }
.pro_table .text-left{ text-align: left; }
.pro_table .border-0{ border: 0; }
.pro_table .table-title{ overflow: auto; line-height: normal; text-indent: 0; font-weight: 700; margin-bottom: .5lh;
	@media(width>860px){
		font-size: 24rem;
	}
	@media(width<=860px){
		font-size: 18rem;
	}
}
.table-fixed{ table-layout: fixed }

/* img list */
.img_gall_list .btn [role="button"]{color:#111;}

.cont_video{position:relative; padding-top:56.25%; margin-bottom:20px;}
.cont_video iframe{position:absolute; top:0; left:0; display:block; width:100% !important; height:100%;}

/* n승 스타일 */
.txt_up {position: relative; display: inline-block; padding-right: 2rem;}
.txt_up i {position: absolute; right: 0; top: 0; font-size: 0.5em; transform: translate(100%, 0);}
.txt_down {margin-right: 5rem;}
.txt_down i {margin: 0 3rem; font-size: 0.5em;}

/* 소화포 */
.fire0302 ul{display:flex; flex-wrap: wrap;  -moz-column-gap: 30rem;  column-gap: 30rem; row-gap: 30rem;}
.fire0302 ul li{padding:40rem; width: calc(50% - 20rem); background:#f8f8f8}
.fire0302 ul li b{font-size:22rem; color:#111;}
.fire0302 ul li div{margin-top:8rem;}

.pro_img_list{}
.pro_img_list li{margin-bottom:40rem;}
.pro_img_list li p{position:relative; margin-top:15rem; padding-left:14rem; font-weight:600; color:#111}
.pro_img_list li p:before{content:""; position:absolute; left:0; top:14rem; width:5rem; height:1rem; margin-right:5px; background:#555;}
.pro_img_list li:last-child{margin-bottom:0;}

/* 히팅자켓 */
.area_heating .pro_text{text-align:center;}
.heating_wrap{position:relative;max-width:1300rem;margin: 0 auto;}
.heating_wrap img{max-width:100%;}
.heating_wrap ul li{position:absolute;width:40rem;height:40rem;background:#1947ba;border-radius:50%;color:#fff;z-index: 2;}
.heating_wrap ul li:before{content:'';opacity: 0.8;z-index: -1;position:absolute;top: -5rem;left: -5rem;-webkit-animation: circleScale 2s infinite ease-out;animation: circleScale 2s infinite ease-out;width: 50rem;height: 50rem;background:#1947ba;border-radius:50rem;}
.heating_wrap ul li a{display:flex;color:#fff;align-items: center;justify-content: center;width: 100%;height: 100%;font-weight: 600;}
.heating_wrap .heating1{top: 150rem; right: 390rem;}
.heating_wrap .heating2{top: 250rem; right:430rem;}
.heating_wrap .heating3{top: 300rem; right:460rem;}
.heating_wrap .heating4{top: 410rem; left: 490rem;}
.heating_wrap .heating5{bottom:135rem; left:350rem;}
.heating_wrap .heating6{bottom: 245rem; left:300rem;}

@-webkit-keyframes circleScale{
	from {
		transform: scale(0.8, 0.8);
		opacity: .5;
	  }
	  to {
		transform: scale(1.2,1.2);
		opacity: 0;
	  }
}

@keyframes circleScale{
	from {
		transform: scale(0.8, 0.8);
		opacity: .5;
	  }
	  to {
		transform: scale(1.2,1.2);
		opacity: 0;
	  }
}
/* .text_heating .box{box-sizing:border-box; padding:60rem; background:#f8f8f8; max-width:1200rem; margin:60rem auto;} */
.text_heating .box{box-sizing:border-box; padding:30rem; background:#f8f8f8; max-width:1200rem; margin:30rem auto;}
.text_heating .box h3{display:flex; align-items: center; margin-bottom:25rem; font-size:25rem; font-weight:500;}
.text_heating .box h3 i{display:flex; align-items: center;  justify-content: center; width:40rem; height:40rem; margin-right:15rem; background:#1947ba; color:#fff; border-radius:50%; font-size:18rem;}

.list-3{display:flex; justify-content: space-between;}
.list-3 li{width:32.3%; text-align:center}

.list-2{display:flex; justify-content: space-between;}
.list-2 li{width:48%; text-align:center}
.list-2 li img{width:100%;}
.list-2 li p{margin-top:10rem;}


/* img_list */
.img_list {display: grid; gap: 10rem; grid-template-columns: repeat(2, 1fr);}
.img_list.item3 {grid-template-columns: repeat(3, 1fr);}
.img_list.item4 {grid-template-columns: repeat(4, 1fr);}
.img_list.item5 {grid-template-columns: repeat(5, 1fr);}
.img_list.item6 {grid-template-columns: repeat(6, 1fr);}
.img_list.flex {display: flex; gap: 0 !important; flex-wrap: wrap;}
.img_list.flex img {margin: 5rem; border: 1px solid #ddd;}


/* tab */
.tab ul{list-style:none;margin:0;padding:0;}
.tab ul.title li:first-child {margin-left:0;}
.tab ul.title li {float:left; width:33.3333%; box-sizing:border-box;border-left: 1px solid rgba(255,255,255,0.2);}
.tab ul.title li a {display:block;background:#999;padding:15rem 10rem;color:#fff; }
.tab ul.title li a.show {background:#1947ba; color:#fff;}
.tab ul.title:after {content:""; display:block; clear:both; }
.tab .panel > div{display:none; overflow:hidden;  padding:30rem; border:1px solid #ddd}

/* 준비중 */
.area_ready{padding:120rem 10rem; background:url(../../images/content/sub_visual01.jpg) no-repeat center; text-align:center; color:#fff;}
.area_ready b{color:#fff; letter-spacing:3rem;}
.area_ready h3{margin-top:25rem; font-size:30rem;}

/* about */
/* .area_about .about01{padding:150rem 10rem; background:url(../../images/content/img_about_bg.jpg) no-repeat center; text-align:center;} */
/* .area_about .about01{padding:var(--section-padding-block) 10rem; background:url(../../images/content/img_about_bg.jpg) no-repeat center; text-align:center;}
.area_about .about01 h3{margin-bottom:65rem; color:#fff; font-size:40rem;}
.area_about .about01 ul{display:flex;max-width:1200rem; justify-content: space-between; margin:0 auto;}
.area_about .about01 ul li{width:350rem;height:350rem;padding:10rem 10rem;border: 1px dashed rgba(255,255,255,0.5);border-radius:50%;display: flex;align-items: center;flex-direction: column;justify-content: center;}
.area_about .about01 ul li img{height:85rem;}
.area_about .about01 ul li p{line-height:1.5; margin-top:30rem; font-weight:600; font-size:20rem; color:#fff;} */

/* .about02{margin-top:150rem;} */
/* .about02{margin-top:var(--section-padding-block);}
.about02 h3{margin-bottom:65rem; text-align:center; font-size:40rem;}
.history_wrap {display:flex;position:relative;justify-content: space-between;}
.history_wrap .history_img{width:40%;}
.history_wrap .history_img img{width:100%;}
.history_wrap .history_img p{margin:30rem 0; font-size:28rem; color:#111; font-weight:600;}
.history_wrap .history_img p b{display:block; color:#1947ba;}

.history_wrap .history_desc{width:50%;}
.history_wrap .history_desc dl{position:relative; display:flex; padding-left:40rem;}
.history_wrap .history_desc dl:before {display:block; content:''; height:100%; width:1px; background:#ddd; position:absolute; left:4rem; top:14rem;}

.history_wrap .history_desc dl:first-child{padding-top:0;}
.history_wrap .history_desc dl {display:flex; padding-top:35rem;}
.history_wrap .history_desc dl dt, .history_con .history_unit dl dd {}
.history_wrap .history_desc dl dt {font-weight:bold}
.history_wrap .history_desc dl dd {padding-left:40px; word-break:break-word;}
.history_wrap .history_desc .year {position:relative; width:100rem; font-size:25rem; font-weight:bold; vertical-align:middle;}
.history_wrap .history_desc .year:after {display:block; content:''; width:10rem; height:10rem; background:#1947ba; border-radius:100%; position:absolute; top:14rem; left:-40rem;} */

.area_about {
	.about01 { padding: var(--section-padding-block) 10rem; text-align: center; background: url("/images/content/img_about_bg.jpg") no-repeat 0 50% / cover;
		h3 { margin-bottom: 1.625em; font-size: clamp(32rem, calc(40 / var(--container) * 100vw), 40rem); line-height: 1.2; text-wrap: balance; color: #fff; }
		ul { display: flex; justify-content: space-between; gap: 10rem; max-width: 1200rem; margin: 0 auto; font-size: clamp(14rem, calc(20 / var(--container) * 100vw), 20rem);
			@media (width < 768px) { flex-direction: column; }
		}
		li { display: flex; gap: 1.5em 2ch; width: 100%; max-width: 350rem; padding: 1.5ch 2ch; border: 1px dashed hsla(0,0%,100%,.5);
			@media (width >= 768px) { flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 50%; }
			@media (width < 768px) { text-align: left; border-radius: 10rem; }
		}
		img { height: clamp(40rem, calc(85 / var(--container) * 100vw), 85rem); }
		p { font-weight: 600; line-height: 1.5; color: #fff; }
	}
	.about02 { margin-top: var(--section-padding-block);
		h3 { margin-bottom: 1.625em; font-size: clamp(32rem, calc(40 / var(--container) * 100vw), 40rem); text-align: center; }
		.history_wrap { display: grid; justify-content: space-between; gap: 40rem 10%;
			@media (width >= 768px) { grid-template-columns: 40% 50%; }
		}
		.history_img p { margin: 1.07142857em 0; font-weight: 600; font-size: clamp(18rem, calc(28 / var(--container) * 100vw), 28rem); color: #111; }
		.history_img p b { display: block; color: #1947ba; }
		.history_img img { display: block; width: 100%; }
		.history_desc { }
		dl { position: relative; display: flex; gap: 0 1.6em; padding-top: 1.4em; padding-left: 1.6em; font-size: clamp(16rem, calc(25 / var(--container) * 100vw), 25rem);
			@media (width < 768px){
				flex-direction: column;
			}
		}
		dl:first-child { padding-top: 0; }
		dl:before { position: absolute; top: 0.5lh; left: 4rem; display: block; width: 1px; height: 100%; background: #ddd; content: ""; }
		.year { position: relative; width: 4em; font-weight: 700; vertical-align: middle; }
		.year:after { position: absolute; top: 0.5lh; left: -1.6em; display: block; width: clamp(5rem, 0.4em, 10rem); aspect-ratio: 1; background: #1947ba; border-radius: 100%; content: ""; translate: 0 -50%; }
		dd { word-break: break-word; }
		li { font-size: clamp(16rem, calc(18 / var(--container) * 100vw), 18rem); }
	}
}


/* 인증서 */
/* .area_certi .list{display:flex; flex-wrap: wrap; column-gap: 30rem; row-gap: 45rem;}
.area_certi .list li{width: -webkit-calc((100%/4) - 23rem); width: calc((100%/4) - 23rem); }
.area_certi .list li img{width:100%; border:1px solid #ddd;}
.area_certi .list li p{ margin-top:15rem; text-align:center; color:#111; font-weight:500;} */

.area_certi{
	--gap: clamp(8rem, calc(30 / var(--container) * 100vw), 30rem);
	.list{display:grid; grid-template-columns: repeat(auto-fill, minmax(min(clamp(220rem, calc(320 / var(--container) * 100vw), 320rem), calc((100% - var(--gap)) / 2)), 1fr)); gap: clamp(24rem, calc(45 / var(--container) * 100vw), 45rem) var(--gap);}
	.list img{display: block; width:100%; border:1px solid #ddd; height: auto;}
	.list p{ margin-top:0.83333333em; text-align:center; color:#111; font-weight:500; }
}

/* rnd */
.area_rnd .rnd01{ }
/* .area_rnd .rnd01 h3{margin-top:65rem; text-align:center; font-size:30rem; color:#000; font-weight:700;} */
.area_rnd .rnd01 h3{margin-top:var(--section-padding-block); text-align:center; font-size:30rem; color:#000; font-weight:700;}
.area_rnd .rnd01 p{margin-top:30rem;text-align:center; font-size:18rem; font-weight:300;}
/* .area_rnd .rnd01 ul{display:flex; justify-content: center; margin:70rem 0;} */
.area_rnd .rnd01 ul{display:flex; justify-content: center; margin:var(--section-padding-block) 0;}
.area_rnd .rnd01 ul li{display:flex;width:300rem; padding:60rem 10rem; margin:0 30rem; background:#f8f8f8; flex-direction: column;align-items: center;justify-content: center;}
.area_rnd .rnd01 ul li img{height:65rem;}
.area_rnd .rnd01 ul li span{font-weight:600;text-align:center;color:#111;font-size:20rem;margin-top: 20rem;line-height: 1.5;}

/* application */
.area_application {}
/* .area_application .top_img {position:relative; padding-bottom:130rem;} */
.area_application .top_img {position:relative; padding-bottom:var(--section-padding-block);}
.area_application .top_img:before{content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:50%; background:#f6f6f6}
.area_application .top_img--no-bg::before{display: none;}
.area_application .top_img p{margin-top:35rem; text-align:center; font-size:18rem;}
.area_application .top_img img {max-width: 100%;}
.area_application .bx_table {display: flex; flex-wrap: wrap; margin-bottom: 30rem;}
.area_application .bx_table > p {margin-bottom: 10rem; flex-basis: 100%; font-weight: 600; color: #111;}
.area_application .bx_table > p span {font-weight: 400; color: #666; font-size: 16rem; padding-left: 5rem;}
.area_application .bx_table .img {flex-basis:240rem; padding-left: 10rem;}
.area_application .bx_table .scrollTable_wrap {flex-basis: calc(100% - 240rem);}
.area_application .bx_table .pro_table thead tr:first-child th:first-child {border-right: 1px solid #ddd;}
.area_application .bx_table .pro_table th,
.area_application .bx_table .pro_table td{padding: 10rem;}
.area_application .bx_table .color1 {background: #fef1f1;}
.area_application .bx_table .color2 {background: #ecf9f0;}
.area_application h5 + p {margin-bottom: 20rem;}
.area_application .dot_list + .scrollTable_wrap {margin-top: 30rem;}
.area_application .reference {display: block; margin-top: 10rem; font-size: 15rem; font-weight: 300; color: #666; }
.area_application .box_cont .cont .test_info {padding: 10rem 20rem; margin: 20rem 0 10rem; font-size: 16rem; color: #666; border: 1px solid #09459a; background-color: #e7eef7;}
.area_application .notice > p {margin: 20rem 0 10rem; font-size: 16rem !important; color: #db0101; font-weight: 500;}
.area_application .notice ul {padding: 10rem 20rem; border: 1px solid #db0101; background-color: #fff5f5;}
.area_application .notice ul li {margin: 2rem 0; font-size: 15rem;color: #db0101;}
.area_application h6 {margin-bottom: 10rem; font-size: 18rem; font-weight: 400;}
.area_application .bx_cont + .bx_cont {margin-top: 30rem;}

/* EV & Battery */
.area_ev .img_list.item5 {margin: 20rem 0 0; padding: 20rem; box-sizing: border-box; border: 1px solid #ddd; background: #fafafa;}

 /* heating jacket*/
 .area_hj .dot_list li {display: block; line-height: 1.6 !important; margin-bottom: 15rem;}
 .area_hj .dot_list li strong {display: block; margin-bottom: 5rem;}


 /* library */
/* .area_library .top_img {position:relative; padding-bottom:130rem;} */
.area_library .top_img {position:relative; padding-bottom:var(--section-padding-block);}
.area_library .top_img:before{content:''; z-index:-1; position:absolute; left:0; bottom:0; display:block; width:100%; height:50%; background:#f6f6f6}
.area_library .top_img p{margin-top:35rem; text-align:center; font-size:18rem;}
.area_library .top_img img {max-width: 100%;}

 /* fibers */
 .area_fibers .max-img {display: inline-block; padding: 20rem; border: 1px solid #ddd; background-color: #f5f5f5;}

  /* plastic */
  .area_plastic .top_img:before {height: 70%;}
  .area_plastic .img_list section {padding: 20rem; border: 1px solid #ddd; background:#fff;}
  .area_plastic .img_list section h5 {font-size: 18rem; margin-bottom: 10rem;}
  .area_plastic .img_list .dot_list li {font-size: 17rem; margin-bottom: 5rem; line-height: 1.4;}
  .area_plastic .img_list .dot_list li::before {top: 10rem;}
  .area_plastic .box_cont .max-img {padding: 20rem; text-align: center; border: 1px solid #ddd;}
  .area_plastic .pro_table {word-break: break-all;}

  /* insulation */
  .area_insulation .bxc1 .dot_list li {display: block; line-height: 1.6; margin-bottom: 15rem;}
  .area_insulation .bxc1 .dot_list li::before {top: 11rem;}
  .area_insulation .bxc1 .dot_list li strong {display: block; margin-bottom: 5rem;}
  .area_insulation .img_list.flex li {margin: 5rem; padding: 20rem; text-align: center; border: 1px solid #eaecf1;}
  .area_insulation .img_list.flex img {margin: 0 0 10rem;}

 /* flexible */
 .area_flexible .proList dd > div {display: flex;}
 .area_flexible .proList dd > div .img {flex-basis: 300rem;}
 .area_flexible .proList dd > div .img img { border: 1px solid #eaecf1;}
 .area_flexible .proList dd > div .text {flex-basis: calc(100% - 300rem); padding: 0 50rem; box-sizing: border-box;}
 .area_flexible .proList dd > div .text h6 {font-size: 22rem; margin-bottom: 15rem;}


 /* bellows */
 .area_bellows .bxc2 .box:first-child .mt0 {padding: 50rem 20rem; text-align: center; border:1px solid #ddd}
 .area_bellows .bxc2 .box:first-child .img_list img {border:1px solid #ddd;}
.area_bellows .bxc2 .box.last .max-img {text-align: center; padding: 20rem 0;}
.area_bellows .bxc2 .box.last .text {padding: 30rem 25rem; background: #f5f5f5;}
.area_bellows .bxc2 .box.last ul {display: flex; counter-reset:list-number; flex-wrap: wrap;}
.area_bellows .bxc2 .box.last ul li {position: relative; padding-left: 25rem; counter-increment:list-number; margin:0 10rem;}
.area_bellows .bxc2 .box.last ul li::before{position: absolute; left:0; top:8rem; content:counter(list-number); font-size: 12rem; font-weight: 500; color: #fff; text-align: center; width: 17rem; height: 17rem; line-height: 17rem; border-radius: 100%; background: #111;}


/* 문의하기 */
.page-contact{
	display: grid;
	gap: var(--gutter);
	@media(width>1024px){
		grid-template-columns: repeat(2, 1fr);
		align-items: start;
		h2{ grid-column: 1/-1; }
	}
}
.mapListWrap {display: grid; gap: 0 50rem; /* grid-template-columns: repeat(2, 1fr); */}
.mapListWrap #mapImg {border: 1px solid #ddd; transition: .5s;}
.mapListWrap #mapImg[data-value='main'] {background: url(/images/content/mapimg01.jpg) no-repeat center;}
.mapListWrap #mapImg[data-value='anyang'] {background: url(/images/content/mapimg02.jpg) no-repeat center;}
.mapListWrap #mapImg[data-value='daejeon'] {background: url(/images/content/mapimg03.jpg) no-repeat center;}
.mapListWrap dd p {font-size: 18rem;}
.mapListWrap .dot_list li {margin-bottom:0;}
.mapListWrap .dot_list li a {font-size: 18rem;}
.mapListWrap .dot_list em {position:relative; padding-right: 10rem; margin-right: 10rem; font-weight: 400;}
.mapListWrap .dot_list em::after {position:absolute; right:0; top: 11rem; content:''; width: 1px; height: 12rem; background-color: #ddd;}

.bbsView .button,
.bbsView .tip {font-size: 14rem;}
/* .area_online {margin-top: 100rem; border-top:1px solid #7e7e7e} */


/* search */
.common .area_search {padding: 100rem 0;}
.common .area_search h2 {text-align: center; font-size: 40rem; font-weight: 700; color: #222; }
.common .area_search .area_inputResult form {position: relative; width: 50%; margin: 0 auto;}
.common .area_search .area_inputResult form input {height: 60rem; border: none; border-bottom: 2px solid #222;}
.common .area_search .area_inputResult #searchBtn {position:absolute; right:0; top:0; width: 60rem; height: 60rem; background:url(../images/common/icon_search.svg) no-repeat 50% 50%; background-size: 21rem; -webkit-filter: invert(100%); filter: invert(100%);}
.common .area_search .area_result {margin-top: 40rem;}
.common .area_search .area_result > p {padding-bottom: 5rem; font-size: 18rem; font-weight: 600; border-bottom: 1px solid #ddd;}
.common .area_search .area_result > p span {color: #09429d;}
.common .area_search .area_result div {position: relative; border-bottom: 1px solid #ddd;}
.common .area_search .area_result div:hover {background: #f5f5f5;}
.common .area_search .area_result div a {display: block; padding-right: 200rem; font-size: 18rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .3s;
	@media(width>540px){
		padding: 30rem 20rem;
		padding: clamp(20rem, 1.5625vw, 30rem) clamp(10rem, 1.04166667vw, 20rem);
	}
	@media(width<=540px){
		padding: 15rem 0;
	}
}
.common .area_search .area_result div ul {position:absolute; right: 20rem; top: 33rem; display: flex; align-items: center; }
.common .area_search .area_result div ul li {font-weight: 300; font-size: 14rem; color: #888;}
.common .area_search .area_result div ul li::before {content:''; display: inline-block; width: 7rem; height: 7rem; margin: 0 10rem; background:url(../images/board/img_faq.png) no-repeat center / contain; transform: rotate(-90deg);}
.common .area_search .area_result div ul li:first-child::before {display: none;}

#wrap .content-result-wrap{
	display: grid; align-items: center;
	a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; word-break: break-all; padding-right: 0;}
	ul { position: relative; inset: auto; display: flex; align-items: center; flex-wrap: wrap; row-gap: 0; }
	li { color: var(--color-point); }
	@media(width>1280px){
		grid-template-columns: auto 1fr;
	}
	@media(540px<width<=1280px){
		ul{ padding: 0 clamp(10rem, 1.04166667vw, 20rem); }
	}
	@media(width<=1280px){
		padding-block: 15rem 0;
		a{ padding-top: 0; }
	}
}

.common .area_search .none_data {padding: 50rem 0;}
.common .area_search .area_result .none_data:hover {background: none;}


/* tech */
.area_tech {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.area_tech .tech_intro {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 450rem;
	overflow: hidden;
	justify-content: center;
	margin-bottom: 30rem;
}
.area_tech .tech_intro img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	   object-fit: cover;
}
.area_tech > .wrap h3 {
	font-size: clamp(32rem, calc(40 / var(--container) * 100vw), 40rem);
	text-align: center;
}
.area_tech > .wrap p {
	margin-top: 20rem;
	text-align: center;
	font-size: clamp(16rem, calc(20 / var(--container) * 100vw), 20rem);
	line-height: 40rem;
}
.area_tech .tech_biz {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: url(/images/content/tech_img_bg1.jpg) no-repeat center/cover;
	padding: 100rem 0;
	position: relative;
	margin: 100rem 0;
}
.area_tech .tech_biz:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	z-index: 0;
}
.area_tech .tech_biz > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 80%;
	color: #fff;
	z-index: 2;
	gap: 30rem;
}
.area_tech .tech_biz > ul > li {
	display: flex;
	flex-direction: column;
	gap: 20rem;
	justify-content: flex-start;
	align-items: center;
	padding: 50rem 20rem 0;
	border-radius: 20rem;
	border: 1px dashed rgba(255, 255, 255, 0.8);
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	-webkit-backdrop-filter: blur(10rem);
	        backdrop-filter: blur(10rem);
}
.area_tech .tech_biz > ul img {
	width: 80rem;
	height: 80rem;
	margin-bottom: 20rem;
}
.area_tech .tech_biz > ul h3 {
	font-family: 'Pretendard', sans-serif;
	font-weight: 700;
	font-size: clamp(24rem, calc(34 / var(--container) * 100vw), 34rem);
}
.area_tech .tech_biz > ul p {
	min-height: 130rem;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 0;
}
.area_tech .tech_biz > ul > li > ul {
	color: #fff;
	list-style: disc;
	width: 90%;
	list-style: none; 
    position: relative;
}
.area_tech .tech_biz > ul > li > ul > li {
	color: #fff;
	text-align: center;
	list-style: none; 
    position: relative;
	width: 100%
}
.area_tech .tech_biz > ul > li > ul > li::before {
    content: "•";
    position: absolute;
    transform: translateX(-250%);
}
/* .tech_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50rem;
	padding-bottom: 50rem;
	border-bottom: 1px solid #ddd;
} */
.tech_box {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 50rem;
	margin-top: 50rem;
	padding-bottom: 50rem;
	border-bottom: 1px solid #ddd;
	margin-bottom: 100rem;
}
.tech_box .slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 400rem;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.tech_box .swiper {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #f9f9f9;

}
.tech_box .swiper .swiper-wrapper {
	align-items: flex-start;
	height: 100%;
}
.tech_box .swiper .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}
.tech_box .swiper .swiper-slide img {
	width: 85%;
	height: 85%;
	-o-object-fit: contain;
	   object-fit: contain;
}
.tech_box .caption {
	display: flex;
	flex-direction: column;
	width: calc(100% - 50rem);
	justify-content: space-between;
	gap: 20rem;
	padding: 10rem 0;
}
.tech_box .caption li {
	font-size: clamp(18rem, calc(24 / var(--container) * 100vw), 24rem);
	line-height: 1.6;
	position: relative;
	padding: 10rem 30rem;
	background: #b2b2b2;
	color: #fff;
	display: flex;
    flex-grow: 1;
    align-items: center;
}
.tech_box .caption li:nth-child(2) {
	background: #999ba3;
}
.tech_box .caption li:nth-child(3) {
	background: #80838b;
}
.tech_box .caption li:nth-child(4) {
	background: #666b74;
}
.tech_box .caption li:nth-child(5) {
	background: #343b46;
}
/* .tech_box .caption_img {
	width: 75%;
	display: flex;
	flex-wrap: wrap;
	gap: 20rem;
}
.tech_box .caption_img img {
	width: calc((100% / 4) - 15rem);
	height: auto;
	aspect-ratio: 4 / 3;
	-o-object-fit: cover;
	   object-fit: cover;
	overflow: hidden;
} */




@media screen and (max-width:1919px){
 
}

@media screen and (max-width:1679px){

}

@media screen and (max-width:1535px){

}

@media screen and (max-width:1480px){
	
}

@media screen and (max-width:1365px){

}

@media screen and (max-width:1279px){
	.area_navigation{position:relative; float:right; top:0; right:0; margin-top:30px; margin-right:14px;}
}

@media screen and (max-width:1240px){
	.area_insulation .img_list.flex {display: grid; grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width:1023px){
	.lnb .inr{width:100%;}
	.lnb .dept01{width:200rem;}
	.lnb .dept02{width:200rem;}
	.lnb .dept03{width:200rem;}
	.lnb .dept04{width:200rem;}

	.pro_list ul li{ width: calc((100%/3) - 17rem);}

	.top_cont > div{align-items: flex-start;}
	.top_cont > div > .text h3{line-height:1.4}
	.top_cont > div > .text p br{display:none;}

	/* .box_cont {margin-top: 100rem;} */
	.box_cont {margin-top: var(--section-padding-block);}
	/* .box_cont + .box_cont {padding-top: 100rem;} */
	.box_cont h4 {padding-right: 20rem; box-sizing: border-box;}

	/* img_list */
	.img_list.item5 {grid-template-columns: repeat(3, 1fr);}
	.img_list.item6 {grid-template-columns: repeat(3, 1fr);}

	.area_application .top_img,
	.area_library .top_img {padding-bottom: 100rem;}

	.area_application.area_ev .bx_table > p {order: 0;}
	.area_application.area_ev .bx_table .scrollTable_wrap {order: 2; flex-basis: 100%;}
	.area_application.area_ev .bx_table .img {flex-basis: 100%; order: 1; margin:0 0 15rem; padding: 0;}
	.area_application.area_ev .bx_table .img_list {flex-basis: 100%; order: 3;}

	.area_plastic .top_img:before {height: 77%;}

	.area_flexible .proList dd > div {flex-wrap: wrap;}
	.area_flexible .proList dd > div .text {flex-basis: 100%; padding: 0; margin-top: 10rem;}

	.mapListWrap {gap: 0 30rem;}
	.mapListWrap #mapImg {background-size: cover !important;}
	.area_online {margin-top: 80rem;}

	.common .area_search {padding: 80rem 0;}
	.common .area_search .area_inputResult form {width: 100%;}
}

@media all and (max-width:860px){
	.area_ready h3{font-size:18rem;}
	
	.lnb .dept > li.dept01{display:none;}
	.lnb .dept > li.dept04{display:none;}
	/* .lnb .dept > li:first-child, */
	.lnb .dept > li.dept03{display:block;}
	.lnb .dept > li{width: calc((100% - 60rem)/2);}
	.lnb .dept > li.home{ width: 60rem; }
	.lnb .dept:not(:has(.dept03)) > li.dept02{ width: calc(100% - 60rem); }
	.lnb .dept > li a,
	.lnb .dept_list > li a{ padding-inline: 15rem; }

	.area_policy{margin-top:20px !important;}
	.area_policy h2{padding:0px 0; font-weight:600; font-size:20px;}
	.area_policy h3{margin-bottom:10px; font-weight:600; font-size:14px;}
	.area_policy ul li{margin-bottom:5px;}
	.area_policy ul li ul{padding-left:10px;}
	.area_policy ul li ul li{font-size:13px;}
	.area_policy ul li,
	.area_policy p{line-height:1.7; font-size:13px;}
	.area_policy .inr_policy{padding:25px 0;}

	.area_subVisual > .text h2{font-size:45rem;}
	.area_subVisual > .text p{font-size:16rem;}
	
	#content.sub{padding:60rem 0;}
	.pro_tit, .sub_tit{font-size:35rem;}
	.pro_text h3{font-size:30rem;}
	
	.pro_list ul li .text{padding:25rem;}
	.pro_list ul li .text p{font-size:18rem;}

	.proList{margin-top:0;}

	.top_cont > div{flex-direction: column;}
	.top_cont .img{width:100%;}
	.top_cont > div > .text{width:100%; padding:0; margin-top:30rem;}

	.top_cont.v1 > div > .text{margin-top:0; margin-bottom:30rem;}
	
	/* .box_cont{flex-direction: column; margin-top: 70rem;} */
	.box_cont{flex-direction: column; }
	/* .box_cont + .box_cont {padding-top: 80rem;} */
	.box_cont h4{width:100%; margin-bottom:25rem; font-size:25rem; padding-right: 0; font-weight: 800;}
	.box_cont h4 br{display:none;}
	.box_cont .cont{width:100%;}

	.proList dt a{font-size:20rem;}

	.top_cont > div > .text h3{font-size:35rem;}

	/* img_list */
	.img_list {gap: 5rem;}
	.img_list.item3,
	.img_list.item4, 
	.img_list.item5,
	.img_list.item6 {grid-template-columns: repeat(2, 1fr);}
	.img_list.flex img {margin: 2rem;}

	.area_application .top_img,
	.area_library .top_img {padding-bottom: 70rem;}
	.area_application .top_img:before {height: 65%;}
	.area_application.area_ev .bx_table .img_list {flex-basis: 100%;}
	.area_application.area_ev .img_list img {width: 100%;}

	.area_fibers .max-img {display:block; text-align: center;}

	.area_plastic .top_img:before {height: 85%;}

	.area_insulation .img_list.flex {grid-template-columns: repeat(2, 1fr);}
	.area_insulation .img_list.flex img {width: 100%;}

	.area_flexible .proList dd > div .text h6 {font-size: 18rem;}

	.area_policy{padding: 80rem 0;}

	 /* bellows */
	 .area_bellows .bxc2 .img_list.item4 {grid-template-columns: repeat(4, 1fr);}
	 .area_bellows .bxc2 .box.last .text {padding: 25rem 15rem;}
	 .area_bellows .bxc2 .box.last ul li {margin: 0 15rem;}
	
	 .mapListWrap {grid-template-columns: 1fr; gap: 20rem 0;}
	 .mapListWrap #mapImg {height: 420rem; order: 0;}
	 .mapListWrap .proList {order: 1;}

	 .common .area_search {padding: 50rem 0;}
	 .common .area_search h2 {font-size: 30rem;}
	 .common .area_search .area_result div a { /* padding: 20rem 10rem; */ padding-right: 180rem;}
	 .common .area_search .area_result div ul {right: 10rem; top: 22rem;}
	 .common .area_search .area_result div ul li::before {margin: 0 7rem;}
}


@media screen and (max-width:768px){
	.bbsView .address input#zip, .bbsView .id input#id {width: 100% !important;}
	.bbsView .address .button {top: 20px; right: 0;}
	
	.tech_box, .area_tech .tech_biz > ul {
		grid-template-columns: 1fr;
	}
	.area_tech .tech_intro {
		height: auto;
	}
	.area_tech > .wrap p {
		line-height: 28rem;
	}
	.area_tech .tech_biz {
		padding: 50rem 0;
		margin: 50rem 0;
	}
	.area_tech .tech_biz > ul p {
    	min-height: auto;
	}
	.tech_box .slide {
		width: 100%;
	}
	.tech_box .caption {
		width: 100%;
	}
	.tech_box {
		gap: 20rem;
		margin-bottom: 50rem;
	}
	.tech_box .swiper {
		padding: 30rem 0;
	}
	.tech_box .swiper .swiper-wrapper {
		height: 100% !important;
	}
	.tech_box .slide {
		height: 340rem;
	}
	.area_tech > .wrap h3 {
    line-height: 1.2;
}
}

@media screen and (max-width:540px){
	div[class^="area_"] p, 
	section[class^="area_"] p, 
	article[class^="area_"] p, 
	div[class^="area_"] li, 
	article[class^="area_"] li{font-size:14rem;}

	div[class^="area_"] p section[class^="area_"] p,
	article[class^="area_"] p,
	div[class^="area_"] li,
	article[class^="area_"] li {line-height: 1.6;}

	.mgb{margin-bottom:60rem;}
	/* #content .pd130{padding:60rem 0;} */

	.area_subVisual{height:350rem;}
	.area_subVisual > .text h2{font-size:25rem;}
	.area_subVisual > .text{top:100rem;}

	.lnb .dept > li{height:60rem;}	
	.lnb .dept > li a{font-size:16rem;}
	.lnb .dept_tit > a{line-height:60rem; font-size:16rem;}
	.lnb .dept_list{top:60rem;}

	.pro_tit, 
	.sub_tit{margin-bottom:15rem; font-size:23rem;}

	.pro_text{margin-bottom:30rem; text-align:center;}
	.pro_text p{font-size:14rem;}
	.pro_text p br{display:none;}
	.pro_text b{font-size:14rem;}
	.pro_text h3{font-size:18rem;}
	.pro_text h4{font-size:17rem;}
	
	.pro_list ul li{width:100%;}
	.pro_list ul li .text{position:static; height:auto; padding:0; margin-top:15rem;}
	.pro_list ul li .text p{color:#111; font-size:16rem;}
	.pro_list ul li .text span{display:none;}

	.pro_list.c3 ul li{width:100%;}

	/* .top_cont{padding:60rem 0;} */
	.top_cont > div > .text h3{margin-bottom:10rem; font-size:18rem;}
	.top_cont > div > .text h4{font-size:16rem;}
	.top_cont > div > .text h4:before{height:11rem; margin-right:7rem;}
	.top_cont > div > .text > b{font-size:14rem;}
	.top_cont > div > .text p{font-size:14rem;}
	
	/* .box_cont{margin-top:40rem;} */
	/* .box_cont + .box_cont {padding-top: 50rem;} */
	.box_cont h4{margin-bottom:10rem; font-size:20rem;}
	.box_cont.v1 h4{margin-bottom:10rem;}
	.box_cont h5{font-size:18rem; margin-bottom: 10rem;}
	/* .box_cont .cont .box {margin-bottom: 30rem; padding-bottom: 30rem;} */

	.proList dd > div{padding:15rem;}
	.area_product_view .proList dd > div{    flex-direction: column;}
	.area_product_view .proList dd > div .text{width:100%; padding:0; margin-top:20rem;}
	.area_product_view .proList dd > div .img img{width:100%; max-width:auto;}
	.area_product_view .proList dd > div .text p{font-size:18rem;}

	.dot_list > li{margin-bottom: 5rem; font-size:14rem; text-align:left;}
	.dot_list > li:before {top: 8rem;}
	.dot_list li > b{width:80rem;}
	.dot_list li > div{width: calc(100% - 80rem);}

	.dot_list2 li{padding:15rem;}
	
	.proList dt a{padding:15rem 0; font-size:16rem;}
	.proList dt a:after,
	.proList dt a:before{right:0;}
	
	.box_list{display:block;}
	.box_list > li{width:100%; padding:15rem; margin-bottom:15rem;}
	.box_list > li:last-child{margin-bottom:0;}
	.box_list.line{ gap: 0; }
	.box_list.line > li{width:100%; padding:15rem; }
	.box_cont .cont p{font-size:14rem;}
	.box_list > li b{font-size:14rem;}


	.pro_table th,
	.pro_table td{padding:8rem; font-size:13rem;}
	.box_cont .cont .pro_table td p{line-height:1.4; font-size:12rem;}

	.img_gall_list .btn [role="button"]{font-size:14rem;}
	
	.icon_list{gap: 15rem;}
	.icon_list > li{width: calc(50% - 8rem); padding: 30rem 10rem;}
	.icon_list > li .img{width:80rem; height:80rem;}
	.icon_list > li .img img{height:32rem;}

	.ceti_list{gap: 15rem;}
	.ceti_list > li{width: calc(50% - 8rem);}

	.text_heating .box{padding:25rem 15rem; margin:20rem auto;}
	.text_heating .box h3{flex-direction: column; margin-bottom:10rem; font-size:18rem;}
	.text_heating .box h3 i{margin:0 0 10rem 0; width:25rem; height:25rem; font-size:14rem;}
	
	.txt_down {margin-right: 0;}
	.txt_down i {margin: 0 2rem;}

	/* img_list */
	.img_list {gap: 5rem; grid-template-columns:1fr !important;}

	.area_application .top_img {padding-bottom: 40rem;}
	.area_application .top_img p {font-size: 14rem;}
	.area_application .top_img:before {height: 77%;}
	.area_application .reference {font-size: 13rem;}
	.area_application .box_cont .cont .test_info {padding: 10rem 12rem; font-size: 13rem;}
	.area_application .dot_list > li.m_inline {display: block;}
	.area_application .notice > p {font-size: 14rem !important; line-height: 1.6;}
	.area_application .notice ul {padding: 5rem 12rem;}
	.area_application .notice ul li {margin: 8rem 0; font-size: 13rem; line-height: 1.5;}
	.area_application h6 {line-height: 1.4; font-size: 14rem;}
	.area_application .bx_cont + .bx_cont {margin-top: 20rem;}

	.area_application.area_ev .bx_table .img_list {margin: 10rem 0; padding: 15rem;}

	.area_library .top_img {padding-bottom: 40rem;}
	.area_library .top_img p {font-size: 14rem;}
	.area_fibers .max-img {padding: 15rem;}

	.area_plastic .top_img:before {height: 92%;}
	.area_plastic .box_cont .max-img {padding: 15rem;}
	.area_plastic .pro_table {word-break: keep-all;} 
	.area_plastic .img_list section {padding: 15rem;}
	.area_plastic .img_list section h5 {font-size: 16rem; margin-bottom: 5rem;}
	.area_plastic .img_list .dot_list li {font-size: 14rem;}

	.area_insulation .img_list.flex li {padding: 15rem;}

	.area_flexible .proList dd > div .img {flex-basis: 100%; margin-bottom: 10rem;}
	.area_flexible .proList dd > div .img img {width: 100%;}
	.area_flexible .proList dd > div .text h6 {font-size: 16rem; margin-bottom: 10rem;}

	.area_bellows .bxc2 .img_list.item4 {grid-template-columns: repeat(2, 1fr) !important;}
	.area_bellows .bxc2 .box.last .text {padding: 15rem;}
	.area_bellows .bxc2 .box.last ul li {flex-basis: 100%; margin: 5rem 0; padding-left: 20rem;}
	.area_bellows .bxc2 .box.last ul li::before {top: 4rem; width: 14rem; height: 14rem; font-size: 9rem; line-height: 14rem;}

	.mapListWrap {gap: 10rem 0;}
	.mapListWrap #mapImg {height: 210rem;}
	.area_online {margin-top: 40rem;}
	.mapListWrap .dot_list li a {font-size: 14rem;} 
	.mapListWrap .dot_list {padding-right: 12rem;}
	.mapListWrap .dot_list em::after {height: 10rem;  top: 6rem;}

	.bbsView .button, .bbsView .tip {font-size: 10rem;}

	.area_policy{padding: 30rem 0;}

	.common .area_search {padding: 30rem 0;}
	.common .area_search h2 {font-size: 20rem; margin-bottom: 5rem;}
	.common .area_search .area_inputResult form input {height: 40rem; font-size: 14rem;}
	.common .area_search .area_inputResult #searchBtn {width: 40rem; height: 40rem; background-size: 15rem;}
	.common .area_search .area_result {margin-top: 30rem;}
	.common .area_search .area_result > p {font-size: 14rem;}
	.common .area_search .area_result div {padding-bottom: 25rem;}
	.common .area_search .area_result div a { /* padding: 15rem 0; */ font-size: 14rem;}
	.common .area_search .area_result div ul {left: 0; right: auto; top: auto; bottom: 10rem; }
	.common .area_search .area_result div ul li {font-size: 12rem;}

	

}	

@media all and (max-width:360px){
	body,
	p,
	li,
	a{font-size:13px;}
}

@media all and (max-width:359px){

}

/* contact */
td.address{ display: flex;
	.bbsView & .button{ align-content: center; flex-shrink: 0; height: auto; line-height: normal;
		@media (width < 768px){
			position: relative; top: auto; right: auto;
		}
	}
}

.temp-table {
	.table_wrap:has(&) + .table_wrap { margin-top: 1lh; }
	&.table-fixed { table-layout: fixed; }
	&.max-width-500 { max-width: 500rem; }
	&.max-width-600 { max-width: 600rem; }
	caption { overflow: unset; margin-bottom: 0.15lh; font-weight: 700; font-size: clamp(16rem, calc(24 / var(--container) * 100vw), 24rem); line-height: unset; text-align: left; text-indent: unset; }
	thead tr:has([rowspan]) + tr th:first-child { border-left: 1px solid #ddd; }
	small { font-weight: 300; }
	.text-brown { color: #92694c; }
	.text-red { color: #a03631; }
	.bg-blue { color: #fff; background: #2e3092; }
	.bg-brown { color: #fff; background: #92694c; }
	.bg-powder { background: #f4f7f9; }
	.bg-gradient-1 { background: #fede01; }
	.bg-gradient-2 { background: #fccf09; }
	.bg-gradient-3 { background: #f5bc19; }
	.bg-gradient-4 { background: #efa921; }
	.bg-gradient-5 { background: #e89626; }
	.bg-gradient-6 { background: #e38428; }
	.bg-gradient-7 { background: #dd712b; color: #fff;}
	.bg-gradient-8 { background: #d75b2d; color: #fff; }
	.bg-gradient-9 { background: #d3412d; color: #fff; }
	.bg-gradient-10 { background: #d02e2d; color: #fff; }
	.bg-gradient-11 { background: #d12e2d; color: #fff; }
	.bg-gradient-12 { background: #d12e2e; color: #fff; }
	@media (width >= 768px) {
		col:nth-child(1) { width: 100px; }
	}
	@media (width < 768px) {
		col:nth-child(1) { width: 6ch; }
	}
}
.box_cont .cont p.temp-table-info { margin-top: 0.2lh; font-size: 14rem;
	&::before { margin-right: 0.4ch; content: "•"; }
	@media (width < 768px) {
		br { display: none; }
	}
}

.ui-index-list { display: grid; gap: 1lh; counter-reset: index;
	@media(width < 860px) { margin-top: 1.2lh; }
	._item { display: grid; align-items: start; gap: 0.5lh; counter-increment: index; }
	._key { display: grid; grid-template-columns: auto 1fr; gap: 1ch; font-weight: 700; font-size: clamp(20rem, 2vw, 28rem); line-height: 1.5;
		&::before { align-content: center; width: 2.4em; aspect-ratio: 1; font-size: 0.8em; text-align: center; color: #fff; background: #1946ba; border-radius: 50%; translate: 0 -.15lh; content: counter(index, decimal-leading-zero); }
	}
}

.aerogel-form-factor { display: flex;
	@media (width < 768px) { flex-direction: column; }
	.aerogel-form-factor-img { display: block; width: auto; min-width: 0; height: auto; min-height: 0; object-fit: cover; }
}

.application-fields { display: grid; gap: var(--gutter); text-align: center; text-wrap: balance;
	&:has(.title){ row-gap: 20rem; }
	@media (width >= 768px) { grid-template-columns: repeat(2, 1fr); }
	.image { display: block; width: 100%; height: auto; object-fit: cover; }
	.title { display: grid; margin-top: 0.25lh; }
	.cat { font-size: 14rem; }
	.label { font-size: 16rem; }
}

.suecoflex-image{ display: block; width: 100%; max-width: 720px; height: auto; margin-inline: auto; }

.product-container { --secondary: #00a0e9; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; font-family: "Pretendard", sans-serif; color: #333; display: grid; gap: 34px;
	.product-header { padding-bottom: 10px; border-bottom: 2px solid #eee; }
	.product-title { font-weight: 700; font-size: 32px; }
	.product-subtitle { font-size: 20px; }
	.product-section { display: grid; gap: 20px; }
	.product-visual img { display: block; width: 100%; height: auto; }
	.product-description { font-size: 18px; }
	.data-section-title { font-weight: 700; font-size: 24px; }
	.technical-table { width: 100%; text-align: center; border-collapse: collapse; }
	.technical-table th { padding: 12px; color: #fff; background-color: #00a0e9; border: 1px solid #ddd; }
	.technical-table td { padding: 10px; border: 1px solid #ddd; }
	.table-category { font-weight: 600; background-color: #f9f9f9; }
	.application-box { position: relative; padding: 25px; border: 1px solid #00a0e9; margin-top: 14px; }
	.application-title { position: absolute; top: -15px; left: 20px; padding: 0 10px; font-weight: 700; background: #fff; }
	.application-list { padding: 0; list-style: none; display: grid; gap: 8px; }
	.application-list li::before { content: "- "; }
	.text-secondary { color: var(--secondary); }
	.text-gray{ color: #666; }
	.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; margin: -1px; padding: 0; white-space: nowrap; border: 0; clip: rect(0, 0, 0, 0); }
}

.flex-logo { display: block; max-width: 100%; max-height: 40px; margin-bottom: 16px; }

.hidden-sm {
	@media(width < 768px) { display: none; }
}

.text-center { text-align: center; }

.block { display: block; }

.product-visual-swiper { position: relative; overflow: hidden; }

.ui-media { display: grid; gap: 30rem;
	._image { display: block; max-width: 100%; height: auto; margin-inline: auto; }
	._image--width-full { width: 100%; }
	._caption { padding: 15rem; text-align: center; background: #f6f6f6; }
}

.ui-visual{ width: 100%; height: 192rem; background: #eee no-repeat 50% / cover;
	&.ui-visual--metal-1{ background-image: url('/images/content/metal/visual-1.jpeg'); }
	&.ui-visual--metal-2{ background-image: url('/images/content/metal/visual-2.gif'); }
	&.ui-visual--ptfe{ background-image: url('/images/content/ptfe/visual.gif'); height: 256rem; }
	&.ui-visual--pvdf{ background-image: url('/images/content/pvdf/visual.webp'); height: 302rem; }
	&.ui-visual--basalt{ background-image: url('/images/content/basalt/visual.webp'); height: 238rem; }
}

.pbo-structure{ display: block; max-width: 289px; width: 100%; height: auto; }

.visible-caption{ overflow: auto; margin-bottom: .5lh; font-size: 24rem; line-height: normal; text-align: left; text-indent: 0; }

#wrap .visually-hidden { position: absolute; width: 0; height: 0; contain: content; clip-path: rect(0 0 0 0); }

.vectran-properties { display: grid; gap: calc(var(--gutter) * 3) var(--gutter);
	@media (width > 768px) { grid-template-columns: repeat(2, 1fr);
		.ui-media:where(:nth-child(1), :nth-child(4)) { grid-column-end: span 2; }
	}
}

.youtube-player{ display: block; aspect-ratio: 16 / 9; }