@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

*{margin: 0; padding: 0; font-family:  'Noto Sans KR', '맑은 고딕', sans-serif; color: #333}
ul li{list-style: none}
a{text-decoration: none; color: #333}
.clear{clear:both;}


/*이너박스*/
.big_inner_box{margin: 0 auto; width: 1200px;}
.small_inner_box{margin: 0 auto; width: 900px;}


/*메인*/
.header{position: fixed; 
    float: left; 
    width: 1200px; 
    padding-top: 20px; 
    padding-bottom: 10px; 
    background: white;}


.logo{float: left; width: 20%}
.menu{float: left;}
.menu li{float: left; padding-top: 10px; margin-left: 60px; font-size:14pt; font-weight: 400}

.main{float: left; width: 100%;}

/*메인 네비게이션 바*/
.main_text{
    width: 100%;
    float: left; 
    margin-left: 60px;
    padding-top: 110px;
    margin-bottom: 40px;
    font-size: 25px;
    color: #1c2fa9;
    font-weight: 600;
    
}

.nav1{
    width: 90%;
    margin-left: 60px;
    margin-right:60px;
    padding-bottom: 70px;
    border-bottom: solid 2px;
    border-bottom-color: darkgray;
}

.Con1{
    float: left;
 
    margin-left: 60px;
    margin-top: 50px;
    margin-bottom: 2%;
    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
}

.Con2{
    float: left; 

    margin-left: 40px;
    
    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
}


.Con3{
    float: left; 

    margin-left: 40px;

    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
}

.Con4{
    float: left;
 
    margin-left: 40px;

    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: solid 5px;
    border-bottom-color: #1c2fa9;
}

.Con5{
    float: left; 

    margin-left: 40px;

    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
}


.Con6{
    float: left;  

    margin-left: 40px;

    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
}


/*네비게이션 바*/
.nav{
    width: 100%;
    border-bottom: solid 2px;
    border-bottom-color: darkgray;
}

.Con01_1{
    float: left;
 
    margin-bottom: 5%;
    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
    
}

.Con01_2{

    float: left; 

    margin-left: 40px;
    margin-bottom: 5%;
    
    font-size: 10px;
    font-weight: 700;
    
    margin-top: 30px;
    padding-bottom: 10px;
    border-bottom: solid 5px;
    border-bottom-color: #ea5514;

}


/*원청기업*/
.text{
    float: left; 
    margin-left: 20px; 
    padding-bottom: 20px;
    font-weight: 500;
    font-size: 12pt;
}

.text01{
    width: 70%;
    position:absolute;
    top: 70%;
    font-size: 15pt;
    font-weight: 600;
    color: white;
    margin-left: 20px;
    border-bottom: solid 0.5px; 
}

.Con01{
    width: 280px;
    float: left;
    margin-bottom: 20px;
}
.Con01 img{
    width: 100%;
}

.Con02{
    width: 280px;
    float: left;
    margin-left: 30px;
    margin-bottom: 20px;
}
.Con02 img{
    width: 100%;
}

.Con03{
    width: 280px;
    float: right;
    margin-bottom: 20px;
}
.Con03 img{
    width: 100%;
}

.Con04{
    width: 280px;
    float: left;
    margin-bottom: 20px;
}
.Con04 img{
    width: 100%;
}

.Con05{
    width: 280px;
    float: left;
    margin-left: 30px;
    margin-bottom: 20px;
}
.Con05 img{
    width: 100%;
}

.Con06{
    width: 280px;
    float: right;
    margin-bottom: 20px;
}
.Con06 img{width: 100%;}

.Con07{
    width: 280px;
    float: left;
    margin-bottom: 100px;
}
.Con07 img{width: 100%;}

/*푸터 영역*/
.footer01{float: left; width: 20%;}
.footer01 img{width: 80%;}
.footer02{float: left; width: 70%; padding-left: 20px; padding-bottom: 50px; font-size: 11pt;}


/*반응형 모바일 가로길이 560px이하*/
@media all and (max-width:560px){
    .big_inner_box{margin: 0 auto; width: 100%;}
    .small_inner_box{margin: 0 auto; width: 80%;}
    
    .logo{float: left; width: 100%; padding-left: 0px; padding-top: 10px; padding-bottom: 10px; position: fixed; background: white;}
    .main{float: left; width: 100%; padding-top: 70px; padding-bottom: 80px;}
    
   
    
    
    .footer01{float: left; width: 20%; padding-bottom: 10px;}
    .footer01 img{width: 150%;}
    .footer02{float: right; width: 100%; padding-bottom: 50px; font-size: 10pt;}
}