@charset "utf-8";

.ico-tit {margin-bottom:var(--space-30); position:relative; padding-left:30px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.ico-tit:before {content:''; position:absolute; left:0; top:.2em; width:20px; height:19px; background:url('/images/sub/ico-tit.png') no-repeat 50% 50% / contain;}

.greeting-intro {margin-bottom:var(--space-60); text-align:center;}
.greeting-intro p {padding:0 clamp(40px, calc(110 / var(--inner) * 100vw), 110px); display:inline-block; position:relative; font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.42em;}
.greeting-intro p:before,
.greeting-intro p:after {top:-.4em; position:absolute; content:''; width:clamp(33px, calc(83 / var(--inner) * 100vw), 83px); height:clamp(27px, calc(62 / var(--inner) * 100vw), 62px); background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.greeting-intro p:before {left:0; background-image:url('/images/sub/quote1.png');}
.greeting-intro p:after {right:0; background-image:url('/images/sub/quote2.png');}

.greeting {display:flex; gap:0 var(--space-80);}
.greeting .image {width:45%;}
.greeting .content {flex:1;}
.greeting .content h2 {margin-bottom:var(--space-30); font-size:var(--font-size-28); font-weight:500; letter-spacing:-.03em; line-height:1.43em;}
.greeting .content h2 strong {color:var(--color-primary);}
.greeting .content .txt {font-size:var(--font-size-20); font-weight:400; color:#454545; line-height:1.6em;}
.greeting .content .ceo {margin-top:var(--space-50); font-size:var(--font-size-20); font-weight:500; letter-spacing:-.03em; line-height:1.4em;}
.greeting .content .ceo img {margin-left:var(--space-15); vertical-align:middle;}

.history-wrap {display:flex; gap:0 var(--space-50);}

.history-content {width:39%;}
.history-content .title {margin-bottom:var(--space-60);}
.history-content .title .en {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#acacac;}
.history-content .title h2 {margin:var(--space-20) 0; font-size:var(--font-size-36); font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.history-content .title .txt {color:#454545;}

.history {flex:1; border-top:2px solid #242424;}
.history .group {padding:var(--space-30) 0 var(--space-30)var(--space-40); border-bottom:1px solid #ddd; display:flex; align-items:center;}
.history .group .year {min-width:120px; font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.history .group .list ul li {margin-bottom:var(--space-5); display:flex;}
.history .group .list ul li:last-child {margin-bottom:0;}
.history .group .list ul li:before {margin-right:var(--space-8); content:'•'; color:var(--color-primary);}
.history .group .list .month {min-width:45px; font-weight:600; font-size:var(--font-size-18); line-height:1.8em;}
.history .group .list .txt {font-size:var(--font-size-18); line-height:1.8em; color:#454545;}

.certi .items {display:flex; flex-wrap:wrap; justify-content:center; margin:calc(var(--space-40) * -1);}
.certi .items .item {width:33.3333%; padding:var(--space-40); text-align:center;}
.certi .items .item p {font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; margin-top:var(--space-20);}

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

.en-map {height:clamp(250px, calc(550 / var(--inner) * 100vw), 550px) !important;}

.location-info {margin-top:var(--space-80);}
.location-info .items {display:flex; justify-content:space-between; gap:20px;}
.location-info .items .item {display:flex; align-items:center; gap:0 var(--space-30);}
.location-info .items .ico {width:88px;}
.location-info .items .text {flex:1 1 auto; min-width:0; width:1%;}
.location-info .items .text .tit {font-size:var(--font-size-22); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.location-info .items .text .txt {margin-top:var(--space-10); font-size:var(--font-size-18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
[lang="en"] .location-info .items {flex-wrap:wrap;}