@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;}

/*업무 프로세스*/
.Con01{
    width: 100%;
    font-size: 30px;
    font-weight: 800;
    padding-top: 10%;
}

.Con_text{
    width: 100%;
    margin-bottom: 10px;
    font-weight: 450;
    color: #00ceca;
}

/*사진 떠오르기*/
@keyframes fade_up{0%{opacity: 0; transform: translateY(100%);}to{opacity: 1; transform: translateY(0);}}

.Con02{
    width: 290px;
    float: left;
    margin-bottom: 20px;
    
    
    animation: fade_up 1s;
}
.Con02 img{width: 100%;}

.Con03{
    width: 290px;
    float: left;
    margin-left: 15px;
    margin-bottom: 20px;
    
   
    animation: fade_up 1s;
}
.Con03 img{width: 100%;}

.Con04{
    width: 290px;
    float: right;
    margin-bottom: 20px;
    
    
    animation: fade_up 1s;
}
.Con04 img{width: 100%;}

.Con05{
    width: 290px;
    float: left;
    
    animation: fade_up 1s;
}
.Con05 img{width: 100%;}

.Con06{
    width: 290px;
    float: left;
    margin-left: 15px;
   
    animation: fade_up 1s;
}
.Con06 img{width: 100%;}

.Con07{
    width: 290px;
    float: right;

    animation: fade_up 1s;
}
.Con07 img{width: 100%;}

.Con08{
    float: left;
    width: 100%;
    font-size: 30px;
    font-weight: 800;
    padding-top: 10%;
}

.Con09{
    float: left;
    width: 100%;
    border: 2px solid;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 100px;
}

.Mobile{
    float: left; 
    margin: 2%;
}

.Mobile_text{
    float: left; 
    margin-top: 3.5%;
    margin-right: 3%;
}

.Fax{
    float: left;
    margin: 2%;
}

.Fax_text{
    float: left; 
    margin-top: 3.5%;
    margin-right: 3%;
}

.Email{
    float: left;
    margin: 2%;
}

.Email_text{
    float: left; 
    margin-top: 3.5%;
    margin-right: 3%;
}

/*푸터 영역*/
.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;}
}