.subVisual{ display: flex; align-items: center; height: 285rem; padding: var(--header-height) 0 0; background: #102350 url('/images/content/visual.jpg') no-repeat 50% / cover; color: #fff; text-align: center;
	*{ letter-spacing: -.025em; }
	.title{ margin-bottom: .225em; font: 600 var(--fs40) var(--font-pre); }
	.subTitle{ font: 18rem var(--font-pla); opacity: .5; }
}

.common{ min-height: 300rem; padding: 55rem 0;
	.sub_title{ margin-bottom: 3.75em;}
	.sub_title h2{ text-align:center; font-size:var(--fs35); }
	.common__h2{ font-size: var(--fs35); }
	.common__h2 small{ font-weight: 500; font-size: 0.57142857em; color: #9f9f9f; }
	.common__h2::before{ content: ''; margin-right: 0.31428571em; display: inline-block; aspect-ratio: 43/40; width: 1.22857143em; background: url('/images/content/bullet-logo.webp') no-repeat 50% / contain; vertical-align: sub; }
	.common__h2 + .common__p{ margin-top: 44rem; }
	.common__p{ font-size: 18rem; }
	.common__p + .common__p{ margin-top: 19rem; }
	.common__p b{ font-weight: 600; color: var(--primary); }
	@media(min-width:1280px){
		&{ min-height: calc(100vh - 285rem); }
	}
}

main.about{
	.inr{ display: grid; gap: 60rem 40rem; }
	.img{ margin-top: 29rem; width: 100%; height: 214px; object-fit: cover; }
	.history{
		.history__list{ margin-top: 42rem; }
		.history__list > li{ display: grid; grid-template-columns: 1fr 9ch; gap:5rem; padding-bottom: 35rem; border-bottom: 1px dashed #ddd; }
		.history__list > li + li{ margin-top: 40rem; }
		.decade{ font: 700 var(--fs25) var(--font-mon); color: var(--primary); border:1px solid red; display:none;}
		.event-group{ margin-top: 2rem; }
		.event-group > li{ display: grid; grid-template-columns:9ch 1fr; align-items: baseline; gap: 10rem; }
		.event-group > li + li{ margin-top: 9rem; }
		.date{ font: 700 18rem var(--font-mon); letter-spacing: .03em; color: #111; }
		.description{ font-size: 18rem; color: #444; }
	}
	@media(min-width:768px){
		.inr{ grid-template-columns: repeat(2, 1fr); }
		.summary .img{ max-width: 700rem; }
        .history .history__list > li{ gap: 35rem; }
	}
}

main.product{
	.hGroup{ display: flex; justify-content: space-between; align-items: center; gap: 1ch; }
	.inquiry-btn{ display: flex; align-items: center; justify-content: center; gap: 8rem; width: 170rem; height: 45rem; background: var(--primary) url('/images/content/inquiry-btn-bg.png') no-repeat 50% / cover; color: #fff; }
	.inquiry-btn::before{ content: ''; display: inline-block; width: 23rem; aspect-ratio: 23/27; background: url('/images/content/inquiry-btn-icon.svg') no-repeat 50% / contain; }
	.layout{ margin-top: 46rem; display: grid; gap: 0 40rem;}
	.layout-description{ margin-bottom: 1em; font: 600 20rem/1.2 var(--font-pre); color: var(--primary); }
	section ~ section{ margin-top: 34rem;  }
	.h3{ font-size: var(--fs24); }
	.list{ margin-top: 23rem; display: flex; justify-content: space-around; font: 500 18rem var(--font-pre); text-align: center; }
	.separation{ width: 1px; height: 100rem; background: #cecece; }
	.separation:has(+[aria-hidden="true"]){ opacity: 0; }
	.icon{ margin: 0 auto 20rem; width: 3.66666667em; aspect-ratio: 66/58; background: no-repeat 50% / contain; }
	.i1{ background-image: url('/images/content/product-1.png'); }
	.i2{ background-image: url('/images/content/product-2.png'); }
	.i3{ background-image: url('/images/content/product-3.png'); }
	.i4{ background-image: url('/images/content/product-4.png'); }
	.i5{ background-image: url('/images/content/product-5.png'); }
	.i6{ background-image: url('/images/content/product-6.png'); }
	.i7{ background-image: url('/images/content/product-7.png'); }
	.i8{ background-image: url('/images/content/product-8.png'); }
	.i9{ background-image: url('/images/content/product-9.png'); }
	.i10{ background-image: url('/images/content/product-10.png'); }
	.i11{ background-image: url('/images/content/product-11.png'); }
	.i12{ background-image: url('/images/content/product-12.png'); }
	.i13{ background-image: url('/images/content/product-13.png'); }
	.i14{ background-image: url('/images/content/product-14.png'); }
	.i15{ background-image: url('/images/content/product-15.png'); }
	.i16{ background-image: url('/images/content/product-16.png'); }
	.i17{ background-image: url('/images/content/product-17.png'); }
	.i18{ background-image: url('/images/content/product-18.png'); }
	.i19{ background-image: url('/images/content/product-19.png'); }
	.i20{ background-image: url('/images/content/product-20.png'); }
	.i21{ background-image: url('/images/content/product-21.png'); }
	.i22{ background-image: url('/images/content/product-22.png'); }
	.i23{ background-image: url('/images/content/product-23.png'); }
	table{ --border-color: #e5e5e5; margin-top: 21rem; width: 100%; border: 1px solid var(--border-color); font-size: 16rem; line-height: 1.2; text-align: center; }
	col:nth-child(1){ width: 25.4%; }
	thead{ font-weight: 900; }
	tbody{ font-weight: 500; }
	tbody tr:nth-child(odd){ background: #f5f5f5; }
	tr > *{ padding: 16.4rem 1ch; }
	tr > * + *{ border-left: 1px solid var(--border-color); }
	.note{ margin-top: 1em; }
	@media(min-width:768px){
		.inquiry-btn{ translate: 0 2rem; }
		.layout{ grid-template: auto auto 1fr/ 1fr 1fr; }
		.dataSheet{ grid-area: 1/2/4/3; margin-top: 0; }
	}
	@media(max-width:767px){
		.hGroup{ flex-direction: column-reverse; }
		.common__h2{ margin-right: auto; }
		.inquiry-btn{ margin-left: auto; }
	}
}

main.inquiry{
    h2{margin-bottom:8rem; font-size:var(--fs30); color:#000; text-align:center;}
    p{font-size:16rem; color:#777; text-align:center;}
    .inquiryUl{ display:flex; justify-content:space-between; margin:40rem auto 0; padding-top:40rem; border-top:1px solid #ddd; max-width:1000rem; width:100%;
        li{padding:40rem; width:calc(50% - 20rem); background:#fff; box-shadow:10rem 10rem 30rem rgba(0,0,0,0.15);}
        span{display:block; text-align:end; font-size:18rem; color:#111; font-weight:600;}
        span > i{display:block; margin-top:3rem; font-size:16rem; color:var(--primary); font-style:normal; font-weight:400;}
        h3{margin-top:80rem; font-size:25rem; font-weight:800; color:#000;}
        em{display:flex; align-items:center; margin-top:10rem; font-size:17rem; color:#555;}
        em > img{display:block; margin-right:10rem; height:15rem;}
        a{display:block; margin-top:20rem; padding:8rem 0 7rem; text-align:center; width:100%; border:1px solid #333; font-size:18rem; color:#333; font-weight:500; border-radius:5rem; opacity:0.6; transition:0.3s ease;}
        @media(hover:hover){
            a:hover{opacity:1;}
        }
    }
    @media(max-width:767px){
        .inquiryUl{display:block; margin-top:40rem; padding-top:40rem;
            li{padding:30rem 20rem; width:100%;}
            li+li{margin-top:30rem;}
            h3{margin-top:50rem;}
        }
    }
}


main.location{
	.inr{ display: grid; gap: clamp(70rem, calc( 94 / var(--inr) * 100vw ), 94rem) 40rem; }
	.address{ margin-top: .5em; text-align: right; font-size: 18rem; color: #444; }
	.root_daum_roughmap{ margin-top: 29rem; width: 100% }
	.root_daum_roughmap svg{ pointer-events: none; }
	.map_border, .wrap_controllers{ display: none }
	@media(min-width:768px){
		.inr{ grid-template-columns: repeat(2, 1fr); }
		.root_daum_roughmap .wrap_map{ height: clamp(400rem, calc( 500 / var(--inr) * 100vw ), 500rem); }
	}
	@media(max-width:767px){
		.address{ margin: 20rem 0 40rem; }
		.root_daum_roughmap{ aspect-ratio: 1/1; }
		.root_daum_roughmap .wrap_map{ height: 100%; }
	}
}