@charset "utf-8";

/********************* 회사소개 *********************/
/* 인사말 */
.greeting-content {position: relative; margin-bottom: 60px;}
.greeting-text {display:flex; flex-direction:column; justify-content:center; gap:var(--space-30); position: absolute; bottom: -60px; right: 0; width: 800px; padding:var(--space-60) var(--space-120) var(--space-60) var(--space-60) ; background:#fff; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);}
.greeting-tit {font-size:var(--font-size-32); font-weight:600; color:var(--color-primary); line-height:1.35em;}
.greeting-desc {font-size: var(--font-size-20); line-height:1.7em; font-weight: 500;}
.greeting-desc-small {font-size: var(--font-size-16); line-height:1.875em; font-weight: 400;}
.greeting-desc .highlight {color:var(--color-primary); font-weight:600;}

/* 회사 연혁 */
.history-hero {width:100%; margin-bottom:var(--space-80);}
.history-content {display:flex; gap:var(--space-160);}
.history-intro {max-width: 515px;}
.history-intro p {font-size:var(--font-size-28); color:var(--color-sub); line-height:1.5em; font-weight: 600;}
.history-intro .highlight {color:var(--color-primary); font-weight:600;}
.history-generation {flex:1; min-width:0; list-style:none; margin:0; padding:0; border-top: 2px solid #686868;}
.history-generation li {display: flex; align-items: flex-start; gap:var(--space-80); position:relative; font-size:var(--font-size-18); line-height:1.777em; padding:var(--space-35) var(--space-16) var(--space-45) 0; border-bottom:1px solid #ddd;}
.history-generation li:last-child {margin-bottom:0;}
.history-generation .gen-label {display: flex; align-items: center; gap: 16px; position: relative; font-size: var(--font-size-24); font-weight:600; color:var(--color-sub); }
.history-generation .gen-label:before {content:"";width:12px; height:12px; background:var(--color-primary);}
.history-bottom {padding-top:var(--space-45);}
.history-bottom p {font-size:var(--font-size-16); line-height:1.875em; margin-bottom: var(--space-35);}
.history-bottom p:last-child {margin-bottom: 0;}

/* 협력사 */
.partners-list {display:grid; grid-template-columns: repeat(4, 1fr); gap:var(--space-40);}
.partners-item {border:1px solid #ddd;}

/* 찾아오시는 길 */
.root_daum_roughmap {width: 100% !important;}
.root_daum_roughmap .wrap_map {height: 640px !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.map {margin-bottom: var(--space-80);}
.address-info p {color:var(--color-primary); font-size: var(--font-size-28); line-height:1.50em; font-weight: 600; padding-bottom: var(--space-45); }
.contact-info {padding: var(--space-30) 0;border: 1px solid #ddd; border-right: none; border-left: none;}
.contact-info dl {flex: 1; padding-left: 20px;}
.contact-info dl dt {position: relative; font-size: var(--font-size-20); line-height:1.7em; font-weight: 600; color:var(--color-sub); margin-bottom: var(--space-10);}
.contact-info dl dt:before {content:""; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width:8px; height:8px; background:var(--color-primary);}
.contact-info dl dd { font-size: var(--font-size-18); line-height:1.7em;}

/* 중국어 페이지 찾아오시는 길 */
.map iframe {width: 100%; height: 640px; border: none;}

/********************* 제품 *********************/
.prod-info {padding: var(--space-40); border: 1px solid #ddd;}
.prod-info .prod-tit {font-size: var(--font-size-24); line-height:1.58em; font-weight: 600; color:var(--color-sub); margin-bottom: var(--space-40); text-align: left; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.prod-info dl {display: flex; align-items: center; gap: var(--space-24); margin-bottom: var(--space-20);}
.prod-info dl:last-child {margin-bottom: 0;}
.prod-info dl dt {width: 42px; font-size: var(--font-size-16); font-weight: 600;}
.prod-info dl dd {font-size: var(--font-size-16); }

.gallery-list ul li:hover .thumb:after {border-color:var(--color-primary);box-shadow: 0 0 16px 0 rgba(241, 121, 54, 0.08);}
.gallery-list ul li:hover .prod-info {border-color:var(--color-primary);box-shadow: 0 0 16px 0 rgba(241, 121, 54, 0.08);}
.gallery-list ul li:hover .thumb img {transform: translateY(-50%) scale(1.05);}
.gallery-list ul li:hover .prod-info .prod-tit {color:var(--color-primary);}

/* 제품 상세 페이지 */
.pd-view-top {display: flex; align-items: center; gap:var(--space-80); margin-bottom: var(--space-80);}
.view-img {width: clamp(400px, calc(640 / var(--inner) * 100vw), 640px);}
.view-img div {position:relative; padding-bottom:75%; border: 1px solid #ddd;overflow: hidden;}
.view-img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain; }
.prod-info {flex:1;}
.prod-info.prod-view-info {border: none; padding: 0;}
.prod-info .view-tit {font-size: var(--font-size-40); font-weight:700; color:var(--color-sub); line-height:1.4em; margin-bottom: var(--space-55); text-align: left;}
.view-info-wrap {padding: var(--space-55) 0; border: 1px solid #ddd; border-right: none; border-left: none;}
.prod-info .view-info-wrap dl {margin-bottom: var(--space-30);}
.prod-info .view-info-wrap dl:last-child {margin-bottom: 0;}
.pd-view-editor {text-align: center;}
/* .pd-view-editor div {position:relative; padding-bottom:75%; }
.pd-view-editor img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;} */
.btn-pack.com-btn {min-width: 160px; height: 60px; background: var(--color-primary); font-weight: 700; border-color: var(--color-primary); color: #fff; line-height: 58px; margin-right: 5px;}
.btn-pack.com-btn.dark {background: #484848; border-color: #484848;}
.pd-view-editor{width: 100%; margin-bottom: var(--space-80);}
.buttons.view-buttons {margin: 0;}

/********************* 테크놀로지 *********************/
.technology-content {padding-top: var(--space-70); border-top: 4px solid #F17936;}
.technology-content .tech-section {margin-bottom: var(--space-70); padding-bottom:var(--space-70); background-image: repeating-linear-gradient(90deg, #ddd 0, #ddd 8px, transparent 8px, transparent 14px); background-size: 100% 1px; background-repeat: repeat-x; background-position: bottom;}
.technology-content .tech-section:last-child {margin-bottom: 0; padding-bottom: 0; background: none;}
.technology-content .tech-section-tit {position: relative; font-size: var(--font-size-28); font-weight: 600; color: var(--color-sub); margin-bottom: var(--space-30); line-height: 1.5em; padding-left: 28px;}
.technology-content .tech-section-tit:before {content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 20px; background: url("../images/sub/technology-icon.png") no-repeat center center / contain;}
.technology-content .tech-section-subtit {font-size: var(--font-size-18); font-weight: 600; color: var(--color-primary); margin-bottom: var(--space-30); line-height: 1.777em; padding-left: 28px;}
.technology-content .tech-section-desc {font-size: var(--font-size-16); line-height: 1.875em; margin-bottom: var(--space-40); padding-left: 28px;}
.technology-content .tech-section-desc:last-child {margin-bottom: 0;}
.technology-content .tech-section-desc strong {font-weight: 600;}
.technology-content .tech-section-figure {display: inline-block; border: 1px solid #ddd;}
.tech-section .flex {gap: 24px;}
.technology-content .bd-none {border: none;}

/********************* 고객센터 *********************/
/* Q&A */
.board-form table td.radio-wrap { padding: 25px 20px;}
.board-form table td.radio-wrap > div {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-40);}