@charset "utf-8";

.greeting {background:#fff; padding:var(--space-60); display:flex; flex-direction:column; gap:var(--space-60);}
.greeting .intro {font-size:var(--font-size-28); font-weight:600; line-height:1.36em;}
.greeting .intro span {color:var(--color-primary);}
.greeting .text {font-size:var(--font-size-20); font-weight:400; color:#484848; line-height:1.7em;}
.greeting .ceo {font-size:var(--font-size-20); font-weight:600; color:#484848; line-height:1.7em;}

.history {border-top:2px solid #686868; padding-top:var(--space-60); display:flex; gap:var(--space-160); align-items:flex-start;}
.history .title {width:27%; font-size:var(--font-size-24); font-weight:600; line-height:1.58em;}
.history .title span {color:var(--color-primary);}
.history .timeline {position:relative; flex:1;}
.history .timeline .line {position:absolute; left:16px; top:0; width:1px; height:100%; background:#ddd;}
.history .timeline .items {display:flex; flex-direction:column; gap:var(--space-20); position:relative;}
.history .item {display:flex; gap:var(--space-60); align-items:center;}
.history .item .dot {background:url("/images/sub/history-dot.png") no-repeat 50% 50% / contain; width:32px; height:32px; position:relative; z-index:1;}
.history .item .card {width:100%; position:relative; background:#fff; border:1px solid #ddd; padding:var(--space-40);}
.history .item .card .year {margin-bottom:var(--space-25); background:#f1f1f1; padding:0 var(--space-12); display:inline-block; font-size:var(--font-size-16); font-weight:600; color:#484848; line-height:36px;}
.history .item .card .content ul li {display:flex; margin-bottom:var(--space-10);}
.history .item .card .content ul li:last-child {margin-bottom:0;}
.history .item .card .content .month {width:105px; font-size:var(--font-size-18); font-weight:600; color:var(--color-primary); line-height:1.75em;}
.history .item .card .content .desc {font-size:var(--font-size-20); font-weight:500; line-height:1.5em; flex:1;}

.philosophy-group {background:#fff; padding:var(--space-64); display:flex; flex-direction:column; gap:var(--space-48); align-items:center; justify-content:center; box-shadow:0 0 16px rgba(0,0,0,0.08); margin-bottom:var(--space-40);}
.philosophy-group:last-child {margin-bottom:0;}
.philosophy-group .label {min-width:105px; background:#fff; border:1px solid #ddd; display:inline-block; font-size:var(--font-size-18); font-weight:600; line-height:40px; text-align:center;}
.philosophy-group .quote-text {text-align:center; display:flex; gap:var(--space-20); justify-content:center;}
.philosophy-group .quote-text .mark {width:17px; height:14px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.philosophy-group .quote-text .mark.left {background-image:url("/images/sub/mark1.png");}
.philosophy-group .quote-text .mark.right {background-image:url("/images/sub/mark2.png");}
.philosophy-group .quote-text .text {font-size:var(--font-size-24); font-weight:600; color:#222; line-height:1.58em;}
.philosophy-group .motto-items {max-width:990px; width:100%; text-align:center; display:flex; justify-content:space-between;}
.philosophy-group .motto-items .item .icon img {height:clamp(50px, calc(80 / var(--inner) * 100vw), 80px);}
.philosophy-group .motto-items .item .txt .tit {margin:var(--space-20) 0 var(--space-10); font-size:var(--font-size-24); font-weight:600; color:#222; line-height:1.58em;}
.philosophy-group .motto-items .item .txt .desc {font-size:var(--font-size-16); font-weight:400; color:#484848; line-height:1.875em;}

.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(500 / var(--inner) * 100vw), 500px) !important;}
.root_daum_roughmap_landing {width:100% !important;}

[lang="en"] .location-group .map-area {height:clamp(250px, calc(500 / var(--inner) * 100vw), 500px);}  
[lang="en"] .location-group .map-area iframe {width:100%; height:100% ;}
.location-group .info-area {margin-top:var(--space-40 ); padding:var(--space-40); background:#fff; border:1px solid #ddd;}
.location-group .info-area h2 {color:var(--color-primary); font-size:var(--font-size-24); font-weight:600; line-height:1.58em; margin-bottom:var(--space-25);}
.location-group .info-area .items {display:flex; flex-wrap:wrap; gap:var(--space-10) var(--space-60);}
.location-group .info-area .items dl {color:#484848; display:flex;}
.location-group .info-area .items dl dt {display:flex; align-items:center; gap:0 var(--space-10);} 
.location-group .info-area .items dl dt:after {margin-right:var(--space-10); content:''; width:1px; height:10px; background:#ddd;} 
.location-group .info-area .items dl dd {flex:1;}
.location-group:nth-child(1) {padding-bottom:var(--space-55);}
.location-group:nth-child(2) {background:#FFF8F8; padding:var(--space-55) 0;}