@charset "utf-8";
.greetings {font-weight:600; line-height:2.25em; font-family:"Nanum Myeongjo", serif; display:grid; gap:var(--space-40); transform:rotate(0.04deg);}
.greetings .ceo-sign {margin-top:var(--space-60); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em; font-weight:600;}
.greetings .ceo-sign img {margin:-2px 0 0 20px; vertical-align:middle;}

.history-wrapper {display:flex; flex-wrap:wrap;}
.history-section {width:50%;}
.history-top {margin-bottom:var(--space-30); display:flex; align-items:flex-end;}
.history-period {color:var(--color-bk); font-size:var(--font-size-20); font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.history-company {color:#999; margin-left:8px; font-size:var(--font-size-14); line-height:1.6em; letter-spacing:-.03em;}

.timeline-content {position:relative;}
.timeline-content:before {left:8px; top:10px; bottom:10px; width:1px; content:''; display:block; background:#ddd; position:absolute;}
.timeline-item {display:flex;}
.timeline-item:last-child {margin-bottom:0;}
.timeline-date {width:145px; font-weight:700; color:var(--color-bk);}

.timeline-group {padding-left:var(--space-35); margin-bottom:12px; display:grid; gap:3px; position:relative;}
.timeline-group:last-child {margin-bottom:0;}
.timeline-group:before {width:16px; height:16px; left:0; top:4px; content:''; display:block; background:url('/images/sub/hisdot.png') 50% 50% / contain no-repeat; position:absolute;}
.timeline-desc {flex:1;}

.location {display:flex; gap:var(--space-35);}
.location .map {flex:1 75%;}
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 620 / var(--inner) * 100vw ), 620px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.directions {padding-top:var(--space-35);}
.directions .txt1 {color:var(--color-bk); font-size:var(--font-size-20); font-weight:500; line-height:1.6em; letter-spacing:-.03em;}
.directions .txt2 {font-size:var(--font-size-15); line-height:1.53em; letter-spacing:-.03em;}
.directions .info {margin:var(--space-35) 0 var(--space-60); display:grid; gap:20px; font-size:var(--font-size-15); letter-spacing:-0.03em; line-height:1.5em;}
.directions .info p {padding-left:42px; position:relative;}
.directions .info img {position:absolute; left:0; top:-5px;}

.directions .btn a {min-width:135px; height:45px; padding:0 10px; font-size:var(--font-size-15); letter-spacing:-.03em; background-color:#fff; border-radius:7px; display:inline-flex; border:1px solid #ddd; justify-content:center; align-items:center; color:#242424;}
.directions .btn a:hover {background-color: #4b723f; border-color:#4b723f; color: #fff;}

.organization {padding-top:var(--space-60);}