@charset "utf-8";
.greetings-content {margin-top:var(--space-60); display:flex; align-items:flex-start;}
.greetings-left {flex:0 0 380px; line-height:1.25em; font-weight:500; font-size:var(--font-size-40); color:var(--color-bk); letter-spacing:-1.2px;}
.company-main {font-weight:700;}
.greetings-right {flex:1;}
.greetings-text p {margin-bottom:var(--space-30);}
.intro-text {font-weight:600; font-size:var(--font-size-18); letter-spacing:-.04em;}
.greetings-text p.last {font-weight:600; margin-top:var(--space-50);}

html[lang="en"] .greetings-left {flex:0 0 55%;}
html[lang="en"] .history .group h3 {font-size:var(--font-size-28);}
html[lang="en"] .history .group ul li {gap:20px; font-size:15px; letter-spacing:-.02em;}
html[lang="en"] .history .group ul li .month {display:block; font-size:var(--font-size-18); width:90px; flex:none;}
html[lang="en"] .kakaomap {max-width:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px);}
html[lang="en"] .map-adr dd:before {top:50%; transform:translateY(-50%);}
html[lang="en"] .subtab ul li a {font-size:var(--font-size-15);}
/* html[lang="en"] .prd-table table {font-size:14px;} */
html[lang="en"] .prd-table th,
html[lang="en"] .prd-table td {line-height:1.4em;}

