/* 공통 */
.contWrap{padding: 40px 0 140px;}
.contWrap .contTit{max-width: 1200px; margin: 0 auto; text-align: center; padding-bottom: 15px;}
.contWrap .contTit span{font-size: 2.5em; font-weight: 600; font-family: 'Pretendard'; color: #232323;}
.contWrap .contSec{max-width: 1200px; padding-top: 50px; margin: 0 auto;}


/* company - ceo 인사말 */
.contWrap .ceoCont{width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.contWrap .ceoCont .ceoImg{width: 45%; height: 650px; overflow: hidden; border-radius: 20px;}
.contWrap .ceoCont .ceoImg img{width: 100%; height: 100%; object-fit: cover; animation: zoom 4s;}
@keyframes zoom{
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
.contWrap .contSec .ceoTxt{width: 50%; animation: fadeUp 3s;}
@keyframes fadeUp{
    0%{transform: translateY(100px);}
    100%{transform: translateY(0);}
}
.contWrap .contSec .ceoTxt p{font-family: 'Pretendard'; font-size: 18px; margin-bottom: 20px;}
.contWrap .contSec .ceoTxt p:last-child{margin-bottom: 0;}
.contWrap .contSec .ceoTxt p span{display: inline-block; font-family: 'Pretendard'; font-weight: 300; color: #000;}
.contWrap .contSec .ceoTxt p span.ceo{font-size: 24px; font-weight: 500;}
.contWrap .contSec .ceoTxt p span.ceo b{font-weight: 700; color: #000;}
.contWrap .contSec .ceoTxt p span.bold{font-size: 28px; font-weight: 700; line-height: 1.4; color: #111;}
.contWrap .contSec .ceoTxt p.sign_box{display: flex; align-items: center;}
.contWrap .contSec .ceoTxt p .signImg{display: inline-block;}


/* company - 회사연혁 */
.historyWrap .contSec{max-width: 100%;}
.hisCont ul{position: relative; margin-top: 20px;}
.hisCont ul::before{content:''; display:block; width:1px; height:102%; background-color: #ddd; position:absolute; top:0; left:50%;}
.hisCont ul li{margin-bottom:110px; position:relative;}
.hisCont ul li::after{content:''; display: block; width:12px; height:12px; background-color: #ddd; position:absolute; top:21px; left:50%;transform: translateX(-50%); border-radius: 50px; transition: 0.2s;}
.hisCont ul li .year{transition: 0.2s;}
.hisCont ul li:hover .year{color:#00a036}
.hisCont ul li:hover::after{background-color:#00a036;font-size: 16px;}
.hisCont ul li .history_box{line-height: 2em; color:#555;font-size: 16px;}
.hisCont ul li .year{font-size:50px; font-family: 'Pretendard'; font-weight: bolder;transform: translateY(-10px); color: #555;}
.hisCont ul li > div{width:50%; padding:0 40px;}
.hisCont ul li:nth-child(2n-1){display: flex;flex-direction: row;}
.hisCont ul li:nth-child(2n-1) .year{text-align: right;}
.hisCont ul li:nth-child(2n){display: flex;flex-direction: row-reverse;}
.hisCont ul li:nth-child(2n) .year{text-align: left;}
.hisCont ul li:nth-child(2n) .history_box{text-align: right; }
.hisCont ul li .history_box{position:relative;transform: translateY(50px);}
.hisCont ul li .history_box p{font-family: 'Pretendard'; line-height: 1.6em; margin-bottom: 14px; position: relative; color: #222; font-size: 17px;}
.hisCont ul li .history_box p:last-child{margin-bottom: 0;}

.hisCont ul li .history_box p::before{position: absolute; display: inline-block; width: 6px; height: 6px; background-color: #bbb; border-radius: 100%; content: ""; top: 10px;}
.hisCont ul li:nth-child(2n-1) .history_box p{padding-left: 20px;}
.hisCont ul li:nth-child(2n) .history_box p{padding-right: 20px;}
.hisCont ul li:nth-child(2n-1) .history_box p::before{left: 0;}
.hisCont ul li:nth-child(2n) .history_box p::before{right: 0;}

.hisCont ul li:nth-child(2n-1) .history_box::before{content:''; display: block; width:80%; height:1px; position:absolute; top:-24px; left: -30px; border-radius: 50px;border-top: 1px dashed #ddd;}
.hisCont ul li:nth-child(2n) .history_box::before{content:''; display: block; width:80%; height:1px; border-top: 1px dashed #ddd; position:absolute; top:-24px;; right: -30px; border-radius: 50px;;}
.hisCont ul li .history_box p img{width:130px; margin-left:20px;}
.hisCont .hisImg{height: 400px; max-width: 1500px; width: 100%; margin: 0 auto; margin-bottom: 80px; border-radius: 30px; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 30px;}
.hisCont .hisImg img{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; animation: zoom 2s;}
.hisCont .hisImg p{font-size: 45px; font-family: 'Pretendard'; font-weight: 600; color: #fff; text-shadow: 0 0 5px rgb(0 0 0 / 30%);}
.hisCont .hisText{max-width: 1200px; width: 100%; margin: 0 auto;}
@keyframes zoom{
    0%{transform: scale(1.2);}
    100%{transform: scale(1);}
}


/* company - 조직도 */
.orgCont .ceoSec{position: relative; width: 260px; height: 80px; border-radius: 50px; background-color: #00a036; display: flex; justify-content: center; align-items: center; margin: 0 auto 80px; transition: 0.2s;}
.orgCont .ceoSec::after{content: ""; display: block; width: 1px; height: 40px; background-color: #333; position: absolute; bottom: -50%;}
.orgCont .ceoSec::before{content: ""; display: block; width: 930px; height: 1px; background-color: #333; position: absolute; bottom: -50%;}
.orgCont .ceoSec span{display: block; width: 235px; line-height: 55px; border: 1px dashed #fff; border-radius: 50px; color: #fff; font-family: 'Pretendard'; font-size: 20px; text-align: center;}
.orgCont .orgSec{display: flex; justify-content: space-between;}
.orgCont .orgSec li{width: 270px; background-color: #fff; border-radius: 36px; box-shadow:0 6px 14px rgb(0 0 0 / 10%);}
.orgCont .team_name{position: relative; width: 100%; height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #555; border-radius: 38px 38px 0 0; transition: 0.2s;}
.orgCont .team_name::before{content: ""; display: block; width: 11px; height: 11px; background-color: #fff; border-radius: 100%; position: absolute; top: 15px;}
.orgCont .team_name::after{content: ""; display: block; width: 1px; height: 40px; background-color: #333; position: absolute; top: -50%;}
.orgCont .team_name span{line-height: 1.4em; font-size: 18px; color: #fff; font-family: 'Pretendard'; padding-top: 15px;}
.orgCont .team_work{display: flex; flex-direction: column; padding: 20px;}
.orgCont .team_work span{font-family: 'Pretendard';
    font-size: 16px;
    color: #333;
    width: 100%;
    line-height: 1.5;
    background-color: #f6f6f6;
    margin-bottom: 20px;
    border-radius: 50px;
    text-align: center;
    padding: 20px 10px;}
.orgCont .team_work span:last-child{margin-bottom: 0;}
/* hover */
.orgCont .ceoSec:hover{background-color: #00a036;}
.orgCont .orgSec li:hover .team_name{background-color: #00a036;}


/* company - 찾아오시는 길 */
.roadCont .info_sec{display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top: 60px; flex-direction: column;}
.roadCont .info_sec > li{display: flex; align-items: center; margin-bottom: 30px; width: 100%;}
.roadCont .infoImg{width: 32px; height: 32px; margin-right: 10px;}
.roadCont .infoImg span{display: block; width: 100%; height: 100%; background: center / 100% no-repeat;}
.roadCont .addSec .infoImg span{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162422328662694.png);}
.roadCont .telSec .infoImg span{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162422329196993.png);}
.roadCont .faxSec .infoImg span{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/16242232999952.png);}
.roadCont .mailSec .infoImg span{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/INCUS/162422329598930.png);}
.roadCont .infoTxt{display: flex; align-items: center;}
.roadCont .infoTxt p{font-family: 'Pretendard'; font-size: 18px; line-height: 1.5;}
.roadCont .infoTxt p:nth-child(1){font-weight: 600; color: #00a036; margin-right: 10px;}
.roadCont .infoTxt p:nth-child(2){font-size: 16px;}
.roadCont .info_sec > li.addSec{align-items: flex-start;}
.addinfo{padding-top: 7px;}
.addinfo > div{margin-bottom: 12px;}
.addinfo > div:last-child{margin-bottom: 0;}
.road_map .root_daum_roughmap{width: 100%;}
.road_map .root_daum_roughmap .wrap_map{height: 400px;}




/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

    .contWrap .contSec{width: 95%;}

 
}
/* ********************************************* *
* 1270px
* ********************************************* */
@media screen and (max-width: 1270px){
    
    .orgCont .orgSec{flex-wrap: wrap;}
    .orgCont .orgSec li{width: calc((100% - 30px)/2); margin-bottom: 20px;}
    .orgCont .ceoSec{margin-bottom: 50px;}
    .orgCont .ceoSec::before{display: none;}
    .orgCont .ceoSec::after{display: none;}
    .orgCont .team_name::before{display: none;}
    .orgCont .team_name::after{display: none;}
    

    
    

  
}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){

    .contWrap .ceoCont .ceoImg{width: 48%;}
    .roadCont .infoTxt p:nth-child(2){font-size: 15px;}
    

  
}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){

    .hisCont .hisImg{height: 350px;}
    .hisCont .hisImg p{font-size: 35px; text-align: center;}
  
}

/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){
    .contWrap .ceoCont{display: block;}
    .contWrap .ceoCont .ceoImg{width: 100%; margin-bottom: 20px; border-radius: 8px; overflow: hidden; height: 300px;}
    .contWrap .contSec .ceoTxt{width: 100%; height: 100%; min-height: 300px; padding: 20px 15px; border-radius: 10px;}

    .hisCont ul::before{display: none;}
    .hisCont ul li{flex-wrap: wrap;}
    .hisCont ul li::after{display: none;}
    .hisCont ul li .year{width: 100%; padding: 0; font-size: 37px; color: #00a036; text-align: left !important; border-bottom: 2px solid #00a036; margin-bottom: 10px; padding-bottom: 10px;}
    .hisCont ul li .history_box{width: 100%; padding: 0; transform: translateY(0);}
    .hisCont ul li .history_box::before{display: none !important;}
    
    .hisCont ul li:nth-child(2n){flex-direction: row;}
    .hisCont ul li:nth-child(2n) .history_box{text-align: left;}
    .hisCont ul li:nth-child(2n) .history_box::before{right: 0; left: -30px;}
    .hisCont ul li:nth-child(2n) .history_box p{padding-right: 0; padding-left: 20px;}
    .hisCont ul li:nth-child(2n) .history_box p::before{left: 0;}

}
/* ********************************************* *
* 840px
* ********************************************* */
@media screen and (max-width: 840px){

    .contWrap .contSec .ceoTxt p span.bold{font-size: 24px;}
}

/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

}

@media screen and (max-width: 768px){
    
    .roadCont .info_sec{margin-top: 30px; padding-top: 0; border-top: 2px solid #555; border-bottom: 2px solid #555;}
    .roadCont .info_sec > li{width: 100%; flex-direction: column; align-items: flex-start; margin-bottom: 0;}
    .roadCont .info_sec > li.addSec{width: 100%; margin-bottom: 0;}
    .roadCont .infoImg{display: none;}
    .roadCont .infoTxt{align-items: center; width:100%; border-bottom: 1px solid #ddd; padding: 10px 20px;}
    .roadCont .infoTxt p:nth-child(1){width: 20%;}
    .roadCont .infoTxt p:nth-child(2){width: 80%;}
    .addinfo > div{margin-bottom: 0;}
    .addinfo{width: 100%; padding-top: 0;}
    .roadCont .infoTxt p{font-size: 16px;}
    
    
    
        



}

/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
    .orgCont .orgSec{position: relative; z-index: 1;}
    .orgCont .orgSec li{width: 100%;}
	.orgCont .ceoSec::after{display: block; height: 1500px; top: 80px; z-index: -500px; z-index: -1; width: 2px; background-color: #aaa;}

    /* .hisCont ul li:nth-child(2n-1) .history_box::before{left: -18px;}
    .hisCont ul li:nth-child(2n) .history_box::before{left: -18px;}
    .hisCont ul::before{left: 30%;}
    .hisCont ul li::after{left: 30%;}
    
    .hisCont ul li .year{width: 30%;}
    .hisCont ul li .history_box{width: 70%;} */

    .hisCont ul li{margin-bottom: 50px;}
    

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){

    .hisCont .hisImg{height: 300px;}
    .hisCont .hisImg p{font-size: 26px;}

    

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){

    .contWrap .contSec .ceoTxt p span.bold{font-size: 20px;}


}