@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%; padding-top: 80px; padding-bottom: 120px;}


/*회사 소개*/
.Con01_1{float: left; font-size: 40px; font-weight: 800; width: 100%; padding-bottom: 5px;}
.Con01_2{float: left; font-size: 20px; width: 100%; padding-bottom: 20px;}

/*회사 소개 사진*/
.Con01_2_1{width: 30%; float: left; padding-bottom: 120px;}
.Con01_2_1 img{transition: all 0.2s linear;}
.Con01_2_1:hover img{transform: scale(1.03);}

.Con01_2_2{width: 30%; float: left; padding-left: 5%;}
.Con01_2_2 img{transition: all 0.2s linear;}
.Con01_2_2:hover img{transform: scale(1.03);}

.Con01_2_3{width: 30%; float: right;}
.Con01_2_3 img{transition: all 0.2s linear;}
.Con01_2_3:hover img{transform: scale(1.03);}


/*푸터 영역*/
.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;}
    
    .Con01_1{float: left; font-size: 25px; font-weight: 800; width: 100%; padding-bottom: 5px;}
    .Con01_2{float: left; font-size: 13px; width: 100%; padding-bottom: 20px;}
    
    .Con01_2_1{width: 47%; float: left; padding-bottom: 20px;}
    .Con01_2_1 img{transition: all 0.0s linear;}
    .Con01_2_1:hover img{transform: scale(1);}
    
    .Con01_2_2{width: 47%; float: right; padding-bottom: 20px;}
    .Con01_2_2 img{transition: all 0.0s linear;}
    .Con01_2_2:hover img{transform: scale(1);}
    
    .Con01_2_3{width: 47%; float: left; padding-bottom: 30px;}
    .Con01_2_3 img{transition: all 0.0s linear;}
    .Con01_2_3:hover img{transform: scale(1);}
    
    
    .footer01{float: left; width: 20%; padding-bottom: 10px;}
    .footer01 img{width: 150%;}
    .footer02{float: right; width: 100%; padding-bottom: 50px; font-size: 10pt;}
}