.con{width:1200px; margin:0 auto; font-size:0.9rem;}
.con h4{font-size:1.7rem; font-weight: 700; margin-bottom:1.5rem;}
.con_pad{padding:0 5rem;} /* 컨텐츠 폭이 좁은거 */

@media (max-width:1300px){
	.con{width:100%; padding:0 1.5rem;}
}


@media (max-width:767px){
	.con{padding:0 2.5rem;}
}

/********************************************************
■ 회사소개
********************************************************/
.full-bg{width:100%; height:28.5rem; background-repeat:no-repeat; background-position:50% 50%; background-attachment: fixed; overflow: hidden; background-size:cover;}

.full-bg.archi{background-image:url('/images/default/content/sub02_1-fullbg.jpg'); font-size:0; margin-bottom:5rem;}
.full-bg.civil{background-image:url('/images/default/content/sub02_2-fullbg.jpg'); font-size:0; margin-bottom:5rem;}

/*인사말*/
.about{padding:5rem 0 0; background:url('/images/default/content/sub01_1-bg.jpg')no-repeat right top; }
.about .con{display:flex; align-items: center;}
.about .text{width:60%;}
.about .text p{display:flex; align-items: center; gap:0 0.5rem;}
.about .img{}

/*경영이념*/
.value-half{display:flex; margin-bottom:10rem;}
.value-half .text{width:50%;}
.value-half .text h5{font-size:1.1rem; margin-bottom:0.5rem;}
.value-half ul{width:50%; display:flex; justify-content: center; gap:0 4rem; padding-left:2rem;}
.value-half ul p{margin-top:0.5rem;text-align:center;}