.history {position:relative;}
.history .group {position:relative; padding-bottom:var(--space-70); display:flex;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd;}
.history .group:last-child {padding-bottom:0;}
.history .group:last-child:before {display:none;}
.history .group h3 {padding:0 var(--space-60); font-size:var(--font-size-32); letter-spacing:-.04em; position:relative; z-index:2; color:var(--color-primary);}
.history .group h3:before {width:32px; height:32px; content:""; position:absolute; top:0; background:url('/images/sub/hisdot.png') 50% 50% / contain no-repeat;}
.history .group ul {flex:1;}
.history .group ul li {gap:var(--space-40); position:relative; margin-bottom:var(--space-30); letter-spacing:-.04em; display:flex;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {width:45px; font-size:var(--font-size-20); font-weight:700; color:var(--color-bk);}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h3:before {left:-16px;}
.history .group:nth-child(even) {padding-right:50%; justify-content:flex-end; text-align:right;}
.history .group:nth-child(even) h3 {order:3;}
.history .group:nth-child(even) h3:before {right:-16px;}
.history .group:nth-child(even) .month {order:2;}
.history .group:nth-child(even) ul li {justify-content:flex-end;}

.prd-table td.left {padding-left:25px; text-align:left;}

.kakaomap iframe,
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 380 / var(--inner) * 100vw ), 380px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}
.location {padding:var(--space-40) 0; align-items:center; border-bottom:1px solid #ddd; display:flex;}
.location:first-child {padding-top:0;}
.location:last-child {padding-bottom:0; border-bottom:0;}
.kakaomap {order:2; max-width:clamp(250px, calc( 705 / var(--inner) * 100vw ), 705px); width:100%;}
.map-info {flex:1;}
.map-tit {color:var(--color-bk); font-size:var(--font-size-28); font-weight:700; letter-spacing:-0.84px;}
.map-adr {margin:var(--space-30) 0 var(--space-50); display:grid; gap:var(--space-20);}
.map-adr dl {display:flex; align-items:center;}
.map-adr dt {display:flex; gap:10px; color:var(--color-primary); font-size:var(--font-size-18); font-weight:600; letter-spacing:-.04em; line-height:1.3em;}
.map-adr dt .ico {display:flex; align-items:center; justify-content:center;}
.map-adr dd {padding-left:var(--space-20); margin-left:var(--space-20); position:relative; flex:1;}
.map-adr dd:before {top:9px; height:10px; position:absolute; content:''; left:0; width:1px; background-color:#ddd;}
.map-info .doc-btn {display:flex; gap:10px;}
html[lang="en"] .map-info .doc-btn a {min-width:clamp(140px, calc(200 / var(--inner) * 100vw), 180px); width:auto;}

html[lang="en"] .map-adr dt {width:100px;}

.lg-outer .lg-thumb-outer {display:none !important;}

.subtab {margin-bottom:var(--space-80);}
.subtab ul {display:flex; text-align:center;}
.subtab ul li {flex:1;}
.subtab ul li a {height:clamp(40px, calc( 70 / var(--inner) * 100vw ), 70px); color:#999; font-size:var(--font-size-18); font-weight:600; align-items:center; justify-content:center; border:1px solid #ddd; display:flex;}
.subtab ul li:not(:last-child) a {border-right:0;}
.subtab ul li.active a {color:#fff !important; background-color:var(--color-primary); border-color:var(--color-primary); font-weight:500;}
.subtab ul li:hover a {color:var(--color-primary);}

.prd-detail {margin-bottom:var(--space-80); display:flex;}
.prd-detail .col {width:50%;}
.prd-detail .col.wide {border:none; width:100%; padding:0 !important;}
.prd-info {padding:0 var(--space-60); display:flex; flex-direction:column; justify-content:center; border:1px solid #ddd; border-left:0;}
.prd-head {margin-bottom:var(--space-30);}
.prd-head .txt1 {color:var(--color-primary); font-size:var(--font-size-18); font-weight:500; line-height:1.3em; letter-spacing:-0.54px;}
.prd-head .txt2 {color:var(--color-bk); margin-top:10px; font-size:var(--font-size-28); font-weight:700; line-height:1.3em; letter-spacing:-0.84px;}

.prd-table table {border-collapse:collapse; width:100%; text-align:center;}
.prd-table th {padding:var(--space-15) 10px; color:var(--color-bk); font-weight:600; letter-spacing:-0.48px; background-color:#fafafa;}
.prd-table td {padding:var(--space-20) 5px; line-height:1.5em;}
.prd-table th, .prd-table td {border:1px solid #ddd; border-left:0;}
.prd-table th:last-child, .prd-table td:last-child {border-right:0;}
.prd-info .prd-table td {padding:var(--space-20) var(--space-30); text-align:left;}

.prd-table td.char-txt {line-height:1.8em !important; padding-right:5px; letter-spacing:-.03em;}

html[lang="en"] .prd-info {padding:0 var(--space-40);}
html[lang="en"] .prd-table td.char-txt {padding-left:22px !important;}
html[lang="en"] .prd-table td.char-txt p {padding-left:10px; text-indent:-10px;}


.prd-cert {padding:10px 0; display:grid; gap:10px;}
.prd-cert p {gap:var(--space-20); display:flex; align-items:center;}
.prd-cert .ico {display:flex;}

.prd-link {width:40px; height:40px; margin:auto; background:url('/images/sub/prd-link.png') 50% 50% / contain no-repeat; display:flex;}

.shopping-mall {display:flex; gap:var(--space-40); text-align:center;}
.shopping-mall .item {height:clamp(250px, calc( 400 / var(--inner) * 100vw ), 400px); border:1px solid #ddd; flex-direction:column; display:flex; align-items:center; justify-content:center; flex:1 auto;}
.shopping-mall .tit {font-weight:700; font-size:var(--font-size-28); letter-spacing:-3%; color:var(--color-primary);}
.shopping-mall p {margin:var(--space-35) 0;}
.shopping-mall a {width:clamp(120px, calc( 160 / var(--inner) * 100vw ), 160px); height:clamp(44px, calc( 60 / var(--inner) * 100vw ), 60px); font-size:var(--font-size-18); margin:0 auto; align-items:center; justify-content:center; display:flex; font-weight:600; letter-spacing:-.03em; border:1px solid #ddd;}
.shopping-mall .item:hover {box-shadow:0px 0px 16px 0px #00000014;}
.shopping-mall .item:hover a {background-color:var(--color-primary); border-color:var(--color-primary); color:#fff;}

.no-margin {margin:0 !important;}

.table-pf {margin-top:10px; color:var(--color-primary); font-weight:600; line-height:1.5em; letter-spacing:-.03em;}

.catalog {display:flex; text-align:center; margin:0 -20px;}
.catalog .item {width:33.3333%; padding:0 20px; display:block;}
.catalog .item a {display:block;}
.catalog .img {box-shadow:1px 3px 10px rgba(0,0,0,.15); position:relative; overflow:hidden; aspect-ratio:210/297;}
.catalog .img img {width:100%; height:100%; display:block; object-fit:cover;}
.catalog p {color:var(--color-bk); font-size:var(--font-size-28); font-weight:700; line-height:1.3em; letter-spacing:-.03em;}
.catalog-download {padding:10px 20px; display:inline-block; background-color:#f1f1f1; color:#999 !important; border:1px solid #ddd; font-size:var(--font-size-14); font-weight:600; letter-spacing:-.02em; transition:opacity 0.3s; z-index:2; cursor:pointer;}
.catalog-download:hover {opacity:0.85;}

.catalog-inner {margin-top:var(--space-30); display:flex; align-items:center; justify-content:space-between; padding:0 var(--space-50);}