@charset "utf-8";

.doc-cnt {margin-bottom:var(--space-100);}
.doc-cnt:last-child {margin-bottom:0;}

.doc-tit {padding-left:clamp(25px, calc(35 / var(--inner) * 100vw), 35px); position:relative; margin-bottom:var(--space-30); font-size:var(--font-size-30); font-weight:700; line-height:1.333em; letter-spacing:-0.03em; color:#242424;}
.doc-tit::before {position:absolute; left:0; top:.3em; content:""; width:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); height:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); background:url('/images/sub/doc-tit.png') no-repeat center center / contain;}

.greeting .image {margin-bottom:var(--space-80);}
.greeting .content {display:flex; gap:var(--space-80); justify-content:center; align-items:flex-start; width:100%;}
.greeting .title {padding-left:clamp(10px, calc(160 / var(--inner) * 100vw), 160px); flex:0 0 clamp(300px, calc(515 / var(--inner) * 100vw), 515px); min-width:0;}
.greeting .title h2 {margin-bottom:var(--space-20); font-size:var(--font-size-40); font-weight:400; line-height:1.4em; letter-spacing:-.05em; color:#242424;}
.greeting .title p {font-size:var(--font-size-18); font-weight:400; line-height:1.556em; letter-spacing:-0.03em; color:#929292;}
.greeting .cnt {flex:1;}
.greeting .cnt .txt {margin-bottom:var(--space-12); font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#454545;}
.greeting .cnt .sign {display:flex; align-items:center; gap:var(--space-15); font-size:var(--font-size-18); font-weight:700; line-height:1.5em; letter-spacing:-0.03em; color:#242424;}

.history {position:relative;}
.history:before,
.history:after {content:''; position:absolute; left:50%; margin-left:-3px; width:6px; height:6px; background:#ddd; border-radius:50%;}
.history:before {top:0;}
.history:after {bottom:0;}
.history .group {display:flex;}
.history .title {width:50%; border-right:1px solid #ddd; padding:0 var(--space-60) var(--space-150) 0;}
.history .group:last-child .title {padding-bottom:0;}
.history .title h3 {margin:0 0 var(--space-8); font-size:var(--font-size-48); font-weight:700; line-height:1.209em; letter-spacing:-0.03em; color:#242424;}
.history .title .txt {margin:0 0 var(--space-60); font-size:var(--font-size-20); font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}
.history .content {padding-top:clamp(85px, calc(154 / var(--inner) * 100vw), 154px); flex:1; padding-left:var(--space-60);}
.history .content .item {margin-bottom:var(--space-40); display:flex;}
.history .content .item:last-child {margin-bottom:0;}
.history .content .year {min-width:60px; font-size:var(--font-size-16); font-weight:600; line-height:1.625em; letter-spacing:-0.03em; color:#242424;}
.history .content .list {flex:1; min-width:0;}
.history .content .list li {font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#454545;}
.history .content .list li + li {margin-top:var(--space-8);}

.root_daum_roughmap .border1 {border:0;}
.root_daum_roughmap_landing .border3,
.root_daum_roughmap_landing .border4 {display:none; }
.root_daum_roughmap {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(500 / var(--inner) * 100vw), 500px) !important;}
.root_daum_roughmap .cont {display:none;}
.directions .map-area {border-radius:20px; overflow:hidden; margin-bottom:var(--space-60);}
.directions .info-area {display:flex;}
.directions .addr-info {width:50%;}
.directions .addr-info .comp {margin:0 0 var(--space-25); font-size:var(--font-size-18); font-weight:500; line-height:1.556em; letter-spacing:-0.03em; color:var(--color-primary);}
.directions .addr-info .addr {margin:0 0 var(--space-10); font-size:var(--font-size-24); font-weight:600; line-height:1.167em; letter-spacing:-0.03em; color:#242424;}
.directions .addr-info .etc {font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#454545;}
.directions .contact-info {flex:1;}
.directions .contact-info dl {margin-bottom:var(--space-30); display:flex; align-items:center;}
.directions .contact-info dl:last-child {margin-bottom:0;}
.directions .contact-info dt {display:flex; flex:0 0 140px; align-items:center; gap:var(--space-20); font-size:var(--font-size-18); font-weight:500; line-height:1.556em; letter-spacing:-0.03em; color:#242424;}
.directions .contact-info dt svg {flex-shrink:0;}
.directions .contact-info dd {flex:1; font-size:var(--font-size-18); font-weight:400; line-height:1.556em; letter-spacing:-0.03em; color:#454545;}

.table01 table {border-top:2px solid #686868; width:100%; border-collapse:collapse; border-spacing:0;}
.table01 thead th {height:135px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:var(--space-18); background:#f8f8f8; font-size:var(--font-size-16); font-weight:600; line-height:1.25em; letter-spacing:-0.03em; color:#242424; text-align:center;}
.table01 thead tr + tr th {font-weight:500; color:#454545;}
.table01 tbody td {padding:var(--space-30) var(--space-20); border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:var(--font-size-16); font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545; text-align:center;}
.table01 thead th:last-child {border-right:0;}
.table01 tbody td:last-child {border-right:0;}

.product-intro {min-height:370px; background-size:cover; background-repeat:no-repeat; background-position:50% 50%; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; padding:var(--space-30);}
.product-intro h3 {font-size:var(--font-size-36); font-weight:600; letter-spacing:-.03em; line-height:1.4em; margin-bottom:var(--space-40);}
.product-intro .txt {font-size:var(--font-size-16); font-weight:400; letter-spacing:-.03em; line-height:1.63em;}

.polyester-note {padding:var(--space-40); background:#f8f8f8; border-bottom:1px solid #ddd; display:grid; grid-template-columns:repeat(2, minmax(0, 320px)); gap:var(--space-15); font-size:var(--font-size-18); font-weight:500; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}