/*연혁*/
.history-wrap{padding:5rem 0; background:url('/images/default/content/sub01_2-bg.jpg')no-repeat right bottom; }
.history{position:relative; z-index:0;}
.history:before{content:''; position:absolute; left:7.5rem; top:0.3rem; width:1px; height:calc(100% + 7.7rem); background:#AFAFAF; z-index:-1;}
.history li{position:relative; padding-left:7.5rem; margin-bottom:3rem;}
.history li:before{content:''; position:absolute; left:7.05rem; top:0.3rem; width:0.9rem; height:0.9rem; background:#FB640B; border-radius:50%; }
.history li .year{position:absolute; left:0px; top:0px; font-size:1.7rem; font-weight: 500; line-height:1;}
.history li p{padding-left:3.5rem; display:flex; }
.history li p + p{margin-top:0.5rem;}
.history li p b{flex-basis:2.75rem; flex-shrink: 0;}

/*임원인력*/
.human-wrap{padding:7rem 0;  background:url('/images/default/content/sub01_4-bg.jpg')no-repeat 50% 50%; background-size:cover;}
.human-wrap h4 span{font-weight:500; display:inline-flex; gap:0 1rem; margin-left:1.4rem;}
.human-wrap h5{margin-bottom:1.5rem; font-size:1.2rem;}
.human-wrap .dot li{position:relative; padding-left:1rem; margin-bottom:0.5rem;}
.human-wrap .dot li:before{content:''; position:absolute; left:0px; top:50%; margin-top:-0.25rem; width:0.5rem; height:0.5rem; border-radius:50%; background:#000;}

/*찾아오시는길*/
.mapbg-wrap{background:#DFDFDF; padding:1.5rem 0 5rem; }
.map-wrap{display:flex; gap:2rem;}
.map-wrap .map{width:54%;}
.map-wrap .add-box{width:calc(46% - 2rem);background:#fff url('/images/default/content/sub01_5-bg.svg')no-repeat right 2rem bottom; padding:4.5rem 3rem 3rem;}
.map-wrap .add-box h5{font-size:1.7rem; font-weight:700; margin-bottom:2rem;}
.map-wrap .add-box ul li{display:flex; align-items: center; gap:1rem;}
.map-wrap .add-box ul li:not(:first-child){margin-top:2rem;}
.map-wrap .add-box ul li [class^="icon"]{display:inline-block; width:2rem; height:2rem; background-repeat:no-repeat; background-position:50% 50%; background-size:100% 100%;}
.map-wrap .add-box ul li .icon01{background-image:url('/images/default/content/sub01_5-icon01.svg');}
.map-wrap .add-box ul li .icon02{background-image:url('/images/default/content/sub01_5-icon02.svg');}
.map-wrap .add-box ul li .icon03{background-image:url('/images/default/content/sub01_5-icon03.svg');}
.map-wrap2{margin-top:2rem;}
.map-wrap2 .map{order:2}
.map-wrap2 .add-box{order:1}

@media (max-width:1300px){
	/*인사말*/
	.about .text{width:65%; }
	.about .img{width:35%}
}

@media (max-width:1030px){
	/*인사말*/
	.about .text{ padding-right:2rem;}

	/*찾아오시는길*/
	.map-wrap .add-box{padding:2.5rem 2rem 2rem;}
}

@media (max-width:767px){
	.full-bg{width:100%; height:18.5rem; background-attachment: inherit;}
	
	/*인사말*/
	.about .con{display:block;}
	.about .text{width:100%; margin-bottom:2rem;}
	.about .img{width:100%}
	
	/*경영이념*/
	.value-half{flex-direction: column; margin-bottom: 5rem;}
	.value-half .text{width:100%; order:2}
	.value-half ul{width:100%; order:1; padding-left:0; margin-bottom:2rem;}

	/*연혁*/
	.history-wrap{background-position:60% bottom; position:relative; z-index:0;}
	.history-wrap:after{ content : ""; display : block; position : absolute; left :0; top:0;  width : 100%; height : 100%; background :  rgba(255, 255, 255, .7); z-index:-1;}
	.history:before{left: .5rem;}
	.history li{padding-left:1.5rem;}
	.history li:before{left: .05rem;}
	.history li .year{position: relative; display:block; margin-bottom:0.5rem;}
	.history li p{padding-left:0rem;}

	/*찾아오시는길*/
	.map-wrap{flex-wrap: wrap; gap:1rem 0;}
	.map-wrap .map{width:100%; height:20rem;}
	.map-wrap .add-box{width:100%; padding:2rem 1rem;}
	
	.map-wrap2{margin-top:3rem;}
	.map-wrap2 .map{order:1}
	.map-wrap2 .add-box{order:2}
}
/********************************************************
■ 보유현황
********************************************************/
.certi-wrap{background-size:auto 100%; background-repeat:no-repeat; background-position:right top; padding:2.5rem 0 5rem;}
.certi-wrap ul{display:flex; flex-wrap:wrap; gap:2rem;}
.certi-wrap ul li{text-align:center;}
.certi-wrap ul li p{margin-top:0.5rem;}
.pop_img{cursor:pointer; }
.pop_img img{width:10.2rem;}

@media (max-width:1030px){
	.certi-wrap{background-position:80% top; }
	.certi-wrap ul li{width:calc((100% - 2rem) / 2);}
}
@media (max-width:767px){
	.certi-wrap ul{gap:2rem 1rem;}
	.certi-wrap ul li{width:calc((100% - 1rem) / 2);}
}

@media (max-width:640px){ 
	.certi-wrap{background-position:62% top;}
}

/*면허보유현황 이미지 팝업*/

.img-popup{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.72); z-index:120;}
.img-popup.active{display:block; }
.img-popup .popup-inner{position:absolute; left:50%; top:50%;  height:70vh; transform:translate(-50%, -50%);}
.img-popup .popup-inner img{max-height:100%;}
.img-popup .popup-inner .close-btn{ position: absolute;  right: 0;  top: -2.3rem;  display: flex;  align-items: center;  justify-content: center;  width: 1.7rem;  height: 1.7rem;  border: 2px solid #fff;  color: #fff;  border-radius: 50%;  cursor: pointer;}

@media (max-width:767px){
	.img-popup .popup-inner{width: 80vw; height: auto;}
}

/********************************************************
■ 온라인문의
********************************************************/
.consult-wrap{padding:2.7rem 0; background:#DFDFDF url('/images/default/content/consult_bg.jpg')no-repeat right top;  }
.consult-wrap .con{display:flex; justify-content: space-between;}
.consult-wrap .online{width:50%;}
.consult-wrap .online table{width:100%; table-layout: fixed;}
.consult-wrap .online table th{padding:0.5rem 0; text-align:left;}
.consult-wrap .online table td{padding:0.5rem 0;}
.consult-wrap .online table .mail{display:flex; align-items: center; gap:0.25rem;     width: 100%;}

.consult-wrap .info-text h5{font-size:1.2rem; margin-bottom: 0.25rem;}
.consult-wrap .info-text p{font-size:0.8rem;}
.consult-wrap .info-text p + h5{margin-top:3rem;}
.consult-wrap .info-text .number{font-size:1.7rem; color:#fb640b; margin-bottom:0.5rem; font-weight:500;}

.privBtn{text-decoration:underline;}
.private_pop{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.72); z-index: 1000;}
.private_pop .private_pop_inner{position:absolute; left:50%; top:50%; width:25rem; height:60vh; transform:translate(-50%,-50%); background:#fff; border-radius:1rem; padding:1rem;}
.private_pop .private_pop_inner .private_close{position: absolute;  right: 0;  top: -2.3rem;  display: flex;  align-items: center;  justify-content: center;  width: 1.7rem;  height: 1.7rem;  border: 2px solid #fff;  color: #fff;  border-radius: 50%;  cursor: pointer;}
.private_pop .private_cont{    height: 100%;  overflow-y:auto; font-size:0.8rem; line-height:1.4; color: #555;}
.private_pop .private_cont h6 {font-size: 1rem; margin-bottom: .5rem; font-weight: 500; color: #121212; line-height: 1.8;}
.private_pop .private{border:none; padding:0; height:100%; }

@media (max-width:1030px){
	.consult-wrap .info-text{padding-top:4rem;}
}
@media (max-width:767px){
	.consult-wrap .con{display:block;}
	.consult-wrap .online{width:100%;}
	.consult-wrap .online table .mail{flex-wrap:wrap;}
	.consult-wrap .online table .mail input{flex:1;}
	.consult-wrap .online table .mail select{width:100%;}

	.consult-wrap .info-text{padding-top:0; margin-top:3rem;}
	.consult-wrap .info-text p{font-size:0.9rem;}

	.private_pop .private_pop_inner{width:80vw;}
}