/*introduce_company.css*/
@charset "utf-8";

/*content01 서식*/
.content01{
    width: 100%;
    height: 510px;
    }
.content01>.contentWrap{
    overflow: hidden;
    width: 560px;
    margin: 30px auto;
}
.content01>.contentWrap>img{
    float: left;
    margin-top: 165px;
}

.content01>.contentWrap>.contentTxt{
    display: block;
    float: left;
    margin-left: 80px;
    
}
.content01>.contentWrap>.contentTxt>li{
    margin: 40px 0;
}
.content01>.contentWrap>.contentTxt>li>h3{
    font-size: 32px;
    color: #0082C9;
    font-weight: normal;
    line-height: 42px;
}
.content01>.contentWrap>.contentTxt>li>p{
    font-size: 14px;
    line-height: 20px;
    
}


/*content02 서식*/
.content02{
    width: 100%;
    background-color: #38649E;
    height: 580px;
    overflow: hidden;
}
.content02>.contentWrap{
    width: 847px;
    margin: 50px auto;
}
.content02>.contentWrap>img:last-child{display: none;}
.content02>.contentWrap>.contentTxt{
    width: 681px;
    margin: 60px auto;
    overflow: hidden;
    color: #fff;
}
.content02>.contentWrap>.contentTxt>h3{
    font-size: 34px;
    text-align: center;
    line-height: 38px;
    float: left;
    margin-top: 7px;
    margin-left: 3px;
}
.content02>.contentWrap>.contentTxt>p{
    font-size: 14px;
    line-height: 22px;
    float: left;
    margin-left: 40px;
}



@media screen and (max-width:1080px){
    
    .content02{height: 500px;}
    .content02>.contentWrap{width: 100%; margin: 0 auto;}
    .content02>.contentWrap>img:nth-child(2){display: block; margin: 0 auto; width: 668px;}
    
}

@media screen and (max-width:780px){
    
    /*content01 서식*/
    .content01{height: 100%; overflow: hidden;}
    .content01>.contentWrap{width: 80%;}
    .content01>.contentWrap>img{display: block; float: none; margin: 30px auto;}
    .content01>.contentWrap>.contentTxt{display: block; float: none; text-align: center; margin: 40px auto;}
    
    /*content02 서식*/
    .content02{height: 100%;}
    .content02>.contentWrap{width: 80%; overflow: hidden; margin: 20px auto; margin-bottom: 70px;}
    .content02>.contentWrap>.contentTxt{width: 100%;}
    .content02>.contentWrap>img:nth-child(2){display: none;}
    .content02>.contentWrap>img:last-child{display: block; margin: 0 auto;}
    .content02>.contentWrap>.contentTxt{margin: 20px auto;}
    .content02>.contentWrap>.contentTxt>h3{display: block; float: none;}
    .content02>.contentWrap>.contentTxt>p{display: block; float: none; text-align: center; margin: 20px 0;}
    
}