.block{display: block;}

.sub-block{width:100%; padding: 3.5rem 0;}
.sub-inner{max-width: 60rem; width: 95%; margin: auto;}
.sub-title{display: flex; flex-direction: column; align-items: center;}
.sub-title h2{font-size: 1rem; font-weight: bold; line-height: 1.5; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase;}
.sub-title span{font-size: 0.6rem; line-height: 2.08; letter-spacing: normal; text-align: center; color: #000; text-transform: uppercase;}
.small--title{height: 1.8rem; font-size: 2rem; font-weight: bold; line-height: 0.75; letter-spacing: normal; text-align: left; color: #000; text-transform: uppercase; position: relative;}
.small--title::after{position: absolute; bottom: -8px; left:0; content: ""; width: 12rem; height: 3px; background-color: #000;}
.contens--title{font-size: 0.8rem; letter-spacing: normal; text-align: left; color: #000;}
.contens--text{font-size: 0.8rem; letter-spacing: normal; text-align: left; color: #000;}



/* 회사소개 */
.sub01-01{display: flex; justify-content: space-between;}
.sub01-01__text {width:100%;}
.sub01-01__text img{width: 19.1rem;}
.sub01-01__text__contents {width:100%; display:flex; justify-content:space-between; align-items:center;}
.sub01-01__text__contents li:nth-child(2) {margin-right:80px;}
.sub01-01__text__contents li b{font-size: 0.9rem; line-height: 1.67; letter-spacing: normal; text-align: left; color: #000; position: relative;}
.sub01-01__text__contents li b::after{content: ""; position: absolute; right: -0.4rem; top: 0; width: 5px; height: 5px; background-color: #000; border-radius: 50%;}
.sub01-01__text__contents li p{font-size: 0.75rem; font-weight: normal; line-height: 1.67; letter-spacing: normal; text-align: left; color: #000;}
.sub01-01__img{width: 24rem; height: 42rem; background: url('../img/sub/con01_01_02.png') no-repeat; background-size: cover;}

.sub01_02-block{padding-bottom: 0;}
.sub01-02--process01{margin: 4.35rem 0 6.6rem 0;}
.sub01-02--process01 .sub-innder{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.process01__diagram{width: 30rem; height: 11rem; position: relative; margin: auto;}
.process01__diagram li{width: 11rem; height: 11rem; text-align: center; line-height: 11rem; border: solid 1px #000; border-radius: 50%; box-sizing: border-box; position: absolute;}
.process01__diagram li:nth-child(1){left: 0;}
.process01__diagram li:nth-child(2){left: 50%; transform: translate(-50%);}
.process01__diagram li:nth-child(3){right: 0;}
.process01__diagram li span{font-size: 1.75rem; letter-spacing: normal; text-align: center; color: #000;}
.process01__text{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.line{width: 2px; height: 2rem; background-color: #000;}
.process01__text p{font-size: 0.8rem; line-height: 1.56; letter-spacing: normal; text-align: center; color: #000;}
.process01__text b{font-size: 0.8rem; line-height: 1.56; letter-spacing: normal; text-align: center; color: #000;}

.sub01-02--process02{background-color: #f5f5f5; height: 38rem;}
.sub01-02--process02 .sub-inner{position: relative; height: 100%;}
.sub01-02--process02 .sub-inner::before{content: ""; position: absolute; top: 0; left: 12rem; width: 1px; height: 38rem; opacity: 0.15; background-color: #000;}
.process02__contents{padding: 6rem 0;}
.process02__contents ul{margin-top: 2.85rem;}
.process02__contents ul li{margin: 0.75rem 0; display: flex; align-items: center;}
.process02__contents ul li .title__bold{width: 12rem; position: relative;}
.process02__contents ul li .title__bold::after{position: absolute; content: ""; right: -4px; top: 8px; width: 0.35rem; height: 0.35rem; background-color: #000; border-radius: 50%;}
.process02__contents .title__bold .contens--title{font-size: 0.85rem; line-height: 1.47;}
.process02__contents .contens--text{font-size: 0.75rem; line-height: 1.67;}

.sub01-03--map{width: 100%; height: 26.6rem; margin-top: 2.35rem; overflow: hidden;}
.root_daum_roughmap{width: 100% !important;}
.sub01-03--location{display: flex; justify-content: space-between; margin-bottom: 3.85rem;}
.location__title::after{width: 100%;}
.location__info{width: 24rem;}
.location__info li{display: flex;}
.location__info li b{flex: 1; line-height: 1.56;}
.location__info li p{flex: 4; line-height: 1.56;}
/* 회사소개 */


/* 디테일 */
.detail-block{width: 100%; margin-top: 2.35rem; display: flex; flex-wrap: wrap;}
.detail-block li{width: 31.67%; margin-right: 1.66%; margin-bottom: 1.5rem;}
.inbox--title h5{font-size: 0.9rem;}
.inbox--title span{font-size: 0.7rem;}
.inbox--img{height: 253px; overflow: hidden; position: relative; margin-top: 1rem;}
.inbox--img img{position: absolute; top: 0;}
/* 디테일 */



/* 견적문의 */
.sub04_01--contact-explain{width: 100%; height: 29rem; margin-top: 2.35rem; border: solid 1px #707070; position: relative; display: flex; align-items: center;}
.sub04_01--contact-explain::before{content: ""; position: absolute; top: 0; left: 15rem; width: 1px; height: 100%; opacity: 0.15; background-color: #000;}
.sub04_01--contact-explain ul{}
.sub04_01--contact-explain ul li{margin: 0.75rem 0; display: flex; align-items: center;}
.sub04_01--contact-explain ul li .title__bold{width: 12rem; margin-left: 3rem; position: relative;}
.sub04_01--contact-explain ul li .title__bold::after{position: absolute; content: ""; right: -4px; top: 5px; width: 0.35rem; height: 0.35rem; background-color: #000; border-radius: 50%;}
.sub04_01--contact-explain .title__bold .contens--title{font-size: 0.75rem; line-height: 1.47;}
.sub04_01--contact-explain .contens--text{font-size: 0.75rem; line-height: 1.67;}

.sub04_01--contact--form{width: 100%; margin-top: 3rem;}
.sub04_01--contact--form .contact-form{width: 100%; max-width: initial;}
.sub04_01--contact--form .contact-form input{border: 1px solid #ccc;}
.sub04_01--contact--form .contact-form textarea{border: 1px solid #ccc;}

.calendar--border{border: 1px solid #ccc; border-top: 0;}






@media (max-width:1024px) {
    .sub01-01{align-items: flex-end;}
    .sub01-01__text{margin-right: 1rem;}
}

@media (max-width:920px) {
    .sub01-02--process02{background-color: #f5f5f5; height: 38rem;}
    .sub01-02--process02 .sub-inner{position: relative; height: 100%; padding:0px 20px;}
    .sub01-02--process02 .sub-inner::before{content: ""; position: absolute; top: 0; left: 12rem; width: 1px; height: 100%; opacity: 0.15; background-color: #000;}

    /* .process02__contents{padding: 6rem 0;}
    .process02__contents ul{margin-top: 2.85rem;} */
    .sub01-02--process02{height: initial;}
    .sub01-02--process02 .sub-inner::before{display: block; left:7px;}
    .sub01-02--process02 .small--title{text-align:left;}
    .sub01-02--process02 .small--title::after{width: 100%;}
    .process02__contents ul li{flex-wrap:wrap; align-items: center;}
    .process02__contents ul li .title__bold{text-align: left; margin: 0;}
    .process02__contents ul li .title__bold::after{display: block; left:-15px; top:6px;}
    .process02__contents .contens--text{text-align: left; padding-left:19px; margin-top:5px;}

    .sub04_01--contact-explain{justify-content: center;}
    .sub04_01--contact-explain::before{display: none;}
    .sub04_01--contact-explain ul li{flex-direction: column; align-items: center;}
    .sub04_01--contact-explain ul li .title__bold{text-align: center; margin: 0;}
    .sub04_01--contact-explain ul li .title__bold::after{display: none;}
    .sub04_01--contact-explain .contens--text{text-align: center;}    
}

@media (max-width:759px) {
    .sub01-01{align-items: center; flex-direction: column;}
    .sub01-01__text {margin-right: 0; width: 100%; text-align: center;}
    .sub01-01__text__contents li p{text-align: center;}
    .sub01-01__img{width: 100%; margin-top: 3rem; background-position: center;}

    .sub04_01--contact-explain{height: initial; padding: 1.1rem 1rem;}

    .detail-block li{max-width: 285px; width: 31.75%; margin-right: 1.66%; margin-bottom: 1.5rem;}
    .detail-block li:nth-child(4n){margin-right: 1.66%;}
    .detail-block li:nth-child(3n){margin-right: 0;}
    .inbox--img{height: 200px;}
}

@media (max-width: 659px) {
    .sub01-01__text img{width: 13.1rem;}
	.sub01-01__text__contents {flex-wrap:wrap; justify-content: center;}
	.sub01-01__text__contents li:nth-child(2) {margin-right:0px; margin-top: 25px;}
    .sub01-01__text__contents li p br{display: none;}

    .sub01-03--location{flex-direction: column; margin-bottom: 0;}
    .location__info{ margin-top: 2rem;}

    .detail-block li{max-width: 285px; width: 48.75%; margin-right: 1.66%; margin-bottom: 1.5rem;}
    .detail-block li:nth-child(4n){margin-right: 1.66%;}
    .detail-block li:nth-child(3n){margin-right: 1.66%;}
    .detail-block li:nth-child(2n){margin-right: 0;}
}

@media (max-width: 500px) {
    .sub01-02--process01{margin: 2.35rem 0 2.6rem 0;}
    .process01__diagram{width: 19rem; height: 7rem;}
    .process01__diagram li{width: 7rem; height: 7rem; line-height: 7rem;}
    .process01__diagram li span{font-size: 1rem;}


    .process01__text p br{display: none;}
    .inbox--img{height: 148px;}
}