@charset "utf-8";

.gray-bg {background:#f8f8f8;}

.doc-cnt {padding:var(--space-100) 0;}
.doc-cnt:first-child {padding-top:0;}
.doc-cnt:last-child {padding-bottom:0;}

.doc-tit {font-size:var(--font-size-40); font-weight:600; letter-spacing:-0.03em; line-height:1.3em; color:#242424; text-align:center; margin-bottom:var(--space-40);}

.greeting {background:url('/images/sub/greeting.jpg') no-repeat center center / cover; position:relative; min-height:578px; display:flex; align-items:stretch; justify-content:flex-end; border-radius:24px; overflow:hidden;}
.greeting .content {width:50%; background:rgba(0,0,0,0.65); padding:var(--space-50); border-radius:0 24px 24px 0;}
.greeting .best {font-size:var(--font-size-16); font-weight:700; letter-spacing:-0.03em; line-height:1.5; color:rgba(255,255,255,0.4); margin-bottom:var(--space-15);}
.greeting .content h3 {font-size:var(--font-size-32); font-weight:600; letter-spacing:-0.03em; line-height:1.25em; color:#fff; margin-bottom:var(--space-50);}
.greeting .content h3 span {background:linear-gradient(180deg, var(--color-secondary) 10%, var(--color-success) 100%); -webkit-background-clip:text; background-clip:text; color:transparent;}
.greeting .content .txt {word-break:break-all; font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.6em; color:#fff; margin:0;}

.office {display:flex; justify-content:space-between;}
.office .img {width:calc(33.3% - var(--space-20));}

.premium .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-30);}
.premium .item {background-position:right var(--space-40) bottom var(--space-40); background-repeat:no-repeat; background-color:#fff; border:1px solid #ddd; border-radius:24px; background-size:clamp(34px, calc(64 / var(--inner) * 100vw), 64px) auto; padding:var(--space-40) 70px var(--space-40) var(--space-40);}
.premium .item .num {font-size:var(--font-size-16); font-weight:700; letter-spacing:-0.03em; line-height:1.4em; color:var(--color-success); margin-bottom:var(--space-8);}
.premium .item h4 {font-size:var(--font-size-24); font-weight:600; letter-spacing:-0.03em; line-height:1.25em; color:#242424; margin-bottom:var(--space-40);}
.premium .item p {font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.5em; color:#454545;}
.premium .item1 {background-image:url('/images/sub/premium-ico1.png');}
.premium .item2 {background-image:url('/images/sub/premium-ico2.png');}
.premium .item3 {background-image:url('/images/sub/premium-ico3.png');}
.premium .item4 {background-image:url('/images/sub/premium-ico4.png');}

.vision {margin-bottom:var(--space-100); padding:var(--space-50) var(--space-40); border:4px solid transparent; border-radius:300px; text-align:center; background:linear-gradient(#fff,#fff) padding-box, linear-gradient(180deg, var(--color-secondary) 20%, var(--color-success) 100%) border-box;}
.vision .cate {font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.5; background:linear-gradient(180deg, var(--color-secondary) 0%, var(--color-success) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; margin:0 0 var(--space-15);}
.vision h3 {font-size:24px; font-weight:600; letter-spacing:-0.03em; line-height:1.33em; color:#242424; margin-bottom:var(--space-30);}
.vision .txt {font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.5em; color:#454545;}
.vision .txt strong {color:var(--color-success); font-weight:600;}

.philosophy .items {display:flex; flex-direction:column; gap:var(--space-60);}
.philosophy .item {display:flex; gap:var(--space-60); align-items:center;}
.philosophy .item .image {width:44.6%;}
.philosophy .item .content {flex:1;}
.philosophy .item .content .inner {display:flex; flex-direction:column; gap:var(--space-25);}
.philosophy .item h4 {font-size:var(--font-size-28); font-weight:600; letter-spacing:-0.03em; line-height:1.14em; color:#242424; margin:0;}
.philosophy .item h4::after {content:''; display:block; width:30px; height:4px; background:var(--color-success); margin-top:var(--space-25);}
.philosophy .item .en {font-size:var(--font-size-16); font-weight:600; letter-spacing:-0.03em; line-height:1.625em; color:#cacaca; margin:0;}
.philosophy .item .txt {font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.625em; color:#454545;}
.philosophy .item:nth-child(even) {flex-direction:row-reverse;}
.philosophy .item:nth-child(even) .content {display:flex; align-items:center;}

.history-group {border-bottom:1px dashed #ddd; display:flex; padding-bottom:var(--space-60); margin-bottom:var(--space-60);}
.history-group:last-child {border-bottom:none; margin-bottom:0;}
.history-group .title {width:50%;}
.history-group .title .year {font-size:var(--font-size-38); font-weight:700; letter-spacing:-0.03em; line-height:1.47em; background:linear-gradient(180deg, var(--color-secondary) 0%, var(--color-success) 100%); -webkit-background-clip:text; background-clip:text; color:transparent; margin-bottom:var(--space-20);}
.history-group .title h3 {font-size:var(--font-size-30); font-weight:600; letter-spacing:-0.03em; line-height:1.87em; color:#242424; margin:0;}
.history-group .title .txt {font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.5em; color:#454545;}
.history-group .title .txt strong {color:#242424; font-weight:500;}
.history-group .content {flex:1; display:flex; flex-direction:column; gap:var(--space-60);}
.history-group .content .item {display:flex;}
.history-group .content .item .year {width:70px; font-size:var(--font-size-20); font-weight:700; letter-spacing:-0.03em; line-height:1.4em; color:var(--color-success);}
.history-group .content .item .list {flex:1;}
.history-group .content .item .list li {padding-left:var(--space-15); position:relative; display:flex; margin-bottom:var(--space-15); font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em; color:#242424;}
.history-group .content .item .list li:before {content:'·'; position:absolute; left:0; color:var(--color-primary); font-size:var(--font-size-30);}
.history-group .content .item .list li:last-child {margin-bottom:0;}

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

.contact-info .info {margin:var(--space-80) 0; display:flex; gap:var(--space-30); justify-content:center;}
.contact-info .info .item {width:33.33%; display:flex; align-items:center; border:1px solid #ddd; border-radius:24px; padding:var(--space-40);}
.contact-info .info .item .tit {width:80px; display:flex; flex-direction:column; gap:var(--space-10); align-items:center; justify-content:center; border-right:1px solid #ddd; font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.33em; color:#242424;}
.contact-info .info .item .txt {padding-left:var(--space-25); flex:1; font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.5em; color:#242424;}
.contact-info .traffic {margin-bottom:var(--space-40);}
.contact-info .traffic h3 {font-size:var(--font-size-24); font-weight:600; letter-spacing:-0.03em; line-height:1.25em; color:#242424; margin-bottom:var(--space-20); padding-bottom:var(--space-20); border-bottom:1px solid #ddd;}
.contact-info .traffic .group {margin-bottom:40px; display:flex;}
.contact-info .traffic .group:last-child {margin-bottom:0;}
.contact-info .traffic .group h4 {width:95px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em; line-height:1.11em; color:#242424;}
.contact-info .traffic .group .cnt {flex:1;}
.contact-info .traffic .line {display:flex; gap:var(--space-20); flex-wrap:wrap;}
.contact-info .traffic .line .txt {display:flex; gap:var(--space-15); align-items:center; font-size:var(--font-size-16); font-weight:500; letter-spacing:-0.03em; line-height:1.625em; color:#242424;}
.contact-info .traffic .line .txt span {display:flex; align-items:center; justify-content:center; width:26px; height:26px; min-width:26px; border:4px solid var(--color-success); border-radius:50%; background:#fff; font-size:var(--font-size-16); font-weight:600; color:var(--color-success); box-sizing:border-box;}
.contact-info .traffic .line .txt:last-child span {border-color:#5b692e; color:#5b692e;}
.contact-info .traffic .bus {display:flex; flex-direction:column; gap:var(--space-16);}
.contact-info .traffic .bus .item {margin-bottom:15px; display:flex; flex-wrap:wrap; align-items:center; font-size:var(--font-size-16); letter-spacing:-0.03em; line-height:1.5em; color:#242424;}
.contact-info .traffic .bus .item:last-child {margin-bottom:0;}
.contact-info .traffic .bus .item .label {margin-right:var(--space-10); display:inline-flex; align-items:center; justify-content:center; height:20px; padding:0 var(--space-8); border-radius:4px; font-size:var(--font-size-14); font-weight:600; color:#fff; }
.contact-info .traffic .bus .item .label.c1 {background:#0054A6;}
.contact-info .traffic .bus .item .label.c2 {background:#8DBE22;}
.contact-info .traffic .bus .item .bar {padding:0 var(--space-15); color:#ddd;;}
.contact-info .traffic .bus .item .parcel {color:#686868; font-weight:400;}