/* 회사소개 */
#company {position: relative; display: block; width: 100%; max-width: 1240px; height: auto; margin: 0 auto; padding-left: 10px; padding-right: 10px; padding-bottom: 100px;}


.companu-top-table {position: relative; display: block; width: 100%; border-top: 2px solid rgb(9, 102, 207); display: flex; flex-wrap: wrap; margin-bottom: 130px; margin-left: 10px; margin-right: 10px; width: calc(100% - 20px); border-bottom: 1px solid #ddd;}

.companu-top-table dl {position: relative; width: 50%; height: auto; display: flex; text-align: center; line-height: 1.3; border-bottom: 1px solid #ddd;}
.companu-top-table dl:last-child {border-bottom: 0px solid #000;}
.companu-top-table dl dt {position: relative; display: flex; align-items: center; justify-content: center; width: calc(100% - 360px); font-size: 16px; color: rgb(34, 34, 34); font-weight: 500; background-color: #f0f3f6; height: 47px;}
.companu-top-table dl dd {position: relative; display: flex; align-items: center; width: 360px; font-weight: 300; font-size: 16px; color: rgb(34, 34, 34); height: 47px; padding-left: 15px; text-align: left;}


.company-images {position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px;}
.company-images img {width: 100%;}
.company-images img.img1 {display: block;}
.company-images img.img2 {display: none;}

@media all and (max-width: 1025px) {
    .companu-top-table {flex-wrap: wrap;}
.companu-top-table dl {width: 100%;}
}

@media all and (max-width: 767px) {
    .companu-top-table {margin-bottom: 50px;}
    
    .company-images img.img1 {display: none;}
    .company-images img.img2 {display: block;}
}

@media all and (max-width: 520px) {
    .companu-top-table dl dt {font-size: 13px; width: calc(100% - 200px);}
    .companu-top-table dl dd {font-size: 13px; width: 200px;}
}

/*대표인사말*/
#greeting {margin: 0 auto;position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 100px;}
#greeting .img {display: block;width: 100%;}

.greeting-cont {position: relative; display: block; width: 100%; margin-top: 75px;display: flex; align-items: flex-start;}
.greeting-cont>.d1 {position: relative; display: block; width: 460px;}
.greeting-cont>.d1 p {display: block;}
.greeting-cont>.d1 .p1 {font-size: 32px; font-family: "Inter"; color: rgb(9, 102, 207); font-weight: bold; line-height: 1;}
.greeting-cont>.d1 .p2 {font-size: 32px; color: rgb(51, 51, 51); font-weight: bold; line-height: 1; margin-top: 20px;}
.greeting-cont>.d2 {position: relative; display: block; width: calc(100% - 460px); padding-left: 118px;}
.greeting-cont>.d2 p {font-size: 17px; color: rgb(102, 102, 102); line-height: 1.882; letter-spacing: -0.050em;}

@media all and (max-width: 1220px) {
    .greeting-cont {flex-wrap: wrap;}
    .greeting-cont>.d1 {width: 100%;}
    .greeting-cont>.d2 {width: 100%; padding-left: 0; padding-top: 50px;}
    .greeting-cont>.d2 p {line-height: 1.7;}
}
@media all and (max-width: 767px) {
    .greeting-cont br {display: none;}
    .greeting-cont br.br {display: block !important;}
    .greeting-cont>.d1 .p1,
.greeting-cont>.d1 .p2 {font-size: 25px;}
.greeting-cont>.d1 .p2 {margin-top: 13px;}
.greeting-cont>.d2 p {font-size: 14px; font-weight: 300;}
}


/*실적소개*/
#performance {margin: 0 auto;position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 100px;}

#performance .tab {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; line-height: 1.3;}
#performance .tab a {font-size: 18px; color: rgb(51, 51, 51); display: block; letter-spacing: -0.040em; font-weight: 400; position: relative;}
#performance .tab a.active {font-weight: bold; color: #0966cf;}
#performance .tab a.active:after {content: ""; position: absolute; left: 0; bottom: -9px; display: block; width: 100%; height: 2px; background-color: #0966cf;}
#performance .tab span {position: relative; display: block; width: 60px; display: flex; align-items: center; justify-content: center;}
#performance .tab span:after {content: ""; width: 1px; height: 18px; background-color: #cccccc;}

@media all and (max-width: 1200px) {
    #performance .tab a {font-size: 14px;}
    #performance .tab span {width: 40px;}
    #performance .tab span:after {height: 14px;}
}

@media all and (max-width: 768px) {
    #performance .tab {line-height: 1.9;}
    #performance .tab a {font-size: 12px;}
    #performance .tab span {width: 20px;}
    #performance .tab span:after {height: 10px;}
    #performance .tab a.active:after {display: none;}
}

.tab-wrap {position: relative; display: block; width: 100%; height: auto; padding-top: 80px;}
.tab-wrap>div {display: none;}
.tab-wrap>div.active {display: block !important;}

.t1-con {position: relative; display: block; width: 100%; height: auto;}
.t1-con>.tit {display: block; position: relative; font-size: 32px; line-height: 1; color: rgb(51, 51, 51); font-weight: bold; padding-bottom: 27px; border-bottom: 1px solid #ddd; margin-bottom: 25px;}
.t1-con .cont {position: relative; display: flex; align-items: flex-start; flex-wrap: wrap;}
.t1-con .cont>ul:first-child {position: relative; display: block; width: 50%;}
.t1-con .cont>ul:last-child {position: relative; display: block; width: 50%;}
.t1-con .cont>ul li {position: relative; font-size: 17px; color: rgb(51, 51, 51); line-height: 1.882; font-weight: 300; letter-spacing: -0.040em; padding-left: 5px;}
.t1-con .cont>ul li:before {position: absolute; display: block; width: 2px; height: 2px; background-color: #5d5d5d; left: 0; top: 15px; content: "";}

@media all and (max-width: 1024px) {
    .t1-con .cont>ul:first-child,
    .t1-con .cont>ul:last-child {width: 100%;}
}

/* 위치안내 */
#location {margin: 0 auto;position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 100px;}

#location .map {position: relative; display: block; width: 100%; height: 440px; overflow:  hidden;}
#daumRoughmapContainer1636256509786 {width: 100%; height: 100%;}

.map_info_con {position: relative; display: block; width: 100%; height: auto; display: flex; flex-wrap: wrap; margin-top: 60px;}
.map_info_con .block {position: relative; display: block; width: 50%; height: auto; padding-bottom: 55px;}
.map_info_con .block h3 {position: relative; display: block; width:100%; padding-top: 13px; background: url(/images/tttt.png) no-repeat left top; font-size: 24px; color: rgb(34, 34, 34); font-weight: bold; padding-bottom: 20px;}
.map_info_con .block p {display: block; font-size: 17px; color: rgb(51, 51, 51); line-height: 1.882; font-weight: 300;}

@media all and (max-width: 1200px) {
    .map_info_con .block {width: 100%;}
}

@media all and (max-width: 767px) {
    #location .map {height: 280px;}
    .map_info_con .block h3 {font-size: 20px;}
    .map_info_con .block p {font-size: 14px;}
}

/* 비지니스 지질조사 */
#business1 {margin: 0 auto;position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 100px;}

#business1 .block {position: relative; display: block; width: 100%; height: auto;}
#business1 .block+.block {padding-bottom: 65px;}
#business1 .block h3 {position: relative; display: block; line-height: 1; font-size: 24px; color: rgb(34, 34, 34); font-weight: bold; padding-top: 13px; background: url(/images/tttt.png) no-repeat left top; padding-bottom: 13px;}
#business1 .block p {display: block; font-size: 17px; color: rgb(51, 51, 51); line-height: 1.647; font-weight: 300;}
#business1 .block p+p {margin-top: 23px;}
#business1 .block p span.c1 {font-weight: 500; color: #0966cf; display: block;}
#business1 .block p span.c2 {font-weight: 500; color: #000000;}

#business1 .block .img1 {display: block; margin-top: 30px; padding-bottom: 60px;}
#business1 .block .img1 img {display: block; max-width: 100%;}
#business1 .block .img1 .i1 {}
#business1 .block .img1 .i2 {display: none;}

.table-image {position: relative; display: block; width: 100%; height: auto; overflow: auto; margin-top: 15px;}
.table-image img {display: block; width: 1200px;}

@media all and (max-width: 767px) {
    #business1 .block .img1 .i1 {display: none;}
    #business1 .block .img1 .i2 {display: block;}

    #business1 .block h3 {font-size: 20px;}
    #business1 .block p {font-size: 14px;}
}

/* 지질 및 토목상식 */
#sense {margin: 0 auto;position: relative; display: block; width: 100%; max-width: 1220px; padding-left: 10px; padding-right: 10px; padding-top: 20px; padding-bottom: 100px;}
#sense ul {position: relative; display: flex; align-items: flex-start; border-bottom: 1px solid #ddd;}
#sense ul:first-child {border-top: 1px solid #000;}
#sense ul li {position: relative; display: block; width: calc(100% - 250px);}
#sense ul>li:last-child {width: 250px; display: flex; justify-content: flex-end; padding: 25px 0;}
#sense ul>li:last-child img {display: block; max-width: 100%;}

#sense ul li:first-child {padding: 40px 0 20px}
#sense ul li h3 {display: block; line-height: 1; font-size: 18px; color: rgb(34, 34, 34); font-weight: 500;}
#sense ul li p {display: block; font-size: 15px; font-weight: 400; color: rgb(153, 153, 153); line-height: 1.6;}
#sense ul li>div {display: block; margin-top: 13px;}
#sense ul li>span {display: block; line-height: 1px; font-weight: 400; font-size: 15px; color: rgb(153, 153, 153); margin-top: 37px;}

@media all and (max-width: 767px) {
    #sense ul {flex-wrap: wrap;}
    #sense ul li:first-child {width: 100%;}
    #sense ul li:last-child {width: 100%; display: block;}
}

@media all and (max-width: 425px) {
    #sense ul li:last-child img {width: 100%;}
    #sense ul li h3 {font-size: 16px;}
    #sense ul li p {font-size: 13px;}
    #sense ul li>div {display: block; margin-top: 10px;}
    #sense ul li>span {font-size: 13px;}
}