@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.root_daum_roughmap {width:100% !important; height:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px) !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc( 550 / var(--inner) * 100vw ), 550px) !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"파랑하늘"; 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;}

.bg-gray {background:#fafafa;}
.overhidden {overflow: hidden;}

.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-wid {max-width: 1920px; width: 100%; margin-left:auto; overflow: hidden;}
.greet-wid .flxWrap {position:relative; right:calc(50% - 950px);}
.greet-wid .imgbx {flex: 1 0 clamp(400px, calc( 850 / var(--inner) * 100vw ), 850px); max-width: clamp(400px, calc( 850 / var(--inner) * 100vw ), 850px); margin-right: clamp(15px, calc( 95 / var(--inner) * 100vw ), 95px);}
.greet-wid .textbx {flex: 1 0 auto; width: 1%; letter-spacing: -0.5px;}
.greet-wid .title {font-size:clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); line-height: 1.5; font-weight: 400;}
.greet-wid .descbx {padding-top: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greet-wid .dec {color: var(--color-body); line-height: 1.87;}
.greet-wid .dec + .dec {padding-top: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greet-wid .signbx {display: flex;align-items: center; padding-top: clamp(18px, calc( 30 / var(--inner) * 100vw ), 30px);}
.greet-wid .signbx .txt {display: inline-block; padding-right:clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500;}
.greet-wid .signbx img {width: clamp(80px, calc( 102 / var(--inner) * 100vw ), 102px);}

.location-area {max-width: 1920px; width: 100%; margin: 0 auto; overflow: hidden;}
.location-info {padding-top:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px);}
.location-list {display:flex; justify-content:space-between; align-items:center;  flex-wrap:wrap; margin: -10px;}
.location-item {display:flex; align-items:center; gap:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); padding: 10px;}
.location-item .icn {width:clamp(40px, calc( 88 / var(--inner) * 100vw ), 88px); height:clamp(40px, calc( 88 / var(--inner) * 100vw ), 88px); }
.location-item .icn img {width:100%; height:100%; object-fit:contain;}
.location-item .textbx {display:flex; flex-direction:column; gap:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.location-item .tit {font-size:clamp(16px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight:600; line-height:1.0;}
.location-item .txt {font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); color:#454545; line-height:1.0;}

.portfolio-list {display: flex;flex-wrap: wrap; margin:clamp(-6px, calc( -6 / var(--inner) * 100vw ), -12px) clamp(-7px, calc( -7 / var(--inner) * 100vw ), -5px);}
.portfolio-item {flex: 1 0 33.33%; max-width: 33.33%; padding: clamp(5px, calc( 12 / var(--inner) * 100vw ), 12px) clamp(5px, calc( 7 / var(--inner) * 100vw ), 7px);}
.portfolio-item .images {aspect-ratio: 380 / 280; border-radius: 24px; overflow: hidden;}
.portfolio-item .images img {width:100%; height:100%; object-fit:cover;}
.portfolio-item .text {padding-top:clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: center; font-size: clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px); line-height: 1.6; color:var(--color-body);}