@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 427 / var(--inner) * 100vw ), 427px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 427 / var(--inner) * 100vw ), 427px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {display: none; content:"위노베이트"; font-size:12px; line-height:15px;}
.roughmap_maker_label:after ,
.roughmap_maker_label .roughmap_lebel_text {display: none !important;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:10px; line-height:1.3;}
.bullet-item .bullet-list:first-child {margin-top:0;}
.bullet-item .bullet-list::before {position:absolute; content:''; left:0; top:9px; width:3px; height: 3px; background:var(--color-primary); border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}
.bulletitem2 { padding-left: 0.6em; text-indent: -0.6em;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}
.subsec-pd {padding: clamp(50px, calc( 150 / var(--inner) * 100vw ), 150px) 0;}

.radiobx {display: flex; flex-wrap: wrap;}
.radiobx .item {display: flex;align-items: center; min-height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.radiobx .item:not(:last-child) {margin-right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.subsec-titbx {margin-bottom: var(--padding-60); text-align: center; letter-spacing: -0.5px;}  
.subsec-titbx .sub-tit {display: inline-block; padding-left: 10px; position: relative; font-size:var(--font-size-42); font-weight: bold;}
.subsec-titbx .sub-tit:after {position: absolute; content: ''; left: 0; top: 0; width:6px; height: 6px;background: var(--color-secondary);}
.subsec-titbx  .sub-dec {padding-top:var(--padding-30); font-size:var(--font-size-18); line-height:1.33; color: var(--color-body);}

.ovinfo {display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--padding-60);}
.ovinfo .img {width: clamp(300px, calc( 620 / var(--inner) * 100vw ), 620px); }
.ovinfo .img img {width: 100%; height: 100%; border-radius:16px; overflow: hidden; object-fit: cover;}
.ovinfo .box {flex: 1; border-top: 2px solid var(--color-primary); }
.ovinfo .box .row {display: flex; flex-wrap: wrap; align-items: center; gap: var(--padding-30); padding: var(--padding-30) var(--padding-20); border-bottom: 1px solid #e5e5e5;  letter-spacing: -0.4px;}
.ovinfo .tit {width: clamp(70px, calc( 120 / var(--inner) * 100vw ), 120px); font-size: var(--font-size-20); font-weight: 700; color: var(--color-primary);}
.ovinfo .txt {flex: 1 ; font-size: var(--font-size-18); color: var(--color-body); line-height: 1.33;}

.historyslidecont {position:relative; padding-right:clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px); padding-left:clamp(15px, calc( 60 / var(--inner) * 100vw ), 60px); max-width:1520px; width:100%; margin:0 auto;}
.historyslidecont .swiper:after {position: absolute; content: ''; top: clamp(6px, calc( 10 / var(--inner) * 100vw ), 10px); width: 100%; height: 1px; background: #ddd;}
.historyslidecont .textbx {margin-bottom:var(--padding-20); letter-spacing: -0.5px; text-align: center;}
.historyslidecont .dot {display:block; margin-bottom: var(--padding-30 );}
.historyslidecont .dot img {width:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.historyslidecont .month {margin-bottom: var(--padding-14); font-size:var(--font-size-32); font-weight: bold; color: var(--color-primary);}
.historyslidecont .text {font-size:var(--font-size-18); color: var(--color-body); line-height: 1.33; min-height:calc(var(--font-size-18) * 1.33 * 2) ;}
.historyslidecont .images.logo {padding:8px;}
.historyslidecont .images {margin: 0 auto; max-width: 250px; height: auto; aspect-ratio: 250 / 187; border: 1px solid #ddd;border-radius:8px; overflow: hidden;}
.historyslidecont .images img {width: 100%; height: 100%; object-fit: cover;}
.historyslidecont .images.logo img {object-fit: scale-down;}

.overview_3 .greet-img {display: none; margin-bottom:var(--padding-60); border-radius:16px; overflow: hidden; height: clamp(150px, calc( 216 / var(--inner) * 100vw ), 216px);}
.overview_3 .greet-img img {width: 100%; height: 100%; object-fit: cover;}
.overview_3 .greetbx {letter-spacing: -0.5px; text-align: center;}
.overview_3 .greetbx .lead { padding-bottom: var(--padding-60); font-size: var(--font-size-32); font-weight: 700; color: var(--color-primary); line-height: 1.5; }
.overview_3 .greetbx .cont {display: flex; flex-direction: column; align-items: center; gap: var(--padding-40); font-size: var(--font-size-18); color: var(--color-body); line-height: 1.67;}
.overview_3 .greetbx .sign {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: var(--padding-20); margin-top: var(--padding-30);}
.overview_3 .greetbx .sign .role {font-size: var(--font-size-20); font-weight: 600; letter-spacing: -0.03em;}
.overview_3 .greetbx .sign .name {font-size: var(--font-size-48); letter-spacing: -0.03em; font-family: 'Nanum SonPyeonJiCe', 'NanumBarunpen', serif;}
.overview_3 .greetbx .sign:lang(en) {flex-direction: column;gap:12px;}

.greet-wrap .greet-top {position: relative; margin-bottom: clamp(-80px, calc( -80 / var(--inner) * 100vw ), -20px); height:clamp(200px, calc( 400 / var(--inner) * 100vw ), 400px); border-radius:16px; overflow: hidden; z-index: -1;}
.greet-wrap .greet-top img {width: 100%; height: 100%; object-fit: cover;}
.greet-wrap .greet-textbg {margin: 0 10px;}
.greet-wrap .greet-text {padding: var(--padding-60) 0; text-align: center; background: #fff; border-radius:16px; max-width: 1030px; margin: 0 auto;}
.greet-wrap .greet-text .greet-logo {margin-bottom: var(--padding-40);}
.greet-wrap .greet-text .title {font-size: var(--font-size-24); font-weight: 600; line-height: 1.54; letter-spacing: -0.5px;}
.greet-wrap .greet-text .decbx {display: flex; flex-direction: column; align-items: center; gap: var(--padding-40); margin-top: var(--padding-60); font-size: var(--font-size-18); color: var(--color-body); line-height: 1.67; letter-spacing: -0.5px;} 
.greet-wrap .greet-text .decbx .dec {font-size: var(--font-size-18); color: var(--color-body); line-height: 1.33;}

.location-area .maptit {margin-bottom: var(--padding-40); font-size: var(--font-size-30); font-weight: 600; line-height: 1;}
.mapflx {display: flex;flex-wrap: wrap;gap:var(--padding-40);}
.mapflx .mapwrap {width:calc((100% - 1 * var(--padding-40)) / 2) ;}
.mapflx .map {width: 100%; height: clamp(250px, calc( 427 / var(--inner) * 100vw ), 427px) !important; border-radius: 16px; overflow: hidden;}
.mapflx .map iframe {width: 100%; height: 100%;}
.mapflx .mapinfo {display: flex; flex-wrap: wrap; gap: 10px; margin-top:var(--padding-40);}
.mapflx .mapinfo .icn {margin-top: 2px;}
.mapflx .mapinfo .icn img {width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.mapflx .mapinfo .text {flex: 1; letter-spacing: -0.6px;}
.mapflx .mapinfo .tit {font-size:var(--font-size-24); font-weight: 600; color: var(--color-primary); line-height: 1.25;}
.mapflx .mapinfo .etc {display: block; margin-top:10px; color: var(--color-body); line-height: 1.68;} 

.directions {margin-top:var(--padding-100);}
.directions .contact-info {line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:var(--padding-28) 0; border-bottom:1px solid #ddd;}
.directions .contact-info dl:first-child {padding-top: 0;}
.directions .contact-info dl:last-child {border-bottom: 0;}
.directions .contact-info dt {width:clamp(100px, calc( 165 / var(--inner) * 100vw ), 165px); font-size:var(--font-size-20); font-weight:600;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em var(--padding-20) 0 0; width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:var(--color-body); font-size:var(--font-size-20);}

.inquiry-guide {letter-spacing:-0.03em;}
.inquiry-guide__inner {display:flex; flex-direction:column; align-items:center; gap:clamp(40px, calc(60 / var(--inner) * 100vw), 60px); }
.inquiry-guide__head {display:flex; flex-direction:column; align-items:center; gap:clamp(20px, calc(30 / var(--inner) * 100vw), 30px); max-width:982px; width:100%; text-align:center; }
.inquiry-guide__eyebrow {margin:0; width:100%; font-size:var(--font-size-20); font-weight:600; color:#0083BF; letter-spacing:-0.03em;}
.inquiry-guide__title {margin:0; width:100%; font-size:clamp(26px, calc(40 / var(--inner) * 100vw), 40px); font-weight:400; color:#121212; line-height:1.2; letter-spacing:-0.03em;}
.inquiry-guide__desc {margin:0; font-size:var(--font-size-18); font-weight:400; color:#505050; line-height:1.67; letter-spacing:-0.03em;}
.inquiry-guide__channels {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:clamp(20px, calc(100 / var(--inner) * 100vw), 100px); width:100%; max-width:100%; }
.inquiry-guide__channel {display:flex; flex-wrap:nowrap; align-items:center; gap:clamp(12px, calc(20 / var(--inner) * 100vw), 20px); }
.inquiry-guide__icnwrap {flex-shrink:0; display:flex; align-items:center; justify-content:center;  width:clamp(40px, calc(80 / var(--inner) * 100vw), 80px); height:clamp(40px, calc(80 / var(--inner) * 100vw), 80px);  border-radius:50%; background:linear-gradient(180deg, #002052 0%, #0083BF 100%);}
.inquiry-guide__icn {display:flex; align-items:center; justify-content:center; width:clamp(16px, calc(32 / var(--inner) * 100vw), 32px); height:clamp(16px, calc(32 / var(--inner) * 100vw), 32px);}
.inquiry-guide__icn img {display:block; width:100%; height:100%; object-fit:contain;}
.inquiry-guide__txt {flex: 1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:clamp(6px, calc(10 / var(--inner) * 100vw), 10px);  text-align:left;}
.inquiry-guide__label {font-size:var(--font-size-18); font-weight:400; color:#505050; line-height:1; letter-spacing:-0.03em;}
.inquiry-guide__val {font-size:clamp(22px, calc(32 / var(--inner) * 100vw), 32px); font-weight:400; color:#121212; line-height:1.2; letter-spacing:-0.03em; text-decoration:none; overflow-wrap:break-word;}
.inquiry-guide__val:hover {text-decoration:underline;}

@media (max-width: 640px) {
.inquiry-guide__channels {display:flex; flex-direction:column; flex-wrap:nowrap; align-items:center; gap:clamp(20px, calc(32 / var(--inner) * 100vw), 32px);}
.inquiry-guide__channel {justify-content:flex-start; width:100%; }
}