@charset "utf-8";
.img-map iframe,
.root_daum_roughmap,
.root_daum_roughmap .wrap_map {overflow:hidden; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important; width:100% !important;}
.root_daum_roughmap .cont {display:none !important;}

.sub-sec {padding:var(--space-150) 0;}
.sub-sec.bg {background-color:#f9f9f9;}
.sub-sec.first {padding-top:0;}

.greet {position:relative;}
.greet:after {height:86%; position:absolute; content:''; width:100%; background-color:#f9f9f9; left:0; bottom:0; bottom:calc(var(--space-150) * -1); z-index:-1;}
.greet .inner {display:flex; align-items:flex-start; gap:var(--space-80);}
.greet .img {flex:0 0 960px; border-radius:0 400px 400px 0; overflow:hidden;}
.greet .img img {width:100%; aspect-ratio:960 / 600; object-fit:cover;}
.greet .txt {flex:0 0 620px; padding-top:var(--space-60);}
.greet .head {display:flex; flex-direction:column; gap:var(--space-15);}
.greet .tit {font-size:var(--font-size-50); line-height:1.29em; font-weight:400; color:var(--color-bk); letter-spacing:-0.03em;}
.greet .tit strong {font-weight:700; color:#11496e;}
.greet .line {display:block; width:1px; height:80px; background-color:#1f3567;}
.greet .cont {display:flex; flex-direction:column; gap:var(--space-30); margin-top:var(--space-30); font-size:var(--font-size-20); line-height:1.5em;}
.greet .cont .highlight {font-weight:600; color:var(--color-bk);}

.contact .cont-tit .tit {margin-bottom:var(--space-40); font-size:var(--font-size-40); font-weight:700; color:var(--color-bk); letter-spacing:-0.03em;}
.contact .cont {display:flex; flex-direction:column; gap:var(--space-40);}
.contact .map {margin:0; border:1px solid #ddd; border-radius:16px; overflow:hidden; height:500px;}
.contact .map img {width:100%; height:100%; object-fit:cover;}
.contact .info {display:flex; gap:0; position:relative;}
.contact .company {display:flex; flex-direction:column; gap:var(--space-15); flex:1;}
.contact .company .tit {font-size:var(--font-size-18); font-weight:700; color:#11496e; letter-spacing:-0.03em; margin:0;}
.contact .company .addr {font-size:var(--font-size-24); font-weight:600; line-height:34px; color:var(--color-bk); letter-spacing:-0.03em; margin:0; max-width:580px;}
.contact .detail {margin-top:var(--space-45); display:flex; flex-direction:column; gap:var(--space-30); max-width: 700px;}
.contact .list {grid-template-columns:repeat(2, 1fr); display:grid;gap:var(--space-25) var(--space-20);}
.contact .list .item {gap:var(--space-15); display:flex; align-items:center;}
.contact .list .item:nth-child(1) {order:1;}
.contact .list .item:nth-child(2) {order:3;}
.contact .list .item:nth-child(3) {order:2;}
.contact .list .item:nth-child(4) {order:5;}
.contact .list .item:nth-child(5) {order:4;}

.contact .list dt {font-weight:700; color:var(--color-bk);}
.contact .list dd {font-size:var(--font-size-18); letter-spacing:-0.03em; flex:1; text-align: right;}
.contact .sns {display:flex; gap:20px; line-height:0;}

.brand-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-60) var(--space-40); text-align:center;}
.brand-item {display:block; overflow:hidden;}
.brand-item .thumb {position:relative; padding-bottom:45%; overflow:hidden;}
.brand-item .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.brand-item .thumb:after {border-radius:16px; content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}
.brand-item .tit {font-size:var(--font-size-18); color:#12121s2; margin-top:var(--space-15); font-weight:500;}