@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 500 / var(--inner) * 100vw ), 500px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"경기 고양시 일산동구 지영로 23"; font-size:12px; line-height:15px;}

.bullet-item .bullet-list {position:relative; padding-left:15px; margin-top:4px; line-height:1.4 ; color: #454545;}
.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:#454545; border-radius: 50%;}
.bullet-item .bullet-list.none {padding-left: 0;}
.bullet-item .bullet-list.none::before {display: none;}

.bg-gray {background:#fafafa;}

.subsec-pd {padding:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.contents + .contents {padding-top:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); }
.bdtpd + .bdtpd {margin-top: clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); padding-top:clamp(50px, calc( 100 / var(--inner) * 100vw ), 100px); border-top: 1px solid #ddd;}

.greet-wrap .toptit {padding-bottom: 5px; font-size:clamp(20px, calc( 48 / var(--inner) * 100vw ), 48px); font-weight: bold;}
.greet-wrap .toptit2 {margin-bottom: clamp(18px, calc( 36 / var(--inner) * 100vw ), 36px); font-size:clamp(18px, calc( 28 / var(--inner) * 100vw ), 28px); font-weight: bold;}
.sub1textbx {padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px);letter-spacing: -0.5px;}
.sub01_1_1sec .txt1 {font-size:clamp(16px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;}
.sub01_1_1sec .txt2 {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.44; color: #454545;}
.sub01icnlist {display: flex; flex-wrap: wrap;}
.sub01icnitem {flex: 1 0 25%; max-width: 25%; margin-left: -1px; margin-top: -1px;}
.sub01icnitem .inner {padding: clamp(25px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); border: 1px solid #ddd; height: 100%; text-align: center; letter-spacing: -0.5px;}
.sub01icnitem .icn img {width:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.sub01icnitem .line {margin: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) auto clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); width: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); height: 2px; background: var(--color-primary);}
.sub01icnitem span {display: block;}
.sub01icnitem .name {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold;}
.sub01icnitem .txt {padding-top: 7px; color: #454545; line-height: 1.625;}
.sub01_1_3sec .txt1 {padding-top: clamp(20px, calc( 35 / var(--inner) * 100vw ), 35px); position: relative; font-size: clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); color: #454545; line-height: 1.4;}
.sub01_1_3sec .txt1::before {position: absolute; content:''; left:0; top:0; width: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); height: 2px; background:var(--color-primary); }

.global-wrap .toptext {padding-top:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); margin-bottom:clamp(30px, calc( 60 / var(--inner) * 100vw ), 60px); position: relative; text-align: center;}
.global-wrap .toptext:after {position: absolute; content: '';left:50%; top:0; transform: translateX(-50%); width: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); height: 2px; background:var(--color-primary);}
.global-wrap .txt1 {font-size:clamp(17px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;}
.global-wrap .txt2 {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); line-height: 1.4; color: #454545;}

.location-area .map {border-radius: 24px; overflow: hidden;}
.mapinfolist {display: flex; flex-wrap: wrap; padding-top: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); margin: -10px;}
.mapinfoitem {flex: 1 0 25%; max-width: 25%;padding:10px;}
.mapinfoitem .inner {display: flex; align-items: center;  letter-spacing: -0.5px;}
.mapinfoitem .icn {flex: 1 0 clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: clamp(35px, calc( 60 / var(--inner) * 100vw ), 60px); margin-right: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px);}
.mapinfoitem .text {flex: 1 0 auto; width: 1%;}
.mapinfoitem span {display: block;} 
.mapinfoitem .name {font-weight: bold;}
.mapinfoitem .dec {padding-top: 5px; color: #454545;}

.subcommsec .topsec .img {padding-bottom: clamp(18px, calc( 35 / var(--inner) * 100vw ), 35px); }
.subcommsec .topsec .text {line-height:1.625;}
.subcommsec .bottomsec .flxWrap {margin:-12px -10px;}
.subcommsec .bottomsec .commbx {flex: 1 0 50%; max-width: 50%; padding:12px 10px;}
.subcommsec .icntxt {display: flex; align-items: center;}
.subcommsec .icn {flex:1 0 clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); max-width: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); margin-right: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.subcommsec .txt {flex: 1 0 auto; width: 1%; font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); font-weight: bold;} 
.subcommsec .bullet-item {padding-top: clamp(18px, calc( 35 / var(--inner) * 100vw ), 35px); padding-left: 8px;}

.sub02_2_1sec {padding-top: clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px);}
.sub02_2list {display: flex; flex-wrap: wrap; margin:-17px;}
.sub02_2item {flex: 1 0 25%; max-width: 25%; padding: 17px;}
.sub02_2item .inner {padding:clamp(25px, calc( 55 / var(--inner) * 100vw ), 55px) 15px clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); border: 1px solid #ddd; height: 100%;}
.sub02_2item .icn {text-align: center;}
.sub02_2item .icn img {width:clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.sub02_2item .textbx {padding-top: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px); text-align: center; letter-spacing: -0.5px;}
.sub02_2item span {display: block;}
.sub02_2item .txt {font-size:clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold;}
.sub02_2item .dec {padding-top: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); color: #454545; line-height: 1.625;}

.radioflx {display: flex; align-items: center; flex-wrap: wrap;  margin: -3px -20px;}
.radioflx .item {padding: 3px 20px;height: clamp(38px, calc( 44 / var(--inner) * 100vw ), 44px);}
.inquiry-wrap .btn-pack.large {min-width: clamp(120px, calc( 160 / var(--inner) * 100vw ), 160px); height: clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); line-height:clamp(38px, calc( 58 / var(--inner) * 100vw ), 58px) ;}

.customer-wrap .tit {margin-bottom:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); font-size: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); text-align: center;}
.customerlist {display: flex; flex-wrap: wrap; margin: -20px;}
.customeritem {flex: 1 0 33.33%; max-width: 33.33%; padding: 20px;}
.customeritem .inner {display: flex; flex-direction: column; justify-content: space-between; padding:clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius:16px;border: 1px solid #dddd; height: 100%;}
.customeritem .icn img {width:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.customeritem .textbx {padding-top: 20px; letter-spacing: -0.5px;}
.customeritem span {display: block;}
.customeritem .name {font-size: clamp(16px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: bold;}
.customeritem .dec {padding-top: 7px; line-height: 1.625; color: #454545;}
.customeritem .list + .list {padding-top: 10px;}