@charset "utf-8";

.doc-tit {padding-left:var(--space-16); position:relative; margin-bottom:var(--space-35); font-size:var(--font-size-28); font-weight:700; line-height:1.3571em; letter-spacing:-.03em; color:#242424;}
.doc-tit::before {position:absolute; left:0; top:.3em; content:''; width:4px; height:20px; background:var(--color-primary);}

.prod-cnt {margin-bottom:var(--space-100);}
.prod-cnt:last-child {margin-bottom:0;}
.prod-cnt .intro {display:flex; align-items:center; gap:var(--space-80); margin:0 0 var(--space-40) 0;}
.prod-cnt .intro .img {width:50%;}
.prod-cnt .intro .cnt {flex:1;}
.prod-cnt .intro .cnt .num {margin:0 0 var(--space-16) 0;font-size:var(--font-size-18); font-weight:600; line-height:1.5556em;letter-spacing:-.03em; color:var(--color-primary);}
.prod-cnt .intro .cnt h3 {margin:0 0 var(--space-30) 0; font-size:var(--font-size-40); font-weight:700; line-height:1.25em;letter-spacing:-.03em; color:#242424;}
.prod-cnt .intro .cnt .txt {font-size:var(--font-size-20); font-weight:500; line-height:1.8em; letter-spacing:-.03em;color:#454545;}
.prod-cnt .info {display:grid; grid-template-columns:repeat(2, 1fr); gap:0 var(--space-60); margin:0 0 var(--space-40) 0;}
.prod-cnt .info .item {padding:var(--space-24) 0; border-bottom:1px solid #ddd;}
.prod-cnt .info .item:nth-child(1),
.prod-cnt .info .item:nth-child(2) {border-top:1px solid #ddd;}
.prod-cnt .info .item dt {position:relative; padding-left:clamp(20px, calc(30 / var(--inner) * 100vw), 30px); margin-bottom:var(--space-8); font-size:var(--font-size-18); font-weight:600;line-height:1.4444em;letter-spacing:-.03em; color:#242424;}
.prod-cnt .info .item dt:before {position:absolute; left:0; top:.2em; content:''; width:clamp(16px, calc(20 / var(--inner) * 100vw), 20px); height:clamp(16px, calc(20 / var(--inner) * 100vw), 20px); background:url('/images/sub/info-check.png') no-repeat center center / contain;}
.prod-cnt .info .item dd {padding-left:var(--space-30); font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-.03em; color:#454545;}
.prod-cnt .images {display:grid; grid-template-columns:repeat(3, 1fr); gap:0 var(--space-40);}
.prod-cnt .images .col {text-align:center;}
.prod-cnt .images .col img {border-radius:16px;}
.prod-cnt .images .col p {margin:var(--space-24) 0 0 0; font-size:var(--font-size-18); font-weight:600; line-height:1.4444em; letter-spacing:-.03em; color:#242424;}

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

.table01 {margin-bottom:var(--space-40);}
.table01 table {border-top:1px solid #ddd; width:100%; border-collapse:collapse; border-spacing:0; text-align:center;}
.table01 thead th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:var(--space-12); font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; background:var(--color-primary);}
.table01 tbody th {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:var(--space-12); font-size:var(--font-size-16); letter-spacing:-.03em; background:#F2FCF9; font-weight:600; color:#242424;}
.table01 tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding:var(--space-12); font-size:var(--font-size-16); letter-spacing:-.03em; color:#454545;}
.table01 tbody td.cell-em {color:var(--color-primary); font-weight:600;}
.table01 thead th:last-child,
.table01 tbody th:last-child,
.table01 tbody td:last-child {border-right:0;}

.records-gall {display:grid; grid-template-columns:repeat(5, 1fr); gap:var(--space-40); text-align:center;}
.records-gall .img {aspect-ratio: 240/161;}
.records-gall img {border-radius:16px; width: 100%; height: 100%; object-fit: cover;}
.records-gall.col-6 {grid-template-columns:repeat(6, 1fr);}

.greeting {display:flex; align-items:stretch; gap:var(--space-80);}
.greeting .image {width:clamp(250px, calc(580 / var(--inner) * 100vw), 580px);}
.greeting .content {background:url('/images/sub/greeting-bg.png') no-repeat right bottom / clamp(180px, calc(396 / var(--inner) * 100vw), 396px) auto; display:flex; flex-direction:column; justify-content:center; flex:1;}
.greeting .content h3 {margin-bottom:var(--space-40); font-size:var(--font-size-32); font-weight:700; line-height:1.4375em; letter-spacing:-.03em; color:#242424;}
.greeting .content h3 span {color:var(--color-primary);}
.greeting .content p {font-size:var(--font-size-18); font-weight:400; line-height:1.777777778em; letter-spacing:-.03em; color:#454545;}

.vision .leader {display:flex; justify-content:center; align-items:center; gap:var(--space-40); margin-bottom:var(--space-100);}
.vision .leader .inner {text-align:center; width:fit-content;}
.vision .leader .inner h3 {margin-bottom:var(--space-15); font-size:var(--font-size-32); font-weight:700; line-height:1.5625em; letter-spacing:-0.03em; color:#242424;}
.vision .leader .inner h3 span {color:var(--color-primary);}
.vision .leader .inner p {font-size:var(--font-size-24);font-weight:400; line-height:1.333333333em;letter-spacing:-0.03em;color:#454545;}
.vision .items {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-45);}
.vision .items .item {min-width:0;}
.vision .items .box {border-radius:16px; overflow:hidden; box-shadow:6px 6px 30px rgba(0,0,0,.161);}
.vision .items .mark {width:88px; height:88px; margin:-44px auto 0;}
.vision .items .mark img {width:100%; height:100%; object-fit:contain;}
.vision .items .cnt {padding:var(--space-15) var(--space-15) var(--space-45); text-align:center;}
.vision .items .cnt h4 {margin-bottom:var(--space-15); font-size:var(--font-size-24); font-weight:600; line-height:1.333333333em; letter-spacing:-0.03em; color:#242424;}
.vision .items .cnt p {font-size:var(--font-size-16); font-weight:400; line-height:1.5em; letter-spacing:-0.03em; color:#454545;}

.history-content { position:relative; }
.history-content::before { content:""; position:absolute; left:46%; top:.8em; bottom:.8em; width:1px; background:#ddd; }
.history-content .group { display:flex; padding-bottom:vaR(--space-150); }
.history-content .group:last-child { padding-bottom:0; }
.history-content .title { width:46%; padding-left:13%; }
.history-content .title h3 { font-size:var(--font-size-56); font-weight:700; line-height:1.15em; color:#242424; }
.history-content .title p { margin-top:var(--space-15); font-size:var(--font-size-16); font-weight:600; line-height:1.625em; letter-spacing:-0.03em; color:#8f8f8f; }
.history-content .content { flex:1; }
.history-content .content .item { position:relative; display:flex; align-items:flex-start; padding-bottom:var(--space-50); }
.history-content .content .item:last-child { padding-bottom:0; }
.history-content .content .item .year { width:clamp(100px, calc(160/var(--inner) * 100vw), 160px); display:flex; align-items:center; gap:0 var(--space-25); font-size:var(--font-size-30); font-weight:600; line-height:1.333em; letter-spacing:-0.03em; color:#242424; }
.history-content .content .item .year::before {margin-left:-8px; content:""; width:16px; height:16px; background:url("/images/sub/history-dot.png") no-repeat center / contain; }
.history-content .content .item .cnt {padding-top:6px; flex:1; min-width:0; }
.history-content .content .item .cnt li { margin-bottom:var(--space-8); display:flex; font-size:var(--font-size-16); font-weight:400; line-height:1.625em; letter-spacing:-0.03em; color:#454545; }
.history-content .content .item .cnt li:last-child { margin-bottom:0; }
.history-content .content .item .cnt li strong {margin-right:var(--space-18); flex-shrink:0; font-weight:600; color:#242424; }

.certi {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40); text-align:center;}

.directions .addr {margin-bottom:var(--space-40); font-size:var(--font-size-24);font-weight:600;line-height:1.333333333em;letter-spacing:-0.03em;color:#242424;}
.directions .addr img {margin-right:var(--space-5); vertical-align:middle; width:24px;height:24px;object-fit:contain;}
.directions .root_daum_roughmap_landing {width:100% !important;}
.directions .root_daum_roughmap .wrap_map {height:clamp(280px,calc(419/var(--inner)*100vw),419px) !important;}
.directions .root_daum_roughmap .cont {display:none;}
.directions .root_daum_roughmap .border1,
.directions .root_daum_roughmap_landing .border3,.directions .root_daum_roughmap_landing .border4 {display:none;}
.directions .root_daum_roughmap .wrap_controllers {border:0 !important;}
.directions .contact-area {display:flex; margin-top:var(--space-40); border:1px solid #ddd;}
.directions .contact-area h3 {display:flex; align-items:center; font-size:var(--font-size-18); font-weight:600; padding:var(--space-20) var(--space-40); color:#fff; background:var(--color-primary);}
.directions .contact-area .cnt {align-items:center; display:flex; gap:var(--space-15) var(--space-80); flex-wrap:wrap; padding:var(--space-20) var(--space-80);}
.directions .contact-area .item dl {display:flex; align-items:center; gap:var(--space-25);}
.directions .contact-area .item dt {display:flex; align-items:center; gap:var(--space-16); font-size:var(--font-size-20); font-weight:600; line-height:1.3em;letter-spacing:-0.03em;color:#242424;}
.directions .contact-area .item dt svg {flex-shrink:0;width:24px;height:24px;}
.directions .contact-area .item dd {font-size:var(--font-size-20); font-weight:400; line-height:1.3em; letter-spacing:-0.03em; color:#454545;}