@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(260px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(260px, calc( 600 / var(--inner) * 100vw ), 600px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"경기 안산시 단원구 원시동 835"; 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);}

.greet-wrap .flxWrap {gap: var(--padding-80); align-items: center;}
.greet-wrap .imgbx {width: clamp(300px, calc( 610 / var(--inner) * 100vw ), 610px);}
.greet-wrap .textbx {flex:1;}
.greet-wrap .textbx .title {font-size:var(--font-size-32); line-height: 1.37; font-weight: 600; margin-bottom: var(--padding-40);}
.greet-wrap .textbx .decbx {font-size: var(--font-size-18); line-height: 1.77; color: var(--color-body);}

.location-area  {position: relative;}
.location-area .map-info {display:flex; align-items:center; gap:var(--padding-40); position: absolute; bottom: clamp(-50px, calc(-50 / var(--inner) * 100vw), -20px); right: var(--padding-50); padding:var(--padding-60) var(--padding-40); background:#1a305e; z-index: 100;}
.location-area .map-info-logo {flex-shrink:0; width:clamp(120px, calc(186 / var(--inner) * 100vw), 186px);}
.location-area .map-info-logo img {display:block; width:100%; height:auto;}
.location-area .map-info-line {flex-shrink:0; width:1px; align-self:stretch; min-height:54px; background:#ddd;}
.location-area .map-info-list {display:flex; flex-direction:column; gap:clamp(12px, calc(15 / var(--inner) * 100vw), 15px);}
.location-area .map-info-list li {display:flex; align-items:flex-start; gap:10px;}
.location-area .map-info-list .icn {flex-shrink:0; width:20px; height:20px;}
.location-area .map-info-list .icn img {display:block; width:100%; height:100%;}
.location-area .map-info-list .txt {font-size:var(--font-size-16); color:#fff; line-height:1.3; word-break:keep-all;}
.location-area .map-info-list li:first-child .txt {font-size:var(--font-size-18); line-height:1.3;}

.field-tab {margin-bottom: var(--padding-80);}
.field-tab .tablist {display:flex; gap:var(--padding-10); overflow-x: auto;}
.field-tab .tabitem {flex: 1;}
.field-tab .tablink {display: inline-flex;align-items: center;justify-content: center; padding:0 25px; height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px); width: 100%; font-size: var(--font-size-16); font-weight: 600; color: #878787; background: #F2F2F2; white-space: nowrap;} 
.field-tab .tabitem.active .tablink {color: #fff; background: var(--color-primary); font-weight: bold;}
.fieldtitbx {margin-bottom: var(--padding-30); padding-bottom: var(--padding-30); border-bottom: 1px solid #ddd;}
.fieldtitbx .title {font-size: var(--font-size-32); font-weight: 700; color: #121212;}

.bg-purple {background:rgba(26, 48, 94, 0.03);}
.valid-contain {padding: var(--padding-40) 0;}
.valid-wid {max-width: 720px; margin: 0 auto; width: 100%;}
.valid-contain .valid-row-wrap {gap:var(--padding-50); align-items:stretch;}
.valid-contain .titlebx {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:70px; padding:var(--padding-30); background:var(--color-primary); color:#fff; font-size:var(--font-size-24); font-weight:600; letter-spacing:-0.03em;}
.valid-contain .titlebx.nobg {background: transparent;}
.valid-contain .arrowbx {flex:1; min-width:0; letter-spacing:-0.03em;}
.valid-flow {display:flex; flex-direction:column; gap:var(--padding-20); align-items:center; width:100%;}
.valid-row {display:flex; gap:var(--padding-20); width:100%;}
.valid-item {display:flex; flex:1; align-items:center; justify-content:center;  padding:var(--padding-32) var(--padding-20); background:#fff; border:1px solid #ddd; color:#121212; font-size:var(--font-size-24); text-align:center; word-break:keep-all;}
.valid-item-full {flex:none; width:100%;}
.valid-item.bg-item {background: #FAFAFA;}
.valid-arrow {display:flex; align-items:center; justify-content:center; width:100%;}
.valid-arrow img {display:block; width:clamp(10px, calc(15 / var(--inner) * 100vw), 15px); height:auto; aspect-ratio: 15/12;}