@charset "utf-8";
/* 서브공통 */

/********************* 회사소개 *********************/
/* 인사말 */
.greeting-image {margin-bottom: var(--space-70); border-radius: var(--radius-24); overflow: hidden;}
.greeting-text {gap: var(--space-120);}
.greeting-title {max-width: clamp(200px, calc(400 / var(--inner) * 100vw), 400px); font-size: var(--font-size-40); font-weight: 500; line-height: 1.35em; color: #222;}
.greeting-title strong {color: var(--color-primary); font-weight: 700;}
.greeting-desc {gap: var(--space-30); max-width: 620px; font-size: var(--font-size-16); color: #484848; line-height: 1.87em; margin-bottom: var(--space-30);}
.greeting-signature p {display: flex; gap: var(--space-20);font-size: var(--font-size-16); font-weight: 400; line-height: 1.875em; color: #484848; }
.greeting-signature p span {font-weight: 600; }

/* 연혁 */
.history-top { width: 100%; background: url(../images/sub/history-bg.jpg) no-repeat center center / cover; min-height: 350px; padding: 0 20px;  border-radius: var(--radius-24); overflow: hidden; text-align: center;}
.history-top-desc {font-size: var(--font-size-24); font-weight: 600; line-height: 1.666em; color: #fff; }

.history {position:relative; }
.start-dot {position:absolute; top:-15px; left:50%; transform: translateX(-50%); width:32px; height:32px; background: url(../images/sub/history-dot.png) no-repeat center center / contain; z-index: 1;}
.history .group {display: flex; position:relative; padding-top: 20px; padding-bottom:80px;}
.history .group:before {content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd;}
.history .group:last-child {margin-bottom:0;}
.history .group h3 {position:relative; margin-top: 4px; font-size:32px; font-weight:700; color:var(--color-primary); line-height:1em; z-index:2;}
.history .group h3:before {content:""; position:absolute; top:2px; width:32px; height:32px; background: url(../images/sub/history-dot.png) no-repeat center center / contain;}
.history .group ul {position: relative;}
.history .group ul li {position:relative; font-size:16px; font-weight: 400; line-height:2.5em;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:0; color:var(--color-sub); font-size: 20px; font-weight:600;}
.history .group:nth-child(1) {padding-top: 120px;}
.history .group:nth-child(odd) {padding-left:50%;}
.history .group:nth-child(odd) h3 {padding-left:75px;}
.history .group:nth-child(odd) h3:before {left:-15px;}
.history .group:nth-child(odd) ul {padding-left:60px;}
.history .group:nth-child(odd) ul li {padding-left:75px;}
.history .group:nth-child(odd) ul li .month {left:0;}
.history .group:nth-child(even) {padding-right:50%; text-align:right; flex-direction: row-reverse;}
.history .group:nth-child(even) h3 {padding-right:75px;}
.history .group:nth-child(even) h3:before {right:-16px; }
.history .group:nth-child(even) ul {padding-right:60px;}
.history .group:nth-child(even) ul li {padding-right:75px;}
.history .group:nth-child(even) ul li .month {right:0;}

.history {--history-dot-size:20px; --history-dot-top:2px;}
.history.history--trim-last .group.is-history-last:before {bottom:auto; height:var(--history-line-end);}

/* 특허현황 */
.patent-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-40);}
.patent-item-img {border: 1px solid #ddd; margin-bottom: var(--space-25);}
.patent-item-info {text-align: center;}
.patent-item-info h3 {font-size: var(--font-size-16); font-weight: 600; color: var(--color-sub); line-height: 1.5em;}
.patent-item-info span {font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em;}

/* 찾아오시는 길 */
.map-wrap {position: relative;}
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 440px !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.drc-info {display: flex; justify-content: center; gap: 36px; padding: var(--space-50) 0 var(--space-100) 200px;}
.drc-info dl {display: flex; align-items: center; gap: 19px;}
.drc-info dl dt:before {content: ""; display: block; width: 6px; height: 6px; background: var(--color-primary);}
.drc-info dl dt {display: flex; align-items: center; gap: 14px; font-size: var(--font-size-18); font-weight: 600; color: var(--color-primary);}
.drc-info dl dd {font-size: var(--font-size-16); color: #242424;}
.drc-address {position: absolute; bottom: 0; left: 30px; max-width: 340px; font-size: var(--font-size-24); line-height: 1.33em; color: #fff; background: var(--color-primary); padding: 40px 45px 40px 40px; z-index: 1; font-weight: 600;}
.drc-address p.small {font-size: 17px; color: #fff; margin-bottom: 70px; font-weight: 400; }


/********************* 제품소개 *********************/

.pd-swiper { width: 100%; margin-bottom: var(--space-40); }
.pd-swiper .thumb { position: relative; padding-bottom: 54%; display: block; overflow: hidden;}
.pd-swiper .thumb img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover ; transform: translate(-50%, -50% );}
.pd-thumb-swiper { width: 100%;}
.pd-thumb-swiper .swiper-slide { cursor: pointer;}
.pd-thumb-swiper .thumb {position: relative; padding-bottom: 54%; display: block; overflow: hidden;}
.pd-thumb-swiper .thumb img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: cover ; max-width: 100%; max-height: 100%; transform: translate(-50%, -50% );}
.pd-thumb-swiper .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.pd-thumb-swiper .swiper-slide.swiper-slide-thumb-active .thumb::after { border: 4px solid var(--color-primary);}

.pd-thumb-wrap {position: relative;}
.pd-btn.swiper-button-next,
.pd-btn.swiper-button-prev {width: 22px; height: 40px; background: no-repeat center center / contain;}
.pd-btn.swiper-button-next {right: -46px; background-image: url(../images/sub/product-next-btn.png);}
.pd-btn.swiper-button-prev {left: -46px; background-image: url(../images/sub/product-prev-btn.png);}
.pd-thumb-wrap .swiper-button-next:after, 
.pd-thumb-wrap .swiper-button-prev:after {display: none;}

/********************* 시공전경 *********************/

/********************* 견적문의 *********************/