@charset "utf-8";

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

.greetings  {display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:var(--space-60); line-height:1.75;}
.greetings .txt {flex:1 1 400px; max-width:700px; display:flex; flex-direction:column; gap:var(--space-40);}
.greetings .cont-tit {display:flex; flex-direction:column; gap:0; line-height:1.375;}
.greetings .cont-tit .tit {font-size:var(--font-size-32); font-weight:600; color:#242424; letter-spacing:-0.03em;}
.greetings .cont-tit .primary {font-weight:700; color:var(--color-primary);}
.greetings .cont {font-size:var(--font-size-18); line-height:1.78;}
.greetings .sign {color:#242424; display:flex; align-items:center; font-size:var(--font-size-18); font-weight:600; letter-spacing:-0.03em;}
.greetings .sign img {margin:-2px 0 0 20px; vertical-align:middle;}

.vision-bg {position:relative;}
.vision-bg:after {position:absolute; left:0; bottom:0; height:clamp(220px, calc(344 / var(--inner) * 100vw), 344px); right:0; content:''; background:#f8f8f8; z-index:-1;}
.vision .intro {font-size:var(--font-size-20); margin-bottom:var(--space-120); text-align:center; line-height:1.7; text-align:center;}
.vision .intro .primary {font-weight:700; color:var(--color-primary);}
.vision .list {grid-template-columns:repeat(3, 1fr); display:grid; gap:var(--space-60); text-align:center;}
.vision .panel {position:relative;}
.vision .mark {top:-45px; width:100px; height:100px; position:absolute; background:#E9A445; border-radius:100%; z-index:-1; left:50%; transform:translateX(-50%);}
.vision .mark .num {position:absolute; left:50%; top:13px; margin:0; width:100%; transform:translateX(-50%); font-size:var(--font-size-24); font-weight:800; color:#fff; line-height:34px; letter-spacing:-0.03em;}
.vision .frame {position:absolute; box-shadow:1px 3px 10px rgba(0, 0, 0, .15); border-radius:50px;}
.vision .inner {position:relative; z-index:2; display:flex; flex-direction:column; align-items:center; padding:var(--space-60) var(--space-15) var(--space-40); line-height:1.75;}
.vision .icon {width:clamp(45px, calc(96 / var(--inner) * 100vw), 96px); height:clamp(45px, calc(96 / var(--inner) * 100vw), 96px); margin:0 0 var(--space-20);}
.vision .tit {margin:0 0 var(--space-15); font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-0.03em; line-height:1.5;}

.loc {text-align:center;}
.loc .loctab .list {display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0; margin:0; padding:var(--space-10); list-style:none; background:#eee; border-radius:56px;}
.loc .loctab .btn {box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-width:140px; min-height:44px; padding:0 24px; border:0; border-radius:56px; background:transparent; font-size:var(--font-size-16); font-weight:600; color:#868686; letter-spacing:-0.03em; line-height:26px; cursor:pointer; font-family:inherit;}
.loc .loctab .btn.on {background:var(--color-primary); color:#fff;}
.loc .panels {margin-top:var(--space-60);}
.loc .panels .panel {display:none; line-height:1.75;}
.loc .panels .panel.on {display:block;}

.loc .bar {display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-15); margin:0 0 var(--space-30);}
.loc .bar .pin {flex:0 0 auto; width:36px; height:36px; margin:0;}
.loc .bar .pin svg {display:block; width:100%; height:100%;}
.loc .bar .tit {font-size:var(--font-size-32); font-weight:600; color:#242424; letter-spacing:-0.03em; line-height:36px;}
.loc .bar .line {flex:0 0 auto; width:1px; height:16px; background:#d9d9d9;}
.loc .bar .addr {font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-0.03em; line-height:36px;}

.loc .map {border-bottom:1px solid #eee;}
.loc .info {padding:var(--space-30) var(--space-20) 0;}
.loc .info .list {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-20);}
.loc .info .item {border-right:1px solid #ddd; display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--space-10); margin:0; padding:0;}
.loc .info .item:last-child {border-right:0;}
.loc .info .ico {width:48px; height:48px;}
.loc .info .txt {display:flex; flex-direction:column; gap:var(--space-10); line-height:1.4;}
.loc .info .txt .tit {font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-0.03em;}
.loc .info .txt .val a {color:inherit; text-decoration:none;}
.loc .info .txt .val a:hover {text-decoration:underline;}
.loc .info .txt .note {margin-left:4px; font-size:var(--font-size-14); color:#868686;}

.perftap {margin:0 0 var(--space-60); text-align:center;}
.perftap .tabs .list {display:inline-flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:0; margin:0; padding:var(--space-10); list-style:none; background:#eee; border-radius:56px; box-sizing:border-box;}
.perftap .tabs .item {position:relative; flex: 0 0 180px;}
.perftap .tabs .item .mainlist {box-sizing:border-box; display:flex; align-items:center; justify-content:center; width:180px; min-height:44px; padding:0 24px; border-radius:56px; background:transparent; font-size:var(--font-size-16); font-weight:600; color:#868686; letter-spacing:-0.03em; line-height:26px; text-align:center; text-decoration:none; position:relative; z-index:100;}
.perftap .tabs .item .sublist {display:none; position:absolute; left:0; top:44px; z-index:2; box-sizing:border-box; width:180px; margin:0; padding:var(--space-30) var(--space-10) var(--space-10); background:#fff; border:1px solid #ddd; border-radius:0 0 16px 16px; text-align:center; line-height:35px; border-top:0;}
.perftap .tabs .item .sublist a {display:block; font-size:var(--font-size-15); font-weight:400; color:#686868; letter-spacing:-0.03em; text-decoration:none; font-family:inherit;}
.perftap .tabs .item .sublist a:hover {text-decoration:underline; color:var(--color-primary); font-weight:400;}
.perftap .tabs .item.active .mainlist {background:var(--color-primary); color:#fff; position:relative;}

.perftap .tabs .item.open {background-color:#fff; border-radius:30px 30px 0 0;}
.perftap .tabs .item.open .mainlist {background:var(--color-primary); color:#fff; z-index:101; position:relative;}
.perftap .tabs .item.open .sublist {display:block; margin-top:-20px;}

@media (max-width:1024px) {
	.perftap .tabs .list {justify-content:center; max-width:100%;}
	.perftap .tabs .item .mainlist {width:100%; min-width:0; max-width:180px;}
	.perftap .tabs .item .sublist {width:100%; max-width:180px;}
}

html[lang="en"] .perftap .tabs .item .mainlist {width: auto; white-space: nowrap;}




.bizdemo {display:flex; flex-direction:column; align-items:center; gap:var(--space-60); line-height:1.7; text-align:center;}
.bizdemo .txt {font-size:var(--font-size-20); line-height:1.7; color:#454545; letter-spacing:-0.03em;}
.bizdemo .show {display:flex; flex-direction:column; align-items:stretch; gap:var(--space-20); width:100%; max-width:1200px;}
.bizdemo .view {position:relative; z-index:0; width:100%; border-radius:24px; overflow:hidden;}
.bizdemo .bizslide {position:relative; z-index:0;}
.bizdemo .more {display:flex; justify-content:center; width:100%;}
.bizdemo .morebtn {box-sizing:border-box; display:inline-flex; align-items:center; justify-content:center; min-width:200px; min-height:54px; padding:15px 35px; border-radius:8px; background:#2a2622; font-size:var(--font-size-16); font-weight:600; color:#fff; letter-spacing:-0.03em; text-align:center; text-decoration:none; line-height:normal;}
.bizdemo .morebtn:hover {color:#fff; text-decoration:none; opacity:0.92;}

.show .slick-dots {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--space-10); pointer-events:auto; position:absolute; bottom:var(--space-30); line-height:0; width:100%;}
.show .slick-dots li {margin:0; padding:0; width:auto; height:auto;}
.show .slick-dots li button {box-sizing:border-box; width:12px; height:12px; padding:0; border:0; border-radius:60px; background:rgba(255,255,255,0.7); font-size:0; line-height:0; color:transparent; cursor:pointer;}
.show .slick-dots li button:before {display:none;}
.show .slick-dots li.slick-active button {width:24px; background:var(--color-primary);}
.show .slider-nav {margin:0 -10px;}
.show .slider-nav .item {padding:0 10px;}
.show .slider-nav .img {position:relative; border-radius:16px; overflow:hidden;}
.show .slider-nav .slick-current .img:after {content:''; display:block; width:100%; height:100%; border-radius:16px; border:3px solid #E9A445; position:absolute; top:0; left:0; z-index:1;}