@charset "utf-8";
.page-company .group {max-width: 1630px;}
.page-company .group:nth-child(even) {margin-left: auto;}
.page-company .group:not(:last-child),
.page-brand .group:not(:last-child) {margin-bottom: var(--space-100);}
.page-company .group .contain {position: relative; max-width: 100%; display: flex; gap: 25px var(--space-80); padding-left: 0;}
.page-company .group:nth-child(even) .contain {flex-direction: row-reverse; padding-left: var(--container-space); padding-right: 0;}
.page-company .img {width: 46.25%; border-radius: 0 var(--radius-24) var(--radius-24)  0; overflow: hidden;}
.page-company .group:nth-child(even) .img {border-radius: var(--radius-24) 0 0 var(--radius-24);}
.page-company .group .txt {display: flex; flex-direction: column; justify-content: center;}

.page-brand .group {display: flex; gap: var(--space-80);}
.page-brand .group:nth-child(even) {flex-direction: row-reverse; text-align: right;}
.page-brand .group .num {display: flex; align-items: center; justify-content: center; margin-bottom: var(--space-30); width: clamp(30px, calc(40 / var(--inner) * 100vw), 40px); height: clamp(30px, calc(40 / var(--inner) * 100vw), 40px); border-radius: 100%; background: var(--primary-color); color: #fff; font-size: var(--font-size-16); font-weight: 700;}
.page-brand .group:nth-child(even) .num {margin-left: auto;}
.page-brand .group h2 {margin-bottom: var(--space-60); font-size: var(--font-size-32); font-weight: 600; color: #000;}
.page-brand .txt {display: flex; flex-direction: column; justify-content: center;}
.page-brand .group>.img {width: 46.6667%;}
.page-brand .group>.img .wrap {position: relative; width: 100%; padding-bottom: 75%; overflow: hidden; border-radius: var(--radius-24);}
.page-brand .group>.img .wrap:after {content :''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: var(--radius-24); border: 1px solid #ddd; z-index: 1;}
.page-brand .group>.img img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover;}
.keyword-items {display: flex; gap: 30px 10px; max-width: 555px; text-align: center;}
.keyword-item {flex: 1;}
.keyword-circle {display: flex; align-items: center; justify-content: center; width: clamp(80px, calc(160 / var(--inner) * 100vw), 160px); height: clamp(80px, calc(160 / var(--inner) * 100vw), 160px); margin: 0 auto var(--space-30); border-radius: 100%; border:1px solid var(--primary-color); color: var(--primary-color); font-size: var(--font-size-24); font-weight: 600;}

.sec-inquiry {padding: var(--space-60); border-radius: var(--radius-24); border: 1px solid #ddd; background: #FEFCF8;}
.sec-direction {display: flex; align-items: center; gap: 25px var(--space-80); padding-top: var(--space-100);}
.direction-map {width: 50%; height: 400px;}
.root_daum_roughmap .cont {display: none;}
.root_daum_roughmap .wrap_map, .root_daum_roughmap,
.direction-map iframe {width: 100% !important; height: 100% !important;}
.direction-txt li {display: flex; align-items: flex-start;}
.direction-txt li:not(:last-child) {margin-bottom: var(--space-15);}
.direction-txt li strong {gap: 10px;}
[lang="en"] .direction-txt li strong {min-width:150px;}
.direction-txt li strong:after {content: ''; display: block; width: 1px; height: 10px; margin: 0 var(--space-20); background: #ddd;}
.direction-txt li span {flex: 1;}