@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:100% !important;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"인천 남동구 남동대로 425번길 53"; font-size:12px; line-height:15px;}

.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;}

/*  css 파일 추가 처리(선택사항)  */
.fr-box .swiper-wrapper {display:block;}

.blocker {z-index: 100;}
.modal {max-width:980px; width: 100%;}

.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);}

.subconwrap {display: flex;flex-direction: column;gap: var(--padding-150);}
.insectitbx {margin-bottom: var(--padding-40);}
.insectit {font-size: var(--font-size-40); font-weight: 600; line-height: 1;}
.insecdec {margin-top: var(--padding-35); font-size: var(--font-size-22); color: var(--color-body); letter-spacing: -0.5px;}

.greet-intro { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--padding-80); }
.greet-intro__media { width:420px; }
.greet-intro__figure img {border-radius: 50%;overflow: hidden; }
.greet-intro__txt { flex:1; min-width:min(100%, 320px); display:flex; flex-direction:column; gap:var(--padding-30); }
.greet-intro__leadblock { display:flex; flex-direction:column; gap:0; }
.greet-intro__lead { font-size:var(--font-size-28); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#121212; }
.greet-intro__body { display:flex; flex-direction:column; gap:0; }
.greet-intro__body p { font-size:var(--font-size-22); font-weight:400; line-height:1.64; letter-spacing:-0.03em; color:#505050; }

.greet-duo { display:grid; grid-template-columns: repeat(2, 1fr);  gap:var(--padding-20); }
.greet-card { position:relative;  overflow:hidden; border-radius:16px; color:#fff; }
.greet-card__media { position:absolute; inset:0; z-index:0; }
.greet-card__media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.greet-card__overlay { position:absolute; inset:0; z-index:1; border-radius:16px; pointer-events:none; }
.greet-card__body { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:space-between; min-height:clamp(350px, calc( 520 / var(--inner) * 100vw ), 520px); padding:clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px) clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); box-sizing:border-box; }
.greet-card__tit { font-size:var(--font-size-32); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#fff; }
.greet-card__foot { display:flex; flex-direction:column; gap:var(--padding-30); width:100%; }
.greet-card__tags { display:flex; flex-wrap:wrap; align-items:center; gap:var(--padding-10); }
.greet-card__tag { display:inline-flex; align-items:center; justify-content:center; padding:var(--padding-10); border-radius:8px; background:rgba(255, 255, 255, 0.2); font-size:var(--font-size-16); font-weight:500; line-height:1; letter-spacing:-0.03em; color:#fff; }
.greet-card__desc { font-size:var(--font-size-20); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#fff; }
.greet-card__desc--stack { display:flex; flex-direction:column; gap:var(--padding-15); }
.greet-card__desc--stack p { font-size:var(--font-size-20); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#fff; }

.greet-valgrid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:clamp(24px, calc( 40 / var(--inner) * 100vw ), 40px); }
.greet-valgrid__item { display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--padding-30); }
.greet-valgrid__icon { display:flex; align-items:center; justify-content:center; width:clamp(120px, calc( 200 / var(--inner) * 100vw ), 200px); height:clamp(120px, calc( 200 / var(--inner) * 100vw ), 200px); border-radius:50%; background:#fff; border:1px solid #ddd; box-sizing:border-box; }
.greet-valgrid__icon img { display:block; width:clamp(45px, calc( 100 / var(--inner) * 100vw ), 100px); height:auto; }
.greet-valgrid__cate { margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1; letter-spacing:-0.03em; background:linear-gradient(90deg, #832990 0%, #361163 100%); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; }
.greet-valgrid__txt { font-size:var(--font-size-24); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#121212; }
@media (max-width:900px) { .greet-valgrid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:400px) { .greet-valgrid { grid-template-columns:1fr; } }


.history-contain .history-item:last-child {padding-bottom: var(--padding-200);}
.history-wrap { position:relative; color: #454545; }
.history-wrap:before {top:16px; bottom:0; position:absolute; left:clamp(350px, calc( 620 / var(--inner) * 100vw ), 620px); width:1px; background-color:#ddd; content:"";}
.history-item {padding-bottom:var(--padding-80); display:flex; align-items:initial;}
.history-item .history-year {position:relative; top:0; left:0; width:clamp(350px, calc( 620 / var(--inner) * 100vw ), 620px); }
.history-item .imgtxtbx {position: absolute; left: 0; top:0;margin-right: clamp(30px, calc( 80 / var(--inner) * 100vw ), 80px);}
.history-item .imgtxtbx .titlebx {margin-bottom: var(--padding-60); letter-spacing: -0.8px;}
.history-item .imgtxtbx .title { font-size:var(--font-size-64); font-weight: 700; line-height: 1; color: #121212;}
.history-item .imgtxtbx .tit {margin-top: var(--padding-30); font-size: var(--font-size-24); font-weight: 600; color: var(--color-primary);}
.history-item .imgtxtbx .img img {border-radius:16px;}
.history-month-box {padding-left:100px; flex:1; position: relative;}
.history-month-box:after {position: absolute; content: ''; left: 20px; top: 20px; width:60px; height: 1px; background: #ddd;}
.histofy-detailbx .year {margin-bottom:var(--padding-35); font-size: var(--font-size-40); font-weight: bold; color: #121212; line-height:1.1;}
.history-detail .decbx {display:flex; flex-direction: column; gap: var(--padding-30); font-size:var(--font-size-22); letter-spacing:-.03em; line-height: 1.54; color: var(--color-body); letter-spacing: -0.5px;}
.history-detail .monthtext {display: flex; padding-left:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); position: relative;}
.history-detail .monthtext::before {content: ''; position: absolute; left: 0; top: clamp(11px, calc( 14 / var(--inner) * 100vw ), 14px); width: 5px; height: 5px; background: #ccc; border-radius: 50%; }
.history-detail .monthtext .month {width: clamp(50px, calc( 65 / var(--inner) * 100vw ), 65px); color: #121212; font-weight: bold;}
.history-detail .monthtext .dec {flex: 1;}
.history-item .dots {width:20px; height:20px; top:-2px; left:-10px; margin:0; position:absolute; border: 1px solid transparent; border-radius: 50%; background: #fff; transform:translateY(clamp(11px, calc( 16 / var(--inner) * 100vw ), 16px)); display:flex; align-items:center; justify-content:center; }
.history-item .dots .inner-dots {width:10px; height:10px; background:#832990; border-radius:50%; }
@media (max-width: 1024px) {
    .history-item .history-year {width: 300px;}
    .history-wrap:before {left: 300px;}
    .history-month-box {padding-left: 70px;}
    .history-month-box:after {left: 15px; width: 40px;}
}
@media (max-width: 640px) {
    .history-item {display: block;}
    .history-item .history-year {width: 100%; }
    .history-item .imgtxtbx {position: inherit; margin-bottom: 30px; margin-right: 0;}
    .history-wrap:before {display: none;}
    .history-month-box {padding-left:0;}
    .history-item .dots {justify-content: flex-start; width: 16px; height: 16px; left: 0; top: -5px;}
    .history-item .dots .inner-dots {width: 7px; height: 7px;}
    .histofy-detailbx .year {padding-left: 20px;}
    .history-month-box:after {display: none;}
}

.rnd-rows { display:flex; flex-direction:column; gap:var(--padding-120); }
.rnd-block { display:flex; flex-wrap: wrap; gap:var(--padding-100); align-items:center; }
.rnd-block--rev .rnd-block__media { order:2; }
.rnd-block--rev .rnd-block__body { order:1; }
.rnd-block__media {width:clamp(300px, calc( 550 / var(--inner) * 100vw ), 550px);}
.rnd-block__media img {border-radius: 24px; overflow: hidden;}
.rnd-block__body {flex: 1; display:flex; flex-direction:column; gap:var(--padding-60); }
.rnd-block__tit { font-size:var(--font-size-32); font-weight:700; line-height:1; letter-spacing:-0.03em; color:#121212; }
.rnd-block__list { display:flex; flex-direction:column; gap:var(--padding-25); }
.rnd-block__item { display:flex; gap:clamp(12px, calc(20 / var(--inner) * 100vw), 20px); align-items:flex-start; }
.rnd-block__item--tight { gap:var(--padding-15); }
.rnd-block__num { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:clamp(30px, calc(40 / var(--inner) * 100vw), 40px); height:clamp(30px, calc(40 / var(--inner) * 100vw), 40px); border-radius:99px; background:#361163; font-size:var(--font-size-16); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; box-sizing:border-box; }
.rnd-block__txt { flex:1; font-size:var(--font-size-22); font-weight:400; line-height:1.55; letter-spacing:-0.03em; color:var(--color-body); }
.rnd-cert { display:flex; flex-direction:column; gap:var(--padding-10); }
.rnd-cert__item { display:flex; align-items:center; gap:var(--padding-10); padding:var(--padding-20); background:#f4f4f4; border-radius:8px; }
.rnd-cert__icn { flex-shrink:0; width:16px; height:16px; display:block; }
.rnd-cert__icn img { display:block; width:100%; height:100%; object-fit:contain; }
.rnd-cert__txt { flex:1; font-size:var(--font-size-20); font-weight:400; line-height:1.4; letter-spacing:-0.03em; color:var(--color-body); }

.location-split { display:flex; align-items:stretch; width:100%; }
.location-split__mapwrap { flex:1; min-width:0; background:#ffe8e8; border-radius:24px 0 0 24px; overflow:hidden; display:flex; flex-direction:column; }
.location-split__mapwrap .location-area { flex:1; display:flex; flex-direction:column; min-height:clamp(260px, calc(643 / var(--inner) * 100vw), 643px); }
.location-split__mapwrap .mapwrap { flex:1; display:flex; flex-direction:column; min-height:0; }
.location-split__mapwrap .map { flex:1; min-height:0; }
.location-split__info { flex-shrink:0; width:clamp(280px, calc(400 / var(--inner) * 100vw), 400px); max-width:100%; background:linear-gradient(139.98deg, #832990 0%, #361163 99.57%); border-radius:0 24px 24px 0; padding:var(--padding-50) clamp(20px, calc(40 / var(--inner) * 100vw), 40px); box-sizing:border-box; display:flex; align-items:center; }
.location-split__inner { width:100%; max-width:320px; display:flex; flex-direction:column; gap:var(--padding-35); }
.location-split__head { display:flex; flex-direction:column; gap:var(--padding-30); align-items:flex-start; }
.location-split__co { margin:0; font-size:var(--font-size-32); font-weight:700; line-height:1; letter-spacing:-0.03em; color:#fff; }
.location-split__rule { width:50px; height:5px; background:#fff; flex-shrink:0; }
.location-split__blocks { display:flex; flex-direction:column; gap:var(--padding-35); }
.location-split__block { display:flex; flex-direction:column; gap:var(--padding-15); }
.location-split__label { display:flex; align-items:center; gap:6px; }
.location-split__icn { flex-shrink:0; width:16px; height:16px; display:block; }
.location-split__icn img { display:block; width:100%; height:100%; object-fit:contain; }
.location-split__lbl { margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; }
.location-split__desc { margin:0; font-size:var(--font-size-16); font-weight:400; line-height:1.5; letter-spacing:-0.03em; color:rgba(255, 255, 255, 0.7); }
.location-split__sep { width:100%; height:1px; background:rgba(255, 255, 255, 0.2); flex-shrink:0; }
.location-split__contact { margin:0; display:grid; grid-template-columns:50px 1fr; column-gap:clamp(12px, calc(20 / var(--inner) * 100vw), 20px); row-gap:var(--padding-15); align-items:start; }
.location-split__contact dt { margin:0; font-size:var(--font-size-18); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#fff; }
.location-split__contact dd { margin:0; font-size:var(--font-size-16); font-weight:400; line-height:1; letter-spacing:-0.03em; color:rgba(255, 255, 255, 0.7); }
.location-split__contact a { color:inherit; text-decoration:none; }
@media (max-width:900px) {
    .location-split { flex-direction:column; }
    .location-split__mapwrap { border-radius:24px 24px 0 0; }
    .location-split__info { width:100%; border-radius:0 0 24px 24px; padding:var(--padding-40) clamp(20px, calc(24 / var(--inner) * 100vw), 24px); }
    .location-split__inner { max-width:none; }
    .root_daum_roughmap .wrap_map {height: 300px !important;}
}
.root_daum_roughmap .wrap_controllers {display: none;}
.root_daum_roughmap .cont {display: none;}

.formflx {display: flex;gap:5px; flex-wrap: wrap;}
.formflx .input {width: 100%; height: clamp(40px, calc(56 / var(--inner) * 100vw), 56px); border-radius: 99px;}
.formflx .selectbx {width:155px;}
.formflx .inputbx {flex:1;}
.formflx .searchbx {width:120px;}
.formflx .btn-pack {border-radius: 99px; width: 100%; height: clamp(40px, calc(56 / var(--inner) * 100vw), 56px) !important; line-height: clamp(38px, calc(54 / var(--inner) * 100vw), 54px) !important;}

.prdinner {margin:var(--padding-80) 0 30px; text-align: center;}
.tabwrap {overflow-x: auto;}
.tabwrap .tablist {display: flex; gap:var(--padding-10);}
.tabwrap .link {display: inline-flex;align-items: center;justify-content: center; padding:0 20px; height: 40px; font-size: var(--font-size-18); color: var(--color-body); letter-spacing: -0.5px; white-space: nowrap; border-radius: 99px; border: 1px solid #ddd; } 
.tabwrap .link.active {background: #121212; border-color: #121212; color: #fff;}

.prd-list {overflow-x: auto;}
.prd-list table {border-top: 2px solid #121212;}
.prd-list th,
.prd-list td {padding:var(--padding-25) var(--padding-20); text-align: center; letter-spacing: -0.6px;}
.prd-list th {border-bottom: 1px solid #121212; font-size: var(--font-size-22); font-weight: 600;}
.prd-list td {border-bottom: 1px solid #ddd; font-size: var(--font-size-20); color: var(--color-body); line-height: 1.5;}
.prd-list .link {font-weight: 600;}
.prd-list tbody tr:hover {background: #F9F9F9;}

.prd-list-m {display: none;}
.prd-list-m .mlist {border-top: 2px solid #121212;}
.prd-list-m .mitem {display: flex;flex-direction: column;gap: 12px; padding:15px 10px; border-bottom: 1px solid #ddd;}
.prd-list-m .tblitem {display: flex; font-size:17px; gap: 5px; line-height: 1.5; color: var(--color-body); font-weight: 400;}
.prd-list-m .tblitem .name {width: 120px; font-weight: bold; color: #121212;}
.prd-list-m .tblitem .deac {flex: 1;}
.prd-list-m .tblitem .link {font-weight: bold; text-decoration: underline;}

.prd_detailview .flxWrap {gap:var(--padding-100); justify-content: center;}
.prd_detailview .imgbx {width: clamp(350px, calc( 400 / var(--inner) * 100vw ), 400px);}
.prd_detailview .images {position: relative; padding-bottom:100%; overflow: hidden; border-radius: var(--border-radius-24);}
.prd_detailview .images img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto; max-width:100%; min-height:100%;object-fit : cover;}
.prd_detailview .textolay {position: absolute; left: 0; top: 0; width: 100%;}
.prd_detailview .inpdd {display: flex;flex-direction: column;gap: var(--padding-40); margin:var(--padding-30);}
.prd_detailview .inpdd .badge {display: inline-flex;align-items: center;justify-content: center; padding:var(--padding-12) var(--padding-25); color: #fff; font-size:var(--font-size-32); font-weight: bold; line-height: 1; letter-spacing: -0.5px;border-radius: 99px;background: rgba(255, 255, 255, 0.05);  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);  backdrop-filter: blur(5px);}
.prd_detailview .inpdd .text {padding: var(--padding-12); font-size: var(--font-size-48); font-weight: bold; line-height: 1.1; color: #fff; letter-spacing: -0.8px; text-align: center; border-radius: 16px; background: rgba(255, 255, 255, 0.05); box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.10);  backdrop-filter: blur(5px);}

.prd_detailview .textbx {flex: 1 0 auto; width: 1%; display: flex;flex-direction: column;gap: var(--padding-60); letter-spacing: -0.5px;}
.toptextbx {display: flex;flex-direction: column;gap: var(--padding-30);}
.toptextbx .titbx {display: flex;flex-direction: column;gap:var(--padding-15); letter-spacing: -0.8px;}
.toptextbx .cate {display: inline-flex;align-items: center;justify-content: center;padding:8px 10px; font-size: var(--font-size-18); color: var(--color-primary); font-weight: 600; line-height: 1; background: #F3EAF4; border-radius: 4px;} 
.toptextbx .title {font-size: var(--font-size-48); font-weight: bold; line-height: 1.33;}
.toptextbx .characterinnerbx {padding: var(--padding-30); background: #F9F9F9; border-radius: 16px;}
.toptextbx .characterinner {list-style: block; padding-left: 20px;}
.toptextbx .characterinner .item {font-size: var(--font-size-18); line-height: 2.2; font-weight: 400;}

.prd-spec {display:flex; flex-direction:column; gap:var(--padding-40); margin:0;}
.prd-spec__group {display:flex; flex-wrap:nowrap; align-items:flex-start; gap:var(--padding-20); width:100%; box-sizing:border-box; line-height:1.5;}
.prd-spec__group dt {display:grid; grid-template-columns:4px minmax(0, 1fr); column-gap:var(--padding-15); align-items:center; width:clamp(110px, calc(120 / var(--inner) * 100vw), 120px);  font-size:var(--font-size-20); font-weight:600; line-height:1; letter-spacing:-0.6px; color:#121212; box-sizing:border-box;}
.prd-spec__group dt::before {content:''; width:4px; height:4px; border-radius:50%; background:#121212; align-self:center;}
.prd-spec__group dt {align-items:start; padding-top:6px;}
.prd-spec__group dt::before {align-self:start; margin-top:calc(0.7em - 2px);}
.prd-spec__desc {flex:1;  font-size:var(--font-size-20); font-weight:400; line-height:1.5; letter-spacing:-0.6px; color:var(--color-body);}
.lastbtnbx {display: flex;gap:var(--padding-10);}
.lastbtnbx .btn-pack {flex: 1; height: clamp(40px, calc(64 / var(--inner) * 100vw), 64px) !important; line-height: clamp(38px, calc(62 / var(--inner) * 100vw), 62px) !important; border-radius: 99px; font-size:var(--font-size-20); font-weight: 600;}

.inquiry-wrapper {max-width: 1000px; width: 100%; margin: 0 auto;}
.inquiry-intro {display:flex; flex-direction:column; align-items:center; gap:var(--padding-30); margin-bottom: var(--padding-60); text-align:center; box-sizing:border-box;}
.inquiry-intro__text {display:flex; flex-direction:column; align-items:center; gap:var(--padding-40); width:100%;}
.inquiry-intro__title {margin:0; font-size:var(--font-size-48); font-weight:800; line-height:1; letter-spacing:-0.03em; color:#000;}
.inquiry-intro__desc { font-size:var(--font-size-20); font-weight:400; line-height:1.6; letter-spacing:-0.03em; color:#121212;}
.inquiry-intro__contact {width:100%; max-width:1000px;  padding:14px 15px; box-sizing:border-box; background:#f4f4f4; border-radius:8px;}
.inquiry-intro__contact-inner {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:var(--padding-60);}
.inquiry-intro__line {display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:inherit;}
.inquiry-intro__icnwrap {display:flex; flex-shrink:0; align-items:center; justify-content:center; width:clamp(28px, calc(32 / var(--inner) * 100vw), 32px); height:clamp(28px, calc(32 / var(--inner) * 100vw), 32px); border-radius:99px; background:var(--color-primary);}
.inquiry-intro__icn {display:block; width:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); height:clamp(12px, calc(16 / var(--inner) * 100vw), 16px); object-fit:contain;}
.inquiry-intro__linktxt {font-size:var(--font-size-20); font-weight:600; line-height:1; letter-spacing:-0.03em; color:#121212; white-space:nowrap;}
@media (max-width:640px) {
    .inquiry-intro__contact-inner {flex-direction:column; gap:var(--padding-30);}
    .inquiry-intro__linktxt {white-space:normal; word-break:break-all;}
}