
/*250625 추가*/

/*about*/
.sub-about .img-wrap { gap: 40px; margin-top: 40px;}
.sub-about .img-wrap img { width: 100%; height: auto; object-fit: cover; display: block;}
.sub-about .about { text-align: left;}
.sub-about p.title-p { margin-top: 0px;}

.about .info { margin-top: 60px; margin-bottom: 50px;}
.about .info dl {margin-bottom:1.3em; display:flex; font-size:15px; font-weight:400; line-height:1.4em;}
.about .info dl {margin-bottom:1.3em; display:flex; font-size:15px; font-weight:400; line-height:1.4em;}
.about .info dt {min-width:100px; font-size: 18px;  color: #000; font-weight: 600; margin-bottom: 4px; line-height: 1;}
.about .info dd {flex:1 1 auto; min-width:0; width:1%;}
.about .info dl:last-child {margin-bottom:0;}



h5.sub-title:before{ content: ''; position: absolute; width: 50%; height: 1px; max-width: 500px; background: #cdcdcd;}



.about-btn a + a { margin-left: 10px; }
.about-btn .main-btn:hover { color: #fff;}

/*process-new*/
.sub-process .process-wrap .process-item:nth-child(5), .sub-process .process-wrap .process-item:nth-child(6), .sub-process .process-wrap .process-item:nth-child(7) { margin-bottom: 40px;}
.sub-process .process-info .info-item:nth-child(7):before { background-image: url(../images/process-08.png);}
.sub-process .process-info .info-item:nth-child(8):before { background-image: url(../images/process-07.png);}

/*portfolio*/
.tab-wrap { margin-top: 40px;}


/*contact btn*/
.title-bx .btn-group { display: flex; justify-content: flex-end; align-items: center; gap: 10px; flex-wrap: nowrap;}

.sub-btn { display: inline-block; line-height: 1.1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 12px 34px; color: #fff; background: #705b54; outline: none; border: none; font-size: 18px; font-weight: 400; text-decoration: none; letter-spacing: 0px; min-width: 180px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); text-align: center;}
.sub-btn:hover {color: #fff; background: #111;} 


.sub-btn.google{ background: #111; }
.sub-btn.google:hover{ background: #705b54; }

.title-bx .col-lg-4 a + a { margin-left: 15px; }

/*footer*/
.contact-google { filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2)); transition: all 0.4s; background: url(../images/contact-google-bg.png) no-repeat center center / cover; bottom: 400px;}
.contact-google span { display: block; font-weight: 500; line-height: 1.2; font-size: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; z-index: 1000;}
.contact-google { position: fixed; transition: bottom 0.3s ease; z-index: 999;}

.contact-google.bottom { bottom: 120px; /* 푸터 올라오면 위로 띄우기 */}
.contact-google.top {/* top 상태일 때도 기본 위치 유지 */ bottom: 120px;}

.top-btn.bottom,
.contact-inq.bottom,
.contact-google.bottom {
  bottom: 280px;
}

.f-btn.top-btn, .f-btn.contact-inq.top { z-index: 50;}


/*미디어쿼리*/
@media all and (min-width:1200px) and (max-width:1439px) { 
.sub-btn {font-size: 16px;}
.sub-about p.tittle-p{margin-top: 0;}

}

@media (max-width: 1199px) {

.padding-120 { padding: 80px 0 !important;}

.sub-btn {font-size: 16px;}
.sub-about .img-wrap .col-md-5 { flex : 0 0 100%; max-width: 100%;}
.sub-about .img-wrap .col-md-6 { flex : 0 0 100%; max-width: 100%;}

.about .info {border-top: 1px solid #808080; padding-top: 40px; margin-top: 40px;}

}

@media all and (min-width:992px) and (max-width:1199px) {}
@media (max-width: 991px) {

.img-wrap img { margin-bottom: 30px;}

}

@media (max-width: 767px) {
.title-bx .btn-group { display: flex; justify-content: center;}



.sub-btn { margin-top: 20px;}
.contact-google.bottom { bottom: 90px;}
.f-btn.contact-google { bottom: 175px;}

.contact-google.top {/* top 상태일 때도 기본 위치 유지 */ bottom: 100px;}

.contact-google span {font-size: 13px;}
}

@media (max-width: 575px) {

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { display: none;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { display: none;}

/*.contact-google.bottom { bottom: 240px;}*/
.padding-120 { padding: 60px 0 !important;}

}
@media (max-width: 480px ) {


.sub-process .process-wrap .process-item:nth-child(8) { order: 7;}
.sub-process .process-wrap .process-item:nth-child(7) { order: 8;}
.sub-process .process-wrap .process-item:nth-child(7):after { right: auto; left: 2px; transform: translateY(-50%) rotate(230deg);}
.sub-process .process-wrap .process-item:nth-child(5), .sub-process .process-wrap .process-item:nth-child(6), .sub-process .process-wrap .process-item:nth-child(7), .sub-process .process-wrap .process-item:nth-child(8) { margin-bottom: 60px;}
}


