@charset "utf-8";
.greetings-image {margin-bottom:var(--space-120); position:relative;}
.greetings-image .slogan {min-width:325px; color:#fff; font-size:var(--font-size-30); right:var(--space-80); background-color:var(--color-primary); padding:var(--space-40); transform:translateY(50%); position:absolute; bottom:0; font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.greetings-text {background:url('/images/sub/greetingbg.jpg') 100% 100%; background-repeat:no-repeat;}
.greetings-text .txt1 {color:var(--color-bk); font-size:var(--font-size-42); font-weight:700; letter-spacing:-.04em; line-height:1.3em;}
.greetings-text .txt1 span {color:var(--color-primary);}
.greetings-text p {margin-top:var(--space-30); line-height:1.6em;}
.greetings-text p.last {color:var(--color-bk); font-weight:600;}

.vision {display:grid; gap:var(--space-60);}
.vision .item {gap:var(--space-60); display:flex; align-items:center;}
.vision .img {border-radius:300px; overflow:hidden;}
.vision .cont {flex:1;}
.vision .tit {margin:12px 0 var(--space-25); color:var(--color-bk); font-size:var(--font-size-32); font-weight:700;}
.vision p {line-height:1.5em; letter-spacing:-.03em;}
.vision .item:nth-child(even) .img {order:2;}
.vision .item:nth-child(even) .cont {padding-left:15%;}

.history-wrap {display:flex; gap:var(--space-60);}
.history-wrap .img {border-radius:100px 0 0 100px; overflow:hidden;}
.history-content {flex:1; position:relative;}
.history-content .big-title {color:#f4f4f4; font-size:var(--font-size-100); width:100%; position:absolute; bottom:0; right:0; letter-spacing:-.03em; line-height:1.2em; font-weight:700;}
.history-content .big-title span {display:block;}
.history-content .big-title span.right {text-align:right;}

.history .item {padding:var(--space-25) 0 var(--space-50); display:flex; border-top:2px solid #ddd;}
.history .item:last-child {padding-bottom:0;}
.history .year {width:145px; color:var(--color-bk); font-size:var(--font-size-32); font-weight:700;}
.history ul {flex:1;}
.history ul li {padding-left:15px; position:relative; display:flex;}
.history ul li:before {position:absolute; content:'·'; color:var(--color-primary); left:0; font-weight:700; font-size:var(--font-size-20); margin-top:-2px;}
.history ul li .month {width:45px; color:var(--color-primary); font-weight:700;}
.history ul li p {color:var(--color-bk); flex:1;}

.radio-wrap {height:50px; gap:var(--space-40); display:flex; align-items:center;}

/* 오시는 길 */
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {border-radius:20px; overflow:hidden; height:clamp(250px, calc( 520 / var(--inner) * 100vw ), 520px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.directions {margin-top:var(--space-40); display:flex;}
.directions .address-info {flex:1 50%; max-width:50%;}
.directions .address-info .comp {color:var(--color-primary); font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:var(--color-bk); font-size:var(--font-size-24); font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {line-height:1.5em;}
.directions .contact-info dl {margin-bottom:20px; display:flex;}
.directions .contact-info dl:last-child {margin-bottom:0;}
.directions .contact-info dt {width:180px; color:var(--color-bk); font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%;}

/* 사업소개 페이지 */
.business-sec {margin-bottom:var(--space-150);}
.business-sec:last-child {margin-bottom:0;}
.business-intro {align-items:center; display:flex; gap:var(--space-80);}
.business-intro .img {max-width:57%;}
.business-intro.reverse .cnt {order:2;}
.business-intro .cnt {flex:1;}
.business-intro .tit {padding-bottom:var(--space-90); position:relative; color:#242424; font-size:var(--font-size-46); letter-spacing:-0.02em; line-height:1.4em; font-weight:700;}
.business-intro .tit:after {width:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); height:3px; position:absolute; content:''; bottom:var(--space-45); left:0; background-color:#12459b;}
.business-intro .text {line-height:1.5em; letter-spacing:-.03em; display:grid; gap:var(--space-35);}

.business-detail {display:flex; flex-direction:column; gap:var(--space-40); margin-top:var(--space-40);}
.business-detail .tit {height:78px; position:relative; padding:0 var(--space-30); margin-bottom:var(--space-30); background-color:#f3f5fa; color:#242424; font-size:var(--font-size-26); font-weight:700; display:flex; align-items:center; border-radius:16px;}

.detail-content {padding-left:var(--space-30);}
.detail-content li {position:relative; padding-left:var(--space-20);}
.detail-content li:before {top:8px; width:6px; height:6px; content:''; position:absolute; left:0; background-color:#d9d9d9; border-radius:50%;}
.detail-content strong {font-weight:600; color:#242424;}