@charset "utf-8";
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}
.sec-tit {margin-bottom: clamp(20px, calc( 50 / var(--inner) * 100vw ), 80px); text-align: center; font-size: var(--font-size-40); line-height: 1.2em; font-weight: 700; color: var(--dark-color); text-align: center;}
.full-img {height: clamp(60px, calc( 137 / var(--inner) * 100vw ), 137px); background: url('/images/sub/page-bottom.jpg') repeat-x center center / cover;}

.sec-greeting {padding-bottom: var(--space-120);}
.sec-greeting .contain {gap: 25px clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px);}
.greeting-img {max-width: 670px; width: 47.86%; height: fit-content; border-radius: var(--radius-32); overflow: hidden;}
.greeting-txt h3, .greeting-txt h4 {margin-bottom: 8px;}
.greeting-head {position: relative; width: fit-content; padding-right: 20px; margin-bottom: var(--space-30);color: var(--gray-color);}
.greeting-head:before {content: ''; position: absolute; top: 0; right: 0; transform: translate(50%, -50%); width: clamp(60px, calc( 90 / var(--inner) * 100vw ), 90px); height: clamp(45px, calc( 75 / var(--inner) * 100vw ), 75px); background: url('/images/sub/greeting-head.svg') no-repeat center center / contain;}

.sec-design-process {padding: var(--space-120) 0; background: linear-gradient(180deg, rgba(229, 94, 5, 0.02) 0%, rgba(229, 94, 5, 0.00) 100%);}
.design-process-board {display: grid; grid-template-columns: repeat(3, 1fr);}
.design-process-item {display: flex; flex-direction: column; align-items: center; gap: var(--space-30);}
.design-process-step {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); width: 100%; text-align: center;}
.design-process-step-head {display: flex; flex-direction: column; align-items: center; gap: 8px;}
.design-process-step-label {color: rgba(0, 0, 0, 0.2);}
.design-process-step-tit {font-size: var(--font-size-26); font-weight: 800; line-height: 1.3846em; letter-spacing: -0.03em; color: var(--primary-color);}
.design-process-track {position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 24px;}
.design-process-track::before {content: ''; position: absolute; top: 50%; width: 100%; height: 1px; border-top: 1px dashed var(--primary-color);}
.design-process-track .dot {position: relative; z-index: 1; display: block; width: 24px; height: 24px; background: url('/images/sub/process-dot.svg') no-repeat center center / contain;}
.design-process-card {display: flex; flex-direction: column; gap: var(--space-20); width: calc(100% - var(--space-20) * 2); padding: var(--space-40); margin: 0 var(--space-20); border: 1px solid rgba(229, 94, 5, 0.3); border-radius: var(--radius-24); background: #fff;}
.design-process-card.is-tone {background: rgba(229, 94, 5, 0.02);}
.design-process-chips {display: flex; flex-wrap: wrap; gap: 10px;}
.process-chip {display: inline-flex; align-items: center; padding: 8px 14px; border: 1px solid rgba(229, 94, 5, 0.3); border-radius: 60px; background: #fff; font-size: var(--font-size-14); font-weight: 600; line-height: 22px; letter-spacing: -0.02em; color: var(--primary-color);}
.process-chip.is-tone {background: rgba(229, 94, 5, 0.02);}
.design-process-list {display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none;}
.design-process-list li {display: flex; align-items: center; gap: 8px;}


.page-history {}
.history-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-40);}
.history-card {display: flex; flex-direction: column; gap: var(--space-25); padding: var(--space-40); border: 1px solid rgba(229, 94, 5, 0.3); border-radius: var(--radius-24); background: #fff;}
.history-card.is-tone {background: rgba(229, 94, 5, 0.02);}
.history-card-year {font-size: var(--font-size-40); font-weight: 800; line-height: 1.2em; letter-spacing: -0.02em; color: var(--dark-color);}
.history-card.is-tone .history-card-year {color: var(--primary-color);}
.history-card-body {display: flex; flex-direction: column; flex: 1; justify-content: space-between; gap: var(--space-30); min-height: 0;}
.history-card-main {display: flex; flex-direction: column; gap: var(--space-30);}
.history-card-head {display: flex; flex-direction: column; gap: var(--space-20);}
.history-card-tit {font-size: var(--font-size-28); font-weight: 600; line-height: 1.2857em; letter-spacing: -0.02em; color: #454545;}
.history-card-chip {display: inline-flex; align-self: flex-start; align-items: center; padding: 8px 14px; border-radius: 60px; background: #eee; font-size: var(--font-size-14); font-weight: 600; line-height: 1.5715em; color: #454545; letter-spacing: -0.01em;}
.history-card-chip.is-tone {background: #FDEFE6;}
.history-card-desc {font-size: clamp(14px, calc(16 / var(--inner) * 100vw), 16px); font-weight: 400; line-height: 1.75em; letter-spacing: -0.02em; color: #454545;}
.history-card-foot {display: flex; display: none; align-items: center; justify-content: flex-end; gap: 10px; margin-top: auto;}
.history-card-foot strong {font-size: var(--font-size-18); font-weight: 600; line-height: 26px; color: var(--primary-color); letter-spacing: -0.02em;}

.direction-map {height: clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px); margin-bottom: var(--space-80);}
.direction-info {display: flex;}
.direction-info-item {flex: 1 1 auto; padding: 0 15px; border-right: 1px solid #ddd;}
.direction-info-item:last-child {border-right: none;}
.direction-info-item h3 {margin: var(--space-15) 0 var(--space-25); font-size: var(--font-size-18); font-weight: 600; color: var(--primary-color);}
.direction-info-item:nth-child(even) h3 {color:#EF9E69;;}