@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:"김구베리트건설"; 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.8em; text-indent: -0.8em;}

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

.greeting-wrap {max-width: 1920px; width: 100%; margin: 0 auto;}
.greeting-wrap .textbx {padding-top:var(--padding-90);}
.greeting-wrap .title {font-size: var(--font-size-52); line-height:1.2; font-weight:700; }
.greeting-wrap .decbx {padding-top:var(--padding-40);}
.greeting-wrap .dec {line-height: 1.56; color: var(--color-body);}
.greeting-wrap .dec:not(:last-child) {margin-bottom:var(--padding-25);}

.sub1_2_1-img {position: relative; padding-bottom: var(--padding-120);}
.sub1_2_1-img .sub1_2_1-text {position: absolute; right:var(--padding-40); bottom: 0; max-width:570px; padding: var(--padding-80) var(--padding-40) ; background:var(--color-primary); color: #fff;}
.sub1_2_1-img .sub1_2_1-text:after {position: absolute; content: ''; left:var(--padding-40); top: -25%; width: 1px; height:clamp(50px, calc( 105 / var(--inner) * 100vw ), 105px); background: #fff;}
.sub1_2_1-img .sub1_2_1-text .cate {display: block; font-size:var(--font-size-20); font-weight: 500; letter-spacing: -2px;}
.sub1_2_1-img .sub1_2_1-text .text {margin-top: var(--padding-20); font-size:var(--font-size-32); font-weight: 700; letter-spacing: -0.6px;}
.sub1_2_2 {margin-top:var(--padding-65); position: relative;}
.sub1_2_2 .logobx {position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: -1;}
.sub1_2_2 .logobx img {width: clamp(200px, calc( 725 / var(--inner) * 100vw ), 725px); }
.sub1_2_2 .title {margin-bottom: var(--padding-30); padding-bottom: var(--padding-30); position: relative; font-size: var(--font-size-32);}
/* .sub1_2_2 .title .line {display: inline-block; padding-bottom: var(--padding-30); position: relative;} */
.sub1_2_2 .title::after {position: absolute; content: ''; left:0; bottom: 0; width: 55px; height: 2px; background:var(--color-primary);}
.sub1_2_2 .dec {line-height: 1.56; color: var(--color-body);}
.sub1_2_2 .dec:not(:last-child) {margin-bottom:var(--padding-25);}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:var(--padding-40);}
.directions .address-info .comp {font-size: var(--font-size-20); color:var(--color-primary); font-weight:600; margin-bottom:var(--padding-15);}
.directions .address-info .addr { font-size:var(--font-size-28); font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:var(--color-body); font-size: var(--font-size-18); margin-top: var(--padding-15);}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:20px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:140px; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin-right: var(--padding-20); width: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px); height: clamp(18px, calc( 24 / var(--inner) * 100vw ), 24px);}
.directions .contact-info dt path {fill:var(--color-primary);}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:var(--color-body);}
@media (max-width: 640px) {
	.directions .contact-info dl {padding:15px 0;}
	.directions .contact-info dt { width:100px;}
}

.humanrights-wrap {padding: var(--padding-80) var(--container-space);position: relative; box-shadow: 0 4px 24.5px 0 rgba(130, 130, 130, 0.15); border-radius: var(--padding-70);}
.humanrights-wrap .bglogo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.humanrights-wrap .bglogo img {width: clamp(150px, calc( 359 / var(--inner) * 100vw ), 359px);}
.humanrights-wrap .inner {max-width: 940px; margin: 0 auto; letter-spacing: -0.6px;}
.humanrights-wrap .line {margin: 0 auto; margin-bottom:var(--padding-40); width:clamp(40px, calc( 60 / var(--inner) * 100vw ), 60px); height: 2px; background:var(--color-primary);}
.humanrights-text {line-height: 1.56; color: var(--color-body);}
.humanrights-text:not(:first-child) {margin-top: var(--padding-30);}
.humanrights-logo {text-align: center; padding-top: var(--padding-130);}
.humanrights-logo img {width: clamp(120px, calc( 202 / var(--inner) * 100vw ), 202px); }

.signbx {display: flex;align-items: center; justify-content: center; gap:var(--padding-25); padding-top: var(--padding-170);}
.signbx .text {color: var(--color-body); font-weight: 500;}
.signbx .sign {display: flex;align-items: center;gap: 10px;}
.signbx .sign img {width: clamp(30px, calc( 61 / var(--inner) * 100vw ), 61px);}

.grid-rowlist {display: grid; grid-template-columns: repeat(3, 1fr); gap:var(--padding-40) var(--padding-30);}
.grid-rowlist .images {position: relative;}
.grid-rowlist .images img {width: 100%;}
.grid-rowlist .images:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd;}

.grid-rowlist .textbx {padding-top: var(--padding-25); text-align: center;}
.grid-rowlist .textbx .txt1 {line-height: 1.37; font-weight: 600;} 
.grid-rowlist .textbx .txt2 {padding-top:3px; line-height: 1.5; color: var(--color-body);}

.esg-list {display: flex; align-items: center; justify-content: center;}
.esg-item {flex: 1; display: flex; justify-content: center;}
.esg-item:not(:last-child) {margin-right: calc(-1 * clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px));}
.esg-circle {position: relative; width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.esg-circle::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background: linear-gradient(-70deg, #0066CC 0%, #00AEEF 100%); z-index: 0;}
.esg-circle::after {content: ''; position: absolute; top: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); left: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); right: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); bottom: clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px); border-radius: 50%; background: var(--color-white); z-index: 1;}
.esg-item:nth-child(2) .esg-circle::before {background: linear-gradient(135deg, #0066CC 0%, #00AEEF 100%);}
.esg-content {position: relative; z-index: 2; text-align: center; padding: var(--padding-30); letter-spacing: -0.5px;}
.esg-icon {margin-bottom: var(--padding-25);}
.esg-icon img {width: var(--padding-90); height: auto;}
.esg-title {font-size: var(--font-size-24); font-weight: 700; margin-bottom: var(--padding-15);}
.esg-desc {line-height: 1.56; color: var(--color-body);}
@media (max-width: 900px) {
	.esg-list {flex-direction: column;}
    .esg-item:not(:last-child) {margin-bottom: calc(-1 * clamp(12px, calc( 25 / var(--inner) * 100vw ), 25px)); margin-right: 0;}
    .esg-circle {width: 300px;}
}