@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .img{margin-bottom:40px;}
.greeting .tt-wrap{text-align:center;}
.greeting .tt-wrap .tit{margin-bottom:20px;font-size:25px;line-height:1.68em;font-weight:700;}
.greeting .tt-wrap .wrap p{margin-bottom:25px;}
.greeting .tt-wrap .wrap p:last-child{margin-bottom:0;}

.history .con{display:flex;justify-content:space-between;position:relative;margin:0 -10px;}
.history .con:after{content:'';position: absolute;left:50%;top:185px;transform:translateX(-50%);width:84%;height:2px;border-bottom:2px dashed #ddd;z-index:-1;}
.history .con .col{padding:0 10px;}
.history .con .col .row{position:relative;min-height:185px;text-align:center;}
.history .con .col:nth-child(odd) .row{margin-top:185px;padding-top:55px;}
.history .con .col .row .year{margin-bottom:15px;color:#4caee8;font-size:25px;font-weight:700;line-height:1.2em;}
.history .con .col:nth-child(even) .row .year{color: #1d2252;}
.history .con .col .row .info .tt{margin-bottom:5px;line-height:1.4em;}
.history .con .col .row .info .tt:last-child{margin-bottom:0;}
.history .con .col .row .info .tt strong{font-size:18px;font-weight:600;color: #242424;}

.history .con .col .row:before{content:'';position: absolute;left:50%;margin-left:-15px;top:-16px;width:30px;height:30px;background:url('../images/sub/history-bullet.png')no-repeat 50% 50%/contain;z-index:1;}
.history .con .col:nth-child(even) .row:before{top:auto;bottom:-16px;background-image:url('../images/sub/history-bullet2.png');}
.history .con .col .row:after{content:'';width:1px;height:50px;background-color: #ddd;position: absolute;left:50%;top:0;}
.history .con .col:nth-child(even) .row:after{top:auto;bottom:0;}

.loc .maps{margin-bottom:30px;}
.loc .maps .root_daum_roughmap {width:100% !important; height:600px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:600px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .map_border{display:none;}
.loc .maps .roughmap_lebel_text:after {content:"천강건설(주)"; font-size:12px; line-height:15px;}
.loc .info ul{display:flex;margin:0 -10px;}
.loc .info ul li{width:25%;text-align:center;padding:0 10px;}
.loc .info ul li .ic{margin-bottom:20px;}
.loc .info ul li .tit{margin-bottom:10px;font-size:20px;font-weight:600;color: #242424;line-height:1.2em;}

.busi-area .row{display:flex;align-items:center;padding-top:80px;margin:0 -20px;}
.busi-area .row .col{width:50%;padding:0 20px;}
.busi-area .row .col .img img{border-radius:50px 0 50px 0}
.busi-area .row .col .tt-wrap{padding-left:60px;}
.busi-area .row .col .tt-wrap .tit{margin-bottom:25px;font-size:30px;line-height:1.2em;font-weight:700;}

.busi-area .row:nth-child(even){flex-direction:row-reverse;}
.busi-area .row:nth-child(even) .tt-wrap{padding-left:190px;}

.perform-list{padding-top:25px;border-top:2px solid #242424;}
.perform-list ul{display:flex;flex-wrap:wrap;margin:0 -15px -30px;}
.perform-list ul li{width:25%;padding:0 15px;margin-bottom:30px;}
.perform-list ul li a{display:block;height:100%;}
.perform-list ul li .pic {position:relative; height:0; padding-bottom:64.868%; overflow:hidden;}
.perform-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.perform-list ul li .tt-wrap{position:relative;padding:20px 20px 25px;}
.perform-list ul li .tt-wrap:after{content:'';width:100%;height:100%;border:1px solid #ddd;position: absolute;left:0;top:0;}
.perform-list ul li .tt-wrap .tit{font-size:18px;color: #242424;font-weight:600;display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;}
.perform-list ul li .tt-wrap .info{margin-top:10px;padding-top:15px;border-top:1px solid #ddd;}
.perform-list ul li .tt-wrap .info dl{display:flex;line-height:1.4em;margin-bottom:10px;}
.perform-list ul li .tt-wrap .info dl:last-child{margin-bottom:0;}
.perform-list ul li .tt-wrap .info dl dt{color: #242424;font-weight:500;width:73px;}
.perform-list ul li .tt-wrap .info dl dd{min-width:0;width:1%;flex:1 1 auto;}
.perform-list ul li .tt-wrap .more{display:flex;justify-content:center;align-items:center;max-width:130px;height:40px;border-radius:20px;border:1px solid #ddd;margin:25px auto 0;font-size:15px;line-height:1.2em;transition:.3s;}
.perform-list ul li a:hover .tt-wrap .more{background-color: #4caee8;border-color: #4caee8;color: #fff;}

.perform-detail .top-con{display:flex;margin-bottom:40px;}
.perform-detail .top-con .img{width:50%;}
.perform-detail .top-con .img .pic{position:relative; height:0; padding-bottom:64.868%; overflow:hidden;}
.perform-detail .top-con .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.perform-detail .top-con .tt-wrap{width:50%;padding-left:50px;}
.perform-detail .top-con .tt-wrap .tit{font-size:32px;font-weight:700;line-height:1.4em;color: #242424;padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #ddd;}
.perform-detail .btm-con .tit{font-size:22px;font-weight:700;line-height:1.2em;color: #242424;padding-bottom:10px;margin-bottom:25px;border-bottom:1px solid #ddd;}
.perform-detail .btm-con .info{padding-bottom:20px;min-height:200px;border-bottom:1px solid #ddd;}
.my-btn{display:flex;justify-content:center;align-items:center;margin:25px auto 0;width:130px;height:50px;background-color: #1d2252;color: #fff;font-size:18px;font-weight:500;border:none;cursor:pointer;}